﻿#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(../image/wmore.png) center  no-repeat; opacity: 1;background-size: 100%;
 width: 3.4vw;height: 3.4vw;top: auto; bottom: 25%;left: 10%;cursor: pointer;z-index: 6;box-sizing:border-box;top: auto; bottom: 4vw;}
.p_ban  .swiper-button-prev{background-image: url(../image/wmore1.png);left: 6%;}
.p_ban .swiper-pagination{height: 12px;}
.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-bullets{width: 100%;text-align: right;bottom: 10vw;right: 9%;display: none;}
.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: #c80303;}

.box .page, .box #load_more_button{display: none;}
.more{height: 55px;line-height: 55px;font-size: 14px;color: #000;font-weight: bold; display: block;margin: 0 auto;width: 180px;text-transform: uppercase;
    text-align: center;background: url(../image/wmore.png) 98% center no-repeat, linear-gradient(to right,#ca1010 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 span{font-size: 2.4vw;font-weight: bold;display: block;}
.ResTitle_a1 em{font-size: 1.5vw;}
.ResTitle_a1 br{display: none;}

.box-about {margin-top: 6vw;background: url(../image/aboutbg.png) right top no-repeat;padding-top: 8.33vw;width: 93.75%;margin-left: 6.25%;background-size: auto 92%;}
.box-about .fl{width: 39.4%;}
.box-about .fl .top{width: 57.7%;background: #c80303;color: #fff;padding: 3vw;box-sizing:border-box;}
.box-about .fl .top small{font-size: 16px;color: #ffffff;}
.box-about .fl .top h6{font-size: 1.5vw;font-weight: normal;margin-top: 8vw;}
.box-about .fl .bottom{display: inline-block;width: 80%;float: right;position: relative;z-index: -1;margin-top: -9vw;}
.box-about .fl .bottom .BannerShow_c1 div{height: 100%;}
.box-about img{display: block;}
.box-about .fr{width: 30.5%;margin-right: 18.06%;padding-top: 15vw;}
.box-about h4{font-size: 2vw;font-weight: normal;color: #333333;margin-bottom: 2.6vw;font-family: Arial;}
.box-about p{color: #666666;line-height: 2.0;font-size: 16px;}
.box-about .more{float: left;}

.box-product .swiper-container{overflow: visible;height: 100%;}
.box-product{width: 87.7%;margin:0 auto;background: #fff;padding: 8.3vw 0;}
.box-product h3{display: inline-block;position: relative;margin-bottom: 1.5vw;font-weight: bold;font-size: 1.5vw;color: #333333;text-transform: capitalize;}
.box-product h4{font-size: 18px;color: #333333;margin-bottom: 1vw;}
.box-product p{margin-bottom: 3vw;line-height: 2.0;color: #999999;font-size: 14px;}
.box-product li{width: 30%;float: left;margin-right: 3.3%;background-color: #c80303;border-radius: 5px;overflow:hidden;height: 6.25vw;margin-bottom: 1vw;}
.box-product li:nth-child(3n){margin-right: 0;}
.box-product li:nth-last-child(1){background-color: #eeeeee;text-align: center;padding-top: 11%;font-weight: bold; box-sizing:border-box;}
.box-product li a{color: #c80303; }
.box-product li:hover img{opacity: 0.8;}
.box-product .txt{width: 28.8%;float: right;padding-top: 3.3vw;}
.box-product .img{width:60%;display: inline-block;height: 100%;overflow: hidden;}
.box-product img{display: block;min-height: 100%;}
.box-product .swiper-slide{opacity: 0 !important;}
.box-product .swiper-slide-active{opacity: 1 !important;}
.box-product .fr{width: 82.4%;overflow: hidden;height: 33.3vw;}

.box-product .swiper-pagination{width: 13.85%;background: #ffffff;z-index: 3;border-left: 1px solid #eeeeee;}
.box-product .swiper-pagination>span{cursor: pointer;color: #999;box-sizing:border-box;height: auto;
    position: relative;display: block;background: none;opacity: 1;font-size: 1vw;font-family: Arial;font-weight: normal;padding: 1.5vw 0 1.5vw 12.5%;
    width: 100%;text-align: left;}
.box-product .swiper-pagination>span:before{background-color: #fff;content: "";width: 5px;height: 5px;border-radius: 50%;display: inline-block;
position: absolute;left: -2px;top: 48%;}
.box-product .swiper-pagination>span:hover:before{background-color: #c80303;}
.box-product .swiper-pagination>span:hover {font-weight: bold;color: #c80303;}
.box-product .swiper-pagination>span.swiper-pagination-bullet-active {font-weight: bold;color: #c80303;}
.box-product .swiper-pagination>span.swiper-pagination-bullet-active:before{background: #c80303;}

.box_ser .ResTitle_a1{color: #fff;margin-bottom: 4vw;text-align: left;margin-left: 10%;}
.box_ser{margin: 0 auto;width: 100%;padding-top: 4vw;position: relative;
 background: linear-gradient(to right,#171e24 86.5vw, #fff 45vw);}
.box_ser .more{position: absolute;right: 0;bottom: 0;display: none;}
.box_ser .swiper-pagination{display: none;}
.box_ser .fr{width: 90%;    margin-bottom: -6vw;}
.box_ser .swiper-button-next, .box_ser  .swiper-button-prev{left: 0;width: 10%;background-image: url(../image/sn.png);background-size: auto;
top: auto;bottom: -5vw;opacity: 1;}
.box_ser .swiper-button-prev{background-image: url(../image/sp.png);bottom: 3vw;}

.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: 13.5vw auto 6.25vw auto;}
.box_news #NewsList_a1 ul li{margin-bottom: 0;}

.page,#load_more_button{display: none;}
@media screen and (max-width: 1480px){
    .p_ban .swiper-pagination-bullets{bottom: 19vw;}
    .box-product h4{margin-bottom: 1vw;font-size: 2vw;}
	.box_ser .fr .swiper-pagination { bottom: -42px; left: auto;}
    .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: 1024px){
    .p_ban{margin-top: 80px;}
    .box-product .fr{width: 100%;}
    .box-product img{height: auto;}
    .box-product .img{width: 47%;}
    .box-product .txt{width: 44%;}
    .box-product .txt ul{display: none;}
    .box-product h3{font-size: 2.5vw;}
    .more{height: 40px;line-height: 40px;width: 140px;}
    .box-product{width: 90%;}
    .box-product .fr{height: auto;}
    .box-product .swiper-pagination{display: none;}
    .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;}

    .box-about{width: 90%;margin-left: 5%;padding-right: 5%;}
    .box-about .fr{margin-right: 0;width: 55%;}
    .box_news .NewsList_g1 ul li:nth-of-type(3){display: none;}

    .box-about .fl .top h6{font-size: 18px;}
    .ResTitle_a1 em{font-size: 24px;}
}
@media screen and (max-width: 768px){
    .box-product .swiper-pagination{display: none;}
}
@media screen and (max-width: 640px){
    .p_ban{margin-top: 14vw;}
    .p_ban .swiper-pagination-bullets{display: block;position: static;margin-top: 2vw;text-align: center;}
    .p_ban .swiper-pagination-bullet{background-color: #ccc;width: 5px;height: 5px;}
    .p_ban .swiper-pagination-bullet-active {background-color: #c80303;}
    .box-about .fl .bottom{float: none;display: none;}
    .box-about .fl{position: static;float: none;width: 100%;}
    .box-about .fr{width: 100%;margin: 0 auto;float: none;padding-top: 10vw;}
    .box-about h4{font-size: 5vw;}
    .box-about p{font-size: 3.8vw;}
    .box-about .fl .top h6{font-size: 4.2vw;}
    .more{font-size: 3.8vw;width: 120px;height: auto;padding: 3vw 5.5vw 3vw 5vw;line-height: 1.0;display: block;box-sizing:border-box;display: none;}
    .ResTitle_a1 em{font-size: 6vw;}
    .ResTitle_a1 span{font-size: 5vw;}
    .box_ser .fr{width: 95%;}
    .box_ser .ResTitle_a1{margin-left: 5%;}
    .box_ser .swiper-button-next, .box_ser .swiper-button-prev{display: none;}

    .box-product{height: auto;width: 100%;transform:none;}
    .box-product h4{font-size: 6vw;}
    .box-product p{font-size: 3.8vw;}
    .box-product .img{width: 100%;}
    .box-product .txt{width: 90%;float: none;height: auto;position: static;padding: 5vw;margin: 0 auto;}
    .box-product a{display: inline-block;padding: 2vw;margin: 0 auto;width: auto;}
    .box-product .swiper-container{height: auto;}
    .box-product .swiper-pagination{display: none;}

    .box-about .top{width: 92%;}
    .box-about .bottom .BannerShow_c1{width: 62%;}
    .box-about .bottom b{width: 38%;}

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

}