@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold Italic';
    src: url('../fonts/Montserrat-BoldItalic.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf') format('truetype');
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,69,255,0);
    border-radius: 0px 0px 0px 0px;
}
.header .header-container {
    padding:0 calc(32 / 750 * 100vw);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(120 / 750 * 100vw);
}

.header .logo{width:calc(133 / 750 * 100vw); }
.header .logo img{width:100%; }
.header .caid{ width: calc(80 / 750 * 100vw);}
.header .caid img{width:100%; }
.header .lang{
    width: calc(120 / 750 * 100vw);
    height: calc(56 / 750 * 100vw);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #FFFFFF;
}
.popup { display: none; position: fixed;  background-color: rgba(0, 0, 0, 0.3); border-radius:0 0 10px 10px; width: 100%; border: 2px solid rgba(243, 243, 243, 1);
    margin: -2px 0 0 0px; z-index:9999; height: 100%; }
.guanbi{
    background-color: #fff;
    width: 100%;
    padding-bottom: calc(60 / 750 * 100vw);
    background-color: #fff; display: block;  overflow: hidden; border-radius:0 0 10px 10px;
    margin-top: calc(122 / 750 * 100vw);
}
.guanbi ul{
    margin:calc(52 / 750 * 100vw) calc(58 / 750 * 100vw);
}
.guanbi li{
    font-family:'Montserrat-Medium';
    font-size:calc(32 / 750 * 100vw);
    line-height: calc(28 / 750 * 100vw);
    border-bottom: 1px solid #CFD4D1;
    padding:calc(38 / 750 * 100vw) 0;
    color: #333333;
}
.guanbi .an{
    width: 80%;
    margin: auto;
    border: solid 1px #CFD4D1;
    font-size: calc(32 / 750 * 100vw);
    font-family:'Montserrat-Medium' ;
    text-align: center;
    padding: calc(30 / 750 * 100vw) 0;
}


/* 下拉菜单容器 — 完全模拟图片中 EN • CN • KO 的风格 */
.site-header .lang-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

/* 选中的语言框 (像图片中那样紧凑) */
.header .lang .lang-selector {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: calc(2 / 750 * 100vw);
    width: calc(120 / 750 * 100vw);
    height: calc(56 / 750 * 100vw);
    border-radius: calc(6 / 750 * 100vw);

    padding: 0 calc(8 / 750 * 100vw);

}

.header .lang .lang-selector .current-icon{
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
}

.header .lang .lang-selector:hover {
    border-color: #FFFFFF;
}

