@charset "utf-8";

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

/**/
.yin{ background:url(../images/yin_bg.jpg) no-repeat center 0;height: 448px; padding:57px 0 0;overflow: hidden;}
.yin dl dt{width: 600px;height: 380px;float: left;}
.yin dl dt img{width: 600px;height: 380px;}
.yin dl dd{width: 430px;float: left;padding: 50px 0 0 60px;position: relative;}
.yin dl dd h5{font-size: 30px;color: #165791;height: 90px; background:url(../images/yin_line.gif) no-repeat 0 88px;line-height: 40px;margin-bottom: 15px;}
.yin dl dd h5 i{display: block;font-size: 14px;color: #d0d0d0;font-weight: normal;text-transform: uppercase;}
.yin dl dd p{font-size: 14px;color: #666;line-height: 32px;}
.yin em{display: block;position: absolute;top: 0;right: 0;}

/*产品中心*/
.chanp{ background:url(../images/cp_bg.jpg) no-repeat center 0;height: 960px; padding:68px 0 0;overflow: hidden;}
.cp_bt{ background:url(../images/liuc_tbg.png) no-repeat center 20px;text-align: center;line-height: 36px;height: 124px;font-size: 36px;color: #165791;}
.cp_bt a{font-size: 36px;color: #165791;}
.cp_bt span{display: block;font-size: 18px;color: #666;font-weight: normal;text-transform: uppercase;padding: 5px 0 0;}
.cp_l{width: 300px;}
.cp_l h3{ background:#165791 url(../images/cp_ico03.gif) no-repeat 190px 40px;width: 273px;height: 115px; padding: 35px 0 0 27px;line-height: 40px;}
.cp_l h3 a{font-size: 30px;color: #fff;display: block;}
.cp_l h3 i{display: block;font-size: 24px;color: #6083aa;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.cp_l ul li{width: 300px;height: 54px;border-top: #2e689c 1px solid;}
.cp_l ul li a{font-size: 16px;color: #fff;display: block;height: 54px;line-height: 54px;width: 270px; background:#165791 url(../images/cp_ico02.gif) no-repeat 265px 26px;padding: 0 0 0 30px;}
.cp_l ul li a:hover,.cp_l ul li.cur a{ background:#fff url(../images/cp_ico02.gif) no-repeat 265px 26px;color: #333;}
.cp_r{width: 860px;padding: 0 0 0 5px;}
.cp_r ul li{width: 400px;height: 225px;position: relative;float: left;line-height: 0;margin: 30px 0 0 30px;}
.cp_r ul li img{width: 400px;height: 225px;}
.cp_r ul li a{display: none;width: 400px;height: 225px;position: absolute;top: 0;right: 0;background: rgba(0,0,0,0.3);}
.cp_r ul li em{width: 38px;height: 38px;display: block;margin:0 auto;padding: 70px 0 10px;}
.cp_r ul li em img{width: 38px;height: 38px;}
.cp_r ul li span{ width:380px; display:block; text-align:center; height:30px; line-height:30px; padding:0 10px;font-size: 18px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r ul li:hover a{display: block;}

.cp01{width: 578px;height: 188px;background: #fff;border: #e5e5e5 1px solid;margin-top: 40px;}
.cp01_l{width: 380px;}
.cp01_l h3{height: 60px;line-height: 60px;}
.cp01_l h3 a{font-size: 30px;color: #333;}
.cp01_l h3 em{width: 66px;height: 60px;display: block;float: left;padding: 0 10px 0 0;}
.cp01_l h3 em img{width: 66px;height: 60px;}
.cp01_l ul{padding: 0 0 0 75px;}
.cp01_l ul li{width: 122px;height: 35px;float: left;padding: 18px 20px 0 0;}
.cp01_l ul li a{font-size: 14px;color: #333;display: block;height: 33px;line-height: 33px;width: 120px;border: #e6e6e6 1px solid;border-radius:20px;text-align: center;}
.cp01_l ul li a:hover,.cp01_l ul li.cur a{ background:#165791;color: #fff;border: #165791 1px solid;}
.cp01_r{width: 189px;height: 189px;}
.cp01_r img{width: 189px;height: 189px;}

/*产品优势*/
.four{ background:url(../images/four_bg.jpg) no-repeat center 0;height: 560px; padding:66px 0 0;overflow: hidden;}
.four01{width: 760px;}
.four01 h3{font-size: 36px;color: #165791;height: 140px;line-height: 50px; background:url(../images/four_ico05.gif) no-repeat 0 70px;margin-left: 40px;}
.four01 h3 i{display: block;font-size: 18px;color: #333;font-weight: normal;padding: 30px 0 0;}
.four01 dl{width: 340px;height: 160px;float: left;background: #fff;margin: 0 0 22px 40px;}
.four01 dl dt{width: 72px;height: 54px;float: left;padding: 45px 0 0;}
.four01 dl dt img{width: 54px;height: 54px;display: block; transition: all 0.3s ease-in-out 0s;}
.four01 dl:hover dt img{ transform: rotateY(180deg);}
.four01 dl dd{width: 255px;float: left;padding: 35px 0 0;}
.four01 dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.four01 dl dd p{font-size: 14px;color: #666;height: 40px;line-height: 20px;overflow: hidden;padding: 10px 0 0;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0;height: 120px; padding:30px 0 0;overflow: hidden;}
.ban01_wz{font-size: 36px;color: #333;line-height: 40px;padding: 0 0 0 60px;width: 670px;}
.ban01_wz span{display: block;font-size: 20px; color: #fff; font-weight: normal; width: 340px; height: 40px; text-align: center; line-height: 40px; background: #165791; overflow: hidden;margin-bottom: 10px;}
.ban_tel{width: 415px;}
.ban_tel span{font-size: 14px;color: #333;display: block;height: 52px;line-height: 28px; background:url(../images/ban_tel.gif) no-repeat;padding: 0 0 0 48px;}
.ban_tel b{font-size: 24px;color: #165791;}
.ban_tel a{display: block; font-size: 14px; color: #333; width: 164px; text-align: center; height: 36px; line-height: 36px; overflow: hidden;border: #165791 1px solid; border-radius: 20px;} 
.ban_tel a:hover{background: #165791;color: #fff;}

/*优势*/
.ys{ background:url(../images/ys_bg.jpg) no-repeat center 0;height: 820px; padding:72px 0 0;overflow: hidden;}
.ys .cp_bt{ background:url(../images/ys_tbg.png) no-repeat center 20px;height: 130px;}
.ys dl{width: 590px;height: 295px;overflow: hidden;float: left;margin-bottom: 20px;margin-right: 20px;}
.ys dl dt{width: 295px;height: 295px;float: left;overflow: hidden;line-height: 0;}
.ys dl dt img,.news dt img,.about dl dd span img,.photo_m ul li img{width: 295px;height: 295px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.ys dl dt img:hover,.news dt img:hover,.about dl dd span img:hover,.photo_m ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ys dl dd{background: #f3f3f3;width: 245px;height: 245px;float: left;padding: 50px 25px 0;}
.ys dl dd h5{font-size: 24px;color: #333;height: 70px;line-height: 30px; background:url(../images/ys_ico01.gif) no-repeat 0 67px;margin-bottom: 10px;}
.ys dl dd h5 i{ font-family:Arial, Helvetica, sans-serif;display: block;font-size: 14px;color: #999;text-transform: uppercase;font-weight: normal;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 25px; background:url(../images/ys_ico03.gif) no-repeat 0 18px;padding: 10px 0 0 22px;}
.ys dl:hover dd{background: #165791;}
.ys dl:hover dd h5{ background:url(../images/ys_ico02.gif) no-repeat 0 67px;}
.ys dl:hover dd h5,.ys dl:hover dd h5 i{color: #fff;}
.ys dl:hover dd p{color: #fff; background:url(../images/ys_ico04.gif) no-repeat 0 18px;}
.ys dl.nobor{margin-right: 0;}

/*服务流程*/
.liuc{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 346px; padding:42px 0 0;overflow: hidden;}
.liuc .cp_bt{height: 138px;}
.liuc_m{ background:url(../images/liuc_line.png) no-repeat 158px 60px;}
.liuc_m ul li{width: 145px;height: 145px;text-align: center;float: left;position: relative;margin-left: 66px;}
.liuc_m ul li b{width: 145px;height: 145px;display: block;position: absolute;top: 0;left: 0;}
.liuc_m ul li b img{width: 145px;height: 145px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.liuc_m ul li:hover b img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.liuc_m ul li em{width: 40px;height: 40px;display: block;margin:0 auto;padding: 32px 0 0;z-index: 30;position: relative;}
.liuc_m ul li em img{width: 40px;height: 40px;}
.liuc_m ul li span{font-size: 14px;color: #333;display: block;line-height: 18px;z-index: 30;position: relative;padding: 5px 0 0;}
.liuc_m ul li i{display: block;}
.liuc_m ul li:first-child{margin-left: 0;}

/*客户见证*/
.jz_bg{ background:url(../images/hz_bg.jpg) no-repeat center -65px;height: 735px; padding:70px 0 0;overflow: hidden;}
.jz .cp_bt{ background:url(../images/jz_tbg.png) no-repeat center 20px;height: 128px;}
.jz .cp_bt a,.jz .cp_bt span{color: #fff;}
.jz_m{width: 1000px;overflow: hidden;margin:0 auto;}
.jz_m dl{ background: #fff; height: 127px; overflow: hidden;width: 458px;float: left;margin-left: 42px;border-radius: 200px;} 
.jz_m dl dt{width: 127px;height: 127px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 127px;height: 127px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.jz_m dl dt:hover img{ transform: rotateY(180deg);}
.jz_m dl dd{width: 260px;float: left;padding: 15px 0 0 20px;}
.jz_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 18px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz_m .jz_desc{font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden;padding: 10px 0 0;} 
.jz_m dl:hover{background: #165791;}
.jz_m dl:hover dd h5 a,.jz_m dl:hover .jz_desc{color: #fff;}
.jz em,.photo em{width: 42px;height: 42px;position: absolute;top: 170px;display: block;}
.jz em a,.photo em a{ width:42px; height:42px; display:block;}
.jz_l a{ background:url(../images/jz_lico01.png) no-repeat;}
.jz_l a:hover{ background:url(../images/jz_lico02.png) no-repeat;}
.jz_r a{ background:url(../images/jz_rico01.png) no-repeat;}
.jz_r a:hover{ background:url(../images/jz_rico02.png) no-repeat;}
.jz_l{left: 0;}
.jz_r{right: 0;}

/*合作客户*/
.hz{padding: 30px 0 0;}
.hz em{width: 1200px;height: 405px;display: block;position: absolute;top: 30px;left: 0;}
.hz em img{width: 1200px;height: 405px;}
.hz_m{padding: 12px 0 0;}
.hz_m ul li{width: 170px;height: 128px;border-bottom: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;line-height: 0;float: left;}
.hz_m ul li img{width: 170px;height: 128px;}

/*新闻中心*/
.news_bg{ background:url(../images/news_bg.jpg) no-repeat center 0;height: 710px; padding:30px 0 0;overflow: hidden;}
.news_bg .cp_bt{height: 123px;}
.news_bg .cp_bt a{color: #165791;}
.news{ width:640px; padding:0 20px 0 12px;}
.news_t{ height:58px;line-height: 58px;overflow: hidden; border-bottom: #e6e6e6 1px solid;}
.news_t a{font-size: 16px;color: #666;}
.news_t a:hover,.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #165791;font-weight: bold;}
.news_t em{font-size: 16px;color: #d2d2d2;text-transform: uppercase;padding: 0 0 0 15px;}
.news_t span,.about dl dt span{display: block;float: right;line-height: 0;width: 27px;padding: 14px 0 0;}
.news_t span img,.about dl dt span img{width: 27px;height: 27px;}
.news dl{ width:640px; padding:40px 0 50px; display:inline-block;}
.news dt{ width:272px; height:154px;overflow: hidden;float: left;}
.news dt img{ width:272px; height:154px;}
.news dd{width:310px;float: left; padding:0 0 0 40px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:16px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 310px;}
.news .news_desc{ font-size:14px; color:#666; height:72px; line-height:24px;overflow: hidden; padding:10px 0 0;}
.news dd span{display: block; padding:15px 0 0;}
.news dd span a{display: block; width: 126px; text-align: center; height: 26px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden;border: #165791 2px solid;border-radius:20px;}
.news dd span a:hover{border: #165791 2px solid;background: #165791;color: #fff;}
.news ul li{ height:74px;border: #d9d9d9 1px solid;width: 638px; overflow:hidden;margin-bottom: 20px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 40px;height: 74px;line-height: 74px; background:url(../images/news_ico01.gif) no-repeat right 21px;}
.news ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat right 21px;}
.news ul li span{display: block;float: left;font-size: 16px;color: #aaa;width: 105px;text-align: center; font-family:Arial, Helvetica, sans-serif; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 26px;height: 64px;padding: 10px 0 0;}
.news ul li span i{display: block;font-size: 24px;color: #333;}

/*常见问答*/
.wd{ width:455px; padding:0 18px 0 20px;}
.wd_m{height: 400px;overflow: hidden;padding: 20px 0 0;}
.wd dl{ width:455px; height:125px;border-bottom:#ebebeb 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:25px; overflow:hidden; background:url(../images/wen.gif) no-repeat; padding:0 0 0 45px;}
.wd dt a{ font-size:14px; color:#333;}
.wd dd{font-size:14px; color:#666; line-height:28px; height:56px; overflow:hidden; background:url(../images/da.gif) no-repeat; padding:0 0 0 45px;margin-top: 8px;}

/*聚焦齐腾净化*/
.ab_bg{ background:#dceffe url(../images/ab_bg.jpg) no-repeat center 0;height: 900px; padding:80px 0 0;overflow: hidden;}
.ab_l{ background:url(../images/ab_k.gif) no-repeat;width: 240px;height: 338px;padding: 0 0 0 180px;}
.ab_l a{display: block;font-size: 24px;color: #165791;font-weight: bold;height: 50px;line-height: 36px;overflow: hidden;padding: 102px 0 75px;}
.ab_l p{font-size: 16px;color: #333;line-height: 30px;}
.ab_l p b{display: block;font-size: 28px;color: #222; font-family:Arial, Helvetica, sans-serif;}
.ab_r{width: 630px;}
.about dl{width: 630px;}
.about dl dt{height: 60px;line-height: 60px;overflow: hidden; background:url(../images/ab_line.gif) no-repeat;}
.about dl dt a{font-size: 16px;color: #555;font-weight: bold;}
.about dl dt a:hover{color: #165791;}
.about dl dd{padding: 15px 0 0;width: 630px;}
.about .ab_desc{font-size: 14px;color: #555;line-height: 30px;height: 90px;overflow: hidden;}
.about dl dd span{width: 600px;height: 300px;display: block;overflow: hidden;margin-top: 55px;}
.about dl dd span img{width: 600px;height: 300px;}

/*公司风采*/
.photo_t{width: 570px;position: absolute;top: -114px;left: 0;height: 114px;z-index: 20;}
.photo_t ul li{width: 108px;float: left;height: 84px;}
.photo_t ul li a{font-size: 16px;color: #333;display: block; float: left;width: 108px; text-align: center; height: 84px; line-height: 84px; overflow: hidden; background:url(../images/photo_ico01.png) no-repeat center 71px;font-weight: bold;} 
.photo_t ul li a:hover,.photo_t ul li.cur a{color: #165791; background:url(../images/photo_ico02.png) no-repeat center 71px;}
.photo_m{padding: 32px 20px 0;width: 1160px;overflow: hidden;}
.photo_m ul li{width: 220px;height: 293px;float: left;overflow: hidden;line-height: 0;margin-right: 15px;}
.photo_m ul li img{width: 220px;height: 293px;}
.photo em{top: 145px;z-index: 20;}


/**/
@-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);}
}