﻿.home-banner video{width:100%;min-height:auto}
@media (max-width: 768px){.home-banner{height:auto}}

.home-banner .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1700px;padding:0px 70px;text-align:center}
.home-banner .banner-text .title{font-size:3vw;font-weight:var(--fontbold7);margin-bottom:20px;}
.home-banner .banner-text .text{font-size:1.8vw;font-weight:var(--fontbold7);color:#333;}
.home-banner .home-more{width:auto;height:auto;font-size:2vw;padding:1% 2%;margin-top:3%;background: var(--color);border-radius: 20px;color:#fff;}
@media(max-width:1366px){.home-banner .banner-text .title{margin-bottom:10px}}
@media(max-width:1024px){.home-banner .banner-text{padding:0px 20px}}
@media(max-width:768px){.home-banner .banner-text .title{font-size:var(--fontsize18)}
.home-banner .banner-text .text{font-size:var(--fontsize12)}
.home-banner .home-more{font-size:12px;}}
@media(max-width:450px){.home-banner .banner-text{top:44%}}

.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}}
@media (max-width:768px){.wmkcinquiry-box{max-width:90%;padding:20px;}}