﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage157-page5 .wmpage157-page5-txt{text-align:center}
.wmpage157-page5 .wmpage157-page5-txt em{font-size:var(--wmpage-font30);color:var(--wmpage-color22)}
.wmpage157-page5 .wmpage-title{text-align:center;margin:10px 0;color:var(--wmpage-color22)}
.wmpage157-page5 .wmpage157-page5-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item{width:33%;margin-top:7px;position:relative}
.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item::before{position:absolute;content:'';opacity:0;top:20px;right:10px;bottom:20px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;z-index:2;transform:scaleX(0);transform-origin:left;transition:all .3s linear}
.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item::after{position:absolute;content:'';opacity:0;top:10px;right:20px;bottom:10px;left:20px;border-left:1px solid #fff;border-right:1px solid #fff;z-index:2;transform:scaleY(0);transform-origin:left;transition:all .3s linear}
.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item:hover::before{opacity:1;transform:scaleX(1)}
.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item:hover:after{opacity:1;transform:scaleY(1)}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-img{width:100%;height:auto;position:relative}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-img::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);z-index:1;opacity:0;transition:all .2s ease}
.wmpage157-page5 .wmpage157-page5-item:hover .wmpage157-page5-img::before{opacity:1}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-img img{position:relative;width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-info{position:absolute;text-align:center;width:100%;height:100%;left:0%;top:0%;z-index:3;display:flex;flex-direction:column;justify-content:center}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-info a{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:50px}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-info .wmpage157-page5-title{color:#fff;font-size:var(--wmpage-font18);opacity:0;margin-bottom:10px;transform:translate3d(0,-30px,0);transition:all .3s linear}
.wmpage157-page5 .wmpage157-page5-item:hover .wmpage157-page5-title{opacity:1;transform:translate3d(0,0,0)}
.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-info .wmpage157-page5-letter{font-size:var(--wmpage-font14);color:#fff;opacity:0;transition:all .3s linear;transition-delay:.15s}
.wmpage157-page5 .wmpage157-page5-item:hover .wmpage157-page5-letter{opacity:1}
@media screen and (max-width:1024px){.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item{width:49%;margin-top:17px}
}
@media screen and (max-width:768px){.wmpage157-page5 .wmpage157-page5-list .wmpage157-page5-item{width:100%;margin-top:20px}
}
@media screen and (max-width:350px){.wmpage157-page5 .wmpage157-page5-item .wmpage157-page5-info .wmpage157-page5-letter{display:none}
}
.wmpage157-page5 {padding:4% 0;background:#f8f8f8}
@media (max-width:768px){.wmpage157-page5{padding:40px 0}}
 .home-logo .swiper-slide img{aspect-ratio:1;max-width:120px}
.home-logo2{padding:4% 0;background:var(--color)}
.home-logo2 .l-wrap{display:flex;justify-content:space-between}
.home-logo2 .home-title{text-align:left;margin:0;white-space:nowrap;color:#fff;}
.home-logo2 .logo-container{width:calc(100% - 300px)}
.home-logo2 .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo2 .logoswiper-pagination{display:none}
#logoswiper2 .swiper-slide.cer1 img{transform:scale(1.7);}
@media (max-width:1024px){.home-logo2 .l-wrap{display:block}
.home-logo2 .home-title{text-align:center}
.home-logo2 .logo-container{width:100%;margin-top:30px}}
@media (max-width:768px){.home-logo2{padding:40px 0}
.home-logo2 .logoswiper-pagination{display:flex;bottom:0;justify-content:center;margin-top:25px;position:static;}
.home-logo2{padding-bottom:30px}
.home-logo2 .swiper-pagination-bullet{background:#fff;}}
.home-about .img .img-box lite-youtube{transform: translate(-8px,-8px);}
.home-about .img .img-box{border-radius:0;}