@import url(https://js01.v15cdn.com/single-template/public.css); 
.wmpage112-page5{padding-bottom:4%}
.wmpage112-page5 .wmpage-title{text-align:center}
.wmpage112-page5 .page5-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 20px;}
.wmpage112-page5 .page5-li{width:23%;margin-top:20px}
.wmpage112-page5 .page5-li-img{position: relative;display: flex;background: #fff;border: 1px solid #e1e1e1;transition: all .3s ease;justify-content: center;align-items: center;}
.wmpage112-page5 .page5-li-img .img{max-width: 80%;transition:all .3s ease;}
.wmpage112-page5 .page5-li-img::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;border:1px solid transparent;transition:all .3s ease;z-index:2}
.wmpage112-page5 .page5-li-img:hover{border:1px solid var(--color);opacity:1}
.wmpage112-page5 .page5-li-img:hover .img{opacity:1;transform:scale(.9)}
.wmpage112-page5 .page5-li-img:hover::before{border:1px solid var(--color);transform:scale(.94,.9)}
@media (max-width:768px){.wmpage112-page5 .page5-list{margin-top: 0;}
.wmpage112-page5 .page5-li{width:48%;}}
@media (max-width:768px){.wmpage112-page5{padding-bottom:40px}}
.activity-wrap{padding:8.4% 0px}
.home-project .swiper{padding-bottom:0}
@media (max-width:1024px){.home-project{padding:40px 15px}}