.home-banner .swiper-slide>a::after{opacity:.5}
#serviceswiper2{margin-top:40px}
#serviceswiper2 .swiper-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}
#serviceswiper2 .swiper-slide{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;width:32%}
#serviceswiper2 .swiper-slide img{width:100%;height:100%;object-fit:cover}
#serviceswiper2 .swiper-slide .opacity{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#FFFFFF;transition:all .2s linear;padding:20px;opacity:0}
#serviceswiper2 .swiper-slide .opacity .p1{line-height:1.3;font-size:var(--fontsize20);position:relative;padding-bottom:10px;margin-bottom:10px}
#serviceswiper2 .swiper-slide .opacity .p1::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:4px;background:var(--color)}
#serviceswiper2 .swiper-slide:hover .opacity{opacity:1}
#serviceswiper2 .serviceswiper-pagination{display:none}
#serviceswiper2 .serviceswiper-next,#serviceswiper2 .serviceswiper-prev{display:none}
@media (max-width:768px){#serviceswiper2 .swiper-slide{width:100%;margin:10px 0}
#serviceswiper2 .serviceswiper-next,#serviceswiper2 .serviceswiper-prev{display:none}
#serviceswiper2{margin-top:10px}}
.home-pro .list li .img img{object-fit: contain;aspect-ratio: 1 / 1;}
.home-pro .list li .info .title{margin-bottom:10px;}
.home-boxshaw{margin:4% 0}
@media (max-width:768px){.home-boxshaw{margin:40px 0}}