.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.cl-clear {
    clear: both;
}

.banner-global-new {
    width: 100%;
    height: 640px;
    background-image: url(/images/2026s/global-new/img-banner.jpg);
    background-size: cover;
    background-position: center;
}

.main-banner-global-new {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.main-banner-global-new h2 {
    display: inline-block;
    text-align: center;
    width: auto;
    height: 40px;
    color: #fff;
    font-size: 18px;
    margin: 70px auto 0 auto;
    padding: 10px 40px;
    border-radius: 23px;
    border: 1px solid #333;
    font-weight: normal;
}

.h1-banner-global-new {
    width: 100%;
    height: auto;
    margin-top: 38px;
}

.main-banner-global-new h1 {
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 40px;
    margin: 0 auto;
    font-weight: 900;
    line-height: 60px;
}

.main-banner-global-new h1 span.red-banner-global {
    color: #e72223;
}

.main-banner-global-new p {
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 50px auto 0 auto;
    line-height: 30px;
}

/* --- 数据条居中专用样式 --- */
.data-banner-global-new {
    display: flex;
    /* 开启弹性布局 */
    justify-content: center;
    /* 水平居中 */
    align-items: flex-start;
    /* 顶部对齐 */
    flex-wrap: wrap;
    /* 如果屏幕太小，允许换行 */
    width: 100%;
    /* 占满宽度 */
    margin: 100px auto 0 auto;
    /* 盒子本身居中 */
    float: none !important;
    /* 清除可能的浮动干扰 */
}

/* 确保里面的子元素不再向左浮动，而是听从 Flex 指挥 */
.data-banner-global-new .fl-left {
    float: none !important;
}

.cont-banner-global-new {
    width: auto;
    height: 100%;
    text-align: center;
}

.cont-banner-global-new p {
    display: inline-block;
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin: 10px auto 0 auto;
    font-weight: normal;
    line-height: 22px;
}

.spa-banner-global-new {
    width: 190px;
    height: 120px;
    float: left;
    display: inline-block;
}

p.inner-data-banner-global-new {
    font-size: 70px;
    font-weight: 300;
}

p.inner-data-banner-global-new span {
    font-size: 30px;
    font-weight: normal;
}

.english-ability-global-new {
    width: 100%;
    height: auto;
}

.inner-english-ability-global-new {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.inner-english-ability-global-new h2 {
    width: 100%;
    height: auto;
    padding: 0;
    color: #333;
    text-align: center;
    font-size: 40px;
    margin: 60px auto 0 auto;
    font-weight: 900;
}

.discribe-english-ability-global-new {
    font-size: 20px;
    margin: 20px auto 0 auto;
    text-align: center;
}

.cont-english-ability-global-new {
    width: 1200px;
    height: 360px;
    margin: 60px auto 0 auto;
}

.cont-english-ability-global-new li.inner-cont-english-ability-global-new {
    width: 585px;
    height: 340px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    transition: box-shadow 0.3s ease;
}

.cont-english-ability-global-new li.inner-cont-english-ability-global-new:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.spa-english {
    width: 30px;
    height: 500px;
}

.tltle-english-ability-global-new {
    width: 505px;
    height: 140px;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: #eee 2px solid;
}

.tltle-english-ability-global-new h3 {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #333;
    line-height: 50px;
}

.tltle-english-ability-global-new p {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #999;
    line-height: 35px;
}

.icon-commu-english {
    display: block;
    width: 38px;
    height: 38px;
    background: url(/images/2026s/global-new/img-commu.svg) no-repeat center center;
    margin: 5px 20px 0 0;
}

.icon-culture-english {
    display: block;
    width: 38px;
    height: 38px;
    background: url(/images/2026s/global-new/img-culture.svg) no-repeat center center;
    margin: 5px 20px 0 0;
}

.adv-english-ability {
    width: 505px;
    height: auto;
    margin: 0 auto;
    padding: 26px 0;
}

li.inner-adv {
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

li.inner-adv p {
    margin: 0;
    padding: 0;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    color: #333;
}

span.head-adv-english {
    text-align: left;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.line-adv-english {
    display: block;
    width: 180px;
    height: 1px;
    border-bottom: 1px dashed #eee;
    margin: 15px 10px 0 0;
}



span.icon-correct-english {
    display: block;
    width: 16px;
    height: 12px;
    background: url(/images/2026s/global-new/img-correct.svg) no-repeat center center;
    margin: 2px 0 0 0;
}



/* --- 修复虚线自适应问题 (Flex布局) --- */

/* 1. 强制父容器变成弹性盒子，垂直居中 */
.inner-adv p {
    display: flex !important;
    align-items: center !important;
    width: 100%;
}

/* 2. 核心：让虚线自动占据剩余空间 */
.line-adv-english {
    display: block;
    width: auto !important;
    /* 覆盖原本的 180px */
    flex: 1 !important;
    /* 关键：自动拉伸填满空白 */
    height: 1px;
    border-bottom: 1px dashed #ccc;
    margin: 0 10px !important;
    /* 左右留点空隙 */
    float: none !important;
    /* 必须清除原来的浮动 */
}

/* 3. 限制文字区域，防止被压缩 */
.text-group {
    display: inline-block;
    /* 或者 flex */
    white-space: nowrap;
    /* 防止文字换行导致布局崩坏，可选 */
}

/* 4. 清除其他元素的浮动干扰 */
.head-adv-english,
.icon-correct-english {
    float: none !important;
}

/* .dashboard-english-ability {
    width: 540px;
    height: auto;
    padding-top: 40px;
    margin: 0 auto;
}
li.inner-0-dashboard-ability {
    width: 170px;
    height: 170px;
    border: 0;
    background-image: url(/images/2026s/global-new/img-00-perc.svg);
}
li.inner-0-dashboard-ability h4 {
    width: 100%;
    height: auto;
    color: #e62122;
    text-align: center;
    font-size: 50px;
    margin: 30px auto 0 auto;
    font-weight: 400;
}
li.inner-0-dashboard-ability h4 span {
    font-size: 30px;
    font-weight: normal;
    color: #999;
    margin-left: 3px;
}
li.inner-0-dashboard-ability p {
    width: 100%;
    height: auto;
    color: #333;
    text-align: center;
    font-size: 18px;
    margin: 10px auto 0 auto;
    font-weight: normal;
}
li.inner-0-dashboard-ability p span {
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

li.inner-1-dashboard-ability {
    width: 170px;
    height: 170px;
    border: 0;
    background-image: url(/images/2026s/global-new/img-00-perc.svg);
}
li.inner-2-dashboard-ability {
    width: 170px;
    height: 170px;
    border: 0;
    background-image: url(/images/2026s/global-new/img-00-perc.svg);
} */
li.margin-dash {
    margin: 0 15px;
}

/* h4.title-adv-english {
    margin: 40px auto 24px auto;
    font-size: 24px;
    font-weight: 900;
} */
/* .data-adv-english {
    width: 505px;
    height: auto;
    margin: 0 auto;
}
.data-adv-english li {
    width: 80px;
    height: 115px;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
}
.data-adv-english li h5 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 50px;
    margin: 10px auto 0 auto;
    font-weight: 400;
    color: #e72223;
}
.data-adv-english li h5 span {
    font-size: 24px;
    font-weight: normal;
    color: #999;
    margin-left: 3px;
}
.spa-line-adv-english {
    width: 1px;
    height: 115px;
    background-color: #eee;
    margin: 0 30px;
} */
.contact-global-new {
    width: 100%;
    height: auto;
    margin: 60px auto 0 auto;
    background-color: #f5f5f5;
}

.inner-contact-global-new {
    width: 1200px;
    height: 430px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
}

.inner-contact-global-new h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    padding: 0;
    margin: 0;
}

.inner-contact-global-new p {
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    margin-top: 20px;
    line-height: 32px;
}

.inner-contact-global-new a {
    display: inline-block;
    width: 240px;
    height: 60px;
    border: 1px solid #ddd;
    margin: 40px 10px 0 10px;
    font-size: 20px;
    color: #333;
    background-color: #f5f5f5;
    transition: background-color 0.3s ease;
    cursor: pointer !important;
    line-height: 60px;
    text-decoration: none;
}

.inner-contact-global-new a:hover {
    background-color: #d61f20;
    color: #fff;
    border: 0;
    cursor: pointer !important;
    text-decoration: none;
}


/* 1. 悬浮按钮的样式 */
#lang-toggle-btn {
    position: fixed;
    /* 固定定位，不随页面滚动消失 */
    bottom: 100px;
    /* 距离底部 100px */
    right: 20px;
    /* 距离右边 20px */
    z-index: 99999;
    /* 保证层级最高，不被遮挡 */
    width: 60px;
    height: 60px;
    background-color: #d61f20;
    /* 按钮颜色：蓝色 */
    color: #fff;
    /* 文字颜色：白色 */
    border: none;
    border-radius: 50%;
    /* 圆形 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    /* 阴影 */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

#lang-toggle-btn:hover {
    background-color: #d61f20;
    /* 鼠标悬停变深色 */
    transform: scale(1.1);
    /* 鼠标悬停稍微放大 */
}

/* 2. 核心：定义 'en-mode' 下的逻辑（先写好放在这） */
/* 默认：英文隐藏 */
.lang-en {
    display: none;
}

/* 英文模式开启时：中文隐藏，英文显示 */
body.en-mode .lang-cn {
    display: none !important;
}

body.en-mode .lang-en {
    display: inline;
}

/* 针对标题等块级元素，用 block 显示 */
body.en-mode h1.lang-en,
body.en-mode h2.lang-en,
body.en-mode h3.lang-en,
body.en-mode p.lang-en,
body.en-mode div.lang-en {
    display: block;
}

/* --- 修复 Banner 数据栏折行消失的问题 --- */
/* 1. 针对外层容器：强制单行显示 */

.data-banner-global-new {
    display: flex !important;
    flex-wrap: nowrap !important;
    /* 核心：禁止换行！ */
    justify-content: space-between !important;
    /* 两端对齐，中间留空 */
    width: 100% !important;

}
/* 2. 针对4个数据块：允许收缩 */
.cont-banner-global-new {
    /* flex: 0 1 auto; 代表：不放大，但允许缩小，长度自动 */
    flex: 0 1 auto !important;
    white-space: nowrap !important;
    /* 块里的文字也不许换行 */
    width: auto !important;
    /* 覆盖原本可能有的固定宽度 */
}
/* 3. 针对分割线/间隔块：允许被压缩 */
.spa-banner-global-new {
    /* 如果空间不够，优先压缩分割线 */
    flex-shrink: 10 !important;
    min-width: 1px !important;
    /* 最小保留1px宽 */
}
/* --- 修复 Banner 数据栏折行消失 (修正版：不缩小字号) --- */

/* 1. 父容器：强制单行，两端对齐 */
.data-banner-global-new {
    display: flex !important;
    flex-wrap: nowrap !important;       /* 核心：禁止换行 */
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;         /* 防止横向滚动条 */
    box-sizing: border-box !important;
}

/* 2. 数据块：只许压缩宽度，不许换行 */
.cont-banner-global-new {
    display: block !important;
    flex: 0 1 auto !important;          /* 允许被挤压 */
    white-space: nowrap !important;     /* 文字不许折行 */
    width: auto !important;
}

/* 3. 分割线/空隙：优先牺牲品 */
.spa-banner-global-new {
    display: block !important;
    flex-shrink: 999 !important;        /* 空间不够时，疯狂压缩空白处 */
    min-width: 0 !important;            /* 允许压缩到没了 */
}

/* --- 注意：我把之前那个 @media (max-width: 1300px) 删掉了 --- */
/* 这样数字就会保持原本的大字号，直到屏幕真的塞不下为止 */