.home-mainpro .mainpro-list{display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}
.home-mainpro .mainpro-list li{width:100%;margin-right:0}
@media (max-width:1224px){.home-mainpro .mainpro-list{grid-template-columns:repeat(5,1fr)}
}@media (max-width:1024px){.home-mainpro .mainpro-list{grid-template-columns:repeat(4,1fr)}
}@media (max-width:768px){.home-mainpro .mainpro-list{grid-template-columns:repeat(2,1fr)}}
.home-banner .banner-animote{text-align:center}
.home-banner .swiper-slide>a::after{background:none}
.banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#757577;line-height:1.2}
.banner-text .title{text-align:center;font-weight:600;margin-bottom:3%;font-size:3.5vw}
.banner-text .desc{text-align:center;font-weight:500;font-size:1.2vw}
.banner-text {top: 70%;}

.home-case {padding: 2% 0;}
.home-case .list {display: flex;gap: 20px;margin-top:20px}
.home-case .item {display: block;position: relative;width: calc((100% - 100px)/6);}
.home-case .img {position: relative;width: 100%;aspect-ratio: 9/16;overflow: hidden;}
.home-case .item::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000033;z-index: 1;}
.home-case .img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.home-case .item:hover .img img {transform: scale(1.05);}
.home-case .title {position: absolute;top: 16px;left: 16px;color: #fff;font-size: var(--fontsize18);font-weight: 600;line-height: 1.4;z-index: 2;word-wrap: break-word;padding: 5px;}

@media screen and (max-width: 1024px) {.home-case .item{width: calc((100% - 40px)/3);}}
@media screen and (max-width: 768px) {.home-case .item{width: calc((100% - 20px)/2);}}