@import url(https://css02.v15cdn.com/m435/swiper.css);
@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage223-page4{background:#1c1c1c}
.wmpage223-page4 .wmpage223-page4-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.wmpage223-page4 .wmpage-title{color:#fff}
.wmpage223-page4 .wmpage223-page4-allbtn{display:flex;align-items:center}
.wmpage223-page4 .wmpage223-page4-next,.wmpage223-page4 .wmpage223-page4-prev{display:inline-flex;justify-content:center;align-items:center;width:65px;height:45px;border-radius:100px;background:#fff;transition:all .3s linear;cursor:pointer}
.wmpage223-page4 .wmpage223-page4-next:hover,.wmpage223-page4 .wmpage223-page4-prev:hover{background:var(--color)}
.wmpage223-page4 .wmpage223-page4-next em,.wmpage223-page4 .wmpage223-page4-prev em{font-size:var(--wmpage-font20);transition:all .3s linear}
.wmpage223-page4 .wmpage223-page4-next:hover em,.wmpage223-page4 .wmpage223-page4-prev:hover em{color:#fff}
.wmpage223-page4 .wmpage223-page4-next{margin-right:15px}
.wmpage223-page4 .wmpage223-page4-slide{position:relative;overflow:hidden}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-img{position:relative;width:100%}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-img::before{content:'';position:absolute;right:-21%;top:50%;transform:translateY(-50%) rotate(135deg);width:320px;height:1030px;background:linear-gradient(180deg,#181717 0,rgba(18,18,18,0) 100%);opacity:0;margin-right:-60px;z-index:1;pointer-events:none;transition:all .3s ease-out 0s}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-img::after{content:'';position:absolute;right:32%;top:50%;transform:translateY(-50%) rotate(135deg);width:240px;height:964px;background:linear-gradient(180deg,#262626 8.61%,rgba(18,18,18,0) 100%);opacity:0;transition:all .3s ease-out 0s;margin-right:-90px;pointer-events:none}
.wmpage223-page4 .wmpage223-page4-slide:hover .wmpage223-page4-img::after{opacity:.35;margin-right:0}
.wmpage223-page4 .wmpage223-page4-slide:hover .wmpage223-page4-img::before{opacity:.55;margin-right:0}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-img img{position:relative;width:100%;height:auto;object-fit:cover;transition:all .3s ease-out 0s}
.wmpage223-page4 .wmpage223-page4-slide:hover .wmpage223-page4-img img{filter:grayscale(1);opacity:.5}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-info{display:flex;align-items:center;justify-content:space-between;position:absolute;left:50px;bottom:50px;right:50px;border-top:4px solid #fff;padding-top:25px;transition:all .3s ease-out 0s;opacity:0;visibility:hidden;transform:translateY(50px);z-index:2;gap:15px 10px}
.wmpage223-page4 .wmpage223-page4-slide:hover .wmpage223-page4-info{opacity:1;visibility:visible;transform:translateY(0)}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-title{color:#fff;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font22)}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-data{font-size:var(--wmpage-font14);color:#fff}
.wmpage223-page4 .wmpage223-page4-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:#fff;transition:all .3s linear}
.wmpage223-page4 .wmpage223-page4-btn a:hover{background:var(--color)}
.wmpage223-page4 .wmpage223-page4-btn em{font-size:var(--wmpage-font20);color:var(--color);font-weight:var(--fontbold6);transition:all .3s linear}
.wmpage223-page4 .wmpage223-page4-btn a:hover em{color:#fff}
@media screen and (max-width:768px){.wmpage223-page4 .wmpage223-page4-top{align-items:flex-start;flex-direction:column}
.wmpage223-page4 .wmpage223-page4-allbtn{margin-top:20px}
}
.wmpage223-page4 .wmpage223-page4-slide .wmpage223-page4-img img {display:block;aspect-ratio:145/83}