@charset "utf-8";
body{background: #fafafa;}
.BannerShow_c1 img{display: block;max-width: 100%;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;max-height: 47.5vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;overflow: hidden;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}
.p_ban .BannerShow_b1 .swiper-pagination{z-index: 1;font-size: 0;text-align: right;bottom: 3vw;left: 8.35%;width: 83.3%;}
.p_ban .BannerShow_b1 .swiper-pagination span{border: 1px solid #aaaaaa;width: 2vw;height: 4px;min-width: 6px;border-radius: 0; display: inline-block;vertical-align: bottom;}
.p_ban .BannerShow_b1 .swiper-pagination-bullet-active{background: #0e98e7 !important;border-color: #0e98e7 !important;
    width: 35px;height: 3px; opacity: 1;
}
.p_ban .arrow{position: absolute;right: 8.35vw;bottom: 5vw;font-size:0;z-index: 2;font-size: 0;}
.p_ban .swiper-slide{overflow: hidden;}
.p_ban .swiper-slide img{display: block;width: 100%;opacity: .85;transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
.p_ban .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}

.box-product .arrow{text-align:right;font-size: 0;}
.arrow .swiper-button-prev,.arrow .swiper-button-next{width: 2.5em;padding: 0.2em 0; line-height: 1.5; color: #fff;height: auto;
    position: static;font-size: 1.3vw;border-radius: 0.2em;display: inline-block;font-weight: normal;font-family: '宋体',Simsun;
    text-align: center;background-image: none ;background-color: #d2d2d2;margin:0;
}
.arrow .swiper-button-prev{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.arrow .swiper-button-next{border-top-left-radius: 0;border-bottom-left-radius: 0;}

.page,#load_more_button{display: none;}

.b-f5{background-color: #f5f5f5;}

.box .page, .box #load_more_button{display: none;}
.mymore{color: #fff;width: 11em;padding: 0.5em 0;box-sizing: border-box;position: relative;background-color: #0061ae;
    display: block;text-align: center;text-transform: uppercase;border-radius: 2em;line-height: 1.5;
    background: -webkit-linear-gradient(left, #0e49e7, #0e97e7);
    background: -o-linear-gradient(left, #0e49e7, #0e97e7);
    background: linear-gradient(to right, #0e49e7, #0e97e7);
}
.mob.mymore{display: none !important;}

.ResTitle_a2{line-height: 1.2;position: relative;font-size: 1.8vw;}
.ResTitle_a2 span{color: #ababab;display: block;position: relative;z-index: 2;}
.ResTitle_a2 em{display: block;text-transform: uppercase;color: #0e98e7;font-family: Arial;
    font-weight: bold;position: relative;z-index: 2;font-size: 3.4vw;line-height: 1.2;}
.ResTitle_a2 span:after{content: "";display: block;width: 1.6em;background: #0e98e7;height: 6px;border-radius: 3px;margin-top: 0.5em;}
.ResTitle_a2 br{display: none;}

.box-product {background:url(../images/bg1.jpg) left bottom no-repeat;background-size: 36% 100%;}
.box-product .ResTitle_a2 span,.box-product .ResTitle_a2 em{display: inline-block;vertical-align: middle;}
.box-product .ResTitle_a2 span{margin-left: 0.5em;}
.box-product .ResTitle_a2{margin-left: 8.35vw;}
.box-product .L{width: 40%;}
.box-product .L img{max-width: 100%;display: block;}
.box-product .R{width: 45.8%;margin-left: 6%;}
.box-product .ProductList_b2 li{position: relative;overflow: hidden;}
.box-product .ProductList_b2 li h3{font-size: 18px;text-align: center;color: #666;margin-top: 1em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;
}
.box-product .ProductList_b2 li .picimg{background-color: #eeeeee;margin-bottom: 0;height: 19vw;border: 2px solid #eeeeee;
    box-sizing:border-box;border-radius: 10px;position: relative;}
.box-product .ProductList_b2 li .picimg img,.box-app ul li img{max-width: 95%;max-height: 95%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.ClassList_b3 {max-width: 100%;text-align:right;padding-top: 4.5vw;}
.ClassList_b3 li{display: inline-block;margin-left: 1.5vw;border-bottom: 4px solid transparent;line-height: 1.8;}

.box-case .main-w{box-sizing: border-box;padding: 0 4vw;}
.box-case .ResTitle_a2 span:after{margin-left: auto;margin-right:auto;}
.box-news .ResTitle_a2 span:after{margin-left: auto;margin-right:auto;}
.box-case li{float: left;width: 22.5%;margin-right: 3.33%;}
.box-case li:nth-of-type(2),.box-case li:nth-of-type(3){padding-top: 3vw;}
.box-case li:last-child{padding-right: 0;margin-right: 0;}
.box-case li a{height: 17.4vw;display: block;overflow: hidden;border-radius: 10px;}
.box-case li img,.NewsList_g2 .nwimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-case li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 1em;text-align: center;display: block;}
.box-case li h4,.box-product .ProductList_b2 span{display: none;}

.box-com {position: relative;overflow: hidden;background:url(../images/bg2.jpg) right top no-repeat;background-size: auto 100%;}
.box-com .ResTitle_a2 span{display: none;}
.box-com .ResTitle_a2 em{position: relative;padding-left: 5vw;}
.box-com .ResTitle_a2 em:after{content: "";display: block;width: 4.4vw;background: #eeeeee;height: 4.4vw;border-radius: 50%;
    position: absolute;top: 0;left: 0;
}
.box-com .ResTitle_a2 em:before{content: "";display: block;width: 2.6vw;background: #eeeeee;height: 2.6vw;border-radius: 50%;
    position: absolute;top: 0.9vw;left: 0.9vw;z-index: 1;
    background: -webkit-linear-gradient(left, #0e49e7, #0e97e7);
    background: -o-linear-gradient(left, #0e49e7, #0e97e7);
    background: linear-gradient(to right, #0e49e7, #0e97e7);
}
.box-com .L img{display: block;width: 100%;position: relative;z-index: 1;}
.box-com .L{ width: 39.3%;margin-left: 8.35%;padding-top: 7vw;}
.box-com .L .txt{width: 610px;max-width: 100%;}
.box-com .R{ width: 47.4%;padding-top: 5vw;}
.box-com .R .BannerShow_c1 {border-top-left-radius: 1vw;border-bottom-left-radius: 1vw; overflow: hidden;}
.num-list li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 7%;}
.num-list li i{display: block;}
.num-list .mymore{width: 6em;height: 6em;line-height: 6em;border-radius: 50%;padding: 0;}

.box-news{background:url(../images/bg3.jpg) center top no-repeat;background-size: cover;}
.box-news .L{width: 42%;}
.box-news .R{width: 51.2%;}
.NewsList_g2 .nwimg{display: none;}
.NewsList_g2 li{text-align: left;position: relative;box-sizing: border-box;padding: 1.5vw 2.6vw;margin-bottom: 3vw;float: left;
    color: #808080;border: 1px solid #959595;width: 47.5%;margin-right: 5%;
}
.NewsList_g2 li:nth-child(2n){margin-right: 0;}
.NewsList_g2 b{margin-bottom: 0.5vw;padding-bottom: 0.5vw; font-weight: bold;font-size: 18px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
}
.NewsList_g2 h3 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block;}
.NewsList_g2 p{ font-size: 14px;font-style: normal;line-height: 1.8;height: 3.6em;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 .ntime{width: 100%; display: block;height: auto;font-size: 16px;font-weight: bold;margin: 0.5em 0;}
.NewsList_g2 i{display: none;}
.NewsList_g2 p:last-child{display: none;}
@media screen and (min-width: 1250px) {
    .box-case li:hover span{color:#0061ae;}

    .box-product .ProductList_b2 li a:hover .picimg{border-color: #0061ae;background-color: #fafafa;}
    .box-product .ProductList_b2 li a:hover h3{color: #0061ae;}
    .mymore:hover{background: #f5f5f5;color: #0061ae;}

    .ClassList_b3 li:hover{border-color: #0061ae;color: #0061ae;}
    .NewsList_g2 li:hover {color: #fff;background: #0e98e7;border-color: #0e98e7;}
    
    .arrow div:hover {
        background: -webkit-linear-gradient(left, #0e49e7, #0e97e7);
        background: -o-linear-gradient(left, #0e49e7, #0e97e7);
        background: linear-gradient(to right, #0e49e7, #0e97e7);
    }
    .p_ban .BannerShow_b1 .swiper-pagination span:hover{background: #0e98e7 !important;border-color: #0e98e7;}

}
@media screen and (max-width: 1440px) {
    .box-product .ProductList_b2 li h3{font-size: 18px;}
}
@media screen and (max-width: 1250px) {
    .p_ban .arrow{right: 5%;}
    .arrow .swiper-button-prev, .arrow .swiper-button-next{font-size: 16px;}
    .ResTitle_a2 em{font-size: 26px;}
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 .ntime{font-size: 16px;}

}
@media screen and (max-width: 1024px) {
    .p_ban .BannerShow_b1 .swiper-pagination{width: 90%;left: 5%;}

    .ResTitle_a2 em{font-size: 38px;}
    .ResTitle_a2 span{font-size: 20px;}

    .box-product .L{width: 36%;}
    .box-product .arrow{margin-top: 3vw;}
    .box-product .ResTitle_a2{margin-left: 5vw;}
    .box-product .R{width: 55%;margin-left: 3%;}
    .box-product .ProductList_b2 li .picimg{height: 24vw;}
    
    .box-com .L{margin-left: 5%;width: 43%;}
    .num-list li{margin-bottom: 2vw;}
}
@media screen and (max-width: 768px){
    .box-news .L{display: none;}
    .box-news .R{float: none;width: 100%;}
    .NewsList_g2 .nwimg{height: 18vw;}
    .box-news .mymore{margin-top: 3vw;}
}
@media screen and (max-width: 640px){
    .p_ban .BannerShow_b1 .swiper-pagination{text-align:center;}
    .mymore{font-size: 3.8vw;margin: 6vw auto 0 auto;background-size: auto 60%;width: 9em;padding: 0.5em 1.5em 0.5em 1.2em;}
    .mob.mymore {display: block !important;}
    
    .ResTitle_a2 em{font-size: 8vw;font-weight: normal;}
    .ResTitle_a2 span{font-size: 4.5vw;}
    .ResTitle_a2 span:after{height: 2px;margin-top: 0.5em;}
    .box-case .ResTitle_a2 span:after{display: none;}

    .box-com{background-size: auto 60%;background-position: right bottom;}
    .box-com .ResTitle_a2 em:after{display: none;}
    .box-com .ResTitle_a2 em:before{display: none;}
    .box-com .ResTitle_a2 em{padding: 0;}
    .box-com .L,.box-com .R,.box-product .L,.box-product .R{width: 93%;display: block;float: none;margin-left: auto;margin-right:auto;}
    .box-com .mymore{float: none;}

    .box-product .ResTitle_a2{margin-left: 0;}
    .box-product .ProductList_b2 li .picimg{height: 45vw;}
    .box-product {padding: 12vw 0 6vw 0;background-size: contain;}
    .ClassList_b3{text-align: center;}
    .ClassList_b3 li{margin: 0 0.4em;}

    .box-case li a{height: 36vw;border-radius: 1.5vw;}
    .box-case li span{font-size: 3.8vw;}
    .box-case li{width: 47.5%;margin-right:5%;margin-bottom: 3vw;}
    .box-case li:nth-of-type(2n){margin-right: 0;}
    .box-case li:nth-of-type(2),.box-case li:nth-of-type(3){padding-top: 0;}

    .box-news{background:none;}
    .NewsList_g2 li{float: none;width: 100%;padding: 4vw;margin-bottom: 5vw;border-radius: 5px;}
    .NewsList_g2 b{font-size: 4.2vw;height: auto;}
    .NewsList_g2 .ntime{font-size: 14px;font-weight: bold;}
    .NewsList_g2 li p{font-size: 3.8vw;}
    .NewsList_g2 li:nth-of-type(3){display: none;}

}