@charset "UTF-8";:root{box-sizing:border-box;text-size-adjust:100%;--primary:#f1a301;--primary-light:#e39a00;--secondary:#9a6b07;--text-color:#333;--text-secondary:#666;--bg-color:#fff;--bg-gray:#f5f5f5;--border:1px solid #eee;--border-radius:4px;--shadow:0 4px 8px rgba(0,0,0,0.1);--transition:all 0.3s ease;}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0;}
body{font-family:-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;}
img,picture,video,canvas,svg{display:block;max-width:100%;}
input,button,textarea,select{font:inherit;}
a{text-decoration:none;color:inherit;}
ul,ol{list-style:none;}
.container{position:relative;padding-left:50px;padding-right:50px;min-width:1366px;}
@media (max-width:1365px) and (min-width:768px){.container{min-width:100%;}
}
@media (max-width:767px){.container{min-width:100%;padding-left:10px;padding-right:10px;}
}
.layout{position:relative;width:100%;}
.banner-mask,.swiper-container{height:100vh;min-height:900px;}
@media (max-width:1365px) and (orientation:landscape){.banner-mask,.swiper-container{min-height:960px;}
}
.banner-mask{position:relative;background-color:rgba(0,0,0,0.7);z-index:3;overflow:hidden;}
.swiper-button{position:absolute;top:50%;z-index:10;margin-top:-32px;width:64px;cursor:pointer;}
.swiper-button.prev{left:10px;}
.swiper-button.next{right:10px;}
.swiper-container{position:absolute;top:0;z-index:2;width:100%;}
.swiper-slide img{width:100%;height:auto;min-height:100%;object-fit:cover;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.top-info{display:flex;justify-content:space-between;font-size:14px;padding-top:25px;margin-bottom:65px;position:relative;}
.text-img2{display:flex;justify-content:center;align-items:center;padding-top:140px;}
.weather-info{color:#fff;height:100%;cursor:pointer;}
.weather-more{/* display:none;*/
 position:absolute;top:100%;left:10px;width:320px;padding:12px;border-radius:15px;display:flex;gap:20px;justify-content:center;align-items:center;background-color:rgba(241,244,247,0.9);box-shadow:0 2px 10px 0 rgba(0,0,0,0.2);z-index:9;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.wether-item{text-align:center;}
.wether-item>div{padding-top:2px;padding-bottom:2px;}
.weather-info:hover+.weather-more,.weather-more:hover{opacity:1;visibility:visible;}
.media-info{display:flex;gap:15px;}
.media-item{display:flex;justify-content:center;align-items:center;color:#fff;gap:8px;position:relative;cursor:pointer;}
.media-item:hover>.media-img{transform:scaleY(1);}
.media-item:hover>span{color:#ffad00;}
.media-img{position:absolute;top:calc(100% + 10px);left:0;width:128px;height:128px;transform:scaleY(0);transition:all 0.2s ease;transform-origin:top;z-index:99;}
.media-img>img{width:100%;border-radius:5px;}
#lang-text::before{content:"语言/Language";}
#lang-text-en::before{content:"Language";}
#lang-text-ko::before{content:"언어 전환";}
#lang-text-ja::before{content:"言語切替";}
@media (max-width:767px){#lang-text::before{content:"语言";}
}
.icon-lang{width:22px;height:22px;border-radius:50%;background-color:#296ebc;}
.media-item:hover>.lang-popup{transform:scaleY(1);}
.lang-popup{position:absolute;top:100%;left:0;width:128px;transform:scaleY(0);transition:all 0.2s ease;transform-origin:top;z-index:99;}
.lang-popup::before{content:'';display:block;height:10px;}
.lang-popup a{display:block;color:#333;padding-top:8px;padding-bottom:8px;}
.lang-popup a:hover{color:#f1a301}
.lang-popup .card{background-color:#fff;border-radius:5px;padding:8px;text-align:center;}
.lang-popup .card>*+*{border-top:1px solid #eee;}
.navbar .logo{flex-shrink:0;margin-right:20px;}
.breath-light{position:relative;display:flex;justify-content:center;align-items:center;padding-top:90px;padding-bottom:70px;width:min-content;margin:0 auto;}
.breath-light .round{position:relative;width:80px;height:80px;border-radius:50%;background-color:#f1a301;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:13;}
.breath-light:hover .circle-three{box-shadow:0 0 20px #f1a301,0 0 40px #ffffff;transition:var(--transition);}
.breath-light img{margin-left:6px;}
.breath-light .circle-two{position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(241,163,1,0.4);animation:breathe 3s ease-in-out infinite;z-index:12;}
.breath-light .circle-three{position:absolute;width:156px;height:156px;border-radius:50%;background:rgba(241,163,1,0.2);animation:breathe 3s ease-in-out infinite;transition:var(--transition);z-index:11;}
@keyframes breathe{0%,100%{transform:scale(1);opacity:0.7;}
50%{transform:scale(1.1);opacity:1;}
}
.welcome-text{display:flex;justify-content:center;color:#fff;font-size:18px;}
.navbar{display:flex;justify-content:space-between;align-items:center;}
.nav{display:flex;flex-wrap:wrap;justify-content:center;}
@media (max-width:767px){.nav{height:0;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.nav.active{height:100%;visibility:visible;opacity:1;}
}
.nav-item{position:relative;}
.nav-item>a{display:block;padding:5px 15px;text-align:center;}
.nav-item>.dropdown{opacity:0;visibility:hidden;transition:all 0.3s ease;}
.nav-item:hover>.dropdown{opacity:1;visibility:visible;}
.nav-item .text-main{color:#fff;font-size:16px;font-weight:500;}
.nav-item .text-sub{color:#9da1a3;font-size:12px;}
.dropdown{position:absolute;top:100%;margin-top:15px;left:50%;transform:translateX(-50%);min-width:8em;display:flex;flex-direction:column;background-color:rgba(0,0,0,0.6);padding:15px 12px;text-align:center;border-radius:8px;z-index:9;}
.dropdown a{color:#fff;display:block;padding-top:8px;padding-bottom:8px;}
.dropdown a:hover{color:#f1a301}
.dropdown::before{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #f1a301;}
.mobile-menu-btn{display:none;width:30px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer;}
.mobile-menu-btn span{display:block;width:100%;height:3px;background-color:#eee;transition:all 0.3s;}
@media (max-width:767px){.mobile-menu-btn{display:flex;margin-left:15px;}
.mobile-menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.mobile-menu-btn.active span:nth-child(2){opacity:0;}
.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
}
.area-info-bg{background-color:#c68600;padding-top:77px;padding-bottom:77px;}
.area-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:42px;min-height:300px;}
.area-info .flag{display:flex;flex-direction:column;border:4px solid var(--primary-light);flex:0 0 450px;}
.area-info .flag .logo{background-color:var(--primary-light);padding-top:40px;padding-bottom:40px;width:100%;flex:1;display:flex;justify-content:center;align-items:center;}
.area-info .flag .logo>img{width:220px;}
.area-info .flag .text{height:150px;width:100%;display:flex;justify-content:center;align-items:center;}
.area-info .flag .text>img{width:358px;}
.area-info .contact-info{border:10px solid var(--primary-light);flex:0 0 450px;color:#fff;font-weight:500;line-height:30px;padding:20px;position:relative;}
.contact-info .title{font-size:18px;}
.contact-info .phone{padding-top:18px;padding-bottom:38px;}
.contact-info .phone>img{width:270px;}
.contact-info .addr{position:absolute;right:20px;bottom:40px;}
.contact-info .addr>a{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2;}
.map-info{background-repeat:no-repeat;background-position:right center;background-size:cover;flex:1;min-width:280px;min-height:300px;position:relative;}
.map-info a{display:block;height:100%;}
.map-info .text-title{position:absolute;right:10px;bottom:10px;}
.copyright-bg{background-color:var(--secondary);}
.copyright{font-size:14px;color:#fff;display:flex;justify-content:space-between;align-items:center;height:60px;}
.copyright .media-info{height:100%;}
.copyright .media-img,.copyright .lang-popup{top:auto;bottom:100%;transform-origin:bottom;}
@media (max-width:1365px){.copyright .media-info{display:none;}
}
#videoOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000;justify-content:center;align-items:center;}
#videoContainer{position:relative;width:calc(100% - 100px);height:calc(100% - 100px);/* max-width:1200px;*/
 /* max-height:675px;*/
 display:flex;justify-content:center;align-items:center;background-color:#000;}
#videoPlayer{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
#closeVideoBtn{position:absolute;top:-40px;right:-40px;width:32px;height:32px;background-color:#fff;border-radius:50%;border:none;font-size:20px;font-family:cursive;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1001;}
#closeVideoBtn:hover{background-color:#f1f1f1;}
@media (max-width:1365px) and (min-width:768px){.weather-info{margin-bottom:20px;flex:1 1 100%;text-align:center;}
.navbar,.top-info{flex-wrap:wrap;justify-content:center;}
.navbar .logo{flex:1 1 100%;margin-bottom:20px;display:flex;justify-content:center;}
.area-info{height:auto;}
.area-info .flag,.area-info .contact-info{flex:1 1 450px}
.map-info{flex:1 1 100%}
}
@media (max-width:767px){.xs-hidden{display:none !important;}
.lang-popup{width:100px;}
.top-info{position:absolute;right:20px;top:-25px;}
.navbar{display:grid;align-items:flex-start;margin:20px 10px 0;}
.navbar .logo{width:100%;margin-bottom:15px;}
.navbar .logo img{width:150px;}
.navbar .nav{width:100%;}
.text-img2{padding-left:20px;padding-right:20px;padding-top:100px;}
.swiper-button{display:none;}
.area-info{height:auto;gap:20px;}
.area-info .flag,.area-info .contact-info{width:100%;flex:1 1 100%;}
.map-info{height:300px;width:100%;}
.area-info-bg{padding-top:20px;padding-bottom:20px;}
#videoContainer{width:calc(100% - 40px);height:calc(100% - 40px);}
#closeVideoBtn{top:40px;right:10px;}
}
@media (max-width:1365px){.sm-event-none{pointer-events:none;}
}