@charset "utf-8";
/* CSS Document */
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,form,fieldset,legend,input,textarea{margin:0;padding:0}
body{color:#fff; margin:0 auto; font:12px/22px "微软雅黑"; background:#fff;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#279BA5; text-decoration:none;}
ul,li{ list-style:outside none;}
img,object{ max-width:100%; border:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px;}
.f_l{ float:left;}
.f_r{ float:right;}
.cle{ clear:both;}

#header,#mainer,#footer{margin:0 auto; overflow:hidden;}

/* top */
.wrapper{width: 100%;overflow:hidden;min-width:1200px;}
.top{width:100%; min-width:960px;}
.ding{ height:80px;}
.yincang{ display:none;}
.nav{filter:alpha(opacity=80);opacity:0.8;height:80px;width:100%; overflow:hidden;position:relative;left:0;top: 0;z-index: 99999; background:#fff;}
.nav-inner{ width:1100px; min-width:960px; margin:0 auto;}
.logo{ display:block; margin-top:10px;}
.nav-list h2{display:inline;float:left;line-height:86px; font-weight:normal;}
.nav a{ font-size:16px; color:#595757;}
.nav a:hover{color:#279BA5;}
.nav-list .active{color:#279BA5;}
.nav-list a{padding:0 10px 0 20px;}
.nav-list span{ display:block; float:left; line-height:86px; margin-left:40px;}
.nav-list span a{ padding:1px 10px; background:#8fc31f; color:#fff; font-size:12px;}
.nav-list span a:hover{ color:#fff;}
.nav-list span a.sqty{ background:#279BA5;}

.fn-clear{*zoom: 1;/*用于IE浏览器中清除浮动*/}
.fn-clear:before,.fn-clear:after{display:table;line-height: 0;content: "";}
.fn-clear:after{clear:both; /*visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;*/ }

.banner{width: 100%;position:relative;}
.banner-img{min-width:960px;}
.banner-img img{display: block;width: 100%;min-width:960px;}
.list-span{height:519px;background: url('../images/slide-bg.jpeg') repeat left top; overflow:hidden;}
.list-cont{width:950px;margin: 0 auto;position: absolute;	padding: 0 5px;height: 100%;top: 0;left: 50%;margin-left: -480px;}
/*banner*/
.banner-word{width: 540px;position: absolute;top: 200px;left:0;line-height: 55px;text-shadow: 0 2px 0 rgba(0,0,0,.5);-webkit-font-smoothing: antialiased;}
.banner-word p{line-height:48px; font-size:36px;}
.banner-phone{right: -363px;width:303px;height:640px;position: absolute;top:290px;right: 20px;margin-top: -130px;}
.banner-phone2{right: -363px;width:303px;height:640px;position: absolute;top:290px;right: 20px;margin-top: -130px;}
.carouse-pre,.carouse-next{width:80px;height: 80px;position: absolute;top: 50%;*position: absolute;*top: 260px;margin-top: -10px;opacity: 0.6; z-index:10;}
.carouse-pre:hover,.carouse-next:hover{opacity: 1;}
.list-cont span{cursor:pointer;text-indent: 100px;white-space: nowrap;overflow: hidden;}
.carouse-pre{background: url(../images/icon.png) no-repeat -2px -2px;left: -130px;}
.carouse-next{background: url(../images/icon.png) no-repeat -83px -3px;right: -130px;}
.carouse-btn{height:20px;position:absolute;bottom:30px;left:5px;*top: 470px;}
.carouse-btn span{background: url( ../images/dot.png) 0 0 no-repeat;}
.carouse-btn span{float:left;width:20px;height:20px;margin-right: 15px;top: 50px;}
.carouse-btn #cur-ic{background: url( ../images/dot.png) -28px 0 no-repeat;}

.banner-word-init{left:-600px;opacity:0;display:"none";}
.banner-phone-init{right:-363px;opacity:0;display:"none";}

.product-bg{background: #ECEEF1;width: 100%;margin-top: -3px;}
.bdline{border-bottom: 1px solid #DDDEE1;}
.product-cont{width:960px;margin:0 auto;padding:50px 5px 86px 8px;}
.order-conts{padding-bottom:36px;}
.product-info{width:560px;}
.product-info p{ font-size:24px; line-height:36px; color:#3e3a39; padding-bottom:26px;}

.indexcon{ width:100%; height:300px; background:url(../images/xbg.jpg) repeat; border-top:1px solid #c0c0c0;}
.indexcon ul,.conmentcon{ width:960px; display:block; margin:0 auto; padding:45px 0; overflow:hidden;}
.indexcon li{ width:320px; height:210px; float:left; text-align:center;}
.indexcon li a{ width:100%; height:100%; display:inline-block;}
.indexcon li span{ display:block; line-height:28px; color:#3e3a39;}
.indexcon li span.demotit{ font-size:18px; margin-top:12px;}
.indexcon li span.democon{ font-size:14px;}

.conmenter{ width:100%; height:300px; background:#eee; overflow:hidden; padding-bottom:10px;}
.conmentcon{ width:976px;}
.conbox{ width:320px; height:230px; float:left; margin-left:5px; background:url(../images/lunbg.jpg) no-repeat;}
.conbox p{ font-size:14px; line-height:20px; padding:18px 18px 15px 12px; color:#3e3a39; text-indent:22px;}
.people{ margin-top:32px; padding-left:8px;}
.people span{ display:block; float:left; margin-left:6px; color:#595757;}
.people span.hisname{ float:none; font-size:24px; line-height:30px;}
.people span.profiler{ float:none; font-size:14px; line-height:20px;}

#footer{ height:70px; background:#292929;}
.dibg{ width:100%; height:16px; overflow:hidden; background:url(../images/dibg.png) repeat-x;}
.dimg{ width:960px; margin:0 auto;}
.dimg img{ float:right; margin-right:150px;}
.di{ width:1100px; margin:0 auto; padding:20px 0 0;}
.di span{ display:block; font-size:14px; color:#9fa0a0;}
.di span.banQ{ width:320px;}
.di span.downav{ width:580px; text-align:right; padding-right:30px;}
.di span.downav a{ padding:0 8px 0 12px; color:#9fa0a0; }
.di span.houT{ width:160px;}
.di span.houT a{ color:#9fa0a0;}
.di span.houT a:hover,.di span.downav a:hover{ color:#279BA5;}

/*product*/
.bannerbg{ width:100%; min-width:960px; height:300px; overflow:hidden;}
.bannercon{ width:960px; margin:0 auto; padding:96px 0 0 36px; line-height:48px; font-size:36px; text-shadow: 0 2px 0 rgba(0,0,0,.5);-webkit-font-smoothing: antialiased;}
.bannercon span{ font-size:28px; line-height:34px;}
.bj1{background:url(../images/product.jpg) no-repeat;}
.bj2{background:url(../images/solution.jpg) no-repeat;}
.bj3{background:url(../images/case.jpg) no-repeat;}
.bj4{background:url(../images/channel.jpg) no-repeat;}
.bj5{background:url(../images/about.jpg) no-repeat;}

.probox1{ width:100%; padding:50px 0; overflow:hidden;}
.procon1{ width:760px; margin:0 auto;}
.procon1 h2{ color:#595757; font-size:30px; padding-bottom:30px; text-align:center; font-weight:normal;}
.procon1 p{ color:#595757; font-size:16px; line-height:24px;}
.procon1 p.zongj{ line-height:40px;}
.procon2{ width:890px; margin:0 auto;}
.fc h2,.fc p{ color:#fff;}

.bg1{ background:#ebe9e8;}
.bg2{ background:#c5c5c5;}
.bg3{ background:#a4a078;}
.bg4{ background:#eee;}
.bg5{ background:#d2d2d2;}
.bg6{ background:url(../images/probg.jpg) repeat;}
.bg7{ background:#f7f8f8;}

/*channel*/
#mainer{ width:100%; min-width:960px;}
.channel,.about{ width:960px; padding:40px 0; margin:0 auto;}
.channel h2,.channel p,.about h2{ font-size:30px; font-weight:normal; color:#595757; text-indent:8px; padding-bottom:25px;}
.channel p{ font-size:12px; padding:0;}
.channel ul{ display:block; padding-left:10px; overflow:hidden;}
.channel li{ display:block; float:left; margin-left:30px; width:460px; height:96px;}
.channel li span{ display:block; color:#595757;}
.channel li span.titler{ font-size:16px; line-height:24px;}
.channel li span.contenter{ line-height:18px; margin-top:8px;}
.channel li span p{ text-indent:0;}
.channel li.oneli{ margin-left:0;}

.liucheng{ width:952px; height:174px; background:#7c8b82; margin-left:8px;}
.liucon{ width:238px; height:174px; background:url(../images/tubg.jpg) right top no-repeat; float:left;}
.tuwen{ width:190px; margin:15px 0 0 32px;}
.tuwen img{ margin-left:16px;}
.tuwen h3{ font-size:18px; font-weight:normal; padding-bottom:8px;}
.tuwen p{ font-size:12px; line-height:18px; text-indent:0; color:#fff;}
.nobg{ background:none;}

.connect{ width:960px; height:85px; margin:0 auto; padding:10px 0;}
.connect img{ margin-left:10px;}
.connect span{ width:238px; height:85px; border-right:1px solid #dcdcdc; display:block; float:left; margin-left:14px; color:#595757; padding-top:5px;}
.connect span p{ font-size:16px; text-indent:0; line-height:24px;}
.connect h3{ font-size:26px; line-height:30px;}
.connect .online{ margin:10px 0 0 45px;}

/*about*/
.about h2{ padding-bottom:10px;}
.about p{ margin:15px 0; font-size:14px; color:#595757; padding:0 8px;}
.contact{ height:160px; margin-left:20px;}
.contactcon{ width:380px; height:122px; border-left:1px solid #d2d2d2; margin-left:40px; padding:30px 0 0 36px;}
.contactcon span{ width:238px; height:85px; display:block; float:left; margin-left:18px; font-size:14px; color:#595757; padding-top:5px;}
.contactcon span p{ font-size:16px; text-indent:0; line-height:24px; margin:0; padding:0;}
.contactcon span.qq{ width:280px; padding-top:15px; clear:both;}
.contactcon h3{ font-size:26px; line-height:30px;}


/*solution*/
.solutionbox{color:#595757; width:720px; margin:30px 0 0 36px;overflow:hidden; padding-bottom:30px; text-align:center;}
.solutionbox h2{ font-size:24px; font-weight:normal; padding-bottom:20px; text-align:left;}
.solutionbox p{ font-size:14px; line-height:22px; text-align:left;}
.solutionbox img{ margin:25px 0;}

/*case*/
.leftcon{ height:auto; margin-bottom:-4000px; padding-bottom:4000px; background:#efefef;}
.case{ width:960px; height:auto; margin:0 auto; z-index:2;}
.leftnav{width:200px; height:auto; overflow:hidden; float:left; padding-top:20px; margin-bottom:-4000px; padding-bottom:4000px; border-right:1px solid #dcdddd; background:#efefef; color:#595757;}
.leftnav h3{ font-size:18px; font-weight:normal; text-indent:20px; color:#333;}
.leftnav ul{ width:100%; display:block; padding:20px 0 50px; overflow:hidden;}
.leftnav li{ height:45px; border-bottom:1px solid #e6e6e6; font-size:16px; line-height:44px;}
.leftnav li a{ padding-left:20px;}
.leftnav li.active a{ color:#279BA5;}
.casecon{ width:758px; height:auto;}
.casebox{ background:#fff; color:#595757; width:720px; margin:20px 0 0 20px;overflow:hidden; padding-bottom:30px;}
.casebox h3{ font-size:18px; font-weight:normal; margin:18px 0 0 20px;}
.casebox p{ font-size:14px; padding:0 20px;}
.casebox ul{ width:720px; display:block; padding:10px 0 0; margin-left:8px; overflow:hidden;}
.casebox li{ width:85px; height:85px; border:1px solid #e5e5e5; overflow:hidden; display:block; float:left; margin:12px 0 0 12px;}
.imgcon{ width:680px; padding:14px 0; overflow:hidden; margin-left:20px;}
.erwei{ margin:92px 8px 0 0;}

@media screen and (max-width:1360px) {
	.leftcon{ width:280px;}
}

@media screen and (min-width:1365px) and (max-width:1480px) {
	.leftcon{ width:390px;}
}

@media screen and (min-width:1500px){
	.leftcon{ width:476px;}
}
/*qqbox*/
.qqbox{ width:133px; height:auto; background:#fff; padding-bottom:5px; overflow:hidden; border:1px solid #c9c9c9; margin-right:50px; z-index:50;}
.qqbox ul{ width:123px; height:auto; display:block; margin:2px 5px;}
.qqbox li{ width:123px; height:30px; line-height:30px; background:url(../images/qqbg.jpg) no-repeat; display:block; margin-top:5px;}
.qqbox li img{ margin:7px 0 0 12px;}
.qqbox li span{ display:block; float:right; width:88px; font-size:14px; color:#3e3a39;}
.qqbox li.erwma,.qqbox li.erwma img{ margin:0; background:none;}
.qqbox li.erwma{ height:126px;}
.qqbox li.tel{ margin:0; text-align:center; color:#3e3a39; font-size:14px;}
.goTop{ width:13px; height:68px; line-height:16px; color:#fff; background:#279BA5; padding:2px 3px 0; overflow:hidden; margin-top:120px; float:right; cursor:pointer;}