﻿/*head*/
.head{ width:100%; background:url(../webimages/headbg.png) repeat; left:0; top:0; z-index:3; position:fixed; z-index:99}
.head .web{ z-index:8;}
.head .fr{ height:76px;}
.absolute{ position:absolute;}
.relative{ position:relative;}
.head h1{ position:absolute;  left:0; z-index:99;top:25px;}
.head-nav{float:left;padding-left: 105px;margin-right: 10px;}
.head-nav li{float:left;width: 84px;}
.head-nav li.firstli{ width:54px;}
.head-nav li>a{display:block;line-height:76px;font-size: 17px;color:#fff;text-align:center;}
.head-nav li:hover>a,.head-nav li>a.cur{ color:#fff; background:#13a048;}
.search{ float:left; width:202px; height:34px; border:1px solid #fff; -webkit-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin-top:20px; position:relative;}
.search-in{ padding:0 10px;width:161px; height:32px; line-height:32px; font-size:16px; color:#fff;}
.search-in::placeholder{color:#939290;}
.search-bt{ position:absolute; width:40px; height:32px; right:0; top:1px; background:url(../webimages/search.png) center no-repeat; cursor:pointer}
.nav-mask{background:url(../webimages/secondbg.png) repeat-x; position:absolute; left:0; width:100%; top:76px; height:363px; z-index:5; display:none;}
.second-nav{ display:none;}
.navpro{ z-index:11; position:absolute; left:0; top:76px;}
.nav-pro{ width:180px; background:url(../webimages/line01.png) left center no-repeat; float:left;}
.nav-pro a{display:block;text-align:center;font-size:16px;color:#ededed;padding-bottom:32px;}
.imgbox{background:url(../webimages/probg.png) top center no-repeat;padding-top: 35px; *padding-top: 30px;}
.imgbox img{ width:179px; height:179px;}
.nav-pro i{ font-size:13px; color:#fff; display:block; background:url(../webimages/more.png) no-repeat; width:84px; height:24px; line-height:24px; margin:22px auto 0;opacity: 0;filter: alpha(opacity=0);}
.nav-pro a:hover{ background:url(../webimages/small.png) repeat;}
/*.other-second{ position:absolute; left:0; top:76px; background:url(../webimages/bg01.png) repeat; width:120px;}
.other-second a{ font-size:14px; color:#fffefe; text-align:center; line-height:40px; display:block; background:url(../webimages/line03.png) left bottom repeat-x; padding:0 5px;}*/
.other-second{ position:absolute; left:0; top:76px; background:url(../webimages/small.png) repeat; overflow:hidden; white-space:nowrap; padding:0 10px; min-width:200px; text-align:center;}
.other-second a{ font-size:14px; color:#fffefe; text-align:center; line-height:50px; padding:0 5px; display:inline-block}
.other-second a:hover{background:#13a048; color:#fff;}

/*foot*/
.foot{ background:#333; z-index:1; position:relative; overflow:hidden;}
.footline{ border-bottom:1px solid #414141;}
.foot-top{ font-size:22px; color:#fff; padding:21px 0 16px;}
.foot-top span{ font-size:30px; border-right:1px solid #999; line-height:41px; padding-right:26px; margin-right:26px; float:left;}
.foot-top p{ floats:left;}
.foot-top p em{ display:block; font-family:"Arial"; font-size:16px; color:#b1b1b1; padding-top:2px;}
.foot-link{ padding:20px 0 11px;}
.foot-link dl{ float:left; width:270px;}
.foot-link dl.lastdl{ width:250px;}
.foot-link dt a,.foot-mes h2{ font-size:18px; color:#13a048; display:block; border-bottom:3px solid #13a048; padding-bottom:17px; width:183px;}
.foot-link dd{ padding-top:4px;}
.foot-link dd a{font-size: 14px;color:#fff;line-height: 32px;display:block;}
.foot-mes{ float:right; width:460px; overflow:hidden}
.foot-mes h2{ width:auto;}
.foot-mes ul{ width:500px; padding-top:18px; padding-bottom:4px;}
.foot-mes li{float:left;overflow:hidden;width: 222px;margin-right: 16px; margin-bottom:3px;}
.foot-mes span{font-size:16px;color:#fff;line-height:30px;float:left;padding-right: 3px;}
.foot-mes span i{ padding-left:5px;}
.foot-mes li input{border:1px solid #ccc;width: 149px;padding:0 10px;height:28px;line-height:28px;font-size:14px;background:#fff; float:left;}
.foot-mes li.mesli{ width:460px; float:none}
.mesli textarea{padding:5px 8px;border:1px solid #ccc;font-size:14px;resize:none;background:#fff;width: 391px; height:88px; float:left;}
.mesbt{ font-size:16px; color:#fff; display:block; margin:0 auto; background:url(../webimages/bt01.png) no-repeat; width:80px; height:30px; text-align:center; line-height:30px; cursor:pointer}
.foot-mes p{ padding-left:51px;}
.the-contact{ float:left; width:600px; padding-top:21px; padding-bottom:27px;}
.the-contact h2{ font-size:18px; color:#13a048; padding-bottom:8px;}
.the-contact ul{ background:url(../webimages/icon01.png) left top repeat-y; padding-left:29px; font-size:14px; color:#fff;}
.the-contact span{ background:url(../webimages/icon02.png) left center no-repeat; padding-left:23px; margin-left:55px;}
.the-contact ul li.mt5{ margin-top:12px;}
.the-contact p{ background:url(../webimages/icon03.png) no-repeat; line-height:56px; padding-left:70px; font-size:24px; color:#fff; margin-top:10px;}
.contact-code{ padding-top:78px;}
.contact-code img{ width:160px; height:160px; display:block; float:left; margin-right:15px;}
.code-right{ float:left; font-size:18px; color:#d3d3d3; line-height:30px;}
.code-right>a{ font-size:20px; color:#fff; background:url(../webimages/icon04.png) no-repeat; display:block; line-height:37px; padding-left:55px; width:105px; margin-bottom:10px;}
.code-right p a{ color:#d3d3d3;}
.friend{ text-align:center; font-size:14px;  color:#fff; padding:13px 0}
.friend a{ color:#fff; margin-right:20px;}
.foot a:hover{ color:#13a048}
.code-right>a:hover{ color:#fff;}
.footlast{ background:#181818; padding-bottom:14px;}
#share{ text-align:center; padding-top:16px;}
#share a{ width:31px; height:31px; display:inline-block; *display:inline; float:none; margin:0 2px; padding:0}
#share a.bds_tsina{ background:url(../webimages/icon05.png) no-repeat;}
#share a.bds_sqq{ background:url(../webimages/icon06.png) no-repeat;}
#share a.bds_weixin{ background:url(../webimages/icon07.png) no-repeat;}
.the-last{ font-size:14px; color:#878787; text-align:center;}
.the-last img{ position:relative; top:4px; margin:0 4px;}
.friend{ display:none;}

/*侧漂*/
.float{ position:fixed; bottom:140px; right:50px; z-index:99}
.float li{ position:relative; padding-bottom:3px;}
.float li a{ display:block; font-size:13px; color:#666; text-align:center;}
.float li span{ display:block; width:70px; height:35px; overflow:hidden; background-image:url(../webimages/icon24.png); background-repeat:no-repeat; padding-top:38px; cursor:pointer}
.kefu span{ background-position:0 0;}
.QQ span{ background-position:0 -73px;}
.QQ span{ background-position:0 -73px;}
.phonee span{ background-position:0 -146px;}
.wewe span{ background-position:0 -219px;}
.indexx span{ background-position:0 -292px;}
.float li.topt span{ background-position:0 -365px; color:#fff;}
.float li:hover a span{background-image:url(../webimages/icon26.png); color:#fff;}
.float li.topt:hover a span{background-image:url(../webimages/icon24.png);}
.the-phone{ background:url(../webimages/icon25.png) right center no-repeat; padding-right:9px; height:40px; position:absolute; left:-160px; top:50%; margin-top:-17px; display:none;}
.the-phone i{ display:block; font-size:18px; color:#fff; width:145px; height:40px; background:#13a048; text-align:center; line-height:40px;}
.phonee:hover .the-phone{ display:block;}
.head-code{ position:absolute; background:url(../webimages/icon3.png) no-repeat; padding:8px 24px 8px 8px; width:170px; height:170px; left:-205px; top:50%; margin-top:-98px; display:none; z-index:9}
.head-code img{ width:170px; height:170px;}
.wewe:hover .head-code{ display:block;}

/*index*/
.index_banner{ width:100%; overflow:hidden; position:relative; z-index:1; height:810px;}
.index_banner .bd{ width:1920px; height:810px; position:relative; left:50%; margin-left:-960px;}
.index_banner .bd ul{ overflow:hidden;}
.index_banner .bd ul li{}
.index_banner img{width:1920px; height:810px; display:block;}
.index_banner ul.inddot{position:absolute;bottom:30px;height:12px; text-align:center; z-index:999; left:50%; margin-left:-960px; width:1920px;}
.index_banner ul.inddot li{display:inline-block; width:10px; height:10px; margin:0px 5px;line-height:11111px; overflow:hidden; background:url(../webimages/dot.png) left top no-repeat;}
.index_banner ul.inddot li.on{ background:url(../webimages/dot.png) right top no-repeat;}

.index-sort{background:url(../webimages/indexbg01.jpg) top center no-repeat;width: 100%;overflow: hidden;position: relative;}
.index-title{font-size:35px;color:#333;text-align:center;line-height:65px;margin-bottom:9px;padding-top:33px;font-weight:bold;position: relative;}
.index-p{font-size:16px;color:#333;text-align:center;position: relative;}
.sub-indexsort{ position:relative; overflow:hidden; margin:0; padding:0}
.sort-list{ width:1260px; margin:0 auto;height:649px; padding-top:35px; overflow:hidden}
.no1,.no2,.no6,.no7{width:210px;height:315px;float:left;margin-right: 11px;}
.no1{ background:url(../webimages/index01.jpg) no-repeat;}
.no2{ background:url(../webimages/index02.jpg) no-repeat;}
.sort-intro{ height:100%}
.sort-intro h3{ font-size:19px; color:#fff; text-align:center; padding-top:16px;}
.no3 .sort-intro h3{ padding-top:74px;}
.sort-intro h4{ font-size:13px; color:#fff; font-family:"Arial"; text-align:center;}
.sort-intro i{ display:block; margin:0 auto; background:url(../webimages/icon09.png) center top no-repeat; height:27px;}
.sort-img{ position:absolute; left:0; bottom:0; width:210px; height:210px;}
.sort-sort{  width:100%; height:100%;}
.sub-indexsort:hover .sort-sort{ position:absolute;background:url(../webimages/sortbg.png) repeat;}
.sub-thesort img{ display:block; margin:0 auto 5px;}
.sub-thesort h3{ font-size:18px; color:#fff; text-align:center; padding-bottom:10px;}
.sub-indexsort:hover .sub-thesort{ position:absolute; top:50%;left:0; width:100%;  text-align:center; color:#ddd;}
.sub-thesort a{ font-size:14px; color:#ddd; line-height:24px; padding:0 8px;}
.sub-thesort a:hover{ color:#13a048;}
.no1 .sub-thesort a,.no2 .sub-thesort a,.no6 .sub-thesort a,.no7 .sub-thesort a{ display:block;}
.no3{background:url(../webimages/index03.jpg) no-repeat;width:378px;height:649px;float:left;margin-right: 10px;}
.no3 .sort-img{ bottom:93px; width:378px; height:378px;}
.no4{ background:url(../webimages/index04.jpg) no-repeat; width:430px; height:323px; float:left;}
.no4 .sort-img{ left:50%; margin-left:-105px; width:210px; height:210px;}
.no5{background:url(../webimages/index05.jpg) no-repeat;width:430px;height:323px;left:-830px;top: 3px;}
.no5 .sort-img{ width:264px; height:264px; left:50%; margin-left:-132px;}
.no6{background:url(../webimages/index06.jpg) no-repeat; top:-312px;}
.no7{background:url(../webimages/index07.jpg) no-repeat;top: -627px;left: 1050px;}
.index-more{display:block;margin:54px auto 0;background:url(../webimages/more02.png) no-repeat;width:620px;height:56px;text-align:center;line-height:52px;font-size:18px;color:#fff;position: relative;}

.index-pro,.index-case,.index-chose{width:100%;overflow:hidden;background:url(../webimages/indexbg01.jpg) top center no-repeat;position: relative;}
.line{ background:url(../webimages/lin04.png) center bottom no-repeat; font-size:34px;}
.index-proul{ margin:0 -4px; padding-top:28px; *margin:0;}
.index-proul li{float:left;width:25%; *width:24.98%;margin-top:8px;position: relative;}
.proimg{ background:url(../webimages/probg.jpg) no-repeat; background-size:100% 100%; position:relative;margin:0 4px; overflow:hidden}
.proimg img{ display:block; width:100%;}
.index-proul a{ display:block; position:absolute; width:100%; height:100%; color:#fff; font-size:14px;top:0; left:0;-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.sub-proimg{position: absolute;bottom: 0;left: 0;right:0;margin-bottom: 10px;min-height: 30px;padding: 0 25px;}
.index-proul h3{ font-size:22px; color:#fff;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position: relative;opacity: 1;-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(60%);-ms-transform: translateY(60%);-webkit-transform: translateY(60%);transform: translateY(60%);}
.sub-proimg p {    position: relative;-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);    -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(80%);    -ms-transform: translateY(80%);-webkit-transform: translateY(80%);    transform: translateY(80%);    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;color: #fff;width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:6px; margin-bottom:10px;}
.index-proul li:hover a { background:url(../webimages/sortbg.png) repeat}
.index-proul li:hover h3,.index-proul li:hover p{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);    opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);    transform: translateY(0);}

.index-case{ padding-bottom:54px;}
.inde-casenav{text-align:center;padding:18px 0 3px;position: relative;}
.inde-casenav a{ font-size:18px; color:#333; display:inline-block;width:140px; height:38px; line-height:38px;}
.inde-casenav a:hover,.inde-casenav a.cur{ background:url(../webimages/icon17.png) no-repeat; background-position:0 0; color:#fff;}
.index-caselist{ /*height:848px;*/}
.sub-caselist{ width:1260px; overflow:hidden; display:none; position:relative;}
.index-caseul{ width:1300px;}
.index-caseul li{ float:left; margin-top:20px; margin-right:20px; position:relative; width:300px; height:226px; overflow:hidden;}
.index-caseul img{ width:300px; height:226px;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.sub-indexcase{ position:absolute; padding:10px 18px; left:0; right:0; bottom:0; height:40px; overflow:hidden; background:url(../webimages/sortbg.png) repeat; font-size:12px; color:#fff; line-height:20px; overflow:hidden; display:none}
.index-caseul a{ display:block; }
.index-caseul li:hover .sub-indexcase{ display:block;}
.index-caseul li:hover img{ -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);filter: alpha(opacity=80); opacity:.8}

.index-partner{background:url(../webimages/indexbg02.jpg) top center no-repeat;height:603px;width: 100%;position: relative;overflow: hidden;}
.index-partner .web{ overflow:hidden}
.index-partner h2{font-size:34px;color:#fff;font-weight:bold;text-align:center;line-height:40px;padding:54px 0 14px;position: relative;}
.index-partner ul{width:1400px;margin-top:-3px;padding-left:3px;position: relative;}
.index-partner p{text-align:center;font-size:16px;color:#fff;position: relative;}
.index-partner li{ width:144px; height:144px; float:left; margin-top:36px; margin-right:41px;  -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.index-partner li img{ width:144px; height:144px; -webkit-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.index-partner li:hover{ -moz-transform:translate(-3px,-5px); -ms-transform:translate(-3px,-5px); -o-transform:translate(-3px,-5px); -webkit-transform:translate(-3px,-5px); transform:translate(-3px,-5px);}

.index-chose{/* height:745px;*/padding-bottom: 10px;}
.index-chose .web{ overflow:hidden;}
.index-chose .line,.index-new .line{ background:url(../webimages/line04.png) center bottom no-repeat;}
.data-chose {padding-top:72px;margin-bottom:63px;padding-top: 125px;}
.data-chose li{ float:left;  overflow:hidden; margin-right:74px; font-size:125px; color:#fff;text-align:center;}
.data-chose li p{font-weight: bold; position:relative; height:165px; line-height:165px;font-family: Arial, Sans-serif;background:url(../webimages/icon18.png) no-repeat; overflow:hidden;}
.data-chose li.li01 p{  background-position:0 0; width:160px;}
.data-chose li p:after{display: block;content: " ";position: absolute;top: 50%;margin-top: -2px;background: #13a048;width: 426px;height: 5px;z-index: 999;}
.data-chose li span{ display:block; font-size:16px; color:#333; padding-top:15px;}
.data-chose li.li02 p{  background-position:-235px 0; width:180px;}
.data-chose li.li03 p{  background-position:-489px 0; width:270px;}
.data-chose li.li04{ margin:0}
.data-chose li.li04 p{background-position:right top;width: 428px;}
.data-one{margin-left: 0;/*background:url(../webimages/indexbg03.png) left top no-repeat;width:1188px;*/min-height:500px;margin-top: 14px;padding-left: 0;margin-bottom:35px;position:relative;width: 1260px;}
.data-one li img{ width:1000px; margin:0 auto; display:block;}
/*.data-one li{ float:left; width:144px; height:255px; text-align:center; font-size:36px; color:#13a048; font-weight:bold; padding:0 38px; line-height:46px; margin-top:19px; margin-right:64px;}*/
.data-one li i{ position:relative; top:51%; display:inline-block;}
.data-one li.li02{ width:220px; padding:0}
.data-one li.mt29{ margin-top:-29px;}
.data-one li.li03{ margin-left:140px; margin-right:70px;}
.data-two{background:url(../webimages/indexbg04.png) left top no-repeat;overflow:hidden;/* margin-top:55px;*/margin-top: 68px;margin-bottom:48px;opacity: 0;filter: alpha(opacity=0);/*right: -800px; */position:relative;}
.data-two h3{ font-size:24px; color:#fff; font-weight:bold; text-align:center; padding-top:12px; width:1260px;}
.data-two h3 span{ font-size:16px; font-weight:normal; display:block; padding-top:8px;}
.data-two p{ width:1360px; overflow:hidden; padding-top:200px;}
.data-two p span{ float:left; font-size:18px; color:#13a048; text-align:center; padding:0 15px; width:80px; margin-right:54px;}
.data-three{width:1360px;/*margin-top:63px;*/margin-top: 78px;margin-bottom:61px;opacity: 0;filter: alpha(opacity=0);/*left: -800px;*/position:relative;}
.data-three li{ background:url(../webimages/libg.png) no-repeat; width:210px; padding-right:52px; float:left; text-align:center; font-size:18px; color:#333; line-height:28px;}
.data-three li img{ display:block; margin:68px auto 77px;}
.data-three li span{ padding:0 55px; display:block;}
.chose-condition{position:relative;overflow:hidden;height: 455px;}
.chose-condition ul{ position:absolute;}
.dot{height: 25px;text-align:center;}
.dot a{display:inline-block; width:10px; height:10px; margin:0px 5px;line-height:11111px; overflow:hidden; background:url(../webimages/dot.png) left top no-repeat;}
.dot a.cur{ background:url(../webimages/dot.png) right top no-repeat;}

.index-new{height:727px;width: 100%;overflow: hidden;position: relative;background: #fff;}
.indexnew{ overflow:hidden;}
.newsleft{ float:left; width:511px; margin-right:66px; padding-top:32px; position:relative;}
.newsleft p{ width:446px; height:420px; border:5px solid #d4d4d4;}
.newsleft img{ width:475px; height:356px; position:relative; top:31px; left:33px;}
.newright{ float:right; width:680px; padding-top:36px; position:relative;}
.newright li{ margin-top:32px;}
.newright li a{ display:block; font-size:12px; color:#666; line-height:20px;}
.index-newdate{ float:left; width:72px; height:63px; border:1px solid #d4d4d4; font-size:35px; color:#d4d4d4; text-align:center; line-height:40px;}
.index-newdate span{ display:block; background:#d4d4d4; font-size:14px; color:#fff; height:24px; line-height:24px;}
.index-newdec{ float:right; width:590px;}
.index-newdec h3{ font-size:14px; color:#333; padding-bottom:5px;}
.newright li:hover a{ color:#333;}
.newright li:hover h3,.newright li:hover .index-newdate{ color:#13a048;}
.newright li:hover .index-newdate span{ background:#13a048}
.newright li:hover .index-newdate{ border:1px solid #13a048}

/*animation*/
.animate-onscroll{ position:relative; top:-30px;}

.insidebanner{ width:100%; position:relative; overflow:hidden;}
.insidebanner img{ display:block; width:100%; height:auto;}
.inside-nav{ background:#fff; height:130px; position:relative; z-index:2}
.inside-nav h2{ font-size:30px; color:#333; text-align:center; height:65px; line-height:65px; background:url(../webimages/line05.jpg) center bottom no-repeat;}
.inside-nav h3{ font-size:16px; color:#999; text-align:center; padding-top:5px;}
.nav-list{ text-align:center; position:absolute; width:100%; left:0; bottom:-21px; z-index:3}
.nav-list a{ display:inline-block; width:137px; height:41px; background:#fff; text-align:center; line-height:41px; border:1px solid #ddd; color:#333; margin-left:-6px; z-index:4; position:relative;}
.nav-list a:hover,.nav-list a.cur{ color:#fff; background:#13a048; border-color:#13a048; z-index:5}

.content{ padding:45px 0 40px;}
.box{ width:1180px; margin:0 auto; background:#fff;-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.1); -o-box-shadow: 0px 3px 5px rgba(0,0,0,.1); -ms-box-shadow: 0px 3px 5px rgba(0,0,0,.1); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.1); box-shadow: 0px 3px 5px rgba(0,0,0,.1); padding:0 40px;}
.bread{ border-bottom:1px solid #d3d9de; padding:26px 0 15px 25px; background:url(../webimages/home.jpg) left 27px no-repeat; font-size:18px; margin-bottom:20px;}
.bread a{ color:#666;}
.bread a.cur{ color:#13a048;}
.page{text-align:center;padding: 36px 0 44px;}

/*产品中心*/
.hot-pro {width:100%;overflow:hidden;position:relative;padding-bottom: 14px;}
.hot-pro h3{ background:#13a048; height:44px; line-height:44px; color:#fff; font-size:20px; text-align:center;}
.all-hotpro{ padding-top:9px; width:1300px;}
.the-hotpro{ background-position:center top; background-repeat:no-repeat; width:288px; height:355px; float:left; margin-right:9px;}
.the-dot{ text-align:center;}
.the-dot a{ display:inline-block; background-image:url(../webimages/prodot.png); background-repeat:no-repeat; width:10px; height:10px; overflow:hidden; margin:0 4px; text-indent:-9999px;}
.the-dot a.cur{ background-position:-18px 0;}
.the-hotpro li{ width:288px; background:none !important}
.the-hotpro li a{ display:block; padding-top:42px;}
.the-hotpro li span{ font-size:24px; font-weight:bold; color:#fff; text-align:center; display:block;}
.the-hotpro li img{ display:block; width:240px; height:240px; margin:20px auto 0;}
.product-title{border-bottom:1px solid #13a048;padding-top: 15px;}
.product-title span{ display:block; width:158px; height:46px; text-align:center; line-height:46px; font-size:21px; color:#fff; background:url(../webimages/icon18.png) 0 -265px no-repeat; overflow:hidden; position:relative; top:1px;}
.the-product{ width:100%; overflow:hidden;}
.product-list{ width:1300px; padding-bottom:15px;}
.product-list li{ width:288px; margin-right:9px; float:left; margin-top:15px; height:371px; position:relative;}
.probox{ background:#f1f1f1; width:288px; height:288px; overflow:hidden}
.probox img{ width:288px; height:288px;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.product-list a{ display:block; color:#666; font-size:13px; line-height:20px;}
.product-list span{ display:block; font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:12px 0 4px;}
.product-list em{ display:block; padding-right:25px; height:40px; overflow:hidden;}
.product-list li:hover em{ text-decoration:underline;}
.product-list li:hover .probox img{transition: all .8s linear;  -moz-transition: all .8s linear;  -o-transition: all .8s linear;  -webkit-transition: all .8s linear;  -webkit-transform: scale(1.12);  -moz-transform: scale(1.12); -o-transform: scale(1.12); -m-transform: scale(1.12); transform: scale(1.12);}
.pb60{ padding-bottom:60px;}
.pro-more{ font-size:16px; color:#13a048; float:right; margin-top:-10px;}

.float-nav{ position:absolute; left:0; top:402px; z-index:99; width:190px;}
.pro-nav{ background:#fff; position:absolute; top:0; left:-190px; z-index:8; width:190px;}
.pro-nav h2{ background:#13a048 url(../webimages/icon27.png) 142px 0 no-repeat;; height:50px; line-height:50px; font-size:20px; color:#fff; cursor:pointer; padding-left:23px;}
.the-pronav li{ border-bottom:1px solid #ddd; overflow:hidden;}
.the-pronav li.last{ border:none;}
.the-pronav li>a{font-size:16px;color:#333;height:49px;line-height:49px;display:block;padding-left:23px;background-image:url(../webimages/icon27.png);background-repeat:no-repeat;background-position:154px -99px;background-color:#fff;z-index:3;position: relative; padding-right:40px;}
.the-pronav li>a.cur{background-position:154px -50px;}
.second-pronav{z-index:1;border-top:1px solid #ddd;padding:10px 0;margin-top:-100px;position: relative; display:none;}
.second-pronav a{ display:block; font-size:14px; color:#333; line-height:26px; padding-left:23px;}
.second-pronav a:hover{ color:#13a048}
.packup{background:url(../webimages/icon28.png) no-repeat;width:22px;height: 165px;font-size:20px;color:#fff;padding: 15px 10px 0;line-height: 20px; cursor:pointer; position:absolute; left:0; top:0; z-index:9}

.tui{ position:absolute; display:block; width:59px; height:59px; left:0; top:0; z-index:3}
.prolist-nav{ width:1200px;}
.prolist-nav a{ display:block; background-image:url(../webimages/icon18.png); background-repeat:no-repeat; background-position:0 -172px; width:140px; height:38px; overflow:hidden; text-align:center; line-height:38px; font-size:15px; color:#fff; float:left; margin-right:8px; margin-bottom:5px;}
.prolist-nav a:hover,.prolist-nav a.cur{ background-position:0 -218px; }


/*产品详*/
.pro-detail{ padding:20px 0 25px;}
.zoomdemo{width:696px; float:left;}
.ui-zoom-small{width:694px; float:left;}
.ui-zoom-large{width:694px;height:534px;border:1px solid #ddd; position:relative;}
.ui-zoom-slide{width:300px;height:200px;background:url(../webimages/slide.png); cursor:move;position:absolute; display:none;}
.ui-zoom-mirror{position:absolute; width:500px; height:333px; border:1px solid #e0e0e0; left:700px; overflow:hidden; display:none;}
.ui-zoom-mirror img{ width:800px;}
.ui-zoom-small{height:126px; overflow:hidden; margin-top:26px;}
.ui-zoom-list{width:696px; overflow:hidden; position:relative;}
.ui-zoom-list ul{width:999999px; position:relative; left:0;}
.ui-zoom-list li{float:left; border:1px solid #ddd; width:124px; height:124px; font-size:0px;margin-right:16px; cursor:pointer;}
.ui-zoom-list li.cur{border:3px solid #13a048; position:relative; width:120px; height:120px;}
.ui-zoom-list li img{ width:100%;}
.ui-zoom-large>img{ display:block; width:534px; height:534px; margin:0 auto;}
.pro-descrip{ width:420px; float:right;}
.pro-descrip h2{ font-size:26px; color:#1a1a1a; border-bottom:1px solid #ddd; height:75px; line-height:75px;}
.pro-sahre{ height:43px; color:#1a1a1a; font-size:16px; padding:19px 0 0;}
.pro-sahre span{ float:left; line-height:18px; margin-top:4px;}
.the-descrip{ color:#1a1a1a; line-height:30px;border-bottom:1px solid #ddd; height:395px; overflow:hidden;}
.the-descrip p{ padding-left:14px; background:url(../webimages/point.jpg) left 12px no-repeat; }
.now-ask{ display:block; width:210px; height:50px; background:#13a048; text-align:center; line-height:50px; font-size:24px; color:#fff; margin-top:50px;}
.all-detail{ padding-bottom:40px;}
.relative-pro{ width:250px; float:left; border-bottom:1px solid #ddd;}
.relative-pro h2{ font-size:20px; color:#fff; height:61px; line-height:61px; background:#13a048; text-align:center;}
.detail-ul{ border:1px solid #ddd; border-top:none; border-bottom:none; padding:0 19px 20px;}
.detail-ul li{ display:block; padding-top:20px;}
.detail-ul li em{width:208px; height:208px; border:1px solid #ddd; overflow:hidden; display:block;}
.detail-ul li img{ display:block; width:208px; height:208px;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.detail-ul li a span{ display:block; color:#333; text-align:center; font-size:18px; padding-top:11px; line-height:18px;}
.detail-ul li:hover img{transition: all .8s linear;  -moz-transition: all .8s linear;  -o-transition: all .8s linear;  -webkit-transition: all .8s linear;  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -o-transform: scale(1.1); -m-transform: scale(1.1); transform: scale(1.1);}
.detail-ul li:hover span{ color:#13a048}
.sub-detail{ width:930px; float:right;}
.detail-nav a{ width:185px; float:left; height:59px; line-height:59px; text-align:center; font-size:18px; color:#333; cursor:pointer; border:1px solid #ddd; border-right-color:#e5e5e5; border-left:none; background:#efefef;}
.detail-nav a.cur{ background:#fff; border-bottom-color:#fff; border-top:3px solid #13a048; height:56px; line-height:54px;}
.pro-table{ margin-bottom:30px;}
.pro-table th{ font-size:16px; color:#fff; font-weight:normal; border-right:1px dashed #ddd; height:68px; background:#13a048;}
.pro-table th.no{ border-right:1px solid #13a048}
.pro-table td{ border-bottom:1px solid #ddd; border-right:1px dashed #ddd; font-size:16px; color:#333; text-align:center; padding:11px 0;}
.pro-table td.td01{ border-left:1px solid #ddd;}
.pro-table td.td02{ border-right:1px solid #ddd;}
.detail-txt{ color:#333; padding-bottom:14px;}
.detail-txt h3{ font-size:18px; color:#fff; height:40px; line-height:40px; text-align:center; background:#13a048; margin-bottom:14px;}
.detail-txt p{ padding-left:16px; background:url(../webimages/fang.jpg) left 6px no-repeat;}
.sub-detailbox{ display:none;}
.detail-two{ padding-left:20px; overflow:hidden}
.detail-two h3{ line-height:40px; height:40px; text-align:center; position:relative; font-size:20px; color:#333; padding-top:25px; margin-bottom:21px;}
.detail-two h3:after{ content:""; position:absolute; display:block; width:37px; height:2px;background:#13a048; left:50%; margin-left:-19px; bottom:0;}
.advan-list{ padding-top:22px; padding-bottom:17px;}
.advan-list li{ width:385px; padding-left:55px; position:relative; color:#999; line-height:20px; min-height:80px; float:left; padding-right:15px;}
.advan-list li span{ display:block; background:url(../webimages/yuan01.jpg) no-repeat; width:44px; height:44px; text-align:center; line-height:44px; font-size:22px; color:#fff; position:absolute; left:0 ;top:0;}
.advan-list li h4{ font-size:18px; color:#333; padding-top:2px;}
.adv-dl{ padding-bottom:30px;}
.adv-dl dt{ float:left; width:607px; height:359px; border:1px solid #ddd; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.adv-dl dt img{-webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.adv-dl dd{ width:301px; float:left; text-align:center; color:#999; padding-top:110px;}
.span-span{ display:inline-block; font-size:24px; color:#fff; background:url(../webimages/fang02.jpg) no-repeat; height:68px; width:63px; line-height:64px;}
.adv-dl dd h4{ font-size:18px; color:#333; padding:27px 0 3px;}
.adv-dl.second dt{ float:right;}
.detail-three{ text-align:center; padding-top:40px;}
.detail-three img{ max-width:100%; display:inline-block; margin-bottom:20px;}
.detail-four{ padding:40px 0 0 40px;}
.detail-grey{ background:#efefef; padding:32px 30px 17px; font-size:16px; color:#333;}
.bao-ul{ background:url(../webimages/prod21.png) left top no-repeat; color:#666; padding:3px 0 0 76px; border-bottom:1px solid #ddd; font-size:14px; margin-bottom:21px;}
.bao-ul h4{ font-size:20px; color:#13a048; font-weight:bold; padding-bottom:10px;}
.bao-ul li{ padding-bottom:35px;}
.detail-five{ padding-top:43px; padding-left:194px;}
.contact-ul li{ width:280px; height:270px; margin-right:20px; float:left; background:#f4f4f4; text-align:center; margin-bottom:22px;}
.contact-ul h4{ font-size:20px; color:#333; padding-top:32px;}
.contact-ul li img{ display:block; margin:15px auto 12px;}
.contact-ul li a{ display:inline-block; width:130px; height:36px; background:#13a048; font-size:18px; color:#fff; line-height:36px;}
.masker{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; background:#000;filter: alpha(opacity=50); opacity:.5; display:none;}
.leave-mes{ position:fixed; background:#f8f8f8; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:30px 0 0; height:470px;  width:760px;top:50%; margin-top:-250px; left:50%; margin-left:-380px; z-index:9999; display:none;}
.close{position:absolute;background:url(../webimages/close.png) no-repeat;width:35px;height:35px;display:block;right: -27px;top: -32px; cursor:pointer;}
.leave-mes h2{ font-size:30px; color:#333; text-align:center; height:50px; line-height:50px;}
.leave-mes li{ overflow:hidden; margin-top:10px; padding-left:119px;}
.leave-mes li span{ font-size:16px; color:#1a1a1a; float:left; padding-right:5px; line-height:38px;}
.mes-in{ font-size:15px; color:#333; border:1px solid #ccc; width:495px; height:36px; line-height:36px; padding:0 8px; float:left;}
.mes-txt{font-size:15px; color:#333; border:1px solid #ccc; width:495px; height:100px;padding:10px 8px; resize:none}
.mes-btn{ text-align:center; padding-top:21px;}
.mes-btn input{ display:inline-block; width:96px; height:40px; text-align:center; line-height:40px; font-size:18px; color:#fff; margin:0 3px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#13a048; cursor:pointer;}
.detail-one{ padding-left:40px; padding-top:40px; }
.detail-two{display:block;}

/*案例列表*/
.case-img{width: 300px;height: 225px;overflow:hidden;display:block;float:left;}
.case-ul img{width: 300px;height: auto;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.case-ul li{border-bottom:1px solid #ddd;padding-bottom:30px;margin-top:30px;height: 225px;}
.sub-case{width: 845px;float:right;}
.case-ul li{ font-size:13px; color:#666;}
.clock{ display:block; padding-left:27px; background:url(../webimages/clock.jpg) left center no-repeat; height:18px; line-height:18px; margin:14px 0 18px;}
.sub-case h2 a{ font-size:24px; color:#1a1a1a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:25px;}
.sub-case>a{ display:block; width:96px; height:34px; text-align:center; line-height:34px; font-size:13px; color:#1a1a1a; border:1px solid #8c8c8c; margin-top:20px;}
.sub-case p{height: 73px;overflow:hidden;}
.case-ul li:hover .case-img img{transition: all .8s linear;  -moz-transition: all .8s linear;  -o-transition: all .8s linear;  -webkit-transition: all .8s linear;  -webkit-transform: scale(1.12);  -moz-transform: scale(1.12); -o-transform: scale(1.12); -m-transform: scale(1.12); transform: scale(1.12); filter: alpha(opacity=80); opacity:.8;}
.the-case .page{ padding:45px 0 50px;}
.case-ul li:hover h2 a{ color:#13a048}
.case-ul li:hover .sub-case>a{background:#13a048; border-color:#13a048; color:#fff;}

.case-title { font-size:14px; color:#666; text-align:center; border-bottom:1px solid #ccc; padding-bottom:20px;}
.case-title h3{ font-size:26px; line-height:30px; color:#1a1a1a; font-weight:bold; padding-bottom:16px;}
.the-casetxt{ padding-top:30px; color:#333;}
.the-casetxt a{ color:#333;}
.the-casetxt img{ max-width:100%;}
.case-op{ padding:90px 0 39px;}
.case-op>a{ font-size:16px; color:#fff; font-weight:bold; display:block; width:103px; height:38px; text-align:center; line-height:38px; background:#13a048; margin:0 auto;}
.case-op p{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:32px 0 0;}
.case-op p a{ color:#666; display:block; float:left; width:48%;}
.case-op p a:hover{ color:#13a048;}
.case-op p a em{ color:#666;}
.case-op p a.next-pa{ float:right; text-align:right;}
.case-pro{ padding-bottom:30px;}
.case-pro h3{ font-size:20px; color:#333; padding-bottom:6px;}

/*新闻中心*/
.newpro{ padding-top:25px; text-align:center; width:1260px; margin:0 auto;}
.new-pro{ width:315px; height:315px; position:relative; float:left; background-position:center top; background-repeat:no-repeat; overflow:hidden;}
.sub-newpro{ background:url(../webimages/icon09.png) center 73px no-repeat; height:315px;}
.sub-newpro h2{ font-size:19px; color:#fff; text-align:center; padding-top:26px;}
.sub-newpro>p{ font-size:14px; color:#fff; text-align:center;}
.sub-newpro>img{ display:block; width:250px; height:250px; position:absolute; left:50%; margin-left:-125px; bottom:0;}
.new-prosort{ width:100%; height:100%; background:url(../webimages/sortbg.png) repeat; text-align:center; color:#fff;}
.new-prosort a{ display:inline-block;}
.new-prosort .sub-thesort img{ margin:0 auto 7px;}
.new-prolast .new-prosort{ background:#13a048; position:absolute; left:0; top:0}
.new-prolast .new-prosort a:hover,.new-prolast .new-prosort a{ color:#fff;}
.new-pro:hover .new-prosort{ position:absolute;}


/*售后服务*/
.pb43{ padding-bottom:43px;}
.service-step{ background:#efefef; margin-top:20px; overflow:hidden; position:relative;}
.service-ul{ height:260px; background:url(../webimages/line06.jpg) left center repeat-x; margin:134px auto 154px; width:1134px;}
.service-ul li{ width:150px; height:260px; float:left; margin-right:14px; position:relative;}
.step-span{ display:block; background:url(../webimages/yuan02.jpg) no-repeat; width:54px; height:54px; text-align:center; line-height:54px; font-family:"Impact"; font-size:28px; color:#13a048; position:absolute; left:50%; top:50%; margin-top:-27px; margin-left:-27px;}
.sub-step{ background:url(../webimages/fang03.jpg) no-repeat; text-align:center; color:#fff; padding:15px 15px 10px; width:120px; height:73px; position:absolute; left:0; bottom:0; line-height:20px;}
.service-ul li.second .sub-step{ background:url(../webimages/fang04.jpg) no-repeat; bottom:auto; top:0;padding:2px 15px 20px;}
.service-dl{ padding:90px 0 90px 123px;}
.service-dl dt{ width:435px; float:left}
.service-dl dd{ float:left; width:550px; position:relative; font-size:16px; color:#333; left:-4px; padding-top:5px;}
.service-dl p{position:relative;padding-left:103px;min-height: 50px;padding-top: 25px; margin-top:24px;}
.pspan{ display:block; background:url(../webimages/service02.jpg) no-repeat; width:64px; height:74px; text-align:center; line-height:74px; color:#fff; font-size:18px; position:absolute; left:0; top:50%; margin-top:-37px;}
.service-step .bao-ul{ margin-left:28px; margin-top:31px; width:759px;}
.imgbb{ position:absolute; top:62px; right:38px;}
.ingpp{ padding-left:28px; padding-bottom:18px;}

/*联系我们*/
.contact-way{ overflow:hidden; position:relative}
.contact-way h2{ font-size:36px; text-align:center; font-weight:bold; color:#13a048; line-height:40px; padding:5px 0 10px;}
.contact-way h3{ font-size:20px; color:#999; text-align:center;}
.contact-way ul{ width:1200px; padding-top:35px;}
.sub-contact{ margin-top:40px; background:#f6f6f6; height:458px; overflow:hidden;}
.contact-name h4{ font-size:24px; color:#333; line-height:25px; padding-left:40px; background:url(../webimages/contact01.jpg) left 3px no-repeat;}
.contact-name h4 span{ font-size:14px; display:block; color:#999;}
.contact-name{width: 518px;padding-top:124px;padding-right:20px;padding-left:40px;line-height:26px;color:#666;font-size:15px;float:left;border:1px solid #ccc;border-right:none;height: 332px;}
.contact-name h5{ font-size:21px; color:#000; padding:19px 0 8px;}
.contact-map{ float:right; width:600px;}
.sub-contactlast{ height:167px;}
.sub-contactlast .contact-name{float:none;width:auto;border-right:1px solid #ccc;overflow:hidden;height: 108px;padding-top: 57px;}
.sub-contactlast .contact-name h4{ float:left; padding-right:27px; border-right:1px solid #ddd; margin-right:33px;}
.sub-contactlast .contact-name  h5{ padding-top:0; margin-top:-3px;}

.transfer{ padding-bottom:28px;}
.transfer h2,.zhao h2,.law h2{ font-size:18px; font-weight:bold; color:#13a048; padding-top:7px;}
.transfer li{ float:left; margin-left:70px; width:480px; height:180px; margin-top:30px;}
.transfer-img{ height:71px; border:1px solid #ddd; padding-left:15px; border-bottom:none;  -webkit-border-top-left-radius:20px; -o-border-top-left-radius:20px; -ms-border-top-left-radius:20px; -moz-border-top-left-radius:20px;border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -o-border-top-right-radius:20px; -ms-border-top-right-radius:20px; -moz-border-top-right-radius:20px;border-top-right-radius:20px;}
.transfer-txt{ height:91px;-webkit-border-bottom-left-radius:20px; -o-border-bottom-left-radius:20px; -ms-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px;border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; -o-border-bottom-right-radius:20px; -ms-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px;border-bottom-right-radius:20px; font-size:15px; color:#fff; line-height:23px; padding-left:15px; padding-top:17px;}
.transfer-notice{ margin-top:10px; border-top:1px solid #ddd; padding:10px 0 25px;}
.transfer-notice dl{ padding:20px 0; border-bottom:1px dotted #ccc;}
.transfer-notice dt{ width:174px; float:left; margin-right:13px;}
.transfer-notice dd{ width:985px; float:left; color:#666;}
.transfer-notice h2{ font-size:18px; font-weight:bold; color:#13a048; margin-top:-1px; padding-bottom:4px;}
.zhao table{ background:url(../webimages/icon29.jpg) no-repeat; margin-top:14px; margin-bottom:19px;}
.zhao table td{ text-align:center; color:#fff; width:70px; padding:0 67px 0 10px; height:50px; line-height:18px;}
.zhao-txt{ color:#333; padding:10px 0 22px;}
.zhao-con{ padding:24px 0 55px;}
.zhao-con a{ font-size:16px; color:#333; background-image:url(../webimages/icon30.jpg); background-repeat:no-repeat;}
.zhao-con li{ float:left; margin-right:20px; overflow:hidden;}
.qqli a{ padding-right:31px; background-position:67px 0;}
.phoneli a{ padding-right:31px; background-position:right 0;}
.about-dl dt{ float:left; border:5px solid #13a048; padding:20px; height:288; width:385px;}
.about-dl dd{ width:655px; float:right; color:#666;}
.about-dl h2{ font-size:16px; color:#13a048; line-height:18px;}
.about-dl h3{font-size:27px; color:#13a048; font-weight:bold; border-bottom:1px solid #ddd; line-height:28px; margin-bottom:19px;}
.about-dl h3 span{ display:block; width:368px; border-bottom:3px solid #13a048; position:relative; top:2px; padding-bottom:24px;}
.about-txt h4{ font-weight:bold; font-size:22px; color:#13a048; padding-bottom:16px; padding-top:30px;}
.about-txt{ color:#666; padding-bottom:70px;}

.culture{ padding-bottom:41px;}
.culture-ul li{ border-bottom:1px solid #ddd; color:#666; padding-bottom:12px; margin-bottom:21px;}
.culture-ul li h2{ font-size:22px; color:#13a048; font-weight:bold; padding-left:42px; height:35px; line-height:35px; overflow:hidden; margin-bottom:6px; background-image:url(../webimages/icon31.png); background-repeat:no-repeat;}
.culture-ul li.li01 h2{ background-position:0 0;}
.culture-ul li.li02 h2{ background-position:0 -100px;}
.culture-ul li.li03 h2{ background-position:0 -201px;}
.culture-ul li.li04 h2{ background-position:0 -301px;}
.pbb{ color:#333; font-weight:bold;}
.culture-ul li.li04{ border:none;}
.culture-ul li.li04 .pbb{ margin-bottom:10px;}

.law h2{ padding-top:0; padding-bottom:14px;}
.law{ color:#666; padding-bottom:35px;}

.partner{ background:#efefef; padding-top:24px; padding-left:20px;}
.partner-ul li{ width:144px; height:144px; float:left; margin-right:20px; margin-bottom:30px;}
.partner-ul li img{ display:block; width:144px; height:144px; -webkit-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}

.join-ul{border-top:1px solid #e8e8e8;}
.join-ul h3{ font-size:16px; color:#333; height:60px; line-height:60px; border-bottom:1px solid #e6e6e6; background:url(../webimages/icon32.jpg) right -58px no-repeat; overflow:hidden; cursor:pointer;}
.sub-join{ background:#f2f2f2; padding-bottom:42px;}
.need{ height:54px; line-height:54px; border-bottom:1px solid #e5e5e5; padding:0 22px; font-size:16px; color:#333;}
.join-detail{ font-size:13px; color:#4c4c4c; padding:0 22px;}
.join-detail h4{ font-size:14px; padding:16px 0 18px; font-weight:bold;}
.mailto{ font-size:16px; color:#fff; display:block; width:120px; height:35px; text-align:center; line-height:35px; background:#13a048; margin-top:30px;}
.join-ul h3.cur{ background:url(../webimages/icon32.jpg) right top no-repeat; color:#13a048;}

.honor{ padding:80px 0 140px; overflow:hidden;}
.honor-ul{ text-align:center; width:1200px;}
.honor-ul li{ margin-top:20px; float:left; margin:0 2px; height:347px; color:#1a1a1a; text-align:center;}
.honor-ul p{ margin-top:20px;}
.honor-ul li img{ display:block;border:1px solid #d9d9d9; padding:2px; margin-top:112px;}
.honor-ul li.two img{ padding:4px; margin-top:80px;}
.honor-ul li.three img{ padding:8px; margin-top:0;}

/*搜索结果页*/
.result{ padding: 58px 0 55px; background:#fff url(../webimages/re.jpg) top center no-repeat; margin-top:76px;}
.result span{font-size:30px;color: #13a048;display:block;line-height:46px;float:left;}
.result-in{float: left;height: 46px;border: 1px solid #ccc; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 480px;margin-left: 32px;margin-right: 13px;padding: 0 13px; line-height:46px; font-size: 15px;}
.result-bt{background: #13a048;color:#fff;width:111px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; cursor:pointer}
.the-result{ font-size:18px; color:#1a1a1a; padding-top:20px;}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;}
.result-ul li h2 a{color: #13a048;}
.result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #13a048;}
.result-a:hover{background: #13a048;color:#fff;}

/*20170116*/
.h-add{position:absolute;bottom: -31px;color:#13a048;font-size:15px;width: 118px;left:50%;margin-left: -59px;}

.nono{ display:block; margin-top:8px; margin-left:-2px;}


.case-detail{ padding:0 80px;}
.contact-name p img{ position:relative; top:5px; margin-right:5px;}

.index-title a{ color:#333;}
#newBridge .icon-right-center{ top:20% !important;}
html #hm_t_undefined .hm-t-go-top{ display:none !important}


.banner-slide{ position:relative}
.index-banner{ width:100%; overflow:hidden; position:relative;}
.banner-slide li{float:left;}
.index-banner li img{ width:100%; display:block; position:relative; height:auto;}
.flex-prev,.flex-next{ display:block; position:absolute; top:50%;-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background-repeat:no-repeat; background-size:100% auto; width:32px;  height:33px;z-index:9; cursor:pointer; overflow:hidden; text-indent:999px; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms}
.flex-prev{ background-image:url(../images/bannerleft.png); left:1.5%;}
.flex-next{ background-image:url(../images/bannerright.png); right:1.5%;}
.flex-control-nav{ position:absolute; width:100%; height:11px; text-align:center; bottom:24px; left:0; z-index:5;}
.flex-control-nav li{ display:inline-block; width:11px; height:11px; margin:0 4px; float:none;}
.flex-control-nav li a{ background:url(../webimages/dot.png) left top no-repeat;text-indent: -99999px;width:10px;height:10px;cursor:pointer;position:relative;display:inline-block;margin:0px 5px;}
.flex-control-nav li a.flex-active{ background:url(../webimages/dot.png) right top no-repeat;}



/*20170302*/
.addbox{ width:1260px; padding:0; background:none; -webkit-box-shadow:none; -o-box-shadow:none; -box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.sub-addbox{ float:left; width:890px; padding:0 40px; background:#fff;}
.Ywwcoverright{width: 233px;background: #fff; padding: 20px;color: #333; float:right;}
.Ywwcoverright h3{    padding-bottom: 20px;font-size: 18px;color:#13a048;border-bottom: 1px #e4e4e4 solid;padding-top: 10px;}
.Ywwcoverright ul{ padding-top:10px;}
.Ywwcoverright ul li{ width:233px; height:33px; line-height:33px;}
.Ywwcoverright ul li a{ display:block; float:right; width:218px; height:33px; line-height:33px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333;}
.Ywwcoverright ul li a:hover{ color:#13a048;}
.Ywwcoverright ul li strong{ padding-right:5px; }
.sub-addbox .product-list{ width:950px;}


#newBridge .icon-right-center{ display:none !important}
.indexx{ display:none;}