#swiper-container1{width:100%;}
#swiper-container1 .swiper-slide img{width: 100%;display: block;}

.m_ban{display: none;}

img{max-width: 100%;}
.p_ban{position: relative;}
.p_ban .swiper-button-next,.p_ban  .swiper-button-prev{background: url(../images/wmore.png) center  no-repeat; opacity: 1;background-size: 100%;
 width: 3.4vw;height: 3.4vw;top: auto; bottom: 20vw;left: 8.3%;cursor: pointer;z-index: 6;box-sizing:border-box;}
.p_ban .swiper-pagination .swiper-pagination-customs-active{border-color: #fff;opacity: 1;}
.p_ban .swiper-button-nexfwbt.imgnext{top: 50vw;right: 3.3%;background: none;width: 5.2vw;height: auto;}
.p_ban .swiper-pagination{width: 100%;text-align: right;bottom: 18vw;right: 9%;height: 12px;left: auto;}
.p_ban .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;display: inline-block;opacity: 1 !important;margin-left: 2vw;}
.p_ban .swiper-pagination-bullet-active{background-color: #ffc729;}
.p_ban #swiper-container1 .swiper-slide a {display: block;height: 59vw;}
.box .page, .box #load_more_button{display: none;}
.more{height: 55px;line-height: 55px;font-size: 14px;color: #e5ba74;font-weight: bold; display: block;margin: 0 auto;width: 180px;text-transform: uppercase;
    text-align: center;background: url(../images/more.png) 98% center no-repeat, linear-gradient(to right,#faf1e3 50%, transparent 22%);display: none;}
.box h4{font-size: 1.8vw;color: #182433;line-height: 1.0;display: inline-block;font-weight: bold; }

.ResTitle_a1{text-align: center;margin-bottom: 4vw;}
.ResTitle_a1 em{font-size: 2.4vw;color: #333333;font-weight: bold;display: block;text-transform: uppercase;}
.ResTitle_a1 span{font-size: 1.5vw;color: #333333;letter-spacing: 1vw;}
.ResTitle_a1 span:after{content: "";display: inline-block;margin-left: -1vw;height: 1em;width: 1px;}
.ResTitle_a1 br{display: none;}

.box-about {margin-top: 6.1vw;}
.box-about .fl{width: 76.5%;}
.box-about .fl p{color: #666666;line-height: 1.8;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
    overflow: hidden;max-height: 9em;text-indent: 2em;}
.box-about .top{width: 76%;margin: 0 auto 5.2vw auto;}
.box-about .bottom{background: #ffc729;font-size: 0;height: 20.8vw;line-height: 20.8vw;}
.box-about .bottom .BannerShow_c1{display: inline-block;width: 80%;height: 100%;}
.box-about .bottom .BannerShow_c1 div{height: 100%;}
.box-about .bottom b{color: #fff;font-weight: bold;font-size: 2.4vw;display: inline-block;float: right;text-align: center;width: 20%;}
.box-about img{display: block;height: 100%;}
.box-about .fr{width: 8.6%;margin-right: 8.6%;}
.box-about h4{font-size: 2.4vw;font-weight: bold;color: #333333;margin-bottom: 2.4vw;font-family: Arial;}
.box-about .more{float: left;}

.count_list {display: block;}
.count_list li{display: block;line-height: 1.0;text-align: left;margin-bottom: 5.3vw;}
/* .count_list li div:after{content: "+";position: absolute;color: #2c4c67;font-size: 1.8vw;top: 0;right: -40px;font-weight: bold;}*/
.count_list li div{font-size: 3.75vw;color: #2c4c67;position: relative; display: inline-block;font-weight: bold;font-family: Arial;}
.count_list li p{font-size: 14px;color: #999;margin: 0;height: 3em;line-height: 1.5;}
.count_list li:nth-last-child(1){margin-bottom: 0;}

.box-product{width: 83.3%;margin: -17vw auto 5vw auto;position: relative;z-index: 1;background: #fff;font-size: 0;height: 30vw;}
.box-product h4{display: block;position: relative;margin-bottom: 0.6em;font-weight: bold;font-size: 2.4vw;color: #333333;}
.box-product p{margin-bottom: 2.6vw;line-height: 1.8;color: #666666;font-size: 16px;height: 5.4em;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.box-product .txt a{display: block;width: 11em;max-width: 100%; background: #ffc729;border-radius: 3px;color: #fff;font-size: 16px;
    margin-top: 3.9vw; box-shadow: 0px 1px 15px 3px rgba(255,199,41,0.5);text-align: center;padding: 0.8em 0;}
.box-product .txt{width: 50%;height: 100%;display: inline-block;vertical-align: middle;background: #f8f8f7;padding: 8vw 6.25vw 2vw 6vw;box-sizing:border-box;}
.box-product .img{width: 27%;display: inline-block;vertical-align: middle;height: 100%;overflow: hidden;}
.box-product .img img{display: block;height: 100%;width: 100%;object-fit: cover;}
.box-product .swiper-slide-active{opacity: 1 !important;}

.box-product .ClassList_b3{display: inline-block;vertical-align: middle;height: auto; background: #ffffff;z-index: 3;margin-right: 1%;width: 22%;}
.box-product .ClassList_b3 span{cursor: pointer;color: #999;padding: 1.3vw 0 0 0;width: 80%;margin: 0 auto 0 20% ;opacity: 1;height: auto;border-radius: 0;
    border-right: 4px solid transparent;box-sizing:border-box;font-weight: bold;line-height: 1.5;font-size: 24px;background: none;text-align: left;display: block;}
.box-product .ClassList_b3 span a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.box-product .ClassList_b3 span em{font-size: 14px;font-family: Arial;display: block;width: 80%;
    padding-bottom: 1em;border-bottom: 1px solid #eeeeee;font-weight: normal;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.box_ser{margin: 0 auto;width: 100%; overflow-x: hidden;}
.box_ser .more{position: absolute;right: 0;bottom: 0;display: none;}
.box_ser .swiper-pagination{display: none;}
.box_ser .top {position: relative;margin-bottom: 4vw;}
.box_ser .top .ResTitle_a1{margin-bottom: 0;}
.box_ser .top h3{font-size: 24px;color: #333333;display: inline-block;}
.box_ser .ProductList_b2{overflow: visible !important;}
.box_ser li {height: 22vw;width: 20.3%;overflow: hidden;position: relative;}
.box_ser li .ceng{display: block;position: absolute;bottom: 0;left: 0;width: 100%;padding-top: 6vw;padding-bottom: 2vw;
background: -webkit-linear-gradient(transparent, rgba(18,78,128,0.7));
background: -o-linear-gradient(transparent, rgba(18,78,128,0.7));
background: linear-gradient(transparent, rgba(18,78,128,0.7));
color: #fff;text-align: center;box-sizing:border-box;}
.box_ser li p{font-size: 14px;color: #ffffff;}
.box_ser li span{width: 12em;max-width: 100%; padding: 0.8em 0; font-size: 16px; margin: 0 auto;background: #ffc729;border-radius: 3px;display: block;display: none;}
.box_ser li h3{font-size: 1.5vw;color: #fff;line-height: 1.5;margin: 0.35vw auto 0.7vw auto;width: 80%;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.box_ser a{display: block;position: relative;overflow: hidden;height: 80%;width: 95%;border: 1px solid #f5f5f5;box-sizing: border-box;
    margin: 0 auto;border-radius: 5px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.box_ser li.swiper-slide{
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
    -webkit-align-items: center;align-items: center;transition: 300ms;}
.box_ser li.swiper-slide-active a{width: 100%;height: 100%;}
.box_ser li.swiper-slide-active span{display: block;}

.contact-box{background-color: #171717;padding: 3vw 12.25% 3vw 47%;color: #fff;}
.contact-box p{font-size: 14px;margin-bottom: 1.2vw;}
.contact-box .logo{float: right;}

.box_news{width: 83.3%;margin: 6.3vw auto;}
.box_news #NewsList_a1 ul li{margin-bottom: 0;}

.page,#load_more_button{display: none;}
@media screen and (min-width: 1250px){
    .box-product .ClassList_b3 span:hover{border-color: #ffc729;color:#ffc729;}
    .box-product .ClassList_b3 span:hover a{color:#ffc729;}
    .box_ser li:hover .ceng span{display: block;}
    .box-product .txt a:hover, .box_ser li:hover span{background-color: #0f83e6;box-shadow: 0px 1px 15px 3px rgba(41, 107, 255, 0.3);}
}
@media screen and (max-width: 1480px){
    .p_ban .swiper-pagination{bottom: 19vw;}
    .box-product h4{font-size: 2vw;}
    .box_news{margin: 70px auto;}
    .box-product .ClassList_b3 span{font-size: 20px;}
}
@media screen and (max-width: 1250px){
    .box-product .ClassList_b3 span{font-size: 18px;}
    .box_ser li span{font-size: 14px;}
}
@media screen and (max-width: 1024px){
    .p_ban .swiper-pagination{top: 30vw;}
    .p_ban .swiper-button-next, .p_ban .swiper-button-prev{display: none;}
    .ResTitle_a1 span{font-size: 22px;}
    .ResTitle_a1 em{font-size: 30px;}
    .more{height: 40px;line-height: 40px;width: 140px;}

    .box-product{width: 90%;height: 33vw;}
    .box-product p{margin-bottom: 0;font-size: 14px;}
    .box-product h4{font-size: 20px;}
    .box-product .ClassList_b3 span{font-size: 16px;}
    .box-product .ClassList_b3 span{width: 85%;margin-left: 12.5%;}
    .box-product .txt a{font-size: 14px;}

    .box_ser li h3{font-size: 18px;}
    .box_ser li span{display: none;}
    .box_ser li{height: 35vw;}
    
    .box_news{width: 90%;margin: 5vw auto;}
    .box_news #NewsList_a1 ul li:nth-child(4){display: none;}
    .box-about{margin-top: 10vw;}
    .box-about h4{font-size: 3vw;}
    .box-about .top{width: 90%;}
    .box-about .fl{width: 65%;}
    .box-about .fr{width: 21%;}
}
@media screen and (max-width: 768px){
    .box-product .ClassList_b3{display: none;}
    .box-product .txt{width: 70%;}
    .box-product .img{width: 30%;}
    .box-product .img img{width: 100%;}
    .box-product .txt{padding: 3vw 5vw;}
}
@media screen and (max-width: 640px){
    .p_ban{position: relative;}
    .p_ban .swiper-pagination{text-align: center;width: 100%;right: 0;top: auto;bottom: 7vw;}
    .p_ban .swiper-pagination-bullet{margin: 0 2vw;width: 5px;height: 5px;}
    .count_list li + li{margin-top: 3vw;}
    .count_list li p{display: inline-block;height: auto;}
    .count_list li div{font-size: 8vw;margin-right: 2vw;}
    .count_list li div:after{font-size: 6vw;right: -10px;}
    .more{font-size: 3.8vw;width: auto;height: auto;padding: 3vw 5.5vw 3vw 5vw;line-height: 1.0;}
    .ResTitle_a1 em{font-size: 7vw;}
    .ResTitle_a1 span{font-size: 6vw;}
    .box-product{height: auto;width: 100%;margin: 0 auto 12vw auto;}
    .box-product h4{font-size: 6vw;}
    .box-product p{font-size: 3.8vw;}
    .box-product .txt{width: 100%;height: auto;padding: 9vw 5vw;}
    .box-product .txt a{height: 9vw;line-height: 9vw;box-shadow: none;width: 100%;padding: 0;font-size: 3.8vw;}
    .box-product .img{display: none;}
    .box-product .ClassList_b3{display: none;}

    .box_ser .ProductList_b2{height: 54vw;}
    .box_ser a{height: 100%;border-radius: 3px;}
    .box_ser li{height: 100%;}
    .box_ser li.swiper-slide-active span, .box_ser li:hover span{display: none;}
    .box_ser li span{width: 54%;font-size: 3.8vw;text-transform: uppercase;height: 8vw;line-height: 8vw;padding: 0;}
    .box_ser li h3{font-size: 4.2vw;margin: 2vw auto;}

    .box-about .top{width: 92%;}
    .box-about .bottom .BannerShow_c1{width: 62%;}
    .box-about .bottom b{width: 38%;font-size: 4vw;}
    .box-about .fl{position: static;float: none;width: 100%;}
    .box-about .fr{width: 92%;margin: 0 auto;float: none;margin-top: 8vw;}
    .box-about h4{font-size: 5vw;}
    .box-about p{font-size: 3.8vw;}
    .box-about {margin-top: 14vw;}

    .box_news{width: 92%;margin: 6vw auto;}
    .box_news #NewsList_a1 ul li{margin-bottom: 3vw;}
    #NewsList_a1 ul li:hover .data{background: transparent;}
    .contact-box{display: none;}

}