.tits{text-align:center;margin-bottom: 3%;}
.tits h1{font-size:32px;color:#000;font-family:"1"}
.tits p{color:#8a8a8a;margin-top:0.5%;}
.mores a{display: block;height: 60px;background: url(../images/index12.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:29px;}
}
@media screen and (max-width:1200px) {
.tits h1{font-size:26px;}
}
@media screen and (max-width:1024px) {
.tits h1{font-size:22px;}
.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;}

}
/*焦点图*/
.indexbanner{position:relative;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:3em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:5px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:5px; background-color:#194695;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%; width:45%; z-index:10;}

.down {position: absolute; z-index: 99; width:41px; height: 41px; background: url(../images/index14.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 2%; animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;-moz-animation: ud 1s linear alternate infinite;}
@keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}

@-webkit-keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}
@media screen and (max-width: 1200px) {
.banner_mid h2{font-size:2.5rem;}
}
@media screen and (max-width: 1070px) {
.banner_mid h2{font-size:2.1rem;}
.banner_mid p{font-size:1.2rem;}
}
@media screen and (max-width: 750px) {
.banner_mid h2{font-size:1.6rem;}
.banner_mid p{font-size:1rem;}
}



@media screen and (max-width: 500px) {
.down {background-size:60%;}
.banner_mid h2{font-size:1.3rem;}
.banner_mid p{font-size:0.9rem;}
}

/*产品*/
.index01{width:100%;overflow:hidden;background:#f6f6f6 url(../images/bg1.jpg) no-repeat bottom left;padding:4% 0;background-attachment:fixed;}
.pro_c {overflow: hidden;padding-top: 6em;}
.pro_c li{width:33.33%;float:left;text-align: center;margin-bottom: 7em;}
.pro_c li a{display:block;padding:3% 2%;}
.pro_c li .pros{background:#fff url(../images/index06.png) no-repeat bottom right;box-shadow: 0 0.9375em 1.275em rgb(0 0 0 / 15%);-webkit-box-shadow: 0 0.9375em 1.275em rgb(0 0 0 / 15%);-moz-box-shadow: 0 0.9375em 1.275em rgb(0 0 0 / 15%);-o-box-shadow: 0 0.9375em 1.275em rgb(0 0 0 / 15%);position: relative;}
.pro_c li .pros .pic{overflow: hidden;padding: 0 2em;transform: translateY(-100px);-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);}
.pro_c li .pros .pic img{width:100%;height:100%;}
.pro_c li .pros .name{position:absolute;bottom:3.5em;left: 2em;right:2em;}
.pro_c li .pros .name span{float:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;;}
.pro_c li .pros .name small{display:inline-block;float:right;width:19px;height:20px;background:url(../images/index01.png) no-repeat bottom 5px right;}
.pro_c li a:hover .pros{background:#194695 url(../images/index07.png) no-repeat bottom right;}
.pro_c li a:hover .pros .name span{color:#fff;}
.pro_c li a:hover .pros .name small{background:url(../images/index02.png) no-repeat bottom 5px right;}

@media screen and (max-width:1440px) {
.pro_c li .pros .pic{padding:0 1em;}
.pro_c li .pros .name{left:1em;right:1em;}
}

@media screen and (max-width:1024px) {
.pro_c li{width:50%;}
.pro_c li:last-child{width:100%;margin-bottom:3em}

}

@media screen and (max-width:780px) {
.pro_c{padding-top:4.5em}
.pro_c li{margin-bottom: 4.5em;}
.pro_c li .pros , .pro_c li a:hover .pros{background-size:50%;}
.pro_c li .pros .name{bottom:1.5em;}
.pro_c li .pros .pic{transform: translateY(-60px);-webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-o-transform: translateY(-60px);}
}

@media screen and (max-width:500px) {
.pro_c { padding-top: 3em;}
.pro_c li{margin-bottom: 3em;}
.pro_c li .pros .name {bottom: 0.5em;}
.pro_c li .pros .pic{ padding: 0 0.5em;transform: translateY(-40px);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-o-transform: translateY(-40px);}
.pro_c li .pros .name small{display:none;}
}

/*简介*/
.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:50%;float:left;background:url(../images/index08.png);padding:2em 0;}
.ab_d .right{width:50%;float:right;background:url(../images/index09.png);padding:2em;}
.ab_d li{width:50%;float:left;text-align:center;}
.ab_d li:first-child{border-right:1px solid #d5d5d5;}
.ab_d h2{color:#194695;font-size:40px;display:inline-block;font-family:"1";}
.ab_d small , .ab_d p{color:#8a8a8a;font-size:14px;}
.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;}
.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:1024px) {
.ab_d h2{font-size:30px;}
.ab_c .con{width:100%;}
}

@media screen and (max-width:780px) {
.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) {
.ab_d li{width:100%;margin-bottom:1em;}
.ab_d li:first-child{border-right:none;}

}

/*新闻*/
.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;margin-bottom:1%}
.new_c .right li a{display:block;padding:2em;border-bottom:1px solid #f3f3f3;overflow:hidden;}
.new_c .right .date{width:15%;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:80%;float:right}
.new_c .right .cont h2{font-size:16px;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:#194695;  }
.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;}
.new_c .right .date {width: 20%;}
.new_c .right .cont { width: 75%;}
}

@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;}
}


/*荣誉和案例*/
.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:#194695;border:1px solid #194695;}

@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:1150px) {
.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:920px) {
.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;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
}