.wow{
    -webkit-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
#swiper-container1{width:100%;}
#swiper-container1 .swiper-slide img{width: 100%;display: block;}

.m_ban{display: none;}

img{max-width: 100%;}
.banner .swiper-pagination{width: 91%;text-align: left;left: 4.5%;bottom: 2vw;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: transparent;border:2px solid #274e85; display: inline-block;opacity: 1 !important;margin:0 13px 0 0 !important;}
.banner .swiper-pagination-bullet-active{background-color: #274e85;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{opacity: .7;transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);
    transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.banner .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
    -webkit-animation-duration: 0.8s;-o-animation-duration: 0.8s;animation-duration: 0.8s;
 -webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}

.box .page, .box #load_more_button{display: none;}
.more{height: 3.85vw;line-height: 3.85vw;font-size: 1.3vw;color: #fff;display: block;width: 16.8vw;text-transform: uppercase;
    text-align: center;margin-top: 2.6vw;background: linear-gradient(300deg,#0b66c6 54%, #049ac2);background: -ms-linear-gradient(300deg,#0b66c6 54%, #049ac2);
background: -webkit-linear-gradient(300deg,#0b66c6 54%, #049ac2);transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}

.ResTitle_a1{text-align: left;margin-bottom: 4vw;position: relative;}
.ResTitle_a1 b{font-weight: 800;font-size: 6vw;color: #0066f1;opacity: 0.1;font-family: Arial;line-height: 1.2;}
.ResTitle_a1 em{width: 100%;font-size: 2vw;color: #274e85;display: block;font-weight: bold;position: absolute;top: 4vw;}
.ResTitle_a1 span{font-size: 1.5vw;color: #0f2748;text-transform: capitalize;font-weight: bold;}
.ResTitle_a1 h5{font-weight: bold;font-size: 1.5vw;color: #0f2748;}
.ResTitle_a1 p{color: #13253f;font-size: 1.2vw;}

.box-about{padding: 2.6vw 6.5% 5.3vw 6.5%;overflow: hidden; background: url(../image/abl2.jpg) left center no-repeat;background-size: auto 100%;box-sizing:border-box;}
.box-about .ResTitle_a1{text-align: left;margin-bottom: 0;}
.box-about .fl{width: 38%;border-radius: 8px;overflow: hidden;margin-top: 4.4vw;box-shadow: 4px 5px 1vw 1px rgba(0,89,111,0.05);}
.box-about .fl img{display: block;width: 100%;}
.box-about .fr{width: 55.9%;margin-right: 0;color: #13253f;}
.box-about .fr p{display: inline-block;margin-top: 1.5vw;line-height: 1.6;text-indent: 2em;font-size: 0.9vw;}

.box-product{width: 81%;margin: 0 auto 5.2vw auto;}
.box-product .ResTitle_a1{text-align: center;margin-bottom: 2vw;}
.box-product .ResTitle_a1 em{display: block;}
.box-product .pbox{display: block; border-radius: 5px;overflow: hidden;width: 46.6%;height: 15vw; background: url(../image/bg.png) no-repeat;position: relative;background-size: cover;padding: 2.8vw 3vw;box-sizing:border-box;
 box-shadow: 2px 5px 2vw 0px rgba(74,85,86,0.3);}
.box-product .pbox h3{font-size: 1.4vw;color: #fff;font-weight: bold;text-align: left;}
.box-product .pbox.fr{background-image: url(../image/bg2.png);}
.box-product i{display: block;width: 5vw;height: 5vw;background: url(../image/chemistry.png) no-repeat;position: absolute;bottom: 2.8vw;max-height: 102px;max-width: 102px;
background-size: 100% auto;}
.box-product .more{margin: 2.6vw auto 0 auto;}

.box-case{margin: 3vw auto;overflow: hidden; background: url(../image/abr.jpg) right no-repeat;background-size: auto 100%;padding: 3vw 6%;box-sizing:border-box;}
.box-case .fl{width: 35.5%;}
.box-case .ResTitle_a1 p{margin-top: 1.5vw;display: block;}
.box-case .fr{width: 53.2%;margin-right: 7.9%;}
.box-case .ResTitle_a1{margin-bottom: 2vw;}
.box-case li {position: relative;float: left;width: 28.8%;margin-right: 6.8%;margin-bottom: 2.2vw;border-radius: 5px;overflow: hidden;box-shadow: 1px 6px 1vw 1px rgba(0,89,111,0.1);background: #fff;}
.box-case li:nth-child(3n){margin-right: 0;}
.box-case li a{height: 5.2vw;display: block;pointer-events: none;}
.box-case li img{display: block;max-width:100%;max-height: 80%;position: absolute;left: 50%;top: 50%;
transform: scale(1) translate(-50%, -50%);-ms-transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);}
.box-case li span,.box-case li h4{display: none;}
.box-case .more{float: right;margin-top: 0;}

.box-video{background: url(../image/vbg.jpg) bottom left no-repeat;background-size: 100% 6.5vw;padding-bottom: 3vw;margin-top: 2.6vw;}
.box-video a{width: 39vw;display: block;height: 21vw;background: url(../image/poster2.png) no-repeat;background-size: cover;margin: 0 auto;border-radius: 7px;overflow: hidden;}
.layui-layer{box-shadow: none !important;}
.box-video video{max-width: 100%;}

.box-news{box-sizing: border-box; padding: 0 6vw 4.3vw 6vw;position: relative;box-shadow: 0 45px 5vw 0px rgba(0,0,0,0.03);}
.box-news .ResTitle_a1{text-align: center;margin-bottom: 2.6vw;}
.box-news .swiper-pagination{width: 42.7%;text-align: left;bottom: 6vw;right: 2.4vw;left: auto;}
.box-news .swiper-pagination-bullet {width: 9px;height: 9px;background-color: #5f3937;display: inline-block;opacity: 1 !important;margin:0 1vw 0 0 !important;}
.box-news .swiper-pagination-bullet-active{background-color: #fecb09;}
.box-news .more{margin: 3vw auto 0 auto;}

.page,#load_more_button{display: none;}
@media screen and (min-width: 1024px){
    .box-case li a:hover h4{opacity: 1;height: 100%;}
    .more:hover{text-indent: 2em;}
}
@media screen and (max-width: 1250px){
    .box-about .fr p{font-size: 14px;}

}
@media screen and (max-width: 1024px) and (orientation: portrait){
    .ResTitle_a1 em{font-size: 2.4vw;}
    .ResTitle_a1 span{font-size: 2vw;}
    .ResTitle_a1 p{font-size: 16px;}
    .box-about .fr p.pc{display: none !important;}
}
@media screen and (max-width: 768px) and (orientation: portrait){
}
@media screen and (max-width: 640px){
    .banner .swiper-pagination-bullet{height: 2vw;width: 2vw;background-color: transparent;}
    .banner .swiper-pagination-bullet-active{background-color: #274e85;}
    .m_ban{display: block;height: 148vw;}
    .banner .swiper-pagination{bottom: 6vw;}
    .p_ban{display: none;}

    .ResTitle_a1{text-align: center;}
    .ResTitle_a1 b{font-size: 16vw;}
    .ResTitle_a1 em{font-size: 5.3vw;top: 9vw;}
    .ResTitle_a1 p{font-size: 3.8vw;}
    .ResTitle_a1 h5{font-size: 4vw;}

    .more{line-height: 1.5;height: auto;padding: 3vw 0;font-size: 3.6vw;width: 45vw;}
   
    .box-about{padding: 0;margin: 9vw auto 0 auto; background: none;}
    .box-about .ResTitle_a1{text-align: center;}
    .box-about .fr{float: none;width: 93%;margin: 0 auto 12vw auto;}
    .box-about .fr p{font-size: 3.8vw;}
    .box-about .fl{float: none;width: 100%;padding: 9.73vw 0 8.4vw 0;border-radius: 0; background: url(../image/abl2.jpg) -6% bottom no-repeat;background-size: auto 100%;box-shadow: none;}
    .box-about .fl img{width: 73%;margin-right: 3.5%;margin-left: auto;border-radius: 2vw;box-shadow: 4px 5px 1vw 1px rgba(0,89,111,0.05);}
    .box-about .fr p.pc{display: none;}
    .box-about .more{margin-top: 8vw;}

    .box-case{width: 100%; background: none;padding: 0;margin: 6vw auto;background: url(../image/mbg2.jpg)  no-repeat;background-size: 100% auto;background-position: left 62%;}
    .box-case .fl{float: none;width: 100%;text-align: center;}
    .box-case .fr{float: none;width: 100%;}
    .box-case .PhotoList_i1,.box-case .ResTitle_a1{width: 93%;margin: 0 auto;}
    .box-case li,.box-case li:nth-child(3n){width: 46.1%;margin-right: 7.8%;border-radius: 1vw;margin-bottom: 5.6vw;box-shadow: 4px 5px 1vw 1px rgba(0,89,111,0.05);}
    .box-case li:nth-child(2n){margin-right: 0;}
    .box-case li a{height: 18vw;}
    .box-case li:last-child{display: none;}
    .box-case .more{float: none;margin: 6.8vw auto 0 auto;}
    .box-case .ResTitle_a1 p{text-align: left;}
    .box-case .ResTitle_a1 p br{display: none;}
    .box-case .ResTitle_a1 {margin-bottom: 9vw;}

    .box-product{width: 100%; box-sizing: border-box;padding: 9vw 3.5% 0 3.5%;background: url(../image/mbg.jpg) no-repeat;background-size: 38.6% auto;background-position: left 0;}
    .box-product .ResTitle_a1{margin-bottom: 5.6vw;}
    .box-product .pbox{float: none;width: 100%;height: 40.5vw;margin-bottom: 5vw;padding: 8vw 7vw;}
    .box-product .pbox h3{font-size: 4.5vw;}
    .box-product i{bottom: 8vw;width: 13.8vw;height: 13.8vw;}

    .box-video{margin: 19vw auto 10vw auto;padding: 0 0 7vw 4%;background-size: 100% 17.5vw;box-sizing: border-box;}
    .box-video video{width: 93%;margin: 0 auto;}

    .box-news{padding: 0;width: 93%;margin: 0 auto 11.2vw auto;box-shadow: none;}
    .box-news .more{margin-top: 9vw;}
    .box-news .ResTitle_a1{margin-bottom: 12vw;}

}