@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage08-title h5{font-weight:var(--fontbold7);font-style:normal;font-size:var(--wmpage-font34);line-height:1.2;text-align:center}
.wmpage08-part2 .wmpage08-tab{display:flex;margin:30px 0 20px;width:100%;justify-content:space-between}
.wmpage08-part2 .wmpage08-hd{display:flex;justify-content:center;margin:0 auto}
.wmpage08-part2 .wmpage08-tab li.wmpage08-current{background-color:var(--color);border-color:var(--color)}
.wmpage08-part2 .wmpage08-tab li{display:flex;justify-content:center;align-items:center;padding:18px 10px;cursor:pointer;border:solid 1px grey;width:33%;margin:0 1px;transition:all .3s ease-in-out}
.wmpage08-part2 .wmpage08-tab span{margin-right:10px;font-size:var(--wmpage-font34);line-height:0;font-weight:500}
.wmpage08-part2 .wmpage08-tab li h5{color:var(--wmpage-color121,#2b2b2b);font-size:var(--wmpage-font16)}
.wmpage08-part2 .wmpage08-tab li:hover{background-color:var(--color);border-color:var(--color)}
.wmpage08-part2 .wmpage08-tab li.wmpage08-current span{color:#fff}
.wmpage08-part2 .wmpage08-tab li.wmpage08-current h5{color:#fff}
.wmpage08-part2 .wmpage08-tab li:hover span{color:#fff}
.wmpage08-part2 .wmpage08-tab li:hover h5{color:#fff}
.wmpage08-part2 .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.wmpage08-part2 .wmpage08-small{padding:25px 20px;background-color:#ebf1f2;max-width:1024px;margin:0 auto;transform:translateY(-80%);z-index:1;position:relative;margin-bottom:-172px}
.wmpage08-part2 .wmpage08-imgwrap{cursor:pointer}
.wmpage08-part2 .wmpage08-small .wmpage08-active .wmpage08-imgwrap{border:solid 2px var(--color)}
.wmpage08-part2 .wmpage08-big .swiper-slide{display:none}
.wmpage08-part2 .wmpage08-big .swiper-slide.wmpage08-active{display:block}
.wmpage08-part2 .wmpage08-slider>li{display:none}
.wmpage08-part2 .wmpage08-slider>li.wmpage08-active{display:block}
.wmpage08-part2 .swiper-pagination-bullet{opacity:1;outline:0;width:10px;height:10px;-webkit-border-radius:0;border-radius:0;margin:0 5px;background:#434343}
.wmpage08-part2 .swiper-pagination-bullet-active{background:var(--color)}
@media(max-width:1600px){.wmpage08-part2 .wmpage08-tab li h5{font-size:var(--wmpage-font14)}
}
@media(max-width:1200px){.wmpage08-part2 .wmpage08-tab li{width:32%}
.wmpage08-part2 .wmpage08-small{padding:20px 20px 10px}
}
@media(max-width:1024px){.wmpage08-part2 .wmpage08-slider>li.wmpage08-active .wmpage08-small .swiper-pagination-bullets{display:flex;justify-content:center;margin-top:15px}
.wmpage08-part2 .wmpage08-tab li{padding:10px}
}
@media(max-width:800px){.wmpage08-part2 .wmpage08-tab{flex-wrap:wrap}
.wmpage08-part2 .wmpage08-tab li{width:100%;margin-bottom:10px}
.wmpage08-part2 .wmpage08-small{transform:translateY(0);margin-bottom:0}
}
@media(max-width:500px){.wmpage08-part2 .swiper-pagination-bullet{width:8px;height:8px}
.wmpage08-part2 .wmpage08-tab{margin:15px 0 20px}
.wmpage08-part2 .wmpage08-tab li{padding:12px 10px}
.wmpage08-part2 .wmpage08-small{padding:15px 10px 10px}
}
.wmpage13-part3 .tabbox-circle{width:30px;height:30px;background:var(--wmpage-color7,#555555);border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateX(50%)}
.wmpage13-part3 .tabbox-circle::before{content:'';display:block;width:10px;height:10px;background:var(--wmpage-color21,#252525);border-radius:50%;z-index:22}
.wmpage13-part3 .wmpage-title{text-align:left;margin-bottom:30px;font-size:var(--wmpage-font36);color:var(--color);font-weight:var(--fontbold7);font-style:normal;padding:0;line-height:1.2}
.wmpage13-part3 .part3-top p{font-weight:var(--fontbold4);font-style:normal;line-height:1.5;font-size:var(--wmpage-font16);color:var(--wmpage-color7,#555555)}
.wmpage13-part3 .tabbox-left{flex:1;display:flex;flex-direction:column;justify-content:space-around;position:relative}
.wmpage13-part3 .tabbox-left::after{position:absolute;content:'';width:1px;height:100%;background:#5f6977;left:28px;}
.wmpage13-part3 .tabbox-left li{display:flex;align-items:center;cursor:pointer;padding:30px 0;position: relative;z-index: 1;}
.wmpage13-part3 .tabbox-left hr{width:40px;height:1px;border:none;background-color:var(--wmpage-color7,#555555);margin:0 5px}
.wmpage13-part3 .tabbox-circle::before{background:#e7e4e1}
.wmpage13-part3 .part3-top{margin-bottom:50px}
.wmpage13-part3 .part3-tabbox{display:flex;justify-content:space-between;align-items:center}
.wmpage13-part3 .tabbox-right{width:80%}
.wmpage13-part3 .part3-tabbox .part3-title{font-size:var(--wmpage-font28);color:var(--wmpage-color21,#252525);margin-bottom:15px;font-weight:var(--fontbold7);font-style:normal;padding:0;line-height:1.2}
.wmpage13-part3 .part3-tabbox .tabbox-right p{color:var(--wmpage-color8,#666)}
.wmpage13-part3 .part3-tabbox .contents{margin-bottom:30px}
.wmpage13-part3 .tabbox-left li.active{color:var(--color)}
.wmpage13-part3 .tabbox-left li.active .tabbox-circle{background-color:var(--color)}
.wmpage13-part3 .tabbox-left li.active hr{background-color:var(--color)}
.wmpage13-part3 .tabbox-right .item{display:none}
.wmpage13-part3 .tabbox-right .item.active{display:block}
.wmpage13-part3 .tabbox-right .item img{width:100%}
@media(max-width:1024px){.wmpage13-part3 .wmpage-title{text-align:center;margin-bottom:20px}
.wmpage13-part3 .part3-top p{text-align:center}
.wmpage13-part3 .part3-top{margin-bottom:30px}
.wmpage13-part3 .part3-tabbox .part3-title{font-size:var(--wmpage-font20)}
.wmpage13-part3 .tabbox-left li{padding:20px 0}
}
@media(max-width:900px){.wmpage13-part3 .tabbox-circle{width:25px;height:25px}
.wmpage13-part3 .tabbox-circle::before{width:8px;height:8px}
.wmpage13-part3 .tabbox-left::after{left:25px}
.wmpage13-part3 .tabbox-right{width:75%}
.wmpage13-part3 .tabbox-left li{padding:15px 0}
}
@media(max-width:768px){.wmpage13-part3 .tabbox-right{width:70%}
.wmpage13-part3 .part3-tabbox .contents{margin-bottom:15px}
.wmpage13-part3 .part3-top p{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-circle{width:20px;height:20px}
.wmpage13-part3 .tabbox-left::after{left:20px}
.wmpage13-part3 .tabbox-left li{padding:10px 0}
}
@media(max-width:600px){.wmpage13-part3 .part3-tabbox .tabbox-right p{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-left li span{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-circle{width:15px;height:15px}
.wmpage13-part3 .tabbox-circle::before{width:4px;height:4px}
.wmpage13-part3 .tabbox-left::after{left:15px}
}
@media(max-width:500px){.wmpage13-part3 .tabbox-left li span{font-size:var(--wmpage-font12)}
.wmpage13-part3 .tabbox-left hr{width:20px}
}
.iframebox {margin: 100px 0 40px;width: 100%;height: 700px;overflow: hidden;position: relative;}
.iframebox .info{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;z-index: 2;}
.iframebox .info img{width: 100%;height: 100%;object-fit: cover;}
.iframebox .info .tit{position: absolute;top: 40%;transform: translateY(-50%);left: 0;font-size: var(--fontsize24);text-align: center;width: 100%;color:#fff;}
.iframebox .info .btn{padding: 10px 20px;background-color: var(--color);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: inline-block;color: #fff;border-radius: 5px;cursor: pointer;}
.iframebox iframe{width: 100%;height: 100%;}
@media screen and (max-width:1024px) {
.iframebox{height: 500px;}}
@media screen and (max-width:768px) {.iframebox{height: 340px;margin-top: 50px;}}
 .wmpage08-part2 .wmpage08-tab li{width:100%}
.wmpage08-part2 .wmpage08-tab a{width:33%}
:target{scroll-margin-top:250px}