body{background: linear-gradient(#f7fcff 0vw,#dff3ff 55vw, #fff 45vw);}
#BannerShow_b1{width: 87.7%;margin-left: 0;float: left;}
#swiper-container1 .swiper-slide img{width: 100%;display: block;}
#swiper-container1 .swiper-pagination-bullets{width: 100%;text-align: left;bottom: 4vw;padding-left: 9.3%;height: 1px;}
#swiper-container1 .swiper-pagination-bullet{margin-right: 4vw !important;opacity: 1;width: auto;height: 4px;background-color: transparent;display: inline-block;opacity: 1;border-radius: 0;}
.m_ban{display: none;}

img{max-width: 100%;}

.p_ban {margin-top: 2.3vw;position: relative;}
.p_ban .swiper-button-next,.p_ban  .swiper-button-prev{background: url(../images/wmore.png) center #0096e0 no-repeat; opacity: 1;
 width: 6.4vw;height: 6.4vw;top: 0vw;right: 20vw;cursor: pointer;z-index: 6;}
.p_ban .swiper-pagination{left: auto;right: 3.8vw;display: inline-block;width: auto;color: #fff;width: 5.2vw;bottom: auto;top: 10vw;}
.p_ban .swiper-pagination span{display: block;padding: 12px 2vw;margin-bottom: 2.6vw;font-size: 14px;font-family: Arial;opacity: 0.7;
    border-right: 1px solid transparent;border-left: 1px solid transparent;cursor: pointer;}
.p_ban .swiper-pagination .swiper-pagination-customs-active{border-color: #fff;opacity: 1;}
.p_ban .swiper-button-next.imgnext{top: 39vw;right: 3.3%;background: none;width: 5.2vw;height: auto;}
.p_ban a{display: block;height: 48.9vw;background-position: center;background-size: cover;background-repeat: no-repeat;}
.p_ban img{height: 100%;object-fit: cover;width: 100%;}

.banner-text{color: #fff;width: 845px;margin-left: 4.6%;margin-bottom: 3vw;}
.banner-text .swiper-slide{width: 100%;}
.banner-text h3{font-size: 24px;text-transform: uppercase;display: inline-block;float: left;margin-right: 2vw;}
.banner-text p{font-size: 14px;color: #9a9a9a;line-height: 1.8;display: inline-block;width: 50%;}
.banner-text h3:after{content: "";display: inline-block;width: 3vw;height: 1px;background-color: #5f5f5f;
margin-bottom: 0.3em;margin-left: 7.3vw;}

.box .page, .box #load_more_button{display: none;}
.more{height: 55px;line-height: 55px;font-size: 14px;color: #0096e0;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,#dff3ff 50%, transparent 22%);}
.box h4{font-size: 1.8vw;color: #182433;line-height: 1.0;display: inline-block;font-weight: bold; }

.box-about{background-image: url(../images/abr.jpg);background-position: right top;background-repeat: no-repeat;margin: 8.6vw 0 9.3vw 0;}
.box-about .fl{padding-top: 5.5vw;width: 48%;background: url(../images/aboutbg.jpg) 28.5vw top no-repeat;}
.box-about .fl img{display: block;}
.box-about .fr{width: 28.38%;margin-right: 12.5%;padding-top: 16vw;}
.box-about h4{font-size: 2vw;font-weight: bold;color: #0096e0;}
.box-about p{margin: 3.9vw auto;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;}
.box-about .more{float: left;}

.box-product .swiper-container{overflow: visible;}
.box-product{padding:7vw 12.5%;background-image: url(../images/serbg.jpg);background-color:#f5f5f5;background-repeat: no-repeat ;background-position: right center;background-size: auto 100%;}
.box-product .ResTitle_a1{display: inline-block;position: relative;margin-bottom: 4.6vw;}
.box-product .ResTitle_a1 em{font-size: 3vw; color: #0096e0;font-weight: bold;line-height: 1.0;display: block;text-transform: uppercase;font-family: Arial;}
.box-product .ResTitle_a1 span{font-size: 1.2vw; color: #333333;display: block;margin-top: 5px;}
.box-product .ResTitle_a1:after{content: "";width: 16px;height: 2px;background-color: #333333;display: block;margin-top: 1.35vw;}
.box-product .txt{width: 25%;display: inline-block;padding-top: 1.5vw;color: #666666;font-size: 16px;}
.box-product p{margin-bottom: 2.6vw;line-height: 2.0;color: #666666;font-size: 16px;}
.box-product .img{width: 56%;display: inline-block;float: right;box-shadow: 0px 1px 3vw 1.5vw rgba(0, 0, 0, 0.1);}
.box-product .img img{display: block;max-width: 100%;}
.box-product .swiper-slide{opacity: 0 !important;}
.box-product .swiper-slide-active{opacity: 1 !important;}

.pro-nav{margin-top: 5.2vw;}
.pro-nav>div{display: inline-block;margin-right: 10vw;position: relative;cursor: pointer;color: #999;}
.pro-nav>div:nth-of-type(1):after{content: "";height: 1px;background-color: #dddddd;width: 4vw;display: block;
position: absolute;top: 50%;right: -7vw;}
.pro-nav>div b{font-size: 14px;}
.pro-nav>div h5{font-size: 14px;font-weight: bold;line-height: 1.5;margin-top: 10px;}

.box_ser{width: 75.5%;margin: 7.3vw auto 0 auto;}
.box_ser .more{position: absolute;right: 0;bottom: 0;}
.box_ser .swiper-pagination{display: none;}
.box_ser .top {margin-bottom: 3.6vw;position: relative;}
.box_ser .top span{font-size: 3vw;color: #0096e0;font-weight: bold;display: block;line-height: 1.0;margin-bottom: 1vw;}
.box_ser .top h3{font-size: 24px;color: #333333;display: inline-block;}
.box_ser li span{display: none;}
.box_ser li h3{font-size: 16px;color: #333333;line-height: 1.5;margin-top: 0.7vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.box_ser .ProductList_b2 .picimg{display: block;position: relative;display: block;overflow: hidden;height: 26vw;background-color: #fff;h}
.box_ser .ProductList_b2 .picimg img{display: block;max-width: 100%;max-height: 100%; width: auto;position: absolute;top: 50%;left: 50%;
    transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

.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 .fl{width: calc(100% - 150px);}
.contact-box .logo{float: right;width: 82px;}
.contact-box .logo img{height: auto;}

.box_news{width: 75.5%;margin: 7.3vw auto 0 auto;}
.box_news .fl{width: 35.4%;margin-bottom: -8vw;}
.box_news .fl #kinMaxShow{background-color: #0096e0;}
.box_news .fl #kinMaxShow img{display: block;max-width: 100%;transform: translate(-5px,-10px);}
.box_news .fr{width: 55%;}
.box_news .fr #NewsList_a1 ul li{width: 100%;}
#NewsList_a1{width: 100%;}
#NewsList_a1 ul li{display: block;width: 46%;font-size: 0;margin-right: 8%;float: left;position: relative;margin-bottom: 4vw;}
#NewsList_a1 ul li:nth-child(2n){margin-right: 0;}
#NewsList_a1 ul li a{display: block;margin: 0 auto;text-align: left;}
#NewsList_a1 ul li i{display: none;}
#NewsList_a1 ul li .data{font-size: 16px;line-height: 1.5;color: #0096e0;text-align: left;display: inline-block;
    position: absolute;top: 0;left: 0;padding: 1.5vw 16px;background: #f5f5f5;}
#NewsList_a1 ul li .data b{margin-bottom: 15px;}
#NewsList_a1 ul li .data span{display: block;font-size: 1.4vw;line-height: 1.0;}
#NewsList_a1 ul li .newimg{display: none;}
#NewsList_a1 ul li .newimg img{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#NewsList_a1 ul li .newnr{width:80%;float: right;}
#NewsList_a1 ul li .newnr b{font-size: 1.2vw;color: #333333;margin-bottom: 1vw;display: inline-block;box-sizing:border-box;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
#NewsList_a1 ul li .newnr p{color: #999999;line-height: 1.7;height:3.4em;font-size: 14px;text-indent: 0;
overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.page,#load_more_button{display: none;}

@media screen and (min-width: 1440px){
.more:hover{background-position: 95% center;background-color: #dff3ff;}
#NewsList_a1 ul li:hover .data{color: #fff;background: #0096e0;}
#NewsList_a1 ul li:hover .newnr b{color: #0096e0;}
.pro-nav>div:hover{color:#333;}
.box_ser li:hover h3{color: #0096e0;}
}
@media screen and (max-width: 1440px){
	.box_ser .fr .swiper-pagination { bottom: -42px; left: auto;}
    .box_ser .fl{width: 45%;}
    .box_ser .fr{width: 55%;}
    .box_ser .fr .btn {left: -5%;width: 75.8%;}
    .box_ser .fr .swiper-button-prev, .swiper-button-next{background-size: 65%;width: 60px;height: 40px;}
    .box_news{margin: 70px auto;}
}
@media screen and (max-width: 1250px){
    .box_news .fl{margin-bottom: 0;}
    .contact-box{padding-left: 12.5%;}
}
@media screen and (max-width: 1024px){
    .more{height: 40px;line-height: 40px;width: 140px;}

    .p_ban{margin-top: 13vw;}
    .box-about{background: none;margin: 5vw auto 9vw auto;}
    .box-about .fl{width: 35%;}
    .box-about .fr{width: 50%;padding-top: 6vw;}

    .box-product{padding: 8vw 5%;}
    .pro-nav{margin-top: 1vw;}
    .box-product .txt{width: 38%;}
    .box_ser{width: 90%;}
    .box_ser .ProductList_b2 .picimg{height: 30vw;}
    .box_news{width: 90%;}
    .contact-box{padding: 3vw 5%;}

    .p_ban .swiper-pagination{top: 30vw;}
    .p_ban .swiper-button-next, .p_ban .swiper-button-prev{display: none;}

    #NewsList_a1 ul li .data span{font-size: 13px;}
    #NewsList_a1 ul li .newnr b{font-size: 20px;}
    
    #NewsList_a1 ul li .data{background: none;width: 100%;padding: 0;float: none;position: static;margin-bottom: 2vw;
        border-bottom: 1px solid #ccc;}
    #NewsList_a1 ul li .data ,#NewsList_a1 ul li .data span{display: inline-block;font-size: 18px;font-weight: bold;}
    #NewsList_a1 ul li .data span:after{content: "-";}
    #NewsList_a1 ul li .newnr{width: 100%;padding-left: 0;}

}
@media screen and (max-width: 768px){
    .banner-text{width: 90%;}
    .banner-text h3:after{display: none;}
    .box_ser{margin: 70px auto;}
	.box_ser .fl{width: 100%;padding: 0 5%;margin-bottom: 30px;}
	.box_ser .fr{width: 94%}
}
@media screen and (max-width: 640px){
    body{background: linear-gradient(#f7fcff 0vw,#dff3ff 89vw, #fff 45vw);}
    .p_ban .swiper-pagination{position: static;width: 100%;text-align: center;}
    .p_ban .swiper-pagination span{display: inline-block;width: auto;color: #333;text-decoration: underline;margin:  0 2vw;}
    #BannerShow_b1{width: 92%;margin-left: 4%;float: none;}
    .p_ban{margin-top: 20vw;}
    .banner-text{width: 92%;margin-left: 4%;}
    .banner-text h3{font-size: 4.4vw;float: none;display: block;}
    .banner-text p{font-size: 3.8vw;border-left: none;display: block;width: 100%;}
    .banner-text h3:after{display: block;margin: 2vw 0;width: 15vw;}

    .box-about .fl{display: none;}
    .box-about .fr{width: 92%;margin: 0 auto;float: none;}
    .box-about h4{font-size: 5vw;}
    .box-about p{font-size: 3.8vw;}

    .more{font-size: 3.8vw;width: auto;height: auto;padding: 3vw 5.5vw 3vw 5vw;line-height: 1.0;}

    .box-product{background-image: none;}
    .box-product .ResTitle_a1 em{font-size: 6vw;}
    .box-product .ResTitle_a1 span{font-size: 4.2vw;}
    .box-product p{font-size: 3.8vw;}
    .box-product .txt{width: 100%;font-size: 3.8vw;}
    .box-product .img{width: 100%;}
    .pro-nav{margin-top: 5vw;}

    .box_ser{margin: 12vw auto 16vw auto;}
    .box_ser .top span{font-size: 5vw;}
    .box_ser .top h3{font-size: 5vw;}
    .box_ser li h3{font-size: 3.8vw;}
    .box_ser .ProductList_b2 .picimg{height: 60vw;}

    .box_news .fl{display: none;}
    .box_news .fr{float: none;width: 100%;}
    .box_news{width: 92%;margin: 6vw auto;}
    .contact-box{display: none;}

    #NewsList_a1 ul li .newnr{border-radius: 0;margin-left: 0;width: 100%;border:none; box-shadow: none;padding: 0;}
    #NewsList_a1 ul li .newimg{display: none;}
    #NewsList_a1 ul li{margin-bottom: 4vw;border-radius: 5px;border: 1px solid #eeeeee;box-shadow: 0px 12px 20px rgba(0,0,0,0.03);padding:3.5vw 4vw;box-sizing:border-box;}
    #NewsList_a1 ul li .newnr b{font-size: 4.2vw;}
    #NewsList_a1 ul li .data span{display: inline;font-size: 3.8vw;}
    #NewsList_a1 ul li .data{font-size: 3.8vw;margin-bottom: 3vw;padding-top: 0;}
    #NewsList_a1 ul li .newnr p{display: -webkit-box;-webkit-line-clamp:2;max-height: 3.4em;font-size: 3.8vw;}
    #NewsList_a1 ul li{width: 100%;}
}