body{min-width: 1200px; width: 100%;}

/**/
.five{background: #f7f7f7;padding: 80px 0 60px;}
.five_t{font-size: 40px;color: #333;height: 70px;line-height: 70px;overflow: hidden;background:url(../images/hz_line.gif) no-repeat 0 22px;padding: 0 0 0 15px;}
.five_t b{color: #009148;}
.five_t span{float: right;font-size: 60px;color: #e2e2e2;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.five ul li{color: #333;font-size: 18px;width: 239px;height: 175px;float: left;background: #fff;padding: 45px 0 0;text-align: center;line-height: 30px;margin-top: 40px;border-left: #eae9ed 1px solid;position: relative;}
.five ul li em{display: block;width: 55px;height: 50px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}
.five ul li em img{width: 55px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.five ul li b{font-size: 30px;display: block;position: relative;}
.five ul li b:before{content: "";width: 10px;height: 1px;background: #333;position: absolute;top: 50%;left: 23%;}
.five ul li b:after{content: "";width: 10px;height: 1px;background: #333;position: absolute;top: 50%;right: 23%;}
.five ul li span{display: block;}
.five ul li:hover{color: #009148;}
.five ul li:hover:before{content: "";width: 239px;height: 220px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px #ccc;z-index: 2;}
.five ul li:hover em img{margin-top: -50px;}
.five ul li:first-child{border: none;}
.five ul li:hover b:before,.five ul li:hover b:after{background: #009148;}
.five .five_li02 b:before{left: 15%;}
.five .five_li02 b:after{right: 15%;}

/*工程案例*/
.case{padding: 116px 0 40px;}
.case_l{width: 465px;height: 195px;}
.case_l a{display: block;font-size: 40px;color: #333;height: 105px;background:url(../images/case_line.gif) no-repeat 0 102px;line-height: 36px;}
.case_l i{display: block;font-size: 14px; font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 5px;font-weight: bold;}
.case_l span{font-size: 20px;color: #666;display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;}
.case_r{width: 735px;}
.case_r ul li{width: 245px;float: left;height: 55px;line-height: 55px;overflow: hidden;}
.case_r ul li em{display: block;float: left;width: 40px;height: 40px;background: #5e5e5e;border-radius: 50%;line-height: 0;margin:6px 10px 0 0;}
.case_r ul li em img{width: 40px;height: 40px;}
.case_r ul li a{font-size: 16px;color: #333;display: block;}
.case_r ul li a:hover{color: #3385ff;font-weight: bold;}
.case_r ul li:hover em{background: #3385ff;}
.case_m{width: 1200px;overflow: hidden;}
.case_m dl{ height: 345px;width: 384px;float: left;position: relative;padding: 0 8px;} 
.case_m dl dt{width: 384px;height: 345px;overflow: hidden;line-height: 0;}
.case_m dl dt img{width: 384px;height: 287px;}
.case_m dl dt span{display: block;height: 56px;line-height: 56px;overflow: hidden;width: 400px;text-align: center;font-size: 14px;color: #333;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s;}
.case_m dl:hover dt span{height: 0;}
.case_m dl dd{width: 304px;height: 0;padding: 0 40px;position: absolute;bottom: 10px;left: 8px;background: #fff;box-shadow: 0 3px 5px 3px #d0d0d0;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case_m dl dd h5{height: 50px;line-height: 60px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 18px;color: #333;display: block;width: 304px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.case_m dl dd h5 a:hover{color: #3385ff;}
.case_m .case_desc{font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden;} 
.case_m dl:hover dd{height: 115px;}
.case_lico,.case_rico{display: block;width: 50px;height: 50px;position: absolute;top: 420px;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.case_lico{left: -70px;}
.case_rico{right: -70px;}
.case_lico:hover,.case_rico:hover{box-shadow:0 8px 15px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*合作客户*/
.hz{padding: 0 0 60px;}
.hz_t{height: 50px;background:url(../images/hz_line02.gif) repeat-x 0 25px;}
.hz_t p{float: left;width: 175px;height: 50px;background: #fff url(../images/hz_line.gif) no-repeat 0 5px;}
.hz_t p a{font-size: 18px;color: #333;font-weight: bold;display: block;padding: 0 0 0 15px;}
.hz_t p i{display: block;font-size: 12px;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.hz_t span{display: block;float: right;width: 70px;height: 50px;line-height: 50px;background: #fff;text-align: right;}
.hz_t span a{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.hz_t a:hover{color: #3385ff;}
.hz_m{width: 1200px;height: 113px;box-shadow: 0 3px 10px 3px #eee;margin: 20px 0 10px;}
.hz_m ul li{width: 200px;height: 113px;float: left;line-height: 0;position: relative;overflow: hidden;}
.hz_m ul li:before{content: "";width: 1px;height: 22px;background: #e4e4e4;position: absolute;top: 40%;left: 0;}
.hz_m ul li img{width: 200px;height: 113px;}
.hz_m ul li a{display: block;width: 200px;height: 0;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.7);font-size: 14px;color: #fff;text-align: center;line-height: 113px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.hz_m ul li:hover a{height: 113px;}
.hz .case_lico,.hz .case_rico{top: 100px;}

/*一站式系统化工程*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 175px;height: 645px;}
.pinz_t{font-size: 40px;color: #333;text-align: center;font-weight: normal;background:url(../images/case_line.gif) no-repeat center 60px;height: 150px;line-height: 50px;overflow: hidden;}
.pinz_t a{color: #333;}
.pinz_t span{display: block;font-size: 20px;color: #666;padding: 10px 0 0;}
.pin01{width: 240px;}
.pin_y{background:url(../images/pinz_k.png) no-repeat;width: 170px;height: 170px;text-align: center;margin: 65px auto 0;}
.pin_y b{display: block;font-size: 16px;color: #fff;line-height: 24px;}
.pin_y i{display: block;padding: 60px 0 0;}
.pinz_wz{background:url(../images/pinz_k02.png) no-repeat;width: 210px;height: 260px;text-align: center;position: absolute;top: 0;left: 0;display: none;padding: 0 20px;}
.pinz_wz b{display: block;font-size: 20px;color: #3385ff;height: 30px;line-height: 30px;overflow: hidden;padding: 55px 0 0;}
.pinz_wz b a{font-size: 20px;color: #3385ff;}
.pinz_wz p{font-size: 14px;color: #666;line-height: 24px;height: 120px;overflow: hidden;padding: 10px 0 0;}
.pin01:hover .pinz_wz{display: block;}
.pin02 .pin_y b{line-height: 170px;}

/*服务流程*/
.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 415px;overflow: hidden;padding: 50px 0 0;}
.liuc_m{width: 1160px;background: url(../images/liuc_line.png) no-repeat center 25px;height: 182px;padding: 0 0 0 40px;}
.liuc li{ width:160px; float:left; font:16px "Microsoft YaHei"; color: #333;text-align: center;height: 145px;}
.liuc li .liuc_span{ display:block; width:60px; height:60px; position:relative; overflow:hidden; margin:0 auto 15px;border-radius: 50%;box-shadow: 0 3px 10px 3px #d0d0d0;}
.liuc li .liuc_span img{display:block; width:60px; height:60px;}
.liuc li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out 0.1s;transition: all 0.35s ease-out 0.1s;}
.liuc li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.liuc li:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liuc li:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liuc li:hover{color: #333;}
.liuc li span{display: block;}
.liuc li b{display: block;font-size: 14px;color: #333;padding: 5px 0 0;}
.liuc_bot{padding: 15px 0 0 60px;width: 400px;margin: 0 auto;}
.liuc_bot span{display: block;float: left;font-size: 14px;color: #e9e9e9;background: url(../images/ban_tel.png) no-repeat 0 15px;padding: 0 0 0 35px;width: 210px;line-height: 24px;}
.liuc_bot b,.ban01_r b{display: block;font-size: 24px;}
.liuc_bot em{display: block;float: left;width: 105px;padding: 10px 0 0;}
.liuc_bot em a,.ban01_r em a{display: block;width: 105px;text-align: center;height: 35px;line-height: 35px;background: #fff;font-size: 14px;color: #333;overflow: hidden;border-radius: 20px;}
.liuc_bot em a:hover,.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*产品中心*/
.cp_bg{background:url(../images/cp_bg.jpg) no-repeat center 340px;padding: 70px 0 160px;}
.iserve{height:166px;padding-left: 100px;}
.iserve dd{float:left;width:176px;height:166px;position:relative;text-align:center;margin-left:60px;line-height: 28px;}
.iserve dd span{display: block;padding: 55px 0 0;}
.iserve dd.d3{height: 166px;line-height: 166px;}
.iserve dd .hover,.iserve dd .default{background:url(../images/iserve_bg.png);}
.iserve dd:after{content:'';position:absolute;width:126px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-63px;}
.iserve dd{font-size:16px;color: #333;}
.iserve dd .hover,.iserve dd .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dd .default{background-position:0 -166px;color:#333}
.iserve dd .hover{background-position:0 0;color:#009148;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);font-weight: bold;}
.iserve dd:hover .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.iserve dd:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.cp_m{padding: 75px 30px 0;width: 1140px;overflow: hidden;}
.cp_m ul li{width: 180px;float: left;padding-right: 47px;}
.cp_m ul li img{width: 180px;height: 108px;display: block;border-radius: 10px;}
.cp_m ul li span{display: block;width: 180px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;color: #333;overflow: hidden;padding: 5px 0 0;}
.chanp .case_lico,.chanp .case_rico{top: 430px;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.gif) no-repeat center 0;height: 510px;overflow: hidden;}
.ys_t{width: 357px;height: 455px;padding: 55px 0 0 50px;background:url(../images/ys_lk.png) no-repeat;}
.ys_t p{font-size: 24px;color: #333;line-height: 50px;height: 130px;padding: 0 0 0 25px;}
.ys_t i{display: block;font-size: 40px;}
.ys_t b{display: block;font-size: 16px;color: #333;height: 36px;line-height: 36px;overflow: hidden;padding: 0 0 0 25px;}
.ys_t em{display: block;width: 180px;padding: 95px 0 0;}
.ys_t em img{width: 180px;height: 130px;}

.ys_l{width: 190px;height: 510px;background:url(../images/ys_k01.gif) repeat-y;}
.ys_l ul li{font-size: 16px;color: #333;font-weight: bold;width: 190px;height: 102px;text-align: center;line-height: 102px;overflow: hidden;border-top: #e8e8e8 1px solid;box-sizing:border-box;}
.ys_l ul li:hover,.ys_l ul li.on{background:url(../images/ys_k02.gif) no-repeat 0 center;color: #3385ff;}
.ys_l ul li:first-child{border-top:none}

.ys_r{width: 600px;height: 510px;overflow: hidden;}
.ys_r dl{width: 600px;height: 510px;position: relative;}
.ys_r dl dt{width: 600px;height: 510px;line-height: 0;overflow: hidden;}
.ys_r dl dt img,.news_m dl dt img,.about dl dt img{width: 600px;height: 510px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.ys_r dl dt img:hover,.news_m dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ys_r dl dd{width: 465px;height: 100px;position: absolute;bottom: 0;left: 0;background: rgba(51, 133, 255, 1);padding: 30px 20px 0;}
.ys_r dl dd p{font-size: 14px;color: #fff;line-height: 25px;}

/*广告条*/
.ban01{background:url(../images/ban01.png) no-repeat center 0;height: 290px;overflow: hidden;margin-top: -12px;position: relative;z-index: 10;}
.ban01_l{padding: 130px 0 0 22px;width: 740px;}
.ban01_l p{font-size: 30px;color: #fff;line-height: 50px;}
.ban01_l b{font-size: 50px;}
.ban01_l em{display: block;padding: 10px 0 0;}
.ban01_r{width: 235px;text-align: center;padding: 120px 0 0;}
.ban01_r span{display: block;font-size: 14px;color: #fff;background: url(../images/ban_tel.png) no-repeat center 0;padding: 30px 0 0;line-height: 24px;}
.ban01_r em{display: block;width: 105px;padding: 15px 0 0;margin: 0 auto;}

/*新闻动态*/
.news{padding: 70px 0 40px;}
.news .pinz_t{height: 120px;}
.news_t{height: 50px;overflow: hidden;}
.news_t a{font-size: 18px;color: #333;}
.news_t i{font-size: 14px;color: #adadad; font-family:Arial, Helvetica, sans-serif;}
.news_t span{float: right;}
.news_t span a{font-size: 14px;color: #adadad;text-transform: uppercase;}
.news_t a:hover,.news_m dl dd h5 a:hover,.wd dt a:hover,.about dl dd h4 a:hover{color: #3385ff;}

.news_m{width: 1200px;overflow: hidden;}
.news_m dl{ height: 370px;width: 384px;float: left;padding: 0 0 30px;margin-right: 30px;} 
.news_m dl dt{width: 370px;height: 208px;overflow: hidden;line-height: 0;}
.news_m dl dt img{width: 370px;height: 208px;}
.news_m dl dd{width: 330px;height: 156px;padding: 10px 20px 0;background: #f4f4f4;text-align: center;position: relative;}
.news_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;}
.news_m dl dd h5 a{font-size: 16px;color: #333;display: block;width: 330px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dl dd span{display: block;width: 135px;position: absolute;bottom: -18px;left: 120px;}
.news_m dl dd span a{display: block;width: 135px;text-align: center;height: 45px;line-height: 45px;background: #d2d2d2;font-size: 14px;color: #333;overflow: hidden;border-radius: 30px;}
.news_m dl:hover dd span a{background: #3385ff;color: #fff;}
.news_m .news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;} 

/*常见问答*/
.wd{padding: 0 0 80px;}
.wd_t{width: 87px;height: 133px;background:url(../images/wd_tbg.gif) no-repeat;overflow: hidden;}
.wd_t a{font-size: 20px;color: #fff;font-weight: bold;display: block;}
.wd_t i{display: block;width: 30px;text-align: center;line-height: 24px;padding: 17px 0 0 25px;}
.wd_m{width: 1090px;height: 131px;border: #f2f2f2 1px solid;border-left: none; padding-left:22px;overflow: hidden;}
.wd dl{ width:310px;float: left; padding:25px 0 0 40px;}
.wd dt{ background:url(../images/wen.gif) no-repeat 0 3px; padding:0 0 0 32px; height:30px; line-height:30px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#555;}
.wd dd{font-size:14px; color:#666;height: 48px;line-height: 24px;overflow: hidden; background:url(../images/da.gif) no-repeat 0 5px; padding:5px 0 0 32px;}

/*走进立净*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 630px;overflow: hidden;}
.about dl{padding: 0 0 0 43px;width: 1157px;}
.about dl dt{ width:500px; height:523px; float:left;overflow: hidden;line-height: 0;}
.about dl dt img{ width:500px; height:523px;}
.about dl dd{width:565px; float:right;padding: 220px 15px 0 0;}
.about dl dd h4{height: 50px; line-height:50px; overflow:hidden;}
.about dl dd h4 a{ font-size:30px; color:#333;}
.about .ab_desc{ line-height:35px; font-size:16px; color:#666; padding:10px 0 0;height: 105px;overflow:hidden;}
.about dl dd em{display: block;width: 230px;padding: 20px 0 0;}
.about dl dd em a{display: block;width: 230px;text-align: center;height: 45px;line-height: 45px;background: #5e5e5e;font-size: 14px;color: #fff;overflow: hidden;border-radius: 30px;}
.about dl dd em a:hover{background: #3385ff;}
.ab_bot{padding: 23px 0 0;width: 565px; display: inline-block;}
.ab_bot li{width: 150px;float: left;height: 66px; background: #f0f0f0;}
.ab_bot li a{font-size: 14px;color: #333;display: block; width: 150px; text-align: center; height: 66px; line-height: 66px; overflow: hidden; float: left;} 
.ab_bot .ab_li02{ background: #dfdfdf;}
.ab_bot .ab_li03{ background: #e8e8e8;}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}