﻿@import url(https://js01.v15cdn.com/single-template/public.css);
:root{--vks-blue:#3A70AD;--vks-blue-2:#2A578F;--vks-blue-soft:#E8F1FB;}
@media (min-width:1351px){.home-title {font-size:48px}}
.home-banner .swiper-slide{position:relative;}
.home-banner .swiper-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,30,60,.62) 0%,rgba(10,30,60,.32) 45%,rgba(10,30,60,0) 80%);pointer-events:none;}
.bannertxt2{position:absolute;top:50% !important;left:0 !important;transform:translateY(-50%) !important;text-align:left !important;width:100% !important;padding:0 8vw !important;z-index:2 !important;}
.bannertxt2 .intro{margin:0 !important;width:100% !important;max-width:1000px;}
.bannertxt2 .intro h2{font-weight:400 !important;font-size:clamp(18px,3vw,48px);line-height:1.2;margin:0 0 16px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.bannertxt2 .intro p{font-weight:400;font-size:16px;line-height:1.7;color:rgba(255,255,255,.92);margin:0;}
.bannertxt2 .vks-banner-btn{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:13px 30px;background:#fff;color:#3A70AD;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;border-radius:4px;text-decoration:none;border:2px solid #fff;transition:all .3s ease;}
.bannertxt2 .vks-banner-btn em{font-size:14px;}
.bannertxt2 .vks-banner-btn:hover{background:transparent;color:#fff;}
@media (max-width:1024px){.bannertxt2{padding:0 20px!important}
.bannertxt2 .intro p{font-size:13px}
.bannertxt2 .vks-banner-btn{padding:10px 20px;font-size:13px}}
@media (max-width:768px){.bannertxt2{padding:0 15px!important}
.bannertxt2 .intro p{font-size:12px}
.bannertxt2 .vks-banner-btn{display:none}}
@media (max-width:600px){.bannertxt2 .intro h2{margin:0;}
.bannertxt2 .intro p{display:none}}

.home-news .home-des{text-align: center;}
.home-news .newslist .newsitem .img img{aspect-ratio: 25/14;}
.home-case .caselist .itemcase .img img{aspect-ratio: 25/14;}
@media (min-width:1025px) {
.home-news .newslist .newsitem .info .title{height: 58px;}
.home-news .newslist .newsitem .info .text p{height: 77px;}
.home-case .caselist .itemcase .info .title{display: -webkit-box;overflow: hidden;height: 60px;font-weight: var(--fontbold5);font-size: var(--fontsize18);transition: all .2s ease;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}

.vks-sec-sub{max-width:820px;margin:16px auto 0;text-align:center;font-size:16px;line-height:1.8;color:#5b6b7b;}
.vks-sec-sub.left{margin:16px 0 0;text-align:left;}
.home-tabcontent{padding:60px 0 40px;background:#fff;}
.vks-cta-cards{display:flex;justify-content:space-between;gap:18px;padding:0;margin:0;list-style:none;width:100%;}
.vks-cta-card{flex:1 1 0;min-width:0;list-style:none;border-radius:14px;overflow:hidden;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .35s ease,box-shadow .35s ease;min-height:220px;}
.vks-cta-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.vks-cta-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(58,112,173,.85) 0%,rgba(42,87,143,.65) 60%,rgba(20,50,100,.55) 100%);z-index:1;}
.vks-cta-card--b1{background-image:url(/uploads/42235/index/banner_b1.jpg);}
.vks-cta-card--b2{background-image:url(/uploads/42235/index/banner_b2.jpg);}
.vks-cta-card--b3{background-image:url(/uploads/42235/index/banner_b3.jpg);}
.vks-cta-link{display:block;color:#fff !important;text-decoration:none !important;position:relative;z-index:2;height:100%;width:100%;}
.vks-cta-inner{padding:32px 28px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;min-height:220px;}
.vks-cta-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:28px;line-height:1.2;color:#fff;margin:0 0 10px;}
.vks-cta-sub{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;line-height:1.55;color:rgba(255,255,255,.92);margin:0 0 24px;}
.vks-cta-action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:#fff;line-height:1;}
.vks-cta-action .iconfont{font-size:14px;color:#fff !important;background:rgba(255,255,255,.18);border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;}

@media (max-width:1200px){.vks-cta-title{font-size:24px;}.vks-cta-inner{padding:26px 22px;}}
@media (max-width:960px){.vks-cta-cards{flex-direction:column;}.vks-cta-card{width:100%;min-height:200px;}.vks-cta-inner{min-height:200px;}}

/* ====== Browse Categories grid ====== */
.home-icons{padding:40px 0 70px;background:#fff;}
.vks-cat-title-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px;}
.vks-cat-title-deco{display:inline-flex;gap:4px;}
.vks-cat-title-deco em{display:block;width:8px;height:8px;background:var(--vks-blue);border-radius:50%;}
.vks-cat-title-deco em:nth-child(2){width:14px;border-radius:8px;}
.vks-cat-title-deco em:nth-child(3){width:26px;border-radius:14px;}
.vks-cat-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:30px;color:var(--vks-blue);margin:0;line-height:1;letter-spacing:.3px;}
.vks-sec-sub.center{text-align:center;margin:6px auto 36px !important;max-width:780px;font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;line-height:1.7;color:#555;}
.vks-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:0;list-style:none;}
.vks-cat-item{list-style:none;background:#3A70AD;border:1px solid #2A578F;border-radius:10px;padding:18px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.vks-cat-item:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(42,87,143,.45);border-color:#1f4576;}
.vks-cat-link{display:block;width:100%;text-decoration:none;}
.vks-cat-img{width:90px;height:90px;margin:0 auto 10px;background:rgba(255,255,255,.16);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.vks-cat-img img{max-width:60px;max-height:70px;width:auto;height:auto;display:block;object-fit:contain;}
.vks-cat-tit{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:#fff;line-height:1.3;text-decoration:none !important;margin-top:4px;}
.vks-cat-arrow{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff !important;text-decoration:none;transition:background .25s,color .25s;}
.vks-cat-arrow .iconfont{font-size:14px;color:#fff !important;line-height:1;}
.vks-cat-item:hover .vks-cat-arrow{background:#fff;}
.vks-cat-item:hover .vks-cat-arrow .iconfont{color:#3A70AD !important;}

@media (max-width:1280px){.vks-cat-grid{grid-template-columns:repeat(6,1fr);gap:10px;}.vks-cat-img{width:78px;height:78px;}.vks-cat-tit{font-size:13px;}}
@media (max-width:1024px){.vks-cat-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:680px){.vks-cat-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:440px){.vks-cat-grid{grid-template-columns:repeat(2,1fr);}.vks-cat-title{font-size:22px;}}
/* ====== Custom Elevator Working Process (added below Completed Elevator Project Cases) ====== */
.vks-process{padding:72px 0 80px;background:#f5f7fa;}
.vks-process-inner{max-width:1560px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.vks-process-eyebrow{display:block;text-align:center;color:var(--vks-blue);text-transform:uppercase;font-size:15px;font-weight:600;letter-spacing:2px;margin-bottom:10px;font-family:'Poppins',sans-serif;}
.vks-process-title{text-align:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:36px;color:#1f2d3d;margin:0 0 22px;line-height:1.25;}
.vks-process-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:54px;position:relative;}
.vks-process-list::before{content:'';position:absolute;top:74px;left:9%;right:9%;height:0;border-top:2px dashed #c6d4e6;z-index:0;}
.vks-process-item{width:19%;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;}
.vks-process-icon{width:150px;height:150px;max-width:100%;display:flex;margin-bottom:24px;align-items:center;justify-content:center;border-radius:50%;border:1px dashed rgba(58,112,173,.45);background:#fff;transition:all .3s linear;position:relative;}
.vks-process-icon svg{width:54px;height:54px;stroke:var(--vks-blue);fill:none;stroke-width:1.6;transition:stroke .3s linear;}
.vks-process-number{position:absolute;top:-2px;left:-2px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef3f9;border:1px dashed rgba(58,112,173,.45);font-weight:700;color:var(--vks-blue);font-size:15px;font-family:'Poppins',sans-serif;transition:all .3s linear;}
.vks-process-item:hover .vks-process-icon{background:var(--vks-blue);}
.vks-process-item:hover .vks-process-icon svg{stroke:#fff;}
.vks-process-item:hover .vks-process-number{background:#1f2d3d;color:#fff;border-color:#1f2d3d;}
.vks-process-step{font-size:13px;font-weight:600;letter-spacing:1px;color:var(--vks-blue);text-transform:uppercase;margin:0 0 6px;font-family:'Poppins',sans-serif;}
.vks-process-name{font-size:19px;font-weight:600;color:#1f2d3d;margin:0 0 10px;font-family:'Poppins',sans-serif;line-height:1.3;}
.vks-process-desc{color:#5b6b7b;font-size:14.5px;line-height:1.7;margin:0;font-family:'Poppins',sans-serif;}
@media (max-width:1100px){.vks-process-item{width:32%;margin-bottom:34px;}.vks-process-list::before{display:none;}.vks-process-title{font-size:30px;}}
@media (max-width:680px){.vks-process-item{width:100%;}.vks-process-title{font-size:26px;}}

/* ====== Get Your Free Quote from VKS FUJI (banner band + form) ====== */
.vks-quote{position:relative;padding:64px 0;background:linear-gradient(120deg,#3A70AD 0%,#2A578F 55%,#1f4576 100%);color:#fff;overflow:hidden;}
.vks-quote-inner{max-width:1560px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;gap:48px;box-sizing:border-box;}
.vks-quote-left{flex:1 1 380px;min-width:300px;}
.vks-quote-left h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:38px;line-height:1.22;margin:0 0 16px;color:#fff;max-width:520px;}
.vks-quote-left p{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;line-height:1.7;color:rgba(255,255,255,.9);margin:0 0 18px;max-width:520px;}
.vks-quote-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;}
.vks-quote-points li{position:relative;padding-left:22px;font-family:'Poppins',sans-serif;font-size:14.5px;color:rgba(255,255,255,.92);}
.vks-quote-points li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#fff;}
.vks-quote-form{flex:1 1 420px;min-width:300px;background:rgba(255,255,255,.98);border-radius:16px;padding:30px 28px;box-shadow:0 18px 44px rgba(15,40,80,.28);}
.vks-quote-form h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;color:#1f2d3d;margin:0 0 4px;}
.vks-qf-sub{font-size:13px;color:#6b7a8a;margin:0 0 18px;font-family:'Poppins',sans-serif;}
.vks-qf-row{display:flex;flex-wrap:wrap;gap:14px;}
.vks-qf-field{flex:1 1 100%;display:flex;flex-direction:column;}
.vks-qf-field.half{flex:1 1 calc(50% - 7px);}
.vks-qf-field label{font-size:12.5px;font-weight:600;color:#34465a;margin-bottom:6px;font-family:'Poppins',sans-serif;}
.vks-qf-field input,.vks-qf-field select,.vks-qf-field textarea{font-family:'Poppins',sans-serif;font-size:14px;color:#1f2d3d;border:1px solid #d7e1ee;border-radius:8px;padding:11px 12px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;}
.vks-qf-field input:focus,.vks-qf-field select:focus,.vks-qf-field textarea:focus{border-color:var(--vks-blue);box-shadow:0 0 0 3px rgba(58,112,173,.15);}
.vks-qf-field textarea{resize:vertical;min-height:78px;}
.vks-qf-submit{margin-top:18px;width:100%;border:none;cursor:pointer;background:var(--vks-blue);color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;padding:13px 20px;border-radius:8px;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.vks-qf-submit:hover{background:#2A578F;}
.vks-qf-note{margin:12px 0 0;font-size:12px;color:#6b7a8a;text-align:center;font-family:'Poppins',sans-serif;}
.vks-qf-success{display:none;background:#eafaf0;border:1px solid #b7e3c8;color:#1d7a43;border-radius:8px;padding:12px 14px;font-size:14px;margin-top:14px;font-family:'Poppins',sans-serif;}
@media (max-width:680px){.vks-quote-left h2{font-size:28px;}.vks-quote-form{padding:22px 18px;}.vks-qf-field.half{flex:1 1 100%;}}

.wmpage137-page1 .page1-title{margin-bottom:40px;text-align:center}
.wmpage137-page1 .page1-p{color:var(--color);margin-bottom:6px}
.wmpage137-page1 .page1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage137-page1 .page1-li{width:25%;padding:0 1%}
.wmpage137-page1 .page1-li-contant{position:relative;padding:10%;background:#fff;border-radius:5px;box-shadow:0 1px 30px 0 rgb(82,90,101,.1);transition:transform .3s}
.wmpage137-page1 .page1-li-em{font-size:var(--wmpage-font36);width:66px;height:66px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);border:5px solid var(--color);border-radius:10px;transition:border .3s}
.wmpage137-page1 .page1-li-em::before{margin-left:10px;}
.wmpage137-page1 .page1-li-p1{font-size:var(--wmpage-font18);font-weight: var(--fontbold7);margin:8% 0 4% 0}
.wmpage137-page1 .page1-li-p2{color:#555;line-height:1.6;position:relative;z-index:1}
.wmpage137-page1 .page1-li-p3{position:absolute;bottom:-8%;right:0;color:var(--color);opacity:.1;font-weight: var(--fontbold7);font-size:100px}
.wmpage137-page1 .page1-li-contant:hover{transform:translateY(-4%)}
@media (max-width:990px){.wmpage137-page1 .page1-li{width:50%;margin-bottom:2%}
}
@media (max-width:768px){.wmpage137-page1 .page1-title{margin-bottom:6%}
.wmpage137-page1 .page1-li{width:100%;margin-bottom:4%;padding:0}
.wmpage137-page1 .page1-li-contant{padding:5%}
.wmpage137-page1 .em{padding:3%}
.wmpage137-page1 .page1-li-p1{margin:4% 0 2% 0}
}
@media (max-width:390px){.wmpage137-page1 .page1-title{margin-bottom:10%}
.wmpage137-page1 .page1-li{margin-bottom:10%}
.wmpage137-page1 .page1-li-contant{padding:20px}
.wmpage137-page1 .page1-li-p1{margin:8% 0 4% 0}
}
.home-word {text-align:center;margin:6px auto 36px !important;max-width:780px;font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;line-height:1.7;color:#555;}
.home-choose .home-word {color:#fff}
.home-company .company-info .home-title {color:#555;margin-bottom:25px}
@media (min-width:1025px){.home-company .company-info .home-title{line-height:1.6;font-size:48px;}
.home-company .company-info p{font-size:18px;line-height:2}
.home-company .company-info .inter{padding-top:20px;padding-bottom:20px;}
.home-company .company-info .inter{margin:5% 0;}}
.wmpage137-page1 .page1-li-contant{height:100%}
.wmpage137-page1 .page1-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.wmpage137-page1 .page1-li{padding:0;width:100%;margin:0;}
.wmpage137-page1 .icon-AfterclassTest-Outlined.page1-li-em::before{margin:0}
.home-icons .vks-cat-title{text-align:center}
@media (min-width:1351px) and (max-width:1440px){.home-company .company-info .home-title{font-size:40px;}}
@media (max-width:1350px){.home-company .company-info .home-title,.vks-cat-title{font-size:var(--hometitlefont)!important}}
@media (max-width:1200px){.wmpage137-page1 .page1-list{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.wmpage137-page1 .page1-list{grid-template-columns:repeat(1,1fr);}}
.send-inquiry {display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 0;margin-bottom:14px}
.wmkcfeedback input,.wmkcfeedback textarea,.wmkcfeedback .wmkcfb-fileupload {border:1px solid #d7e1ee;border-radius:8px;margin:0}
.wmkcfeedback .send-btn {border-radius:8px;}
@media (max-width:768px){.wmkcfeedback input,.wmkcfeedback .wmkcfb-fileupload{width:100%}}

.home-product .product-list .itempro{height:auto;display:flex;flex-direction:column}
.home-product .product-list .itempro .info{flex:1}
/*.home-product .product-list .itempro .info .des{-webkit-line-clamp:none}*/