.home-banner{height:auto}
.home-banner .swiper-slide>a::after {display:none}
@media (min-width:1025px){header:not(.is-active){background:#00000033}}
@media (min-width:1201px){.home-pro .list li {width:33.3333%}
.home-pro .list li:nth-child(n+4){flex-direction:row-reverse}
.home-pro .list li:nth-child(n+4) .info::before{left:auto;right:-13px;border-width:10px 0px 10px 15px;border-color:transparent transparent transparent #F7F7F7}
.home-pro .list li:nth-child(n+4):hover .info::before{border-color:transparent transparent transparent var(--color)}
.home-pro .list li:nth-child(3){flex-direction:row}
.home-pro .list li:nth-child(3) .info::before{left:-13px;right:auto;border-width:10px 15px 10px 0px;border-color:transparent #F7F7F7 transparent transparent}
.home-pro .list li:nth-child(3):hover .info::before{border-color:transparent var(--color) transparent transparent}}
#serviceswiper .swiper-slide .opacity{opacity:1;background:#00000011}
#serviceswiper .swiper-slide .opacity .p2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
@media (max-width:1280px){#serviceswiper .swiper-slide .opacity .p2{-webkit-line-clamp:4;}}
@media (max-width:1024px){#serviceswiper .swiper-slide .opacity .p2{-webkit-line-clamp:5;}}
.home-case{padding:4% 0px}
.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:var(--borderradius);z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#FFFFFF}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}
@media(max-width:1024px){.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0px}}
@media(max-width:768px){.home-case{padding:40px 0px}}

.home-service{background:no-repeat top;background-size:contain;background: no-repeat top;background-size: contain;padding: 3% 0 4%;margin-top: 3%;}
.home-service .service-top{display:flex;align-items:center;justify-content:space-between}
.home-service .service-top .home-title{flex:1;text-align:left;color:#fff}
.home-service .service-top .home-des{text-align:left;width:650px;color:#fff}
.home-service .service-list{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;box-shadow:0 6px 32px 0 rgba(34,34,34,.09);border-radius:10px;padding:50px 0;margin-top:5em}
.home-service .service-list li{width:25%;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 30px;margin-bottom:30px;transform:translateY(30px);transition:all .2s linear}
.home-service .service-list li::after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background:#e3e3e3;transition:all .2s linear}
.home-service .service-list li:last-child::after{display:none}
.home-service .service-list li .icon{width:50px;height:50px;mask:no-repeat center;mask-size:contain;background-color:var(--color);margin-bottom:20px}
.home-service .service-list li .title{font-weight:var(--fontbold6);font-size:var(--fontsize20)}
.home-service .service-list li .text{color:var(--introcolor);margin:10px 0}
.home-service .service-list li .more{font-weight:var(--fontbold5);background:var(--bgcolor);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:all .2s linear}
.home-service .service-list li:hover{transform:translateY(0);margin-bottom:0;padding-bottom:30px}
.home-service .service-list li:hover::after{transform:translateY(30px);height:calc(100% - 30px)}
.home-service .service-list li:hover .more{opacity:1}
@media(max-width:768px){.home-service{padding:40px 0}
.home-service .service-top{flex-direction:column;text-align:center}
.home-service .service-top .home-des,.home-service .service-top .home-title{text-align:center;width:auto}
.home-service .service-list{margin-top:30px;padding:20px 10px}
.home-service .service-list li{width:50%;transform:translateY(0);margin:0;padding:10px!important}
.home-service .service-list li .more{opacity:1}
.home-service .service-list li::after{display:none}
.home-service{background:0 0}}
@media(max-width:500px){.home-service .service-list li{width:100%;margin-bottom:1em}
.home-service .service-list li .icon{margin-bottom:10px;height:35px}}