@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; text-decoration:none; list-style-type:none;}
.clear:after{ content:"."; height:0; font-size:0; visibility:hidden;}
.clear{ clear:both;}
body{ font-family:'微软雅黑';}

/*头部*/
.top{ width:100%; height:26px; background-color:#343635;}
.top_a{ width:1000px; height:26px; margin:0 auto;}
.topsp1{ float:left; font-size:12px; color:#b6b2b2; line-height:26px;}
.topsp2{ float:right; font-size:12px; color:#b6b2b2; line-height:26px;}
.topsp2 a{ color:#b6b2b2; margin:0 3px;}
.logo{ margin:0 auto; width:1000px; height:80px;}
.logo img{ margin:10px 0;}
/*导航*/
.nav{ width:100%; height:40px; background-color:#ededed;}
.nav1{ width:1000px; height:40px; margin:0 auto;}
.nav1 ul li{ float:left; margin-bottom:-10px; }
.nav1 ul .gy{ width:130px;}
.nav1 ul .xw{ width:110px;}
.nav1 ul li .nana{ display:block; height:40px; text-align:center; line-height:40px; color:#fff; font-size:16px; color:#333;}
.nav1 ul li .nana:hover{ color:#fff; background-color:#06783b;}
.abg{ color:#fff; background-color:#06783b;}
/*二级导航*/
/*.nav1 ul li:hover ul{ display:block;}*/
.nav1 ul li ul{ width:1000px; overflow:hidden; display:none; padding-bottom:50px; background-color:#fff; }
.nav1 ul li ul li{float:none; font-size:14px;  width:200px; float:left; margin-top:30px;}
.nav1 ul li ul li a{ width:200px; height:30px; display:block; text-align:left; line-height:30px; font-size:16px; color:#666666;}
.nav1 ul li ul li a:hover{ color:#00a73c;}
/*.nav1 ul li ul li a:hover{ color:#00a73c;}*/
.nav1 ul li ul li .nava{ color:#00a73c; font-size:16px; margin-bottom:15px;}
.nav1 ul li ul li .nava:hover{ color:#333;}
.menuul1{ margin-left:-113px;}
.menuul2{ margin-left:-245px;}
.menuul3{ margin-left:-357px;}
.menuul4{ margin-left:-469px;}
.menuul5{ margin-left:-601px;}
.menuul6{ margin-left:-713px;}
.menuul7{ margin-left:-825px;}
.menew{ margin-left:252px;}
.meser{ margin-left:601px;}
.merl{ margin-left:713px;}
.melx{ margin-left:825px;}

/*banner*/
.pic-wf{width: 100%; overflow: hidden; position: relative}
.pic-fm{width: 1920px; position: relative; left: 50%}
.pic-ct{width: 100%; position: relative; left: -50%}
		/*强硬居中*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#FFF;}
#playBox{ width:100%; height:560px; margin:0 auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:999999px; height:560px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;width:1920px; height:560px;}
#playBox .oUlplay li img{ width:100%; height:100%;}
#playBox .oUlplay li a{  display:block; width:100%; height:560px;} 
#playBox .pre{ cursor:pointer; width:39px; height:60px; background:url(../images2/r.png) no-repeat; position:absolute; top:250px; left:300px; z-index:10;}
#playBox .next{ cursor:pointer; width:39px; height:60px; background:url(../images2/l.png) no-repeat; position:absolute; top:250px; right:300px; z-index:10;}
#playBox .smalltitle {width:100%; height:15px; position:absolute; bottom:15px; z-index:10;}
#playBox .smalltitle ul{ width:80px; margin:0 auto;}
#playBox .smalltitle ul li{ width:15px; height:15px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#06783b;}

/*底部*/
.footer{ width:100%; height:355px; background-color:#272727; margin-top:45px;}
.footer1{ width:100%; height:37px; background-color:#080808;}
.footer1 p{ text-align:center; font-size:12px; color:#6f6f6f; line-height:37px;}
.footer2{ width:1000px; margin:0 auto; height:355px;}
.footern{height:355px; float:left; margin-right:28px;}
.footern ul .footl1{ margin-top:30px; font-size:16px; color:#b5b3b3; line-height:30px; margin-bottom:5px;}
.footern ul .footl2{ font-size:14px; color:#7a7a7a; line-height:25px;}
.footern ul .footl3{ font-size:10px; color:#7a7a7a; line-height:18px;} 
.footern ul .footl3 img{ float:left; margin-top:10px; margin-right:4px;}
.footern ul li a{ color:#7a7a7a;}
.footern ul li a:hover{ color:#009143;}
.footerm{ width:195px; height:355px; float:right; overflow:hidden;}
.footerm .fx{ margin-top:35px; color:#7a7a7a; float:left; width:100%; overflow:hidden;}
.footerm .fx img{ margin-left:15px;}
.erweima{ display:block; margin-top:20px; float:left;}
.footerm .fx span{ float:left; margin-top:10px;}
.footerm .fx a{ margin-left:5px;}
.fx a.bds_tsina{  display:block; width:33px; height:26px; background:url(../images2/webo.png) no-repeat;}
.fx a.bds_linkedin{display:block; width:30px; height:26px; background:url(../images2/in.jpg) no-repeat;}
.fx a.bds_fbook{display:block; width:30px; height:28px; background:url(../images2/f.jpg) no-repeat;}
.footp1{ float:left; font-size:12px; color:#7a7a7a; margin-top:10px; width:100%;}
.footp2{ float:left; margin-top:20px; color:#b6b2b2; width:100%; font-size:12px;}
.footp3{ float:left; font-size:30px; color:#b6b2b2; width:100%; margin-top:10px;}
.webo{ display:block; width:33px; height:26px; background:url(../images2/webo.png) no-repeat; float:left; margin-top:2px;}
.webo:hover{ background:url(../images2/weboh.png) no-repeat;}
.in{ display:block; width:30px; height:26px; background:url(../images2/in.jpg) no-repeat; float:left;} 
.in:hover{ background:url(../images2/inh.png) no-repeat;}
.f{ display:block; width:30px; height:28px; background:url(../images2/f.jpg) no-repeat; float:left;}
.f:hover{ background:url(../images2/fh.png) no-repeat;}

/*内容*/
.centent{ width:1000px; overflow:hidden; margin:0 auto;}
.proimg img{ width:242px; height:210px;}
.proimg{ width:1000px; height:255px; margin:50px 0; float:left;}
.proimg ul li{ width:242px; height:211px; margin-left:10px; float:left; position:relative;}
.proimg ul li p{ text-align:center; font-size:14px; color:#333333; margin-top:27px;}
.proimg ul li a{ display:block;  width:242px; height:211px;}
.proimg ul .proli{ margin-left:0;}
.promen{ display:none; width:242px; height:211px; position:absolute; float:left; top:0; left:0; z-index:100;}
.proimg ul li:hover .promen{ background:url(../images2/prohover.png) no-repeat; display:block;}
.news{ width:100%; height:150px; float:left;}
.news_t{ display:block; width:100%; height:30px; font-size:18px; color:#333333; line-height:30px; border-bottom:1px solid #ded9d9;}
.news_t span{ font-size:12px; color:#666666; margin-left:10px;}
.news_t a{ float:right; font-size:12px; color:#666666;}
.news_t a:hover{ color:#00a73c;}
.newsleft{ width:475px; height:90px; margin-top:30px; float:left;}
.newsl{ width:355px; display:block; height:90px; float:left;}
.newsr{ width:100px; height:90px; float:right; display:block; background-color:#dedede;}
.newsr .newp1{ font-size:36px; color:#333333; text-align:center; margin-top:5px;}
.newsr .newp2{ font-size:20px; color:#333333; text-align:center;}
.newsl a{ font-size:14px; color:#333333; display:block; width:100%; padding-bottom:15px;}
.newsl a:hover{ color:#009143;}
.newsl p{ font-size:12px; color:#666666; line-height:20px; background:url(../images2/p.jpg) bottom repeat-x;}
.newright{ width:475px; height:90px; margin-top:30px; float:right;}

.succes{ width:100%; height:505px; float:left; margin-top:60px; margin-bottom:40px;}
.box{ width:906px; position:relative; overflow:hidden; height:440px; margin-top:30px;}
.picbox{  height:440px; width:906px; overflow:hidden; position:relative;}
.piclist{ height:253px; position:absolute; left:0px; top:0px;}
.piclist li{ float:left; height:440px;  width:906px; position:relative;}
.swaplist{ position:absolute; top:0px; width:906px;}
.og_prev{ width:26px; height:27px; float:left; margin-top:210px; z-index:99; cursor:pointer; margin-right:23px;}
.og_prev a{ width:26px; height:27px; background:url(../images2/btnl.png) no-repeat; display:block;}
.og_prev a:hover{ background:url(../images2/btnlbg.png) no-repeat;}
.og_next{ width:26px; height:27px; float:right; margin-top:-250px; z-index:99; cursor:pointer; position:relative;}
.og_next a{ width:26px; height:27px; background:url(../images2/btnr.png) no-repeat; display:block;}
.og_next a:hover{ background:url(../images2/btnrbg.png) no-repeat;}


.succ{ width:906px; height:505px; z-index:200; float:left; background:url(../images2/meng.png) no-repeat; display:none; position:absolute; top: 0; left: 0;}
.succ span{ width:136px; height:41px; display:block; background:url(../images2/succspan.png) no-repeat; margin:200px auto; text-align:center; line-height:40px; font-size:30px; color:#ffffff;}

.fwjj{ width:100%; overflow:hidden; float:left;}
.fw{ width:356px; float:left; overflow:hidden;}
.jj{ width:583px; overflow:hidden; float:right;}
.fwzx{ width:100%; overflow:hidden; margin:25px 0;}
.fwzx ul li{ width:116px; height:143px; float:left; margin-left:2px; margin-bottom:2px;}
.fwzx ul li a p{ font-size:14px; color:#fefefe; text-align:center; padding-top:100px;}
.fwzx ul .ff{ margin-left:0px;}
.fwa1{ display:block; width:116px; height:143px; background:url(../images2/drop1.jpg) no-repeat;}
.fwa2{ display:block; width:116px; height:143px; background:url(../images2/drop2.jpg) no-repeat;}
.fwa3{ display:block; width:116px; height:143px; background:url(../images2/drop3.jpg) no-repeat;}
.fwa4{ display:block; width:116px; height:143px; background:url(../images2/drop4.jpg) no-repeat;}
.fwa5{ display:block; width:116px; height:143px; background:url(../images2/drop5.jpg) no-repeat;}
.fwa6{ display:block; width:116px; height:143px; background:url(../images2/drop6.jpg) no-repeat;}
.fwa1:hover{ background:url(../images2/down1.jpg) no-repeat;}
.fwa2:hover{ background:url(../images2/down2.jpg) no-repeat;}
.fwa3:hover{ background:url(../images2/down3.jpg) no-repeat;}
.fwa4:hover{ background:url(../images2/down4.jpg) no-repeat;}
.fwa5:hover{ background:url(../images2/down5.jpg) no-repeat;}
.fwa6:hover{ background:url(../images2/down6.jpg) no-repeat;}

.newszx{ width:100%; overflow: hidden; margin:25px 0;}
.newszx ul li{ width:583px; height:91px; margin-bottom:8px; position:relative;}
.newszx ul li .newsimg{ width:130px; height:91px; float:left; }
.newszx ul li img{ width:130px; height:91px;}
.newszx ul li .newa{ display:block; width:583px; height:91px; position:absolute;}
.newszx ul li .newssp{ width:439px; height:91px; display:block; float:right;}
.newszx ul li .newsp1{ font-size:14px; color:#333333; line-height:20px;}
.newszx ul li .newsp2{ font-size:12px; color:#666666; line-height:20px; margin-top:5px;}
.solu{ display:none; width:130px; height:91px; position:relative; z-index:100; top:0;}
.newszx ul li:hover .solu{ background:url(../images2/solu.png) no-repeat; display:block;}

.newszx ul li a:hover .newsp1,.newszx ul li a:hover .newsp2{ color:#00a73c;}
.newszx ul li a .solu:hover .newsp1{ color:#00a73c;}

/*产品中心*/
.posit{ width:1000px; margin:0 auto; height:38px; display:block;}
.posit img{ float:left; margin-top:15px;}
.posit p{ font-size:12px; color:#666666; padding-top:12px; margin-left:10px;}
.posit p span{ margin-right:17px; margin-left:5px;}
.posit p a{ color:#666;}
.posit p .poa{ color:#00a73c;}
.hr{ width:100%; height:1px; background-color:#ccc;}
/*.proban{ width:100%; height:350px;}
.proban img{ width:100%; height:350px;}
.probamimg{  width:100%; height:350px; float:left;}
.propo{ margin-top:322px; position:absolute; display:block; width:100%; text-align:center; height:25px; float:left; z-index:100;}
.propo a{ font-size:16px; color:#333333; line-height:30px; margin-right:10px; padding:3px 10px; height:30px;}
.propo a:hover{ border-bottom:2px solid #06783b; color:#06783b;}
.propo .proa{ border-bottom:2px solid #06783b; color:#06783b;}*/


#proban{ width:100%; height:351px; margin:0 auto; background:#333; position:relative; overflow:hidden;}
#proban .probamimg { width:999999px; height:560px; position:absolute; left:0; top:0;}
#proban .probamimg li{ float:left;width:1920px; height:351px;}
#proban .probamimg li img{ width:100%; height:100%;}
#proban .probamimg li a{  display:block; width:100%; height:351px;} 
#proban .propoa {width:100%; height:15px; position:absolute; bottom:15px; z-index:10;}
#proban .propoa ul{ width:500px; margin:0 auto; clear:both;}
#proban .propoa ul li{ height:25px; margin:0 5px; float:left; overflow:hidden;*display:inline;*zoom:1; color:#333; font-size:16px; text-align:center; padding:0 10px;}
#proban .propoa .propoali{ color:#06783b; border-bottom:2px solid #06783b;}

/*家用解决方案*/
.solution{ width:1000px; overflow:hidden; margin:77px auto;}
.sool{ font-size:24px; color:#333333;}
.soli{ width:1000px; margin-top:64px;}
.soli ul li{width:193px; height:280px; border:1px solid #ccc; float:left; margin-left:73px; background-color:#e6e6e6; position:relative;}
.soli ul .soli_li{ margin-left:0;}
.soli ul li img{ width:193px; height:174px;}
.sop1{ font-size:22px; color:#666666; margin-top:28px; text-align:center;}
.sop2{ font-size:14px; color:#666666; text-align:center; margin-top:20px;}
.soli ul li .soa{ display:none; width:197px; height:284px; position:absolute; float:left; top:0; left:-1px;}
.soli ul li:hover .soa{ background:url(../images2/solution.png) no-repeat; display:block;}

/*产品展示*/
.exhibition{ width:1000px; overflow:hidden; margin:0 auto; margin-top:145px; margin-bottom:10px;}
.exhib{ width:1000px; margin-top:50px;}
.exhib ul li{ width:280px; height:363px; float:left; position:relative; margin:0 25px 70px 25px;}
.exhib ul li .exhimg{ display:block; width:280px; height:267px; top:0; left:0; z-index:100;}
.exhib ul li .exhimg img{ width:280px; height:267px;}
.exhib ul li p{ font-size:14px; color:#333333; text-align:center; padding-top:30px;}
.exhib ul li .per{ display:block; width:102px; height:21px; border:1px solid #5c5c5c; margin:0 auto; margin-top:18px; font-size:12px; color:#666666; text-align:center; line-height:21px;}
.exhib ul li .per:hover{ color:#06783b;}
.exhib ul li .xp{ position:absolute; display:block; width:50px; height:20px; margin-top:-61px; padding-left:10px; font-size:12px; line-height:20px; color:#fff; background:url(../images2/new.png) no-repeat;}
.peo{ width:280px; height:363px; position:absolute; top:0; display:none;}
.exhib ul li .peo img{ width:280px; height:363px;}
/*.peo:hover{ background:url(../images2/exhibition.jpg) no-repeat; width:280px; height:363px;}
*/
/**/
.goodshop{ width:1000px; height:370px; margin:20px auto;}
.goodsleft{ width:420px; height:370px; float:left;}
.goodsright{ width:437px; height:371px; float:right;}
.goodsimg{ width:420px; height:262px;}
.goodsimg img{ max-width:418px; max-height:262px;}
.goodsqhu{ width:419px; height:90px; margin-top:20px;}
.goodsqhu ul li{ width:98px; height:89px; float:left; margin-left:6px;}
.goodsqhu ul .goodsli{ margin-left:0;}
.goodsqhu ul li img{ width:98px; height:89px;}
.goodsqhu ul li .gul{ border:1px solid #019144;}
.goodsqhu ul li a{ border:1px solid #d8d8d8; display:block; width:98px; height:89px;}
.goodp1{ font-size:18px; color:#000000; padding-top:43px;}
.goodp2{ font-size:24px; color:#000000; line-height:30px; margin-top:5px;}
.goodsp{ display:block; height:27px; width:100%; margin-top:14px; margin-bottom:23px;}
.goodsp span{ float:left; display:block; width:55px; height:27px; text-align:center; line-height:27px; color:#fff; font-size:14px; }
.protec{ background-color:#149c53;}
.Comfortable{ background-color:#05783a;}
.Reliable{ background-color:#06542a;}
.goodp3{ font-size:12px; color:#666666; line-height:20px;}
.goodhr{ width:370px; height:1px; background-color:#ccc; display:block; margin-top:30px; margin-bottom:20px;}
.bread{ width:1000px; overflow:hidden; margin:40px auto;}
.breaddel span{ display:block; width:1000px; height:20px; margin-top:30px; font-size:12px; color:#666666; line-height:20px;}
.breaddel span img{ float:left; margin-top:8px; margin-right:15px; width:5px; height:5px;}
.breaddel{ width:1000px; overflow:hidden; margin-top:20px;}

/*产品解决方案*/
.solove{ width:1000px; overflow:hidden; margin:25px auto;}
.solop{ font-size:18px; color:#333333;}
.sololeft{ width:453px; height:288px; border:1px solid #ccc; float:left; margin-top:26px;}
.sololeft img{ width:435px; height:287px;}
.soloright{ width:495px; overflow:hidden; float:right; margin-top:26px;}
.solop1{ font-size:26px; color:#666666;}
.solop1 span{ font-size:24px; color:#06783b;}
.solop2{ font-size:16px; color:#666666; margin-top:15px; line-height:24px; margin-bottom:10px;}
.soloright a{ width:208px; height:40px; background-color:#06783b; display:block; margin-top:20px; font-size:16px; line-height:40px; text-align:center; color:#fff; float:left; margin-right:20px;}
.soloright a:hover{ text-decoration:underline;}
.apart{ width:1000px; height:400px; margin:0 auto; overflow:hidden;}
.apertnav{ display:block; width:1000px; height:40px; margin:0 auto;}
.apertnav ul li{ float:left; margin-left:60px;}
.apertnav ul .apli1{ margin-left:0;}
.apertnav ul li a{ font-size:16px; color:#666666; display:block; float:left; line-height:40px; height:38px;}
.apertnav ul li a:hover{ border-bottom:3px solid #06783b; color:#06783b;}
.apertnav ul li .apa{ border-bottom:3px solid #06783b; color:#06783b;}

.filmenu{ width:85px; float:left; margin-top:65px;}
.filmenu ul li{ width:85px; height:58px;}
.filmenu ul li .bga{ display:block; width:75px; font-size:14px; color:#666666; line-height:14px; padding-left:20px; height:12px; background:url(../images2/bga2.jpg) no-repeat;} 
.filmenu ul li .bga:hover{ background:url(../images2/bga1.jpg) no-repeat; color:#06783b;}
.filmenu ul li span{ width:1px; height:47px; background-color:#cdcdcd; margin-left:6px; display:block;}
.filmenu ul li .choice{ background:url(../images2/bga1.jpg) no-repeat; color:#06783b;}


.apartimg{ width:895px; height:250px; float:right;  margin-top:65px;}
.apartimg ul{ width:3000px;}
.apartimg ul li{  width:300px; height:250px; float:left;}
.apartimg ul .aparli{}
.apartimg ul li img{width:300px; height:250px;}
.apartimg ul .soluli{ position: relative; z-index:100;}
.apartimg ul .soluli img{ width:300px; height:250px;}
.apartimg ul .soluli:hover img{ position: absolute; left: -75px; top: -45px; width:450px; height:350px;}
.pimg{ width:80px; height:19px; float:left; margin-top:60px; margin-left:450px;}
.pimga1{ display:block; width:30px; height:19px; background:url(../images2/proleft.jpg) no-repeat; float:left; margin-right:7px;}
.pimga2{ display:block; width:30px; height:19px; background:url(../images2/proright.jpg) no-repeat; float:left;}
.pimga1:hover{ background:url(../images2/prol.jpg) no-repeat;}
.pimga2:hover{ background:url(../images2/pror.jpg) no-repeat;}

.file{-webkit-filter:grayscale(100%);}
.lxgm{ display:block; width:100px; height:30px; background-color:#ededed; line-height:30px; text-align:center; font-size:14px; color:#333; margin-top:20px; float:left; font-family:Arial, Helvetica, sans-serif; }
.lxgm:hover{  color:#fff; text-decoration:underline; background-color:#06783b;}