﻿
/* 2026-09-29 修复：同 indexhj.css。导航由 6 项增至 7 项后，:last-child 命中新的
   第 7 项（资本市场执业基本信息），-5% 会把第 7 项整列左拉 ~64px，与第 6 项
   “年度财税法规”之间出现 64px 空档（case.html / connect.html 实测 col6 右=789
   而 col7 左=725）。该偏移原为旧第 6 项微调，现归零使栅格自然连续。*/
.headerhome > .col-sm-2:last-child {
    margin-left: 0;
}


/* ============================================================
   2026-09-30 移动端重写
   原实现：字号压到 5px + width:4% 硬挤 + 负 margin 微调，
   窄屏必然文字重叠、内容溢出。此处改为流式布局，桌面端规则
   （≥1200px）未做任何改动。
   ============================================================ */

/* ---------- 手机竖屏与横屏（<768px） ---------- */
@media (max-width: 767.98px) {

    /* header 改文档流已有 common.css 兜底，这里只修内部栅格 */
    .headerlogo {
        padding: 14px 0 6px !important;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 4px 0;
    }

    .headerlogo img {
        width: auto !important;
        max-width: 210px;
        margin: 0 auto 8px !important;
        display: block;
    }

    .headerlogo > .col-sm-9 {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* 联系/中文/English：一行横排，不再逐个 offset 硬拉 */
    .headerlogo > .col-sm-1 {
        width: auto !important;
        max-width: none;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 10px;
    }

        .headerlogo > .col-sm-1:nth-child(2),
        .headerlogo > .col-sm-1:nth-child(3),
        .headerlogo > .col-sm-1:nth-child(4) {
            margin-left: 0 !important;
        }

        .headerlogo > .col-sm-1:nth-child(4) > a {
            margin-left: 0 !important;
        }

    .headerlogo a {
        font-size: 13px !important;
        margin-left: 0 !important;
        white-space: nowrap;
    }

    .headerlogo > .col-sm-1 a {
        margin-left: 0 !important;
    }

    /* 主导航改横向滚动，取消 width 百分比硬挤 */
    .headerhome {
        margin: 0 !important;
        padding: 6px 0 4px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start !important;
        text-align: left;
    }

    .headerhome::-webkit-scrollbar {
        display: none;
    }

        .headerhome > div,
        .headerhome > [class*="col-"] {
            width: auto !important;
            max-width: none;
            flex: 0 0 auto !important;
            padding: 0 10px !important;
            margin: 0 !important;
        }

        .headerhome > div > a {
            font-size: 13px !important;
            white-space: nowrap;
            padding-bottom: 6px;
            display: inline-block;
        }

        .headerhome > .col-sm-2:last-child {
            margin-left: 0 !important;
        }

    /* hero 文案改流式大字，去掉 5px 缩放 */
    .containerhj {
        position: static !important;
        height: auto !important;
        margin-top: 20px !important;
        padding: 0 15px;
    }

    .containerhj div,
    .containerhj h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .containerhj p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .carousel-indicators {
        margin-bottom: 0.5rem !important;
    }

        .carousel-indicators [data-bs-target] {
            height: 8px;
            width: 8px;
        }

    .banner > img {
        height: auto !important;
        max-height: 220px;
        object-fit: cover;
    }

    /* 内页首个文字块：去掉 -25px 的负 margin 叠压 */
    .container > p {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin-top: 0 !important;
        font-weight: 500;
        text-align: left;
        color: #fff;
    }

    /* 二级 tab 锚点条：取消 sticky（header 已回到文档流，180px 偏移会浮到内容上方
       造成文字叠加），改为随页面滚动的横滑条 */
    .mywhite[style*="sticky"],
    .simple-list-example-scrollspy,
    [id="simple-list-examples"] {
        position: static !important;
        top: auto !important;
    }

    .mywhite .container > .row[id="simple-list-examples"] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 4px 0;
        margin: 0;
    }

    .mywhite .container > .row[id="simple-list-examples"]::-webkit-scrollbar {
        display: none;
    }

    #simple-list-examples > [class*="col-"] {
        width: auto !important;
        max-width: none;
        flex: 0 0 auto !important;
        padding: 0 12px !important;
        margin: 0 !important;
    }

    .erj {
        font-size: 14px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        white-space: nowrap;
    }

    /* 内页小标题块级化，避免 span 行内堆叠 */
    .titabout {
        display: block;
        font-size: 24px !important;
        line-height: 1.35 !important;
        margin-bottom: 6px;
    }

    .titminabout {
        margin-left: 0 !important;
    }

    /* 内页正文段落不溢出 */
    .aboutcon p,
    .gltd p,
    .fwfw p,
    .cont p {
        font-size: 15px !important;
        line-height: 1.8 !important;
        word-break: break-word;
    }

    /* 内页多列内容窄屏单列 */
    .conmap [class*="col-sm-"] {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* 联系页等左右分栏：窄屏上下堆叠 */
    .gsle,
    .gsre {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 20px !important;
    }
}

/* ---------- 平板（768px – 1199px）：保留原有布局，仅修字号过小问题 ---------- */
@media (min-width: 768px) and (max-width: 1199.98px) {

    .headerlogo a,
    .headerhome a,
    .headerhome > div > a {
        font-size: 14px !important;
    }

    .headerlogo {
        padding: 24px 10px 10px;
    }

    .headerhome {
        padding: 14px 0;
    }

    .containerhj div,
    .containerhj h1 {
        font-size: 40px !important;
        line-height: 1.3 !important;
    }

    .containerhj p {
        font-size: 17px !important;
    }
}

/* ============================================================
   2026-09-30 主导航「间距统一」—— 规则已统一收敛到 common.css
   （见 common.css 末尾「主导航间距统一」块，桌面 gap:46px / 平板 40px）
   此处不再重复定义，避免三份 CSS 互相覆盖导致间距再次不一致。
   英文内页(enhjwz) 只加载 common.css，同样由此块覆盖。
   ============================================================ */