/* 当前语言文字 (比如 “EN”) 加一点间距 */
.header .lang .current-lang {
    min-width: calc(20 / 750 * 100vw);
    font-weight: bold;
    font-family: 'Montserrat-Regular';
    font-size: calc(14 / 750 * 100vw);
    color: #FFFFFF;
    line-height: calc(24 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* 箭头符号 — 小三角，像图片里那样精细 */
.header .lang .arrow-icon {
    width: calc(24 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url("/www/wap/images/icon_down_white.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}


/* 下拉菜单打开时箭头旋转 (可选) */
.header .lang .lang-dropdown.active .arrow-icon {
    transform: rotate(180deg);
}

/* 下拉浮层 — 极简白, 圆角, 只有三个语言选项 */
.header .lang .dropdown-menu {
    position: absolute;
    top: calc(90 / 750 * 100vw);
    right: calc(32 / 750 * 100vw);

    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all 0.2s cubic-bezier(0.2, 0.9, 0.3, 1.1);
    z-index: 10;
    width: calc(120 / 750 * 100vw);
    background: rgba(17,17,34,0.7);
    border-radius: calc(8 / 750 * 100vw);
    border: 1px solid #FFFFFF;
}



.header .lang .lang-dropdown.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 每个语言选项 */
.header .lang .dropdown-menu li {
    padding: calc(15 / 750 * 100vw) calc(26 / 750 * 100vw);
    font-size: calc(14 / 750 * 100vw);
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.1s;

}

.header .lang .dropdown-menu li img{
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
}

.header .lang .dropdown-menu li:hover {
    background: #f0f4fe;
    color:#111122;
}

/* 分割装饰线*/
.header .lang .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #eef2f8;
}


.video-box {
    width: 100%;
    position: relative;
}
.video-box .video{

    object-position: center;
    object-fit: cover;
    width: 100%;;
    height: calc(1200 / 750 * 100vw);
}

.video-box .video-text {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8888;
    background: rgba(0,0,0,0.7);
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    
}
.video-box .video-text div {
    margin:calc(300 / 750 * 100vw) auto;
    width: calc(611 / 750 * 100vw);
    height: calc(690 / 750 * 100vw);
    background-image: url("/www/wap/images/home-video-text.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.data {padding:0 calc(32 / 750 * 100vw); height: calc(140 / 750 * 100vw);background: #00A6FF;border-radius:0;}
.data .data-flex {
    height: calc(140 / 750 * 100vw);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;overflow: scroll;
}
.data .data-item{ text-align:center;}
.data .f56{font-family: 'Montserrat-Bold'; font-size: calc(56 / 750 * 100vw); color: #fff; font-style: normal; }
.data .f40{font-family: 'Montserrat-Bold'; font-size: calc(40 / 750 * 100vw); color: #fff; font-style: normal; }
.data .f16{font-family: 'Montserrat-Regular'; font-size: calc(16 / 750 * 100vw); color: #fff;}
.data .mr16 {
    margin-right: calc(16 / 750 * 100vw);
}
.data .mr40 {
    margin-right: calc(40 / 750 * 100vw);
}


.guests {
    padding:calc(80 / 750 * 100vw) calc(32 / 750 * 100vw) 0 calc(32 / 750 * 100vw);
}
.guests .guests-title {
    font-family: 'BebasNeue-Regular';font-weight: 400;font-size: calc(56 / 750 * 100vw);color: #111122;line-height: calc(64 / 750 * 100vw);text-align: center;font-style: normal;text-transform: none;
    margin-top: calc(64 / 750 * 100vw);
}
.guests .guests-title span {
    color: #13BBFF;
}
.guests .guests-des{
    margin: calc(16 / 750 * 100vw) auto 0;font-family: 'Montserrat-Regular';font-weight: 400;font-size: calc(24 / 750 * 100vw);color: #818181;line-height: calc(29 / 750 * 100vw);text-align: center;font-style: normal;text-transform: none;
}
.guests .guests-content {
    padding:0;
    margin-top: calc(56 / 750 * 100vw);
}
.guests .guests-content .guests-flex {
    display: flex;justify-content: space-between;gap:calc(12 / 750 * 100vw);align-items: center;
}
.guests .guests-content .guests-flex:not(:first-child) {
    margin-top: calc(32 / 750 * 100vw);
}
.guests .guests-content .guests-flex .guests-item {
    width: calc(320 / 750 * 100vw);border-radius: calc(8 / 750 * 100vw);border: calc(2 / 750 * 100vw) solid #00A6FF;
}
.guests .guests-content .guests-flex .guests-item .guests-item-top {
    height: calc(388 / 750 * 100vw);
}
.guests .guests-content .guests-flex .guests-item .guests-item-top img{
    height: 100%;
    width: 100%;
    border-radius: calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 0 0;
}
.guests .guests-content .guests-flex .guests-item .guests-item-card {
    background: #00A6FF;
    padding: calc(16 / 750 * 100vw) calc(8 / 750 * 100vw);
    color: #FFFFFF;

}
.guests .guests-content .guests-flex .guests-item .guests-item-card .name {
    font-family: 'Montserrat-Bold';font-weight: bold;font-size: calc(28 / 750 * 100vw);line-height: calc(28 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;
}
.guests .guests-content .guests-flex .guests-item .guests-item-card .job {
    font-family: 'Montserrat-Regular';font-weight:bold;font-size: calc(18 / 750 * 100vw);line-height: calc(18 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;margin-top: calc(18 / 750 * 100vw);
}
.guests .guests-content .guests-flex .guests-item .guests-item-card .intro {
    font-family: 'Montserrat-Regular';font-size: calc(18 / 750 * 100vw);line-height: calc(18 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;margin-top: calc(18 / 750 * 100vw);
}

.zones {
    padding:0 calc(32 / 750 * 100vw);
    margin-top: calc(72 / 750 * 100vw);
}
.zones .top .zones-top-title{
    font-family: 'BebasNeue-Regular';font-weight: 400;font-size: calc(56 / 750 * 100vw);color: #111122;line-height: calc(64 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;
    width:calc(360 / 750 * 100vw);
}
.zones .top .zones-top-title span{
    color:#13BBFF;
}
.zones .top .zones-top-des{
    font-family: "Montserrat-Regular";font-weight: 400;font-size: calc(24 / 750 * 100vw);color: #818181;line-height: calc(38 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;margin-top: calc(24 / 750 * 100vw);
}
.zones .middle {
    margin-top: calc(40 / 750 * 100vw);
}
.zones .middle .images-flex {
    display: flex;justify-content: space-between;gap:calc(28 / 750 * 100vw);
}
.zones .middle .images-flex .left {
    width: calc(328 / 750 * 100vw);
    position: relative;
}
.zones .middle .images-flex .left img {
    height: 100%;
}
.zones .middle .images-flex .left .label1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(148 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
    background: #00A6FF;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: calc(18 / 750 * 100vw);
    color: #FFFFFF;
    line-height: calc(36 / 750 * 100vw);
    font-style: normal;
    text-transform: none;
    border-radius: 0 calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw);
    text-align: center;
}

.zones .middle .images-flex .right {
    width:calc(362 / 750 * 100vw);
}
.zones .middle .images-flex .right .right-box{
    position: relative;
}
.zones .middle .images-flex .right img{
    width: 100%;
}
.zones .middle .images-flex .right .right-box:not(:first-child) {
    margin-top: calc(26 / 750 * 100vw);
}

.zones .middle .images-flex .right .right-box .label2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(220 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
    background: #00A6FF;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: calc(18 / 750 * 100vw);
    color: #FFFFFF;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
    border-radius: 0 calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw);
}
.zones .middle .images-flex .right .right-box .label3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(245 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
    background: #00A6FF;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    font-size: calc(18 / 750 * 100vw);
    color: #FFFFFF;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
    border-radius: 0 calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw);
}

.zones .zones-bottom {
    margin-top: calc(64 / 750 * 100vw);
}
.zones .zones-bottom .bottom-item{
    margin-top: calc(48 / 750 * 100vw);
}
.zones .zones-bottom .bottom-flex .zones-bottom-number {
    font-family: 'Montserrat-Regular';font-weight: bold;font-size: calc(32 / 750 * 100vw);color: #00A6FF;line-height: calc(32 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;
}
.zones .zones-bottom .bottom-flex .zones-bottom-title{
    font-family: 'Montserrat-Regular';font-weight: bold;font-size: calc(32 / 750 * 100vw);color: #00A6FF;line-height: calc(32 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;margin-top: calc(16 / 750 * 100vw);
}
.zones .zones-bottom .bottom-flex .zones-bottom-des {
    font-family: 'Montserrat-Regular';font-weight: 400;font-size: calc(24 / 750 * 100vw);color: #818181;line-height: calc(38 / 750 * 100vw);text-align: left;font-style: normal;text-transform: none;margin-top: calc(16 / 750 * 100vw);
}

.partner {
    margin-top: calc(72 / 750 * 100vw);
}
.partner .partner-title {
    height: calc(64 / 750 * 100vw);line-height:calc(64 / 750 * 100vw);background: #14FF6D;border-radius: 0;
    font-family: 'Montserrat-Regular', serif;font-weight: bold;font-size: calc(25 / 750 * 100vw);color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;-webkit-text-stroke: 1px #FFFFFF;
}
.partner .partner-title span {
    display: inline-block;width: calc(8 / 750 * 100vw);height: calc(8 / 750 * 100vw);background: #FFFFFF;
    margin: 0 calc(20 / 750 * 100vw);border-radius: 50%;
}
.partner .partner-carousel {
    background: #00A6FF;border-radius: 0;
}
/* 跑马灯容器 */
.marquee-wrapper {
    margin: 0;
    overflow: hidden;
}

/* 通用跑马灯样式 */
.marquee {
    overflow: hidden;
    position: relative;
    padding: calc(20 / 750 * 100vw) 0;
}

/* 渐变遮罩 */
.marquee::before,
.marquee::after {
    content: "";
    position: absolute;
    top: 0;
    width: calc(150 / 750 * 100vw);
    height: 100%;
    z-index: 2;
    pointer-events: none;
}



/* 滚动轨道 */
.marquee-track {
    display: inline-block;
    white-space: nowrap;
    font-size:calc(24 / 750 * 100vw);
    font-weight: bold;
}

/* 向左滚动动画 */
.marquee-left .marquee-track {
    animation: scrollLeft 20s linear infinite;
}

/* 向右滚动动画 */
.marquee-right .marquee-track {
    animation: scrollRight 20s linear infinite;
}

/* 不同速度变体 */
.speed-fast .marquee-track {
    animation-duration: 25s;
}

.speed-slow .marquee-track {
    animation-duration: 45s;
}

/* 向左滚动关键帧 */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* 向右滚动关键帧 */
@keyframes scrollRight {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

/* 跑马灯项目样式 */
.marquee-item {
    display: inline-block;
    padding: 0px calc(20 / 750 * 100vw) 0 0;
    position: relative;
}
.marquee-item img {
    width: calc(150 / 750 * 100vw);
    border-radius: 0;
}

.part {
    padding:calc(32 / 750 * 100vw);
    margin-top: calc(85 / 750 * 100vw);
    margin-bottom: calc(56 / 750 * 100vw);
}
.part .part-title {
    height: calc(56 / 750 * 100vw);font-family: 'BebasNeue-Regular';font-weight: 400;font-size: calc(56 / 750 * 100vw);color: #111122;line-height: calc(56 / 750 * 100vw);text-align: center;font-style: normal;text-transform: none;
}
.part .part-title span{
    color:#00A6FF;
}
.part .part-des {
    font-family: 'Montserrat-Regular';font-weight: 400;font-size: calc(24 / 750 * 100vw);color: #818181;line-height: calc(38 / 750 * 100vw);text-align: center;font-style: normal;text-transform: none;margin: calc(16 / 750 * 100vw) auto 0;
}
.part .part-flex {
    margin-top: calc(32 / 750 * 100vw);
}

.part .part-flex .part-item .item-img {
    margin-top: calc(40 / 750 * 100vw);
}
.part .part-flex .part-item .item-img img{
    border-radius: calc(16 / 750 * 100vw) calc(16 / 750 * 100vw) 0 0;
    width:100%;
}
.part .part-flex .part-item .item-title{
    height: calc(84 / 750 * 100vw);background: #00A6FF;font-family: 'Montserrat-Regular';font-weight: bold;font-size:calc(32 / 750 * 100vw);color: #FFFFFF;font-style: normal;text-transform: none;border-radius: 0 0 calc(16 / 750 * 100vw) calc(16 / 750 * 100vw);margin: 0 auto;line-height: calc(84 / 750 * 100vw);text-align: center;
}

.bottomm{ background-color: #001429;  overflow: hidden; padding:calc(100 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);}
.bottomm .fir{margin: auto; overflow: hidden; margin-bottom: calc(50 / 750 * 100vw);}
.bottomm .logo{width:100%; margin-bottom:calc(60 / 750 * 100vw);}
.bottomm .logo img{width:calc(240 / 750 * 100vw); }
.bottomm .fir .lanmu{ width: 100%;}
.bottomm .fir .lanmu ul{ float: left; width:50%; margin-bottom: calc(40 / 750 * 100vw);}
.bottomm .fir .lanmu li{ line-height:calc(44 / 750 * 100vw);}
.bottomm .fir .lanmu li a{color: #B0B5C9;}
.bottomm .fir .lanmu .f18{ font-size: calc(30 / 750 * 100vw); font-family: 'Montserrat-Bold'; color: #fff;}
.bottomm .fir .lanmu .f14{ font-size: calc(24 / 750 * 100vw); font-family: 'Montserrat-Regular'; color: #B0B5C9;}
.bottomm .banqu{border-top: solid 1px #384048; margin: auto; overflow: hidden; padding-top: calc(32 / 750 * 100vw); }
.bottomm .banqu .left{ font-size: calc(24 / 750 * 100vw); font-family: 'Montserrat-Regular'; color: #fff; float: left;}
.bottomm .banqu .right{font-size: calc(24 / 750 * 100vw); font-family: 'Montserrat-SemiBold'; color: #fff; float: right;}
.bottomm .banqu .right a{color: #fff; }


.scrolled {
    background: #FFFFFF;
    opacity: 1;
}
.scrolled .nav-menu a {
    color:#111122;
}
.scrolled .current-lang{
    color:#111122;
}
.scrolled .arrow-icon {
    background-image: url("/www/web/images/icon_down_black.png");
}
.scrolled .dropdown-menu{
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #D9D9D9;
}
.scrolled .dropdown-menu li {
    color:#111122;
}