/* 顶部导航 - 白色轻盈风格（参考站） */

.Top002070 {
    width: 100%;
    z-index: 100;
    position: fixed; left: 0; top: 0;
    height: 80px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    transition: background .3s, box-shadow .3s;
}
.Top002070 .header-left { position: absolute; top: 4px; left: 5%; }
.Top002070 .header-left img { height: 72px; }
.Top002070 .header-left img.img1 { display: block; }
.Top002070 .header-left img.img2 { display: none; }
.Top002070 .header-right {
    position: absolute; top: 0; right: 5%;
    margin-top: 0; z-index: 50;
    display: flex; align-items: center; gap: 18px;
    height: 80px;
}
.Top002070 .header-right dd > a { display: inline-flex; align-items: center; height: 38px; line-height: 1; }

/* 滚动后加深阴影 */
.Top002070.show {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* CTA 蓝色按钮 */
.Top002070 .nav-cta {
    display: inline-flex; align-items: center;
    height: 38px;
    padding: 0 22px;
    background: var(--primary);
    color: #fff !important;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    transition: background .25s, transform .25s;
}
.Top002070 .nav-cta:hover {
    background: var(--primary-dark, #1d4ed8);
    color: #fff !important;
    transform: translateY(-1px);
}

/* 语言切换 */
.Top002070 .nav-lang {
    display: inline-flex; align-items: center;
    height: 38px;
    font-size: 14px;
    color: var(--text-gray);
    letter-spacing: 1px;
    transition: color .25s;
}
.Top002070 .nav-lang:hover { color: var(--primary); }

/* 搜索图标 */
.Top002070 .open-search {
    position: relative; display: inline-block;
    z-index: 99999;
    width: 32px; height: 38px;
    background: url(../images/search.png) no-repeat center center;
    background-size: 16px;
    margin: 0;
}
.Top002070 .top-search {
    z-index: 100; display: none;
    position: absolute; right: 0; top: 145%;
    border: 1px solid #eee; background: #fff;
}
.Top002070 .top-search .text {
    width: 250px; height: 36px;
    line-height: 36px; padding: 0 36px 0 10px;
    border: none; color: #333;
}
.Top002070 .top-search .btn {
    position: absolute; right: 0; top: 0;
    height: 36px; width: 36px;
    background: url(../images/top002070-search_btn.png) no-repeat center center;
    background-size: auto 50%;
}

/* 导航主菜单 */
.Top002070 .header-mid { float: right; margin-right: 14%; }
.Top002070 .header-menu li {
    width: auto !important; margin: 0 22px; float: left;
}
@media (min-width: 1025px) {
    .Top002070 .header { padding-right: 220px; box-sizing: border-box; }
}
.Top002070 .header-menu li em a {
    padding: 24px 0; font-size: 15px;
    position: relative; color: #333;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: color .25s;
}
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover { color: var(--primary); }

.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after {
    content: ""; display: block;
    position: absolute; left: 50%; bottom: 18px;
    transform: translateX(-50%);
    width: 18px; height: 2px;
    background: var(--primary);
    transition: width .3s;
}
.Top002070 .header-menu li em a:hover:after { width: 26px; }

/* 子菜单 */
.Top002070 .header-menu li .sub-menu dt { padding: 10px 20px; }
.Top002070 .header-menu li .sub-menu dt a {
    transition: 0.3s; color: #444; font-weight: normal;
}
.Top002070 .header-menu li .sub-menu dt a img {
    width: 35px; display: block; text-align: center; margin: 0 auto;
}
.Top002070 .sub-menu-layer {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.Top002070 .header-menu li .sub-menu dl { padding: 10px 0 15px; }
.Top002070 .header-menu li .sub-menu dt { position: relative; }
.Top002070 .header-menu li .sub-menu dt a {
    padding: 0 5px; color: #333;
    line-height: 45px; text-align: center;
    display: block; font-size: 15px;
}
.Top002070 .header-menu li .sub-menu dt a:hover { color: var(--primary); background: none; }
.Top002070 .header-menu li .sub-menu dt a:hover img {
    transition: 0.5s; transform: rotateY(360deg);
}
.header-menu li em { display: block; font-style: normal; text-align: center; }
.header-menu li em a { display: block; }
.header-menu li .sub dt { line-height: 40px; }
.header-menu li .sub dt a {
    display: block; white-space: nowrap;
    text-overflow: ellipsis; overflow: hidden; padding: 0 10px;
}
.header-menu li .sub dt a:hover { background: var(--primary); color: #fff; }
.header-menu .sub-has-sub dl { display: none; }
.Top002070 .header-menu li.aon1 .sub-menu-layer { display: block; }
.Top002070 .header-menu li .sub-menu-layer { display: none; }

@media (min-width: 1025px) {
    #header-menu { display: none; }
    .relative { position: relative; z-index: 100; }
    .header-menu li { float: left; }
    .header-menu li .sub { position: absolute; }
    .header-menu li .sub { opacity: 0; overflow: hidden; }
    .header-menu li.aon .sub { opacity: 1; }
    .fullbground .sub-menu > dl,
    .fullbground .sub-menu > dl dt { float: left; }
    .sub-menu-layer { position: absolute; left: 0; top: 100%; width: 100%; }
    .sub-slideDown .sub-menu-layer { display: none; }
}

@media (max-width: 1840px) {
    .Top002070 .header-left { left: 11%; }
    .Top002070 .header-right { right: 11%; }
}
@media (max-width: 1780px) {
    .Top002070 .header-right { right: 10%; }
}
@media (max-width: 1700px) {
    .Top002070 .header-left { left: 9%; }
    .Top002070 .header-right { right: 9%; }
    .Top002070 .header-mid { margin-right: 12%; }
}
@media (max-width: 1600px) {
    .Top002070 .header-menu li { margin: 0 24px; }
    .Top002070 .header-left { left: 7%; }
    .Top002070 .header-right { right: 6%; }
    .Top002070 .header-mid { margin-right: 10%; }
}
@media (max-width: 1540px) {
    .Top002070 .header-left { left: 5%; }
    .Top002070 .header-right { right: 4%; }
    .Top002070 .header-mid { margin-right: 9%; }
}
@media (max-width: 1500px) {
    .Top002070 .header-left { left: 4%; }
    .Top002070 .header-right { right: 2%; }
    .Top002070 .header-mid { margin-right: 6%; }
}
@media (max-width: 1480px) {
    .Top002070 .header-menu li { margin: 0 25px; }
}
@media (max-width: 1380px) {
    .Top002070 .header-left { left: 2.5%; }
    .Top002070 .header-right { right: 1%; }
    .Top002070 .header-menu li { margin: 0 20px; }
}
@media (max-width: 1366px) {
    .Top002070 .header-left { left: 5%; }
    .Top002070 .header-right { right: 3%; }
}
@media (max-width: 1320px) {
    .Top002070 .header-menu li { margin: 0 15px; }
    .Top002070 .header-left { left: 4%; }
    .Top002070 .header-right { right: 2%; }
}
@media (max-width: 1250px) {
    .Top002070 .header-menu li { margin: 0 12px; }
}
@media (max-width: 1024px) {
    .Top002070 { height: 60px; }
    .Top002070 .header { margin: 0 2%; height: 60px; }
    .Top002070 .header-right { z-index: 101; right: 1%; margin-top: -20px; top: 50%; }
    .Top002070 .header-left img { height: 40px; }
    .Top002070 #header-menu li .sub dt a img { display: none; }
    .Top002070 .top-language { margin-right: 8px; margin-top: 4px; }
    .Top002070 .top-language em {
        padding: 0 13px 0 34px;
        background: url(../images/lang.png) no-repeat 13px center;
        background-size: 14px;
    }
    .Top002070 .Public_nav_style #open_menu {
        position: relative; right: 0; top: auto;
        margin-left: 4px; border-radius: 0;
        background: transparent; height: 30px; width: 33px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        margin-top: 4px;
    }
    .Top002070 #open_menu i::before,
    .Top002070 #open_menu i::after { background: #fff !important; }
    .Top002070 #open_menu i { background: #fff; height: 2px; margin-top: -1px; }
    .Top002070 #header-menu ul {
        padding: 0; border-top: 60px solid var(--bg-dark);
        background: rgba(6, 24, 47, 0.98);
    }
    .Top002070 #header-menu li { text-align: center; }
    .Top002070 #header-menu li em a {
        padding: 5%; font-weight: normal;
        line-height: normal; border-bottom: 0;
        color: #fff;
    }
    .Top002070 #header-menu li .sub dt { margin-bottom: 1px; background: rgba(0, 0, 0, 0.3); }
    .Top002070 .header-right dd > a { height: 43px; line-height: 43px; width: 43px; margin-right: 0; }
    .Top002070 .top-search { top: 142%; }
    .Top002070:after { width: 112px; }
    a { transition: 0s; }
}
@media (max-width: 768px) {
    .Top002070:after { width: 92px; }
    .sp_logo img { height: 40px; }
    .sp_logo { padding: 5px 10px; box-sizing: border-box; }
}
@media (max-width: 640px) {
    .Top002070 .header-left { max-width: 40%; top: 50%; transform: translateY(-50%); }
    .Top002070 .header-left img { height: auto; }
}

@media (max-width: 1024px) {
    .header-menu { display: none; }
    .Public_nav_style #header-menu,
    .Public_nav_style #header-menu ul {
        position: fixed; top: 0; height: 100%;
        z-index: 100; right: -100%; opacity: 0;
        transition: opacity 0.3s;
    }
    .Public_nav_style #header-menu { background-color: rgba(0, 0, 0, 0.5); width: 100%; }
    .Public_nav_style #header-menu ul {
        width: 60%; max-width: 280px;
        background: rgba(6, 24, 47, 0.98);
        height: 100%; max-height: 100%;
        overflow: auto; padding: 50px 2% 0; transition: 0.3s;
    }
    .Public_nav_style #header-menu.header-menu-show,
    .Public_nav_style #header-menu.header-menu-show ul { right: 0; opacity: 1; }
    #header-menu li .sub { display: none; }
    #header-menu li { line-height: 40px; }
    #header-menu li em {
        font-style: normal; display: block;
        font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    #header-menu li a { display: block; }
    #header-menu li em a { border-bottom: 0; font-weight: bold; padding: 0 10px; color: #fff; }
    #header-menu li:last-child em,
    #header-menu li:last-child em a { border-bottom: 0; }
    #header-menu li a:hover, #header-menu li a { color: #fff; }
    #header-menu li.has-sub em { position: relative; }
    #header-menu li.has-sub em::before {
        position: absolute; content: '';
        width: 100%; height: 100%; left: 0; top: 0;
        z-index: 2; background-color: transparent;
    }
    #header-menu li.has-sub em .op {
        position: absolute; width: 15px; height: 15px;
        right: 3%; top: 50%; margin-top: -6px;
        display: none; transition: 0.3s;
    }
    #header-menu li.has-sub.clickon em .op { transform: rotate(45deg); }
    #header-menu li.has-sub em .op::before,
    #header-menu li.has-sub em .op::after {
        position: absolute; content: ''; background: #fff;
    }
    #header-menu li.has-sub em .op::before { width: 100%; height: 3px; left: 0; top: 6px; }
    #header-menu li.has-sub em .op::after { width: 3px; left: 6px; top: 0; height: 100%; }
    .Public_nav_style #header-menu li.has-sub em::after {
        position: absolute; content: '';
        right: 2%; border: 6px solid transparent;
        border-top-color: #fff; top: 50%; margin-top: -3px;
    }
    .Public_nav_style #header-menu li.clickon em::after {
        border-bottom-color: #fff; border-top-color: transparent; margin-top: -9px;
    }
    .Public_nav_style #header-menu li.clickon em a { background: rgba(0, 0, 0, 0.2); }
    #header-menu li .sub-menu dt.has-dt { position: relative; }
    #header-menu li .sub-menu dt.has-dt::before {
        position: absolute; content: '';
        width: 100%; height: 100%; left: 0; top: 0;
        background-color: transparent;
    }
    #header-menu li .sub-menu dt a {
        padding: 0 10px; border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
        display: block; white-space: nowrap;
        text-overflow: ellipsis; overflow: hidden;
    }
    #header-menu li .sub-menu dt:last-child > a { border-bottom: 0; }
    #header-menu li .sub-has-sub { position: relative; }
    #header-menu li .sub-has-sub i {
        position: absolute; left: 0; top: 0;
        height: 40px; width: 100%;
        background-color: transparent; z-index: 2;
    }
    .Public_nav_style #header-menu li .sub-has-sub i::before,
    .Public_nav_style #header-menu li .sub-has-sub i::after {
        position: absolute; content: ''; top: 50%; background: #fff;
    }
    .Public_nav_style #header-menu li .sub-has-sub i::before { width: 10px; height: 2px; margin-top: -1px; right: 5px; }
    .Public_nav_style #header-menu li .sub-has-sub i::after { width: 2px; height: 10px; margin-top: -5px; right: 9px; }
    .Public_nav_style #header-menu li .clickon > i::after { display: none; }
    .Public_nav_style #header-menu li .clickon > a { background-color: rgba(0, 0, 0, 0.2); }

    .Public_nav_style #open_menu {
        position: absolute; right: 2%; width: 36px; height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%; top: 12px; z-index: 200;
    }
    #open_menu i, #open_menu i::before, #open_menu i::after { position: absolute; }
    .Public_nav_style #open_menu i,
    .Public_nav_style #open_menu i::before,
    .Public_nav_style #open_menu i::after { background: #fff; }
    #open_menu i { top: 50%; }
    .Public_nav_style #open_menu i { width: 60%; left: 20%; margin-top: -1px; height: 2px; }
    #open_menu i::before, #open_menu i::after {
        left: 0; width: 100%; height: 100%;
        content: ''; transition: transform 0.3s;
    }
    #open_menu i::before { top: 6px; }
    #open_menu i::after { top: -6px; }

    .Public_nav_style #open_menu.open_menu_on { border-color: #fff; }
    #open_menu.open_menu_on i { background: none !important; }
    .Public_nav_style #open_menu.open_menu_on i::before,
    .Public_nav_style #open_menu.open_menu_on i::after { background: #fff; margin-top: 0; }
    #open_menu.open_menu_on i::before, #open_menu.open_menu_on i::after { top: 0 !important; }
    #open_menu.open_menu_on i::before { transform: rotate(45deg); }
    #open_menu.open_menu_on i::after { transform: rotate(-45deg); }
}

