.home-banner .swiper-slide>a::after {background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .3));}
.wmkc-procate{padding-top:4%}
.wmkc-procate .cate-list{display:flex;flex-wrap:wrap}
.wmkc-procate .cate-list li{width:23.5%;margin-right:2%;margin-top:25px;background-color:#f7f7f7}
.wmkc-procate .cate-list li .img{display:block;overflow:hidden}
.wmkc-procate .cate-list li .img img{transition:all .2s linear}
.wmkc-procate .cate-list li .title{display:block;padding:6px 10px;font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .2s linear}
.wmkc-procate .cate-list li:nth-child(4n){margin-right:0}
.wmkc-procate .cate-list li:hover .img img{transform:scale(1.03)}
.wmkc-procate .cate-list li:hover{background-color:var(--color)}
@media screen and (max-width:1024px){.wmkc-procate .cate-list{justify-content:space-between}
.wmkc-procate .cate-list li{width:49%;margin-right:0}
}
@media screen and (max-width:768px){.wmkc-procate{padding-top:30px}
.wmkc-procate .cate-list li{margin-top:20px}
}
.home-logo .logo-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-logo .logo-list .swiper-slide{width: 20%;margin-bottom: 20px;}
@media (max-width:1024px) {
.home-logo .logo-list .swiper-slide{width: 48%;}
}
.home-logo {padding-bottom:20px;}
.home-boxshaw {margin-top: 0;}
.home-pro .list{margin-left:auto;margin-right:auto;max-width:1600px;padding:0 70px;}
@media (max-width:1024px){.home-pro .list{padding:0 10px;}}
.home-num .list li p{font-weight:var(--fontbold7);margin-top:0}
@media (min-width:1025px){.home-num .list li p{font-size:var(--fontsize20)}}