@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage186-page5 .wmpage186-page5-text{position:relative;display:inline-block;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%);text-transform:uppercase}
.wmpage186-page5 .wmpage186-page5-text::after{position:absolute;content:'';width:10px;height:10px;background:var(--color);border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.wmpage186-page5 .wmpage-title{text-align:center}
.wmpage186-page5 .wmpage186-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:24%;position:relative;padding:30px 15px 20px;background:#fff;box-shadow:0 2px 30px 1px rgba(139,139,139,.15);margin-top:30px;z-index:1}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item::before{position:absolute;content:'';width:0;height:2px;background:var(--color);top:0;left:0;transition:all .3s linear}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item:hover::before{width:100%}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top{display:flex;align-items:center;}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-txt{flex:1;padding-left:15px;font-weight:bold;font-size:var(--fontsize18);line-height:1.3}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:10px;background:var(--wmpage-color22);overflow:hidden;transition:all .2s linear;z-index:1}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top em{color:var(--color);font-size:var(--wmpage-font32)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page5-icon::before{position:absolute;content:'';width:100%;height:100%;background:var(--color);border-radius:10px;transition:all .3s linear;transform:scale(0);transform-origin:center;z-index:-1}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top .wmpage186-page5-icon::before{transform:scale(1)}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-top em{color:#fff}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{flex:1;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);margin-left:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-desc{color:var(--wmpage-color8);margin:15px 0 30px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img{position:relative;width:100%}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-img img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:10px}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color);position:absolute;right:20px;top:-20px;transform:rotate(50deg);transition:all .2s linear}
.wmpage186-page5 .wmpage186-page5-item:hover .wmpage186-page5-btn{transform:rotate(0);background:var(--wmpage-color22)}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn em{color:#fff;font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:48%}
}
@media screen and (max-width:768px){.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{width:100%}
}
@media screen and (max-width:500px){
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-top .wmpage186-page4-title{margin-left:0;margin-top:10px}
}


 
.wmpage99-page4{background-color:#f8f8f8}
.wmpage99-page4 .wmpage99-page4-box{display:flex;align-items:center;flex-wrap:wrap}
.wmpage99-page4 .wmpage99-page4-img{width:48%;padding:20px;background-color:#fff;margin-left:2%;position:relative}
.wmpage99-page4 .wmpage99-page4-img .swiper-container{overflow:hidden;position:relative}
.wmpage99-page4 .wmpage99-page4-img .swiper-slide img{width:100%}
.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-next,.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-prev{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:10;transition:all .25s linear}
.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-next:hover,.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-prev:hover{background-color:var(--color)}
.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-prev{left:10px}
.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-next{right:10px}
.wmpage99-page4 .wmpage99-page4-info{width:50%;padding-right:2%}
.wmpage99-page4 .wmpage99-page4-info .wmpage-title{font-weight:var(--fontbold6)}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-desc{color:#555;margin:20px 0}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-txt li{list-style:none;padding-left:20px;color:#555;position:relative;margin-bottom:6px}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-txt li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#555;border-radius:2px}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-more{background-color:#000;display:inline-block;margin-top:20px;padding:15px 40px;line-height: 1;border-radius:5px;color:#fff;transition:all .2s ease-in-out}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-more:hover{background-color:var(--color)}
@media screen and (max-width:800px){.wmpage99-page4 .wmpage99-page4-box{flex-direction:column-reverse}
.wmpage99-page4 .wmpage99-page4-info{width:100%;padding-right:0;margin-top:20px}
.wmpage99-page4 .wmpage99-page4-img{width:100%;margin-left:0}
.wmpage99-page4 .wmpage99-page4-info .wmpage99-page4-more{padding:8px 20px}
}
@media screen and (max-width:500px){.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-next,.wmpage99-page4 .wmpage99-page4-img .wmpage99page4-button-prev{width:40px;height:40px}
}
.wmpage186-page5 .wmpage186-page5-box .wmpage186-page5-item{height:auto;display:flex;flex-direction:column;}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-desc{flex:1}
.caseswiper .swiper-slide{hegiht:auto}
.caseswiper .swiper-slide img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.wmpage186-page5 .wmpage186-page5-item .wmpage186-page5-btn{z-index:2}