body{overflow-x: hidden;}
.swiper-pagination{z-index: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 13px;border-radius: 4px;margin: 0 5px;opacity: 0.66;background-color: #f4f5f8;}
.swiper-pagination-bullet-active{width: 26px !important;background: #0f3a95 !important;opacity: 1 !important;}

.page-ban{box-sizing:border-box; background: none;overflow: hidden;position: relative;}
.page-ban .BannerShow_c1 div{width: 100%;height: 28.5vw;}
.page-ban .BannerShow_c1 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-ban br{display: none;}
.page-ban .ResTitle_a1{position: absolute;top: 7.5vw;left: 0;text-align: center; z-index: 2;width: 100%;font-size: 1.8vw;color: #fff;
    display: inline-block;line-height: 1.5;padding: 3.8vw 10.7vw 1vw 6.7vw;box-sizing:border-box;text-shadow: 0 3px 11px rgba(0,0,0,0.3);
    background: url(/images/title.png) center no-repeat;background-size: contain;font-weight: bold;}
.page-ban .ResTitle_a1 span{margin-right: 0.6em;}

.NavList_a1,.ClassList_b2{transform: skew(-13deg);-webkit-transform: skew(-13deg);line-height: 30px;margin-left: 1vw;}
.NavList_a1 li,.ClassList_b2 li{display: block;width: auto;text-align: center;}
.NavList_a1 a,.ClassList_b2 a{font-size: 16px;display: block;padding: 1vw 2vw;position: relative;z-index: 1;
transform: skew(13deg);-webkit-transform: skew(13deg);}
.NavList_a1 li:after,.ClassList_b2 li:after{content: "";display: block;width: 0;height: 100%;background-color: #f72e0f;position: absolute;bottom: 0;left: 50%;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;}
.NavList_a1 li.as:after,.ClassList_b2 li.on:after{width: 100%;left: 0;}

.ClassList_b3{max-width: 80%;margin: 0 1vw;text-align: center;display: inline-block;vertical-align: middle;font-size: 0;}
.class-nav:after,.class-nav:before{
    content: "";display: inline-block;vertical-align: middle;
    height: 1vw;background: #f6b5b8;width: 2vw;transform: skew(-13deg);-webkit-transform: skew(-13deg);
}
.ClassList_b3 li{display: inline-block;transform: skew(-13deg);-webkit-transform: skew(-13deg);background-color: #eeeeee;font-size: 20px;color: #4c4c4c;}
.ClassList_b3 a{display: block;padding: 0.5vw 2vw;line-height: 1.8;transform: skew(13deg);-webkit-transform: skew(13deg);}
.ClassList_b3 .on{color: #fff;background-color: #d8262c;}

.nav {margin-bottom: 4.2vw;position: relative;box-sizing:border-box;padding-right: 6.5%;
    background: -webkit-linear-gradient(left, #9b9b9b 50%, #4c4c4c);
    background: -o-linear-gradient(left, #9b9b9b 50%, #4c4c4c);
    background: linear-gradient(to right, #9b9b9b 50%, #4c4c4c);
}
.nav .R{width:80%;}
.nav .R .fl{width: calc(100% - 450px);padding-right:19px;box-sizing: border-box;}
.nav .R .fr{width: 450px;}
.nav .L{width: 20%;box-sizing:border-box;text-align: right;position: absolute;bottom: 0; z-index: 2;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.nav .swiper-button-next,.nav .swiper-button-prev{z-index: 2; position: absolute;background-image: none;margin: 0;width: 0;height: 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 {right: 0; border-right: 7px solid #fff;}
.nav .swiper-button-prev {left: 1.2vw;border-left: 7px solid #fff;}
.nav .swiper-button-next ,.nav .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;}
.nav .L  {background: linear-gradient(to right, #d8262c 50%, transparent 55%);
    background: -ms-linear-gradient(to right, #d8262c 50%, transparent 55%);
    background: -webkit-linear-gradient(to right, #d8262c 50%, transparent 55%);
}
.PosList_a1{font-size: 16px;line-height: 30px;height: 30px;text-align: right;padding: 1vw 0;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}
.PosList_a1 span{padding-left: 34px;background: url(/images/loc.png) left center no-repeat;}


.ResTitle_a2{line-height: 1.5;text-align: center;padding: 1.5vw 0;font-size: 1.8vw;position: relative;z-index: 1;padding-left: 7vw;box-sizing:border-box;
border-right: 4px solid #fff;background-color: #d8262c; transform: skew(-13deg);-webkit-transform: skew(-13deg);
}
.ResTitle_a2 span{display: block; -webkit-transform: skew(13deg);
-ms-transform: skew(13deg);
-o-transform: skew(13deg);
transform: skew(13deg);}
.ResTitle_a2 br,.ResTitle_a2 em{display: none;}

.ResTitle_a3{text-align: center;font-size: 1.8vw;margin-bottom: 3vw;position: relative; }
.ResTitle_a3 em,.ResTitle_a3 br{display: none;}
.ResTitle_a3 span{display: block;padding-bottom: 34px;background: url(/images/line.png) center bottom no-repeat;font-weight: bold;
  letter-spacing: 2px;margin-bottom: 15px;}

.main-box{margin-bottom: 5.2vw;min-height: 400px;font-size: 16px;color: #4c4c4c;line-height: 1.8;}
.main-box img{max-width: 100%;}
table{border-collapse: collapse;border: 1px solid #cccccc;max-width: 100%;}
td{ padding: 5px 10px; border: 1px solid #cccccc;}

.rid32 .T{background: url(/images/abg1.jpg) left bottom no-repeat;background-size: 29.5% auto;}
.rid32 .B{background: url(/images/abg2.jpg) center top no-repeat;background-size: 100% auto;padding-top: 5.2vw;}

.rid32 .T .L{width: 46.8%;padding-top: 2.6vw;margin-right: 3.2%;}
.rid32 .T .R{width: 50%;}
.rid32 .T .L .tit{line-height: 1.5;}
.rid32 .T .L ul,.rid32 .T .L .t{padding-left: 7.5vw;box-sizing: border-box;position: relative;}
.rid32 .T .L ul:before{content: "";display: block;position: absolute;width: 9vw;height:100%;left:0;
  background: linear-gradient(to right,  transparent, #737373);
  background: -ms-linear-gradient(to right,  transparent, #737373);
  background: -webkit-linear-gradient(to right,  transparent, #737373);
}
.rid32 .T .L li{float: left;width: 5.6vw;height: 5.6vw;padding-top: 0.5vw;box-sizing: border-box; text-align: center;border: 1px solid #666666;
  border-radius: 50%;background: #fff;display: block;background: #fff;margin-left: -0.6vw;position: relative;z-index: 2;min-width: 5.6em;min-height: 5.6em;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
}
.rid32 .T .L li:nth-child(2n){border-color: #d8262c;}
.rid32 .T .L li img{max-width: 50%;display: block;margin: 0 auto;}
.rid32 .T .L h4:before{content: "";display: inline-block;vertical-align: middle;margin-right: 0.6em; height: 1vw;background: #d8262c;width: 1.5em;transform: skew(-13deg);-webkit-transform: skew(-13deg);}
.rid32 .T .BannerShow_c1 img{width: 100%; display: block;}
.rid32 .T .slogan{float: right;display: inline-block;margin-right: -5em;margin-left: auto; padding: 0 5em 0 2em;white-space: nowrap; height:3.3em;line-height: 3.3em;min-width: 8em;max-width: 100%; background-color: #d8262c;}
.rid32 .T .slogan:after{content: "";display: block; width: 0;height:0;position: absolute;top: 0;left:-1.2em; border-left: 1.2em solid transparent;
    border-right: 0 solid transparent;border-bottom: 3.3em solid #d8262c; }
.rid32 .B ul{}
.rid32 .B ul img{width: 100%;display: block;}
.rid32 .B li{width: 21.5%;}
.rid32 .B li p{position: relative;box-sizing: border-box;padding-left: 12px;}
.rid32 .B li p:before{content: "";display: inline-block;position: absolute;left: 0;top: 0.4em;
width: 6px;height: 0.7em; background-color: #d8262c; transform: skew(-13deg);-webkit-transform: skew(-13deg);}
        
.rid36>div+div{margin-top: 2.6vw;}
.rid36 .list{background: url(/images/pbg1.jpg) bottom no-repeat;background-size: 100% 100%;padding: 2vw 0 3vw 0;}
.rid36 .list:nth-child(2n){background-image: url(/images/pbg2.jpg);}
.rid36 .txt {height: 100%;width: 28.6%;float: left;padding-top: 2vw;}
.rid36 .txt strong:after{content: "";display: block;width: 3em;height: 8px;background-color: #fff;margin-top: 1vw;}
.rid36 .product_box .name{background: url(/images/ptbg.jpg) bottom no-repeat;background-size: 100% 100%;padding: 0.2em 20% 0.2em 20%;box-sizing: border-box;}
.rid36 .txt .btn{display: block;border: 1px solid #fff;width: 10em; padding: 0.5em 0;background: url(/images/moreh.png) no-repeat;
    background-position: 120% center;background-size: auto 40%;}
.rid36 .product_box {width: 66%; float: right;box-sizing: border-box; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); padding: 2.5vw; }
.rid36 .product_box li {flex:1;max-width: 50%;}
.rid36 .product_box li a{width: 90%;margin: 0 auto;}
.rid36 .product_box .img figure{height: 17vw;border: 2px solid #bfbfbf;box-sizing: border-box; background-color: #fff;background-position: center;background-repeat: no-repeat; background-size:contain; }
.rid36 .product_box .img{position: relative;overflow: hidden;box-sizing: border-box;}
.rid36 .product_box .img:after{content: "";display: block;width: 100%;left:0;top: 0; height: 100%;
    position: absolute; border: 4px solid #d8262c;opacity: 0;box-sizing: border-box;
    transition:.3s all ease-out;-ms-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;
}
.rid36 .list:nth-child(2n) .product_box{float: left;}
.rid36 .list:nth-child(2n) .txt{float: right;}
.rid36 .list:nth-child(2n) strong:after{background-color: #d8262c;}
.rid36 .list:nth-child(2n) .txt .btn{margin-right:0;margin-left: auto;}

/*详情*/
.NewsDetail_a1{margin: 2vw auto;width: 1200px; max-width: 100%;box-sizing: border-box;}
.rid35 .NewsDetail_a1{width: 680px;}
.NewsDetail_a1 p img{max-width: 100%;height: auto !important;}
.NewsDetail_a1 #nt{text-align: center;font-weight: bold; color: #4c4c4c;box-sizing: border-box;font-size: 24px;display: block;line-height: 1.5;margin-bottom: 1vw;}
.NewsDetail_a1 #nf{padding: 0 0 15px 0; height:20px; line-height:20px;text-align: center;    border-bottom: 1px dashed #eee;}
.NewsDetail_a1 #nf em{font-style: normal;font-size: 16px; padding-top:2px; margin-right:2px;display: inline-block;vertical-align: middle;}
.NewsDetail_a1 #nf span{ padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px;  background:#999999; color:#fff;
    display: inline-block;vertical-align: middle;}
.NewsDetail_a1 #nf span.nf_on{ background:#d8262c;color: #fff;}
.NewsDetail_a1 em{font-style: normal;}

.NewsDetail_a1 .nf1{line-height:1.6; font-size:17px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf2{line-height:1.6; font-size:16px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf3{line-height:1.6; font-size:18px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 p{line-height: 1.6;}
.NewsDetail_a1 #nb{padding:10px 0px; margin-top:10px;text-align:center; color:#000; border-top: 1px dotted #ccc;}
.NewsDetail_a1 #newtb{line-height:30px; margin-top: 20px;color: #000;border-radius: 12px;}
.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{width: 100%;line-height: 1.8;padding: 10px 0;box-sizing: border-box;}
.NewsDetail_a1 #newtb span{border-bottom: 1px dashed #eee;}
.NewsDetail_a1 #newtb>*{display:block; width:46%; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetail_a1 #newtb>*:last-child{float: right;}
.NewsDetail_a1 #newtb a{color: #000;}
.NewsDetail_a1 #newskw{ font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;display: none;}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.rid40 .NewsDetail_a1 #nt,.rid41 .NewsDetail_a1 #nt{font-size: 1.8vw; text-align: left;padding-bottom: 0.4em;box-sizing: border-box;border-bottom: 1px solid #a6a6a6;}
.rid40 .NewsDetail_a1 #nf,.rid41 .NewsDetail_a1 #nf{display: none;}
.rid40 .NewsDetail_a1 #nb,.rid40 .NewsDetail_a1 #newtb,.rid41 .NewsDetail_a1 #nb,.rid41 .NewsDetail_a1 #newtb{display: none;}

.detail .t{margin-bottom: 2vw;padding-bottom: 3.5vw;border-bottom: 1px solid #e5e5e5;}
.detail .tit{border-bottom: 1px solid #e5e5e5;}
.detail .t h4{display: inline-block;padding: 0 1em;height:2.3em;line-height: 2.3em;min-width: 8em;max-width: 100%; }
.detail .t h4:after{content: "";display: block; width: 0;height:0;position: absolute;top: 0;right:-1.2em; border-left: 0 solid transparent;
    border-right: 1.2em solid transparent;border-top: 2.3em solid #d8262c; }
.detail .t span{padding-top: 0.6vw;}
.detail .img{width: 61%;margin-left: auto;margin-right: auto;}
.detail .gallery-top a{position: relative;display: block;height: 31vw;border: 1px solid #f5f5f5;background-color: #eee;}
.detail .gallery-top a img{position: absolute;left: 50%;top: 50%;max-height: 95%;max-width: 95%;transform: translate(-50%,-50%);display: block;
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;height: auto;}
.detail .gallery-top li{width: 100% !important;}
.detail .gallery-thumbs {width: 80%;margin: 0 auto;}
.detail .gallery-thumbs a{overflow: hidden;display: block;position: relative;box-sizing:border-box;height: 6.5vw;border: 1px solid #eeeeee;background-color: #eeeeee;
   /*  background-position: center;background-repeat: no-repeat; background-size: contain; */
}
.detail .gallery-thumbs .swiper-slide-thumb-active a{border-color: #d8262c;}
.detail .gallery-thumbs a img{ display: block;width: auto;margin: 0 auto;background-color: #eeeeee;
    position: absolute;left: 50%;top: 50%;max-height: 100%;max-width: 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;
}
.detail .img .swiper-button-next.swiper-button-disabled, .detail .img .swiper-button-prev.swiper-button-disabled{opacity: 0.3;}
.detail .img .swiper-button-next,.detail .img .swiper-button-prev{z-index: 2; left: 0;background: none;width: 27px;height: 27px;margin: 0;
     border-top: 2px solid #d8262c;border-right: 2px solid #d8262c;top: 50%;position: absolute;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    -o-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);   
}
.detail .img .swiper-button-next {right: 0;left: auto;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); 
}
.detail-h3{width: 10em;padding: 0.3em 0;line-height: 1.5;text-align: center;background-color: #d8262c;}

.detail .video_list span{font-size: 18px;}
.detail .map-btn{display: block;}

.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;font-size: 22px; 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_back a{ width:200px;}
.VideoDisplay_a1_C{text-align: center;}

.VideoDisplay_a1_back a.more{color: #fff;display:inline-block;font-weight: lighter; border: 1px solid #d8262c;background-color: #d8262c; position:relative; transition: 0.6s; padding: 7px; padding-left:25px; padding-right: 25px;font-size:16px;z-index:1;font-family:"微软雅黑";}

.page{width: 100%;text-align: center;margin-top: 3.5vw;}
.page a,.page span,.map-btn{border: 1px solid #999999;font-size: 14px;color: #999999;padding: 6px 20px; line-height: 1.5;border-radius: 8px;display: inline-block;margin: 0 0.2vw 5px 0.2vw;text-align: center;}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{background: #d8262c;border-color: #d8262c;color: #fff;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #d8262c;color: #fff;border-color: #fff;}

#load_more_button{display: none;}
.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;}

.rid44 .bg{background-color: #a0a0a0;box-sizing: border-box;padding: 1.7vw;position: relative;overflow: hidden;}
.rid44 .bg:before{content: "";display: block;width: 820px;background-color: #f5f5f5;height: 100%;transform: skew(-13deg);-webkit-transform: skew(-13deg);
border-right: 10px solid #7d7d7d;border-bottom: 10px solid #7d7d7d;top: -10px;left: -10%;position: absolute;}
.rid44 .map{width: calc(100% - 720px);height: 28vw;min-height: 400px;}
.rid44 .txt{width: 560px;padding-top: 1.5vw;}
.rid44 h3{border-bottom: 1px solid #bfbfbf;padding-bottom: 1.6vw;position: relative;z-index: 2;}
.rid44 .list{position: relative;z-index: 2;}
.rid44 .list li{line-height: 1.8;box-sizing:border-box;background-position: 0 0.5vw;background-repeat: no-repeat;background-size: 3.5vw auto;
   display: block;padding: 0.7vw 0 0 5.2vw;}
   .rid44 .list li+li{margin-top: 2vw;}
.rid44 .list li.phone{background-image: url(/images/ci1.png);}
.rid44 .list li.add{background-image: url(/images/ci2.png);}
.rid44 .list li.web{background-image: url(/images/ci3.png);}
.rid44 .line{display: block;margin: 5px auto 0 auto ;width: 4em;background: #017dc7;height: 5px;}
#map0{width: 100%;height: 100%;font-size: 14px;}

@media screen and (min-width: 1027px){
    .NavList_a1 li:hover:after,.ClassList_b2 li:hover:after{width: 100%;left: 0;}
    .detail .gallery-thumbs a:hover{border-color: #d8262c;}

    .product_box a:hover figure{transform: scale(1.05);}
    .rid36 .product_box a:hover .name{background-image: url(/images/ptbgh.jpg);}
    .rid36 .list .btn a:hover{background-color: rgb(206,37,31);border-color: rgb(206,37,31);}
    .rid36 .product_box li:hover .img:after{opacity: 1;}
    .rid36 .txt .btn:hover{background-color: #fff; color: #d8262c;background-position: 90% center;text-align: left;text-indent: 10%;}
}
@media screen and (max-width: 1440px){
    .NavList_a1 a{font-size: 18px;}
    .PosList_a1{font-size: 14px;}
    .detail .t h4{font-size: 2vw;}

    .rid44 .txt{width: 460px;}
    .rid44 .bg:before{width: 580px;}
    .rid44 .map{width: calc(100% - 520px);}
}
@media screen and (max-width: 1240px){
    .NavList_a1 a{font-size: 16px;}
    .main-box{font-size: 16px;}
    .ResTitle_a2 span,.ResTitle_a3{font-size: 20px;}
   
    .rid44 li i{width: 18px;height: 18px;}

    .detail .txt h4{font-size: 20px;}
    .detail .img{width: 60%;}

    .ClassList_b3 li{font-size: 16px;}

    .rid32 .T .L li{min-width: 5em;min-height: 5em;font-weight: normal;}

}
@media screen and (max-width: 1100px){
    .page-ban .ResTitle_a1{font-size: 2.4vw;}
    .header{position: fixed;}
    .page-ban .ResTitle_a1{top: 9.5vw;}
    .nav .L{display: none;}
    .nav{padding-right: 0;}
    .nav .R{margin: 0 auto;float: none;}
    .nav .R .fl{width: 90%;float: none;margin: 0 auto;font-size: 0;text-align: center;}
    .NavList_a1, .ClassList_b2{display: inline-block;max-width: 100%;}
    .ResTitle_a2{padding-left: 5vw;}
    .PosList_a1{display: none;}
    .NavList_a1 a, .ClassList_b2 a,.ClassList_b3 li a,.NavList_a1, .ClassList_b2,.ClassList_b3 li{-webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;}

    .rid32 .T .L .b{display: none;}
    .rid32 .T .L .t{padding-left: 5vw;}

    .rid36 .product_box .name{padding: 0.3em;background: none;}
    .rid44 .txt{width: 360px;}
    .rid44 .bg:before{width: 480px;}
    .rid44 .map{width: calc(100% - 400px);}

}
@media screen and (max-width: 800px){
      .rid44 .txt{width: 100%;float: none;}
    .rid44 .bg{padding: 2vw 5vw;}
    .rid44 .bg:before{width: 95%;}
    .rid44 .map{width: calc(100%);float: none;margin-top: 5vw;}

}
@media screen and (max-width: 640px){
    .page-ban .BannerShow_c1 div{height: 46vw;max-height: 775px;}
    .page-ban .ResTitle_a1{top: 14vw;padding-top: 6vw;font-size: 5vw;}
    .page-ban .ResTitle_a1 em{display: none;}

    .nav{margin-bottom: 8.2vw;padding: 0;}
    .nav .fr,.nav .R .fr{float: none;width: 100%;padding: 0;}
    .NavList_a1, .ClassList_b2{height: 10vw;line-height: 10vw;max-width: 92%;}
    .NavList_a1 a, .ClassList_b2 a{font-size: 3.8vw;padding: 0 2vw;box-sizing:border-box;}
    .NavList_a1 li.as:after, .ClassList_b2 li.on:after{height: 3px;bottom:0;}
    .nav .swiper-button-next{border-right-color: #ce251f;}
    .nav .swiper-button-prev{border-left-color: #ce251f;}
    
    
    .class-nav:after, .class-nav:before{display: none;}
    .class-nav{position: relative;width: 90%;margin: 0 auto 6vw auto;text-align: left;}
    .class-nav .sort_btn{display: block;border-bottom: 1px solid #cdcdcd;line-height: 1.8;padding: 3vw 0; font-size: 4vw;padding: 0.5em 12% 0.5em 3%;
        background: url(../images/moreh.png) 98% center no-repeat;
        background-size: auto 1em;}
    .ClassList_b3{width: 100%;max-width: 100%; z-index:2;display: none;overflow:hidden;padding: 0;margin: 0 auto;
        position: absolute;background: #efefef;z-index: 1;height: 45vw;overflow: auto;}
    .ClassList_b3 li a{border: none;padding: 0.5em 3vw;}
    .ClassList_b3 li{margin: 0 auto;text-align: left; display: block; width: 100%;border-bottom: 1px solid #efefef;padding: 0 ;
        line-height: 1.5;list-style: none;box-sizing: border-box;font-size: 3.8vw;}

    .ResTitle_a3 span{background-size: auto 3vw;margin-bottom: 5vw;padding-bottom: 6vw;}
    .main-box{margin-bottom: 8vw;font-size: 3.8vw;}
    
    .rid32 .T .L,.rid32 .T .R{display: block;width: 90%;padding: 0;margin-left: auto;margin-right: auto;}
    .rid32 .T .R{width: 100%;}
    .rid32 .T .L .t{padding: 0;}
    .rid32 .T .slogan{margin-right: -5vw;width: 100%;padding: 0 3vw;text-align: center;box-sizing: border-box;}
    .rid32 .B ul{background: none;padding-top: 0;}
    .rid32 .B li{width: 100%;margin-bottom: 4vw;}
    .rid32 .T .L ul:before{display: none;}
    .rid32 .T .L .b{display: block;}
    .rid32 .T .L ul{padding: 0;text-align: center;}
    .rid32 .T .L li{float: none;display: inline-block;margin: 0 2% 5vw 2%; }

    .rid36 .txt{width: 100%;position: relative;float: none;padding-top: 0;}
    .rid36 .txt strong{width: 60%;display: inline-block;}
    .rid36 .txt strong:after{display: none;}
    .rid36 .txt .btn{float: right;width: 30%;border: none;margin: 0 0 0 auto;padding: 1vw 0;color: #666;}
    .rid36 .list{background-size: cover;padding: 6vw 0 7vw 0;background-position: 20% center;}
    .rid36 .list:nth-child(2n) .txt{color: #4c4c4c;}
    .rid36 .product_box,.rid36 .list:nth-child(2n) .product_box{width: 100%;float: none;}
    .rid36 .product_box .img figure{height: 28vw;}
    .rid36 .product_box .name{background: none;}
    
    .detail .t h4{font-size: 4.6vw;}
    .detail .txt{width: 100%;float: none;font-size: 3.8vw;}
    .detail .img{width: 100%;float: none;margin-bottom: 6vw;}
    .detail .gallery-top a{height: 67vw;}
    .detail .gallery-thumbs a{height: 16vw;}
    .detail .img .swiper-button-next, .detail .img .swiper-button-prev{height: 5vw;width: 5vw;}
    .detail-h3{width: 7em;}

    .rid44 .txt{width: 100%;float: none;}
    .rid44 .list h3{font-size: 4.2vw;}
    .rid44 .list li{font-size: 3.8vw;background-size: 1.6em auto;padding-left: 2.5em;width: 100%;float: none;margin-bottom: 2vw;}
    .rid44 .bg:before{display: none;}
    .rid44 .bg{background: none;padding: 0;}
    
    .rid40 .NewsDetail_a1 #nt, .rid41 .NewsDetail_a1 #nt{font-size: 4.5vw;}
    .NewsDetail_a1{margin: 0 auto;width: 100%;padding: 0;box-shadow: none;}
    .NewsDetail_a1 .nf1{font-size: 3.6vw;margin-top: 4vw;}
    .NewsDetail_a1 .nf2{font-size: 3.8vw;margin-top: 4vw;}
    .NewsDetail_a1 .nf3{font-size: 4.2vw;margin-top: 4vw;}
    .NewsDetail_a1 #nt{font-size: 5vw;padding: 4vw 2vw 4vw 2vw;}
    .NewsDetail_a1 #nb{font-size: 3.2vw;}
    .NewsDetail_a1 #nf em{font-size: 3.5vw;}
    .NewsDetail_a1 #newtb{margin-top: 0;border-radius: 2.2vw;}
    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{font-size: 3.8vw;padding: 2.2vw 3vw;}

    .map-btn{display: block;}
    #load_more_button,.map-btn,.VideoDisplay_a1_back a.more{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;
        background: #d8262c; width: 8em;text-align: center;color: #fff;}
    .map,.page{display: none;}

    .VideoDisplay_a1_C{width: 94%;margin: 3vw auto 0 auto;text-align: center;}
    .VideoDisplay_a1_C video{height: auto;width: auto;max-height: 60vh;width: 92%;}
}