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

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

.rx_con a img{    margin-left: 71px;}

/*雾王-工业加湿效果全面*/
.js { padding:66px 0 0;}
.js_top { text-align:center; padding:0 0 50px;}
.js_top a i { display:block; float:left; width:24px; height:1px; background:#3f3f3f; display:block; line-height:0; font-size:0; margin:17px 0 0 397px;}
.js_top a .nobor { margin:17px 0 0;}
.js_top a span { display:block; float:left; color:#3e7c00; font-weight:bold; font-size:30px; padding:0 20px 5px;}
.js_top a span em { color:#00923f;} 
.js_top a b { display:block; clear:both; font-size:16px; color:#333; font-weight:normal; padding:5px 0 0;}
.js_top a b em { color:#00923f;}
.js_top a:hover span{ color:#00923f;}

.js_con { height:240px;}
.js_con ul li { float:left; padding:0 2px 0 3px;}
.js_con ul li a { background:url(Img/Index/js_libg01.gif) no-repeat center 0; width:166px; height:160px; display:block; text-align:center;}
.js_con ul li a:hover,.js_con ul .cur a {  background:url(Img/Index/js_libg02.gif) no-repeat center 0;}
.js_con ul li a img { width:60px; height:50px;  padding:30px 0 0; margin:0 auto; display:block;}
.js_con ul li a b { display:block; font-size:18px; color:#fff;}
.js_con ul li a em { display:block; font-size:16px; color:#333; margin-top:50px; font-weight:bold;}

/*产品中心*/
.zx_bg {  height:1020px; padding:46px 0 0;}
.zx_bg .js_top a i { margin:17px 0 0 420px;}
.zx_bg .js_top a .nobor { margin:17px 0 0;}
.zx { width:230px; overflow:hidden;}
.zx_top { background: url(Img/Index/zx_top.gif) no-repeat; height:59px; line-height:59px; text-align:center;}
.zx_top a { font-size:20px; color:#fff;}
.zx_con {  width:228px; height:765px; border:solid 1px #dedede;}
.zx_con h3 { background: url(Img/Index/zx_ico01.gif) no-repeat 191px 13px #488f00; width:230px; height:45px; line-height:45px; clear:both; text-align:center}
.zx_con h3 a { font-size:16px; color:#fff;  font-weight:normal;}
.zx_con ul { padding-bottom:15px;}
.zx_con ul li { height:45px; line-height:45px; float:left; width:114px;}
.zx_con ul li a { font-size:14px; color:#333; height:45px; line-height:45px; display:block; text-align:center; border-bottom:solid 1px #e6e6e6}
.zx_con ul li a:hover { color:#468800; background:url(Img/Index/zx_xx10.gif) repeat-x 0 bottom;}

.zx_con ul .nobor01 { }
.zx_con ul .nobor02 { width:228px; text-align:center;}
.zx_con ul .nobor02 a:hover { background:none;}

.rx { width:930px; padding-left:20px; overflow:hidden;}
.rx_top { width:927px; height:58px; border:solid 1px #d4d4d4;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.rx_top ul li { float:left;}
.rx_top ul li a { color:#333; font-size:16px; display:block; width:231px; height:58px; line-height:58px; border-right:solid 1px #d4d4d4; text-align:center}
.rx_top ul .nobor a { border:0;}
.rx_top ul li a:hover,.rx_top ul .cur a { background: url(Img/Index/zx_libg.gif) no-repeat; color:#fff;}
.rx_con { padding:20px 0;width: 930px;height: 330px;position: relative;}
.rx_con ul{width: 386px;height: 296px;position: absolute;top: 42px;right: 70px;display: block;}
.rx_con ul li{width: 386px;height: 64px; padding:0 0 10px;}
.rx_con ul li a{font-size: 15px;color: #333;font-weight: bold;display: block;width: 294px;height: 64px; background-repeat:no-repeat; padding:0 0 0 92px;line-height: 64px;overflow: hidden;}
.rx_con ul li a:hover{color: #fff; background-image:url(Img/Index/zx_k02.png); text-decoration:none;}
.rx_con .rx_li01 a{ background-image:url(Img/Index/zx_k01.png);}
.rx_con .rx_li02 a{ background-image:url(Img/Index/zx_k01.png); background-position:0 -74px;}
.rx_con .rx_li03 a{ background-image:url(Img/Index/zx_k01.png); background-position:0 -148px;}
.rx_con .rx_li04 a{ background-image:url(Img/Index/zx_k01.png); background-position:0 -222px;}

.rx_con dl dt { background:url(Img/Index/cp_picbg.png) no-repeat; width:474px; height:312px; text-align:center; float:left;}
.rx_con dl dt a img { width:463px; height:301px; padding:3px;}
.rx_con dl dd { width:476px; overflow:hidden;}
.rx_con dl dd p { background:url(Img/Index/cp_spbg.png) no-repeat; width:228px; height:151px; float:left; margin:0 0 10px 10px; text-align:center;}
.rx_con dl dd p a { display:block; font-size:18px; color:#333; line-height:30px; padding:52px 0 0; font-weight:bold;} 
.rx_dh { padding:20px 0 0 315px; height:90px;}
.rx_dh span { display:block; background:url(Img/Index/cp_dh.png) no-repeat 0 8px; padding-left:50px; font-size:14px; color:#333; float:left;}
.rx_dh span em { display:block; font-size:30px; color:#468800;}
.rx_dh i { display:block; float:left; padding:10px 0 0 20px;}

.rx_pic ul li { float:left; background:url(Img/Index/cp_picbg.gif) no-repeat; width:304px; height:288px; text-align:center; position:relative; margin-right:9px;}
.rx_pic ul .nobor { margin:0;}
.rx_pic ul li a img { width:283px; height:286px; padding:1px 0 0;}
.rx_pic ul li a i { display:none;}
.rx_pic ul li a:hover i { display:block; background: url(Img/Index/cp_spbg.png) no-repeat; width:302px; height:44px; line-height:44px; font-size:14px; color:#fff; position: absolute; top:243px; left:0;}

/*广告*/
.pic01 { background:url(Img/Index/pic01.jpg) no-repeat center 0; height:282px; margin-bottom:70px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:99px; right:0;}
.pic01 p span { display:block; font-size:14px; color:#fff;}
.pic01 p em { display:block; font-size:21px; color:#fff; margin:10px 0;}
.pic01 p a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
/*应用案例，不断提升更懂需求*/
.al_bg { height:855px;}
.al_bg .js_top a i { margin:17px 0 0 362px;}
.al_bg .js_top a .nobor { margin:17px 0 0;}

.al01 { width:289px; overflow:hidden; padding-right:14px;}
.al01 ul { width:287px; height:396px; border:solid 1px #c3c2c2; border-right:none; border-bottom:none;}
.al01 ul li { float:left; width:142px; height:68px; line-height:68px; border-bottom:solid 1px #c3c2c2; border-right:solid 1px #c3c2c2;}
.al01 ul li a { color:#333; font-size:16px; display:block; width:143px; height:68px; line-height:68px; text-align:center}
.al01 ul li a:hover,.al01 ul .cur a { background: url(Img/Index/al_libg.gif) no-repeat; color:#fff;}
.al01 i a { width:287px; height:100px; line-height:100px; text-align:center; background:#eaeaea; font-size:16px; color:#333; display:block;}

.al02 { width:897px; height:498px; overflow:hidden; position:relative;}
.al02 a img { display:block; width:897px; height:498px;}
.al02 p { background:url(Img/Index/al_spbg02.png) repeat; width:850px; height:150px; position: absolute; top:349px; left:0; padding:0 0 0 47px;}
.al02 p b { display:block; padding:30px 0 8px;}
.al02 p b a {  font-size:16px; color:#3f7e00;}
.al02 p em { display:block; font-size:14px; color:#333; line-height:28px; padding:0 50px 0 0;}
.al02 p b a:hover{ color:#00923f;}

.al_le { top:137px; left:0; z-index:9;}
.al_le a { background: url(Img/Index/btm07.png) repeat; width:76px; height:60px; text-align:center; padding:16px 0 0; display:block;}
.al_le a img { display:block; width:42px; height:42px; margin:0 auto;}
.al_le a:hover { background: url(Img/Index/al_butbg.png) repeat;}
.al_ri { top:137px; right:0;z-index:9;}
.al_ri a { background: url(Img/Index/btm07.png) repeat; width:76px; height:60px; text-align:center; padding:16px 0 0; display:block;}
.al_ri a img { display:block; width:42px; height:42px; margin:0 auto;}
.al_ri a:hover { background: url(Img/Index/al_butbg.png) repeat;}

.al03 { padding:10px 0 0;}
.al03 ul li { width:290px; height:200px; float:left; margin:0 0 10px 10px; position:relative;}
.al03 ul li i {width:290px; height:200px; overflow:hidden; display:block;}
.al03 ul li i a img {width:290px; height:200px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.al03 ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.al03 ul li span { position:absolute; background: url(Img/Index/btm06.png) repeat; width:290px; height:40px; line-height:40px; left:0; top:160px;  text-align:center;}
.al03 ul li span a { color:#FFF; font-size:14px; }

/*自主研发，保障质量性价比高*/
.yf_bg { background:url(Img/Index/yf_bg.jpg) no-repeat center bottom; }
.yf_bg .js_top { padding:50px 0 30px;}
.yf_bg .js_top i { margin-left:345px;}
.yf_bg .js_top .nobor { margin:17px 0 0;}
.yf_bg .js_top a span { color:#3e7c00;}
.yf_bg .js_top a em { display:block; clear:both; color:#a1a4a7; font-family:Arial;}
.yf_bg .js_top a:hover span{ color:#00923f;}

.yf_con { }
.yf_con dl { width:380px; height:435px; float:left; margin-right:30px;}
.yf_con .nobor { margin:0;}
.yf_con dl dt img { width:380px; height:260px;}
.yf_con dl dd { float: left; width:380px; margin:30px 0 0;}
.yf_con dl dd b { background:url(Img/Index/yf_ico01.png) no-repeat 122px 8px; padding:0 0 15px 146px; line-height:30px; display:block;}
.yf_con dl dd b a { font-size:20px; color:#488f00;}
.yf_con dl dd p { color:#333; font-size:14px; line-height:25px; text-align:center;}
.yf_ul { height:135px; background:#428400;}
.yf_ul ul li { float:left; width:300px; text-align:center; padding:20px 0 0; height:115px;}
.yf_ul ul .yf_li02 { background:#356600;}
.yf_ul ul li a { font-size:16px; color:#fff; font-weight:bold;}
.yf_ul ul li a img { width:54px; height:52px; margin:0 auto 15px; display:block;}
.yf_con dl dd b a:hover{ color:#00923f;}
/*专业团队，全程精细化服务更省心*/
.td { padding:70px 0 0;}
.td .js_top i { margin-left:330px;}
.td .js_top .nobor { margin:17px 0 0;}

.td_con { border:solid 1px #5aad00; width:1198px; height:423px;} 
.td_con dl { width:298px; height:402px; float:left; text-align:center; padding-top:21px; border-right:solid 1px #5aad00; overflow:hidden;}
.td_con .nobor { border:none;}
.td_con dl dt { width:180px; border-bottom:solid 1px #e3e3e3; margin:0 auto 5px;}
.td_con dl dt img { width:180px; height:180px; display:block; margin:0 auto 25px;}

.td_con dl dd b { line-height:40px; height:40px; overflow:hidden; display:block}
.td_con dl dd b a { font-size:16px; color:#488f00;}
.td_con dl dd p { color:#333; line-height:30px; font-size:14px; padding-bottom:20px;}
.td_con dl dd span { display:block; padding-top:10px;}
.td_con dl dd span a { background: url(Img/Index/td_butbg01.gif) no-repeat; width:135px; height:37px; display:block; margin:0 auto;}
.td_con dl dd span a:hover { background: url(Img/Index/td_butbg02.gif) no-repeat;}
.td_con dl dd b a:hover{ color:#00923f;}
/*嘉友-15年口碑积淀上万多客户的认可*/
.jz_bg { background:url(Img/Index/jz_bg.jpg) no-repeat center 0; height:776px; margin:40px 0 0;}
.jz_bg .js_top { padding:70px 0 50px;}
.jz_bg .js_top i { margin-left:320px;}
.jz_bg .js_top .nobor { margin:17px 0 0;}
.jz_bg .js_top a b { font-size:14px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}

.jz_con { margin-top:23px; display:inline-block; position:relative; height:380px;} 
.jz01 { top:145px; left:-72px;}
.jz02 { top:145px; right:-72px;}
.jz_con dl { height:300px;}
.jz_con dl dt { float: left}
.jz_con dl dt img { width:600px; height:300px; border:solid 1px #bebebe}
.jz_con dl dd { float: left; width:596px; height:300px; background:#fff; text-align:center; border:solid 1px #bebebe}
.jz_con dl dd b{ height:45px; overflow:hidden; display:block; padding:80px 0 0;}
.jz_con dl dd b a { font-size:16px; color:#333;}
.jz_con dl dd p { color:#333; font-size:14px; line-height:25px; width:470px; margin:0 auto; height:70px;}
.jz_con dl dd span { display:block; padding-top:10px;}
.jz_con dl dd span a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jz_con dl dd b a:hover{ color:#00923f;}
.hz { height:190px;}
.hz01 { top:50px; left:-72px;}
.hz02 { top:50px; right:-72px;}
.hz_con ul li { float:left; margin:0 12px 0 0; width:230px;}
.hz_con ul .nobor { margin:0;}
.hz_con ul li i { display:block; width:230px; height:139px;}
.hz_con ul li i a { background:url(Img/Index/hz_picbg01.gif) no-repeat; width:230px; height:139px; display:block;}
.hz_con ul li i a:hover { background:url(Img/Index/hz_picbg02.gif) no-repeat; }
.hz_con ul li i a img {width:214px; height:137px; display:block; padding:1px 0 0; margin:0 auto;}
.hz_con ul li span a { padding:10px 0 0; height:30px; line-height:30px; text-align:center; color:#333; font-size:14px; display:block; }

/*关于雾王*/
.zj_bg { background:url(Img/Index/zj_bg.jpg) no-repeat center bottom; height:520px; margin:70px 0 60px;}

.zj_bg .js_top { padding:0 0 47px;}
.zj_bg .js_top i { margin-left:500px;}
.zj_bg .js_top .nobor { margin:17px 0 0;}
.zj_bg .js_top a b { font-size:14px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}

.zj_con dt { float:left;}
.zj_con dt img { width:601px; height:410px;}
.zj_con dd { float:left; width:569px; padding:100px 0 0 30px; overflow:hidden;}
.zj_con dd b{  height:50px; display:block;}
.zj_con dd b a { font-size:18px;color:#fff;}
.zj_con dd p { line-height:30px; font-size:14px; color:#fff; padding-right:10px;}
.zj_con dd p a { display:block; margin-top:30px;}
.zj_con dd p a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.zj_con dd b a:hover{ color:#00923f;}
/*资质证书*/
.zz_top { height:75px;}
.zz_top i { display:block; float:right; margin:15px 0 0;}
.zz_top i a { padding-left:2px;}
.zz_top ul li { float:left; padding-right:30px;}
.zz_top ul li a { font-size:16px; color:#333; font-weight:bold; border-left:solid 5px #777; padding-left:10px; display:block}
.zz_top ul li a:hover,.zz_top ul .cur a { color:#396e00; border-left:solid 5px #396e00;}
.zz_top ul li a em { display:block; text-transform:uppercase; font-weight:normal; font-size:14px;}

.zz_con { height:345px;}
.zz_con ul li { float:left; width:194px; padding:0 46px 0 0; overflow:hidden}
.zz_con ul .nobor { padding:0;}
.zz_con ul li i { display:block; width:182px; height:240px; overflow:hidden; border:solid 6px #e0e0e0; }
.zz_con ul li i a img {width:182px; height:240px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.zz_con ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.zz_con2 ul li i,.zz_con2 ul li i a img{height:182px; width:280px;}
.zz_con2 ul li{ width:280px; padding:0 20px 0 0;}
.zz_con ul li span a { line-height:40px; text-align:center; color:#333; font-size:14px; display:block; }
.zz_con ul li span a:hover{ color:#00923f;}
/*动态*/
.dt_bg { background:#f5f5f5; height:730px;}
.dt_bg .js_top { padding:63px 0 52px;}
.dt_bg .js_top i { margin-left:498px;}
.dt_bg .js_top .nobor { margin:17px 0 0;}
.dt_bg .js_top a b { font-size:14px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}
.dt_box { background:#fff; height:450px; padding:55px 0 0;}
.dt { width:765px; padding-left:45px;}
.dt_top { height:50px;}
.dt_top em a { font-family:Arial; text-transform:uppercase; color:#999; display:block; float:right; font-size:14px;}
.dt_top b a { color:#488f00; font-size:18px;}
.dt01 { width:254px; height:326px; position:relative; margin-right:50px;}
.dt01 a em { display:block; height:62px; line-height:62px; background:url(Img/Index/btm06.png) repeat; width:254px; position:absolute; top:264px; left:0; text-align:center; color:#fff; font-size:15px; font-weight:bold;}
.dt02 { width:456px;}
.dt02 dl { border-top:solid 1px #e3e3e3; padding:22px 0 0; height:90px;}
.dt02 dl dt { float:left; width:95px; text-align:center; padding-right:60px; font-family:Arial; font-size:30px; color:#333;}
.dt02 dl dt em { display:block; font-size:16px; color:#666;}
.dt02 dl dd { float:left; width:300px;}
.dt02 dl dd a { display:block; font-size:14px; color:#333; font-weight:bold;}
.dt02 dl dd a:hover { color:#468800;}
.dt02 dl dd p { font-size:13px; color:#333; line-height:24px; padding:5px 0 0;}

.bk { width:305px; padding-left:55px;}
.bk_con a img { width:290px; height:116px;}
.bk_con p { border-bottom:solid 1px #e3e3e3; padding:20px 0;}
.bk_con p a { display:block; font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;}
.bk_con p a:hover { color:#468800;}
.bk_con p span { display:block; font-size:13px; color:#666; line-height:25px;}

/*案例通道*/
.altd .js_top { padding:50px 0 52px;}
.altd .js_top i { margin-left:495px;}
.altd .js_top .nobor { margin:17px 0 0;}
.altd .js_top a b { font-size:14px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}
.altd_con dl { height:75px;}
.altd_con dl dt { background:url(Img/Index/td_spbg.gif) no-repeat; width:198px; height:72px; float:left; text-align:center; text-align:center;}
.altd_con dl dt a { display:block; font-size:20px; color:#fff; font-weight:bold; padding:20px 0 0;}
.altd_con dl dt em { display:block; font-family:Arial; font-size:12px; color:#fff;}
.altd_con dl dd { background:#f2f2f2; width:960px; height:72px; line-height:72px; float:left; padding-left:42px;}
.altd_con dl dd a { font-size:14px; color:#333; padding-right:50px;}
.altd_con dl dd a:hover { color:#468800;}
.altd_con dl dd em { display:block; float:right; padding-right:25px;} 
.altd_con dl dd em a { font-family:Arial; font-size:14px; text-transform:uppercase; color:#333; padding:0;}

/*友情链接*/
.yq i { display:block; float:left; width:230px; height:132px; padding:25px 0 0; border-right:solid 1px #e3e3e3; border-left:solid 1px #e3e3e3; text-align:center; margin-right:80px;}
.yq p { float:left; padding:30px 0 0; width:880px;height:200px;}
.yq p span { display:block; height:30px;}
.yq p span a { font-size:18px; color:#468800}
.yq p span b { font-size:18px; color:#999; font-family:Impact; padding-left:3px;}
.yq p em { display:block; height:48px; line-height:48px;}
.yq p em a { font-size:14px; color:#666; padding-right:49px;}
.yq p em a:hover { color:#468800}
.yq p em b { display:block; float:right;}
.yq p em b a { padding:0;}