@charset "utf-8";
.header{position:absolute;top: 0;}
.swiper-pagination{z-index: 1;position:static;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 2px;width: 13px;border-radius: 4px;margin: 0 2px;opacity: 0.66;background-color: #f4f5f8;}
.swiper-pagination-bullet-active{width: 26px !important;background: #e62129 !important;opacity: 1 !important;}

.kk-h100{height:100%;}


.page-ban{box-sizing:border-box; background: none;overflow: hidden;position: relative;background: #f5f5f5;}
.page-ban .BannerShow_c1 div{width: 100%;max-height: 38.5vw;}
.page-ban .BannerShow_c1 img{width: 100%;display: block;}

.nav .L {padding: 1vw 0;}
.nav .ResTitle_a1 span{font-size: 24px;color: #e62129;display: block;font-weight: bold;line-height: 28px;}

.public-page{width: 90%;margin-left: auto;margin-right: 0;
    background-image: url(/images/ja/mbg_19.png);
    background-repeat: no-repeat;
    background-position: right 36vw;
    background-size: 16.5vw auto;
}
.main-bg{padding-bottom: 5.2vw;
    background-image: url(/images/ja/mbg_52.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 34vw auto;
}
.case .main-bg{padding-top: 1.5vw; min-height: 40vw; background-image: url(/images/ja/cbg_03.jpg);background-size: cover;background-color: #fff;}
.public-page .main-w{width: 83.3%;margin-left: auto;margin-right: auto;}

.nav {position: relative;background: #f3f3f3;text-align: left;}
.nav-case {background: #e62129;color: #fff;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.nav .R{position: relative;}
.nav .swiper-button-next,.nav .swiper-button-prev,.nav-case .swiper-button-next,.nav-case .swiper-button-prev {
    position: absolute;background-image: none;margin: 0;width: 0;height: 0;z-index: 0;
     border-bottom: 20px solid transparent;border-top: 20px solid transparent;top: 50%;
    -webkit-transform:  translateY(-50%) rotate(-180deg) ;
    -ms-transform:  translateY(-50%) rotate(-180deg) ;
    -o-transform:  translateY(-50%) rotate(-180deg) ;
    transform:  translateY(-50%) rotate(-180deg) ;   
}
.nav .swiper-button-next ,.nav-case .swiper-button-next {right: -5%; border-right: 7px solid #e62129;}
.nav .swiper-button-prev ,.nav-case .swiper-button-prev {left: -5%;border-left: 7px solid #e62129;}
.nav .swiper-button-next ,.nav .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;z-index: 2;}
.nav-case .swiper-button-next ,.nav-case .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;z-index: 2;}
.nav-case .swiper-button-prev{left: 2%;border-left-color: #ffeb3b; }
.nav-case .swiper-button-next{right: 2%;border-right-color: #ffeb3b; }

.ClassList_b2 li,.NavList_a1 li{display: block;width: auto;text-align: left;}
.NavList_a1 a,.ClassList_b2 a{font-size: 16px;display: block;position: relative;z-index: 1;padding: 1vw 0.5em 1vw 0.5em;line-height: 28px;
  transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;text-align: center;
}
.NavList_a1 a:after, .ClassList_b2 a:after{content: "";display: block;position: absolute;bottom: 0;left: 50%;
    width: 0;height: 2px;background: #e62129;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.NavList_a1 a.on, .ClassList_b2 .on a{color: #e62129;}
.NavList_a1 a.on:after, .ClassList_b2 .on a:after{width: 100%;left: 0;}
.nav-case .ClassList_b2 .on a{color: #ffff00;}
.nav-case .ClassList_b2 a:after{background: #ffff00;}

.case .main-box .L{width: 57.6%;/* background-color: #dddddc; */}
.case .main-box .L .page{display: none;}
.case .main-box .L .load_more_button{display: none;}
.case .main-box .L li a{display: block; height: 31vw;position: relative;}
.case .main-box .L li a img{position: absolute;left: 50%;top: 50%;max-height: 95%;max-width: 95%; 
    object-fit:cover; box-shadow: 0 0 1vw 2px rgba(0,0,0,0.2);
    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;
}
.case .main-box .L li h4,.case .main-box .L li span{display: none;}
.case .main-box .R{width: 36.2%;}
.case .list ul{min-height: 10.4vw;}
.case .list li{float: left;width: 25%;position: relative;background: #e62129;}
.case .list li a{height: 10vw;display: block;}
.case .list li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.case .list li h4{position: absolute;z-index: 1;color: #fff;text-align: center;opacity: 0;width: 100%;
   display: block; box-sizing: border-box;padding: 5px;left: 0;top: 50%;line-height: 1.5;transform: translateY(-50%);
    line-height: 1.5;display: -webkit-box; 
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.case .solgan{font-weight: bold;font-size: 6vw;font-family: Arial;opacity: 0.4;position: absolute;top: 1.4vw;left: 2.6vw;color: #e7e7e7;}
.case .list li span{display: none;}
.case .main-box .R .page {position: relative;text-align: right;font-size: 0;}
.case .main-box .R .page *{display: none;}
.case .main-box .R .page .prev,.case .main-box .R .page .next{display: inline-block;width: 27px;height: 27px;font-size: 0;
    background: url(/images/l.png) center no-repeat;background-size: contain;border:none;
}
.case .main-box .R .page .next{width: 27px;height: 27px;background-image: url(/images/r2.png);}
.case .main-box .R .page .pageinfo{display: block;font-size: 14px;padding: 0 10px;height: 27px;line-height: 27px;position: absolute;right: 80px;
    text-align: center;color: #fff;background: #e62129;top: 0;}
.case .main-box .R .ResTitle_a2 span{display: none;}
.case .main-box .R .ResTitle_a2 br{display: none;}
.case .main-box .R .ResTitle_a2 em{font-weight: bold;color: #e62129;text-transform: uppercase;text-align: left;display: block;}
.case .main-box .R .ResTitle_a2 em:after{content: "";display: block;width: 1.5em;height: 2px;background: #e62129;margin-top: 0.5em;}

.case .main-box .R  .load_more_button{display: none;}
.case .main-box .R  .page{display: block;}

.product.case .list li {background: #fff;}
.product.case .list li a{height: 8.5vw;display: block;position: relative;border: 1px solid #ff0000;box-sizing: border-box; 
    width: 99%;
}
.product.case .list li img{height: auto;width: auto;max-width: 95%;max-height: 95%;position: absolute;left: 50%;top: 50%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}
.product.case .main-box .R .page .pageinfo *{color: #fff;border: none;display: inline-block;padding: 0;}
.product.case .main-box .R .page .pageinfo {left: auto;width: auto;padding: 0 17px;}

.ban-txt {z-index: 2;bottom: 11vw;left: 6vw;line-height: 1.7;width: 600px;max-width: 85%;}
.ban-txt .en:after{content: "";display: block;width: 3vw;height: 5px;background-color: #ff0000;margin-top: 1vw;}

.pron{ border-bottom: 1px solid #d4d4d4;}
#pro-nav {display: inline-block; max-width: 100%;}
#pro-nav .icon img { height: 70px; margin: 0 auto; }
#pro-nav .icon i img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 0; }
#pro-nav .icon i { bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; transition: 0.5s linear 0s; }
#pro-nav p { margin-top: 0.5vw; display: block;}
#pro-nav li { width: auto;min-width: 10vw; max-width: 44vw;}
#pro-nav a{padding: 1.7vw 1vw 1.4vw 1vw;display: block;box-sizing: border-box;}
#pro-nav a.on i { height: 100%; }
#pro-nav a.on .icon>img { opacity: 0; transition-delay: 0.5s; }
#pro-nav a.on p { color: #333; }
#pro-nav a:after{content: "";display: block;position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #e62129;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
#pro-nav .on:after{width: 100%;left: 0;}

.PosList_a1,#pos{color: #4c4c4c;font-size: 14px;line-height: 24px;margin-bottom: 2.4vw;text-transform: capitalize;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}

.main-box{min-height: 300px;font-size: 16px;line-height: 1.8;margin-top: 1.7vw;}
.main-box img,.view img{max-width: 100% ;}
table{border-collapse: collapse;border: 1px solid #cccccc;max-width: 100%;}
td{ padding: 5px 10px; border: 1px solid #cccccc;}

.ResTitle_a4 br{display: none;}
.ResTitle_a4 {font-size: 1.5vw;box-sizing: border-box;position: relative;line-height: 1.5;}
.ResTitle_a4 em{display: block;font-size: 14px;text-transform: uppercase;color: #bfbfbf;display: none;}
.ResTitle_a4 span{position: relative;font-weight: bold;}

.public-page .rid32 {width: 100% !important;margin-left: 0 !important;}
.rid32 .ResTitle_a4{background-position: left 0.4em;}
.rid32 .T{padding-bottom: 4.5vw;background: url(/images/ja/ab_03.jpg) right center no-repeat;background-size: 33.2% 100%;
    box-sizing: border-box;
}
.rid32 .T .L{width: 66.8%;/*654*/height: 30vw;position: relative;
    background: url(/images/ab_05-5.jpg) center no-repeat;background-size: 100% 100%;
}
.map-dots{width: 100%;height: 100%;}
.rid32 .B{background: url(/images/ja/mbg_52.png) #f0f5f9 right bottom no-repeat;padding: 5.7vw 0;background-size: 34vw auto;}
.rid32 .B .L{ width: 65%;}
.rid32 .B .R{ width: 32.5%;height: 20vw;overflow: hidden;}
.rid32 .B .swiper-slide a{height: 20vw; overflow: hidden;display: block;}
.rid32 .B .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.rid32 .arrow div{width: 1.5em;position: static;display: inline-block;margin: 0;height: auto; margin-right: 1em;max-width: 30px;background: none;}
.rid32 .arrow img{display: block;width: 100%;}
.rid32 .B .swiper-pagination{display: none;}

.rid33 .T{border-bottom: 1px solid #d4d4d4;padding-bottom: 3vw;}
.rid33 .T .L{max-width: 43%;width: 570px;/*33.3*/}
.rid33 .T .R{ width: 54.8%;}
.rid33 .txt{width: 45.4%;/*654*/}

.rid34{margin-top: 2vw;}
#history{height: 40vw;border-top: 1px solid #d4d4d4;}

#text {width: 46.5%;position: relative;}
#text .swiper-slide{height: auto;}
#text h2{font-size: 1.5vw;color: #e62129;font-weight: bold;}

#year{width: 45%;border-right: 1px solid #d4d4d4;position: relative;box-sizing: border-box;padding-top: 7vw;}
#year .gallery-thumbs{line-height: 1.8;display: block;}
#year .swiper-slide{cursor: pointer;height: auto;}
#year .swiper-slide em{font-size: 22px;color: #333333; padding-left: 2em;display: block;position: relative;line-height: 1.5;}
#year .swiper-slide em:before {content: '';background: #ffff00;width: 0;height: 3px;margin-top: -1px;opacity: 0;
    position: absolute;top: 50%;left: 0;border-right: 1px solid #e62129;border-bottom: 1px solid #e62129;
    transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
#year .swiper-slide-thumb-active em{color: #e62129;}
#year .swiper-slide-thumb-active em:before{opacity: 1;width: 1.5em;}

.rid35 .T .ClassList_b2 {display: inline-block;}
.rid35 .T .ClassList_b2 .on a{color: #e62129;font-size: 24px;font-weight: bold;}
.rid35 .T .ClassList_b2 a{padding-top: 0;padding-bottom: 20px;line-height: 38px;height: 38px;}
.rid35 .T .ClassList_b2 a:after ,.rid35 .R .swiper-slide:before {content: "";display: block;position: absolute;bottom: 6px;left: 50%;width: 12px;height: 12px;
    transform: rotate(45deg);opacity: 0;z-index: 1;box-shadow: -1px -2px 6px 2px rgba(230,33,41,0.4);
    background: #e62129;transition: .6s all ease;-ms-transition: .6s all ease;-webkit-transition: .6s all ease;
}
.rid35 .T .ClassList_b2:after {content: "";display: block;position: absolute;bottom: 11px;left: 0;width: 100%;height: 1px;background: #d4d4d4;}
.rid35 .T .ClassList_b2 .on a:after{opacity: 1;}

.rid35 .B{height: 30vw;}
.rid35 .L {width: 55.5%;position: relative;}
/* .rid35 .L .swiper-slide{height: auto;}
 */
.rid35 .L .img{position: relative;height: 26vw;box-sizing: border-box;display: block;}
.rid35 .L .img img{position: absolute;left: 50%;top: 50%;max-width: 100%;max-height: 100%;
    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;
}
.rid35 .L h3{background-color: #e62129;color: #fff;font-size: 18px;font-weight: bold;box-sizing: border-box;
    display: block;padding:0 2.6vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    line-height: 4vw;height: 4vw;
}
.rid35 .L h3:before{content: "~";color: #ffff00;margin-right: 0.5em;float: left;font-weight: bold;font-size: 0.9em;display: none;}
.rid35 .R h3{font-size: 1.8vw;color: #e62129;font-weight: bold;margin-bottom: 2vw;}
.rid35 .R{width: 42.7%;position: relative;box-sizing: border-box;padding: 2.5vw 1.5vw 1vw 3vw;}
.rid35 .R .swiper-container{height: 21vw;}
.rid35 .R .swiper-slide{cursor: pointer;height: auto;}
.rid35 .R .swiper-slide p{/* font-size: 1.8vw;color: #333333;  */;display: block;position: relative;padding-left: 36px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;padding-right: 20px;
}
.rid35 .R .swiper-slide:before {box-shadow: none;top: 6px;left: 6px;}
.rid35 .R .swiper-slide-thumb-active:before{opacity: 1;}
.rid35 .R .swiper-scrollbar{width: 5px;right: 0;}
.rid35 .R .swiper-scrollbar-drag{background-color: #e62129;}

#frist-news {border-bottom: 4px solid #e1e1e1;padding-bottom: 4vw;}
#frist-news .img{width: 48.6%;}
#frist-news .img a{display: block;position: relative;height: 21vw;overflow: hidden;background-size: cover;}
#frist-news .img img{position: absolute;left: 50%;top: 50%;height: 100%;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;}
#frist-news .txt{width: 38.8%;box-sizing: border-box;padding-top: 2vw;}
#frist-news .time{padding-left: 2.5em;background:url(/images/ja/rili.png) left center no-repeat;background-size: contain;}

.class3 .main-box .L {width: 16.6%;}
.class3 .main-box .L  .nav{background: none;}
.class3 .main-box .L  .ClassList_b1{width: 95%;}
.class3 .main-box .L  .ClassList_b1 a{display: block;box-sizing: border-box;padding: 0.7em 0.6em;}
.class3 .main-box .L  .ClassList_b1 .on a{background: #e62129;color: #fff;}
.class3 .main-box .R {width: 83.4%;background-color: #fafafa;padding: 4vw 3vw 1vw 3vw;box-sizing: border-box;}
.class3 .L .nav .swiper-button-next, .L .nav .swiper-button-prev{display: none;}
.rid59 .T .t{background: url(/images/ja/sbg.jpg) right bottom no-repeat;padding: 11vw 0 5.5vw 0;background-size: auto 95%;
    border-top: 1px solid #d4d4d4;
}
.rid59 .T .t p{width: 600px;max-width: 90%;}
.rid59 .B{background: url(/images/ja/mbg_52.png) #fbfbfb right bottom no-repeat;padding: 4.5vw 0;background-size: 34vw auto;}
.rid59 .c-list .icon{display: block;width: 55px;height: 55px;border-radius: 50%;color: #fff;font-size: 18px;background-color: #e62129;margin-bottom: 1vw;
    text-align: center;line-height: 55px;font-weight: bold;text-transform: capitalize;
}
.rid59 .c-list li + li{margin-top: 1.5em;}
.rid59 .c-list li:last-child{margin-right: 0;}
.rid59 .B .map_a1{height: 31vw;}
.rid59 .B .map_a1 img{max-width: unset;width: unset;}

.page{width: 100%;margin-top: 1.5vw;font-size: 0;}
.page a,.page span{font-size: 14px;color: #333;padding: 0.6em 1.1em;margin: 0 2px; line-height: 1.5;display: inline-block;text-align: center;
   border: 1px solid #bfbfbf;
}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{font-weight: bold;background-color: #e62129;color: #fff;border-color: #e62129;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #e62129;color: #fff;border-color: #fff;}

.load_more_button{display: none;width: 8em;margin-left: auto;margin-right: auto;text-align:center;padding: 0.5em 0;border-radius: 2em;
    background: #e62129;color: #fff;}
.caseback{background: #0f3a95;display: block;color: #fff; width: 8em;text-align: center;height: 36px;line-height: 36px;border-radius: 18px;font-size: 16px;
    margin: 30px auto 0 auto;}
.caseback.mob{display: none;}

.DownList_a1 li{float: left;width: 48.5%;margin-right: 3%; font-size: 18px;line-height: 1.5;float: left;padding: 2vw 7vw 2vw 1.5vw;
    box-sizing: border-box;background: #fafafa;position: relative;margin-bottom: 1vw;
}
.DownList_a1 li:nth-child(2n){margin-right: 0;}
.DownList_a1 li a{display: block;height: 3.8vw;width: 3.8vw; background: url(/images/ja/di.png) center no-repeat;background-size: contain;
    position: absolute;right: 1.2vw;top: 50%;margin-top: -1.9vw;font-size: 0;
}
.DownList_a1 li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;text-align:center;}
/*.VideoDisplay_a1_C{ height:700px;}*/
.VideoDisplay_a1 video{display: block;max-width: 100% !important;height: 33vw;margin: 0 auto;object-fit: cover;}
.VideoDisplay_a1_C iframe{max-width: 100% !important;height: 33vw;width: 87.5%;}
.VideoDisplay_a1_C embed{max-width: 100% !important;height: 33vw;width: 87.5%;}

.VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;}
.VideoDisplay_a1_C{text-align: center;}
.VideoDisplay_a1_back a.more{color: #fff;display:inline-block;background: #e62129; line-height: 1.5;
    position:relative; transition: 0.6s; padding: 0.5em 2em; font-size:16px;border-radius: 2em;}

@media screen and (min-width: 1027px){
    .NavList_a1 a:hover{color: #e62129;}
    #frist-news a:hover, .rid35 .R .swiper-slide:hover p{color: #e62129;}
    .ClassList_b2 a:hover{color: #e62129;}
    .nav-case .ClassList_b2 a:hover{color: #ffff00;}
    .NavList_a1 a:hover:after, .ClassList_b2 a:hover:after{width: 100%;left: 0;}
    .rid35 .T .ClassList_b2 a:hover{color: #e62129;}
    .rid35 .T .ClassList_b2 a:hover:after{opacity: 1;}

    #year .swiper-slide:hover em:before {width: 1.5em;opacity: 1;}
    #year .swiper-slide:hover em{color: #e62129;}

    .case .list li a:hover h4{opacity: 1;}
    .case .list li a:hover img{opacity: 0.2;}
    .product.case .list li a:hover{background: #ff0000;}

    .DownList_a1 li:hover a{color: #e62129;transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);animation: beat 0.5s 1;}
}
@media screen and (max-width: 1250px){
    .case .main-box .R .ResTitle_a2{font-size: 24px;}
    .public-page .main-w{width: 88%;}
    .main-box{font-size: 14px;}
    .ResTitle_a4 span{font-size: 28px;}
    .NavList_a1 a, .ClassList_b2 a{font-size: 14px;}

    .rid31 .M .R{width: 47%;padding-top: 3vw;}
    .rid31 .M .L{width: 49%;max-width: 100%;}
    #year .swiper-slide  em{font-size: 22px;}

}
@media screen and (min-width: 1024px){
    .map-dot{position: absolute;transform: translateX(-50%);width: 12.5vw;max-width: 100%;line-height: 1.5;}
    .map-dot:before{content: '';display: none;height: 12px;width: 12px;background: #e62129;border-radius: 50%;margin: 0 auto 4px auto;}
    .map-dot--1{top: 31%;left: 16.2%;}
    .map-dot--2{top: 5.7%;right: 16.5%;}
    .map-dot--3{top: 62.85%;left: 49.3%;}
    .map-dot--4{top: 79.93%;left: 20%;}
    .map-dot--5{top: 64%;left: 82%;}
}
@media screen and (max-width: 1024px){
    .NavList_a1 a:after, .ClassList_b2 a:after{display: none;}
    .rid35 .T .ClassList_b2 .on a{font-size: 18px;}
     #pos{display: none;}

    .public-page .main-w{width: 90%;margin-left: auto;margin-right: auto;}
    .public-page{width: 100%;margin-left: 0;padding-top: 80px;}
    .ResTitle_a4 span{font-size:24px;}
    .rid35 .R h3{font-size: 18px;}
    
    .nav .L{padding: 3vw 0;display: none;}
    .nav .R{float: none;max-width: 100%;padding: 0 5vw;box-sizing: border-box;text-align: center;}
    .nav .ResTitle_a1 span{font-size: 24px;}
    .NavList_a1,.ClassList_b2{margin: 0 auto;display: inline-block;}

    .case .main-box .L li a{height: 39vw;}
    .case .list li a{height: 11vw;}

    .rid32 .T .L{padding-top: 6vw;box-sizing: border-box;}
    .map-dot p{display: inline-block;}

    .rid35 .L .img{height: 36vw;}
    .rid35 .B{height: 42vw;}
    .rid35 .L h3{line-height: 6vw;height: 6vw;}
    
    .class3 .main-box .L {float: none;width: 100%;padding-bottom: 3vw;}
    .class3 .main-box .R {float: none;width: 100%;}
    .class3 .main-box .L .nav .swiper-button-prev{left: 0;}
    .class3 .main-box .L .nav .swiper-button-next{right: 0;}
    .class3 .main-box .L .ClassList_b1{padding: 0;width: 85%;margin: 0 auto;}
    .class3 .main-box .L .ClassList_b1 li{width: auto;}
    .class3 .main-box .L .ClassList_b1 a{padding: 0.2em 1em;text-align: center;}
    .class3 .L .nav .swiper-button-next, .L .nav .swiper-button-prev{display: block;}

    #frist-news .img{width: 50%;}
    #frist-news .txt{width: 45%;margin-right: 5%;}

    .page{display: none;}
    .load_more_button,.map-btn{display: block;margin: 2em auto 0 auto;padding: 0.5em 0;}

    #text h2{font-size: 18px;}
  .news_detail .fl{float: none;width: 100%;}

}
@media screen and (max-width: 800px){
    .rid31 .M .R,.rid31 .R{width: 100%;float: none;}
    .rid31 .M .L,.rid31 .L{width: 100%;max-width: 100%;float: none;}
    .case .main-box .L{float: none;width: 80%;margin: 0 auto 2vw auto;}
    .case .main-box .L li a{height: 40vw;}
    .case .main-box .R{float: none;width: 100%;}
    .case .list li a{height: 13vw;}
}
@media screen and (max-width: 640px){
    .ban-txt{bottom: 6vw;}
    .ban-txt .en:after{height: 2px;margin-top: 3vw;}
    .public-page{padding-top: 14vw;}
    .header{position:fixed;}
    .page-ban .BannerShow_c1 div{height: 40vw;max-height: 40vw;}
    .page-ban .BannerShow_c1 div img{height: 100%;width: 100%;object-fit: cover;}
    .product .page-ban .BannerShow_c1 div{height: 60vw;max-height: 60vw;}
    .NavList_a1, .ClassList_b2{max-width: 100%;display: block;}

    .nav .R{display: none;}
    .nav .main-w{width: 95% !important;}

    .page-ban .ResTitle_a1{position: absolute;left: 5vw;bottom: 8vw;color: #fff;font-size: 5vw;color: #ffff00;font-weight: bold;}
    .page-ban .ResTitle_a1 em{display: none;}
    .nav .ResTitle_a1 span{font-size: 5vw;}
    .ResTitle_a4{background: none;}
    .ResTitle_a4 span{font-size: 5vw;display: block;text-align: center;}
    .main-bg>.main-w{margin-top: 6vw;}
    .main-bg{padding-bottom: 4em;}
    .PosList_a1{display: none;}
    .nav{margin-bottom: 10vw;}
    .nav .swiper-button-next{right: 3%;}
    .nav .swiper-button-prev{left: 3%;}
    .nav .swiper-button-next, .nav .swiper-button-prev{-webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);}
    .class3 .main-box .L .nav{margin-bottom: 0;}

    .NavList_a1 a,.ClassList_b2 a{font-size: 3.8vw;padding:  0 3vw;box-sizing:border-box;height: 10vw;line-height: 10vw;}
    
    .rid32 .ResTitle_a4 span{text-align: left;}

    .rid35 .T .ClassList_b2 a:after, .rid35 .R .swiper-slide:before{width: 5px;height: 5px;bottom: 3px;box-shadow: none;}
    .rid35 .T .ClassList_b2:after{bottom: 5px;}
    .rid35 .T .ClassList_b2 a{line-height: 10vw;height: auto;line-height: 10vw;height: auto;padding-bottom: 10px;}
    .rid35 .T .ClassList_b2 .on a{font-size: 4.2vw;}

    .main-box{font-size: 3.8vw;}

    .rid33 .T .L,.rid33 .txt{float: none;width: 100%;max-width: 100%;}
    .rid33 .T .R{float: none;width: 100%;margin-top: 3vw;}

    .rid35 .B{height: auto;}
    .rid35 .L h3{font-size: 3.8vw;}
    .rid35 .L ,.rid35 .R{float: none;width: 100%;}
    .rid35 .L .img{height: 64vw;}
    .rid35 .L h3{line-height: 1.5;padding: 2vw 5vw;height: auto;}
    .rid35 .R{height: 50vw;padding: 3vw 5vw;}
    .rid35 .R h3{font-size: 4.2vw;}
    .rid35 .R .swiper-container{height: 35vw;}
    .rid35 .R .swiper-slide:before{display: none;}
    .rid35 .R .swiper-slide p{padding-left: 0;}
    .rid35 .R .swiper-slide-thumb-active p{color: #e62129;}

    #frist-news{border-bottom: none;}
    #frist-news .txt{width: 100%;display: block;padding-bottom: 0;}
    #frist-news .img{width: 100%;display: block;}
    #frist-news .img a{height: 56vw;}

    #year{width: 100%;float: none;border:none;padding-top: 3vw;}
    #year .swiper-slide em{font-size: 4vw;}
    #history{width: 100%;max-width: 100%;height: auto;}
    #year .swiper-slide-active  em{font-size: 4vw;}
    #text{float: none;width: 100%;display: block;}
    #text:before{display: none;}
    #text h2{font-size: 4.2vw;}
    #text .swiper-container{display: block;}

    .rid32 .T{background: none;}
    .map-dots{position: relative;}
    .rid32 .T .L{height: auto;background-size: contain;background-position: right bottom;display: block;}
    .rid32 .T .L,.rid32 .B .L,.rid32 .B .R{float: none;width: 100%;}
    .rid32 .B .swiper-slide a{height: 36vw;}
    
    .class3 .main-box .R {padding: 0;background: none;}

    .VideoDisplay_a1_C{width: 94%;margin: 0 auto;text-align: center;}
    .VideoDisplay_a1_C{margin-top: 3vw;}
    .VideoDisplay_a1_C video{height: auto;width: auto;max-height: 60vh;}
    .VideoDisplay_a1_back a.more{font-size: 3.8vw;}

    .DownList_a1 li{float: none;margin-right: 0;margin-bottom: 3vw;width: 100%;padding: 5vw 19vw 5vw 3.5vw;font-size: 3.8vw;}
    .DownList_a1 li a{width: 10vw;height: 10vw;margin-top: -5vw;right: 4vw;}

    .rid59 .c-list li{float: none;margin-right: 0;height: auto;width: 100%;padding: 3vw 4.7vw;margin-bottom: 3vw;min-height: 1em;box-sizing: border-box;
    border: 1px solid #ccc;}
    .rid59 .c-list .icon{font-size: 4.2vw;height: auto;line-height: 1.8;width: auto;font-weight: bold;color: #e62129;border-radius: 0;background: none;
        text-align:left;
    }
    .rid59 .T .t{border-top: none;padding-top: 20vw;margin-top: 6vw;
        background-size: contain;background-position: top right;}

    .pro-nav{width: 95% !important;}
    #pro-nav .icon img{height: 8vw;}
    #pro-nav .on:after{display: none;}
    #pro-nav a.on p{color: #e62129;}
    #pro-nav a{padding: 2vw 1vw 3vw 1vw;text-align:left;}
    #pro-nav .icon i img{transform: translateX(0);left: 0;}
    
    .case .nav{margin-bottom: 0;}
    .case .main-box .L{float: none;width: 100%;margin: 0 auto 6vw auto;}
    .case .main-box .L li a{height: 70vw;}
    .case .main-box .R .ResTitle_a2{font-size: 5vw;}
    .case .main-box .R .ResTitle_a2 span{font-size: 4vw;}
    .case .list li a{height: 31vw;}
    .product.case .list li a{height: 33vw;}
}