﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage200-page3{background:#000}
.wmpage200-page3 .wmpage200-page3-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left{width:29.5%;position:relative;padding:0 25px;display:flex;flex-direction:column;justify-content:center;align-items:self-start;height:auto;background:var(--wmpage-color22);border-radius:20px;border:1px solid rgba(255,255,255,.1)}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left::after{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage200/wmpage200-page3-img5.webp);background-size:cover;width:100%;height:160px;left:0;bottom:20px;z-index:1}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text{position:relative;display:inline-flex;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;padding:0 35px;z-index:10}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text::before{position:absolute;content:'';width:28px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text::after{position:absolute;content:'';width:28px;height:2px;background:var(--color);right:0;top:50%;transform:translateY(-50%)}
.wmpage200-page3 .wmpage200-page3-left .wmpage-title{color:#fff;z-index:10;margin:5px 0 10px}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-desc{color:#fff;opacity:.8;z-index:10}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;border-radius:5px;background:var(--color);color:#ffff;font-weight:var(--fontbold6);margin-top:30px;z-index:10;overflow:hidden}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a::before{position:absolute;content:'';width:0;height:50%;left:0;top:0;background:#e94138;z-index:-1;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a::after{position:absolute;content:'';width:0;height:50%;right:0;bottom:0;background:#e94138;z-index:-1;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a:hover::after,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a:hover::before{width:100%}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-allbtn{display:flex;justify-content:center;align-items:center;position:absolute;padding:13px 30px 14px;right:-1px;bottom:-1px;border-radius:20px 0 0 0;background:#000;z-index:20}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:#292929;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev{margin-right:10px}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next:hover,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev:hover{background:var(--color)}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev em{color:var(--color);transform:rotate(90deg);transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next em{color:var(--color);transform:rotate(-90deg);transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next:hover em,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev:hover em{color:#fff}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{width:69%;height:auto;position:relative}
.wmpage200-page3 .wmpage200-page3-slide{position:relative;overflow:hidden;border-radius:20px}
.wmpage200-page3 .wmpage200-page3-slide::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);z-index:1}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-img{position:relative;width:100%;height:100%}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-info{position:absolute;left:0;right:0;padding:0 20px;bottom:60px;transform:translateY(20px);transition:all .3s ease-in-out;transition-delay:.5s;opacity:1;z-index:10}
.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-active .wmpage200-page3-info,.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-prev .wmpage200-page3-info{opacity:1}
.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-active .wmpage200-page3-info{transform:translateY(0);opacity:1}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-top{display:inline-flex;justify-content:center;align-items:center;min-width:125px;padding:0 10px;height:35px;border-radius:6px;background:var(--color);font-size:var(--wmpage-font14);font-weight:var(--fontbold6);color:#fff;text-transform:uppercase;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);color:#fff;margin-top:25px}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-words{position:relative;padding:3px 0 15px;color:#fff;font-size:var(--wmpage-font15);opacity:.8}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-words::after{position:absolute;content:'';width:40px;height:2px;background:var(--color);left:0;bottom:0}
.wmpage200-page3 .wmpage200-page3-pagination{position:absolute;text-align:center;width:140px;bottom:30px;left:83%;z-index:10;background:rgba(0,0,0,.7);padding:5px 20px 7px;border-radius:10px;box-shadow:0 0 0 5px rgba(255,255,255,.1)}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet{opacity:1;width:6px;height:6px;background:#fff;position:relative}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet:nth-child(-n+3){margin-right:12px}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet::before{position:absolute;content:'';width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,255,255,.6);transition:all .3s ease;transform:scale(0);left:-6px;top:-6px}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform:scale(1)}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media screen and (max-width:1024px){.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left{width:100%;overflow:hidden;padding:30px 10px;margin-bottom:30px}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left::after{height:100%;bottom:0}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{width:100%}
.wmpage200-page3 .wmpage200-page3-pagination{left:50%;transform:translateX(-50%)}
}
@media screen and (max-width:768px){.wmpage200-page3 .wmpage200-page3-pagination{bottom:10px}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{padding-bottom:70px}
}
@media screen and (max-width:500px){.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-allbtn{position:static;margin-top:20px;border-radius:10px}
}
.wmpage200-page3 .wmpage-lwrap.l-wrap{max-width:1600px;padding:4.5% 0;position:relative;z-index:1}
@media (max-width:1680px){.wmpage200-page3 .wmpage-lwrap.l-wrap{max-width:1400px}}
@media (max-width:1470px){.wmpage200-page3 .wmpage-lwrap.l-wrap{max-width:1200px}}
@media (max-width:1279px){.wmpage200-page3 .wmpage-lwrap.l-wrap{padding-left:50px;padding-right:50px}}
@media (max-width:768px){.wmpage200-page3 .wmpage-lwrap.l-wrap{padding-left:3vw;padding-right:3vw}}
.wmpage200-page3 .wmpage200-page3-slide::before{display:none}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-top{display:none}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-title{padding: 10px 20px;border-radius: 5px;background: var(--color);display: inline-block;}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-words::after{display: none;}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.advan .advan-list>li { width: 20%;}