.section{overflow: hidden;box-sizing:border-box;}
.top h1{color: #fff;font-size: 2vw;}
.top p{font-size: 16px;color: #fff;line-height: 2.0;}

.banner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-pagination{bottom: 4vw;text-align: left;padding-left: 4vw;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 3px;height: 15px;background-color: #ffc014;opacity: 1;border-radius: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{height: 20px;}
.banner .swiper-container,.banner  .BannerShow_b1,.banner {height: 100%;}
.Mob-ban{display: none;}
.PC-ban{height:100%;}
.section .content{width: 80.9%;margin: 0 auto;padding-top: 5vw;}
.box-about .content .img{width: 37.7%;position: relative;border-radius: 20px;}
.box-about .content .img img{width: 100%;}
.box-about .content .img:after{z-index: -1;display: block;content: "";width: 100%;height: 100%;position: absolute;border-radius: 20px;
right: 3vw;top: 3vw;background: #0b53a2;}
.box-about .content .txt{width: 57%;}
.box-about .content .txt .top{margin-bottom: 7.5vw;padding-top: 5.2vw;}
.box-about .content .txt h1{font-size: 2vw;color: #0b53a2;line-height: 1.6;display: block;}
.box-about .content .txt span{font-size: 27px;display: block;}
.box-about .content .tap-content{display: none;}
.box-about .content .tap-content p{font-size: 16px;color: #000000;line-height: 2.0;text-indent: 2em;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.box-about .content .txt .tap-btn{margin-bottom: 2vw;}
.box-about .content .txt .tap-btn li {display: inline-block;}
.box-about .content .txt .tap-btn a{font-size: 16px;color: #000000;padding: 1vw 2vw;border-radius: 14px;font-size: 16px;color: #000000;cursor: pointer;display: inline-block;}
.box-about .content .txt .tap-btn a:hover{color: #fff;background: -webkit-linear-gradient(90deg,#3873b3, #054f9f); 
 background: -o-linear-gradient(90deg,#3873b3, #054f9f); background: -moz-linear-gradient( 90deg,#3873b3, #054f9f);background: linear-gradient(90deg,#3873b3, #054f9f); }
.box-about .content .txt .tap-btn li.on a{color: #fff;background: -webkit-linear-gradient(90deg,#3873b3, #054f9f); 
  background: -o-linear-gradient(90deg,#3873b3, #054f9f); background: -moz-linear-gradient( 90deg,#3873b3, #054f9f);background: linear-gradient(90deg,#3873b3, #054f9f); }
.box-about .content .txt .show{display: block;}

.box-product{background: url(../image/p_bg2.jpg) no-repeat right center;background-size:100% 100%;padding-left: 6.9%;padding-top: 6.7vw;
}
.box-product .top{margin-bottom: 4vw;padding-right: 9.3vw;}
.box-product .top h1{display: inline-block;}
.box-product .top p {display: inline-block;float: right;width: 45.5%;text-indent: 2em;}
.box-product .product-series{width: 52%;}
.box-product .product-series li{display: block;width: 33.3%;float: left;text-align: center;margin-bottom: 1.8vw;}
.box-product .product-series li:nth-last-child(1) .pic{position: relative;}
.box-product .product-series li:nth-last-child(1) h3{display: block;position: absolute;top: 50%;left: 50%;font-size: 26px;color: #fff;font-weight: normal;
transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);left: 50%;}
.box-product .product-series span{font-size: 16px;color: #fff;display: block;line-height: 1.5;}
.box-product .product-series img{max-width: 100%;transition:.4s all ease;}
.box-product .product-series li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.box-product .bottom .fr { mix-blend-mode: overlay;color: #fff;background: url(../image/bi.png) no-repeat right top ;background-size: 11.4vw auto;
padding-top: 7.3vw;padding-right: 5.2vw;position: absolute;bottom: 8.3vw;right: 3.6vw;}
.box-product .bottom .fr h1{font-size: 5.2vw;font-family: "宋体";font-weight: bold;line-height: 1.0;}


.box-news{background: url(../image/n_bg.jpg) no-repeat no-repeat right center;background-size:100% 100%;}
.box-news .top{margin-bottom: 2vw;}
.box-news .vmore{display: inline-block;padding: 1vw 2vw;color: #fff;font-size: 16px;margin-top: 1.5vw;border-radius: 14px; background: -webkit-linear-gradient(90deg,#3873b3, #054f9f); 
  background: -o-linear-gradient(90deg,#3873b3, #054f9f); background: -moz-linear-gradient( 90deg,#3873b3, #054f9f);background: linear-gradient(90deg,#3873b3, #054f9f);}
.box-news .fr{width: 77.4%;   }
.box-news li{width: 31.4%;float: left;display: block;margin-right: 2.9%;position: relative;height: 24.5vw;}
.box-news li:nth-child(3n){margin-right: 0;}
.box-news li h3 {margin-bottom: 1vw;}
.box-news li h3 a{font-size: 18px;color: #d4d4d4;line-height: 1.5;height: 3em;display: block;padding: 0 1vw;box-sizing: border-box;overflow: hidden;}
.box-news li p:nth-of-type(1){font-size: 14px;color: #d4d4d4;line-height: 1.5;display: block;margin-bottom: 1.5vw;height: 4.5em;
    padding: 0 1vw;box-sizing: border-box;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-news li .nwimg {border-radius: 15px;display: block;height: 13.3vw;overflow: hidden;margin-bottom: 2vw;}
.box-news li .nwimg img{display: block;width: 100%;border-radius: 15px;}
.box-news li h3 a:hover {color: #fff;}
.box-news li .ntime{text-align: right;font-size: 14px;color: #d4d4d4;line-height: 1.5; padding: 0 1vw;box-sizing: border-box;}
.box-news li:nth-of-type(2) {background: rgba(255,255,255,0.5);padding-top: 1.5vw;border-radius: 15px;} 
.box-news li:nth-of-type(2) .nwimg{margin-bottom: 0;margin-top: 2vw;position: absolute;bottom: 0;}
.box-news li:nth-of-type(2) a,.box-news li:nth-of-type(2) p{color: #fff;}

.box-contact{background: #2f6db0 url(../image/c_bg.jpg) no-repeat right top;background-size: 100% 33vw;}
.box-contact h3{font-weight: normal;color: #fff;}
.box-contact .top h2{font-size: 1.5vw;margin-top: 1.5vw;margin-bottom: 1vw;line-height: 1.2;font-weight: normal;color: #fff;}
.box-contact ul.contact-list{margin-top: 3vw;margin-bottom: 1.5vw;}
.box-contact ul.contact-list li{display: block;float: left;width: 50%;margin-bottom: 0.5vw;}
.box-contact ul.contact-list li p{font-size: 16px;color: #ffffff;line-height: 1.5;}
.box-contact ul.logo-list li{height: 3vw;float: left;margin-right: 1vw;}
.box-contact ul.logo-list li img{height: 100%;display: block;}
.box-contact .footer{right: 0;position: absolute;bottom: 0;}
.box-contact li.qq p{display: inline-block;}
.box-contact li.qq a{display: inline-block;/*transform: translate(5px,5px);*/position: relative;top: 5px;}

@media screen and (max-width: 1024px){
    .section{padding-top: 80px;box-sizing:border-box;}
    body{padding-top: 0;}
    .top h1{font-size: 4vw;}

    .box-product .top{padding-top: 3vw;}
    .box-product .top p{width: 60%;}

    .box-about .content .txt{width: 100%;}
    .box-about .content .img{width: 60%;}
    .box-about .content .txt h1{font-size: 30px;}

    .box-product .product-series{width: 100%;}
    .box-product .bottom .fr{display: none;}
    .box-product{padding: 120px 5% 0 5%;}
     .box-news .fl{float: none;}
    .box-news .fr{width: 100%;float: none;    margin-top: 30px;}
    .box-news li{width: 100%;margin-bottom: 3vw;height: auto;}
    .box-news li .nwimg{width: 35%;float: right;height: 23vw;}
    .box-news li h3{width: 60%;display: inline-block;}
    .box-news li p{width: 60%;display: inline-block;}
    .box-news li:nth-of-type(2) .nwimg{position: static;float: right;margin: 0;}
    .box-news li:nth-of-type(2){background-color: transparent;}

    .box-contact{background-size: auto 70%;}
    .box-contact .top h2{font-size: 22px;margin-top: 4.5vw;margin-bottom: 4vw;}
    .box-contact ul.logo-list li{height: 7vw;}

    .box-about .content .img:after{border-radius: 5px;}

}
@media screen and (max-width: 640px){
    .section{padding-top: 15.6vw;}
    .PC-ban{display: none;}
    .Mob-ban{height: 100%;display: block;}

    .box-about .content .img{width: 75%;margin-left: 5%;}
    .box-about .content .txt h1{font-size: 5.5vw;}
    .box-about .content .txt span{font-size: 5vw;}
    .box-about .content .txt .top{margin-bottom: 5vw;}
    .box-about .content .tap-content p{font-size: 3.8vw;line-height: 2.0;-webkit-line-clamp: 5;display: none;}
    .box-about .content .tap-content p:nth-child(1){display: inline-block;}

    .box-about .content .txt .tap-btn li{font-size: 3.8vw;}
    .box-about .content .txt .show {display: block;height: 10em;overflow: hidden;}
    .box-about .content .txt .tap-btn a{font-size: 3.8vw;}

    .box-product{padding: 0;padding: 16vw 3% 0 3%;box-sizing:border-box;}
    .box-product .top h1,.top h1{font-size: 7vw;}
    .box-product .top p{width: 100%;font-size: 3.8vw;margin-top: 1em;}
    .box-product .bottom .fl{width: 100%;}
    .box-product .bottom .fr{display: none;}

    .section .content{width: 94%;padding-top: 5.5vw;}
    .box-product .product-series span{font-size: 3.8vw;margin-bottom: 0;}
    .box-product .product-series li{margin-bottom: 6vw;}
    .box-product .product-series li:nth-last-child(1) h3{font-size: 4.2vw;}

    .box-news li h3 a{height: auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
    .box-news li h3 a{font-size: 4.2vw;}

    .box-news .top{display: inline-block;}
    .box-news .fl{float: right;}
    .box-news li p:nth-of-type(1){font-size: 3.8vw;height: 3em;-webkit-line-clamp: 2;}
    .box-news li .ntime{font-size: 3.6vw;text-align: left;}
    .box-news li{margin-bottom: 5vw;}
    .box-news li .nwimg{height: 30vw;}
    .box-news .vmore{font-size: 3.8vw;padding: 2vw 3vw;border-radius: 5px;}

    .box-product .top h1, .top h1{font-size: 6vw;}
    .box-contact .top h2{font-size: 4.5vw;}
    .box-contact ul.contact-list li p{font-size: 3.8vw;}
    .box-contact ul.contact-list li{width: 100%;margin-bottom: 5px;}
    .box-contact ul.logo-list li{height: 11vw;}
    .box-contact{background-size: auto 100%;}
    .copyright{margin: 0 auto;}


}