@charset "utf-8"; 
:root{--color:#0075C2;}
.home-service{display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-service .service-item{width:50%;position:relative}
.home-service .service-item:nth-child(2) .box{bottom:auto;top:0px}
.home-service .service-item img{width:100%;height:100%;object-fit:cover}
.home-service .service-item .box{position:absolute;bottom:0px;left:0px;width:100%;padding:8%;color:#fff}
@media(min-width:1600px){.home-service .service-item:nth-child(1) .box{padding-left:18%;}}
.home-service .service-item .box .title{font-size:50px;margin-bottom:30px;line-height:1.2;font-weight:var(--fontbold5)}
.home-service .service-item .box .text{font-size:var(--fontsize14);max-width:400px;margin-bottom:50px}
@media(max-width:1280px){.home-service .service-item .box .title{font-size:36px}}
@media(max-width:1024px){.home-service .service-item .box .title{font-size:var(--fontsize26)}}
@media(max-width:768px){.home-service .service-item{width:100%}
.home-service .service-item .box{padding:20px 15px}}
@media(max-width:500px){.home-service .service-item .box .text{margin-bottom:20px}
.home-service .service-item .box .title{font-size:var(--fontsize22);margin-bottom:10px}}
.home-helpcenter{padding:1% 0}
.home-helpcenter .home-title{margin-bottom:10px}
@media(min-width:1025px){.home-banner .swiper-slide>a::after {height: 120px;}}
.pagesbanner{min-height: inherit;}
@media (min-width:1025px){#customswiper1{padding-bottom:20px;}
.home-service.home-service2{padding-top:0;}
.home-about, .home-choose, .home-custom, .home-mainpro, .home-news, .home-service{padding:3% 0;}
.home-logo{padding-bottom:3%}
.home-mainpro .mainpro-list li:nth-child(n + 5){margin-bottom:0;}}

.home-service .service-list{display:flex}
.home-service .service-li{width:20%;position:relative;margin:0 5px;transition:all .5s linear}
.home-service .service-li-img{height:500px}
.home-service .service-li-img img{border-radius:20px;height:100%;object-fit:cover;width:100%;aspect-ratio:1.5/1}
.home-service .service-li.active{width:60%}
.home-service .service-li-text{position:absolute;left:0;bottom:0;top:auto;right:auto;width:70%;padding:3% 8%;background:0 0;border-radius:0 20px 0 20px;transition:background .3s linear;z-index:2}
.home-service .service-li-p1{font-size:var(--fontsize24);color:#fff;line-height:1.2;font-weight:700;margin-bottom:10px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.home-service .service-li-p2{color:rgba(255,255,255,.8);line-height:1.5;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.home-service .service-li.active .service-li-text{background:rgb(0,0,0,.8)}
@media (max-width:990px){.home-service .service-li{width:25%}
.home-service .service-li.active{width:50%}
.home-service .service-li-text{width:80%}
.home-service .service-li-p1{font-size:var(--fontsize20);margin-bottom:5px}
}
@media (max-width:768px){.home-service{padding:0 0 30px 0}
.home-service .service-list{flex-wrap:wrap}
.home-service .service-li{width:100%;margin-bottom:20px}
.home-service .service-li.active{width:100%}
.home-service .service-li::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:20px;transition:background .3s linear}
.home-service .service-li.active::before{background:0 0}
.home-service .service-li-text{width:100%;border-radius:0 0 20px 20px}
}
@media (max-width:390px){.home-service .service-li{margin-bottom:10px}
.home-service .service-li-text{padding:2% 5%}
.home-service .service-li-p1{font-size:var(--fontsize18)}
}
.footer-top{background: var(--color);padding:20px 0;}
.footer-top .l-wrap{display:flex;justify-content: space-between;align-items: center;}
.footer-top .l-wrap .footer-top-left p{color:#fff;font-size:22px;}
.footer-top .l-wrap .footer-top-right .more a{display:inline-block;background: var(--fontcolor);padding:5px 15px;color:#fff;font-size:20px;transition: all .3s;}
.footer-top .l-wrap .footer-top-right .more a:hover{color:var(--fontcolor);background: #fff;}
@media (max-width:768px){.footer-top{padding:10px 0}
.footer-top .l-wrap{flex-direction: column;align-items: flex-start;}
.footer-top .l-wrap .footer-top-right{margin-top:10px;}
.footer-top .l-wrap .footer-top-left p,.footer-top .l-wrap .footer-top-right .more a{font-size:18px;}}