@charset "utf-8";
.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 .swiper-slide img{display: block;width: 100%;opacity: .7;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;}
.p_ban .swiper-pagination{z-index: 1;font-size: 0;text-align: center;bottom: 2vw;left: 0;}
.p_ban .swiper-pagination-clickable .swiper-pagination-bullet{height: 3px;width: 15px;margin-right: 5px;border: none;
  border-radius: 5px;opacity: 0.5;display: inline-block;vertical-align: bottom;}
.p_ban .swiper-pagination-clickable .swiper-pagination-bullet-active{width: 35px;height: 3px; opacity: 1;background-color: #d10e0e;}
.page,#load_more_button{display: none;}

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

.box .page, .box #load_more_button{display: none;}
.mymore{color: #fff;width: 7em;padding: 0.3em 0;box-sizing: border-box;position: relative;background: #d10e0e;text-align: center;
    display: block;text-transform: uppercase;border: 1px solid #d10e0e;}
.mob.mymore{display: none !important;}

.ResTitle_a2{position: relative;color: #333;font-weight: bold;}
.ResTitle_a2 span{font-weight: bold;font-size: 1.8vw;}
.ResTitle_a2 em{display: block;text-transform: uppercase;font-family: Arial;font-size: 6vw;opacity: 0.1;color: #bd2124;
    font-style: italic;line-height: 6vw;
}
.ResTitle_a2 br{display: none;}
.box-news .ResTitle_a2,.box-case .ResTitle_a2{display: inline-block;}


.arrow div{position: static;display: inline-block;color: #fff;height: 3.5vw;width: 3.5vw; line-height: 3.5vw; font-size: 20px;
    text-align: center;margin: 0;background-image: none;font-family: Simsun,'宋体';background-color: #a0a0a0;border-radius: 0;
    -webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;
}

.box-com img{display: block;width: 100%;}
.box-com .ResTitle_a2{text-align: center;}
.box-com .ResTitle_a2 span{width: 100%;bottom: 1vw;}

.num-list{margin-top: -4.5vw;position: relative;z-index: 2;}
.num-list li{float: left;box-sizing: border-box;width: 31.3%;border-right: 1px solid #d2d2d2;padding: 1.5vw 2vw;text-align: center;box-sizing: border-box;}
.num-list li:last-child{border-right: none;}
.num-list .txt{text-align: left;max-width: 75%;color: #808080;}
.num-list li .f-36{line-height: 1.5;}
.num-list .img{margin-right: 4%;}
.num-list .img img{display: block;width: 100%;}
.num-list .img i { bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; transition: 0.5s linear 0s;position:absolute;z-index: 0; }
.num-list .img>img {width: 4.7vw;max-width: 94px; margin: 0 auto; }
.num-list .img i img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 0; }

.box-product{background:url(../images/bg1.jpg) center no-repeat;background-size: cover;}
.box-product .ProductList_b2 li h3{font-size: 18px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;text-align: center;}
.box-product .ProductList_b2 li .picimg{display: block;height: 28vw;overflow: hidden;position: relative;box-sizing: border-box;}
.box-product .ProductList_b2 li .picimg img,.box-partner li a 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%);}
.box-product .arrow div{z-index: 2;width: 2.5em;height: 5em;line-height: 5em;top: auto;
    position: absolute;left:0;bottom: 14vw;transform: translateY(7vw);
}
.box-product .arrow .swiper-button-next{left: auto;right: 0;}
.box-product .swiper-pagination{position: static;width: auto;}
.box-product .swiper-pagination-current{color: #d10e0e;font-size: 2.1vw;padding-left: 0.2em;padding-right: 0.2em;}
.box-product .swiper-pagination-current:before{content: "0";}
.box-product .swiper-pagination-total:before{content: "0";}


.box-partner{background:url(../images/bg2.jpg) center no-repeat;background-size: cover;padding: 8vw 0 7vw 0;box-sizing: border-box;}
.box-partner .L{width: 30.7%;margin-left: 8.3%;line-height: 1.5;}
.box-partner .title h3{font-size: 3.8vw;font-weight: bold;color: #d10e0e;}
.box-partner .title>p:before{content: "";width: 3em;display: inline-block;vertical-align: middle;margin-right: 1em;height: 1px;background-color: #d10e0e;}
.box-partner li span,.box-partner li h4{display: none;}
.box-partner li{float: left;width: 49.5%;margin-right: 1%;margin-bottom: 0.4vw;}
.box-partner li a{height: 7.5vw;position: relative;display: block;background: #fff;}
.box-partner li a img{max-width: 80%;max-height: 80%;height: auto;width: auto;}
.box-partner li:nth-child(2n){margin-right: 0;}
.box-partner .mymore{background: none;text-align: right;color: #333;width: 9em;border: none;margin-left: auto;margin-right: 8.3%;padding: 0;}
.box-partner .mymore:before{content: "";width: 3em;display: inline-block;vertical-align: middle;margin-right: 1em;height: 1px;background-color: #d10e0e;}

.ClassList_b3{border-bottom: 1px solid #cccccc;display: inline-block;}
.ClassList_b3 li{display: block;float: left; line-height: 1.8; font-size: 0;margin-right: 1.5vw;}
.ClassList_b3 li a{display: block;;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0.2em 0.3em;font-size: 20px;position: relative;}
.ClassList_b3 li a:after{content: "";display: block;background: #d10e0e;height: 2px;left: 50%;bottom: 0;width: 0;position: absolute;
  -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
}
.ClassList_b3 li:last-child{margin-right: 0;}

.box-case li{width: 40%; position: relative;text-align: center;}
.box-case li a{height: 21vw;margin-top: 1.5vw; display: block;overflow: hidden;background: #000;position: relative;}
.box-case li img{display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0.6;position: absolute;left: 50%;top: 50%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.box-case li span{font-size: 26px;margin-top: 1em;color: #4c4c4c;display: block;overflow:hidden;text-overflow:ellipsis;opacity: 0;
    white-space:nowrap;box-sizing: border-box;
}
.box-case li h4,.box-product .ProductList_b2 span{display: none;}
.box-case .arrow div{z-index: 2;width: 4em;height: 1.8em;line-height: 1.8em;position: static;margin-right: 1em;}
.box-case .arrow .swiper-button-next{left: auto;right: 6.5%;}
.box-case .swiper-slide-active img{opacity: 1;}
.box-case .swiper-slide-active a{height: 24vw;margin-top: 0;}
.box-case .swiper-slide-active span{opacity: 1;}
.box-case .mmyore{width: 500px;max-width: 100%;}

.box-news li{box-sizing:border-box;width: 33.3%;float: left;}
.NewsList_a1 li {position: relative; }
.NewsList_a1 li a{display: block;position: relative;color: #666666;box-sizing: border-box;
padding: 1.5vw 1.5vw 2.6vw 1.5vw;transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;}
.NewsList_a1 .newimg{width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top:0;overflow: hidden;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;}
.NewsList_a1 .newimg img{position: absolute;left: 50%;top: 50%;min-height: 100%;min-width: 100%;object-fit:cover; 
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
}
.NewsList_a1 .data {position: relative;z-index: 1;font-size: 16px;}
.NewsList_a1 .data b{font-size: 24px;display: block;font-weight: normal;}
.NewsList_a1 .data i{display: none;}
.NewsList_a1 .newnr{margin-top: 1.5vw;position: relative;z-index: 1;} 
.NewsList_a1 .newnr b{font-size:  20px;line-height: 1.5;font-weight: normal;color: #343434;
 height: 3em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.NewsList_a1 .newnr p{margin-top: 1.2vw; font-size: 16px;line-height: 1.8;height: 3.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.NewsList_a1 li a:after{content: "查看详情";display: block;font-size: 14px;color: #fff;width: 6em;border-radius: 0.3em;margin-top: 2em;
  background-color: #a0a0a0;text-align:center;padding: 0.5em;position: relative;z-index: 1;
}
@media screen and (min-width: 1250px) {
    .NewsList_a1 li:not(:first-child) a:hover .newimg{opacity: 0.5;}
    .NewsList_a1 li:not(:first-child) a:hover .newnr b{color: #fff;}
    .NewsList_a1 li:not(:first-child) a:hover {color: #fff;background-color: #000;}
    .NewsList_a1 li a:hover img,.box-case li a:hover img{
        transform:translate(-50%,-50%) scale(1.08,1.08) ;
        -ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;
        -webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;
    }
    .NewsList_a1 li a:hover:after {background-color: #d65227;}
    .NewsList_a1 li:first-child a:hover .newnr b{color: #d65227;}

    .box-case li:hover span{color:#d10e0e;}
    .box-case .arrow div:hover{background-color: #d10e0e;border-color: #d10e0e;}
    
    .box-product .ProductList_b2 li:hover .picimg:after{opacity: 1;border-color: #d10e0e;}
    .box-product .ProductList_b2 li a:hover h3{color: #d10e0e;}
    
    .ClassList_b3 li a:hover:after{left: 20%;width: 60%;}
    .ClassList_b3 li a:hover{color: #d10e0e;}
    .arrow div:hover{background-color: #d10e0e;color: #fff;}
    .mymore:hover{background: transparent;color: #d10e0e;}

    .num-list li:hover i {height: 100%;}
    .num-list li:hover {background: #d10e0e;border-color: #d10e0e;}
    .num-list li:hover p{color: #fff;}
    .num-list li:hover .img>img { opacity: 0; transition-delay: 0.5s; }
}
@media screen and (min-width: 640px){
  .box-news li:first-child{width: 100%;float: none;border-bottom: 1px solid #a0a0a0;border-top: 1px solid #dcdcdc;}
  .box-news li:first-child a{display: block; padding: 5vw 0 5vw 28.5vw;}
  .box-news li:first-child .newimg{position: absolute;top: 15%;height: 70%; left:0; display: block;opacity: 1;width: 25vw;}
  .box-news li:first-child .data, .box-news li:first-child .data b{font-size: 14px;}
  .box-news li:first-child .data b{float: left;font-weight: normal;}
  .box-news li:first-child .data b:after{content: "-";}
  .box-news li:first-child .newnr b{height: auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;font-weight: bold;}
  .box-news li:first-child .newnr p{-webkit-line-clamp: 3;height: 5.4em;}
  .play:hover img{
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    animation: beat 0.5s 1;
  }
}
@media screen and (max-width: 1440px) {
    .box-product .ProductList_b2 li h3{font-size: 18px;}
    .box-case li span{font-size: 16px;}
}
@media screen and (max-width: 1250px) {
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 .ntime{font-size: 16px;}

  .NewsList_a1 .newnr b{font-size: 18px;}
  .NewsList_a1 .newnr p{font-size: 14px;}

}
@media screen and (max-width: 1024px) {
    .arrow div{font-size: 18px;}
    .ResTitle_a2 em{font-size: 8vw;}
    .ResTitle_a2 span{font-size: 20px;}
    .box-product .ProductList_b2 li .picimg{height: 19vw;}

    .box-case .swiper-slide-active img, .box-case .swiper-slide-duplicate-prev img{opacity: 1;}
    .box-case .arrow{display: none;}

    .NewsList_a1 .newnr b{font-size: 16px;}

    .box-product .ProductList_b2 li .picimg{height: 25vw;}
    .box-product .arrow div{height: 4em;line-height: 4em;width: 2em;}

    .box-partner .title>p:before{display: none;}

}
@media screen and (max-width: 768px){
    .box-news .L{display: none;}
    .box-news .R{float: none;width: 94%;margin-left: 3%;}
    .NewsList_g2 .nwimg{height: 18vw;}
    .box-news .mymore{margin-top: 3vw;}
}
@media screen and (max-width: 680px){
    .box{width: 94%;}

    .mymore{font-size: 3.8vw;margin: 6vw auto 0 auto;text-align: center;line-height: 1.5;}
    .mob.mymore {display: block !important;}
    .pc.mymore {display: none !important;}
    
    .ResTitle_a2 em{font-size: 12vw;line-height: 1.3;}
    .ResTitle_a2 span{font-size: 5vw;}

    .box-partner .L{width: 94%;margin-left: 3%;}
    .box-partner li a{height: 19vw;}
    .box-partner .title h3{font-size: 6vw;}
    .box-partner .title p{display: block;}

    .box-com .main-w .main-w{width: 100%;}
    .num-list{margin-top: 3vw;}
    .num-list li{float: none;width: 90%;margin-left: auto;margin-right: auto; padding: 5vw 2vw;text-align: left;border:  none;border-bottom: 1px solid #d2d2d2;}
    .num-list li:last-child{border-bottom: none;}
    .num-list .img>img{width: 11vw;}

    .box-product{padding: 12vw 0;}
    .box-product .R{padding-right: 0;}
    .box-product .R,.box-product .L{background: none; float: none;width: 92%;margin-left: auto;margin-right: auto;max-width: 100%;}
    .box-product .ProductList_b2 {width: 100%;}
    .box-product .ProductList_b2 li .picimg{height: 50vw;}
    .box-product .ProductList_b2 li .mymore{background: none;color: #d10e0e;width: auto;text-align: right;border: none;border-bottom: 1px solid #d10e0e;margin-top: 2vw;
        text-align: center;display: inline-block;
    }
    .box-product .ProductList_b2 li .mymore:after{content: "+";margin-left: 1em;}
    .box-product .swiper-pagination-current{font-size: 6vw;}
    .ClassList_b3{text-align: center;display: none;}
    .ClassList_b3 li{margin: 0 0.4em;}

    .box-case li a{height: 46vw;margin-top: 0;background: #fff;}
    .box-case .swiper-slide-active a{height: 46vw;}

    .box-news li{float: none;width: 100%;}
    .box-news li + li{margin-top: 7vw;}
    .NewsList_a1 li a{padding: 0;}
    .NewsList_a1 .newimg{position:relative;display: block;opacity: 1;height: 55.3vw;margin-bottom: 0;display: none;}
    .NewsList_a1 .newnr{margin-top: 3vw;}
    .NewsList_a1 .newnr b{font-weight: bold;font-size: 4.2vw;color: #d65227;height: auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
    .NewsList_a1 li a:after{display: none;}
    .NewsList_a1 .newnr p{height: 5.4em;-webkit-line-clamp: 3;margin-top: 0.7em;}
    .NewsList_a1 .data{position: static;top: 61vw;font-size: 3.8vw;border-bottom: 1px solid #f5f5f5;}
    .NewsList_a1 .data b{font-size: 3.8vw;display: inline-block;}
    .NewsList_a1 .data b:after{content: "-";}

}