.indexappli{padding: 3% 0;}
.indexappli .flex{display: flex;justify-content: space-between;}
.indexappli .left{width: 32%;padding: 20px;background: url(/Content/uploads/20261275969/20260417111922a69ef08b1725497088f73613a8796c6e.jpg)no-repeat;background-size: cover;display: flex;flex-direction: column;justify-content: center;}
.indexappli .left .list{display: flex;flex-wrap: wrap;margin-top: 5vw;}
.indexappli .left .item{width: 50%;text-align: center;padding: 0 10px;margin-bottom: 20px;}
.indexappli .left .item .home-more{height:60px;background: initial;border-color: #000;color: #000;cursor: pointer;width: 100%;}
.indexappli .left .item.act .home-more{background: var(--color);color: #fff;border-color: var(--color);}
.indexappli .right{width: 68%;color: #fff;background: var(--color);}
.indexappli .right .rightlibox{display: none;}
.indexappli .right .rightlibox.act{display: block;}
.indexappli .right .info{display: flex;padding: 20px;}
.indexappli .right .title{font-size: var(--fontsize30);font-weight: bold;width: 40%;}
.indexappli .right .cont{width: 60%;display: flex;justify-content: space-between;}
.indexappli .right .cont .img{width: 20%;}
.indexappli .right .cont .text{width: 75%;}
.indexappli .right .cont{width: 60%;display: flex;}
.indexappli .right .rightlibox>.img img{width: 100%;}
@media (min-width:1025px){.indexappli .right .rightlibox>.img img{max-height:48vh;object-fit:cover;}}
.indexappli .right .tit{font-size: var(--fontsize24);font-weight: bold;margin-bottom: 10px;}
.indexappli .right .navigation{display: flex;padding: 20px;}
.indexappli .right .indexappli-prev,.indexappli .right .indexappli-next{border-radius: 50%;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;color: #fff;border: 1px solid #fff;}
.indexappli .right .indexappli-next{margin-left: 10px;}
@media (min-width:1025px) and (max-width:1440px){.indexappli .right .rightlibox>.img img{max-height:40vh;}
.indexappli .right .cont .text .des{font-size:14px;}
.indexappli .right .navigation,.indexappli .right .info{padding:10px 20px;}}
@media (max-width:1024px) {
.indexappli .flex{flex-wrap: wrap;}
.indexappli .left,.indexappli .right{width: 100%;}
.indexappli .left .list{margin-top: 20px;}
}
.home-about .img .img-box{overflow:hidden;}
.home-about .img .img-box img{transform:initial;aspect-ratio:1/1;object-fit:cover}
.home-service .swiper-slide .img img,.home-choose .img-box img{aspect-ratio:1/1;object-fit:cover}