html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0;  font-family:"Microsoft YaHei";}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:22px; background:#fff; min-width: 1200px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  color:#333;}
input,textarea{ resize:none; font-family:"Microsoft YaHei"; -moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; }
a:hover{ color:#063b96;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;} 
::selection{ background:none; color:#333;}
::-moz-selection{ background:none; color:#333;}
::-webkit-selection{ background:none; color:#333;}
 
@font-face { 
    [font-family: <family-name>;]? [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]? [unicode-range: <urange>#;]? [font-variant: <font-variant>;]? [font-feature-settings: normal|<feature-tag-value>#;]? [font-stretch: <font-stretch>;]? [font-weight: <weight>]; [font-style: <style>]; 
    }

/*菜单*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.container {padding-right:15px;padding-left:15px;  margin:0 auto;}
.container:before,.container:after {display: table;content: " ";}
.container:after {clear: both;}.container:before,
.container:after {display: table;content: " ";}
.container:after {clear: both;}

@media (min-width: 768px) {
  .container {width:810px;  }
}
@media (min-width: 992px) {
  .container {width:970px; }
}

@media (min-width: 1000px) {
  .container {width:970px;   }
}
 

.collapse {display: none;}
.collapse.in {display: block;}
.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;transition: height 0.35s ease;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;
border-right: 4px solid transparent;border-left: 4px solid transparent;}
.dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0;}


@media (min-width: 768px) {
  .navbar-right .dropdown-menu {right: 0;left: auto;}
}


.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}
.nav:before,.nav:after {display: table;content: " ";}
.nav:after {clear: both;}
.nav > li {position: relative;display: block;}
.nav > li > a {position: relative;display: block;padding:0; margin-left:45px;}
.nav > li > a:hover,.nav > li > a:focus {text-decoration: none;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: #eeeeee;border-color: #428bca;}
.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}

 

.navbar {position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}
.navbar:before,
.navbar:after {display: table;content: " ";}
.navbar:after {clear: both;}

@media (min-width: 768px) {
 .navbar {border-radius: 4px;}
}

.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
.navbar-header:before,
.navbar-header:after {display: table;content: " ";}
.navbar-header:after {clear: both;}
@media (min-width: 768px) {
  .navbar-header {float: left;}
}

.navbar-collapse {max-height: 340px;padding-right: 15px;padding-left: 15px;overflow-x: visible;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
.navbar-collapse:before,
.navbar-collapse:after {display: table;content: " ";}
.navbar-collapse:after {clear: both;}
/*.navbar-collapse.in {overflow-y: auto;}*/

@media (min-width: 768px) {
.navbar-collapse {width: auto;border-top: 0;box-shadow: none;}
.navbar-collapse.collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
.navbar-collapse.in {overflow-y: visible;}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {padding-right: 0;padding-left: 0;}
}

.container > .navbar-header,
.container > .navbar-collapse {margin-right: -15px;margin-left: -15px;}

@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse {margin-right: 0;margin-left: 0;}
}

.navbar-static-top {z-index: 1000;border-width: 0 0 1px;}

@media (min-width: 768px) {
.navbar-static-top {border-radius: 0;}
}

.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;right: 0;left: 0;z-index: 1030;}

@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {border-radius: 0;}
}

.navbar-fixed-top {top: 0; border-width:0px;}
.navbar-fixed-bottom {bottom: 0;margin-bottom: 0;border-width:0;}
.navbar-brand {float: left; width:199px; height:43px; margin:7px 0 0 10px;  background:url(../images/zlw/logo.png) no-repeat; -webkit-background-size:auto 28px;  background-size:auto 28px; text-indent:-100000px;}
.navbar-brand:hover,
.navbar-brand:focus {text-decoration: none;}

@media (max-width: 768px) {
.navbar-brand{  width:170px; height:33px; -webkit-background-size:auto 33px;  background-size:auto 33px;}
.navbar-default .navbar-nav > li > a.blue{ margin:0 auto; padding:0;}
}

@media (min-width: 768px) {
.navbar > .container .navbar-brand {margin-left: -15px;}}

.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px; cursor:pointer;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px; cursor:pointer;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

@media (min-width: 768px) {
.navbar-toggle {display: none;}
}

.navbar-nav {margin: 7.5px -15px;}
.navbar-nav > li > a {padding-top:10px;  padding-bottom:10px;}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;box-shadow: none;}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {background-image: none;}
}

@media (min-width: 768px) {
.navbar-nav {float: left;margin: 0;}
.navbar-nav > li {float: left;}
.navbar-nav > li > a {padding-top:20px;padding-bottom:20px; line-height:20px; }
.navbar-nav.navbar-right:last-child {margin-right: -15px;}
.navbar-brand{ margin:10px 0 0 20px;}
}

@media (min-width: 768px) {
.navbar-left {float: left !important;}
.navbar-right {float: right !important;}
}
 

