@import url(global.css);
/* ---------------mainBody_01-------------------------------  */
.mainBody_01{width:100%; min-width: 1200px; position:relative; background: #000;}
.mainBody_01 .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.mainBody_01 .bd ul{width:100% !important;height:650px;}
.mainBody_01 .bd li{width:100% !important;height:100%; overflow:hidden; text-align:center;}
.mainBody_01 .bd li a{display:block; height:100%;}
.mainBody_01 .hd{width:100%;  position:absolute;  bottom:15px; left:0; height:20px; line-height:30px;}
.mainBody_01 .hd ul{ text-align:center;}
.mainBody_01 .hd ul li {cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:8px; border-radius: 2px; margin:0 5px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5; line-height:999px;}
.mainBody_01 .hd ul .on{background:#04b6ff;}
.mainBody_01 .prev,.mainBody_01 .next{ display:block; position:absolute; z-index:2; top:50%; margin-top:-30px; left:15%; width:28px; height:63px;background:url(../images/prev.png) no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.mainBody_01 .next{left:auto; right:15%; background:url(../images/next.png) no-repeat;}  

/*搜索*/
.search{height: 72px;background:#fff;border-bottom: 1px solid #f2f2f2; display: none;}
.keyword{font-size: 14px;color: #888;padding-left:30px;line-height: 72px;background: url(../images/hot.png) no-repeat left center;padding-left: 30px;}
.keyword b{color: #343434;margin-right: 10px;font-weight: normal;}
.keyword a{color: #666;display:inline-block;}
.keyword a:last-child:after{display: none;margin: 0;}
.keyword a:after{display: inline-block;content: "/";color: #EAEAEA;margin: 0 5px;}
.sou{margin-top: 18px;position: relative;width: 447px;height: 43px;overflow: hidden;background:rgba(238,238,238,0.5);}
.sou .ipt1{width: 390px;height: 43px;font-size: 14px;color: #999;border:none;background: none;text-indent:20px;line-height: 43px;}
.sou .ipt2{background:url(../images/search.png) no-repeat 13px center;display: block;width: 33px;height: 22px;border: none;float: right;margin-right: 19px;margin-top: 11px;border-left: 1px solid #DEDEDE;padding-left: 13px;}

/* ---------------mainBody_02-------------------------------  */

.shipin {width:100%; min-width: 1200px; padding-top:50px;overflow:hidden; background: #f5f5f5;}
.shipin h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.shipin h2 a{display: block;}
.shipin h2 span{color: #091d58;font-weight: bold;}
.shipin h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.shipin h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.shipin .spbox{ overflow:hidden; width:100%; height:610px;position:relative}
.shipin ul{ overflow:hidden; width:1200px; margin:20px auto; height:110px; position:relative; z-index:1}
.shipin li{ float:left; overflow:hidden; width:299px; border-right:1px solid #fff; height:110px;}
.shipin .last{ border:none}
.shipin li h3{ text-align:center; font-weight:normal; font-size:24px; color:#fff; margin:25px 0 15px 0}
.shipin li p{ text-align:center; font-size:14px; color:#fff;}
.shipin img.bf{ display:block; margin:130px auto 160px auto; cursor:pointer; position:relative; z-index:1}
.shipin .spbox span{ display:block; text-align:center; font-size:15px; color:#fff; line-height:28px;position:relative; z-index:1}
.shipin img.bg{ display:block; position:absolute; left:50%; top:0; margin-left:-960px; z-index:0; transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;}
.shipin .bf:hover + img{ transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
.shipin .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50px; margin-left:-555px; background-color:#000; display:none; border-radius:5px;}
.shipin .sp .close{ display:block; position:absolute; cursor:pointer; right:-35px; top:-5px}


/*品牌四大实力*/

.sl2{width:100%; min-width: 1200px; padding: 100px 0; overflow: hidden;}
.sl2 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.sl2 h2 a{display: block;}
.sl2 h2 span{color: #091d58;font-weight: bold;}
.sl2 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.sl2 h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}

.sl2 .con1{padding-top: 26px;text-align: right;}
.sl2 .con1 dt{float: left;width: 600px;height: 506px;}
.sl2 dt img{width: 600px;height: 506px;}
.sl2 .con1 dd{float: right;width: 558px;}

.sl2 .con2 dt{float: right;width: 600px;height: 506px;}
.sl2 .con2 dd{float: left;width: 558px;}
.sl2 .con2 dd h3{padding-top: 54px;}
.sl2 .con2 dd p span{margin-bottom: 7px;}

.sl2 .con3{ text-align: right;}
.sl2 .con3 dt{float: left;width: 600px;height: 506px;}
.sl2 .con3 dd{float: right;width: 558px;}
.sl2 .con3 dd h3{padding-top: 54px;}
.sl2 .con3 dd p span{margin-bottom: 7px;}

.sl2 .con4 dt{float: right;width: 600px;height: 506px;}
.sl2 .con4 dd{float: left;width: 558px;}
.sl2 .con4 dd h3{padding-top: 54px;}

.sl2 dd h3{padding: 10px 0;}
.sl2 dd h3 em{display: block;width: 100%;height: 96px;}
.sl2 dd h3 span{width: 100%;font-size: 36px;color: #000;line-height: 50px;font-weight: normal;}
.sl2 dd h3 i{width: 100%; line-height: 40px; font-size: 24px;color: #091d58;display: block;font-weight: bold;}
.sl2 dd p{font-size: 16px;color: #383838;line-height: 32px; text-align: left;}
.sl2 dd p span{display: block;margin-bottom: 18px;}


/*合作案例*/
.case{background: #f1f1f1;height:auto;overflow: hidden; padding: 80px 0;}
.case h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;z-index: 1;padding-top: 20px;}
.case h2 a{display: block;;}
.case h2 span{color: #091d58;font-weight: bold;}
.case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.case .tab{ width:100%; min-width:1200px; height:40px; line-height: 40px; text-align: center; padding: 40px 0;}	
.case .tab a{ width:150px; height:40px; margin: 0 20px; display:inline-block; border: 1px solid #ccc; border-radius: 3px;}	
.case .tab a:hover{display:inline-block; background: #091d58; color: #fff;border: 1px solid #091d58;}	

.case .tab2{ width:100%; min-width:1200px; height:auto; position:relative; overflow:hidden; padding-bottom: 20px;}	
.case .tab2 li{ width: 380px; float: left; border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}		
.case .tab2 .a1{ height: 320px; overflow: hidden;}	
.case .tab2 .a1 img{width:100%; height: 320px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.case .tab2 .a1 img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}

.case .tab2 .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .tab2 .a2 a{color: #000;}	
.case .tab2 .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .tab2 .a4{height: 41px; padding: 10px 20px;}	
.case .tab2 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .tab2 li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .tab2 .a5{ height: 41px; padding: 30px 20px 10px 20px; color: #000;}	
.case .tab2 .a5 span{ font-size: 20px;}	

.case .tab2 .bd{overflow: hidden;}
.case .tab2 .bd ul{ overflow:hidden; zoom:1; }
.case .tab2 .hd{width: 1200px; margin: 0 auto; padding: 40px 0; text-align: center; overflow: hidden;}	
.case .tab2 .hd a{display: block; float: left;}	
.case .tab2 .pnBtn{ width: 53px; height: 53px;}
.case .tab2 .pjmore{ width: 260px; height: 51px; line-height: 51px; color: #666; font-size: 14px; border: 1px solid #666; margin: 0 10px; border-radius: 50px;}	
.case .tab2 .hd a:hover{display: inline-block; filter:alpha(opacity=60);opacity:0.6;}		
.case .tab2 .prev{background: url(../images/appraiseBtn.png) no-repeat center -53px;}	
.case .tab2 .next{background: url(../images/appraiseBtn.png) no-repeat center 0; margin-left: 420px;}

/*中建友荣誉*/
.zzry{width: 100%; min-width: 1200px; margin: 0 auto;overflow: hidden;height: auto; padding: 80px 0;}
.zzry h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.zzry h2 a{display: block;;}
.zzry h2 span{color: #091d58;font-weight: bold;}
.zzry h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.zzry .con{height:360px;padding:50px 0 30px 0; overflow: hidden;}
.zzry .content li{float: left;width:223px;height:360px;margin-right: 20px;text-align: center;}
.zzry .content li img{ width: 100%;}
.zzry .content li:last-child{margin-right: 0;}
.zzry .tab3{width:1200px; margin: 20px auto; position:relative; padding:15px 0; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.zzry .tab3 .bd{width:1200px;}
.zzry .tab3 .bd ul{width:1200px; overflow:hidden; zoom:1; }
.zzry .tab3 .bd ul li{ float: left; width:188px; margin-right: 15px;}
.zzry .tab3 .bd ul li img{ width:100%; height: 137px; display: block;}
.zzry .tab3 .bd ul li span{ display: block; font-size: 12px; color: #333; text-align: center; line-height:24px; height: 24px;}
.zzry .tab3 .prev,.zzry .tab3 .next{width:67px; height:63px; display:block;position:absolute; left:-90px; top:60px;z-index: 9;background:url(../images/prev2.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.zzry .tab3 .next{ left:auto; right:-90px;background:url(../images/next2.png) 0 0 no-repeat;}
.zzry .tab3 .prev:hover,.zzry .tab3 .next:hover{ filter:alpha(opacity=80);opacity:0.8;cursor:pointer;}

/*防水承诺*/
.jjfa {padding: 80px 0; background: url(../images/bg01.jpg) no-repeat center top;position: relative; overflow: hidden; min-height: 100%;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
.jjfa h2{text-align: center;font-size: 40px;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top:20px;}
.jjfa h2 a{display: block;color: #fff;}
.jjfa h2 span{color: #091d58;font-weight: bold;}
.jjfa h2 em{display: block;margin-top: 15px;font-size: 20px;color: #fff;line-height: 20px;}
.jjfa_con {height: 515px;overflow: hidden;padding-top:50px;}
.jjfa_con .jjfabox {float: left;width: 150px;height: 430px; position: relative;left:0px; padding:40px 40px 0 40px;background: #fff;margin-left: 12px; cursor:pointer;}
.jjfa_con .jjfabox a.jjfaa {display: block;height: 515px;}
.jjfa_con .jjfabox .boxem {display: block;width: 22px;height: 22px;background: url(../images/jjfaty01.png) no-repeat center;position: absolute;left: 104px;top: -51px;}
.jjfa_con .jjfabox .boxi {display: none;width: 9px;height: 5px;background: url(../images/jjfabg02.png) no-repeat center;position: absolute;left: 111px;top: -5px;}
.jjfa_con .jjfabox:first-child {margin-left: 0;}
.jjfa_con .jjfabox .p1 {padding: 20px 0;border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;font-size: 18px;text-align: center;color: #000;margin-bottom: 90px;}
.jjfa_con .jjfabox .p1 b {display: block;font-size: 24px;color: #091d58;margin-bottom: 5px;}
.jjfa_con .jjfabox .p2 { height: 110px; text-align: center;font-size: 14px;line-height: 22px;margin-bottom:80px;color: #000;}
.jjfa_con .jjfabox .p3 {text-align: center;}
.jjfa_con .jjfabox .p3 em {display: block;font-size: 16px;color: #000;margin-bottom: 22px;}
.jjfa_con .jjfabox .jjfaicon {display: block;width: 35px;height: 35px;position: absolute;left: 100px;top: 180px;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 {height: 29px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #ddd;overflow: hidden;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 span {position: absolute;left: -100px;height: 40px;line-height: 40px;color: #fff;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 em {display: block;width: 40px;height: 13px;background: url(../images/jjfajt01.png) no-repeat center;position: absolute;left: 97px;top: 7px;transition: all 0.5s;}
.jjfa_con .box1 .jjfaicon {background: url(../images/jjfaicon09.png) no-repeat center;}
.jjfa_con .box2 .jjfaicon {background: url(../images/jjfaicon03.png) no-repeat center;}
.jjfa_con .box3 .jjfaicon {background: url(../images/jjfaicon01.png) no-repeat center;}
.jjfa_con .box4 .jjfaicon {background: url(../images/jjfaicon07.png) no-repeat center;}
.jjfa_con .box5 .jjfaicon {background: url(../images/jjfaicon05.png) no-repeat center;}

.jjfa_con .jjfabox:hover {background: #091d58;}
.jjfa_con .jjfabox:hover .boxem {background: url(../images/jjfaty02.png) no-repeat center;}
.jjfa_con .jjfabox:hover .boxi {display: block;}
.jjfa_con .jjfabox:hover .p1 {color: #fff;border-color: #fff;}
.jjfa_con .jjfabox:hover .p1 b {color: #fff;}
.jjfa_con .jjfabox:hover .p2 {color: #fff;}
.jjfa_con .jjfabox:hover .p3 em {color: #fff;}
.jjfa_con .jjfabox:hover .p3 span {color: #fff;}
.jjfa_con .jjfabox:hover .p4 {height: 40px;background: #005d25;border-top-color: #005d25;}
.jjfa_con .jjfabox:hover .p4 span {left: 15px;}
.jjfa_con .jjfabox:hover .p4 em {background: url(../images/jjfajt01.png) no-repeat center;position: absolute;left: 164px;top: 13px;}

.jjfa_con .box1:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon10.png) no-repeat center;}
.jjfa_con .box2:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon04.png) no-repeat center;}
.jjfa_con .box3:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon02.png) no-repeat center;}
.jjfa_con .box4:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon08.png) no-repeat center;}
.jjfa_con .box5:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon06.png) no-repeat center;}


/*合作伙伴*/
.hzhb{width: 1200px;overflow: hidden; padding: 80px 0; margin: 0 auto;}
.hzhb h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.hzhb h2 a{display: block;;}
.hzhb h2 span{color: #091d58;font-weight: bold;}
.hzhb h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.hzhb .list{width:1300px;height:auto; padding:40px 0; overflow: hidden;}
.hzhb .list ul li{width:185px;height:118px;margin:15px 15px 0 0;float:left;text-align:center;border: 1px solid #ddd; overflow: hidden;}
.hzhb .list ul li img{width:100%;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.hzhb .list ul li img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}


/* ---------------mainBody_08-------------------------------  */
.mainBody_08{ width: 100%; min-width: 1200px; background: #fff;overflow: hidden;height: auto;padding: 80px 0;}
.mainBody_08 h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.mainBody_08 h2 a{display: block;;}
.mainBody_08 h2 span{color: #091d58;font-weight: bold;}
.mainBody_08 h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.mainBody_08 .list{width:1200px;height:auto;margin: 0 auto; overflow: hidden; padding: 50px 0 30px 0;}	
.mainBody_08 .tab4{width:730px; height: 430px;float: left; overflow: hidden;border-right: 1px solid #ccc; padding-right: 40px;}
.mainBody_08 .tab4 .hd{width: 100%; height: 40px; line-height: 40px;border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.mainBody_08 .tab4 .hd li{width:100px; float: left;height:40px;font-size: 18px; margin-right:15px;}
.mainBody_08 .tab4 .hd .li1{background:url(../images/newx.png) no-repeat right center;}
.mainBody_08 .tab4 .hd li a{width: 100%; height: 100%; display:block; color: #000;}
.mainBody_08 .tab4 .hd li.on{}
.mainBody_08 .tab4 .hd li.on a{color: #091d58;}
.mainBody_08 .tab4 .bd ul{ width:100%; height: 380px; zoom:1; color: #666;}	
.mainBody_08 .tab4 .bd .a1{width:100%; height:150px; padding: 20px 0;border-bottom: 1px solid #f1f1f1;}	
.mainBody_08 .tab4 .bd .p1{width:240px; height:150px; float: left; overflow: hidden; padding-right: 20px;}
.mainBody_08 .tab4 .bd .p1 img{width:240px;}
.mainBody_08 .tab4 .bd .p2{width:460px; height: 30px; line-height: 30px; float: left; overflow: hidden;font-size:18px;}	
.mainBody_08 .tab4 .bd .p3{width:460px; height: 24px;float: left;color: #333; font-size: 20px;}	
.mainBody_08 .tab4 .bd .p4{width:460px; height:100px; line-height:25px; float: left;color: #999; font-size: 13px;}
.mainBody_08 .tab4 .bd .a2{ width:100%; height:180px; padding: 10px 0;}	
.mainBody_08 .tab4 .bd .p5{ width:100%; height:30px; line-height: 30px; font-size: 14px;}	
.mainBody_08 .tab4 .bd .p5 a{ width:70%; height:30px; float: left; display: block;background:url(../images/new_tit.png) no-repeat 0 8px; text-indent: 25px;}	
.mainBody_08 .tab4 .bd a:hover{color: #091d58;}	
.mainBody_08 .tab4 .bd .p5 i{ width:20%; height:30px; float: right; display: block; text-align: right; font-style: normal; padding-right: 5px;}	

.mainBody_08 .tab5{width:390px; height: 430px; float: right; overflow: hidden;}	
.mainBody_08 .tab5 h3{width: 100%; height:40px; line-height:40px;font-size: 18px; margin-bottom: 30px; font-weight: normal;border-bottom: 1px solid #ccc;}	
.mainBody_08 .tab5 h3 a{ color: #000;}	
.mainBody_08 .tab5 .bd{width: 100%; height: 350px; overflow: hidden;}	
.mainBody_08 .tab5 .bd li{width: 100%; height: auto; line-height: 30px;border-bottom: 1px solid #ccc; padding: 10px 0; font-size: 14px;}	
.mainBody_08 .tab5 .bd .a1{width: 100%; height: 30px; font-size: 16px;}	
.mainBody_08 .tab5 .bd .a1 a{color: #091d58;}	
.mainBody_08 .tab5 .bd .a2{width: 100%; line-height: 18px; font-size: 13px; padding-bottom: 5px; color: #666;}
.mainBody_08 .tab5 .bd .a3{width: 100%; height: auto;}	

/*项目报价*/
.zxzx {background: url(../images/bg02.jpg) no-repeat center;padding: 75px 0;color: #fff;}
.zxzx .p1 i {display: block;font-size: 12px;margin-bottom: 15px;}
.zxzx .p1 span {display: block;font-size: 24px;line-height: 30px;margin-bottom: 40px;}
.zxzx .zxzx_con {overflow: hidden;}
.zxzx .infoP1 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 3;}
.zxzx .infoP1 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon01.png) no-repeat right center;}
.zxzx .infoP2 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 2;}
.zxzx .infoP2 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon02.png) no-repeat right center;}
.zxzx .infoP3 {float: left;width: 360px;height: 50px;background: #fff;position: relative;z-index: 1;}
.zxzx .infoP3 input {display: block;width: 320px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon03.png) no-repeat right center;}
.zxzx .ljtj {float: right;width: 230px;height: 50px;}
.zxzx .ljtj .submit{ width: 100%; border: 0; display: block;height: 50px;line-height: 50px; text-align: left; text-indent: 30px; color: #fff;background: #005d25 url(../images/zxzxjt.png) no-repeat 133px center;font-size: 16px;cursor:pointer;transition: all 0.6s ease 0s;}
.zxzx .ljtj .submit:hover{ display: block;;background: #091d58 url(../images/zxzxjt.png) no-repeat 133px center;}