@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage154-page5{position:relative;padding:20px 0;margin-bottom:50px}
.wmpage154-page5:before{content:'';width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background-image:url(https://img01.v15cdn.com/singletem/wmpage154/wmpage154-page5-img1.webp);background-size:cover;background-repeat:no-repeat;}
.wmpage154-page5 .wmpage-lwrap{overflow:hidden}
.wmpage154-page5 .wmpage-title{position:relative;color:#fff;text-transform:uppercase;padding-bottom:10px}
.wmpage154-page5 .wmpage-title::after{content:'';position:absolute;width:60px;height:3px;background:var(--color);left:0;bottom:0}
.wmpage154-page5 .wmpage154-page5-mySwiper{margin-top:40px}
.wmpage154-page5 .wmpage154-page5-item{position:relative;border-radius:5px;overflow:hidden}
.wmpage154-page5 .wmpage154-page5-item::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0;z-index:1;border-radius:5px;transition:all .2s linear}
.wmpage154-page5 .wmpage154-page5-item:hover::before{opacity:.6}
.wmpage154-page5 .wmpage154-page5-item img{position:relative;width:100%;height:auto;object-fit:cover;border-radius:5px;transition:all .2s linear}
.wmpage154-page5 .wmpage154-page5-item:hover img{transform:scale(1.03)}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-20px;width:50px;height:50px;display:inline-flex;justify-content:center;align-items:center;background:var(--color);border-radius:50%;z-index:2;opacity:0;transition:all .2s linear}
.wmpage154-page5 .wmpage154-page5-item:hover .wmpage154-page5-icon{opacity:1;margin-top:0}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-icon em{color:#fff;font-size:var(--wmpage-font22);font-weight:var(--fontbold6);width:22px;display:inline-block}
.wmpage154-page5 .wmpage154-page5-btn{position:relative;display:flex;align-items:center;justify-content:center;margin-top:60px}
.wmpage154-page5 .wmpage154-page5-btn .wmpage154-page5-next{left:80px}
.wmpage154-page5 .wmpage154-page5-btn .wmpage154-page5-next,.wmpage154-page5 .wmpage154-page5-btn .wmpage154-page5-prev{margin:0 10px;position:static;width:40px;height:40px;background-color:var(--color);color:#fff}
.wmpage154-page5 .wmpage154-page5-btn .wmpage154-page5-next::after,.wmpage154-page5 .wmpage154-page5-btn .wmpage154-page5-prev::after{font-size:var(--wmpage-font14);font-weight:var(--fontbold6)}
@media(max-width:768px){.wmpage154-page5 .wmpage154-page5-btn{margin-top:30px}}
.production-process{overflow-x:hidden}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-info{position:absolute;left:50%;top:50%;width:90%;transform:translate(-50%,-50%);margin-top:-20px;color:#fff;font-size:var(--fontsize18);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;z-index:2;opacity:0;transition:all .2s linear}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-icon{width:40px;height:40px;position:static;margin-top:0;opacity:1;flex-shrink:0;transform:none}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-icon em{font-size:var(--fontsize18)}
.wmpage154-page5 .wmpage154-page5-item .wmpage154-page5-info .desc{margin-left:10px;line-height:1.2}
.wmpage154-page5 .wmpage154-page5-item:hover .wmpage154-page5-info{opacity:1;margin-top:0}