@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage222-page1 .wmpage222-page1-box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-left{width:48%;position:relative}
.wmpage222-page1 .wmpage222-page1-left img{position:relative;width:100%;height:auto;object-fit:cover;border-radius:0 100% 76% 24%/0 30% 70% 100%}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play a{display:inline-flex;justify-content:center;align-items:center;width:75px;height:75px;border-radius:50%;background:#fff;position:relative;animation:wmpage222-page1 1s linear infinite;transition:.5s}
@keyframes wmpage222-page1{0%{box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(212,90,219,0)}
}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play em{font-size:var(--wmpage-font26);color:var(--color)}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-right{width:48%}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-text{color:var(--color);font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6)}
.wmpage222-page1 .wmpage222-page1-right .wmpage-title{color:var(--wmpage-color22)}
.wmpage222-page1 .wmpage222-page1-right .wmpage-title span{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-desc{color:var(--wmpage-color8);margin:10px 0 35px}
.wmpage222-page1 .wmpage222-page1-right ul li{display:flex;flex-wrap:wrap;align-items:center;margin-top:30px}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-icon{display:inline-flex;justify-content:center;align-items:center;width:65px;height:65px;border-radius:2px;overflow:hidden;background:var(--color);border:1px solid var(--color);transition:all .3s linear}
.wmpage222-page1 .wmpage222-page1-right li:hover .wmpage222-page1-icon{background:#fff}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-icon em{color:#fff;font-size:var(--wmpage-font34);transition:all .3s linear}
.wmpage222-page1 .wmpage222-page1-right li:hover .wmpage222-page1-icon em{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-info{flex:1;margin-left:20px}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-words{color:var(--wmpage-color8);margin-top:5px;line-height:1.4}
.wmpage222-page1 .wmpage222-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:160px;height:50px;border-radius:5px;padding:0 20px;overflow:hidden;background:var(--color);color:#fff;font-weight:var(--fontbold6);margin-top:35px;border:1px solid var(--color);transition:all .3s linear;z-index:1}
.wmpage222-page1 .wmpage222-page1-btn a:hover{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-btn a::before{position:absolute;top:0;left:50%;content:'';height:110%;width:110%;z-index:-1;background-color:#fff;transition:all .25s ease-in-out;transform:translateX(-50%) skew(25deg) scale(0)}
.wmpage222-page1 .wmpage222-page1-btn a:hover::before{transform:translateX(-50%) skew(25deg) scale(1.3)}
@media screen and (max-width:1024px){.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-left{width:100%;margin-bottom:30px}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-right{width:100%}
}.wmpage222-page2 .wmpage222-page2-text{color:var(--color);font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6);text-align:center}
.wmpage222-page2 .wmpage-title{text-align:center;color:var(--wmpage-color22)}
.wmpage222-page2 .wmpage-title span{color:var(--color)}
.wmpage222-page2 .wmpage222-page2-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item{position:relative;width:33.333%;margin-top:30px;text-align:center}
.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item:nth-child(1)::before{position:absolute;content:'';right:0;top:10px;background:url(https://img01.v15cdn.com/singletem/wmpage222/wmpage222-page2-img1.webp);height:63px;width:229px;background-repeat:no-repeat;margin-right:-119px;background-size:contain;filter: brightness(0);}
.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item:nth-child(2)::before{position:absolute;content:'';right:0;top:10px;background:url(https://img01.v15cdn.com/singletem/wmpage222/wmpage222-page2-img2.webp);height:63px;width:229px;background-repeat:no-repeat;margin-right:-119px;background-size:contain;filter: brightness(0);}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-icon{position:relative;padding-bottom:70px}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-icon::after{position:absolute;content:'';width:0;height:60px;border:1px dashed var(--color);bottom:0;left:50%;transform:translateX(-50%)}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-icon em{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;font-size:var(--wmpage-font30);color:#6e6e6e;border-radius:50%;background:#eff2f7;border-bottom:2px solid var(--color)}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-num{position:relative;padding:15px 0;z-index:1}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-num::after{position:absolute;content:'';width:100%;height:0;border:1px dashed var(--color);left:0;top:50%;transform:translateY(-50%);z-index:-2}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-num span{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#eff2f7;transition:all .3s linear;font-weight:var(--fontbold6);z-index:1}
.wmpage222-page2 .wmpage222-page2-item:hover .wmpage222-page2-num span{background:var(--color);color:#fff}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-num span::before{position:absolute;content:'';width:55px;height:55px;border-radius:50%;border:1px dashed var(--color);background:#fff;z-index:-1}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-content{position:relative;padding:25px 15px;border-radius:5px;width:85%;background:#eff2f7;margin:0 auto;margin-top:55px;z-index:1;transition:all .3s linear}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-content::before{content:'';position:absolute;height:0;width:100%;background:linear-gradient(-90deg, #ffe814, var(--color) 100%);top:0;left:0;transition:.4s;z-index:-1;border-radius:5px}
.wmpage222-page2 .wmpage222-page2-item:hover .wmpage222-page2-content::before{height:100%}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-content::after{content:'';position:absolute;height:35px;width:70px;background:#eff2f7;top:-35px;left:0;right:0;transition:.4s;z-index:0;margin:auto;border-radius:0;clip-path:polygon(50% 0,0 100%,100% 100%)}
.wmpage222-page2 .wmpage222-page2-item:hover .wmpage222-page2-content::after{background:var(--color)}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-title{font-weight:var(--fontbold7);color:var(--wmpage-color22);font-size:var(--wmpage-font20);transition:all .3s linear}
.wmpage222-page2 .wmpage222-page2-item:hover .wmpage222-page2-title{color:#fff}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-desc{color:var(--wmpage-color8);margin-top:5px;transition:all .3s linear}
.wmpage222-page2 .wmpage222-page2-item:hover .wmpage222-page2-desc{color:#fff}
@media screen and (max-width:1024px){.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item{width:50%}
.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item:nth-child(2)::before{display:none}
}
@media screen and (max-width:768px){.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item:nth-child(1)::before{display:none}
.wmpage222-page2 .wmpage222-page2-box .wmpage222-page2-item{width:100%}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-num::after{display:none}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-content{width:100%}
}.wmpage222-page3{position:relative;z-index:1}
.wmpage222-page3::before{position:absolute;content:'';width:100%;height:100%;background:url(https://img01.v15cdn.com/singletem/wmpage222/wmpage222-page3-img1.webp) no-repeat;left:0;top:0;background-size:cover;z-index:-1}
.wmpage222-page3 .wmpage222-page3-text{font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6);color:#fff;opacity:.8;text-align:center}
.wmpage222-page3 .wmpage-title{text-align:center;color:#fff}
.wmpage222-page3 .wmpage222-page3-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage222-page3 .wmpage222-page3-box .wmpage222-page3-item{width:32%;position:relative;margin-top:30px;z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front{position:relative;transform:rotateY(0);transition:all .3s linear;z-index:1}
.wmpage222-page3 .wmpage222-page3-item:hover .wmpage222-page3-front{z-index:-1;transform:rotateY(180deg)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front::before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,#000 0,#fffFFF00 100%);z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-img{position:relative}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-img img{position:relative;width:100%;height:410px;object-fit:cover}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-info{position:absolute;left:0;bottom:0;display:flex;justify-content:center;flex-direction:column;text-align:center;width:100%;height:50%;z-index:2}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-icon em{color:var(--color);font-size:var(--wmpage-font50)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:#fff;opacity:.9}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-2;transition:all .3s linear;transform:rotateY(-180deg)}
.wmpage222-page3 .wmpage222-page3-item:hover .wmpage222-page3-back{z-index:1;transform:rotateY(0)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:#0c5ADBDB;z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-img{position:relative;width:100%;height:410px}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-info{position:absolute;width:100%;height:100%;padding:20px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center;left:0;top:0;z-index:2}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-icon em{color:#fff;font-size:var(--wmpage-font50)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7);color:#fff}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-desc{color:#fff;opacity:.8;margin:10px 0 20px}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-more a{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:#ffff}
@media screen and (max-width:1024px){.wmpage222-page3 .wmpage222-page3-box .wmpage222-page3-item{width:48.5%}
}
@media screen and (max-width:768px){.wmpage222-page3 .wmpage222-page3-box .wmpage222-page3-item{width:100%}
}.wmpage222-page4 .wmpage222-page4-text{color:var(--color);font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6);text-align:center}
.wmpage222-page4 .wmpage-title{text-align:center;color:var(--wmpage-color22)}
.wmpage222-page4 .wmpage222-page4-box{margin-top:30px}
.wmpage222-page4 .wmpage222-page4-slide{position:relative;overflow:hidden;z-index:2}
.wmpage222-page4 .wmpage222-page4-slide::before{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);content:'';opacity:1;top:30px;transition:.5s;z-index:1}
.wmpage222-page4 .wmpage222-page4-slide:hover::before{background-image:linear-gradient(to bottom,rgba(37,19,209,.4),var(--color));top:0}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-img{position:relative;width:100%}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-info{position:absolute;left:0;bottom:-30px;width:100%;height:40%;text-align:center;transition:.5s;z-index:3}
.wmpage222-page4 .wmpage222-page4-slide:hover .wmpage222-page4-info{bottom:0}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-words{font-size:var(--wmpage-font15);color:#fff;opacity:.8}
.wmpage222-page4 .wmpage222-page4-slide .wmpage222-page4-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:#fff}
.wmpage222-page4 .wmpage222-page4-pagination{text-align:center;margin-top:30px}
.wmpage222-page4 .wmpage222-page4-pagination .swiper-pagination-bullet{width:20px;height:8px;border-radius:5px;transition:all .3s linear}
.wmpage222-page4 .wmpage222-page4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:35px}
.common-main{overflow-x:hidden}
.wmpage-lwrap{padding-left:0;padding-right:0;}
.wmpage222-page3::before{width:100vw;left:50%;transform:translateX(-50%);background-color:#0d2335D4;}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back::before{background:#FF5B00db}
.wmpage222-page2 .wmpage222-page2-item .wmpage222-page2-content::before,.wmpage222-page4 .wmpage222-page4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bgcolor)}
.aboutcerSwiper{padding-bottom:50px;}
.aboutcerSwiper .swiper-pagination-bullet-active{background:var(--color)}
.aboutcerSwiper-top{position:relative;z-index:0}
.aboutcerSwiper-top::before{content:'';width:100vw;height:55%;aspect-ratio:16/3;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1;background:#e08282}