.navbar-nav > li > .dropdown-menu {margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.navbar-nav.pull-right > li > .dropdown-menu,.navbar-nav > li > .dropdown-menu.pull-right {right: 0;left: auto;}
.navbar-default{background:#fff;  -webkit-box-shadow:0 0 3px 0px rgba(0,0,0,.2); box-shadow:0 0 3px 0px rgba(0,0,0,.2)}
.navbar-default .navbar-brand {color: #222;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color: #5e5e5e;background-color: transparent;}
.navbar-default .navbar-text {color: #222;}
.navbar-default .navbar-nav > li > a {color:#333; font-size:14px; position:relative;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color:#063b96;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color:#063b96; }
.navbar-default .navbar-nav > .active > a:after{ content:""; position:absolute; left:50%; margin-left:-3px; bottom:5px; background:url(../images/zlw/dian.png) no-repeat; width:8px; height:8px;  }

.navbar-default .navbar-nav > li > a.blue{ background:#496fb2; width:82px; line-height:30px; color:#fff; padding:0 10px; text-align:center; border-radius:2px; margin-top:15px;}
.navbar-default .navbar-nav > li > a.blue:hover,
.navbar-default .navbar-nav > li > a.blue:focus{ background:#2d559c;}



.navbar-default .navbar-toggle {border-color: none;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: none;}
.navbar-default .navbar-toggle .icon-bar {background-color:#666;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #555555;background-color: #e7e7e7;}

@media (max-width: 767px) {
.navbar-default .navbar-nav > li > a{ text-align:center; margin:0; padding:5px 0 15px 0;}	
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333333;background-color: transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555555;}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #cccccc;background-color: transparent;}
}
.navbar-default .navbar-link {color: #777777;}
.navbar-default .navbar-link:hover {  color: #333333;}
.flex{display: flex;}
.flex .navbar-collapse ul{padding-left: 90px;}

/*幻灯*/ 
 
#full-width-slider { width:100%; color: #000;}
@media screen and (max-width:768px){
#full-width-slider { padding-top:50px;}
}
.coloredBlock { width:350px;left:20%; top: 5%;}
.infoBlock { width:350px; position:absolute;top:72%; left:50% ; margin:0 0 0 -175px; overflow: hidden; }
.infoBlockLeftBlack { }
.infoBlock h4 {font-size: 20px;line-height: 1.2;margin: 0; }
 
.infoBlock a {color: #FFF; display:inline-block; background:#13b125; font-size:16px; font-weight:normal; padding:0 30px; height:46px; line-height:46px; text-align:center; border-radius:4px; margin-right:10px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.infoBlock a:hover{ background:#1ea721 ; }
 

.fullWidth {max-width:2200px; margin: 0 auto 0 auto;margin-top: 60px;}
.rsContent a.more{ display:block; position:absolute; left:50%; bottom:60px; font-weight: normal;font-stretch: normal;width: 200px; height: 46px; line-height:46px; border-radius:23px; background:#fff; color:#001969;font-family: PingFangSC-Medium; font-size:20px; margin-left:-100px; text-align:center;-moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
.rsContent a.more:hover{ background:#092f70;color: #fff;}
 
 .rsContent a.more2{ display:block; position:absolute; left:50%; bottom:60px; font-weight: normal;font-stretch: normal;width: 200px; height: 46px; line-height:46px; border-radius:23px; border: 1px solid #fff; color:#fff;font-family: PingFangSC-Medium; font-size:20px; margin-left:-120px; text-align:center;-moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
 .rsContent a.more2:hover{border: 1px solid #092f70; }
  
  .rsContent a.more3{ display:block; position:absolute; left:50%; bottom:60px; font-weight: normal;font-stretch: normal;width: 200px; height: 46px; line-height:46px; border-radius:23px; background:#fff; color:#126def;font-family: PingFangSC-Medium; font-size:20px; margin-left:-120px; text-align:center;-moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
  .rsContent a.more3:hover{ background:#092f70;color: #fff;}
   
 @media screen and (min-width:760px) and (min-height:460px) {
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
	height:460px !important;}
	 
}
 
 @media screen and (min-width:960px) and (min-height:660px) {
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
	height:600px !important;
}
}
 
 @media screen and (min-width:960px) and (min-height:1000px) {
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
	height:794px !important;
}
}
@media screen and (min-width:0px) and (max-width:800px) {
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {
	height: 400px !important;
}
 
.infoBlock h4{ display:none;}
}

@media screen and (min-width:0px) and (max-width:600px) {
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {
	height: 300px !important;
}
 
}


.royalSlider { width: 600px; height: 400px; position: relative; direction: ltr;}
.royalSlider > * { float: left;}
.rsWebkit3d .rsSlide { -webkit-transform: translateZ(0);}
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden;}
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none;}
.rsOverflow { width: 100%;height: 100%;position: relative;overflow: hidden;float: left;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rsVisibleNearbyWrap {width: 100%;height: 100%;position: relative;overflow: hidden;left: 0;top: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rsVisibleNearbyWrap .rsOverflow {position: absolute;left: 0;top: 0;}
.rsContainer {position: relative;width: 100%;height: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rsArrow, .rsThumbsArrow {cursor: pointer;}
.rsThumb {float: left;position: relative;}
.rsArrow, .rsNav, .rsThumbsArrow {opacity: 1;-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.rsHidden {opacity: 0;visibility: hidden;-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;transition: visibility 0s linear 0.3s, opacity 0.3s linear;}
.rsGCaption {width: 100%;float: left;text-align: center;}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {position: fixed !important;height: auto !important;width: auto !important;
margin: 0 !important;padding: 0 !important;z-index: 2147483647 !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;}
.royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important;-webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;transition: 0s;display: none;}
.rsSlide {position: absolute;left: 0;top: 0;display: block;overflow: hidden;height: 100%;width: 100%;}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {height: auto;}
.rsContent {width: 100%;height: 100%;position: relative;}
.rsPreloader {position: absolute;z-index: 0;}
.rsNav {-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;}
.rsNavItem {-webkit-tap-highlight-color: rgba(0,0,0,0.25);}
.rsThumbs {cursor: pointer;position: relative;overflow: hidden;float: left;z-index: 22;}
.rsTabs {float: left;background: none !important;}
.rsTabs, .rsThumbs {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rsVideoContainer {width: auto;height: auto;line-height: 0;position: relative;}
.rsVideoFrameHolder {position: absolute;left: 0;top: 0;background: #141414;opacity: 0;-webkit-transition: .3s;}
.rsVideoFrameHolder.rsVideoActive {opacity: 1;}
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
position: absolute;z-index: 50;left: 0;top: 0;width: 100%;height: 100%;}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 44px;}
.rsABlock { position: absolute;z-index: 15;}
img.rsImg {max-width: none;}
.grab-cursor {cursor: url(../images/grab.png) 8 8, move;}
.grabbing-cursor {cursor: url(../images/grabbing.png) 8 8, move;}
.rsNoDrag {cursor: auto;}
.rsLink {left: 0;top: 0;position: absolute;width: 100%;height: 100%;display: block;z-index: 20;background: url(../../blank.gif);}

.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {background: #fff;color: #FFF;}



.rsMinW .rsArrow {height: 32px;width: 32px;position: absolute;display: block;cursor: pointer;z-index: 21;}
.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }

.rsMinW .rsArrowIcn { width: 24px;height: 24px;margin-top: 3px;margin-left: 3px;position: absolute;cursor: pointer;background: transparent;border-radius: 2px;}
.rsMinW .rsArrowIcn:hover {}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }
.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }

/* 由三个走马灯增加为四个后样式调整
.rsMinW .rsBullets { width:56px; position: absolute;bottom:-25px;left:50%; margin:0 0 0 -28px; z-index: 35;padding-top: 4px; height: auto; text-align: center;line-height:12px;overflow: hidden;}
.rsMinW .rsBullet { display: inline-block;*display:inline; *zoom:1; }
.rsMinW .rsBullet span {display: block; width:12px;height:12px;border-radius: 50%;background:#dcdcdc; margin:0 3px; cursor:pointer;}
.rsMinW .rsBullet.rsNavSelected span {background: #4370bf;}
*/

.rsMinW .rsBullets { width:76px; position: absolute;bottom:-45px;left:50%; margin:0 0 0 -55px; z-index: 35;padding-top: 4px; height: auto; text-align: center;line-height:12px;overflow: hidden;}
.rsMinW .rsBullet { display: inline-block;*display:inline; *zoom:1; }
.rsMinW .rsBullet span {display: block; width:12px;height:12px;border-radius: 50%;background:#dcdcdc; margin:0 3px; cursor:pointer;}
.rsMinW .rsBullet.rsNavSelected span {background: #4370bf;}

.rsMinW .rsThumbsHor {width: 100%;height: auto;}
.rsMinW .rsThumbsVer {width: 96px;height: 100%;position: absolute;top: 0;right: 0;}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {position: relative;height: 100%;}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {position: relative;width: 100%;}
.rsMinW .rsThumb {float: left;overflow: hidden;width: 96px;height: 72px;}
.rsMinW .rsThumb img {width: 100%;height: 100%;}
.rsMinW .rsThumb.rsNavSelected {background: #333;}
.rsMinW .rsThumb.rsNavSelected img {filter: alpha(opacity=40);opacity: 0.7;}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 2px solid #FFF;border: 2px solid rgba(255,255,255,0.9);-webkit-backface-visibility: hidden;} 
.rsMinW .rsTmb {display: block;}




/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {height: 100%;width: 20px;position: absolute;display: block;cursor: pointer;	z-index: 21;	}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {width: 100%;height: 20px;}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsMinW .rsThumbsArrowIcn {		width: 16px;height: 16px;top: 50%;left: 50%;margin-top:-8px;	margin-left: -8px;position: absolute;	cursor: pointer;	background: url('../images/rs-minimal-white.png');}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsMinW .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsMinW .rsThumb {width: 59px;height: 44px;}
	.rsMinW .rsThumbsHor {height: 44px;}
	.rsMinW .rsThumbsVer {width: 59px;}
}
 


@-webkit-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
@keyframes a-fadein{0%{opacity:0;}100%{opacity:1;}}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout;}
@-webkit-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@-ms-keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
@keyframes a-fadeout{0%{opacity:1;}100%{opacity:0;}}
.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-100px);}}
@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-100px);}}
@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(-100px);}}
@keyframes fadeoutT{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-100px);}}
.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(100px);}}
@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(100px);}}
@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(100px);}}
@keyframes fadeoutR{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100px);}}
.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(100px);}}
@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(100px);}}
@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0);}100%{opacity:0;-ms-transform:translateY(100px);}}
@keyframes fadeoutB{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(100px);}}
.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-100px);}}
@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-100px);}}
@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0);}100%{opacity:0;-ms-transform:translateX(-100px);}}
@keyframes fadeoutL{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100px);}}
.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce;}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}
@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}
@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0);}40%{-ms-transform:translateY(-30px);}60%{-ms-transform:translateY(-15px);}}
@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}
.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(0.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(0.3);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(0.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(0.3);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}25%{-ms-transform:scale(0.95);}50%{opacity:1;-ms-transform:scale(1.1);}100%{opacity:0;-ms-transform:scale(0.3);}}
@keyframes a-bounceout{0%{transform:scale(1);}25%{transform:scale(0.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);}}
.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein;}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg);}100%{opacity:1;-webkit-transform:rotate(0);}}
@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg);}100%{opacity:1;-moz-transform:rotate(0);}}
@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg);}100%{opacity:1;-ms-transform:rotate(0);}}
@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg);}100%{opacity:1;transform:rotate(0);}}
.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout;}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}
@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}
@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}}
@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}
.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash;}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-moz-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@-ms-keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
@keyframes a-flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}
.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake;}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0);}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}20%,40%,60%,80%{-moz-transform:translateX(10px);}}
@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0);}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}20%,40%,60%,80%{-ms-transform:translateX(10px);}}
@keyframes a-shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}
.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing;}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0);}}
@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg);}40%{-ms-transform:rotate(-10deg);}60%{-ms-transform:rotate(5deg);}80%{-ms-transform:rotate(-5deg);}100%{-ms-transform:rotate(0);}}
@keyframes a-swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0);}}
.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble;}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0);}15%{-webkit-transform:translateX(-50px) rotate(-5deg);}30%{-webkit-transform:translateX(40px) rotate(3deg);}45%{-webkit-transform:translateX(-33px) rotate(-3deg);}60%{-webkit-transform:translateX(10px) rotate(2deg);}75%{-webkit-transform:translateX(-10px) rotate(-1deg);}100%{-webkit-transform:translateX(0);}}
@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0);}15%{-moz-transform:translateX(-50px) rotate(-5deg);}30%{-moz-transform:translateX(40px) rotate(3deg);}45%{-moz-transform:translateX(-33px) rotate(-3deg);}60%{-moz-transform:translateX(10px) rotate(2deg);}75%{-moz-transform:translateX(-10px) rotate(-1deg);}100%{-moz-transform:translateX(0);}}
@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0);}15%{-ms-transform:translateX(-50px) rotate(-5deg);}30%{-ms-transform:translateX(40px) rotate(3deg);}45%{-ms-transform:translateX(-33px) rotate(-3deg);}60%{-ms-transform:translateX(10px) rotate(2deg);}75%{-ms-transform:translateX(-10px) rotate(-1deg);}100%{-ms-transform:translateX(0);}}
@keyframes a-wobble{0%{transform:translateX(0);}15%{transform:translateX(-50px) rotate(-5deg);}30%{transform:translateX(40px) rotate(3deg);}45%{transform:translateX(-33px) rotate(-3deg);}60%{transform:translateX(10px) rotate(2deg);}75%{transform:translateX(-10px) rotate(-1deg);}100%{transform:translateX(0);}}
.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring;}
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes a-ring{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}
@-ms-keyframes a-ring{0%{-ms-transform:scale(1);}10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}100%{-ms-transform:scale(1) rotate(0);}}
@keyframes a-ring{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate;}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}
@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}
@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}
@keyframes a-rotate{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}
 
