.home-banner .swiper-slide>a::after{display:none}
.home-mainpro .mainpro-list li{width:32%;margin-right:2%;margin-bottom:2em;}
.home-mainpro .mainpro-list li:nth-child(3n){margin-right:0px}
.home-mainpro .mainpro-list li a{box-shadow:0 0 0;}
.home-mainpro .mainpro-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:25/16}
.home-mainpro .mainpro-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-mainpro .mainpro-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-mainpro .mainpro-list li a .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px;border:none;margin-bottom:0;}
.home-mainpro .mainpro-list li .title p{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;line-height:1.4}
.home-mainpro .mainpro-list li .title p:after{opacity:0;display:inline-block;width:0px;transition:all .1s linear;content:"\eaf3";font-family:iconfont!important}
.home-mainpro .mainpro-list li:hover .img img{transform:scale(1.02)}
.home-mainpro .mainpro-list li:hover .img::after{opacity:1}
.home-mainpro .mainpro-list li:hover .title p{color:var(--color);border-color:#000000}
.home-mainpro .mainpro-list li:hover .title p:after{margin-left:15px;opacity:1;width:20px}
.home-mainpro .mainpro-list li a .title::before,.home-mainpro .mainpro-list li a .title::after{display:none}
@media(max-width:768px){.home-mainpro .mainpro-list li{width:49%;margin-right:0px}}
@media(max-width:500px){.home-mainpro .mainpro-list li{margin-bottom:1em}
.home-mainpro .mainpro-list li .title{margin-top:0px}
.home-mainpro .mainpro-list li .title p{font-size:var(--fontsize16)}}