.home-service{position:relative;padding:4% 0}
.home-service{background:no-repeat top;background-size:contain}
.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){ome-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}} 
.home-service {background-image: url(https://css02.v15cdn.com/m435/imgs/service-bg.webp)}
@media (max-width: 1245px) {
.home-service {background: 0 0;}}
  .home-service .service-top .home-des{width:100%}
.home-service .service-top .home-des-1{width:50%}
.home-service .service-top .info{display:flex;flex-wrap:wrap}
@media (max-width:1245px){.home-service{background:url(https://css02.v15cdn.com/m435/imgs/service-bg.webp);background-size:cover}
}@media (max-width:768px){.home-service .service-top .home-des-1{width:100%}
}