@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {font-family:Microsoft YaHei,SimHei, SimSun; font-size:14px; color:#333; background:#fff; min-width:320px;  }
ul,li{list-style-type:none;}
img{border:0; vertical-align:top;}
input,select,textarea{vertical-align:middle;}
i,span,em,cite,p,dl,dt,dd,span,b{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:100%;}
a{ text-decoration:none; cursor:pointer; color:#333;  bblr:expression(this.onFocus=this.blur()); outline-style:none;}
a:hover{ text-decoration:none; color:#666; outline: none;}
a:active {star:expression(this.onFocus=this.blur());outline-style:none;}
.clear{ clear:both;}
/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block;}

.warpper{ width:100%; overflow:hidden;}
#site-wrapper{ width:100%; position:relative;}
/*******nav**********/
.nav{ width:100%; position:fixed; z-index:999; left:0; top:0;}
.lstheader {/* background:url(../images/nav_bg.png) repeat;*/ background:rgba(255,255,255,0.9); position: relative; z-index: 4; height:92px; font-size: 12px; width:100%; *zoom:1;}
.lstheader p{padding:0; margin:0;}
.lstheader:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }
.lstheader ul,.lstheader li,.lstheader dl,.lstheader dt,.lstheader dd{list-style:none; padding:0; margin:0;}
#lstlogo { float: left; margin-left: 4%; margin-top: 0.8em; }
#lstlogo img{border:none; padding:0; margin:0; vertical-align:middle;}
#lstnav { float:left; margin-left:4%; padding-right:3px; *padding-right:0;}
#lstnav ul li { display: inline-block; *display:inline; *zoom:1; margin-right: -3px; *margin-right:0; position:relative;}
#lstnav ul li > a { display: block; padding: 0 1.5em; height:5.5em; line-height:4.5em; font-size:21px; color:#444; }
#lstnav ul li:hover > a, #lstnav ul li.now > a {color:#0083f5; }
#padm_nav { display: none; }
.navbox{width:70%; margin-left:15%; overflow:hidden; height:0; filter:alpha(opacity=0); opacity:0; clear:both; z-index:0; position:absolute; left:0; top:92px; z-index:9999; }
.cont{ width:100%; display:inline-table;}
.popnav{ width:100%; overflow:hidden;}
.navBOxs{ overflow:hidden; padding:1em 0em 0.1em;background:rgba(255,255,255,0.9);  /*background:url(../images/nav_bg01.png) repeat;*/ border-radius:5px; height:350px}
.navBOxs dd{ width:32%;  margin:0 0.5%; float:left; overflow:hidden; height:160px; }
.navBOxs dd.d1{ text-align:center; padding-top:6em;}
.navBOxs dd.d1 > a{ font-size:1.5em; color:#fd6002;}
.navBOxs dd h1{ font-size:16px; color:#555; line-height:2em; border-bottom:#bcbcbc solid 1px; margin-bottom:0.8em; font-weight:bold;}
.navBOxs dd div.navLeft{ width:65%; float:left;}
.navLeft li{ width:100%;  color:#333; font-size:13px; line-height:1.8em; margin-bottom:0.5em;}
.navLeft li i{ width:33%; float:left; text-align:right; font-size:12px;}
.navLeft li p{ width:67%; float:left;}
.navLeft li a:hover{ color:#fd6002;}
.navLeft li a:hover p{ text-decoration:underline;}
.navBOxs dd div.navRight{ width:35%; float:left;}
.navRight img{ width:100%; max-width:120px; display:block; margin:0 auto;}
#lstnav li p{ position:absolute; left:0; top:92px; z-index:4;  width:100%; display:none; background:url(../images/nav_bg01.png) repeat; border-radius:5px; }
#lstnav li p a{ height:40px; line-height:40px; text-align:center; display:block; color:#000; width:100%; font-size:1.25em; border-bottom:#c9c9c9 solid 1px;}
#lstnav li p a:last-child{ border-bottom:none;}
#lstnav li:hover p{ display:block; }
/*banner*/
.webslider { position:relative; width:100%; clear:both;}
.webslider .slide {position:relative;}
.webslider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; display:none;}
.webslider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.webslider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.webslider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.webslider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.webslider .flex-control-paging { bottom:15px; height:10px; left:40%; position:absolute; text-align:center; width:100%; }
.webslider .flex-control-paging li { display:inline-block; margin:0 4px; width:16px;}
.webslider .flex-control-paging li a {width:15px; height:15px; background:url(../images/bannerbtn.png) no-repeat;  display:block; cursor:pointer; text-indent:-1000px; overflow:hidden;}
.webslider .flex-control-paging li a.flex-active { background:url(../images/bannerbtnhv.png) no-repeat;}
.webslider .slides > li {display: none;	-webkit-backface-visibility: hidden; list-style-type: none;}
.webslider .slides img { width:100%; max-width:1920px; display: block;}
.classify{ float:right; width:112px; height:28px; display:block; position:relative; background:url(../images/btn01.png) 90% center no-repeat; padding-right:25px; margin:3em 2% 0 0;}
.classify img{ width:42px; float:left;}
.classify b{ width:70px; float:left; display:block; line-height:28px; cursor:pointer; font-size:12px; color:#555; font-weight:normal; text-align:center;}
.classify ul{ width:70%; display:none; background:url(../images/nav_bg01.png) repeat; border-radius:5px; position:absolute;  left:30%; top:30px; z-index:1;}
.classify ul li{ width:100%; text-align:center; font-size:12px; color:#666; line-height:24px; border-bottom:1px solid #cccaca;}
.classify ul li:last-child{ border-bottom:0;}

/*Product Series*/
.warp{ max-width:1200px; margin:0 auto;}
.product{ width:100%; padding:2em 0;}
.productTitle{ width:100%;  background:url(../images/btn02.png) center 74% repeat-x; padding:23px 0 10px;}
.productTitle h2{  font-size:2.5em; color:#d5d5d5; line-height:0.55em; text-indent:50%; font-weight:bold;}
.productTitle h2 i{ font-size:0.7em; font-weight:normal;}
.productTitle p{ width:20%; margin:0 auto; font-size:2.2em; color:#333; font-weight:bold; background-color:#fff;}
.productTitle p img{ width:100%; max-width:80px; display:block; float:left; margin-left:0.5em;}

.slideGroup{ width:100%;  position:relative; display:none; }
.slideGroup .slideBox{ overflow:hidden; width:1136px; margin:2em auto;}
.slideGroup .sPrev,.slideGroup .sNext{ display:block; width:44px; height:44px;top:80px; background:url(../images/btn_01.png) 0 0 no-repeat; position:absolute; z-index:999; top:50%}
.slideGroup .sNext{ background-position:0 -49px; right:-48px;  }
.slideGroup .sPrev:hover{background-position:0 -98px}
.slideGroup .sNext:hover{ background-position:0 -147px}
.slideGroup .sPrev{ left:-48px;}
.slideGroup .slideBox ul{ width:1000%}
.slideGroup .slideBox ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; overflow:hidden; }
.slideGroup .slideBox ul li .pic{ text-align:center; }
.slideGroup .slideBox ul li .pic img{width:367px; display:block; }
.slideGroup .slideBox ul li .title{ line-height:24px; }
/*.slideBox ul li div.pop{ width:254px; height:110px; background:url(../images/bg_04.png) no-repeat; display:none; position:absolute; z-index:99; margin:-254px 0 0 4px; padding-top:145px;}
.pop a{  font-size:24px; text-align:center;  overflow:hidden; color:#cacaca; }*/
.slideBox li dd{ width:100%; overflow:hidden; margin-top:0.5em; position:relative; box-shadow:3px 3px 3px #b7b7b7;}
.slideBox li dd .picBox{ width:100%; height:3em; overflow:hidden; background:url(../images/bg01.png) repeat; position:absolute; left:0; bottom:0;}
.picBox p{ padding:0 20%; height:45px; line-height:45px; color:#fff; font-size:1.2em; text-align:center; background:url(../images/btn03.png) 85% center no-repeat;}
.picBox p.cur{ background:none; line-height:1.6em;}
.picBox a{ width:8em; height:2.2em; display:block; border-radius:5px; background-color:#fd6002; color:#fff; font-size:1.2em; text-align:center; line-height:2.2em; margin:1.5em auto 0;}

/*精选案例*/
.warpBox{ width:100%; overflow:hidden; background-color:#f2f2f2; border-top:#d8d8d8 solid 1px;}
.case{ max-width:1200px; margin:0 auto; overflow:hidden; padding:4em 0 2em;}
.case .selected{ width:45%; float:left; overflow:hidden;}
.selected h1,.latest h1{ width:100%; overflow:hidden; margin-bottom:1.5em;}
.selected h1 > p,.latest h1 > p{ font-size:1.2em; color:#000; line-height:1.8em; float:left;}
.selected h1 p i,.latest h1 p i{ font-size:1.2em; margin-right:0.1em; color:#fd6002; text-transform:uppercase;}
.selected h1 em,.latest h1 em{ font-size:0.875em; color:#6666; line-height:1.8em; float:right;}
.selected img{ width:100%; max-width:522px; display:block; margin-bottom:1.5em;}
.selected h2{ font-size:1.3em; color:#2f2f2f; line-height:1.8em;}
.selected > p{ font-size:1em; color:#5a5a5a; line-height:1.6em;}
.case .latest{ width:52%; padding-left:3%; float:left; overflow:hidden;}
.latest li{ width:100%; overflow:hidden; display:block; border-bottom:#dbdbdb solid 1px; margin-bottom:1em;}
.latest li .latestLeft{ width:15%; float:left; }
.latestLeft p{ width:70px; height:63px; background:url(../images/bg03.png) no-repeat; color:#2b2b2b; text-align:center; margin-bottom:1em; font-size:0.875em; line-height:1.6em; padding-top:20px}
.latestLeft p.p1{  background:url(../images/bg02.png) no-repeat; color:#fff; }
.latestLeft p i{ font-size:1.7em;}
.latest li .latestRight{ width:80%; float:left;}
.latestRight h1{ font-size:1.1em; color:#292929; line-height:1.6em; margin-bottom:1em;}
.latestRight p{ font-size:1em; color:#5a5a5a; line-height:1.6em;}
.latest li:last-child{ border-bottom:none;}

.customers{ max-width:1200px; display:block; margin:0 auto 6.5em; overflow:hidden;}
.customers .success{ width:100%; overflow:hidden;}
.success ul{ width:86%; margin:3.2em auto; overflow:hidden; display:block;}
.success ul li,.success dl dd{ width:157px; height:181px; display:block; float:left; margin:0 6px; background:url(../images/bg04.png) no-repeat;}
.success ul li:hover,.success dl dd:hover{ background:url(../images/bg05.png) no-repeat;}
.success ul li p,.success dl dd p{ color:#fff; line-height:181px; font-size:22px; text-align:center; display:none;}
.success ul li:hover p,.success dl dd:hover p{ display:block;}
.success ul li img,.success dl dd img{ width:100%; max-width:123px; display:block; margin:0 auto; margin-top:25%;}
.success ul li:hover img,.success dl dd:hover img{ display:none;}
.success dl{ width:100%; overflow:hidden; margin-top:-70px;}

.success #lishow li{ width:157px; height:181px; display:block; float:left; margin:0 6px; background:url(../images/bg04.png) no-repeat;}
.success #lishow li:hover{ background:url(../images/bg05.png) no-repeat;}
.success #lishow li p{ color:#fff; line-height:181px; font-size:22px; text-align:center; display:none;}
.success #lishow li:hover p{ display:block;}
.success #lishow li img{ width:100%; max-width:123px; display:block; margin:0 auto; margin-top:25%;}
.success #lishow li:hover img{ display:none;}
.success #lishow { width:100%; overflow:hidden; margin-top:-70px;}




.customers .successBOx{ width:90%; margin:1.5em auto; overflow:hidden; display:none}
.successBOx li a{ width:14%; margin:10px 0.83%; display:block; float:left;  border:#e6e6e6 solid 1px; box-shadow:1px 3px 3px #ebebeb;}
.successBOx li a img{ width:100%; max-width:157px; display:block; margin:0 auto;}
/*footer*/
.footer{ width:100%; background-color:#ececec;  position:relative;}
.footer > a{ width:43px; height:43px; display:block; margin:0 auto; position:absolute; left:50%; top:-22px;}
.footer .foot{ max-width:1200px; margin:0 auto; overflow:hidden; padding:3em 0;}
.foot .footLeft{ width:32%; padding-left:3%; float:left; overflow:hidden; border-right:#dcdcdc solid 2px;}
.footLeft h1{ font-size:1.1em; color:#333; line-height:1.8em; font-weight:bold; margin-bottom:1.2em;}
.footLeft h1 i{ font-size:0.9em; color:#666; margin-left:0.2em; font-weight:normal;}
.footLeft h1 img{ margin-right:0.2em;}
.footLeft p{ font-size:1em; color:#333; line-height:2em; text-indent:2em;}
.foot .footMiddle{ width:37%; float:left;  overflow:hidden; border-right:#dcdcdc solid 2px;}
.footMiddle li{ width:100%; margin-bottom:1em;}
.footMiddle li i{ width:20%;  font-size:0.875em; color:#666; float:left; line-height:2em; text-align:right;}
.footMiddle li .text{ width:65%; height:2em; border:#dadada solid 1px; font-size:0.875em; color:#dbdbdb; line-height:2em; padding:0 1em;}
.footMiddle li .liuyan{ width:65%; height:3.5em; border:#dadada solid 1px; font-size:0.875em; color:#dbdbdb; padding:1em;}
.footMiddle li .tijiao{ width:8em; height:2.5em; background:#0083f5; font-size:1em; color:#fff; line-height:2.5em; border:none; margin-left:20%;}
.foot .footRight{ width:25%; float:left;}
.footRight img{ width:100%; max-width:132px; display:block; margin:0 auto;}
.footerBox{ width:100%; background-color:#b5b6b6; overflow:hidden; padding:1.5em 0;}
.footerBox .footBox{ max-width:1200px; margin:0 auto; overflow:hidden;}
.footBox p{ float:right; font-size:0.875em; color:#333; line-height:1.6em;}
.footBox span{ float:left; line-height:1.6em; font-size:0.875em; color:#333; margin-bottom:0.5em;}



.warp-pic-list{position:relative; width:1136px; margin:0 auto;}
#count1{ height:400px;}
#wrapBox1{height:400px;}
.count li{ margin:0 5px; float:left; _display:inline;  text-align:center; overflow:hidden;height:400px;}
.count li .pic img{width:367px; display:block; }
.count li .title{ line-height:24px; }
.count li dd{ width:100%; overflow:hidden; margin-top:0.5em; position:relative; box-shadow:3px 3px 3px #b7b7b7;}
.count li dd .picBox{ width:100%; height:3em; overflow:hidden; background:url(../images/bg01.png) repeat; position:absolute; left:0; bottom:0;}
.picBox p{ padding:0 20%; height:45px; line-height:45px; color:#fff; font-size:1.2em; text-align:center; background:url(../images/btn03.png) 85% center no-repeat;}
.picBox p.cur{ background:none; line-height:1.6em;}
.picBox a{ width:8em; height:2.2em; display:block; border-radius:5px; background-color:#fd6002; color:#fff; font-size:1.2em; text-align:center; line-height:2.2em; margin:1.5em auto 0;}
.prev,.next{ display:block; width:44px; height:44px; top:80px; background:url(../images/btn_01.png) 0 0 no-repeat; position:absolute; z-index:999; top:50%}
.next{ background-position:0 -49px; right:-5%;}
.prev{ left:-5%;}
.prev:hover{background-position:0 -98px}
.next:hover{ background-position:0 -147px}

.sidekf{ background:#fd6002; width:64px;height:132px; position:fixed; right:-42px; top:35%;_top:expression(documentElement.scrollTop+200);z-index:999; cursor:pointer; border-radius:5px 0 0 5px;}
.sidekf h1{ width:22px; height:132px; float:left; background:url(../images/btn16.png) center center no-repeat; border-right:#ffaa8d solid 1px; display:block;}
.sidekf .curBox{background:url(../images/btn17.png) center center no-repeat;}
.sidekfBox{ width:40px; height:132px; float:left; border-left:#972700 solid 1px; background:url(../images/btn18.png) center 10px no-repeat;}
.sidekfBox a{ width:14px;  display:block; margin:0 auto; font-size:16px; color:#fff; margin-top:40px;}
.kehu p,.qiye p{ width:13%;}

.successBOx ul{ width:100%; display:block; overflow:hidden;}
.success > a,.successBOx > a{ width:100%; text-align:center; display:block; line-height:24px; font-size:20px; color:#333; text-transform:uppercase;}