.home-cate .home-title {text-align:center;}
.home-cate .home-des {text-transform:initial;text-align:center;font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--introcolor);text-align:center;max-width:1000px;margin:0px auto 10px;}
.home-cate .homecate-list {list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li {width:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n) {margin-right:0px}
.home-cate .homecate-list li .img {position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:1}
.home-cate .homecate-list li .img img {width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after {content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title {margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a {color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em {opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img {transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after {opacity:1}
.home-cate .homecate-list li:hover .title a {color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em {margin-left:15px;opacity:1;width:20px}
@media (max-width:768px){.home-cate .homecate-list {justify-content:space-between}
.home-cate .homecate-list li {width:49%;margin-right:0px}
.home-cate .homecate-list li .title a{font-size:16px}}