/* 移动端顶部 */
.sp_header {
    height: 60px; overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    position: fixed; z-index: 9999999; width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.sp_logo { padding: 2px 10px; float: left; height: 60px; }
.sp_logo img { margin: auto; height: 38px; }
.sp_nav {
    width: 50px; float: right; position: relative;
    cursor: pointer; height: 30px; margin-top: 20px;
}
.sp_nav span {
    display: block; background: #333;
    width: 30px; height: 2px;
    position: absolute; left: 10px;
    transition: all ease 0.35s;
}
.sp_nav span:nth-of-type(1) { top: 0; }
.sp_nav span:nth-of-type(2) { top: 10px; }
.sp_nav span:nth-of-type(3) { top: 20px; }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg); }
.sp_nav_se span:nth-of-type(2) { width: 0; }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg); }

.sjj_nav {
    position: fixed; z-index: 99999;
    background: var(--bg-deep); color: #fff;
    width: 100%; font-size: 14px; line-height: 40px;
    top: -100%; left: 0; overflow: auto; overflow-x: hidden;
    transition: top ease 0.35s;
}
.nav_show { top: 60px; }
.sjj_nav > ul > li:first-child { overflow: hidden; border-top: 0; }
.sjj_nav > ul > li:first-child > a { float: left; width: calc(100% - 70px); line-height: 40px; }
.sjj_nav > ul > li .language { overflow: hidden; line-height: 30px; margin-top: 5px; }
.sjj_nav > ul > li .language a {
    width: 49%; float: left; border-left: 1px #1e3a5f solid;
    text-align: center; color: #94a3b8;
}
.sjj_nav ul li i {
    position: absolute; top: 10px; right: 0;
    border-left: 1px #1e3a5f solid;
    height: 30px; line-height: 42px;
    padding: 0 7px;
}
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s; }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg); }
.sjj_nav ul li {
    border-top: 1px #1e3a5f solid;
    padding-left: 20px; position: relative;
    line-height: 52px; font-size: 16px;
}
.sjj_nav ul li ul { display: none; }
.sjj_nav ul li a { width: 80%; color: #cbd5e1; }
.sjj_nav ul li a:hover { color: #fff; }
.sjj_nav ul li ul li { padding-left: 0; }
.sjj_nav ul li ul li a { display: block; text-align: left; line-height: 40px; font-size: 15px; }
.sjj_nav ul li i svg { width: 20px; height: 20px; fill: #cbd5e1; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: var(--primary-light); }
.sjj_nav ul li ul li > ul { margin-left: 10px; }
.sjj_nav .cta-mobile { background: var(--primary); margin: 16px 20px; border-radius: 4px; }
.sjj_nav .cta-mobile a {
    width: 100% !important; color: #fff !important; text-align: center;
    line-height: 44px; font-size: 15px; letter-spacing: 2px;
}
.sjj_nav .cta-mobile:hover { background: var(--primary-deep); }