@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage58-page4{padding: 2% 0;}
.wmpagecontainer .container{margin: 0px auto;}
.wmpage58-page4 .wmpage58-page4-list{display:flex;justify-content:space-between;margin-top:30px}
.wmpage58-page4 .wmpage58-page4-list .wmpage58-page4-item{position:relative;width:24%;overflow:hidden}
.wmpage58-page4 .wmpage58-page4-list .wmpage58-page4-item::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.2)}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-img img{width:100%;max-width:100%;display:block;height:auto;transition:all .1s linear}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-title{position:absolute;top:50%;opacity:1;transition:all .1s linear;transform:translateY(-50%);font-size:var(--wmpage-font18);z-index:2;width:100%;text-align:center;margin:0;color:#fff;font-weight:var(--fontbold6,600)}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-hover{position:absolute;left:0;width:100%;height:100%;top:100%;transition:all .2s linear;display:flex;z-index:2;flex-direction:column;justify-content:space-between}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-info{box-sizing:border-box;padding:20px}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-tit{font-size:var(--wmpage-font18);color:#f4f4f4;font-weight:var(--fontbold6,600);margin:0}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-des{font-size:var(--wmpage-font16);color:#f4f4f4;margin:0;margin-top:20px}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-btn{width:54px;height:54px;background-color:var(--color,#10b098);margin-left:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s linear}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-btn em{color:#fff;font-size:var(--wmpage-font28)}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-btn:hover{width:100%}
.wmpage58-page4 .wmpage58-page4-item:hover .wmpage58-page4-item-hover{top:0}
.wmpage58-page4 .wmpage58-page4-item:hover .wmpage58-page4-item-img img{transform:scale(1.02)}
.wmpage58-page4 .wmpage58-page4-item:hover .wmpage58-page4-title{opacity:0}
@media(max-width:768px){.wmpage58-page4 .wmpage58-page4-list .wmpage58-page4-item{width:48%;margin-bottom:20px}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-info{box-sizing:border-box;padding:10px;margin-top:20px}
}
@media(max-width:500px){.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-info{margin-top:0;padding-bottom:0}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-tit{font-size:var(--wmpage-font16);font-weight:var(--fontbold4);}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-des{font-size:var(--wmpage-font12);margin-top:4px}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-btn{width:30px;height:30px}
.wmpage58-page4 .wmpage58-page4-item .wmpage58-page4-item-btn em{font-size:var(--wmpage-font18)}
}
.newpro-item-r a::before{background-color:rgb(239 110 8 / 70%);}