#appli{padding-bottom:30px;background:#f6f6f6;position:relative}
#appli:before{content:'';width:100%;height:50%;background:url(/uploads/41186/page/p20251128115026dae73.jpg) no-repeat;position:absolute;top:0;left:0}
#appli .l-wrap{width:80%;margin:0 auto;position:relative}
#sol-swiper{padding-bottom:60px}
#sol-swiper .swiper-slide{display:flex;height:auto}
#sol-swiper .swiper-slide>div{flex:1}
#sol-swiper .sol-img{width:100%;height:100%;background:#fff}
#sol-swiper .sol-img img{width:100%;height:100%;object-fit:contain;aspect-ratio:5/3;}
#sol-swiper .swiper-slide.slide3 .sol-img img{object-fit:cover}
#sol-swiper .sol-r-wrap{padding:20px 30px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper .sol-r{background:#FFFFFF}
#sol-swiper .sol-title{line-height:1.3;font-size:var(--fontsize24);margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#sol-swiper .sol-con{color:var(--introcolor);line-height:1.6;margin-bottom:30px;font-size:var(--fontsize15)}
#sol-swiper .sol-con>div:not(:last-child){margin-bottom:10px}
#sol-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{position:relative}
.sol-top h3{font-size:35px;text-align:center;padding:70px 0px 50px;text-transform:uppercase;color:#FFFFFF}
.more-btn{display:inline-block;padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFFFFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#FFFFFF;color:var(--color)}
@media (max-width:1440px){#sol-swiper .sol-con{font-size:var(--fontsize15);line-height:1.55}}
@media (max-width:1280px){.sol-top h3{font-size:30px;padding:40px 0}
#sol-swiper .sol-r-wrap{padding:20px}
#sol-swiper .sol-title{font-size:var(--fontsize22)}
#sol-swiper .sol-con{font-size:var(--fontsize14);margin-bottom:20px}
.more-btn{padding:6px 20px;font-size:var(--fontsize14)}}
@media (max-width:1024px){#sol-swiper .swiper-slide{flex-direction:column}
#sol-swiper .sol-img img{width:100%;height:100%;object-fit:contain;aspect-ratio:5/4;}}
@media (max-width:768px){.sol-top h3{font-size:23px;padding:30px 0 20px}
#appli:before{height:35%;}
#appli .l-wrap{width:100%;padding:0 15px}
#sol-swiper .sol-r-wrap{padding:15px}
#sol-swiper .sol-title{font-size:var(--fontsize20)}}