.home-procate {margin-top:70px}
.procate-list {display:flex;flex-wrap:wrap}
.procate-list .procate-item {z-index:99;width:22%;margin-right:4%;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 .tags {position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:14px}
.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}
@media (max-width:1024px) {.procate-list .procate-item {width:48%;margin:0 4% 20px 0}
.procate-list .procate-item:nth-child(2n) {margin-right:0px}}