/*BIM*/
.web_box{ width:100%; text-align:center;} 
.web_box.gray{ background:#f9f9f9; padding-top:130px; } 
.web_box .title{ width:100%; overflow:hidden;}
.web_box .title h1{text-align:center;font-family:PingFangSC-Regular;font-size:34px;font-weight:normal;font-stretch:normal;line-height:48px;letter-spacing:0;color:#333;}
.web_box .content{font-family:PingFangSC-Regular;font-size:18px;width:1100px;font-weight:normal;margin:auto;font-stretch:normal;line-height:32px;letter-spacing:0;margin-top:58px;color:#333}
.web_box .title p{ font-size:18px; color:#666; margin-top:10px;}
.web_box .title p i{ background:url(../images/meifei.jpg) no-repeat; width:52px; height:22px; -webkit-background-size:auto 22px; background-size:auto 22px; display:inline-block; vertical-align:-4px;}
.web_box .more{ display:block; margin:0 auto; width:160px; height:46px; line-height:46px; font-size:16px; color:#fff; background:#4370bf; border-radius:2px; text-align:center; margin-top:30px; -moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out; clear:both;}
.web_box .more:hover{ background:#092f70;}

.web_box .pic{ width:900px;  text-align:center; margin:50px auto; overflow:hidden;}
.web_box .pic img{ width:100%;}

.web_box .con{ width:1000px; margin:50px auto; overflow:hidden; text-align:center; display:none; }
.web_box .con .list{ width:280px; height:220px; background:#6c92d5; -webkit-border-radius:2px; border-radius:2px;float:left; color:#fff; line-height:22px;}
.web_box .con .list.s1{ background:#5a83cb;}
.web_box .con .list.s2{ background:#4370bf;}
.web_box .con .list h3{ font-size:16px; margin-bottom:5px;}


/*  BIM数字化建设运营管理产品体系*/
.bimtitle{font-family:PingFangSC-Regular;font-size:32px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:0;color:#333333;margin-top: 180px;margin-bottom: 96px;text-align: center;}
.shop{ background:url(../images/zlw/BIM.png) no-repeat center top #f7f7f7; background-attachment:fixed; width:100%; height:675px; background-size: cover;  text-align:center;  overflow:hidden;  }
.shop h1{  line-height:38px; text-align:center; font-size:30px; margin-top:90px; color:#444;}
.shop .con{ width:1100px; margin:0 auto;position:absolute;left:50%;margin-left:-550px;margin-top:-36px;} 
.shop .con .list{margin: 3px 13px; width: 340px;height: 230px;background-color: #ffffff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16); float:left; overflow:hidden; background:#fff; }
 .shop .con .list_t{text-align: left;padding-bottom: 15px;padding-top: 15px;}  
 .shop .con .list_t .img{ padding-left: 40px;padding-right: 30px;}  
 .shop .con .list_t .title{font-family:PingFangSC-Regular;font-size:22px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:1px;color:#0f73c5;}
 .shop .con .list_c{text-align: left;padding-left: 40px; font-family:PingFangSC-Regular;font-size:15px;font-weight:normal;font-stretch:normal;line-height:22px;letter-spacing:1px;color:#333333;}
 .shop .con .list_c2{display: flex;display: -webkit-box; text-align: left;padding-left: 56px;font-family:PingFangSC-Regular;font-size:15px;font-weight:normal;font-stretch:normal;line-height:22px;letter-spacing:1px;color:#333333;}
 .shop .con .list_c2 div:nth-child(1){padding-right: 32px;}
.shop .con .list.f1 h2{ color:#6c92d5; font-size:16px; line-height:55px;}
.shop .con .list.f2 h2{ color:#32c492; font-size:16px; line-height:55px;}
.shop .con .list.f3 h2{ color:#ec6d61; font-size:16px; line-height:55px;}
.shop .con a.bt{ width:89px; height:32px; line-height:32px; border-radius:2px;  color:#fff; font-size:12px;  text-align:center;-moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out; display:inline-block;}

.shop .con .list.f1 a.bt{ background:#133f8b;}
.shop .con .list.f1 a.bt:hover{ background:#092f70;}
.shop .con .list.f2 a.bt{ background:#32c492;}
.shop .con .list.f2 a.bt:hover{ background:#20ad7d;}
.shop .con .list.f3 a.bt{ background:#ec6d61;}
.shop .con .list.f3 a.bt:hover{ background:#d75649;}
 
/* 工程建设管理数字化产品体系 */
.protitle{font-family:PingFangSC-Regular;font-size:34px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:3px;color:#333333;text-align: center;margin-top: 170px;}
.project{ background:url(../images/zlw/pro_bg.png) no-repeat center top #f7f7f7;  width:100%; height:733px; background-size: cover;  text-align:center;  overflow:hidden;  }
.project .b1{ width:1100px; margin:0 auto;padding-top: 119px;display: flex;display: -webkit-flex;justify-content: center;}
.project .b1 .list{margin: 3px 69px; width: 162px;}
.project .b1 .list .list_t{font-family:PingFangSC-Regular;font-size:16px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#ffffff;}
.project .b1 .list .list_t .title{padding-top: 20px;}
.project .b2{ width:960px; margin:0 auto;padding-top: 69px;display: flex;display: -webkit-flex;justify-content: center;}
.project .b2 .list{margin: 3px 69px; width: 162px;}
.project .b2 .list .list_t{font-family:PingFangSC-Regular;font-size:16px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#ffffff;}
.project .b2 .list .list_t .title{padding-top: 20px;}
.project .b1 .list .list_t img{width: 100px;}
.project .b2 .list .list_t img{width: 100px;}
/* 核心技术 */
.tech_box {width: 1100px;margin: auto;}
.tech_box .title h1{text-align: center; font-family:PingFangSC-Regular;font-size:34px;font-weight:normal;font-stretch:normal;line-height:158px;color:#333333;margin-top: 100px;}
.tech_box .content{text-align: center;font-family:PingFangSC-Regular;font-size:18px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#333333;}
.tech_box .con {}
.tech_box .con .box{width:1100px;text-align: center; display: flex;display: -webkit-flex;justify-content: space-around;margin-top: 90px;}
.tech_box .con .box .list .title{margin-top: 15px; text-align: center; font-family:PingFangSC-Regular;font-size:18px;font-weight:normal;font-stretch:normal;line-height:21px;letter-spacing:0px;color:#333333;}
.tech_box .con .box .list img{width: 100px;}

/* 经典案例 */
.case_box {width: 1100px;margin: auto;}
.case_box .title h1{text-align: center; font-family:PingFangSC-Regular;font-size:34px;font-weight:normal;font-stretch:normal;line-height:158px;color:#333333;margin-top: 134px;}
.case_box .content{text-align: center;font-family:PingFangSC-Regular;font-size:18px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#333333;}
.case_box .con .box{width:1100px;text-align: center; display: flex;display: -webkit-flex;justify-content: space-around;margin-top: 67px;margin-bottom: 120px; }
.case_box .con .box .list .title{margin-top: 15px; text-align: center; font-family:PingFangSC-Regular;font-size:18px;font-weight:normal;font-stretch:normal;line-height:21px;letter-spacing:0px;color:#333333;}
.case_box .con .box .list .img{padding:30px;background:#426fbe;border-radius:100%;}
.case_box .con .box .list img{width: 50px;height: 50px;}
.case_box .con .box .list .img:hover{background: #0994fd;}

/* 整体介绍 */
.pro-container {
  width: 100%;
}
.pro-content {
  width: 1200px;
  margin: 0 auto;
  padding: 89px 0 45px;
  text-align: center;
}
.pro-content h1 {
  font-size: 30px;
  line-height: 1em;
  text-align: center;
}
.pro-content p {
  /* padding-top: 70px; */
  text-align: center;
  	font-family: PingFangSC-Regular;
  	font-size: 18px;
  	font-weight: normal;
  	font-stretch: normal;
  	line-height: 48px;
  	letter-spacing: 0px;
  	color: #333333;
}
.pro-content div {padding-top: 75px;}
.pro-container h1{ font-size:30px; text-align:center; line-height:40px; margin:80px auto;}
.pro-container ul{ width:690px; margin:0 auto; overflow:hidden;}
.pro-container li{ float:left; text-align:center; font-size:24px; color:#fff; line-height:35px; width:230px; height:120px;}
.pro-container li span{ margin-top:235px; display:inline-block;}
.pro-container li b{ margin-top:215px; font-size:14px; font-weight:normal; line-height:26px;  display:inline-block;}
.pro-uid{margin: auto;width: 1100px;text-align: center;margin-bottom: 159px;}
.pro-uid h1{font-size: 30px;margin: 130px 0 60px 0;text-align: center;}
.pro-uid img{width: 100%;}
.uid-frame{margin: auto;width: 1100px;text-align: center;margin-bottom: 60px;}
.uid-frame h1{font-size: 30px;margin: 0px 0 60px 0;text-align: center;}
.uid-frame ul{ width: 100%;margin:0 auto; overflow:hidden;}
.uid-frame li:nth-child(2n){ float:left; text-align:center; font-size:24px; color:#fff; line-height:35px;width:44%;height:282px;margin-right:0%;margin-bottom: 50px;}
.uid-frame li:nth-child(2n-1){ float:left; text-align:center; font-size:24px; color:#fff; line-height:35px; width:44%;height:282px;margin-right:12%;margin-left:0%;margin-bottom: 50px;}
.uid-frame li img{width: 100%;}
/* 地代码平台架构图 */

/*客户*/
.client{ width:1100px; margin:90px auto; overflow:hidden; margin-top:0   }
.client .title{ width:100%; overflow:hidden; text-align:center;}
.client .title h1{ font-size:30px; color:#444; margin:190px 0 59px 0;}
.client_list{width:100%; overflow:hidden; margin-top:20px;}
.client_list li{ background:#f3f2f2; width:255px; height:100px; float:left; margin:8px 10px; text-align:center;}
.client_list li p{ width:100%; height:100px; overflow:hidden; border:1px solid #e3e3e3; background:#fff; }
.client .more{ display:block; margin:0 auto; width:160px; height:46px; line-height:46px; font-size:16px; color:#fff; background:#4370bf; border-radius:2px; text-align:center; margin-top:30px; -moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out; }
.client .more:hover{ background:#092f70;}


/*底部*/
.main_foot { width:100%;  background:#323232; overflow: hidden; padding-bottom:20px; clear:both;}
.foot {width: 1000px; overflow: hidden; margin:0px auto;  color:#b4b4b4; }
.foot ul { float: left;text-align:left; line-height:30px; overflow:hidden;}
.foot ul h1 { font-size:16px; color:#e3e3e3; margin-bottom:5px;}
.foot ul a{ color:#b4b4b4;}
.foot ul a:hover { text-decoration:underline; }
.foot ul.list1 { width:170px; margin-left:30px;text-align:center; }

.foot .con{widows: 1100px;display: flex;display: -webkit-flex;justify-content: space-between;margin-left: 50px;margin-right: 50px;align-items: center;height: 180px;}
.foot .con h1 img{width: 155px;}
.footiframe{height: 280px;min-width: 1200px;}
.main_foot p{color:#b4b4b4; text-align:center; clear:both; width:100%; margin:0 auto; overflow:hidden;}
.foot ul span{ margin-left:20px;}

/*了解正量*/
.about_banner{ height:400px; margin-top:100px;}
.place{ width:100%; border-bottom:1px solid #e4e4e4; overflow:hidden;}
.place p{ width:1100px; margin:0 auto; line-height:49px;}
 .pro-navbar{margin-bottom: 0px;}
 .pro_about_banner{margin-top: 0px;}
.main{ width:1100px; margin:0 auto;}

.left_side{ width:200px; float:left;}
.tree_menu{ width:100%; border-top:1px solid #e6e6e6; margin-top:30px;}
.tree_menu ul{ line-height:56px;}
.tree_menu ul li{  font-size:14px; margin-bottom:2px;}
.tree_menu ul li a{ color:#777; display:block; background:#f1f1f1;}
.tree_menu ul li a:hover{ color:#fff; background:#496fb2;}
.tree_menu ul li.on a{ color:#fff; background:#496fb2;}
.tree_menu ul li a i{ background:url(../images/icon.png) no-repeat; width:22px; height:20px; display:inline-block; margin:0 12px 0 25px; vertical-align:-5px;}
.tree_menu ul li a i.t1{ background-position:0 0;}
.tree_menu ul li a i.t2{ background-position:-33px 0;}
.tree_menu ul li a i.t3{ background-position:-66px 0;}
.tree_menu ul li a i.t4{ background-position:-97px 0;}
.tree_menu ul li a i.t5{ background-position:-131px 0;}
.tree_menu ul li a i.t6{ background-position:-167px 0;}
.tree_menu ul li a i.t7{ background-position:-202px 0;}
.tree_menu ul li a i.t8{ background-position:-239px 0;}

.tree_menu ul li a:hover i.t1{ background-position:0 -37px;}
.tree_menu ul li a:hover i.t2{ background-position:-33px -37px;}
.tree_menu ul li a:hover i.t3{ background-position:-66px -37px;}
.tree_menu ul li a:hover i.t4{ background-position:-97px -37px;}
.tree_menu ul li a:hover i.t5{ background-position:-131px -37px;}
.tree_menu ul li a:hover i.t6{ background-position:-167px -37px;}
.tree_menu ul li a:hover i.t7{ background-position:-202px -37px;}
.tree_menu ul li a:hover i.t8{ background-position:-239px -37px;}

.tree_menu ul li.on a i.t1{ background-position:0 -37px;}
.tree_menu ul li.on a i.t2{ background-position:-33px -37px;}
.tree_menu ul li.on a i.t3{ background-position:-66px -37px;}
.tree_menu ul li.on a i.t4{ background-position:-97px -37px;}
.tree_menu ul li.on a i.t5{ background-position:-131px -37px;}
.tree_menu ul li.on a i.t6{ background-position:-167px -37px;}
.tree_menu ul li.on a i.t7{ background-position:-202px -37px;}
.tree_menu ul li.on a i.t8{ background-position:-239px -37px;}


.right_side{ width:830px; float:right; min-height:500px; margin-bottom:150px;}
.about_box{ width:100%; overflow:hidden;}
.about_box .top{ width:930px; margin:0 auto; overflow:hidden; margin-top:40px;}
.about_box .top p{ font-size:14px; line-height:32px;}
.about_box .top p strong{ font-size:24px; font-weight:normal;}

.about_box .txt{ width:822px; margin:0 auto; overflow:hidden; margin-top:40px;}
.about_box .txt p{ font-size:14px; line-height:32px; text-indent:28px;}
.about_box .txt p strong{ font-size:24px; font-weight:normal;}
.about_box .txt h1{ font-size:24px; line-height:40px; text-indent:48px; margin-top:30px;}

.about_box .pic{ text-align:center; margin-top:20px;}
.about_box .pic.wd{ text-align:center; margin-top:30px;}
.about_box .list{ width:650px; margin:50px auto 20px auto; clear:both;  overflow:hidden; font-size:14px;} 
.about_box .list i{ width:2px; height:50px; background:#d1d1d1; display:block; float:left; margin-top:5px;}
.about_box .list ul{ width:630px; float:right;}
.about_box .list ul strong{ font-size:26px; line-height:36px; font-weight:normal;}
.about_box .bottom{ width:100%; text-align:center;    margin-top:40px;}
.about_box .bottom .big img{ border:1px solid #e6e6e6;}
.about_box .bottom .small{ width:100%; font-size:14px;}
.about_box .bottom .small dl{ float:left; margin:40px 0 0 20px;} 
.about_box .bottom .small dl.last{ float:right; margin:40px 20px 0 0;}
.about_box .bottom .small dl dd{ width:328px; height:233px; border:1px solid #e6e6e6; margin-bottom:10px;} 

/*联系我们*/
.contact{ width:930px; margin:0 auto; overflow:hidden;  font-size:14px; line-height:30px; margin-top:30px;}
.contact .top{ width:100%; overflow:hidden;}
.contact .top ul{ float:left;}
.contact .top ul.last{ float:right;}
.contact .top span{margin-right: 15px;}
.contact .bottom{ width:100%; overflow:hidden; clear:both; margin-top:30px;}
.contact .bottom i{ float:left;}
.contact .bottom ul{ float:left; width:90%; padding-left:10px;} 

/* 产品与技术 */
.pingtai{ width:1100px; margin:0 auto; overflow:hidden;margin-top: 90px;margin-bottom: 160px;}
.pingtai .bottom{ width:100%; overflow:hidden; padding-bottom:30px;}
.pingtai .bottom dl{ float:left; text-align:center; font-size:14px;margin:0 5px; cursor:pointer;}
.pingtai .bottom dl.last{ margin:50px 0px 0 0; }
.pingtai .bottom dl dd{width:262px; height:220px; }
.pingtai .bottom dl dt{ margin-top:15px;}
.pingtai .bottom dl dd .txt{ background:url(../images/zlw/mengba.png) repeat; width:100%; height:100%; display:none;}
.pingtai .bottom dl dd .txt span{ display:inline-block; background:#ec6d61; width:82px; height:30px; line-height:30px; -webkit-border-radius:2px; border-radius:2px; color:#fff; margin-top:94px;}
.pingtai .bottom dl dd .txt.trconb{ display:block;}


/*项目*/
.case_banner{ height:260px; margin-top:100px;}
.case h1{ text-align:center; font-size:30px; line-height:40px; margin:45px auto;}
.case .top{ background:#f7f7f7; padding:10px 0; overflow:hidden;}
.case .top ul{ width:90%; overflow:hidden; margin:0 auto;}
.case .top dl{ font-size:14px; line-height:30px; }
.case .top dl a{ display:inline-block; -webkit-border-radius:2px; border-radius:2px; padding:0 15px; margin:5px 0;}
.case .top dl a.on{ background:#496fb2; color:#fff;}
.case .top dl dd{ float:left; margin-top:5px;}

.case .bottom{ width:100%; overflow:hidden; padding-bottom:30px;}
.case .bottom h2{ font-size:24px; text-align:center; margin-top:50px; color:#333;}
.case .bottom dl{ float:left; text-align:center; font-size:14px; margin:50px 41px 0 0; cursor:pointer;}
.case .bottom dl.last{ margin:50px 0px 0 0; }
.case .bottom dl dd{ width:337px; height:200px;}
.case .bottom dl dt{ margin-top:15px;}
.case .bottom dl dd .txt{ background:url(../images/zlw/mengba.png) repeat; width:100%; height:100%; display:none;}
.case .bottom dl dd .txt span{ display:inline-block; background:#ec6d61; width:82px; height:30px; line-height:30px; -webkit-border-radius:2px; border-radius:2px; color:#fff; margin-top:94px;}
.case .bottom dl dd .txt.trconb{ display:block;}

.case_txt{ width:100%; background:#f7f7f7; overflow:hidden; margin-top:50px;}
.case_txt .top_cor{ width:100%; position:relative;}
.case_txt .top_cor img{ max-width:100%;}
.case_txt .top_cor .bg{ width:372px; background:#496fb2; overflow:hidden; position:absolute; right:40px; top:370px;}
.case_txt .top_cor .bg ul{ width:85%;  color:#fff; line-height:35px; font-size:14px; margin:40px auto;}
.case_txt .top_cor .bg ul h1{ font-size:16px; line-height:30px; margin-bottom:10px;color:#fff;} 

.case_txt .bottom_cor{ width:90%; font-size:14px; color:#333; line-height:30px; margin:50px auto; overflow:hidden;}
.case_txt .bottom_cor h3{ font-size:18px; color:#496fb2; margin-bottom:10px; margin-top:20px;} 
.case_txt .bottom_cor h3 i{ width:6px; height:18px; background:#496fb2; display:inline-block; margin-right:10px; vertical-align:-3px;}


/*产品*/



.mian_tab.navbg{ position:absolute; z-index:999999 }
.mian_tab{ width:100%; background:#2c2c2c; height:70px; margin-top:0;}
.mian_tab ul{ width:920px; margin:0 auto;}
.mian_tab ul li{ display:inline; text-align:center; }
.mian_tab ul li a{ font-size:14px; line-height:67px; color:#ccc; display:inline-block; padding:0 5px; margin:0 35px;}
.mian_tab ul li a:hover{ color:#ff6453; border-bottom:3px solid #ff6453; }
.mian_tab ul li a.current{ color:#ff6453; border-bottom:3px solid #ff6453; }





.weave_box{ background:#f0f4f7; width:100%; overflow:hidden; margin-top:100px; }
.weave_box h1{ font-size:30px; line-height:35px; text-align:center; margin-top:50px;}
.weave{ width:1000px; background:#fff; overflow:hidden; margin:50px auto;}
.weave.wu{ margin:20px auto;}
.weavetitle{ width:1000px; margin:40px auto 0 auto;}
.weavetitle h2{ font-size:18px; color:#333;}
.weavetitle h2 i{ width:4px; height:18px; background:#1288d7; margin-right:10px; display:inline-block; vertical-align:-2px; }
 
.weave_con{ width:800px; margin:20px auto;}
 
.weave_con ul{ width:100%; overflow:hidden;}
.weave_con ul li{ overflow:hidden; clear:both; margin-top:20px;}
.weave_con ul li dd{ font-size:14px; float:left; text-align:right; width:100px; line-height:36px; margin-right:5px;} 
label.checkbox {  cursor:pointer;  line-height:34px; height:24px; display:inline-block; padding:1px 20px 9px 20px;  font-size:14px; border:1px solid #dcdcdc; margin:0 20px 15px 0;} 
label.checked {background: url(../images/checkbox.jpg) no-repeat right bottom; background-color:#fff; border:2px solid #496fb2; padding:0px 19px 8px 19px;  color:#496fb2;} 

.weave_con ul li dt{ float:right; width:695px;}
.weave_con ul li dt .shuliang{ border:1px solid #dcdcdc; width:103px; height:34px; background:#fafafa; overflow:hidden;}
.weave_con ul li dt .shuliang .btn{ width:24px; background:none; cursor:pointer; height:34px; font-size:16px;}
#text_box{ border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center;  width:45px; height:24px; padding:5px 0;}
.weave_con ul li .txt{ color:#666; line-height:24px; margin-top:10px;}
.weave_con ul li span{ color:#f0402c; font-size:14px; line-height:34px;}
.weave_con ul li span strong{ font-size:20px; font-weight:normal;}

.weave_con .blue{ width:160px; line-height:46px; display:block; margin:60px auto; background:#496fb2; font-size:18px; color:#fff; text-align:center; border-radius:2px;}
.weave_con .blue:hover{ background:#31589d;}

.weave_con .select { color:#666; display:inline-block; font-size:14px;}
.weave_con .selectbox-wrapper { width:126px; border:1px solid #dfdfdf; margin-top:-3px; +margin-left:5px; background:#fff; position:absolute; font-size:14px; z-index:10;}
.weave_con .selectbox-wrapper ul li.selected { background:#eee; font-size:14px; font-size:12px; color:#333;}
.weave_con .selectbox-wrapper ul li.current{ background:#eee; color:#000;font-size:14px;}
.weave_con .selectbox-wrapper ul li { width:120px; padding-left:8px;font-size:12px; height:30px; margin:0; line-height:30px; cursor:pointer;}
.weave_con .selectbox { border:none; display:block; padding-left:8px;color:#333; font-size:12px; width:120px; height:36px; line-height:36px; cursor:pointer; background:url(../images/select.jpg) no-repeat; font-family:"Microsoft YaHei"; }
.weave_con ul li em{ font-style:normal; font-size:14px; margin-left:10px;}
.weave_con ul li .text{ border:1px solid #dcdcdc; width:108px; height:24px; padding:5px 10px;}



/*biaoge*/
.entrust{ width:1000px; margin:0 auto; margin-top:40px;}
.entrust .top h2{ font-size:18px; color:#333;}
.entrust .top h2 i{ width:4px; height:18px; background:#1288d7; margin-right:10px; display:inline-block; vertical-align:-2px; }
.entrust .con{ width:100%; background:#fff; clear:both; margin-top:10px; color:#333; overflow:hidden; padding:50px 20px;}
.entrust .left_table{ width:580px; float:left; white-space:nowrap;}
.entrust .con .row{ width:100%; font-size:14px; overflow:hidden; clear:both; margin-top:20px; }
.entrust .con .row .fl{ width:100px; text-align:right; float:left; line-height:37px;}
.entrust .con .row .fr{ float:right; width:480px;}

.entrust .con .row em{ font-style:normal; color:#de1515; margin-right:5px;}
.entrust .con .row .txt{ border:1px solid #e7e7e7; padding:5px 10px;}
.entrust .con .row .txt:focus{ border:1px solid #f67b6e;}
.entrust .con .row .txt.w1{ width:415px; height:24px; font-size:12px; color:#333; line-height:24px\0;}
.entrust .con .row .txt.w2{ width:195px; height:24px; font-size:12px; color:#333; line-height:24px\0;}
.entrust .con .row .txt.w3{ width:375px; padding:5px 60px 5px 10px; height:24px; line-height:24px\0; font-size:12px; color:#333;}

.entrust .row .txt.w4{ width:415px; height:120px; font-size:12px; color:#333;}
.entrust .row .txt.w5{ width:250px; height:24px; font-size:12px; color:#333; line-height:24px\0;}


.entrust .m_zlxg{ width:105px; height:36px; line-height:36px;cursor:pointer;float:left;margin:0 5px 0 0;display:inline;background:url(../images/la.jpg) no-repeat;}
.entrust .m_zlxg p{ width:95px; padding-left:10px; overflow:hidden; line-height:36px; color:#333333; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.entrust .m_zlxg2{ position:absolute; top:36px; border:1px solid #d6d6d6;background:#fff; width:103px; z-index:999; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap;}
.entrust .m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px;}
.entrust .m_zlxg2 li:hover{ color:#7a5a21;}
.entrust .select{ width:105px; color:#666; display:inline-block; float:left; font-size:14px;}
.entrust .selectbox-wrapper { width:103px; border:1px solid #dfdfdf; margin-top:-3px; +margin-left:5px; background:#fff; position:absolute; font-size:14px; z-index:10000;}
.entrust .selectbox-wrapper ul li.selected { background:#dcdcdc; font-size:14px; font-size:12px; color:#333}
.entrust .selectbox-wrapper ul li.current { background:#dcdcdc; color:#333; }
.entrust .selectbox-wrapper ul li { width:95px; padding-left:10px;  line-height:29px; cursor:pointer;}
.entrust .selectbox { border:none; display:block; padding-left:10px;color:#333;  width:95px; height:36px; line-height:36px; cursor:pointer; background:url(../images/la.jpg) no-repeat; font-family:"Microsoft YaHei"; }
.entrust .line{ position:relative; width:435px;}
.entrust .line span{ position:absolute; right:5px; top:7px; color:#666;}
.entrust p.yr{ font-size:14px; float:left; line-height:36px; margin:0 10px;}
.entrust span.hui{ line-height:36px; margin-left:10px; color:#999; font-size:14px;}


 
.entrust .con .man{ width:218px; overflow:hidden; background:#fafafa; border:1px solid #e2e2e2; float:right; border-top:2px solid #1288d7; text-align:center; padding-bottom:50px;}
.entrust .con .man p{ font-size:12px; color:#1288d7; margin-top:10px;}
.entrust .con .man dl{ margin-top:20px;}
.entrust .con .man dd{ width:82px; height:82px; overflow:hidden; border-radius:50%; margin:0 auto;}
.entrust .con .man dt{ font-size:14px; line-height:26px;}
.entrust .con .tu dl{ float:left; margin:5px 12px; }
.entrust .con .tu dl dd{ width:208px; border:1px solid #dadada; padding:2px;}
.entrust .con .tu .del{ width:210px; overflow:hidden;}
.entrust .con .tu .del a{ background:#ef4327; border-radius:2px; width:43px; text-align:center; line-height:23px; color:#fff; display:block; margin:8px auto;}

.bigbtn{ width:100%; text-align:center;} 
.bigbtn .queren{ background:#e7240e; width:160px; height:46px; border-radius:2px; font-size:18px; color:#fff; border:0; cursor:pointer; font-family:"Microsoft YaHei"; margin:50px auto 150px auto;} 
.bigbtn .queren:hover{ background:#d5210d;}



.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:432px; height:266px; z-index:91001; position:fixed;top:40%;left:50%; background:#fff; margin:-133px 0 0 -216px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 h1{ margin:50px auto 10px auto;}
.popover1 p{ font-size:14px; color:#333;}
.popover1 .close{ background:#fff; border:1px solid #dfdfdf; width:87px; line-height:30px; display:inline-block; border-radius:2px; text-align:center; margin-top:15px;}
 
/*解决方案*/
.solve_banner{ margin-top:100px; height:470px;}
.solve{ width:100%; overflow:hidden; margin-top:45px;}
.solve .top{ width:100%; overflow:hidden;}
.solve .top h1{ float:left;}
.solve .top a{ float:right; font-size:14px; color:#666; line-height:35px;}
.solve .top h1 i{ background:#496fb2; width:6px; height:23px; display:inline-block; margin-right:10px; vertical-align:-2px; }
.solve .top h1 i.red{ background:#ec6d61;   }
.solve .top h1 i.ye{ background:#ffc000;}
.solve .top h1{ font-size:24px; color:#444; line-height:30px;}
.solve .con{ padding:20px 40px;  background:#f7f7f7; overflow:hidden; margin-top:25px; }
.solve .con p{ line-height:32px; font-size:14px; color:#333;} 
.solve .con h2{ font-size:16px; font-weight:bold;}
.solve .con h3{ font-size:16px; font-weight:bold; margin-top:30px;}
.solve .con.suo p{ text-indent:28px;}
.solve .solve_con{ width:100%; overflow:hidden; margin-top:30px;}
.solve .solve_con dl{ width:306px;   overflow:hidden; float:left; text-align:center; font-size:16px; margin:0 41px 0 0; }
.solve .solve_con dl.last{ margin:0;}
.solve .solve_con dl dd{ width:100%; height:220px; position:relative;}
.solve .solve_con dl dd a{ width:100%; height:100%; display:block;}
.solve .solve_con dl dd a .txt{ width:100%; position:absolute; left:0; top:0; display:none;}
.solve .solve_con dl dd a:hover .txt{ display:block;}
.solve .solve_con dl dd a .txt .bg{ width:100%; height:220px; background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; z-index:10;}
.solve .solve_con dl dd a .txt span{ display:block; position:absolute; left:50%; top:50%; background:#ec6d61; width:82px; height:30px; line-height:30px; text-align:center; color:#fff; border-radius:2px; margin:-15px 0 0 -41px;}
.solve .solve_con dl dt{ margin-top:10px;}

.standard{ width:1000px; margin:0 auto; overflow:hidden; text-align:center;}
.standard h1{ font-size:30px; color:#333; line-height:40px; margin:80px auto 10px auto;}
.standard p{ font-size:18px; line-height:32px; color:#666;}
.standard .pic{ max-width:920px;  margin:55px auto 110px auto;}
.standard .pic img{ width:100%;}



.yxt{ width:100%; border-top:1px solid #eaeaea; overflow:hidden;}
.yxt h1{ text-align:center; font-size:30px; color:#333; line-height:40px; margin-top:80px;}
.yxt .con{ width:1000px; margin:60px auto 0 auto; overflow:hidden;}
.yxt .con .pic{ float:left;}
.yxt .con ul{ width:490px; float:right; overflow:hidden; color:#666; font-size:16px; line-height:32px; margin-top:20px;}
.yxt .con ul a{ background:#4370bf; color:#fff; font-size:16px; width:220px; height:46px; line-height:46px; text-align:center; display:block; border-radius:2px; margin-top:15px;}
.rule .con_list .top span{ position:relative; } 
.rule .con_list .top span .hidebox{ display:none;}
.rule .con_list .top span.hover .hidebox{ display:block; position:absolute; left:0; top:20px; width:478px; background:#f3f3f3; border:1px solid #d3d3d3; -webkit-border-radius:2px; border-radius:2px; box-shadow:0 0 3px 0 rgba(0,0,0,.1);}

.rule .con_list .top span.hover .hidebox ul{ width:90%; margin:20px auto; overflow:hidden; text-align:left;}
.rule .con_list .top span.hover .hidebox ul p{ text-indent:24px;}

a.gusuan{ width:180px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#fff; display:block; margin:50px auto; background:#ed4c05; -webkit-border-radius:4px; border-radius:4px;}
a.gusuan:hover{ background:#db4300;}

a.gusuan1{ width:154px; height:44px; border:1px solid #ccc; line-height:44px; text-align:center; font-size:16px; color:#666; display:block; margin:50px auto; background:#fff; -webkit-border-radius:4px; border-radius:4px;}
a.gusuan1:hover{ color:#39cb9d; }
 

.qdwz{ width:920px; margin:0 auto; text-align:center;}
.qdwz h1{ font-size:30px; line-height:60px; margin:80px auto 10px auto;}
.qdwz p{ font-size:18px; line-height:32px; color:#666;}
.qdwz .pic{ width:567px; margin:0 auto;  margin-top:20px; }
.qdwz .pic img{ width:100%;}



 
.biaozhi h1{  line-height:38px; text-align:center; font-size:30px; margin-top:90px; color:#444;}
.biaozhi h3{  line-height:28px; text-align:center; font-size:18px; margin-top:10px; color:#666;}
.biaozhi .con{ width:1000px; margin:0 auto; margin-top:40px;  text-align:center;}
.biaozhi .con dl{ width:45%; display:inline-block; height:346px; overflow:hidden; margin:15px 2%; font-size:16px; line-height:22px; color:#666;}
.biaozhi .con dl dd{ height:277px; margin-bottom:20px;}



a.btna{ background:#4370bf; width:170px; line-height:50px; font-size:18px;  border-radius:2px;  color:#fff; font-size:16px;  text-align:center;-moz-transition: all 0.5s  ease-in-out; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out; margin:0 auto 80px auto; clear:both; display:block;}
a.btna:hover{ background:#092f70;}




.qian{ width:1000px; background:#fff; overflow:hidden; text-align:center; margin:50px auto 200px auto; }
.qian dl{ font-size:18px; line-height:40px; margin:60px auto;}
.qian dl span{ color:#f14d3a;}
.qian dl span em{ font-size:26px; font-style:normal;}

@media screen and (max-width:1032px){
.web_box .con{ width:100%;}	
.web_box .con .list{ width:30%; margin:92px 1.5% 0 1.5%;}
.web_box .con .add{ margin:92px 20px 0 20px; display:none;}
.shop .con{ width:1200px;margin-left: -500px;}
.shop .con .list{ margin:10px;} 
.chengguo .con{ width:100%;}
 
.client{ width:100%}
/* .client_list li{ margin:8px 2%;} */
.foot {width:100%;} 
.foot ul.list1 { width:130px; }
.main{ width:99%;}
.standard{ width:90%;}
.rule { width:90%;}
.solve .solve_con dl{ width:30%; margin:0 1.5% 0 1.5%;}
.solve .solve_con dl.last{  margin:0 1.5% 0 1.5%;}

.synergy_con{ width:100%;}
.synergy_con{ width:100%;}

.about_banner{ height:350px; }
.solve_banner{ height:350px;}
.news .list .pic{ width:30%; }
.news .list ul{ width:65%; }
.service{ width:100%;}
.hangye ul{ width:100%;}
.placed{ width:90%;}
.weave{ width:100%;}
.weavetitle{ width:100%;}
.weave_con{ width:90%;}
.entrust{ width:95%;}
.entrust .con{ padding:50px 0;}
.yxt .con{ width:90%;}
.yxt .con .pic{ max-width:100%; float:none; margin:0 auto; text-align:center;}
.yxt .con .pic img{ width:100%;}
.yxt .con ul{ width:100%; float:none;}
.yxt .con ul a{ width:100%;}

.qdwz{ width:95%;}
.qdwz .pic{ width:80%;}

.biaozhi .con{ width:100%; margin:0 auto; margin-top:40px;text-align:center;}
.biaozhi .con dl{ width:45%; display:inline-block; height:346px; overflow:hidden; margin:15px 2%;  font-size:16px; line-height:22px; color:#666; }
.biaozhi .con dl dd{ height:277px; margin-bottom:20px;}

.gzmb .con{ width:100%;}
.gzmb .con dl{ width:30%; margin:0 1.5%;}
#J_navlist{ width:90%;}
.qian{ width:90%;}

}
@media screen and (max-width:1000px){
.pro-content { width: 90%; }
.web_box .pic{ width:90%; }	
.shop .con{ width:100%;min-width: 1200px;margin-left: -480px;}
.shop .con .list{ width:30%; margin:10px 1.5%;} 

.chengguo .con{ width:100%;}
.chengguo .con .list{ width:41%; margin:75px 4%;} 
.qdgf .con{ width:100%; }
.web_box .con{ width:90%;}
.synergy .txt{ width:90%;}
.about_synergy .list{ width:90%;}
.about_synergy .list ul{ width:55%}
.about_synergy .list .pic{ width:40%;}
.about_synergy .list .pic img{ width:100%;}
.about_banner{ height:320px;}
.solve_banner{ height:320px;}
.place p{ width:96%; padding:0 2%;}

.left_side{ width:100%; float:none;}
.tree_menu{ width:100%; border-top:0; margin-top:20px;}
.tree_menu ul{ overflow:hidden;}
.tree_menu ul li{ border-bottom:0; display:block; float:left; width:29%; margin:5px 2%;}

.right_side{ width:100%; float:none; min-height:inherit; margin-bottom:50px;}
.about_box .top{ width:90%;}
.about_box .txt{ width:90%;}
.about_box .pic img{ width:100%;}
.about_box .bottom .big img{ width:98%;}
.about_box .bottom .small{ width:99%;}
.about_box .bottom .small dl{ float:left; margin:40px 0 0 0px;} 
.about_box .bottom .small dl.last{ float:right; margin:40px 0px 0 0;}

.case .bottom dl{ width:30%; margin:50px 1.65% 0 1.65%;}
.case .bottom dl.last{ margin:50px 1.65% 0 1.65%; }
.case .bottom dl dd{ width:100%; height:220px;}
.news_more .bottom dl{  width:30%;  margin:50px 1.65%;  }
.case_txt .top_cor .bg ul h1{ font-size:18px;}
.case_txt .top_cor .bg{ width:100%; height:auto; background:#496fb2; overflow:hidden; position:inherit; right:0; top:0;}
.service dl{ width:45%; float:left;  overflow:hidden; -webkit-border-radius:4px; border-radius:4px; margin:70px 2.5%;}
.hangye li{  width:30%; margin:0 1.65%;}
.pingtai .bottom dl{ width:30%; margin:50px 1.65% 0 1.65%;}
.pingtai .bottom dl.last{ margin:50px 1.65% 0 1.65%; }
.pingtai .bottom dl dd{ width:100%; height:220px;}

.mian_tab{ display:none;}
.web_dian{ margin-top:100px;}
.web_dian .con{ width:100%;}
.web_dian .con .list{  width:30%; margin:0 1.65%;}
.xietong{ width:90%;}
.xietong .pic img{ width:100%;}

.guwen .con{ width:100%;}

.liucheng .con{ width:100%;}
.liucheng .con dl dd img{   margin:0 50px;}
.liucheng .con .bg{ width:70%;}

.qingdan .list{ width:90%;}
.faq{ width:90%;}
}



@media screen and (max-width:760px){
.web_box .pic{ width:100%; display:none;}	
.web_box .con{ display:block;}	 
.web_box .con .list{ width:90%; float:none; margin:0 auto;}
.web_box .con .add{ margin:10px auto; float:none; display:block;}	

.client_list li{ width:40%;  margin:8px 5%;} 
.foot ul h1 { font-size:13px;}
.foot ul.list1{ width:50%; text-align:center; margin-left:0; }
.foot ul.list2{ width:50%; text-align:center; }
.foot .right_cor{ float:none; margin-top:20px;}
.main_foot p{ width:90%;}

.synergy{ padding-top:50px; padding-bottom:50px;}
.synergy_con{ width:100%;}
.synergy #findtab{ position:inherit; top:0; margin-top:50px;}
.synergy #findcon{ display:none;}
.synergy #findtab a{ width:33%; padding:0; margin-bottom:20px;}
.synergy #findtab a.current{ background:none; }
.about_synergy{ padding-bottom:20px;}
.about_synergy .list { margin-top:20px;}
.about_synergy .list ul{ width:100%; float:none;}
.about_synergy .list ul li{ margin-top:15px;}
.about_synergy .list ul h1{ font-size:24px;}
.about_synergy .list .pic{ width:100%; float:none; text-align:center; margin-top:20px;}
.about_synergy .list .pic img{ width:90%;}

.about_banner{ height:300px; margin-top:50px;}
.solve_banner{ height:240px; margin-top:50px;}
.about_box .bottom .small dl{ width:45%;}
.about_box .bottom .small dl dd{ width:100%;}

.flow_con{ width:90%;}
.flow_con .con{ width:100%; background:none;}
.flow_con .con .list{ width:99%; float:none; margin:10px auto; overflow:hidden; text-align:center; }
.flow_con .con .list.left{ width:99%;}
.flow_con .con .list.left .hua{ width:100%;  float:none; margin-left:0px; text-align:center}
.flow_con .con .list i{ display:none;}
.flow_con .con .list .hua{ width:100%;  float:left; margin-left:0px;}
.flow_con .con .list .hua span{ display:none;}
.flow_con .con .list .hua .hui{  width:100%;}
.flow_con .con .list.left .hua .hui{ text-align:center;}

.contact{ width:96%; font-size:13px;}
.case_banner{ height:220px; }
.news .list{ margin-top:20px; padding-bottom:20px;}
.news .list .pic{ width:100%; height:300px; float:none; }
.news .list ul{ width:100%; float:none; margin-top:10px; }
.news .list ul h1 a{  font-size:20px; }

.web_dian{ margin-top:50px;}
.web_dian .con .list{  width:90%; margin:20px auto; float:none;}
.web_dian h1{ font-size:20px;  line-height:30px;  margin-top:35px;}
.web_dian .con{  margin-top:20px;}
.guwen .con dl{ float:left; text-align:center; width:45%; color:#fff; margin:20px 2.5%;}

.liucheng .con dl{ float:none; margin:20px auto; width:90%;}
.liucheng .con dl dd img{ margin:0;}
.liucheng .con .bg{ display:none;}
.qingdan{ padding-bottom:20px; margin-top:50px;}
.weave_box{ margin-top:50px;} 
.qingdan .list .bg{ float:none; width:100%;}
.qingdan .list{ height:auto; padding-bottom:20px; margin:20px auto;}
.qingdan .list ul{ width:90%; margin:0 auto;  padding-right:0;}
.weave_con ul li dd{ float:none; width:auto; text-align:left;}
.weave_con ul li dt{ float:none; width:auto;}

.entrust .left_table{ width:100%; float:none;}
.entrust .con .man{ width:90%; clear:both; margin:20px auto; float:none;}
.entrust .con .row .fl{ width:90%; float:none; text-align:left; margin:0 auto 5px auto;}
.entrust .con .row .fr{ width:90%; float:none; margin:0 auto;}

.entrust .con .row .txt.w1{ width:100%; padding:5px 0;}
.entrust .row .txt.w4{ width:100%; padding:5px 0;}
.entrust .line{ width:100%;}
.entrust .con .row .txt.w3{ width:100%; padding:5px 0;}
.entrust .con .row{ margin-top:5px;}

.solve .solve_con dl{ width:45%; margin:0 2.5% 0 2.5%;}
.solve .solve_con dl.last{  margin:0 2.5% 0 2.5%;}

.standard h1{ font-size:20px; color:#333; line-height:40px; margin:30px auto 10px auto;}
.standard p{ font-size:14px;}
.standard .pic{  margin:30px auto;}

.qdwz h1{ font-size:30px; line-height:40px; margin:40px auto 10px auto;}
.qdwz p{ font-size:16px; line-height:30px; color:#666;}

.qdgf .con dl{ width:44%; height:130px; font-size:14px; margin:20px 2% 0 2%;}
.qdgf .con dl dd{ height:80px; margin-bottom:10px;}
.biaozhi .con dl{ width:45%; display:inline-block; height:366px; overflow:hidden; margin:10px 2%; font-size:14px; line-height:22px; color:#666;}
.biaozhi .con dl dd{ height:277px; margin-bottom:10px;}

.gzmb{ height:1020px;}
.gzmb h1{ margin:40px auto 0 auto; font-size:20px;}
.gzmb .con dl{ width:90%; margin:20px auto; float:none;}
}

@media screen and (max-width:530px){
.heziod{ width:90%; height:auto;}
.heziod .pic{ width:100%; height:220px; float:none;}
.heziod ul{ width:80%; margin:20px auto; float:none;}
.solve .con{ padding:20px 20px; }  

.solve .solve_con dl{ width:100%; margin:0 0 20px 0; }
.solve .solve_con dl.last{ margin:0 0 20px 0; }
.solve .solve_con dl dd img{ width:100%; height:220px;}

.lxguwen{ height:630px;}
.lxguwen .con{ width:100%; margin:30px auto;}
.lxguwen .con .pic{ width:200px;  margin:0 auto 20px auto; float:none;}
.lxguwen .con ul{ width:90%; float:none; margin:0 auto;}
.yxt h1{  font-size:20px; margin-top:30px;}
.yxt .con{  margin:20px auto 0 auto;} 
.rule .con_list .top span{ position:relative; display:block; width:100%;} 
.rule .con_list .top span.hover .hidebox{  left:50%; top:20px; width:90%; margin-left:-45%;}
a.gusuan{ width:100%;}
a.gusuan1{ width:98%;}

.qdgf .con dl{ width:44%; height:130px; font-size:12px; margin:20px 2% 0 2%;}

.chizi .con{ width:90%; margin:0 auto;}
.chizi p{ width:100%;}


}

@media screen and (max-width:470px){

.shop{ height:900px;}	
.shop h1{  font-size:24px; margin-top:20px;}
.shop .con .list{ width:90%; margin:20px auto; float:none;} 
.chengguo h1{  font-size:24px; margin-top:20px;}
.chengguo .con .list{ width:90%; margin:20px auto; float:none;} 

.qdgf{ height:650px; margin-top:60px;}
.qdgf h1{ font-size:20px; margin-top:40px;}

.client{margin:20px auto 80px auto;   }
.client .title h1{ font-size:24px;}
.web_box { padding-bottom:30px;}
.web_box .title h1{ font-size:24px; margin-top:20px;}
.web_box .title p{ font-size:14px;  margin-top:5px;}
.web_box .title p i{ height:20px; -webkit-background-size:auto 20px; background-size:auto 20px; display:inline-block; vertical-align:-4px;}
.synergy h1{ font-size:24px; margin-top:20px;}
.synergy #findtab{  margin-top:20px;}
.synergy #findtab a{ width:50%;}
.about_banner{ height:220px;}
.solve_banner{ height:150px;}

.tree_menu ul li{ display:block; float:left; width:46%; margin:5px 2%;}
.about_box .txt h1{ font-size:20px; margin-top:20px;}
.xiazai{ width:90%;}
.about_box .bottom .small dl{ width:99%; float:none; margin:20px auto;}
.about_box .bottom .small dl.last { float:none;  margin:20px auto;}
.contact .bottom ul{ float:left; width:80%; padding-left:10px;} 
.case_banner{ height:180px; }
.case .top dl dd{ float:none; }

.case h1{ font-size:20px; line-height:30px; margin:30px auto;}
.case .bottom dl{ width:100%; float:none; margin:30px auto 0 auto;}
.case .bottom dl.last{  margin:30px auto 0 auto;}
.pingtai .bottom dl{ width:100%; float:none; margin:30px auto 0 auto;}
.news .list .pic{ height:180px;  }
.news .top{ margin-top:30px; }
.news .top h1{ font-size:20px;}
.news_more h1{ font-size:18px;  line-height:25px; margin-top:25px; }
.news_more .bottom dl{  width:100%;  margin:20px auto; float:none; }
.news_more .bottom dl dd{ height:260px;}
.service{  padding-bottom:0px;}
.service h1{ font-size:20px; line-height:25px; margin-top:30px;}
.service dl{ width:90%; float:none; margin:30px auto;}

.hangye{  height:1020px; }
.hangye.wu{ height:auto; padding-bottom:30px;}
.hangye h1{ margin:20px auto; font-size:20px;}
.hangye li{  width:90%;  margin:10px auto; float:none;}
.web_box.gray{ padding-top:50px; } 




.guwen h1{ font-size:20px; line-height:25px; margin-top:50px;}
.guwen .con{  margin:20px auto;}

.liucheng h1{ font-size:20px; line-height:25px; text-align:center;  margin-top:30px;}
.qingdan h1{ font-size:20px; line-height:25px; text-align:center; margin-top:30px;}
.weave_box h1{ font-size:20px; line-height:25px; text-align:center; margin-top:30px;}
.weave_con .blue{ margin:20px auto;}
.faq.long{ padding-bottom:30px;}
.entrust .top h2{ font-size:14px;}
.entrust .con .row .txt.w2{ margin-top:5px;}
.bigbtn button{ margin:30px auto;} 
.rule .title h1{ font-size:20px;}
.rule .con_list dl{ width:160px;  margin:5px 2px 0 2px;}

.qdwz h1{ font-size:20px; line-height:40px; margin:30px auto 10px auto;}
.qdwz p{ font-size:14px; line-height:28px; color:#666;}
.biaozhi h1{  line-height:28px; text-align:center; font-size:20px; margin-top:30px; color:#444;}
.biaozhi h3{  line-height:18px; text-align:center; font-size:14px; margin-top:10px; color:#666;}

.biaozhi .con dl{ width:90%; display:block; height:346px; overflow:hidden; margin:15px auto; font-size:14px; line-height:22px; color:#666;}
.biaozhi .con dl dd{ height:277px; margin-bottom:10px;}

.chizi h1{ line-height:38px; text-align:center; font-size:20px; margin-top:30px; }
.chizi p{ font-size:14px; line-height:32px; margin-top:120px;}
.chizi h3{ font-size:16px; margin-top:10px;}
a.btna{ width:90%;}
#J_navlist .list-item .list .pic{ position:inherit; left:0; top:0;  width:64px; margin:0 auto;}
#J_navlist .list-item .list dl{ width:90%; margin:0 auto;   line-height:28px; font-size:14px;}
#J_navlist .list-item .list dl h2{ font-size:14px; margin-bottom:10px;}
#J_navlist  li h4{ font-size:16px;}
.qian{ margin:30px auto;}
.qian dl{ font-size:14px; line-height:40px; margin:30px auto;}
.qian dl span{ color:#f14d3a;}
.qian dl span em{ font-size:20px; font-style:normal;}
.weavetitle h2{ font-size:14px; }
.weavetitle h2 i{ width:3px; height:14px;  vertical-align:-2px; }
}

@media screen and (max-width:400px){ 
.case_banner{ height:140px; }
.news_more .bottom dl dd{ height:200px;}
.rule .con_list dl{ width:140px;  margin:35px 0px 0 0px;}


}
 
.fade { transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1;}
.fade.out {opacity: 0;}
#nprogress { pointer-events:none;}  
#nprogress .bar {background: #063b96;position: fixed; z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #063b96, 0 0 5px #063b96;
opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner {display: block;position: fixed;z-index: 1031;top: 15px;right: 15px;}

#nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #063b96;border-left-color: #063b96;border-radius: 50%;-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {position: absolute;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.pages{ clear:both; font-size:14px; width:100%; margin:60px 0; text-align:center; line-height:32px; overflow:hidden; color:#333;}
.pages a{ background:#fff; border:1px solid #e9e9e9; color:#333; display:inline-block;  margin:10px 5px; padding:0 12px; -webkit-border-radius:4px; border-radius:4px; }
.pages a:hover{ background:#1288d7; border:1px solid #1288d7; color:#fff;} 
.pages span{  background:#1288d7;  border:1px solid #1288d7; color:#fff; display:inline-block;  font-weight:bold; margin:10px 5px; padding:0 12px; -webkit-border-radius:4px; border-radius:4px;}
 
 

.cost{ width:1000px; overflow:hidden; margin:0px auto;}
.cost .title{ width:1000px; margin-top:20px;}
.cost .title h2{ font-size:18px; color:#333;}
.cost .title h2 i{ width:4px; height:18px; background:#1288d7; margin-right:10px; display:inline-block; vertical-align:-2px; }
 
.cost_con{ width:100%;  background:#fff; margin:20px auto; padding:40px 0;  overflow:hidden;}
 
.cost_con ul{ width:90%; margin:0 auto; overflow:hidden; }
.cost_con ul li{ float:left; clear:both; margin-top:20px; width:100%;}
.cost_con ul li dd{ font-size:14px; float:left; text-align:right; width:120px; line-height:36px; margin-right:5px;} 
.cost_con ul li dt{ float:left; width:760px;}
 
.cost_con ul li dt .txt{ border:1px solid #dcdcdc; width:383px; height:24px; padding:5px 10px; }
.cost_con ul li dt .txt1{ border:1px solid #dcdcdc; width:106px; height:24px; padding:5px 10px; }
.cost_con ul li span{ color:#f0402c; font-size:14px; line-height:34px;}
.cost_con ul li span strong{ font-size:20px; font-weight:normal;}
 
.cost_con .select { color:#666; display:inline-block; font-size:14px;}
.cost_con .selectbox-wrapper { width:126px; border:1px solid #dfdfdf; margin-top:-3px; +margin-left:5px; background:#fff; position:absolute; font-size:14px; z-index:10;}
.cost_con .selectbox-wrapper ul{ width:100%;}
.cost_con .selectbox-wrapper ul li.selected { background:#eee; font-size:14px; font-size:12px; color:#333;}
.cost_con .selectbox-wrapper ul li.current{ background:#eee; color:#000;font-size:14px;}
.cost_con .selectbox-wrapper ul li { width:120px; padding-left:8px;font-size:12px; height:30px; margin:0; line-height:30px; cursor:pointer; float:none;}
.cost_con .selectbox { border:none; display:block; padding-left:8px;color:#333; font-size:12px; width:120px; height:36px; line-height:36px; cursor:pointer; background:url(../images/select.jpg) no-repeat; font-family:"Microsoft YaHei"; }
.cost_con em{ font-style:normal; font-size:14px; color:#f36656;}

.sjld ul{ margin:0;} 
.m_zlxg{ width:128px; height:36px; line-height:36px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(../images/select.jpg) no-repeat;}
.m_zlxg p{ width:120px; padding-left:8px; overflow:hidden; line-height:36px; color:#333333; font-size:12px; font-family:"微软雅黑";text-overflow:ellipsis; white-space:nowrap;}
.m_zlxg2{ position:absolute; top:36px; border:1px solid #dcdcdc;background:#fff; width:126px; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap;}
.m_zlxg2 li{line-height:20px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px; float:none;}
.m_zlxg2 li:hover{ color:#7a5a21;  }

.cost_con .list{ width:840px; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.cost_con .list h3{ font-size:16px; margin-bottom:10px;}
.cost_con .left_table{ width:900px; margin:0 auto; border-top:1px solid #e9e9e9; padding:40px 0; white-space:nowrap;}
.cost_con .row{ width:100%; font-size:14px; overflow:hidden; clear:both; margin-top:20px; }
.cost_con .row .fl{ width:100px; text-align:right; float:left; line-height:37px;}
.cost_con  .row .fr{ float:left; width:480px;}
.cost_con .row .txt{ border:1px solid #e7e7e7; padding:5px 10px;}
.cost_con .row .txt:focus{ border:1px solid #f67b6e;}
.cost_con .row .txt.w5{ width:250px; height:24px; font-size:12px; color:#333; line-height:24px\0;}

.chakanbtn{ width:160px; line-height:46px; display:block; margin:50px auto 100px auto; background:#f0402c; font-size:18px; border-radius:2px; color:#fff; text-align:center;}
.chakanbtn:hover{ background:#e13825; color:#fff;} 


@media screen and (max-width:1032px){
 .cost{ width:90%;}
 .cost_con .left_table{ width:90%;}
}
@media screen and (max-width:760px){
.cost_con ul li dd{ float:none; width:auto; text-align:left;}
.cost_con ul li dt{ float:none; width:auto;}
.cost_con .list{ width:90%;}
.cost_con .row .fl{ width:90%; float:none; text-align:left; margin:0 auto 5px auto;}
.cost_con .row .fr{ width:90%; float:none; margin:0 auto;}
}
@media screen and (max-width:470px){
.cost_con ul li dt .txt{ width:90%;}
.cost .title h2{ font-size:14px; }
.cost .title h2 i{ width:3px; height:14px; vertical-align:-2px; }
 
.cost_con ul{ margin:0px auto;}	
.cost_con .left_table{ padding:20px 0; }

}
@media screen and (max-width:400px){
 
}


/*新闻动态*/
.con_box {
	display:table;width:100%;
}
.con_box .right_side {
	min-height:auto;
}
.news {
	border-bottom:1px solid #E3E3E3;
	display:inline-table;
	width:100%;
	padding:20px 0px;
}
.news dt {
	float:left;
}
.news dd {
	color:#999999;
	float:right;
	width:530px;
}
.news dd h2 {
	color:#000;
	line-height:30px;
}
.news dd h2 span {
	color:#999999;
	font-size:13px;
	float:right;
	margin-right:20px;
}
.findMore {
	float:right;
	font-size:14px;
	line-height:30px;
}
.line {
	border-top:1px solid #E3E3E3;
}
.line ul {
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #E3E3E3;
}
.line ul li {
	line-height:25px;
}
.line ul li span {
	color:#999999;
	float:right;
	margin-right:20px;
}
#logo_zb {
	padding-top:10px;padding-bottom:0;
}

 

/* 2016.6.2 Yophee 首页调整 */
.web_box .con .list {
  position: relative;
}
.web_box .con .list a {
  display: block;
  position: absolute;
  width: 100%;
  height: 220px;
  top: 0;
}


.web_box .pic {
  position: relative;
}
.web_box .pic .pic-link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.web_box .pic .pic-link a {
  display: block;
  float: left;
  width: 33.333%;
  height: 100%;
}
.margin-left-10{margin-left:10px !important;}
.margin-left-130{margin-left:130px !important;}