@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;}



.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: 0.7vw 0;}

.nav .ResTitle_a1 span{font-size: 24px;color: #e62129;display: inline-block;font-weight: bold;vertical-align: bottom;}

.nav .ResTitle_a1 em{font-size: 12px;color: #222;opacity: 0.6; display: inline-block;text-transform: capitalize;vertical-align: bottom;}

.nav .ResTitle_a1 em:before{content: "/";margin: 0 0.7em;}

.nav .ResTitle_a1 br{display: none;}



.public-page{width: 90%;margin-left: auto;margin-right: 0;

    background-image: url(/images/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/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/cbg_03.jpg);background-size: cover;background-color: #fff;}

.public-page .main-w{width: 83.3%;margin-left: 5%;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{ background: url(/images/abo1-titbg.png) right bottom no-repeat;padding-right: 4.5vw;padding-bottom: 3vw;

    background-size: 9vw;display: inline-block;max-width: 5em;line-height: 1.3;font-size: 1.8vw;text-align: left;

}

.case .main-box .R .ResTitle_a2 span{font-size: 1.2vw;font-weight: bold;color: #222;text-transform: uppercase;display: block;}

.case .main-box .R .ResTitle_a2 br{display: none;}

.case .main-box .R .ResTitle_a2 em{font-weight: bold;color: #e62129;text-transform: uppercase;}

.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 .ResTitle_a2 span:after{content: " .";}

.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;}

.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 ul{

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}

.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; }

.pro-nav li { width: auto; }

.pro-nav li:not(:last-child) { margin-right: 6.5vw; }

.pro-nav a{padding: 1.7vw 3.5vw 1.4vw 3.5vw;}

.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{color: #4c4c4c;font-size: 14px;line-height: 24px;margin-bottom: 2.4vw;}

.PosList_a1 a{color: inherit;}

.PosList_a1 b{font-weight: normal;}



.main-box{min-height: 400px;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.8vw;box-sizing: border-box;padding-left: 1.5em;position: relative;left: -1.5em;

    background: url(/images/ticon.png) left center no-repeat;background-size: 0.55em;

}

.ResTitle_a4 em{display: block;font-size: 14px;text-transform: uppercase;color: #bfbfbf;display: none;}

.ResTitle_a4 span{position: relative;}

.ResTitle_a4 span:after{content: "";display: block;background: #333;width: 2.2em;height: 3px;position: absolute;right: -2.4em;

    top: 50%;margin-top: -1px;

}



.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/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/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: 480px;/*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: 53.5%;position: relative;}

#text .swiper-slide{height: auto;}

#text h2{font-size: 1.8vw;color: #e62129;font-weight: bold;}

            #text .swiper-container{height: 40vw !important;}



#year{width: 36.6%;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: 1.8vw;color: #333333; padding-left: 2.5em;display: block;position: relative;}

#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;}

.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/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/sbg.jpg) right bottom no-repeat;padding: 11vw 0 5.5vw 0;background-size: auto 95%;

    border-top: 1px solid #d4d4d4;

}

.rid59 .B{background: url(/images/mbg_52.png) #fbfbfb right bottom no-repeat;padding: 4.5vw 0;background-size: 34vw auto;}

.rid59 .c-list li{float: left;width: 31.3%;background: #fff;border: 1px solid #cacaca;box-sizing: border-box;margin-right: 3.05%;padding: 1vw 1.7vw;

    min-height: 16em;

}

.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:last-child{margin-right: 0;}

.rid59 .B .pb-amap-container{height: 31vw;}

.rid59 .B .pb-amap-container 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/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;}

.companyDz {
    position: relative;
}
.companyDz .ResTitle_a4{
    width: 50%;
}
.companyDz .ClassList_b2{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.companyDz .ClassList_b2 ul{
    text-align: right;
    justify-content: flex-end;
}
.companyDz .ClassList_b2 a{
    padding: 0 0.5em 1vw 0.5em;
}

@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;}

    .case .main-box .R .ResTitle_a2 span{font-size: 16x;}

    .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%);}

    .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: 43.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;}



    .public-page .main-w{width: 90%;margin-left: auto;margin-right: auto;}

    .public-page{width: 100%;margin-left: 0;padding-top: 80px;}

    .nav .ResTitle_a1 span{font-size: 24px;}

    .ResTitle_a4 span{font-size:24px;}

    .rid35 .R h3{font-size: 18px;}

    .PosList_a1{display: none;}

    

    .nav .R{max-width: 50%;}



    .case .main-box .R .ResTitle_a2{font-size: 24px;padding-bottom: 0;}

    .case .main-box .R .ResTitle_a2 span{font-size: 18px;display: none;}

    .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 .main-box .R .ResTitle_a2{max-width: 100%;background: none;}



    .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;}



    .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: 4.5vw;display: block;text-align: center;}

    .ResTitle_a4 span:after{display: none;}

    .main-bg>.main-w{margin-top: 6vw;}

    .main-bg{padding-bottom: 4em;}

    .PosList_a1{display: none;}

    .nav{margin-bottom: 10vw;}

    .nav .L{padding: 3vw 0;}

    .nav .R{float: none;width: 100%;max-width: 100%;padding: 0 5vw;box-sizing: border-box;display: none;}

    .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,.ClassList_b2{margin: 0 auto; max-width: 95%;display:block;}

    .NavList_a1 a,.ClassList_b2 a{font-size: 3.8vw;padding:  0 3vw;box-sizing:border-box;height: 10vw;line-height: 10vw;}



    .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;height: 50vw;}

    #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 .swiper-container{height: 60vh !important;}

    #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;}

    .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 .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;}

    .pro-nav li:not(:last-child){margin-right: 4vw;}

    

    .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;}

    .companyDz .ResTitle_a4{
        width: 100%;
        margin-bottom: 8vw;
    }
    .companyDz .ClassList_b2{
        width: 100%;
        position: unset;
    }
    .companyDz .ClassList_b2 ul{
        justify-content: center;
    }
    .companyDz .ClassList_b2 a{
        padding: 0 0.5em 1vw 0.5em;
    }
    

}