@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage107-page5{position:relative;padding:3% 0}
.wmpage107-page5 .title-line{position:relative;height:3px}
.wmpage107-page5 .title-line::after{content:'';position:absolute;left:45%;width:10%;background:var(--color);height:3px}
.wmpage107-page5 .page5-list{display:flex;justify-content:space-between;position:relative;margin-top:50px}
.wmpage107-page5 .page5-li{width:49%;border-radius:5px;overflow:hidden}
.wmpage107-page5 .page5-li-contant{overflow:hidden;position:relative}
.wmpage107-page5 .page5-li-img{transition:all .4s ease 0s}
.wmpage107-page5 .page5-li-img-p{position:absolute;top:25px;left:25px;color:#fff;z-index:2}
.wmpage107-page5 .page5-li-text{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;z-index:2}
.wmpage107-page5 .page5-li-text-bottom{position:absolute;bottom:20px;left:0;width:100%;padding:0 25px;max-height:150px;overflow:hidden;transition:all .4s ease 0s}
.wmpage107-page5 .page5-li-text-btn1{transition:background .3s linear;background:var(--color);color:#fff;width:auto;display:inline-block;padding:2px 10px;font-size:var(--fontsize14);border-radius:35px;text-align:center}
.wmpage107-page5 .page5-li-text-p1{font-size:var(--wmpage-font20,20px);margin:6px 0 10px;font-weight:var(--fontbold6)}
.wmpage107-page5 .page5-li-text-p2{margin-bottom:25px}
.wmpage107-page5 .page5-li-text-btn2 a{transition:background .3s linear;background:var(--color);border:1px solid var(--color);color:#fff;padding:10px 24px;border-radius:35px;text-align:center;display:inline-flex}
.wmpage107-page5 .page5-li-text-btn2:hover a{background-color:transparent}
.wmpage107-page5 .page5-li:hover .page5-li-img{transform:scale(1.03)}
.wmpage107-page5 .page5-li:hover .page5-li-text-bottom{max-height:100%}
.wmpage107-page5 .page5-li-img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.wmpage107-page5 .page5-li-img img{width:100%;aspect-ratio:1;object-fit:cover}
.wmpage107-page5 .page5-li-text-p1{display:block}
.wmpage107-page5 .page5-li-text-btn2{display:none;opacity:0;transition:all .3s ease-in-out}
.wmpage107-page5 .page5-li:hover .page5-li-text-btn2{display:block;opacity:1}
@media (max-width:1024px){
.wmpage107-page5 .page5-list{flex-wrap:wrap;margin-top:20px}
.wmpage107-page5 .page5-li{margin-top:20px}
.wmpage107-page5 .page5-li-img{text-align:center}
}
@media (max-width:800px){.wmpage107-page5{padding:1rem 0}}
@media (max-width:768px){
.wmpage107-page5 .page5-li{margin-top:4%;width:100%}
.wmpage107-page5 .page5-li .page5-li-contant::before{transform:translate(-50%,-50%) scale(1);background:#000;opacity:.5;z-index:1}
.wmpage107-page5 .page5-li .page5-li-text-bottom{bottom:10px;padding:0 10px;max-height:100%}
.wmpage107-page5 .page5-li-text-p1{font-size:var(--wmpage-font20)}
.wmpage107-page5 .page5-li-img-p{left:10px;top:10px}
}
@media (max-width:550px){.wmpage107-page5 .page5-li{margin-top:20px}
}