.service .service-wrapper{overflow:hidden}.service .service-wrapper .process-wrapper{display:flex;justify-content:space-between}.service .service-wrapper .service-list{display:flex;gap:60px;position:relative}.service .service-wrapper .service-list .service-list-left,.service .service-wrapper .service-list .service-list-right{width:calc(50% - 30px);display:flex;flex-direction:column;gap:40px}.service .service-wrapper .service-list .service-list-left .service-item{position:relative}.service .service-wrapper .service-list .service-list-left .service-item::before{content:'';position:absolute;right:-30px;top:50%;transform:translate(0, -50%);width:4px;height:4px;background:var(--primary-color);border-radius:50%}.service .service-wrapper .service-list .service-list-left .service-item::after{content:'';position:absolute;right:-30px;top:-40px;transform:translate(-50%, 0);width:2px;height:calc(100% + 40px);border:1px dashed #ED7101}.service .service-wrapper .service-list .service-list-left .service-item:first-child::after{top:50%;height:50%}.service .service-wrapper .service-list .service-list-left .service-item:last-child::after{height:calc(50% + 40px)}.service .service-wrapper .service-list .service-item{width:100%;aspect-ratio:570 / 232;background:#F6F6F6;border-radius:30px;padding:6%;position:relative}.service .service-wrapper .service-list .service-item .number{color:var(--primary-color)}.service .service-wrapper .service-list .service-item .desc{color:#6C6C6C}.service .service-wrapper .service-list .service-item .img-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;transition:all .5s ease;border-radius:30px;overflow:hidden}.service .service-wrapper .service-list .service-item .img-wrapper img{width:100%;height:100%;object-fit:cover}.service .service-wrapper .service-list .service-item .img-wrapper .title{position:absolute;left:0;bottom:0;width:100%;padding:12px 6%;color:var(--primary-color);background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(100%);transition:all .5s ease .3s;z-index:3}.service .service-wrapper .service-list .service-item:hover .img-wrapper{opacity:1}.service .service-wrapper .service-list .service-item:hover .img-wrapper .title{transform:translateY(0)}.service .map-wrapper{padding:0 4%;position:relative;overflow:hidden}.service .map-wrapper img{width:100%}.service .map-wrapper .map-info{position:absolute;left:12.99%;top:40.99%;background-color:var(--primary-color);padding:24px;color:#fff;border-radius:20px;overflow:hidden}.service .map-wrapper .circle-list .circle-item{position:absolute;left:23.55%;top:23.55%;width:10px;height:10px}.service .map-wrapper .circle-list .circle-item::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:var(--primary-color);animation:dotScale 1.5s linear infinite}.service .map-wrapper .circle-list .circle-item .text{position:absolute;left:100%;top:50%;transform:translate(10px, -50%);white-space:nowrap}@keyframes dotScale{0%{transform:scale(1)}50%{transform:scale(.4)}100%{transform:scale(1)}}.service .map-wrapper .circle-list .circle-item:nth-child(2){left:21.55%;top:27.55%}.service .map-wrapper .circle-list .circle-item:nth-child(2)::after{animation-delay:.2s}.service .map-wrapper .circle-list .circle-item:nth-child(3){left:27.45%;top:84.55%}.service .map-wrapper .circle-list .circle-item:nth-child(3)::after{animation-delay:.3s}.service .map-wrapper .circle-list .circle-item:nth-child(4){left:42.99%;top:17.99%}.service .map-wrapper .circle-list .circle-item:nth-child(4)::after{animation-delay:.4s}.service .map-wrapper .circle-list .circle-item:nth-child(5){left:43.55%;top:28.55%}.service .map-wrapper .circle-list .circle-item:nth-child(5)::after{animation-delay:.5s}.service .map-wrapper .circle-list .circle-item:nth-child(6){left:46.55%;top:18.55%}.service .map-wrapper .circle-list .circle-item:nth-child(6)::after{animation-delay:.6s}.service .map-wrapper .circle-list .circle-item:nth-child(7){left:46.55%;top:24.55%}.service .map-wrapper .circle-list .circle-item:nth-child(7)::after{animation-delay:.7s}.service .map-wrapper .circle-list .circle-item:nth-child(8){left:53.55%;top:15.55%}.service .map-wrapper .circle-list .circle-item:nth-child(8)::after{animation-delay:.8s}.service .map-wrapper .circle-list .circle-item:nth-child(9){left:53.55%;top:28.55%}.service .map-wrapper .circle-list .circle-item:nth-child(9)::after{animation-delay:.9s}.service .map-wrapper .circle-list .circle-item:nth-child(10){left:63.85%;top:31.55%}.service .map-wrapper .circle-list .circle-item:nth-child(10)::after{animation-delay:1s}.service .map-wrapper .circle-list .circle-item:nth-child(11){left:65.55%;top:36.55%}.service .map-wrapper .circle-list .circle-item:nth-child(11)::after{animation-delay:1.1s}.service .map-wrapper .circle-list .circle-item:nth-child(12){left:78.55%;top:29.55%}.service .map-wrapper .circle-list .circle-item:nth-child(12)::after{animation-delay:1.2s}.service .map-wrapper .circle-list .circle-item:nth-child(13){left:81.55%;top:31.55%}.service .map-wrapper .circle-list .circle-item:nth-child(13)::after{animation-delay:1.3s}.service .map-wrapper .circle-list .circle-item:nth-child(14){left:75.05%;top:47.55%}.service .map-wrapper .circle-list .circle-item:nth-child(14)::after{animation-delay:1.4s}.service .map-wrapper .circle-list .circle-item:nth-child(15){left:73.55%;top:54.55%}.service .map-wrapper .circle-list .circle-item:nth-child(15)::after{animation-delay:1.5s}.service .map-wrapper .circle-list .circle-item:nth-child(16){left:75.05%;top:63.25%}.service .map-wrapper .circle-list .circle-item:nth-child(16)::after{animation-delay:1.6s}.service .map-wrapper .circle-list .circle-item:nth-child(17){left:83.25%;top:84.25%}@media screen and (max-width:992px){.service .service-wrapper .process-wrapper{flex-direction:column;gap:20px}.service .service-wrapper .service-list{flex-direction:column;gap:24px}.service .service-wrapper .service-list .service-list-left,.service .service-wrapper .service-list .service-list-right{width:100%}.service .map-wrapper{padding:0 2%}.service .map-wrapper .map-info{top:initial;bottom:12px;left:0}.service .map-wrapper .circle-list .circle-item .text{display:none}}