@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage208-page1-title{font-weight:var(--fontbold7);padding-bottom:0;text-align:center;position:relative}
.wmpage208-page1-span{width:70px;height:5px;display:block;margin:10px auto 0;background:linear-gradient(to right,var(--color),#ffffff94)}
.wmpage208-page1-img img{width:100%;display:block}
.wmpage208-page1-contant{margin-top:35px}
.wmpage208-page1-box{position:relative;background:#efefef;border-radius:10px;overflow:hidden}
.wmpage208-page1-box::after{content:'';position:absolute;width:100%;height:0;background:linear-gradient(0deg,var(--color) 0,transparent 100%);left:0;bottom:0;z-index:1;transition:all .3s}
.wmpage208-page1-img{padding:25px 0 50px}
.wmpage208-page1-sub{position:absolute;bottom:20px;width:100%;text-align:center;z-index:3;font-weight:500}
.wmpage208-page1-box:hover::after{height:100%}
.wmpage208-page1-box:hover .wmpage208-page1-sub{color:#fff}
.wmpage208-page1-btn{display:flex;justify-content:center;margin-top:45px}
.wmpage208-page1-btn a{display:inline-block;padding:12px 35px;border:1px solid var(--color);border-radius:30px;color:var(--color);transition:all .5s;line-height:1}
.wmpage208-page1-btn a em{animation:clrotate 4s linear infinite;font-size:var(--fontsize18);line-height:1;width:var(--fontsize18);display:inline-block}
.wmpage208-page1-btn a span{margin-left:10px}
@keyframes clrotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media (max-width:1024px){.wmpage208-page1-contant{margin-top:20px}
.wmpage208-page1-btn{margin-top:20px}
}

@media (min-width:1024px){.news .news-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.news .news-list li{width:100%;margin-right:0}}
.news .news-list li a img{aspect-ratio: 1;object-fit: cover;}
.productcate{max-width:1600px;padding:0 20px}
@media (max-width:540px){.productcate{padding: 0 15px}}
@media (min-width:769px){.productcate-list li{width:25%;}}