﻿.home-tip,.home-title{color:var(--color)}
.home-capacity{background:#f4f8fb;padding:4% 0}
.home-capacity .home-des{max-width:680px;margin:0 auto}
.home-capacity .capacity-box{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px}
.home-capacity .num-box{width:170px;height:170px;border-radius:50%;background:var(--color) !important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 24px rgba(0,80,144,.18)}
.home-capacity .num-box .num{color:#fff !important;font-size:40px;font-weight:800;line-height:1}
.home-capacity .num-box .tit{color:#fff !important;margin-top:8px;font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:.5px}
@media(max-width:768px){.home-capacity{padding:40px 0}
.home-capacity .num-box{width:140px;height:140px}
.home-capacity .num-box .num{font-size:32px}}

.home-application{padding:4% 0}
.home-application .home-des{max-width:680px;margin:0 auto}
.home-application .app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.home-application .app-card{position:relative;display:block;border-radius:14px;overflow:hidden;background:#eef3f7;box-shadow:0 6px 18px rgba(0,80,144,.08)}
.home-application .app-card img{width:100%;height:100%;object-fit:cover;transition:.4s}
.home-application .app-card:hover img{transform:scale(1.08)}
.home-application .app-no{position:absolute;top:14px;left:14px;z-index:2;font-weight:800;font-size:13px;color:#fff;background:rgba(0,80,144,.88);width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}
.home-application .app-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px 18px 16px;background:linear-gradient(to top,rgba(0,40,70,.9),rgba(0,40,70,0) 100%);transition:.3s}
.home-application .app-tit{display:block;color:#fff;font-weight:700;font-size:16px;line-height:1.3}
.home-application .app-sub{display:block;color:rgba(255,255,255,.82);font-size:13px;margin-top:4px;max-height:0;opacity:0;overflow:hidden;transition:.3s}
.home-application .app-card:hover .app-sub{max-height:34px;opacity:1}
@media(max-width:768px){.home-application{padding:40px 0}
.home-application .app-grid{grid-template-columns:repeat(2,1fr)}}

.contact-row{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,80,144,.92);border-radius:16px;overflow:hidden}
.contact-row .faq-col,.contact-row .inquiry-box{padding:30px 32px;background:transparent !important}
.contact-row .faq-col{border-right:1px solid rgba(255,255,255,.14)}
.contact-row .faq-col .home-title,.contact-row .faq-col .home-tip{text-align:left}
.contact-row .faq-list{margin-top:14px}
.contact-row .faq-item{border-bottom:1px solid rgba(255,255,255,.12)}
.contact-row .faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:11px 0;font-weight:700;font-size:14.5px;color:#fff;list-style:none}
.contact-row .faq-q::-webkit-details-marker{display:none}
.contact-row .faq-ic{font-style:normal;font-size:18px;line-height:1;transition:.2s;flex:none}
.contact-row .faq-item[open] .faq-ic{transform:rotate(45deg)}
.contact-row .faq-a{padding:0 0 12px;font-size:13.5px;color:rgba(255,255,255,.84);line-height:1.6}
.home-contact .home-tip span,.home-contact .home-title,.home-contact .txt{color:#fff !important}
#wmkcfeedback .yb-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:6px}
#wmkcfeedback input,#wmkcfeedback textarea{width:100%;height:44px;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:8px;margin-bottom:12px;color:#fff;font-size:14px;padding:0 14px;outline:0;font-family:inherit;box-sizing:border-box}
#wmkcfeedback textarea{grid-column:1/3;height:108px;padding:12px 14px;resize:vertical}
#wmkcfeedback input::placeholder,#wmkcfeedback textarea::placeholder{color:rgba(255,255,255,.7)}
#wmkcfeedback .yb-send{grid-column:1/3;justify-self:start;background:#fff;color:#005090;border:none;border-radius:8px;height:46px;padding:0 30px;font-weight:700;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;gap:8px;font-family:inherit;transition:.15s}
#wmkcfeedback .yb-send:hover{background:#00A0E0;color:#fff}
.home-contact .inquiry-box{width:100%;}
@media(max-width:900px){.contact-row{grid-template-columns:1fr}.contact-row .faq-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.14)}.contact-row .faq-col,.contact-row .inquiry-box{padding:26px 22px}}
@media(max-width:768px){.home-banner{height:auto}
#wmkcfeedback .yb-inquiry-form{grid-template-columns:1fr}
#wmkcfeedback textarea,#wmkcfeedback .yb-send{grid-column:1}}
.home-about .img .img-box{border-radius:0;}
.home-logo{background:transparent;padding-top:30px}
.home-logo .swiper-slide{height:auto}
.home-choose .img-box{aspect-ratio:auto;padding:15px}
.home-choose .img-box::before{border-radius:initial}
.home-choose .img-box img{border-radius:initial;max-width:100%}
.home-news .news-list li .img img {aspect-ratio:1/1;object-fit:cover}