@charset "UTF-8";
body{overflow-x: hidden;}
.swiper-pagination{z-index: 1;position: static;font-size: 0;}
.swiper-pagination-clickable .swiper-pagination-bullet,.swiper-pagination-bullet{height: 8px;width: 2.6vw;margin-right: 1vw;background-color: #a2a2a2;border-radius: 0;}
.swiper-pagination-bullet-active{background: #017dc7 !important;}

.page-ban{box-sizing:border-box; background: none;overflow: hidden;position: relative;}
.page-ban .BannerShow_c1 div{width: 100%;height: 32.5vw;}
.page-ban .BannerShow_c1 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-ban em,.page-ban br{display: none;}
.page-ban .ResTitle_a1{position: absolute;top: 15vw;left: 0;text-align: center; z-index: 2;width: 100%;display: none;
    font-size: 1.8vw;font-weight: bold; color: #fff;display: inline-block;line-height: 1.5;text-shadow: 0 2px 5px rgba(0,0,0,0.5);}

.NavList_a1, .ClassList_b2{line-height: 30px;width: 95%;margin: 0 auto;}
.NavList_a1 li,.ClassList_b2 li{display: block;width: auto;text-align: center;}
.NavList_a1 a,.ClassList_b2 a{font-size: 18px;color: #4c4c4c;display: block;padding: 1.5vw 2.5vw;box-sizing:border-box;position: relative;}
.NavList_a1 li+li a:after,.ClassList_b2 li+li a:after{content: "";display: block;width: 1px;background-color: #7d7d7d;height: 30px;position: absolute;left: -1px;top: 1.5vw;} 
.NavList_a1 a.on,.ClassList_b2 .on a{background: #ffe404;}
.NavList_a1 li.as a:after,.NavList_a1 li.as+li a:after,.ClassList_b2 li.as a:after,.ClassList_b2 li.as+li a:after{display: none;}

.nav {margin-bottom: 4.2vw;position: relative;box-sizing:border-box;padding-right: 6.5%;}
.nav .R{width:80%;}
.nav .R .fl{width: calc(100% - 450px);padding-right:19px;box-sizing: border-box;}
.nav .R .fr{width: 450px;padding: 1.5vw 0;}
.nav .L{width: 20%;padding-left: 7vw;box-sizing:border-box;text-align: left;position: relative;z-index: 2;background: #017dc7;}
.nav .L .ResTitle_a2{text-align: left;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.nav .swiper-button-next,.nav .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 {right: 0; border-right: 7px solid #017dc7;}
.nav .swiper-button-prev {left: 0;border-left: 7px solid #017dc7;}
.nav .swiper-button-next ,.nav .swiper-button-prev{border-bottom-width: 7px;border-top-width: 7px;z-index: 2;}
.page32 .nav,.product .nav{margin-bottom: 0;}
.detail .nav{display: none;}

.PosList_a1{color: #4c4c4c;font-size: 16px;text-align: right;}
.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{color: #fff;line-height: 30px;font-weight: bold; text-align: center;padding: 1.5vw 0;font-size: 1.5vw;position: relative;z-index: 1;}
.ResTitle_a2 br,.ResTitle_a2 h1{display: none;}
.ResTitle_a2 h1{color: #fff;line-height: 30px;font-weight: bold; text-align: center;padding: 1.5vw 0;font-size: 1.5vw;position: relative;z-index: 1;}

.main-box{padding-bottom: 5.2vw;min-height: 400px;font-size: 18px;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;}

.ResTitle_a3{text-align: center;line-height: 1.2;margin-bottom: 2vw;}
.ResTitle_a3 span{display: block;color: #017dc7;background: url(/images/line.png) center bottom no-repeat;background-size: 3.4em auto; font-size: 1.8vw;font-weight: bold; padding-bottom: 30px;}
.ResTitle_a3 em{font-size: 18px;color: #666666;letter-spacing: 5px;text-transform:capitalize;}

.bg9{background: url(/images/bg9_02.jpg) left bottom no-repeat;background-size: cover;}
.bg6{background: url(/images/bg6.jpg) center no-repeat;background-size: 100% 100%;}
.rid32 {padding: 0;}
.rid32  img{max-width: 100%;}
.rid32 .title{text-align: left;}
.rid32 .title h3{text-align: center;display: inline-block;line-height: 1.2; padding-bottom: 30px;margin-bottom: 1.5vw;
  background: url(/images/line.png) left bottom no-repeat;background-size: 3.4em auto;}
.rid32 .T{padding: 9vw 0 5.5vw 0;min-height: 48vw;box-sizing: border-box;}
.rid32 .T .L{width: 31.25%;text-align: left;}
.rid32 .B{padding: 5.2vw 0;box-sizing: border-box;}
.rid32 .B .title h3{background-image: url(/images/linew.png);}
.rid32 .B .L{width: 22.5%;text-align: left;background: url(/images/bg10_03.jpg) left bottom no-repeat;background-size: cover;
    min-height: 27vw; border-top-right-radius: 3.4vw;border-bottom-left-radius: 3.4vw;padding: 3.5vw 1vw 3vw 2.4vw;box-sizing: border-box;
}
.rid32 .B .R{width: 77.5%;text-align: left;}
.rid32 .B .R li{display: block;box-sizing: border-box;padding: 1.3vw 1.3vw 1.3vw 5.2vw;}
.rid32 .B .R li .txt{width: calc(100% - 9em - 2.5vw);}
.area{margin-right:2.5vw; width:4.5em;height:4.5em;background: url(/images/area1.png) no-repeat;text-align:center; background-size: cover;}
.area-b{background-image: url(/images/area2.png);}
.area:after{content: "";display: inline-block;vertical-align: middle;height:100%;width:1px;}

.rid42 #kinMaxShow img{display: block;width: 100%;}

.logo2{width:16vw;max-width: 319px}
.iconlist li{position: absolute;width: 7vw;max-width: 142px;}
.iconlist li img{display: block;width: 100%;}
.iconlist li:after{content: "";display: block;width: 100%;height:1.5vw;background:url(/images/shadow.png) no-repeat;background-size: cover;
  position: absolute;left:0; bottom: -2.5vw;opacity: 0.8;
}
.iconlist .ic1{left: 6.5vw;bottom: 1vw;}
.iconlist .ic6{right: 6.5vw;bottom: 1vw;}
.iconlist .ic2{left: 16.6vw;bottom: 5.3vw;}
.iconlist .ic5{right: 16.6vw;bottom: 5.3vw;}
.iconlist .ic3{left: 26.2vw;bottom: 7.4vw;}
.iconlist .ic4{right: 26.2vw;bottom: 7.4vw;}
.iconlist .i2{transform: scale(0.8);}
.iconlist .i3{transform: scale(0.7);}

.rid33{background: url(/images/bg8.jpg) left bottom no-repeat;background-size: 100% auto;box-sizing: border-box;}
.rid33 .main-w{padding-left:15vw;box-sizing: border-box;}
#history{width: 500px;margin: 0 auto;max-width: 90%;}
#history .h-box{line-height: 1.8;text-align: center;margin: 2vw 0;}
#history .h-box h3{font-style:italic; font-size: 10vw;color: #b4e3ff;font-weight: bold;display: block;border-bottom: 4px solid #017dc7;line-height: 1em;}
#year{ position: relative;text-align: center;font-weight: bold;width: 80%;margin: 0 auto;}
#year .gallery-thumbs{line-height: 1.8;display: block;}
#year .gallery-thumbs:before {content: '';width: 100%;position: absolute;left: 0;top: 0.725em;border-bottom: 1px solid #828181;}
#year .swiper-slide{width: auto;cursor: pointer;}
#year .swiper-slide em{padding-top: 1.5em;display: block;color: #4c4c4c;}
#year .swiper-slide:before {content: '';background: url(/images/ditu2n.png) no-repeat center;width: 1.5em;margin-left: -0.725em;
    height: 1.5em;position: absolute;top: 0;left: 50%;background-size: 100% 100%;
}
#year [class*=active]:before {background-image: url(/images/ditu2png.png);}
#year .swiper-slide-active em{color: #017dc7;}
#year .btns{width: 2.8em;height: 2.8em;background-size: 100% auto;opacity: 1;position: absolute;/* transform: translateY(-50%); */
    top: -0.6em;cursor: pointer;background-image: url(/images/next22.png);}
#year .btns.btn-prev{left: -2.8em;}
#year .btns.btn-next{right:-2.8em;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#year .btns:hover{background-image: url(/images/next2.png);}

.rid36{position: relative;}
.slogan{position: absolute;right: 0;padding: 0.2em 1.5em;max-width: 40%;top: 0;}

.product .main-box {padding-bottom: 0;}
.product .list{padding: 4.5vw 0;box-sizing:border-box;}
.product .list .swiper-container{padding: 15px;box-sizing:border-box;}
.product .P1{background: url(/images/bg11.jpg) center no-repeat;background-size: 100% 100%;}
.product .P2{background: url(/images/bg12.jpg) center no-repeat;background-size: 100% 100%;}
.product .title h3 {padding-bottom: 0;padding-top:20px;background: url(/images/line.png) left top no-repeat;}
.product .P2 .title h3{color: #fff;background-image: url(/images/linew.png);}
.product .btn{display: block;background-image: url(/images/pmore.png);background-position: 104px center;background-repeat: no-repeat;
    width: 139px;height:40px;line-height: 40px;text-indent: 15px;border-radius: 20px;
}
.product .product_box .img{overflow: hidden;box-sizing: border-box;}
.product .product_box .img figure { height: 22vw; background-color: #dcdcdc;background-position: center;background-repeat: no-repeat ;background-size: cover; /*  background-size:contain; */ }
.product .product_box .txt {z-index: 1;top: 10px;left: 10px;min-width: 50%;max-width: 70%; background: rgba(0,121,213,0.7);padding: 1.2vw 1.5vw;line-height: 1.5;box-sizing: border-box;}
.product .product_box .txt:before{content: "";  z-index: -1;display: block;width: 100%;height:100%;position: absolute;left: -10px;top: -10px;background: rgba(0,121,213,0.7);}
.product .product_box i.more{opacity: 0; z-index: 1;bottom: 0;right: 0;display: none;display: block;font-style: normal;padding: 0.5em 2em;}
.product .product_box a:before{content: "";display: block;width: 100%;height:100%;position: absolute;left: 0;top:0;
    box-sizing: border-box;border: 3px solid #fff;z-index: 1;opacity: 0;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;
 }

.rid45 .w1200{width: 1280px;}
.rid45 .list li{line-height: 1.8;padding-left: 3vw;box-sizing:border-box;background-position: 0 8px;background-repeat: no-repeat;background-size: 2.3vw auto;
    display: inline-block;max-width: 100%;float: left;padding-right:2vw;}
.rid45 .list li.phone{background-image: url(/images/ci1.png);}
.rid45 .list li.fax{background-image: url(/images/ci2.png);}
.rid45 .list li.mail{background-image: url(/images/ci3.png);}
.rid45 .list li.add{background-image: url(/images/ci4.png);}
.rid45 .line{display: block;margin: 5px auto 0 auto ;width: 4em;background: #017dc7;height: 5px;}
#map0{width: 100%;height: 30vw;}
.cbg{background: url(/images/cvg5.jpg) left bottom no-repeat;background-size:100% auto;padding-bottom: 1.5vw;}

.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: #017dc7; line-height: 1.5;
    position:relative; transition: 0.6s; padding: 0.5em 2em; font-size:16px;border-radius: 2em;}

/**/
.NewsDetail_a1{margin: 2vw auto;box-sizing: border-box;border-radius: 9px;}
.NewsDetail_a1 p img{max-width: 100%;}
.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;margin-bottom: 2vw; 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:#007dc6;color: #fff;}
.NewsDetail_a1 em{font-style: normal;}
.NewsDetail_a1 #nc{width: 1200px; max-width: 100%;margin: 0 auto;}
.rid36 .NewsDetail_a1 #nt{font-size: 1.8vw; text-align: left;padding-bottom: 3vw;padding-right: 45%;box-sizing: border-box;border-bottom: 2px solid #a6a6a6;}
.rid36 .NewsDetail_a1 #nt:after{content: "";display: block;height:8px;width:100%;background: url(/images/line.png) left bottom no-repeat;margin-top: 1vw;}
.rid36 .NewsDetail_a1 #nf{display: none;}
.rid36 .NewsDetail_a1 #nb,.rid36 .NewsDetail_a1 #newtb{display: none;}
.rid36 .t{padding-bottom: 2vw;border-bottom: 1px solid #007dc6;margin-bottom: 3vw;}
.rid36 .t .ResTitle_a3{margin-bottom: 0;text-align: left;}
.rid36 .t .ResTitle_a3 span{background-position: left bottom;}
.rid36 .t .ResTitle_a3 em,.rid36 .t .ResTitle_a3 br{display: none;}

/**/
.prid58 .list-B{padding: 3vw 0;}
.cust_box .cust_box{margin-bottom: 3.1vw;}
.cust_box .title{padding-bottom: 18px;border-bottom: 1px solid #017dc7;margin-bottom: 30px;}
.cust_box .title h4{font-size: 32px;color: #4c4c4c;line-height: 1.0;display: inline-block;}
.cust_box .title h4 span{font-size: 16px;margin-left: 10px;}
.cust_box ul li a{display: none;}
.cust_box ul li:nth-child(6n-4){background-color: #017dc7 !important;}
.cust_box ul li:nth-child(3n-1){background-color: #63a8d1 ;}
.cust_box ul li:nth-child(2n){background-color: #63a8d1 ;}
.cust_box ul li{font-size: 18px;color: #fff;display: block;width: 33.3%;float: left;background-color: #017dc7;
    line-height: 1.0; text-align: left;padding: 5px 0 5px 40px;box-sizing: border-box;position: relative;}
.cust_box ul li:before{content: "";display: inline-block;margin-right: 15px;border-radius: 50%;background: #fff;
width: 6px;height: 6px;margin-bottom: 2px;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.cust_box ul li:after{content: "";display: inline-block;vertical-align: middle;height: 3em;}
.cust_box ul li span{display: inline-block;vertical-align: middle;line-height: 1.5;max-height: 3em;width: 99%;}

.NewsDetail_a1 .nf1{line-height:1.8; font-size:16px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:18px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px;min-height: 400px;margin-top: 30px;}
.NewsDetail_a1 p{line-height: 1.8;}
.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 22px;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;}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.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: #017dc7;border-color: #017dc7;color: #fff;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #017dc7;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;}

@media screen and (min-width: 1027px){
    .NavList_a1 a:hover,.ClassList_b2 a:hover{background: #ffe404;}
    #year .swiper-slide:hover:before {background-image: url(/images/ditu2png.png);}
    #year .swiper-slide:hover{color: #017dc7;}

    .product .product_box a:hover:before{opacity: 1;}
    .product .product_box a:hover{box-shadow: 0 2px 13px 0 rgba(0,0,0,0.2);}
    .product .product_box a:hover i.more{display: block;opacity: 1;}
    .product .product_box a:hover figure{transform: scale(1.05);}
    .product .btn:hover{text-indent: 1em;background-color: #ccc;color: #fff;}
}
@media screen and (max-width: 1440px){
    .NavList_a1 a,.ClassList_b2 a{font-size: 18px;}
    .PosList_a1{font-size: 14px;}
    .ResTitle_a3,.page-ban .ResTitle_a1{font-size: 22px;}
}
@media screen and (max-width: 1240px){
    .NavList_a1 a,.ClassList_b2 a{font-size: 16px;}
    .main-box{font-size: 16px;}
    .ResTitle_a2 span{font-size: 20px;}
    .rid45 .list li i{width: 18px;height: 18px;}
    .ResTitle_a3 span{font-size: 24px;}
    .nav .R .fl{width: 100%;}
    .nav .R .fr{display: none;}
}
@media screen and (max-width: 1100px){
    .nav{padding-right: 0;}
    .nav .L{display: none;}
    .nav .R{float: none;width: 100%;padding: 0;}
    .nav .R .fl{float: none;width: 100%;padding: 0;text-align: center;}
    .NavList_a1 li+li a:after,.ClassList_b2 li+li a:after{height: 40%;top: 30%;display: none;}
    .NavList_a1,.ClassList_b2{width: auto;margin: 0 auto;display: inline-block;max-width: 90%;}
    .NavList_a1 a.on, .ClassList_b2 .on a{background:none;color: #007dc6;}
    .NavList_a1 .on:before,.ClassList_b2 .on a:before{content: "";display: block !important;height: 2px;top: auto;background-color: #007dc6;width: 100%;left:0 ;bottom: 0;position: absolute;}
    
    .product .list .swiper-container{padding: 0;}
    .slogan{display: none;}
    .ResTitle_a3 em{display: none;}
    .rid36 .t{padding: 0;border-bottom: none;}
    .rid36 .t .vam{display: block;text-align:center;}
    .rid36 .t .ResTitle_a3 span{background-position: center bottom;}

    .rid32 .T .L{width: 100%;}
    .rid32 .T{background-image: url(/images/mbg6.jpg);background-size:100% auto;background-position: bottom;}
    .rid32 .T .t{background: none;margin-bottom: 3vw;}
    .rid45 .list li{width: 50%;margin-bottom: 20px;}
    #history{width: 500px;}
    .rid33 .main-w{padding-left: 0;}

    .rid32 .B .R li .txt{width: calc(100% - 6em - 2.5vw);}
    .rid36 .NewsDetail_a1 #nt{padding-right: 0;font-size: 24px;}


    .cust_box ul li{width: 50%;}
    .cust_box ul li:nth-child(6n-4),.cust_box ul li:nth-child(3n-1),.cust_con .cust_list ul li{background-color: #63a8d1 !important;}
    .cust_box ul li:nth-child(4n+1),.cust_box ul li:nth-child(4n+2){background-color: #017dc7  !important;}

}
@media screen and (max-width: 640px){
    .page-ban .BannerShow_c1 div{height: 54vw;max-height: 775px;}
    .page-ban .ResTitle_a1 span{font-size: 5vw;padding: 0 6vw;}
    .page-ban .ResTitle_a1{top: 22vw;}
    .ResTitle_a3{font-size: 5vw;background:none;margin-bottom: 0;padding-bottom: 10vw;}
    .ResTitle_a3 em,.ResTitle_a3 br{display: none;}
    .ResTitle_a3 span{font-size: 6vw;padding-bottom: 4vw;}

    .nav{margin-bottom: 12vw;padding: 0;background: none;border-bottom: 1px solid #ccc;font-size: 0;}
    .nav .swiper-button-next{right: 1vw;}
    .nav .swiper-button-prev{left: 1vw;}
    .NavList_a1 li+li a:after,.ClassList_b2 li+li a:after{display: none;}
    .NavList_a1 a,.ClassList_b2 a{font-size: 3.8vw;padding: 0 5vw;height: 10vw;line-height: 10vw;box-sizing:border-box;position: relative;}
    .main-box{padding-bottom: 8vw;}

    .area{width: 3.5em;height: 3.5em;}
    .iconlist{text-align:center;}
    .iconlist li{position: static;width: 4.2em;display: inline-block;margin:0 4vw 2vw 4vw;}
    .iconlist .i3,.iconlist .i2{transform: none;}
    .rid32 .T{padding-top: 5vw;}
    .rid32 .B .L,.rid32 .B .R{float: none;width: 100%;display: block;}
    .rid32 .B .R li{padding: 3vw 0;}
    .rid32 .B .L{background-image: url(/images/mbg2-1.jpg);}
    .rid32 .B .R li .txt{width: calc(100% - 5em);}

    #history .h-box h3{font-size: 12vw;border:none;}
    #year{margin-top: 5vw;width: 100%;}
    #year .btns{display: none;}
    .rid33{padding-bottom: 22vw;}

    .rid45 .list h3{font-size: 4.2vw;}
    .rid45 .list li{font-size: 3.8vw;background-size: 1.6em auto;padding-left: 2.5em;width: 100%;float: none;margin-bottom: 2vw;}
    .map-btn{display: block;}
    #load_more_button,.map-btn{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;
        background: #017dc7; width: 8em;text-align: center;color: #fff;}
    .page{display: none;}
    .cbg{background: none;}

    .product .list{padding: 11vw 0;}
    .product .title h3,.product .P2 .title h3{background: none;padding:0 ;}
    .product .btn{padding: 0;width: auto;padding-right: 3em;background-size: 1.5em auto;text-indent: 1em; background-position: 6em center;line-height: 8vw;height: 8vw;}
    .product .product_box .img figure{height: 54vw;}
    .product .product_box .txt{max-width: 100%;width: 94%;left: 3%;text-align:center; bottom: 2vw;top: auto;}
    .product .product_box .txt:before{display: none;}

    .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;}

    .rid36 .NewsDetail_a1 #nt{font-size: 5vw;border: none;margin-bottom: 6vw;padding-top: 11vw;}
    .rid36 .NewsDetail_a1 #nt:after{background-size: 3.8em auto;}

    .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;}


    .cust_box .title p{float: none;padding-top: 2.5vw;font-size: 3.8vw;}
    .cust_box .title h4{font-size: 5vw;}
    .cust_box ul li{width: 100%;font-size: 3.8vw;padding: 1vw 2vw 1vw 10vw;line-height: 1.8;}
    .cust_box ul li:before{margin-bottom: 0;margin-right: 8px;}
    .cust_box ul li:nth-child(4n-1){background-color: #017dc7 !important;}
    .cust_box ul li:nth-child(2n){background: #63a8d1 !important;}
    .cust_box .cust_box{margin-bottom: 10vw;}
    .cust_box .cust_box .title{padding-bottom: 3vw;margin-bottom: 4vw;}

}