.ban a{display: block;height: 38.5vw;overflow: hidden;pointer-events: none;background-size: cover;}
.ban img{width: 100%;display: block;height: 100%;object-fit:cover;}
#swiper-container1{position: relative;}
#swiper-container1 .swiper-pagination{width: 100%;text-align: center;}
#swiper-container1 .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;margin: 0 10px;display: inline-block;opacity: 1;}
#swiper-container1 .swiper-pagination-bullet-active{position: relative;background-color: #19458d;}
.ban{position: relative;}
.ban ul {z-index: 1;display: block;width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgba(1,71,157,0.5);padding: 0 13.5%;
box-sizing: border-box;}
.ban ul li{width: 33.3%;color: #fff;float: left;padding: 1.82vw 0;}
.ban ul li a{display: table;color: #fff;text-transform: uppercase;height: 100%;}
.ban ul li:nth-child(2) a{margin: 0 auto;}
.ban ul li:nth-child(3) a{float: right;}
.ban ul li div{text-align: left;display: table-cell;vertical-align: middle;}
.ban ul li p{display: block;font-size: 18px;padding-left: 1.14vw;margin-bottom: 5px;}
.ban ul li span{display: block;font-size: 14px;padding-left: 1.14vw;}
.ban ul li img{height: 2.5vw;}
.ban ul li p br{display: none;}

.box {margin: 120px auto 80px auto;}
.box .top{margin-bottom: 60px;display: table;width: 100%;}
.box .ResTitle_a1{vertical-align: middle;display: table-cell;}
.box .ResTitle_a1 span{font-size: 30px;color: #333;margin-right: 10px;}
.box .ResTitle_a1 em{font-size: 16px;color: #999999;}
.box .ResTitle_a1 br{display: none;}
.box .page, .box #load_more_button{display: none;}
.box .more{float: right;width: 178px;height: 58px;line-height: 58px;border: 1px solid #19458d;font-size: 14px;
    color: #19458d;text-align: center;display: block;}
.box .more:hover{background-color: #19458d;color: #fff;}

.box_about{margin: 0 auto !important;background: url(../images/about_bg.jpg) no-repeat; background-size: 100%;}
.box_about .inner{width:73%;margin: 0 auto;padding-top: 60px;}
.box_about .ResTitle_a1 em{font-size: 3.125vw;color: #fff;font-family: Arial,"微软雅黑";font-weight: bold;width: 100%;
    display: inline-block;line-height: 1.0;margin-bottom: 20px;text-transform: uppercase;}
.box_about .ResTitle_a1 span{color: #fff;font-size: 24px;line-height: 1.0;display: inline-block;position: relative;}
.box_about .ResTitle_a1 span::after{content: "";display: block;background-color: #fff;height: 1px;width: 90px;position: absolute;right: -110px;top: 14px;}
.box_about .more{border-color: #fff;color: #fff;margin-top: 2.08vw;}
.box_about .more:hover{background-color: #fff;color: #19458d;}
.box_about .group {height: 540px;overflow: hidden;}
.box_about .group div{width: 25%;float: left;color: #333333;font-size: 1.25vw;text-align: center;height: 100%;position: relative;}
.box_about .group .txt{width: 100%;background-color: #ffffff;height: 50%;display: table;position: absolute;top: 0;left: 0;}
.box_about .group .txt p{display: table-cell;width: 100%;vertical-align: middle;line-height: 46px;}
.box_about .group .img{width: 100%;height: 50%;overflow: hidden;position: absolute;bottom: 0;left: 0;}
.box_about .group .img img{height: 100%;display: block;}

.box_about .group .ab1{color: #fff;background-color: #00b8ce;padding: 20px;box-sizing:border-box;display: block;}
.box_about .group .ab1 .txt{border: 1px solid #33c6d8;width: 100%;padding: 50px 40px 50px 30px;box-sizing: border-box;
    color: #fff;font-size: 12px;line-height: 30px;text-align: left;background-color: #00b8ce;height: 100%;position: static;}
.box_about .group .ab1 .txt h4{font-size: 1.25vw;line-height: 1.5;margin-bottom: 5.2vw;position: relative;}
.box_about .group .ab1 .txt p{display: inline-block;line-height: 2.0;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}
.box_about .group .ab1 .txt h4::after{content: "";display: block;background-color: #fff;height: 3px;width: 30px;position: absolute;left: 0;top: 100px;}
.box_about .group .ab3 {position: relative;}
.box_about .group .ab3 .txt{background-color: #00a3d8;top:auto;bottom: 0;left: 0;color: #fff;}
.box_about .group .ab3 .img{top: 0;bottom: auto;}

.box_product{width: 73%;}
.box_product .tap_box{width: 100%;overflow: hidden;text-align: center;display: none;}
.box_product .ClassList_b3 {display: inline-block;float: right;margin-top: 15px;}
.box_product .ClassList_b3 li{display: block;float: left;box-sizing: border-box;margin-left: 3.125vw;}
.box_product .ClassList_b3 li a{color: #999999;font-size: 14px;}
.box_product .ClassList_b3 li a:hover{color: #19458d;}
.box_product .ClassList_b3 .on a{color: #19458d;}
.box_product div.show { display: block;}

.box_news{width: 73%;margin: 100px auto 123px auto;}
.box_news .top{margin-bottom: 40px;}
.box>.more{display: none;}

@media screen and (max-width: 1380px){
    .ban ul{padding: 0 10%;}
    .box_news,.box_product{width: 80%;}
    .box_about .inner{width: 80%;}
}
@media screen and (max-width: 1200px){
    .ban ul li span{display: none;}
    .ban ul li p{margin-bottom: 0;}
}
@media screen and (max-width: 1024px){
    #swiper-container1 .swiper-pagination{bottom: 100px;}
    .ban ul{padding: 0 5%;}
    .ban ul li p{font-size: 14px;}
    .ban ul li img{height: 20px;}
    .box_news,.box_product{width: 90%;}
    .box_about .inner{width: 90%;}
    .box{margin: 62px auto 40px auto;}
    .box .top{margin-bottom: 35px;}
    .box .more {width: 158px;height: 48px; line-height: 48px;}

    .box_about .group div{width: 33.3%;}
    .box_about .group .ab4{display: none;}
}
@media screen and (max-width: 768px){
    
    .box_about{background-size: cover;}
    .box_about .group{height: auto;margin-bottom: 3vw;}
    .box_about .group .ab1{width: 100%;margin-bottom: 3vw;}
    .box_about .group .ab1 .txt h4{font-size: 24px;}
    .box_about .group .ab1 .txt h4 br{display: none;}
    .box_about .group .ab4{display: block;}
    .box_about .group .ab1{width: 100%;height: auto;background-color: transparent;padding: 0;}
    .box_about .group .ab1 .txt{background-color: transparent;border: none;padding: 0;}
    .box_about .group .ab4,.box_about .group .ab3,.box_about .group .ab2{height: 370px;}
    .box_about .group .ab1 .txt h4::after{display: none;}

    .box_about{padding-bottom: 40px;}
    .box>.more{float: none;margin: 0 auto;display: block;}
    
    .box .top{margin-bottom: 25px;}
    .box .top .more{display: none;}
    .box .ResTitle_a1{display: block;}
    .box_product .ClassList_b3 {width: 100%;text-align: center;display: block;margin-top: 30px;}
    .box_product .ClassList_b3 li{float: none;margin: 0 2%;float: none;display: inline-block;}
}
@media screen and (max-width: 640px){
    .m_ban{display: block;}
    .ban ul{display: none;}
    .ban ul{padding: 10px 3%;}
    .ban ul li p{font-size: 12px;}
    .ban ul li p br{display: block;}
    .ban ul li img{height: 30px;}
    
    .box_news,.box_product{width: 94%;}
    #swiper-container1 .swiper-pagination{bottom: 7%;}
	#swiper-container1 .swiper-pagination-bullet{;width: 8px;height: 8px;margin: 0 5px !important;}
	#swiper-container1 .swiper-pagination-bullet-active:before{display: none;}
   
    .box .ResTitle_a1 span{font-size: 26px;}
    .box{margin: 40px auto;}
    .box_product .ClassList_b3{display: none;}
    .box_about .ResTitle_a1 em{font-size:36px;}
    .box_about{background-size: cover;}
    .box .top,.box_news .top{margin-bottom: 25px;}
    .box_about .group .ab1 .txt p{font-size: 3.8vw;}
    .box_about .group .ab1 .txt h4{font-size: 4.2vw;}
    .box_about .ResTitle_a1 em{font-size: 5.5vw;margin-bottom: 2vw;}
    .box .ResTitle_a1 span{font-size: 5vw;}
    .box .top, .box_news .top{font-size: 4vw;}
    .box_about .group .txt{display: none;}
    .box_about .group .ab1 .txt{display: block;}
    .box_about .group .img{position: static;display: none;}
    .box_about .group .ab4, .box_about .group .ab3, .box_about .group .ab2{height: auto;}

    .box .more {width: 30%;height: auto;line-height: 2.0;padding: 1vw 0;}
}