.home-categories {padding-top:7%;}
.procate-list {display:flex;flex-wrap:wrap;margin-top:30px;}
.procate-list .procate-item {z-index:99;width:23%;margin-right:2.6666%;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px}
.procate-list .procate-item:hover {box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.procate-list .procate-item:hover .procate-img img {transform:scale(1.02)}
.procate-list .procate-item:hover .procate-title a {color:var(--color)}
.procate-list .procate-item:nth-child(4) {margin-right:0px}
.procate-list .procate-item .procate-img {position:relative;display:flex;align-items:center;justify-content:center}
.procate-list .procate-item .procate-img img {width:100%;height:100%;object-fit:cover}
.procate-list .procate-item .procate-title {height:80px;display:flex;align-items:center;padding:10px 20px}
.procate-list .procate-item .procate-title a {display:inline-block;width:100%;font-size:18px;font-weight:var(--fontbold5);color:#272727;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index-pro-swiper {padding:0 70px;position:relative;}
.index-pro-swiper .swiper-pagination {display:none;}
.pro-swiper-btn>div {cursor:pointer;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;line-height:1;transition:.2s;}
.pro-swiper-prev {left:0;}
.pro-swiper-next {right:0;}
.pro-swiper-btn>div:hover {background:var(--color);color:#fff;border-color:var(--color);}
.index-pro.index-pro-swiper .pro-item {border:1px solid #E5E5E5!important;}
.swiper-pagination-bullet-active{background:var(--color)!important}
@media (max-width:768px){.home-categories{padding-bottom:20px}
.procate-list{justify-content:space-between}
.procate-list .procate-item{width:48%;margin-bottom:20px;margin-right:0px}
.index-pro-swiper{padding:0;margin-top:30px}
.index-pro-swiper .swiper{padding-bottom:70px}
.index-pro-swiper .swiper-pagination {display:block;}
.pro-swiper-btn>div{display:none}}
@media (max-width:450px){.procate-list .procate-item .procate-title {height:66px;padding:4px 10px}
.procate-list .procate-item .procate-title a {font-size:15px}
.procate-list .procate-item .procate-img {max-height:300px}}