@charset "utf-8";

#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden; margin-top:73px;}

@media screen and (max-width: 640px) {
   #BannerShow_b1 { margin-top:0px;}
}




#swiper-container1 .swiper-slide img{width: 100%;display: block;}
#swiper-container1 .swiper-pagination-bullets,.box_product .swiper-pagination-bullets{ width: 90%;right: 4%; bottom: 7%;text-align: right;display: inline-block;}
#swiper-container1 .swiper-pagination-bullet,.box_product .swiper-pagination-bullet{opacity: 1; display: inline-block;width: 8px;height: 8px;margin: 0 9px !important;background: #e5e5e5;
    display: inline-block;border-radius: 50%; }
#swiper-container1 .swiper-pagination-bullet-active,.box_product .swiper-pagination-bullet-active{background-color: #d81e28;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;height: 48vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}

.page,#load_more_button{display: none;}

.box{width: 83%;margin: 0 auto;}
.box .page, .box #load_more_button{display: none;}
.more{color: #d81e28;font-size: 16px; border: 1px solid #d81e28;width: 162px;line-height: 2.6vw;height: 2.6vw;margin: 1.8vw auto 0 auto;
display: block;text-align: center;text-transform: uppercase;}

.ResTitle_a1{text-align: center;margin-bottom: 2.2vw;}
.ResTitle_a1:after{content: "";display: inline-block;width: 4em;background: #d81e28;height: 2px;margin-top: 15px;}
.ResTitle_a1 span,.title em{font-size: 2.1vw;color: #000;line-height: 1.3;font-weight: bold;display: block;}
.ResTitle_a1 br,.ResTitle_a1 em{display: none;}

.bg-box{padding: 3.7vw 0;margin-bottom: 1.9vw;}
.bg-box ul{font-size: 0;text-align: center;}
.bg-box li{display: inline-block;width: 22%;margin: 0 1%;}
.bg-box h4{font-size: 2.7vw;font-weight: bold;color: #d81e28;line-height: 1.5;display: inline-block;margin-right: 10px;font-family: Impact;}
.bg-box p{font-weight: normal; font-size: 18px;color: #fff;display: inline-block;}

.box-about{ position: relative;}
.box-about .fl{width: 40%;text-align: left;display: inline-block;float: none;padding-top: 5.7vw;}
.box-about .ResTitle_a1{text-align: left;}
.box-about .fl p{display: block;font-size: 18px;color: #000;text-indent: 2em;line-height: 2;max-height: 10em;
    display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.box-about .fr{width: 55%;position: relative;overflow: hidden;}
.box-about .fr .txt{position: absolute;left: 0;top: 0;width: 50%;padding: 4.5vw 1vw;box-sizing: border-box;background:#343c46;min-height: 12.5vw}
.box-about .fr .txt h4{font-size: 1.2vw;color: #fff;text-align: center;}
.box-about .fr img{display: block;width: 100%;}
.box-about #kinMaxShow>div{width: 50%;overflow: hidden;float: left;}
.box-about #kinMaxShow>div:nth-of-type(1){margin-top: 12.5vw;height: 12.5vw}
.box-about #kinMaxShow>div:nth-of-type(2){height: 30vw;position: absolute;right: 0;top: 0;}
.box-about #kinMaxShow>div:nth-of-type(2) img{position: absolute;z-index: 2;right: 0;top: 0;max-height: 150%;width: 100%;}
.box-about .more{margin-left: 0;}

.box_product{position: relative; overflow: hidden;padding: 3.6vw 0;font-size: 0;}
.box_product li{position: relative;background-color: #5b9bd5;display: inline-block;width: 45%;margin: 0 2.5% 1.5vw 2.5%;padding: 1vw;box-sizing: border-box;}
.box_product li a{font-size: 24px;color: #fff;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
/* .box_product .picimg{height: 24vw;width: 61%;position: relative;overflow: hidden;}
.box_product .picimg img{display: block; position: absolute;top: 50%;left: 50%; min-width: 100%; height: 100%;
    transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.box_product li span{display: none;}
.box_product .picimg:before{content: "";z-index: 1; position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: none;background: url(../images/more.png) rgba(0,0,0,0.6) center;background-repeat: no-repeat; z-index: 1;}
.box_product li a{position: absolute;font-size: 24px;color: #fff;top: 50%;right: 0;width: 36%;right:1.5%; box-sizing: border-box;display: block;text-align: center;z-index: 2;
transform: translate(0, -50%);-webkit-transform: translate(0, -50%);line-height: 1.8;max-height: 3.6em;word-break: break-all;display: block;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.box_product .swiper-pagination{position: static;text-align: center;} */

.box_news{margin-top: 5.2vw;}
.NewsList_g2 li{float: left;width: 33.3%;padding: 3vw 1.7vw 19.3vw 1.7vw; position: relative; background: #ffffff;box-sizing:border-box;}
.NewsList_g2 .nwimg{height: 50%;position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;}
.NewsList_g2 .nwimg img{display: block; position: absolute;top: 50%;left: 50%; min-width: 100%; height: 101%;
    transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.NewsList_g2 li:nth-of-type(2){padding: 17.6vw 1.7vw 4.7vw 1.7vw;}
.NewsList_g2 li:nth-of-type(2) .nwimg{top: 0;bottom: auto;}
.NewsList_g2 h3{display: block;margin: 1.5vw auto 0.7vw auto;}
.NewsList_g2 h3 a{font-size: 18px;color: #1e1613;font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 li p{font-size: 14px;color: #1e1613;font-style: normal;line-height: 1.8;height: 5.4em;word-break: break-all;display: block;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.NewsList_g2 li p:after{content: "";display: block;width: 31px;height: 11px;background: url(../images/right4.png) no-repeat;background-size: 100% auto;position: absolute;bottom: 17.6vw;left: 1.7vw;}
.NewsList_g2 li:nth-of-type(2) p:after{bottom: 1.7vw;}
.NewsList_g2 li p:last-child{display: none;}
.NewsList_g2 .ntime{display: block;height: auto;}

.box_contact{background: url(../images/bfcon2.jpg) left bottom no-repeat;background-size: cover;text-align: center;padding: 5.8vw 0 7vw 0;}
.box_contact h3 {font-size: 2.7vw;color: #d81e28;display: block;margin-bottom: 0.5vw;font-family: Impact;}
.box_contact p{color: #fff;font-size: 18px;}
.box_contact .more{margin-top: 30px;background-color: #d81e28;color: #fff;}

.wmore{display: none;}
@media screen and (min-width: 1250px) {
    .more:hover{color: #fff;background: #d81e28;}
    .box_product a:hover .picimg:before{display: block;}
    .NewsList_g2 li:hover h3 a,.NewsList_g2 li:hover p{color: #fff;}
    .NewsList_g2 li:hover{background: #d81e28;}
    .NewsList_g2 li:hover p:after{background-image: url(../images/right3.png);}
}
@media screen and (max-width: 1440px) {
    .ResTitle_a1 span, .ResTitle_a1 em{font-size: 2.4vw;}
    
    .NewsList_g2 li{padding-bottom: 23vw;}
    .NewsList_g2 li p:after{bottom: 20.6vw;}
    .NewsList_g2 li:nth-of-type(2){padding-top: 21.3vw;}
    
    .box-about .fl p{font-size: 16px;}
    .box_product h3{font-size: 18px;}
    .box-about .fr .txt h4{font-size: 18px;}
}
@media screen and (max-width: 1250px) {
    .box_product h3,.box-about .fr .txt h4,.NewsList_g2 h3 a{font-size: 16px;}
    .bg-box p{font-size: 16px;}
    .bg-box h4{font-size: 3.7vw;}
    
    .more{line-height: 30px;height: 30px;}
    .NewsList_g2 li p:after{display: none;}
}
@media screen and (max-width: 1024px){
    .bg-box h4{font-size: 5.7vw;}
    .ResTitle_a1 span{font-size: 20px;}

    .box{width: 90%;}
    .box_product li a{font-size: 20px;}

    /* .box_product{padding: 60px 0;} */
    .bg-box{padding: 8vw 0;display: none;}
    .NewsList_g2 li{padding-bottom: 26vw;}
    .NewsList_g2 li:nth-of-type(2) {padding-top: 27vw;padding-bottom: 2vw;}
    .box_contact h3{font-size: 30px;}
    .box-about .fr .txt{min-height: 15vw;}
    .box-about #kinMaxShow>div:nth-of-type(1){height: 15vw;margin-top: 15vw;}
}
@media screen and (max-width: 768px){
    .box-about .fr{padding: 0;}
}
@media screen and (max-width: 640px){
    .p_ban a{height: 55vw;}
    .box{width: 94%;}

    .more{line-height: 10vw;height: 10vw;width: 43%; font-size: 3.8vw;margin: 6vw auto 0 auto;float: none;}

    .ResTitle_a1{margin-bottom: 7vw;}
    .ResTitle_a1 span{font-size: 6vw;}

    /* .box_product{padding: 13vw 0 ;} */
    .box_product .picimg{height: 60vw;}
    .box_product li a{font-size: 4.2vw;}
    .box_product li{text-align: center;}
    .box_product .more{margin-top: 8vw;}
    /* .box_product h3,  .NewsList_g2 h3 a{font-size: 3.8vw;} */

    .box-about{margin: 8vw auto;}

    .box-about .title span{font-size: 4.2vw;}
    .box-about .fl{float: none;width: 100%;margin-bottom: 5vw;}
    .box-about .fl p{font-size: 3.8vw;}
    .box-about .fr{float: none;width: 100%;}
    .box-about .fr img{position: static;transform:none;-ms-transform:none;-webkit-transform:none;min-height: 100%;}

    .box-about .fr .more{float: none;margin: 5vw auto 0 auto;}
    .box-about .fr .txt{position: static;width: 100%;padding: 8vw 0;}
    .box-about .fr .txt h4{font-size: 5vw;}
    .box-about #kinMaxShow>div:nth-of-type(1),.box-about #kinMaxShow>div:nth-of-type(2){height: 45vw;position: static;margin-top: 0;overflow: hidden;background: transparent;}
    .box-about #kinMaxShow>div:nth-of-type(2) img{position: static;width: 100%;min-height: 100%;}
    
    .bg-box{margin-bottom: 6vw;display: none;}
    .bg-box li{width: 48%;text-align: left;}
    .bg-box p{font-size: 3.8vw;}
    .bg-box h4{font-size: 7vw;}

    .box_news{margin: 12vw auto;}
    .NewsList_g2 li,.NewsList_g2 li:nth-of-type(2){float: none;width: 100%;padding: 4vw;margin-bottom: 5vw;}
    .NewsList_g2 .nwimg{display: none;}
    .NewsList_g2 h3 {margin-bottom: 2vw;}
    .NewsList_g2 h3 a{font-size: 4.2vw;}
    .NewsList_g2 .ntime{margin-bottom: 2vw;}
    .NewsList_g2 li p{font-size: 3.8vw;}
    
    .box_contact p{font-size: 3.8vw;}
    .box_contact h3{font-size: 8vw;margin-bottom: 3vw;}
}