﻿.homenews-list .homenews-item .img img{object-fit: contain;aspect-ratio: 4 / 3;background: #fff;}
.home-banner .banner-animote .title, .home-banner .banner-animote .text, .home-banner .banner-animote .btn{text-shadow: 0 2px 10px rgba(0,0,0,.7);}
.section-subtitle{text-align:center;color:#727a84;max-width:800px;margin:15px auto 0;font-size:17px;line-height:1.7}
.home-about .section-subtitle{text-align:left;margin-left:0;margin-right:0}
.home-case{position:relative;padding:4% 0;}
.home-case::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:0}
.home-case .l-wrap{position:relative;z-index:1}
.home-case .homecase-list .swiper-slide{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:no-repeat center;background-size:cover}
.home-case .homecase-list .swiper-slide::after{display:none}
.home-case .homecase-list .swiper-slide .slide-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.72) 0,rgba(0,0,0,.15) 60%,rgba(0,0,0,.05) 100%);z-index:1}
.home-case .homecase-list .swiper-slide .info{position:absolute;bottom:0;left:0;width:100%;padding:30px;z-index:2;text-align:left}
.home-case .homecase-list .swiper-slide .info .title{font-size:24px;color:#fff !important;font-weight:var(--fontblod5);margin-bottom:12px}
.home-case .homecase-list .swiper-slide .info .text{color:rgba(255,255,255,.9) !important;line-height:1.7;font-size:15px}
.home-case .homecase-list .swiper-slide .info .more{display:inline-flex;align-items:center;margin-top:15px;color:#fff;background:var(--color);padding:8px 20px;border-radius:3px;font-weight:var(--fontblod5)}
.home-case .homecase-list .swiper-slide .info .more em{margin-left:6px;font-size:14px}
.home-case .homecase-list .swiper-slide .info .title,.home-case .homecase-list .swiper-slide .info .text,.home-case .homecase-list .swiper-slide .info .more{text-shadow:0 2px 6px rgba(0,0,0,.65)}
@media (max-width:768px){.home-case{padding:40px 0;}}
.home-customer{background:#fff;padding:90px 0}
.home-customer .section-subtitle{color:#666}
.home-customer .cust-wrap{position:relative;margin-top:50px}
.home-customer .cust-list .swiper-slide{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:no-repeat center;background-size:cover;box-shadow:0 12px 35px rgba(7,32,64,.15);transition: all .5s;}
.home-customer .cust-list .swiper-slide .slide-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,rgba(7,32,64,.85) 0,rgba(7,32,64,.25) 55%,rgba(7,32,64,0) 100%);z-index:1}
.home-customer .cust-list .swiper-slide .info{position:absolute;bottom:0;left:0;width:100%;padding:28px;z-index:2;text-align:left}
.home-customer .cust-list .swiper-slide .info .loc{display:inline-block;font-size:13px;color:#fff;background:var(--color);padding:5px 16px;border-radius:30px;margin-bottom:12px;font-weight:var(--fontblod5);letter-spacing:.5px}
.home-customer .cust-list .swiper-slide .info .title{font-size:19px;color:#fff;font-weight:var(--fontblod5);margin-bottom:10px;line-height:1.4}
.home-customer .cust-list .swiper-slide .info .text{color:rgba(255,255,255,.9);line-height:1.7;font-size:14px;opacity:0;height:0;transition: height .5s;}
.home-customer .cust-list .swiper-slide:hover .info .text{opacity:1;height:auto;}
.home-customer .custbut-prev,.home-customer .custbut-next{position:absolute;top:42%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;color:var(--color);font-size:18px;transition:.3s}
.home-customer .custbut-prev{left:14px}
.home-customer .custbut-next{right:14px}
.home-customer .custbut-prev:hover,.home-customer .custbut-next:hover{background:var(--color);color:#fff}
.home-inquiry{background:#f4f7fa}
.inquiry-faq-wrap{display:flex;flex-wrap:wrap;margin-top:3%;gap:40px}
.inquiry-faq-wrap .inquiry-form,.inquiry-faq-wrap .faq-box{flex:1;min-width:320px;background:#fff;padding:35px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.inquiry-faq-wrap .form-title{font-size:24px;font-weight:var(--fontblod6);color:#0b2154;margin-bottom:8px}
.inquiry-faq-wrap .form-tip{color:#727a84;margin-bottom:20px}
.inquiry-faq-wrap .form-row{margin-bottom:18px}
.inquiry-faq-wrap label{display:block;margin-bottom:6px;color:#0b2154;font-weight:var(--fontblod5)}
.inquiry-faq-wrap input,.inquiry-faq-wrap textarea{width:100%;padding:12px 15px;border:1px solid #d8d8d8;border-radius:4px;font-family:inherit;font-size:15px;outline:0}
.inquiry-faq-wrap input:focus,.inquiry-faq-wrap textarea:focus{border-color:var(--color)}
.inquiry-faq-wrap textarea{min-height:120px;resize:vertical}
.inquiry-faq-wrap .submit-btn{width:100%;height:50px;background:var(--color);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:var(--fontblod5);cursor:pointer;transition:opacity .2s}
.inquiry-faq-wrap .submit-btn:hover{opacity:.9}
.faq-item{border-bottom:1px solid #e8e8e8}
.faq-item .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:var(--fontblod6);color:#0b2154;cursor:pointer}
.faq-item .faq-q em{font-size:18px;color:var(--color);transition:transform .3s}
.faq-item.act .faq-q em{transform:rotate(180deg)}
.faq-item .faq-a{display:none;padding:0 0 18px;color:#727a84;line-height:1.7}
.faq-item.act .faq-a{display:block}

.wmpage184-page2{padding:0 0 4%;background:#fff}
.wmpage184-page2-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:48px}
.wmpage184-page2-text{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--color);font-weight:600;margin-bottom:12px;position:relative;padding-left:24px}
.wmpage184-page2-text::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:2px;background:var(--color)}
.wmpage184-page2 .wmpage-title{font-size:36px;line-height:1.25;color:var(--color1);font-weight:700;margin:0}
.wmpage184-page2-btn a{display:inline-flex;align-items:center;gap:10px;background:var(--color);color:#fff;padding:14px 28px;border-radius:4px;font-weight:600;transition:.25s}
.wmpage184-page2-btn a:hover{background:var(--color1)}
.wmpage184-page2-newtext{display:inline-flex}
.wmpage184-page2-newtext span{opacity:.55;transition:.25s}
.wmpage184-page2-btn a:hover .wmpage184-page2-newtext span{opacity:1}
.wmpage184-page2-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.wmpage184-page2-item{position:relative;background:#f4f7fa;border:1px solid #eef1f4;border-radius:12px;padding:38px 28px 36px;overflow:hidden;transition:.3s}
.wmpage184-page2-item:hover{background:#fff;box-shadow:0 18px 40px rgba(7,32,64,.12);transform:translateY(-6px)}
.wmpage184-page2-icon{width:64px;height:64px;border-radius:14px;background:rgba(11,169,232,.12);display:flex;align-items:center;justify-content:center;color:var(--color);margin-bottom:22px;transition:.3s}
.wmpage184-page2-icon svg{width:32px;height:32px}
.wmpage184-page2-item:hover .wmpage184-page2-icon{background:var(--color);color:#fff}
.wmpage184-page2-title{font-size:20px;color:var(--color1);font-weight:600;margin-bottom:14px}
.wmpage184-page2-words{color:#666;line-height:1.7;font-size:15px;min-height:84px}
.wmpage184-page2-more{margin-top:18px}
.wmpage184-page2-more a{color:var(--color);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.wmpage184-page2-more a:hover{text-decoration:underline}
.wmpage184-page2-line{position:absolute;left:28px;bottom:0;width:46px;height:3px;background:var(--color);transition:.35s}
.wmpage184-page2-item:hover .wmpage184-page2-line{width:100%;left:0}
.wmpage184-page2-num{position:absolute;right:18px;top:6px;font-size:54px;font-weight:800;color:rgba(7,32,64,.06);line-height:1;transition:.3s}
.wmpage184-page2-item:hover .wmpage184-page2-num{color:rgba(11,169,232,.12)}
@media(max-width:1024px){.wmpage184-page2-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.wmpage184-page2{padding-bottom:40px;}}
@media(max-width:560px){.wmpage184-page2-list{grid-template-columns:1fr}.wmpage184-page2 .wmpage-title{font-size:26px}}

.wmpage187-page3{padding-top:10px}
.wmpage187-page3 .wmpage187-page3-bottom{padding:40px 0 10px}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide{position:relative;overflow:hidden;border-radius:8px;z-index:0}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide::before{position:absolute;content:'';width:0;height:100%;left:0;top:0;background:var(--color);border-radius:8px;transition:.5s;opacity:0;z-index:1}
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide:hover::before,.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active::before{width:100%;opacity:0.5}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img{position:relative;z-index:-1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-info{position:absolute;left:0;bottom:0;z-index:2;left:-120%;transition:.5s;opacity:0}
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-info,.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-info{left:0;opacity:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-content{margin:15px;padding:30px 20px;background:rgba(204,204,204,.05);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:10px;opacity:0;transition:.5s}
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-content,.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-content{opacity:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-title{color:#fff;font-weight:700;font-size:20px}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-desc{color:#fff;font-size:14px;padding:5px 0 10px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:10px;line-height:1.6}
.wmpage187-page3 .wmpage187-page3-slide ul li{position:relative;margin-top:5px;padding-left:15px;color:#fff;font-size:15px}
.wmpage187-page3 .wmpage187-page3-slide ul li::after{position:absolute;content:'';width:4px;height:4px;border-radius:50px;background:#fff;left:0;top:50%;transform:translateY(-50%)}
.wmpage187-page3 .wmpage187-page3-slide ul li span{font-weight:600;margin-right:4px}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:150px;height:35px;background:var(--color);padding:0 20px;color:#fff;font-weight:600;margin-top:15px;border-radius:5px;overflow:hidden;z-index:1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a::before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#1f1f25;transform:translateY(110%);transition:.3s;transition-delay:.1s;z-index:-1}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a:hover::before{transform:translateY(0)}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn em{font-size:13px;margin-left:10px;transform:rotate(-35deg);display:inline-flex}
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn em svg{width:14px;height:14px}
@media screen and (max-width:500px){.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img{height:510px}}