.home-banner .swiper-slide>a::after{opacity: .1;}
.home-serpro{padding: 3% 0;}
.home-serpro .servicelist{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.home-serpro .item{width: 24%;display: flex;flex-wrap: wrap;}
.home-serpro .img{width: 100%;position: relative;display: flex;}
.home-serpro .img img{aspect-ratio: 1;width: 100%;height: 100%;}
.home-serpro .info{width: 100%;padding: 10px;}
.home-serpro .info .text{width: 100%;padding: 10px;height: 72px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;}
.home-serpro .title{font-weight: bold;font-size: var(--fontsize18);color: #fff;max-width: 80%;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.home-serpro .item:nth-child(2n){flex-direction: column-reverse;}
@media (max-width:1024px) {.home-serpro .item{width: 48%;margin-bottom: 20px;display: block;}
.home-serpro .info .text{height:auto;-webkit-line-clamp: initial;}
}
@media (min-width:769px){.home-logo{padding-bottom:4%;}}
.home-customer{background:var(--color);color:#fff;}
#customerswiper .customerswiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.4}
#customerswiper .customerswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}
@media (min-width:1025px){.head-left,.lang-icon span{color:var(--fontcolor)}
.lang-icon img{filter:brightness(0)}
.lang-icon span::before,.lang-icon span::after{background:var(--fontcolor)}
header:not(.is-active) .head-nav .nav-ul>li>a{color:var(--fontcolor)}}