﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage206-page2{background:url(/Content/uploads/20261071199/2026101517055855097590bd4b48afa15cbf61762ab0e0.jpg) top no-repeat;padding-top:60px;background-size:100%}
.wmpage206-page2-dev{font-size:74px;font-weight:900;line-height:1;background-image:linear-gradient(180deg,#cfcfcfb3 0,#e2e8fa00 88.54%);-webkit-text-fill-color:transparent;background-clip:text;margin:-.55em 0 -.45em -.25em}
.wmpage206-page2-span{display:flex;align-items:center;position:relative;font-size:16px;font-weight:600;color:var(--color);text-transform:uppercase;line-height:24px}
.wmpage206-page2-service:hover .wmpage206-page2-icon img{filter: brightness(0.5);}
.wmpage206-page2-title .wmpage-title{line-height:1.35;margin:15px 0 10px;max-width:70%;color:#fff}
.wmpage206-page2-title .wmpage-title b{color:var(--color)}
.wmpage206-page2-top{display: flex;align-items: center;font-size: var(--fontsize36);color: var(--fontcolor);font-weight: var(--fontbold5);text-transform: capitalize;text-align: center;justify-content: center;}
.wmpage206-page2-title{width:50%}
.wmpage206-page2-botton{margin-top:50px}
.wmpage206-page2-btn a{position:relative;z-index:2;overflow:hidden;vertical-align:middle;display:inline-block;border:none;text-transform:uppercase;text-align:center;color:#fff;font-size:14px;font-weight:500;line-height:1;padding:17px 20px;min-width:144px;border-radius:4px;background:var(--color)}
.wmpage206-page2-btn a::after,.wmpage206-page2-btn a::before{content:'';position:absolute;height:100%;top:0;left:0;width:100%;background-color:#141d38;z-index:-1;transition:all .4s ease-out;border-radius:99px;transform:scaleY(1.1)}
.wmpage206-page2-btn a::after{transform:scaleY(0)}
.wmpage206-page2-btn a::before{transform:scaleY(0)}
.wmpage206-page2-btn a:hover::before{transform:scale(2)}
.wmpage206-page2-btn a:hover::after{transform:scale(2)}
.wmpage206-page2-all{padding:25px 0;display:flex;justify-content:space-between}
.wmpage206-page2-service{width:23%;position:relative}
.wmpage206-page2-icon{height:80px;width:80px;background-color:var(--color);border-radius:50%;position:absolute;z-index:2;transform:translateX(-50%) translateY(-40px);display:flex;justify-content:center;align-items:center;left:50%}
.wmpage206-page2-icon::after,.wmpage206-page2-icon::before{content:'';position:absolute;inset:0;background-color:var(--color);z-index:-2;border-radius:50%;transition:all ease .4s;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:ripple}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:.4}
100%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}
}
.wmpage206-page2-shape img{width:100%}
.wmpage206-page2-icon em{font-size:34px;width:34px;display:block;color:#fff}
.wmpage206-page2-contant{box-shadow:0 10px 15px rgba(8,14,28,.06);background-color:#fff;border-radius:10px;text-align:center;padding:65px 20px 40px;transition:.4s ease-in-out;overflow:hidden;position:relative;cursor:pointer}
.wmpage206-page2-shape{position:absolute;bottom:-200px;left:0;width:100%;opacity:0;transition:.4s ease-in-out;pointer-events:none}
.wmpage206-page2-sub{font-size:var(--fontsize20);line-height:1.25;margin-bottom:10px;font-weight:var(--fontbold6);min-height: 50px}
.wmpage206-page2-contant p{margin:0 auto 22px auto;color:#737887;line-height:1.75;min-height: 140px;}
.wmpage206-page2-bt a{position:relative;z-index:2;overflow:hidden;vertical-align:middle;display:inline-block;border:none;text-transform:uppercase;text-align:center;color:#fff;font-size:14px;font-weight:500;line-height:1;padding:17px 20px;min-width:144px;border-radius:4px;background:var(--color)}
.wmpage206-page2-bt a::after,.wmpage206-page2-bt a::before{content:'';position:absolute;height:100%;top:0;left:0;width:100%;background-color:#141d38;z-index:-1;transition:all .4s ease-out;border-radius:99px;transform:scaleY(1.1)}
.wmpage206-page2-bt a::after,.wmpage206-page2-bt a::before{transform:scaleY(0)}
.wmpage206-page2-bt a:hover::before{transform:scale(2)}
.wmpage206-page2-bt a:hover::after{transform:scale(2)}
.wmpage206-page2-service:hover .wmpage206-page2-shape{opacity:1;bottom:0}
.wmpage206-page2-service:hover .wmpage206-page2-contant{background:var(--color)}
.wmpage206-page2-service:hover .wmpage206-page2-bt a{background:#fff;color:var(--color)}
.wmpage206-page2-service:hover .wmpage206-page2-contant p{color:#fff}
.wmpage206-page2-service:hover .wmpage206-page2-icon::after,.wmpage206-page2-service:hover .wmpage206-page2-icon::before{background-color:#fff}
.wmpage206-page2-service:hover .wmpage206-page2-icon{background-color:#fff}
.wmpage206-page2-service:hover .wmpage206-page2-icon em{color:var(--color)}
.wmpage206-page2-service:hover .wmpage206-page2-sub{color:#fff}
@media (max-width:1400px){.wmpage206-page2{padding-top:70px}
.wmpage206-page2-contant{padding:60px 15px 25px}
.wmpage206-page2-sub{font-size:20px;margin-bottom:8px}
.wmpage206-page2-icon em{font-size:24px;width:24px}
.wmpage206-page2-icon{height:60px;width:60px;transform:translateX(-50%) translateY(-30px)}
}
@media (max-width:1366px){.wmpage206-page2-bt a{padding:10px 15px;min-width:130px;font-size:12px}
.wmpage206-page2-contant p{line-height:1.52}
.wmpage206-page2-sub{font-size:18px;margin-bottom:5px;line-height:1}
}
@media (max-width:1024px){.wmpage206-page2-all{flex-wrap:wrap}
.wmpage206-page2-service{width:49%;margin-bottom:55px}
.wmpage206-page2-service:nth-last-child(1),.wmpage206-page2-service:nth-last-child(2){margin-bottom:0}
.wmpage206-page2{padding-top:30px}
.wmpage206-page2-botton{margin-top:30px}
}
:root{--borderradius:5px;--hometitlefont:42px;}
@media (max-width:1440px){:root{--hometitlefont:30px}}
@media (max-width:1024px){:root{--hometitlefont:26px}}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
.home-tip{color:#7a8c68;font-size:var(--fontsize14);font-weight:var(--fontbold5);position:relative;text-align:center;text-transform:uppercase}
.home-tip span{position:relative;padding-left:18px}
.home-tip span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(0deg,#166ebc 0,#dce5d9 100%)}
.home-contact2{padding:2% 0;background-size:cover;background-repeat:no-repeat;background-position:right}
.home-contact2 .inquiry-box{width:50%;background-color:var(--color);padding:40px 50px;color:#fff;border-radius:var(--borderradius)}
.home-contact2 .inquiry-box .home-tip{text-align:left;color:#fff}
.home-contact2 .inquiry-box .home-title{text-align:left}
.home-contact2 .inquiry-box .txt{font-size:var(--fontsize16)}
.home-contact2 .wmkcfeedback{margin-top:20px}
.home-contact2 .wmkcfeedback .wmkcfb-fileupload,.home-contact2 .wmkcfeedback input{height:48px}
.home-contact2 .wmkcfeedback textarea{height:120px}
.home-contact2 .wmkcfeedback .wmkcfb-fileupload,.home-contact2 .wmkcfeedback input,.home-contact2 .wmkcfeedback textarea{background-color:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--borderradius);margin-bottom:16px;color:#fff;font-size:var(--fontsize14)}
.home-contact2 .wmkcfeedback .wmkcfb-fileupload::placeholder,.home-contact2 .wmkcfeedback input::placeholder,.home-contact2 .wmkcfeedback textarea::placeholder{color:#fff}
.home-contact2 .wmkcfeedback .send-btn{border-color:#fff;width:100%;background-color:#fff;color:var(--color);font-weight:var(--fontbold6);border-radius:var(--borderradius);border:1px solid #fff;}
.home-contact2 .wmkcfeedback .send-btn:hover{background-color:var(--color);color:#fff;}
.wmkcfeedback input:focus{border-color:#ffffff77!important}
.wmkcfeedback textarea:focus{border-color:#ffffff77!important}
@media (max-width:1024px){.home-contact2 .inquiry-box{width:60%}}
@media (max-width:768px){.home-contact2{padding:20px 0}
.home-contact2 .inquiry-box{width:100%}}
@media (max-width:500px){.home-contact2 .inquiry-box{padding:20px}}
.footer-top{display:none}
       .home-case1{padding:4% 0;position:relative;z-index:1}
.home-case1::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#00b0ff;opacity:.08;z-index:-1}
.home-case1 .home-title{text-align:left}
.home-case1 .homecase-next,.home-case1 .homecase-prev{width:48px;height:48px;border-radius:50%;border:1px solid var(--color);color:var(--color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;transition:all .1s linear}
.home-case1 .homecase-next:hover,.home-case1 .homecase-prev:hover{background:var(--color);color:#fff}
.home-case1 .homecase-next em,.home-case1 .homecase-prev em{font-size:20px}
.home-case1 .homecase-pagination{display:flex;align-items:center;justify-content:center;margin-top:40px}
.home-case1 .homecase-pagination .swiper-pagination-bullet{opacity:1;width:10px;height:10px;background:#b8babc;border-radius:50%;position:relative;margin:0 10px}
.home-case1 .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-case1 .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;border:1px solid var(--color)}
.home-case1 .homecase-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:"";position:absolute;left:-25px;top:-23px;width:30px;height:30px;background:#ebf9ff;transform:rotate(45deg);z-index:1}
.home-case1 .more{display:flex;justify-content:center;margin-top:40px}
.home-case1 .flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-case1 .flex{display:flex;flex-wrap:wrap}
.home-case1 .more a{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0 20px;height:50px;transition:all .1s linear;position:relative;z-index:1;overflow:hidden;text-transform:capitalize;background:var(--color);border-radius:5px}
.home-case1 .more a:hover{opacity:.9}
#homecase{margin-top:40px}
#homecase .swiper-slide{display:flex;flex-wrap:wrap;background:#fff}
#homecase .swiper-slide .img{width:45%}
#homecase .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
#homecase .swiper-slide .info{flex:1;padding:5%}
#homecase .swiper-slide .info .p1{font-weight:var(--fontbold5);font-size:var(--fontsize16);color:var(--color)}
#homecase .swiper-slide .info .p2{margin-top:15px;font-weight:var(--fontbold6);font-size:32px;color:#080d41}
#homecase .swiper-slide .info .line{position:relative;margin:20px 0}
#homecase .swiper-slide .info .line::before{content:"";display:inline-block;width:6px;height:3px;background:var(--color);border-radius:2px}
#homecase .swiper-slide .info .line::after{content:"";display:inline-block;width:43px;height:3px;background:var(--color);border-radius:2px;margin-left:5px}
#homecase .swiper-slide .info .p3{color:#656567;line-height:1.8}
@media (max-width:1024px){#homecase .swiper-slide .info{padding:20px}
#homecase .swiper-slide .info .p2{font-size:var(--fontsize30)}
}@media (max-width:768px){#homecase .swiper-slide .img{width:100%}
#homecase .swiper-slide .info .p2{font-size:var(--fontsize20)}
#homecase .swiper-slide .info .line{margin:10px 0}}


.wmpage134-page2 .page2-list{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5%}
.wmpage134-page2 .page2-li{position:relative;width:33.3% !important;padding:0 2%}
.wmpage134-page2 .page2-li-p{background:0 0;transition:background .3s;padding:8% 4%;text-align:center;border-radius:6px}
.wmpage134-page2 .page2-li-p1{font-size:var(--wmpage-font38);font-weight:var(--fontbold6);color:var(--color);margin-bottom:3%}
.wmpage134-page2 .page2-li-p:hover{background:#f0f0f0}
.li2::before,.wmpage134-page2 .li1::before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#20202030}
@media (max-width:1024px){.wmpage134-page2 .page2-list{margin-top:10%}}
@media (max-width:990px){.wmpage134-page2 .page2-img2{width:60%;bottom:-20%}
.wmpage134-page2 .page2-list{margin-top:20%}
.wmpage134-page2 .page2-li{width:50%;margin-bottom:4%}
.wmpage134-page2 .li2::before{background:0 0}
.wmpage134-page2 .page2-li-line{position:absolute;top:45%;left:0;width:100%;height:1px;background:#20202030}}
@media (max-width:500px){.wmpage134-page2 .page2-list{margin-top:5%}}
.home-avg .img img,.home-motor .img img{width:100%}