@media (min-width:501px) {.home-case .l-wrap .case .case-content {flex-wrap: wrap;}
.home-case .l-wrap .case .item{width:24%}
}
@media (min-width:1025px){.home-case .l-wrap .item .title {margin-top: 15px;}
.home-case .l-wrap .case {transform: translateY(15%);}
}
.home-case .l-wrap .case .item {text-align:center}
.home-case .l-wrap .item .title {font-size: var(--fontsize18);color: #000;}
.home-case{position: relative;background:none;}
.home-case:before{content:'';width:100%;height:75%;display:block;background:url(https://css02.v15cdn.com/m426/images/home-caseB.webp) no-repeat center/cover;position: absolute;top:0;left:0;z-index:2}
.home-case:after{content:'';width:100%;height:75%;display:block;background:var(--color);position: absolute;top:0;left:0;z-index:1}
.home-case .l-wrap{z-index:3;position: relative;}

.home-case2{background: var(--color);}
.home-case2.home .unify .theme,.home-case2.home .unify .title{color:#fff;}
.home-case2 #homecaseswiper{width:100%}
.home-case2 .homecase-wrap{padding:0 100px;margin-top:3%;position:relative}
.home-case2 .homecase-wrap .homecase-button-next,.home-case2 .homecase-wrap .homecase-button-prev{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#fff;border-radius:50%;color:var(--color);display:flex;align-items:center;justify-content:center;cursor:pointer}
.home-case2 .homecase-wrap .homecase-button-next em,.home-case2 .homecase-wrap .homecase-button-prev em{font-size:22px;color:var(--color)}
.home-case2 .homecase-wrap .homecase-button-next{left:auto;right:0}
.home-case2 .homecase-list .swiper-slide{position:relative;height:auto;}
.home-case2 .homecase-list .swiper-slide:hover .img img{transform:scale(1.01)}
.home-case2 .homecase-list .swiper-slide:hover .info .title{color:var(--color)}
.home-case2 .homecase-list .swiper-slide::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60%;background:#fff;z-index:-1}
.home-case2 .homecase-list .swiper-slide .img{width:100%;padding:0 20px;}
.home-case2 .homecase-list .swiper-slide .img img{width:100%;height:100%;object-fit:contain;aspect-ratio: 1/1;}
.home-case2 .homecase-list .swiper-slide .info{text-align:center;position:relative;padding:35px 20px 30px}
.home-case2 .homecase-list .swiper-slide .info .icon{position:absolute;top:-40px;left:50%;transform:translateX(-50%);border-radius:50%;background:#fff;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
.home-case2 .homecase-list .swiper-slide .info .icon img{width:50px}
.home-case2 .homecase-list .swiper-slide .info .title{font-weight:var(--fontblod5);font-size:22px;color:#072040;line-height:1.4}
.home-case2 .homecase-list .swiper-slide .info .text{color:#727a84;margin-top:15px;line-height:1.8}
@media (max-width:1280px){.home-case2 .homecase-list .swiper-slide .info .title,.homenews-list .homenews-item .info .title{font-size:20px}
.home-case2 .homecase-wrap{padding:0 70px}}
@media (max-width:768px){.home-case2 .homecase-wrap{padding:0 50px}
.home-case2 .homecase-wrap .homecase-button-next,.home-case2 .homecase-wrap .homecase-button-prev{width:40px;height:40px}}
.home-introduction .introduction .item{padding:0;overflow: hidden;}
.home-introduction .introduction .item>a{width:100%;display: flex;align-items: center;box-sizing: border-box;padding:15px;background-color: #FFF;}

.clients-content{width:100%;margin-bottom:20px;padding:0px}
.clients-content p:nth-child(1){font-size:var(--fontsize18);text-align:center;color:var(--introcolor);font-weight:var(--fontbold7)}
.clients-content h4{margin:1% 0px;font-size:42px;text-align:center;font-weight:var(--fontbold5);color:var(--fontcolor)}
.clients-content h4 span{color:var(--color)}
.clients-content ul{width:100%;display:flex;justify-content:center;text-align:center}
.clients-content ul li{width:20%;box-sizing:border-box;padding:2%;box-shadow:0 0 0 rgba(0,0,0,.4);transition:all .2s linear;border-radius:var(--border)}
.clients-content ul li img{width:100%}
.clients-content ul li:hover{box-shadow:0 0 4px rgba(0,0,0,.3)}
.clients-content ul{flex-wrap:nowrap;justify-content:flex-start;}
.clients-content ul li{box-shadow:0 0 0!important;padding:5px}
.partners-swiper .swiper .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
.clients-content ul li img{transition:.3s;border:1px solid #ddd;}
.clients-content ul li img:hover{box-shadow:0 0 8px #ccc}
.partners-swiper{position:relative;padding-bottom:30px}
.home-introduction{margin:4% 0;transform:initial;}
@media (max-width:768px){.home-introduction{margin:40px 0;}}