@charset "utf-8";

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

/**/
.chanp{padding: 45px 0;}
.chanp ul li{width: 275px;height: 250px;float: left;line-height: 0;position: relative;margin-left: 30px;overflow: hidden;}
.chanp ul li img,.case_m dl dt img,.photo_r ul li img,.wd_m dd h5 img{width: 275px;height: 250px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.case_m dl dt img:hover,.photo_r ul li img:hover,.wd_m dd h5 img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{width: 275px;height: 250px;display: block;position: absolute;top: 0;left: 0;font-size: 24px;color: #fff;text-align: center;line-height: 250px;overflow: hidden;background: rgba(0,0,0,0.4);}
.chanp ul li:first-child{margin-left: 0;}
.chanp ul li:hover span{display: none;}

/*高品质*/
.pinz{height: 800px;overflow: hidden;padding: 70px 0 0;}
.pinz_t{font-size: 40px;color: #333;text-align: center;font-weight: normal;height: 100px;line-height: 40px;overflow: hidden;}
.pinz_t a{color: #333;}
.pinz_t b{color: #fd6328;}
.pinz_t span{display: block;font-size: 24px;color: #666;padding: 10px 0 0;}
.pinz dl{width: 353px;float: left;}
.pinz dl dt{padding-top:15px;width: 353px;height: 80px;text-align: center;line-height: 48px;background: #fd6328;font-size: 30px;color: #fff;font-weight: bold;overflow: hidden;border-radius: 0 30px 0 0;}
.pinz dl dt p{text-align: center;line-height: 18px;font-size: 14px;font-weight:normal;}
.pinz dl dd{width: 353px;height: 147px;line-height: 0;position: relative;}
.pinz dl dd p{width: 263px;height: 107px;position: absolute;top: 0;left: 0;font-size: 18px;color: #FD6328;line-height: 30px;padding: 40px 45px 0;background: rgba(0,0,0,0.1);border-radius: 0 0 0 30px;}
.pinz dl dd img{width: 353px;height: 147px;display: block;border-radius: 0 0 0 30px;}
.pinz01{padding: 30px 0 80px 180px;height: 237px;}
.pinz .pinz01 dl{margin-right: 135px;}
.pinz dl.dl02 dt{border-radius: 30px 0 0 0;}
.pinz dl.dl02 dd p,.pinz dl.dl02 dd img{border-radius: 0 0 30px 0;}
.pinz .pinz02 dl.dl02{float: right;}
.pinz_pic{width: 490px;height: 350px;position: absolute;top: 400px;left: 353px;-webkit-transition:transform .3s;transition:transform .3s;}
.pinz_pic img{width: 490px;height: 350px;}
.pinz_pic:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*应用案例*/
.case{padding: 60px 0;}
.case_t{padding: 20px 0 0;height: 65px;}
.case_t ul li{width: 144px;float: left;margin-left: 32px;}
.case_t ul li a{font-size: 16px;color: #333;display: block;float: left;width: 142px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border: #fd6328 1px solid;border-radius: 20px;}
.case_t ul li a:hover{background: #fd6328;color: #fff;}
.case_t ul li:first-child{margin-left: 0;}
.case_m dl{ height: 216px;width: 385px;float: left;position: relative;overflow: hidden;margin-bottom: 13px;margin-left: 21px;} 
.case_m dl dt{ height: 216px;width: 385px;overflow: hidden;line-height: 0;position: relative;}
.case_m dl dt img{ height: 216px;width: 385px;}
.case_m dl dt span{display: block;height: 40px;line-height: 40px;overflow: hidden;width: 385px;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.4);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: 345px;height: 0;padding: 0 20px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.4);
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: 40px;line-height: 40px;overflow: hidden;background:url(../images/case_line.gif) no-repeat 0 5px;padding-left: 20px;margin-top: 10px;}
.case_m dl dd h5 a{font-size: 24px;color: #fff;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.case_m .case_desc{font-size: 14px; color: #e0d0cf; line-height: 25px; height: 50px; overflow: hidden;padding: 5px 0 0;} 
.case_m dl:hover dd{height: 120px;}
.case_m dl.case_dl01{width: 794px;height: 445px;margin-left: 0;}
.case_m dl.case_dl01 dt,.case_m dl.case_dl01 dt img{ width: 794px;height: 445px;}
.case_m dl.case_dl01 dt span{width: 794px;}
.case_m dl.case_dl01 dd{width: 754px;}
.case_m dl.case_dl04{margin-left: 2px;}

/*施工流程*/
.four_bg{height: 660px;overflow: hidden;padding: 78px 0 0;}
.four .con{margin-top: 40px;}
.four dl{float: left;width: 200px;overflow: hidden;background: #fd6328;height: 450px;position: relative;border-right:1px solid rgba(255,255,255,1);box-sizing: border-box;cursor: pointer;}
.four dl.cur,.four dl:last-child{border: none;}
.four dl dt{padding-left: 40px;padding-top: 104px;}
.four dl dt em{color: rgba(255,255,255,0.3);font-size: 60px;display: block;line-height: 48px;font-weight: bold;}
.four dl dt span{display: block;font-size: 24px;color: #fff;line-height: 36px;margin-top: 35px;}
.four dl dt b{display: block;}
.four dl dt i{display: block;font-family: Arial;font-size: 14px;text-transform: capitalize;color:rgba(255,255,255,0.8);margin-top: 20px;line-height: 12px;}
.four dl dt i:after{content: "";display: block;width: 32px;height: 4px;background: #fff;margin-top: 80px;}
.four dl dd{display:block;opacity: 0;width: 0;box-sizing: border-box;transition: all .25s linear;padding-top: 104px;}
.four dl dd em{color: rgba(255,255,255,1);font-size: 60px;display: block;line-height: 48px;font-weight: bold;}
.four dl dd b{font-size: 30px;line-height: 30px;color: #fff;margin-top: 38px;display: block;}
.four dl dd i{font-weight: normal;padding-right: 10px;}
.four dl dd p{width: 252px;color: rgba(255,255,255,0.8);line-height: 28px;font-size: 16px;margin-top: 36px;height: 96px;position: relative;}
.four dl dd p:after{content: "";display: block;width: 26px;height: 3px;background: #fff;position: absolute;left: 0;bottom: -15px;}
.four dl dd span{position: absolute;left: 0;top: 0;width: 0;height: 100%;}
.four dl dd span img{width: 100%;height: 100%;}
.four dl dd em,.four dl dd b,.four dl dd p{position: relative;z-index: 1;}
.four dl.cur{width: 600px;}
.four dl.cur dt{display: none;}
.four dl.cur dd{opacity: 1;width: 600px;height: 450px;overflow: hidden;padding-left: 320px;}
.four dl.cur dd span{width: 600px;height: 450px;}

/*广告条*/
.ban01{height: 200px;overflow: hidden;}
.ban01_l{font-size: 38px;color: #fff;width: 800px;line-height: 60px;padding: 45px 0 0;background:url(../images/ban_line.gif) no-repeat 365px 84px;}
.ban01_l b{padding-left: 20px;}
.ban01_l span{display: block;font-size: 30px;}
.ban01_r{width: 400px;padding: 50px 0 0;}
.ban01_r em{display: block;width: 172px;float: right;}
.ban01_r em a{display: block;width: 172px;text-align: center;height: 48px;line-height: 48px;font-size: 20px;color: #2f904a;background: #fff;overflow: hidden;border-radius: 10px;}
.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban01_r b{display: block;font-size: 36px;color: #fff;width: 400px;text-align: right;line-height: 80px;clear: both;}

/*优势*/
.ys{padding: 70px 0 55px;}
.ys .pinz_t{background:url(../images/ys_line.gif) no-repeat 0 45px;height: 105px;}
.ys01{height: 487px;overflow: hidden;}
.ys02{height: 487px;overflow: hidden;}
.ys03{height: 487px;overflow: hidden;}
.ys04{height: 487px;overflow: hidden;}
.ys dl{width: 487px;}
.ys dl dt{width: 80px;height: 98px;float: left;padding: 8px 0 0;}
.ys dl dt img{width: 58px;height: 98px;}
.ys dl dd{width: 500px;float: left;}
.ys dl dd h5{font-size: 36px;color: #fd6328;line-height: 32px;height: 80px;}
.ys dl dd h5 i{display: block;font-size: 14px;color: #bcbcbc;text-transform: uppercase;font-weight: normal;font-family:Arial, Helvetica, sans-serif;}
.ys dl dd h5 em{font-size: 30px;color: #333;}
.ys dl dd p{font-size: 22px;color: #666;line-height: 40px;background:url(../images/ys_line02.gif) no-repeat 0 7px;height: 120px;padding: 0 0 0 30px;}
.ys .ys01 dl{padding: 115px 0 0;}
.ys .ys02 dl{padding: 80px 0 0;float: right;}
.ys .ys03 dl{padding: 80px 0 0;width: 600px;}
.ys .ys03 dl dd{width: 520px;}
.ys .ys04 dl{padding: 140px 0 0;float: right;}

/**/
.free{padding: 0 0 90px;}
.free ul li{width: 286px;height: 191px;float: left;line-height: 0;position: relative;overflow: hidden;margin-left: 18px;}
.free ul li img{width: 286px;height: 191px;}
.free ul li a{width: 286px;height: 191px;background:rgba(0,0,0,0.7) url(../images/free_k.png) no-repeat;position: absolute;top: 0;left: 0;text-align: center;}
.free ul li a:hover{background:rgba(253,99,40,0.8) url(../images/free_k.png) no-repeat;}
.free ul li span{display: block;font-size: 26px;color: #fff;line-height: 36px;padding: 35px 0 0;height: 72px;}
.free ul li b{display: block;}
.free ul li em{display: block;font-size: 14px;color: rgba(255,255,255,0.8);padding: 20px 0 0;height: 20px;line-height: 20px;}
.free ul li:first-child{margin-left: 0;}

/*荣誉资质*/
.honor_bg{background: #f5f5f5;padding: 70px 0 60px;}
.honor_l{width: 390px;padding: 90px 0 0 45px;}
.honor_l ul li{height: 60px;line-height: 60px;overflow: hidden;}
.honor_l ul li a{font-size: 20px;color: #666;display: block;background:url(../images/honor_ico01.gif) no-repeat 0 25px;width: 365px;padding-left: 25px;}
.honor_l ul li a:hover{color: #fd6328;background:url(../images/honor_ico02.gif) no-repeat 0 25px;}
.honor_r{width: 772px;height: 475px;padding: 35px 0 0;margin-right: -40px;}
.honor_r img{width: 772px;height: 475px;}

/*客户见证*/
.jz{padding: 70px 0 40px;}
.jz_m{width: 1200px;overflow: hidden;padding: 30px 0 0;}
.jz_m dl{width: 370px;-webkit-transition:transform .3s;transition:transform .3s;padding-bottom: 20px;margin-right: 45px;}
.jz_m dl dt{width: 100px;height: 100px;line-height: 0;border-radius: 50%;margin: -50px auto 0;border: #fff 2px solid;transition: all 0.3s ease-in-out 0s;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.jz_m dl dt img{width: 100px;height: 100px;display: block;border-radius: 50%; }
.jz_m dl:hover dt{ transform: rotateY(180deg);}
.jz_m dl dd{width: 320px;background: #f2f2f2;height: 188px;padding: 25px 25px 0;border-top: #f2f2f2 3px solid;}
.jz_m dl dd a{display: block;color: #777;}
.jz_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;text-align: center;padding: 10px 0 0;font-size: 14px;color: #fd6328;font-weight: normal;}
.jz_m .jz_desc{font-size: 14px;line-height: 28px;height: 84px;overflow: hidden;}
.jz_m dl:hover dd{border-top: #2f904a 3px solid;}
.jz_m dl:hover{-webkit-transform:translate(0,10px);transform:translate(0,10px);}
.jz_bot{padding: 30px 0 0;width: 100px;margin: 0 auto;}
.jz_bot ul li{background:#d9d9d9;width: 15px;height: 15px;float: left;margin-right: 12px; cursor: pointer;text-indent:-99999px;border-radius: 50%;}
.jz_bot ul li.on{background:#2f904a;width: 25px;border-radius: 10px;}

/*合作客户*/
.hz{padding: 40px 0 50px;}
.hz_t{background:url(../images/hz_tbg.gif) no-repeat center 18px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;font-weight: normal;margin-bottom: 20px;}
.hz_t a{font-size: 30px;color: #333;}
.hz ul li{width: 200px;height: 100px;float: left;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;box-shadow:0 3px 5px 3px #eee;margin: 15px 20px;}
.hz ul li img{width: 200px;height: 100px;}
.hz ul li:hover{-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);box-shadow: 0 3px 5px 3px #ddd;}

/*新闻中心*/
.news_bg{ background:#f6f6f6; padding:60px 0;overflow: hidden;}
.news_bg .pinz_t{height: 80px;}
.news{ width:780px;padding: 20px 0 0;}
.news_t{ height:50px; line-height:50px; }
.news_t ul li{float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 40px;width: 100px; padding:0 0 0 15px;float: left; background:url(../images/news_ico01.gif) no-repeat 0 15px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;color: #2f904a; background:url(../images/news_ico02.gif) no-repeat 0 15px;}
.news_t span{float: right;display: block;width: 150px;text-align: center;}
.news_t span a{font-size: 16px;color: #333;text-transform: uppercase;}
.news_m dl{ width:830px;height: 110px; border-bottom:#ddd 1px solid; padding:20px 0 0;overflow: hidden;}
.news_m dt{width: 150px;height: 90px;background: #eee;float: right; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #333;text-align: center;line-height: 34px; padding:20px 0 0;}
.news_m dt b{display: block;font-size: 48px;font-weight: normal;}
.news_m dd{ float:left; overflow:hidden; width:645px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: #2f904a;}
.news_m .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}
.news_m dl:hover{ border-bottom:#ccc 1px solid;}
.news_m dl:hover dt{background: #aaa;color: #fff;}

/**/
.wd{ width:325px;}
.wd_m dl{ width:325px;}
.wd_m dt{width: 290px;height: 115px;background: #fd6328;overflow: hidden; padding:25px 10px 0 25px;}
.wd_m dt a{width: 285px;display: block;font-size: 18px;color: #f0f0f0;font-weight: bold;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m dt span{display: block;font-size: 18px;color: #f0f0f0; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}
.wd_m dd{ width:325px;}
.wd_m dd h5{width: 325px;height: 184px;overflow: hidden;line-height: 0;}
.wd_m dd h5 img{width: 325px;height: 184px;}
.wd_m .news_desc{font-size: 14px;color: #5c5c5c;line-height: 24px;height: 96px;overflow: hidden; padding:20px 0 0;width: 270px; margin:0 auto;}
.news_btn{position: absolute;top:90px;right: 20px;width: 82px;z-index: 20;}
.news_btn a{display: block;width: 16px;height: 31px;float: left; padding:0 25px 0 0;}

/*关于我们*/
.about{padding:80px 0 50px;}
.ab_desc{width: 900px;margin: 0 auto;}
.ab_desc h5{height: 30px;line-height: 30px;overflow: hidden;}
.ab_desc h5 a{font-size: 16px;color: #333;}
.ab_desc h5 i{font-weight: normal;}
.ab_desc div{font-size: 14px;color: #666;line-height: 30px;height: 90px;overflow: hidden;}
.ab_bot{padding: 50px 0 0 145px;width: 1050px;background: url(../images/ab_line.png) no-repeat 405px 140px;}
.ibrand-num li{float:left;width:200px;height:140px;text-align:center;color:#333;font-size:18px;background: url(../images/ab_k.png) no-repeat;position: relative;margin-right: 150px;padding: 60px 0 0;}
.ibrand-num li span{font-size:48px;font-weight: bold;line-height: 48px;}
.ibrand-num li i{display: block;width: 45px;height: 45px;text-align: center;line-height: 45px;background: #fff;position: absolute;top: 50px;left: 170px;font-size: 22px;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);border-radius: 50%;}
.ibrand-num li b{display:block;font-weight: normal; padding:5px 0 0;}
.ibrand-num li em{font-size:48px;}

/*公司相册*/
.photo_bg{background: #f6f6f6;padding: 30px 0;}
.photo_l{width: 300px;}
.photo_l ul li{width: 300px;height: 80px;line-height: 80px;padding-bottom: 1px;}
.photo_l ul li em{width: 44px;height: 44px;display: block;float: left;line-height: 0;overflow: hidden;background: #fff;border-radius: 50%;margin-right: 20px;margin-top: 20px;}
.photo_l ul li em img{width: 44px;height: 88px;-webkit-transition:all .5s;transition:all .5s;}
.photo_l ul li a{display: block;font-size: 24px;color: #fff;width: 250px;height: 80px;background: #2f904a;padding-left: 50px;position: relative;}
.photo_l ul li.on a{background: #fd6328;}
.photo_l ul li.on a:before{content: "";width: 0;height: 0;position: absolute;top: 25px;right: -14px;
border-left:15px solid #fd6328; 
border-top:15px solid transparent;
border-bottom:15px solid transparent;
}
.photo_l ul li.on em img{margin-top: -44px;}
.photo_r{width: 852px;overflow: hidden;padding: 24px 0 0;}
.photo_r ul li{width: 257px;float: left;margin-right: 26px;position: relative;line-height: 0;}
.photo_r ul li em{width: 257px;height: 193px;display: block;line-height: 0;overflow: hidden;}
.photo_r ul li img{width: 257px;height: 193px;}
.photo_r ul li span{display: block;width: 257px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #fff;overflow: hidden;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.6);}

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


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