/* ===== hero banner copy v2 (Scoptics) ===== */
.home-banner .swiper-slide img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.home-banner .swiper-slide{height:clamp(530px,41.667vw,800px)}
.home-banner .swiper-slide>a{position:relative;display:block;width:100%;height:100%;min-height:0}
.home-banner .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.home-banner .banner-animote{top:50%;max-width:1540px;padding:0px 70px;opacity:0;text-align:left}
.home-banner .banner-animote .banner-tag{display:inline-flex;align-items:center;font-size:14px;font-weight:var(--fontbold4);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-bottom:14px}
.home-banner .banner-animote .banner-tag:before{content:"";width:26px;height:2px;background:var(--color);margin-right:12px}
.home-banner .banner-animote .p1{font-size:44px;font-weight:var(--fontbold6);line-height:1.22;margin:0px 0px 16px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.home-banner .banner-animote .p2{font-size:21px;font-weight:var(--fontbold4);line-height:1.5;margin:0px 0px 14px}
.home-banner .banner-animote .p4{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.9);margin:0px 0px 26px;max-width:640px}
.home-banner .banner-animote .p3{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.home-banner .banner-animote .p3 a{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:190px;height:52px;padding:0px 32px;font-size:var(--fontsize16);border-radius:26px;background-color:var(--color);color:#FFFFFF}
.home-banner .banner-animote .p3 a em{transform:rotate(-45deg);margin-left:10px;transition:all .3s ease-in-out}
.home-banner .banner-animote .p3 a:hover em{transform:rotate(0)}
.home-banner .banner-animote .p3 a.btn-ghost{background-color:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.72)}
.home-banner .banner-animote .p3 a.btn-ghost:hover{background-color:#FFFFFF;color:#111111}
.home-banner .swiper-pagination{bottom:70px;max-width:1540px}
/* centered slides 1 & 2 */
.home-banner .banner-center .banner-animote{text-align:center;max-width:1120px;top:47%;transform:translate(-50%,-50%)}
.home-banner .banner-center .banner-animote .p2{max-width:820px;margin:0px auto 14px}
.home-banner .banner-center .banner-animote .p4{max-width:700px;margin:0px auto 26px}
.home-banner .banner-center .banner-animote .p3{justify-content:center}
.home-banner .swiper-slide.banner-center:after{background-color:rgba(0,0,0,.40);background-image:radial-gradient(ellipse 66% 48% at 50% 48%,rgba(0,0,0,.42) 0%,rgba(0,0,0,.22) 55%,rgba(0,0,0,0) 100%)}
/* left slide 3 */
.home-banner .banner-shade-left .banner-animote{left:0px;transform:translateY(-50%);max-width:680px;padding:0px 40px 0px 96px;text-align:left;top:50%}
@media (min-width:1025px){.home-banner .swiper-slide>a{aspect-ratio:1920/800;height:auto;min-height:600px;max-height:860px}}
.home-banner .banner-shade-left .banner-animote .p2{max-width:600px}
.home-banner .banner-shade-left .banner-animote .p4{max-width:600px}
@media (max-width:1600px){.home-banner .banner-animote .p1{font-size:40px}.home-banner .banner-animote .p2{font-size:19.5px}.home-banner .banner-animote .p4{font-size:14.5px}.home-banner .banner-center .banner-animote{top:47%}.home-banner .banner-animote .p3 a{min-width:180px;height:50px}}
@media (max-width:1366px){
.home-banner .swiper-slide>a{min-height:530px}
.home-banner .banner-animote .p1{font-size:36px}
.home-banner .banner-animote .p2{font-size:19px}
.home-banner .banner-animote .p4{font-size:14px}
.home-banner .banner-shade-left .banner-animote{padding-left:70px}}
@media (max-width:1024px){
.home-banner .swiper-slide>a{min-height:500px}
.home-banner .banner-animote .p1{font-size:32px}
.home-banner .banner-animote .p2{font-size:17px}
.home-banner .banner-animote .p4{font-size:13.5px}
.home-banner .banner-shade-left .banner-animote{max-width:560px;padding-left:40px}}
@media (max-width:767px){
.home-banner .swiper-slide>a{min-height:450px}
.home-banner .banner-animote{padding:0px 24px}
.home-banner .banner-animote .p1{font-size:26px;margin-bottom:12px}
.home-banner .banner-animote .p2{font-size:15px}
.home-banner .banner-animote .p4{display:none}
.home-banner .banner-animote .p3 a{min-width:170px;height:46px;padding:0px 26px}
.home-banner .banner-shade-left .banner-animote{padding:0px 24px;max-width:520px}}
@media (max-width:575px){
.home-banner .swiper-slide>a{min-height:380px}
.home-banner .banner-animote .banner-tag{font-size:10px;letter-spacing:.05em;margin-bottom:8px;flex-wrap:wrap;line-height:1.5}
.home-banner .banner-animote .banner-tag:before{width:16px;margin-right:8px}
.home-banner .banner-animote .p1{font-size:21px;margin-bottom:8px}
.home-banner .banner-animote .p2{font-size:13.5px}
.home-banner .banner-animote .p3{margin-top:12px}
.home-banner .banner-animote .p3 a{display:inline-flex;min-width:150px;height:42px;padding:0px 20px;font-size:13px}
.home-banner .banner-animote .p3 .btn-ghost{display:none}}
.home-steps{padding:70px 0;background:#ffffff;}
.home-steps .home-tit{color:var(--color);font-weight:600;margin-bottom:8px;text-align:center;}
.home-steps .home-title{text-align:center;margin-bottom:10px;}
.home-steps .home-des{text-align:center;color:var(--introcolor);max-width:860px;margin:0 auto 40px;line-height:1.8;}
.home-steps .steps-list{display:flex;gap:26px;flex-wrap:wrap;}
.home-steps .step-item{flex:1 1 22%;background:#f6f9fc;border-radius:var(--borderradius);padding:42px 24px 34px;text-align:center;position:relative;border-top:3px solid var(--color);transition:all .25s ease;}
.home-steps .step-item:hover{box-shadow:0 12px 30px rgba(28,133,202,.14);transform:translateY(-4px);}
.home-steps .step-num{color:var(--color);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.home-steps .step-icon{margin:14px auto 18px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;}
.home-steps .step-icon img{width:100%;height:100%;object-fit:contain;}
.home-steps .step-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--titlecolor);}
.home-steps .step-text{font-size:14px;color:var(--introcolor);line-height:1.75;}
@media(max-width:991px){.home-steps .step-item{flex:1 1 45%;}}
@media(max-width:600px){.home-steps .step-item{flex:1 1 100%;}}
.home-full .full-opt{margin-top:40px;background:#FFFFFF;border-radius:10px;box-shadow:0 3px 32px 0 rgba(197,197,197,.35);padding:32px 36px}
.home-full .full-opt .opt-title{font-weight:var(--fontbold6);color:#000;font-size:var(--fontsize18);margin-bottom:20px}
.home-full .full-opt ul{display:flex;flex-wrap:wrap;list-style:none;margin:0 -8px}
.home-full .full-opt li{width:25%;padding:9px 10px;display:flex;align-items:flex-start;font-size:15px;color:#555;line-height:1.6;min-height:52px}
.home-full .full-opt li span{display:block}
.home-full .full-opt li .opt-dot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:rgba(28,133,202,.12);color:var(--color);display:flex;align-items:center;justify-content:center;margin:1px 10px 0 0}
@media(max-width:1600px){.home-full .full-opt li{width:50%}}
@media(max-width:1024px){.home-full .full-opt li{width:50%;min-height:0}.home-full .full-opt{padding:24px 20px}}
@media(max-width:640px){.home-full .full-opt li{width:100%}}

.home-contact{position:relative;padding:0;background:#FFFFFF;overflow:hidden}
.wmpage236-page1{position:relative}
.wmpage236-page1 .wmpage-lwrap{max-width:2000px;margin:0 auto;padding:0 70px}
.wmpage236-page1 .contactlist{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;gap:0 9%;padding:5% 0 0}
.wmpage236-page1 .contactlist li{width:27%;text-align:center;line-height:1.4;display:block}
.wmpage236-page1 .contactlist li .ci-ico{display:flex;align-items:center;justify-content:center;height:72px;color:var(--color)}
.wmpage236-page1 .contactlist li .ci-ico svg{width:56px;height:56px}
.wmpage236-page1 .contactlist li .p1{font-size:var(--fontsize22);font-weight:var(--fontbold6);margin:14px 0 0;color:#111}
.wmpage236-page1 .contactlist li .p2{font-size:var(--fontsize18);color:var(--introcolor);margin-bottom:20px}
.wmpage236-page1 .contactlist li .p2 a{color:var(--introcolor)}
.wmpage236-page1 .contactlist li .p2 a:hover{color:var(--color)}
.wmpage236-page1 .contactbox{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;isolation:isolate;padding-top:5%}
.wmpage236-page1 .contactbox>div{padding:5% 0;width:50%;z-index:1}
.wmpage236-page1 .contactbox .contactimg{color:#fff;padding-right:9%;padding-left:0}
.wmpage236-page1 .contactbox .contactimg::before{content:'';position:absolute;top:0;right:50%;width:52vw;height:100%;background-color:#0b1b2b;z-index:-1}
.wmpage236-page1 .contactbox .contactimg .p1{font-weight:600;font-size:14px;letter-spacing:.1em}
.wmpage236-page1 .contactbox .contactimg .p2{font-weight:600;font-size:40px;position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px}
.wmpage236-page1 .contactbox .contactimg .p2::after{content:'';position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.wmpage236-page1 .contactbox .contactimg .p2 span{color:var(--color)}
.wmpage236-page1 .contactbox .contactimg .p3{color:rgba(255,255,255,.78);line-height:1.8;max-width:520px}
.wmpage236-page1 .contactbox .contactimg .list{margin-top:25px;list-style:none}
.wmpage236-page1 .contactbox .contactimg .list li{list-style:none;margin-bottom:18px;display:flex;align-items:flex-start}
.wmpage236-page1 .contactbox .contactimg .list li .ci-ico{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px;flex:0 0 35px;display:flex;padding-top:2px}
.wmpage236-page1 .contactbox .contactimg .list li .ci-ico svg{width:20px;height:20px}
.wmpage236-page1 .contactbox .contactimg .list li p{flex:1;color:rgba(255,255,255,.86);line-height:1.7}
.wmpage236-page1 .contactbox .contactimg .list li p a{color:#fff}
.wmpage236-page1 .contactbox .contactimg .list li p a:hover{color:var(--color)}
.wmpage236-page1 .contactbox .contactfeedback{padding-left:8%;padding-right:0}
.wmpage236-page1 .contactbox .contactfeedback::before{content:'';position:absolute;top:0;left:50%;width:52vw;height:100%;background-color:#f3f3f3;z-index:-1}
.wmpage236-page1 .contactbox .wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.wmpage236-page1 .contactbox .wmkcfeedback .wmkcfb-fileupload,.wmpage236-page1 .wmkcfeedback input,.wmpage236-page1 .wmkcfeedback textarea{outline:0;border-radius:5px;border:1px solid #eaeaea;background-color:#fff;height:48px;padding:10px 14px;margin-bottom:1em;font-family:inherit;font-size:15px;transition:all .1s linear;color:#333}
.wmpage236-page1 .contactbox .wmkcfeedback input:focus,.wmpage236-page1 .contactbox .wmkcfeedback textarea:focus{border-color:var(--color)}
.wmpage236-page1 .contactbox .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage236-page1 .contactbox .wmkcfeedback .inquiry-form>*{width:49%}
.wmpage236-page1 .contactbox .wmkcfeedback .send-btn{margin:0 auto;min-width:250px;height:48px;border-radius:5px;font-size:var(--fontsize16);background:var(--color);color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden;font-family:inherit}
.wmpage236-page1 .contactbox .wmkcfeedback .send-btn:hover{background:#111}
.wmpage236-page1 .contactform-title{font-size:var(--fontsize22);font-weight:var(--fontbold6);margin-bottom:6px;color:#111}
.wmpage236-page1 .contactform-note{color:#777;font-size:14px;margin-bottom:18px}
@media (max-width:1024px){
 .wmpage236-page1 .wmpage-lwrap{padding:0 15px}
 .wmpage236-page1 .contactbox .contactimg{background:#0b1b2b;padding:30px 15px;position:relative}
 .wmpage236-page1 .contactbox>div{width:100%}
 .wmpage236-page1 .contactbox .contactfeedback{background:#f3f3f3;padding:30px 15px;position:relative}
 .wmpage236-page1 .contactbox .contactimg .p2{font-size:var(--fontsize30)}
 .wmpage236-page1 .contactbox .contactimg .list{margin-top:2em}
 .wmpage236-page1 .contactbox{overflow:hidden}
 .wmpage236-page1 .contactlist li{width:100%;margin-bottom:18px}}
@media (max-width:768px){
 .wmpage236-page1 .contactbox .contactimg .p2{font-size:var(--fontsize24)}
 .wmpage236-page1 .contactbox .wmkcfeedback .inquiry-form>*{width:100%}}
@media(max-width:1024px){
 .wmpage236-page1 .contactbox{margin:0 -15px}
 .wmpage236-page1 .contactbox>div{padding:32px 15px}}
 .home-news .home-des{max-width:960px;margin:14px auto 0;font-size:15.5px;line-height:1.7}
 .home-service .service-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-service .img-box{width:52%}
.home-service .img-box .swiper-slide{border-radius:10px;overflow:hidden}
.home-service .img-box .service-pagination{position:absolute;padding:0 30px;bottom:30px;right:26px;z-index:10;text-align:right}
.home-service .img-box .service-pagination .swiper-pagination-bullet{width:9px;height:9px;opacity:.4}
.home-service .img-box .service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:36px;height:9px;background-color:var(--color);border-radius:5px;opacity:1}
.home-service .info{width:44%}
.home-service .info .home-title{text-align:left;position:relative;padding-bottom:20px}
.home-service .info .home-title::before{content:"";position:absolute;left:0px;bottom:0px;width:50px;height:3px;background-color:var(--color);border-radius:4px}
.home-service .info .des{font-size:var(--fontsize18);color:var(--color);font-weight:var(--fontbold5);margin-top:6%}
.home-service .info .text{margin-top:6%;color:#666666;font-weight:var(--fontbold4)}
/* ===== transport packaging list (recovered) ===== */
.home-service .info .pack-list{margin-top:22px;list-style:none}
.home-service .info .pack-list li{display:flex;align-items:flex-start;padding:11px 0;border-bottom:1px dashed #e6e6e6}
.home-service .info .pack-list li:last-child{border-bottom:0}
.home-service .info .pack-list .pk-ico{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(28,133,202,.1);color:var(--color);display:flex;align-items:center;justify-content:center;margin-right:12px}
.home-service .info .pack-list .pk-name{display:block;font-weight:var(--fontbold6);color:#111;line-height:1.4}
.home-service .info .pack-list .pk-note{display:block;font-size:14px;color:#666;line-height:1.55;margin-top:3px}
.home-service .info .home-tit{color:var(--color);font-weight:var(--fontbold6);letter-spacing:.08em;font-size:13px;text-transform:uppercase;margin-bottom:10px}
.home-news {
    padding-top: clamp(50px, 4.2vw, 92px);
    padding-bottom: 5%;
}