#product{margin:80px 0 0 0}
#new .new-list>li{width:25%;padding:0 10px}
#new .new-item{height:100%;display:flex;flex-direction:column}
#new .new-img{border-bottom:1px solid rgba(0,0,0,.1)}
#new .new-img img{aspect-ratio:1;object-fit:contain}
#new .new-title{flex:1;-webkit-line-clamp:3}
@media (max-width:1024px){#new .new-list>li{width:50%;margin-bottom:15px}
}
@media (max-width:768px){#product{margin:5.3vw 0 0 0}}
@media (max-width:540px){#new .new-list>li{width:100%;padding:0 2vw}}
  .home-case{padding:3% 0px}
.home-case #homecaseswiper{padding:0px 30px;margin-top:2%}
.home-case .homecase-list .swiper-slide{border-radius:4px;position:relative}
.home-case .homecase-list .swiper-slide:hover .content{opacity:1;visibility:inherit;margin-top:0px}
.home-case .homecase-list .swiper-slide .content{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color);opacity:0.8;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:0;visibility:hidden;margin-top:20px}
.home-case .homecase-list .swiper-slide .content .text{color:#FFFFFF;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.home-case .homecase-list .swiper-slide .content .text a{color:#FFFFFF}
.home-case .homecase-list .swiper-slide .content .more{margin-top:30px;width:49px;height:49px;background:rgba(0,146,255,0);border:1px solid #FFFFFF;border-radius:25px;color:#FFFFFF;font-size:var(--fontsize24);display:flex;align-items:center;justify-content:center}
.home-case .homecase-pagination{margin-top:30px;text-align:center}
.home-case .homecase-pagination .swiper-pagination-bullet{width:36px;height:3px;background:#253745;border-radius:3px;transition:all .1s linear}
.home-case .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-case{overflow:hidden}