﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage217-page2 .wmpage217-page2-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-left{width:48%}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-text{position:relative;padding-left:50px;display:inline-block;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font17);color:var(--color)}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-text::before{position:absolute;content:'';width:40px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage217-page2 .wmpage217-page2-left .wmpage-title{color:var(--wmpage-color22)}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-desc{color:var(--wmpage-color8);margin:10px 0 30px}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-img{position:relative;width:100%;border-radius:30px;overflow:hidden}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-img img{position:relative;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right{width:48%;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item{width:47%;position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:20px;overflow:hidden;background:#f7f8fc}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n){margin-top:40px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n-1){margin-bottom:40px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{position:relative;padding:20px 10px;width:calc(100% - 18px);height:calc(100% - 18px);display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin:0 auto;border-radius:20px;border:1px dashed #ddd;transition:all .3s linear;z-index:1}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content::before{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage217/wmpage217-page2-img2.webp) center no-repeat;width:100%;height:100%;background-size:cover;left:0;top:0;z-index:-1;transform:scale(.6);opacity:0;transition:all .3s linear}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:hover .wmpage217-page1-content::before{opacity:1;transform:scale(1)}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:hover .wmpage217-page1-content{border:1px dashed var(--color)}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon{display:inline-flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:10px;overflow:hidden;background:#000;transition:all .2s linear;margin-bottom:10px}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon em{color:#fff;font-size:var(--wmpage-font30);display:block}
.wmpage217-page2 .wmpage217-page2-item:hover .wmpage217-page2-icon{background:var(--color)}
.wmpage217-page2 .wmpage217-page2-item:hover .wmpage217-page2-icon em{animation:page2 1s linear;animation-duration:1s}
@keyframes page2{0%{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(.97,.97,.97)}
100%{opacity:1;transform:scale3d(1,1,1)}
}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-num{font-size:var(--wmpage-font28);font-weight:var(--fontbold6)}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-title{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:var(--wmpage-color8)}
@media screen and (max-width:1024px){.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-left{width:100%}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right{width:100%}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n){margin-top:30px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n-1){margin-bottom:0;margin-top:30px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{display:inline-block;padding:30px 2px}
}



.wmpage184-page2{position:relative;padding-bottom:50px;z-index:1}
.wmpage184-page2::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:#eee;z-index:-1}
.wmpage184-page2 .wmpage184-page2-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmpage184-page2 .wmpage184-page2-text{text-transform:uppercase;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);color:var(--color)}
.wmpage184-page2 .wmpage184-page2-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:140px;height:50px;padding:0 20px;border:1px solid var(--color);border-radius:5px;color:#222;font-weight:var(--fontbold7);font-size:var(--wmpage-font17);transition:all .2s linear;overflow:hidden}
.wmpage184-page2 .wmpage184-page2-btn a:hover{background-color:var(--color);color:#fff}
.wmpage184-page2 .wmpage184-page2-btn a span:not(.wmpage184-page2-newtext){display:inline-block;transition:transform .3s ease}
.wmpage184-page2 .wmpage184-page2-btn a:hover span:not(.wmpage184-page2-newtext){transform:translateY(120%)}
.wmpage184-page2 .wmpage184-page2-btn a .wmpage184-page2-newtext{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:flex}
.wmpage184-page2 .wmpage184-page2-btn a .wmpage184-page2-newtext span{display:inline-block;transform:translateX(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}
.wmpage184-page2 .wmpage184-page2-btn a:hover .wmpage184-page2-newtext{opacity:1}
.wmpage184-page2 .wmpage184-page2-btn a:hover .wmpage184-page2-newtext span{transform:translateX(0);opacity:1}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(1){transition-delay:.15s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(2){transition-delay:.2s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(3){transition-delay:.25s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(5){transition-delay:.3s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(6){transition-delay:.35s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(7){transition-delay:.4s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(8){transition-delay:.45s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(9){transition-delay:.5s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(10){transition-delay:.55s}
.wmpage184-page2 .wmpage184-page2-btn .wmpage184-page2-newtext span:nth-child(11){transition-delay:.66s}
.wmpage184-page2 .wmpage184-page2-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item{width:24%;position:relative;padding:35px 25px;border:1px solid #e4e1dc;clip-path:none;background:#fff;text-align:center;margin-top:30px;z-index:1}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item::after{position:absolute;z-index:-1;content:'';right:0;bottom:0;width:0;height:100%;background:url(https://img01.v15cdn.com/singletem/wmpage184/wmpage184-page2-img1.webp) #00000080;opacity:0;transition:.5s;background-size: cover;background-blend-mode: multiply;}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item.active:after,.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item:hover:after{width:100%;left:0;opacity:1}
.wmpage184-page2-icon{display: flex;justify-content: center;}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-icon em{font-size:var(--wmpage-font46);width: var(--wmpage-font42);color:var(--color);z-index:1;transition:all .2s linear;line-height: 1;}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7);margin-top:5px;transition:all .6s linear}
.wmpage184-page2 .wmpage184-page2-item.active .wmpage184-page2-title,.wmpage184-page2 .wmpage184-page2-item:hover .wmpage184-page2-title{color:#fff}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-words{color:var(--wmpage-color8);margin:10px 0 20px;transition:all .2s linear}
.wmpage184-page2 .wmpage184-page2-item.active .wmpage184-page2-words,.wmpage184-page2 .wmpage184-page2-item:hover .wmpage184-page2-words{color:#fff}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-more{visibility: hidden}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-more a{position:relative;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17)}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-more a::after{position:absolute;content:'';width:25px;height:2px;background:var(--color);top:50%;transform:translateY(-50%);margin-left:10px;transition:all .2s linear}
.wmpage184-page2 .wmpage184-page2-item.active .wmpage184-page2-more a::after,.wmpage184-page2 .wmpage184-page2-item:hover .wmpage184-page2-more a::after{width:100%}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-more a::before{position:absolute;content:'';width:25px;height:2px;background:var(--color);top:50%;transform:translateY(-50%);right:calc(100% + 11px);transition:all .2s linear}
.wmpage184-page2 .wmpage184-page2-item.active .wmpage184-page2-more a::before,.wmpage184-page2 .wmpage184-page2-item:hover .wmpage184-page2-more a::before{width:100%}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-num{position:absolute;color:var(--color);font-size:var(--wmpage-font36);font-weight:var(--fontbold6);transform:translateX(-50%);left:0;bottom:-75px;opacity:0;transition:all .3s linear}
.wmpage184-page2 .wmpage184-page2-item.active .wmpage184-page2-num,.wmpage184-page2 .wmpage184-page2-item:hover .wmpage184-page2-num{opacity:1;left:50%}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-line{position:absolute;height:25px;width:2px;background:var(--color);top:100%;left:50%;transform:translateX(-50%)}
@media screen and (max-width:1024px){.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item{width:50%}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item:nth-child(-n+2){margin-bottom:80px}
}
@media screen and (max-width:768px){.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item{width:100%}
.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item:nth-child(-n+3){margin-bottom:80px}
.wmpage184-page2 .wmpage184-page2-btn a{margin-top:20px}
}
.wmpage184-page2:nth-child(2) .wmpage184-page2-list .wmpage184-page2-item:nth-child(1):after{background-image: url(/Content/uploads/2025355726/202507231538117e8578616e9c4da5adfc3ea831a4ddb6.jpg);}
.wmpage184-page2:nth-child(2) .wmpage184-page2-list .wmpage184-page2-item:nth-child(2):after{background-image: url(/Content/uploads/2025355726/202507231538144a486abf872c44de9e1ad8a040a39e60.jpg);}
.wmpage184-page2:nth-child(2) .wmpage184-page2-list .wmpage184-page2-item:nth-child(3):after{background-image: url(/Content/uploads/2025355726/2025072315381865dc0104f48746919cc6760922188595.jpg);}
.wmpage184-page2:nth-child(2) .wmpage184-page2-list .wmpage184-page2-item:nth-child(4):after{background-image: url(/Content/uploads/2025355726/20250723153821f31d342f9d894895a33110ece7969ee5.jpg);}

.wmpage184-page2:nth-child(3) .wmpage184-page2-list .wmpage184-page2-item:nth-child(1):after{background-image: url(/Content/uploads/2025355726/202507231538285fdf490e228f484391a2002057cf810a.jpg);}
.wmpage184-page2:nth-child(3) .wmpage184-page2-list .wmpage184-page2-item:nth-child(2):after{background-image: url(/Content/uploads/2025355726/202507231538358661ba3377c144f9843f5636d715a4a5.jpg);}
.wmpage184-page2:nth-child(3) .wmpage184-page2-list .wmpage184-page2-item:nth-child(3):after{background-image: url(/Content/uploads/2025355726/20250723153848c502985465e348449bcd70b4c39b82cb.jpg);}
.wmpage184-page2:nth-child(3) .wmpage184-page2-list .wmpage184-page2-item:nth-child(4):after{background-image: url(/Content/uploads/2025355726/2025072315385343ad45c80e2d423d96d4c98bd199da09.jpg);}
@media (max-width:768px){.wmpage184-page2 .wmpage184-page2-list .wmpage184-page2-item:after{width:100%;left:0;opacity:1;filter:brightness(.8)}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-title{color:#fff}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-words{color:#fff}
.wmpage184-page2 .wmpage184-page2-item .wmpage184-page2-num{opacity:1;left:50%}}
