﻿.banner-img .banner-text{position:absolute;top:50%;left:6%;transform:translateY(-50%);color:#fff;z-index:10;max-width:30%}
.banner-img .banner-text h2{font-size:2.25vw;font-weight:700;margin-bottom:2.5%;line-height:1.2;text-shadow:1px 1px 5px rgba(0,0,0,.5)}
.banner-img .banner-text p{font-size:1.2vw;font-weight:400;margin-bottom:2%;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
.banner-img .banner-text .sub{font-size:1vw;opacity:.9}
.banner-img .banner-btns{margin-top:3%;display:flex;gap:10px}
.banner-img .banner-btns .btn{display:inline-block;padding:1% 2%;font-size:1vw;font-weight:500;text-decoration:none;border-radius:4px;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:0}
.banner-img .banner-btns .btn::before{content:"";width:0;height:100%;position:absolute;top:0;left:0;background-color:var(--color);z-index:-1;transition:width .3s ease}
.banner-img .banner-btns .btn:hover{border-color:var(--color)}
.banner-img .banner-btns .btn:hover::before{width:100%}
.banner-img .banner-btns .btn-primary{background-color:#007bb5;color:#fff}
.banner-img .banner-btns .btn-secondary{background-color:transparent;border-color:#fff;color:#fff}
@media (max-width:768px){.banner-img .banner-text{left:5%;width:90%;text-align:center}
.banner-img .banner-text h2{font-size:20px;margin-bottom:10px}
.banner-img .banner-text p{font-size:14px;margin-bottom:10px;display:none}
.banner-img .banner-text p:first-of-type{display:block}
.banner-img .banner-btns{justify-content:center;flex-direction:column;gap:10px;margin-top:0}
.banner-img .banner-btns .btn{width:100%;box-sizing:border-box;padding:0 10px;font-size:14px}}
.banner-img  ul li {font-size: 1.1vw;position: relative;list-style: disc;margin-left: 20px;text-shadow: 1px 1px 3px rgba(0, 0, 0, .5);}


.wmkcinquirybtn{cursor:pointer}
.wmkcpopup-inquiry{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:none;align-items:center;justify-content:center}
.wmkcpopup-inquiry.is-active{display:flex}
.wmkcpopup-inquiry.is-active .wmkcinquiry-box{animation:wmkcinquiryanimation .3s forwards}
.wmkcinquiry-diaolg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.wmkcinquiry-box{z-index:2;background:#fff;width:100%;max-width:900px;margin:0 auto;padding:30px 30px;border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);max-height:100vh;overflow-y:auto;transform:translateY(20px);opacity:.5}
.wmkcinquiry-box .wmkcinquiry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.wmkcinquiry-box .wmkcinquiry-title{font-weight:700;font-size:var(--fontsize20);text-align:left}
.wmkcinquiry-box .wmkcinquiry-close{position:relative;cursor:pointer;width:30px;height:30px}
.wmkcinquiry-box .wmkcinquiry-close::before{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.wmkcinquiry-box .wmkcinquiry-close::after{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes wmkcinquiryanimation{0%{transform:translateY(20px);opacity:.5}
100%{transform:translateY(0);opacity:1}}

