.tits{text-align:center;margin-bottom: 3%;}
.tits h1{font-size:40px;color:#000;}
.tits p{color:#8a8a8a;margin-top:0.5%;}
.mores a{display: block;height: 60px;background: url(../images/index06.png) no-repeat center center;width: 220px;text-align: center;line-height: 60px;color: #fff;margin: 0 auto;}
.mores a:hover{letter-spacing:3px;color: #fff;}

@media screen and (max-width:1440px) {
.tits h1{font-size:35px;}
}
@media screen and (max-width:1200px) {
.tits h1{font-size:30px;}
}
@media screen and (max-width:1024px) {
.tits h1{font-size:25px;}
.mores a{background-size:70%;font-size:14px;}
}
@media screen and (max-width:780px) {
.tits h1{font-size:20px;}
.tits p{font-size:14px;}
}
@media screen and (max-width:460px) {
.tits h1{font-size:18px;}

}

/*产品*/
.index01{width:100%;overflow:hidden;padding:4% 0;}
.pro_c {overflow: hidden;padding:2% 0 5% 0;}
.pro_c li{width:32%;float:left;}
.pro_c li:nth-child(2){margin:0 2%}
.pro_c li a{display:block;wdith:100%;position:relative}
.pro_c li a:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;;background:#87cfe6 url(../images/index03.png) no-repeat right bottom;z-index:1;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.pro_c li a .pic{overflow:hidden}
.pro_c li a .pic img{display:block;width:100%;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.pro_c li a:hover .pic img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o--moz-transform:scale(1.2)}
.pro_c li a .des{position:absolute;top:18%;left:8%;z-index:3;}
.pro_c li h2{color:#fff;font-size:20px}
.pro_c li p{color:#fff;margin:5% 0 0 0;text-transform:uppercase}
.pro_c li .more{border:1px solid #fff;border-radius:50px;text-align:center;padding:2% 0;width:120px;color:#fff;margin-top:3em}
.pro_c li a:hover .more{background:#00a74c;border:1px solid #00a74c;box-shadow:0 2px 5px #000;}
.pro_c li a .pro_logo{float:right}
.pro_c li:nth-child(2) a:after{background:#006ab6 url(../images/index03.png) no-repeat right bottom;}
.pro_c li:last-child a:after{background:#00a74c url(../images/index03.png) no-repeat right bottom;}

.pro_c li a:hover:after{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);}
.search{overflow:hidden;}

@media screen and (max-width:1320px) {
.pro_c li a .des{top:10%;}
.pro_c li h2{font-size:18px}
.pro_c li .more{margin-top:2em;}

}

@media screen and (max-width:1024px) {

.pro_c li h2{font-size:16px}
.pro_c li .more{width:100px;}
}

@media screen and (max-width:780px) {
.pro_c li{width:100%;}
.pro_c li:nth-child(2){margin:0}
}

/*简介*/
.index02{width:100%;overflow:hidden;background:#f6f6f6 url(../images/bg2.jpg) no-repeat bottom left;padding:5% 0;background-size: cover;}
.index02 .tits{text-align:left;}
.index02 .tits h1{color:#fff;margin-bottom:0.3em;font-weight:normal;}
.index02 .tits h1 span{width:65px;height:3px;display:inline-block;margin:0 0.5em;background:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);}
.index02 .tits h3{color:#fff;font-family:"1";font-size:18px;letter-spacing:2px;}
.ab_c{overflow:hidden;}
.ab_c .con{width:70%;margin-bottom:3%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ab_c p{color:#fff;line-height:1.8em;}
.ab_d{width:100%;margin-top:4%;overflow:hidden;}
.ab_d .left{width:100%;float:left;}

.ab_d li{width:33.333%;float:left;text-align:center;padding:2em 0;height:150px;}
.ab_d li p{width:70%;margin:0 auto;line-height:32px;}
.ab_d li:first-child{background:url(../images/index09.png);}
.ab_d li:nth-child(2) , .ab_d li:last-child{background:url(../images/index08.png);}
.ab_d li:nth-child(2) .fz{border-right:1px solid #d5d5d5 }
.ab_d h2{color:#006ab6;font-size:40px;display:inline-block;font-family:"1";}
.ab_d li:first-child h2 , .ab_d li:first-child small{color:#fff}
.ab_d li:first-child p{color:#dbe4ed}
.ab_d small , .ab_d p{color:#8a8a8a;}
.ab_d .right h2 , .ab_d .right small , .ab_d .right p{color:#fff;}
.more a{display:inline-block;background:#194694;padding:0.5em 3em;
background-color: #006ab6;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;
background-image: linear-gradient(to right, #006ab6 , #00a74c);background-image: -webkit-linear-gradient(left,#006ab6 , #00a74c);
}
.more a:hover{background-image: linear-gradient(to right, #00a74c , #006ab6);background-image: -webkit-linear-gradient(left,#00a74c , #006ab6);}
.more a span{color:#fff;font-size:14px;float:left;transform: translateX(-15px);-webkit-transform: translateX(-15px);-moz-transform: translateX(-15px);-o-transform: translateX(-15px);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.more a img{float:right;transform: translate(30px, 5px);-webkit-transform: translate(30px, 5px);-moz-transform: translate(30px, 5px);-o-transform: translate(30px, 5px);}
.more a:hover span{transform: translateX(0);}

@media screen and (max-width:1440px) {
.ab_d li p{width:80%}

}
@media screen and (max-width:1200px) {
.ab_d li p{width:90%}

}
@media screen and (max-width:1024px) {
.ab_d h2{font-size:30px;}
.ab_c .con{width:100%;}
}

@media screen and (max-width:780px) {
.ab_d li{width:100%;margin-bottom:1em;height:auto}
.ab_d li:nth-child(2) .fz{border-right:none;}
.ab_d h2 {font-size: 25px;}
.index02 .tits h3{font-size:16px;letter-spacing:0;}
.index02 .tits h1 span{width: 50px;height:2px;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);}
}

@media screen and (max-width:650px) {



}

/*新闻*/
.index03{width:100%;overflow:hidden;padding:5% 0;}
.index03 .new{overflow:hidden;}
.index03 .tit{margin-bottom:4%;}
.new_c{overflow:hidden;margin-top:2%;}
.new_c .left{width:41%;float:left;position:relative;}
.new_c .left img{width:100%;}
.new_c .left .n2{display:none}
.new_c .left .des{position:absolute;bottom:0;left:0;right:0;width:100%;background:url(../images/index10.png);padding:1.5em;}
.new_c .left .des a{color:#fff;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c .left .des p{color:#dddddd;font-size:14px;margin-top:0.5em;line-height:1.8em; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.new_c .right{width:54%;float:right}
.new_c .right li{width:100%;overflow:hidden;}
.new_c .right li a{display:block;padding:2em;border-bottom:1px solid #f3f3f3;overflow:hidden;}
.new_c .right .date{width:18%;float:left;text-align:center;}
.new_c .right .date h1{font-size:45px;color:#000;font-style:italic;font-family:"1";}
.new_c .right .date h3{margin-top:1%;color:#000;font-style:italic;}
.new_c .right .cont{width:calc(100% - 20%);float:right}
.new_c .right .cont h2{overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c .right .cont p{margin-top:3%;line-height:1.8em;overflow: hidden;color:#8a8a8a;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.new_c .right li a:hover{background:#f5f5f5;border-bottom:1px solid #f5f5f5;}
.new_c .right li a:hover .date h1 , .new_c .right li a:hover .date h3{text-decoration:none; color:#006ab6;  }
.index03 .mores{margin-top:6%;}

@media screen and (max-width:1440px) {
.new_c .right li{margin-bottom:0;}
.new_c .left {width: 44%;}
.new_c .right{width:52%;}
}

@media screen and (max-width:1320px) {
.new_c .left {width: 48%;}
.new_c .right{width:48%;}
}

@media screen and (max-width:1200px) {
.new_c .left {width: 50%;}
.new_c .right{width:46%;}
.new_c .right .date h1{font-size:40px;}

}

@media screen and (max-width:1150px) {
.new_c .left {width: 100%;}
.new_c .left .n2{display:block;}
.new_c .left .n1{display:none}
.new_c .right{width:100%;margin-top:1em}
.new_c .right .date h1{font-size:35px;}
}

@media screen and (max-width:780px) {
.new_c .right .date h1{font-size:30px;}
.new_c .right .date h3{font-size:14px;}
.new_c .left .des , .new_c .right li a{padding:1em;}
.new_c .left .des p {line-height:1.6em;-webkit-line-clamp: 1;}
}

@media screen and (max-width:500px) {
.new_c .left .des p{display:none;}
.new_c .left .des {padding: 0.7em;}
.new_c .right .cont p{line-height:1.6em;}
.new_c .right .date h1{font-size:25px;}
.new_c .right .date{width:20%;}
.new_c .right .cont {width: calc(100% - 24%);}
}


/*荣誉和案例*/
.index04{width:100%;overflow:hidden;}
.index04 .ch{overflow:hidden;}
.ch li{width:50%;float:left;}
.ch li .ch_c{position:relative;}
.ch li .ch_c .pic{overflow:hidden;}
.ch li .ch_c .pic img{width:100%;transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;}
.ch li:hover .ch_c .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.ch li .ch_c .des{position:absolute;bottom:4em;left:8em;right:8em;}
.ch li .ch_c .des h2{color:#fff;font-size:30px;}
.ch li .ch_c .des p{color:#fff;margin:1.5em 0;line-height:1.6em;}
.ch li .ch_c .des a{display:inline-block;border:1px solid #fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;color:#fff;font-size:14px;padding:0.5em 3em}
.ch li .ch_c .des a:hover{background:#006ab6;border:1px solid #006ab6;}

@media screen and (max-width:1600px) {
.ch li .ch_c .des{left:2em;right:2em;}
}

@media screen and (max-width:1320px) {
.ch li .ch_c .des h2{font-size:25px;}
.ch li .ch_c .des p{margin:1em 0;}
}

@media screen and (max-width:1200px) {
.ch li .ch_c .des h2{font-size:20px;}
.ch li .ch_c .des p{font-size:14px;}
.ch li .ch_c .des{bottom:2em;}
.ch li .ch_c .des a{padding: 0.3em 2em;}
}

@media screen and (max-width:780px) {
.ch li{width:100%;}
}

@media screen and (max-width:500px) {
.ch li .ch_c .des h2{font-size:18px;}
.ch li .ch_c .des{left:1em;right:1em;}
.ch li .ch_c .des p {margin: 0.6em 0;line-height: 1.4em;}
}