/*!
 * Starlight Responsive Dashboard Template
 * Version: 2.0.0
 * Author: ThemePixels (@themepixels)
 * URL: http://themepixels.me/starlight
 *
**/
/* --------------------------------------------------- */
/* ############### GOOGLE FONTS IMPORT ############### */
/* --------------------------------------------------- */

/* --------------------------------------------------- */
/* ############### BOOTSTRAP FRAMEWORK ############### */
/* --------------------------------------------------- */
/*!
 * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@media print {
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
}


body {
    margin: 0;
    font-family: "PingFang SC Bold", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
}




@media (min-width: 600px) {
    .bancc1 {
        margin-top: 150px;
        margin-bottom: 5px;
    }

        .bancc1 p {
            z-index: 99999999999;
            font-family: "PingFang SC Bold";
            font-weight: 350;
            font-size: 17px;
            line-height: 35px;
            text-align: left;
            color: #fff;
            text-shadow: 0 1px 2px #08122261;
        }



    .bancc {
        margin-top: -85px;
        margin-bottom: 50px;
    }

        .bancc p {
            z-index: 99999999999;
            font-family: "PingFang SC Bold";
            font-weight: 35;
            font-size: 17px;
            line-height: 35px;
            text-align: left;
            color: #fff;
            text-shadow: 0 1px 2px #08122261;
        }
}

@media (min-width: 1200px) {

    .bancc1 {
        margin-top: 300px;
        margin-bottom: 10px;
    }

        .bancc1 p {
            z-index: 99999999999;
            font-family: "PingFang SC Bold";
            font-weight: 700;
            font-size: 34px;
            line-height: 71px;
            text-align: left;
            color: #fff;
            text-shadow: 0 2px 4px #08122261;
        }



    .bancc {
        margin-top: -170px;
        margin-bottom: 100px;
    }

        .bancc p {
            z-index: 99999999999;
            font-family: "PingFang SC Bold";
            font-weight: 700;
            font-size: 34px;
            line-height: 71px;
            text-align: left;
            color: #fff;
            text-shadow: 0 2px 4px #08122261;
        }



    .about {
        margin-bottom: 70px;
    }

        .about p {
            font-family: "PingFang SC Medium";
            font-weight: 500;
            font-size: 17px;
            line-height: 35px;
            text-align: left;
            color: #1b2633;
        }

    .zhuanyefuwu {
        background-image: url(../image/17580.png);
    }

    .zhuanye {
        text-align: center;
    }



    .fcoo {
        /*background-color: #ffffff;*/
        vertical-align: middle;
        text-align: center;
        padding-top: 30px;
        margin-bottom: 20px;
    }


    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: -2px;
    }
}




.zyfwcon1 {
    background: url('../image/m.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
}

    .zyfwcon1:hover {
        background: url(../image/l2.png) no-repeat 112px 25px;
        color: #B21017;
        /*padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        background-color: #ffffff;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px; 
        width: 310px;
        height: 208px;*/
    }

.zyfwcon2 {
    background: url('../image/j.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon2:hover {
        background: url('../image/i2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }

.zyfwcon3 {
    background: url('../image/l.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon3:hover {
        background: url('../image/k2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }

.zyfwcon4 {
    background: url('../image/k.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon4:hover {
        background: url('../image/j2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }


.zyfwcon5 {
    background: url('../image/i.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon5:hover {
        background: url('../image/h2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }

.zyfwcon6 {
    background: url('../image/h.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon6:hover {
        background: url('../image/g2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }


.zyfwcon7 {
    background: url('../image/c.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon7:hover {
        background: url('../image/b2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }



.zyfwcon8 {
    background: url('../image/d.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon8:hover {
        background: url('../image/c2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }




.zyfwcon9 {
    background: url('../image/e.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon9:hover {
        background: url('../image/d2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }


.zyfwcon10 {
    background: url('../image/g.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon10:hover {
        background: url('../image/f2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }

.zyfwcon11 {
    background: url('../image/f.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon11:hover {
        background: url('../image/e2.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }




.zyfwcon12 {
    background: url('../image/b.png') no-repeat 112px 25px;
    color: #1B2633;
    padding-top: 6em;
    /*padding-bottom: 6em;*/
}

    .zyfwcon12:hover {
        background: url('../image/a1.png') no-repeat 112px 25px;
        color: #B21017;/*
        padding-top: 8em;
        padding-bottom: 6em;
        cursor: pointer;
        box-shadow: 2px 2px 12px #0d171d29;
        background-color: #ffffff;
        margin-top: -32px;
        margin-left: -14px;
        width: 310px;
        height: 208px;*/
    }











.zyfwtit {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.sinn {
    width: 80px;
    height: 6px;
    background-color: #ffffff;
}


.mywhite {
    background-color: white;
    padding-bottom: 35px;
}

.news {
    background-image: url(../image/newsbg.jpg);
    padding-bottom: 50px;
}

.dada {
    width: 100%;
}

.newbgps {
    /* background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin-bottom: 50px;
    margin: 20px auto;*/
}

    .newbgps ul {
        margin-right: 50px;
        /*background-color: #FFFFFF;*/
        list-style: none;
    }

        .newbgps ul li {
            line-height: 30px;
        }

            .newbgps ul li a {
                font-family: "PingFang SC Medium";
                font-weight: 500;
                font-size: 15px;
                line-height: 30px;
                text-align: left;
                color: #454545;
                text-decoration: none;
                margin-left: 12.4px;
            }

            .newbgps ul li span {
                float: right;
            }

            .newbgps ul li:hover {
                color: #FFFFFF;
                background: #B21017;
                padding-left: 25px;
                padding-bottom: 0px;
                padding-top: 0px;
                margin-top: 10px;
            }

            .newbgps ul li a:hover {
                color: #FFFFFF;
            }


.newflag {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #1b2633;
    border-bottom: 1px solid #D8DCE3;
    margin-right: 10px;
    width: 100%;
}





.jingcai {
    background-image: url(../image/jincai.jpg);
    /* 2026-09-30：本区块是「通栏 wrapper + 内部 .row」结构，而 Bootstrap 的
       .row 自带 -12px 负外边距，必须由父级的内边距来抵消（.container 就是
       这么做的）。原来父级内边距为 0，导致 ≥1320px 时整页右溢 12px、出现
       横向滚动条（中/英首页实测）。补上后负边距被抵消，内容位置不变。 */
    padding-left: 12px;
    padding-right: 12px;
}

.fenzhi {
    background-color: #F5F6F7;
}

.map img {
    width: 100%;
}

.bacw {
    background-color: #ffffff;
    height: 440px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.fzjg {
    margin-top: 30px;
}

.gsdiz {
    margin-top: 30px;
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #1b2633;
    /*border-bottom: 1px solid #D8DCE3;*/
    width: 100%;
}

.gsle {
    padding-left: 100px;
    margin-top: 200px;
    opacity: 1;
}

.gsre {
    padding-right: 100px;
    margin-top: 200px;
    opacity: 1;
}

.dibu {
    background-color: #1C293C;
}

.dibu2 p {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #e3e2e2;
    margin-top: 28px;
    margin-bottom: 27px;
}

.tith {
    padding-top: 4em;
    padding-bottom: 4em;
}

.tit {
    text-align: center;
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 34px;
    color: #1b2633;
}

.titwhit {
    text-align: center;
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 34px;
    color: #ffffff;
}


.titmin {
    box-sizing: content-box;
    flex: 0 1 auto;
    display: flex;
    background-color: #b21017;
    height: 4px;
    width: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
}

.titminw {
    box-sizing: content-box;
    flex: 0 1 auto;
    display: flex;
    background-color: #ffffff;
    height: 4px;
    width: 20px;
    text-align: center;
    margin: 0 auto;
}


.zykh ul {
    list-style: none;
}

    .zykh ul li {
        display: inline;
        width: 244px;
        height: 9em;
        line-height: 9em;
    }

.lile {
    padding-right: 1.4em;
}

.lic {
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.lire {
    padding-left: 1.4em;
    padding-right: 0px;
}

.iconfangdajing {
    margin-right: 4px;
    font-size: 20px;
    position: relative;
    top: 4px;
}

* {
    padding: 0;
    margin: 0;
}

.scroll_box {
    /* 不想看到超出盒子范围的图片，因此需要overflow：hidden；进行隐藏 */
    overflow: hidden;
    height: 550px;
    margin: 100px auto;
}

    .scroll_box ul {
        display: flex;
        margin-top: 10px;
        width: 4136px;
        height: 500px;
        /*animation: scroll 100s infinite linear;*/
    }

        .scroll_box ul li {
            position: relative;
            display: flex;
            justify-content: top;
            align-items: top;
            height: 500px;
            list-style: none;
            margin-left: 16px;
            margin-right: 16px;
            background-color: #fff;
        }

            .scroll_box ul li img {
                width: 408px;
                height: 270px;
                margin-top: 0px;
            }

            .scroll_box ul li .info {
                align-items: center;
                position: absolute;
                width: 320px;
                margin-top: 300px;
                margin-left: 59px;
            }

                .scroll_box ul li .info strong {
                    font-family: "PingFang SC Bold";
                    font-weight: 700;
                    font-size: 17px;
                    text-align: left;
                    color: #1b2633;
                }

                .scroll_box ul li .info p {
                    margin: 0;
                    color: #454545;
                    font-family: "PingFang SC Medium";
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 25px;
                    text-align: left;
                    margin-top: 22px;
                    margin-bottom: 22px;
                }

    .scroll_box:hover ul {
        /* 当鼠标放在图片上的时候能够暂停动画 */
        animation-play-state: paused;
    }




/* 动画 */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-3008px);
    }
}

.header {
    position: absolute;
    z-index: 9999999;
    margin: 0px auto;
    /*border-bottom: 1px solid #696D76;*/
    height: 102px;
    width: 100%;
    text-align: center;
}

.container2 {
    /* 2026-09-30：原为 width:1320px 定宽，窄屏（768~1319px）整站横向溢出。
       现改为「内容区仍 1320px、两侧各留 15px 内边距」：
         总宽 1350 − 2×15 = 1320 —— 桌面端 header 内容区与位置和改动前完全一致
         （内容盒左边界仍是 视口/2 − 660）。
       15px 内边距的作用是吸收 Bootstrap .row 的 −12px 负外边距；否则在
       容器被 max-width 压窄时，子行会向右溢出 12px 顶出横向滚动条。
       注意：内边距必须写在这里（而不是某个媒体查询里）——媒体查询按视口
       判定，而容器宽度按「初始包含块」收缩，两者会在 1320~1396px 之间
       出现夹缝带，导致溢出不定期复现。 */
    width: 1350px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin: 0px auto;
}

.headerlogo {
    text-align: left;
    padding: 33px;
}

    .headerlogo a {
        font-family: "PingFang SC Medium";
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

.headerhome {
    margin: 0px auto;
    padding: 25px;
    text-align: left;
}

    .headerhome a {
        text-decoration: none;
        font-family: "PingFang SC Medium";
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #fff;
        /* 关键：英文站 10 个页面的导航 <a> 上残留 inline
           style="margin-left:-13%/-20%/-60%/-80%/-50%"（旧百分比栅格时代的
           对齐补丁）。作者样式表内的 !important 优先级高于 inline 普通声明，
           此处统一归零 —— 否则第 4~7 项会被硬拉向左，与前一顶叠字。 */
        margin-left: 0 !important;
        margin-right: 0 !important;
        /* 伪元素下划线的定位基准（inline 元素的 padding box 即包含块） */
        position: relative;
    }

        /* 2026-09-30：导航下划线由 border-bottom 改为伪元素 —— 原来是「hover 才
           出现边框」的硬切换，没有任何过渡；改伪元素后可以「从左向右展开」，
           且 !hover 时也保留静止位（不占布局）。
           bottom:-2px 与旧 border 完全同位置（border 画在 padding box 下方），
           所以导航行高 74px、7 项间距、首页 .xuxian 分隔线（fixed top:106px）
           的位置全部不变。background 用 currentColor 自动跟随配色
           （默认白字 → 白线；滚动后 head-on 变深字 → 深线）。
           ⚠️ 不要给这里的 a 加 display:inline-block —— 会让行盒高度变 86px。 */
        .headerhome a::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 2px;
            background: currentColor;
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform .3s cubic-bezier(.22, .61, .36, 1);
            pointer-events: none;
        }

        .headerhome a:hover::after,
        .headerhome a:focus-visible::after,
        .headerhome a.active::after {
            transform: scaleX(1);
        }

/* .headerhome 的「当前栏目」改用上面的伪元素下划线，这里把全局 .active 的白边框
   置为透明，避免出现双线。保留 padding-bottom:10px → 几何与改动前一致。 */
.headerhome a.active {
    border-bottom-color: transparent;
}

.active {
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

/********************************************/
.conmap {
    background: #f5f6f7;
    padding-bottom: 55px;
}

    /* 2026-09-30：联系页地图图 conmap.jpg 原图宽 782px 且无 max-width，
       放在 .col-sm-7（约 7/12 宽）里，1360px 档会顶破栅格、整页右溢 44px
       （英文站 contact 实测）。约束为不超出其列宽即可，不影响桌面大图。 */
    .conmap img {
        max-width: 100%;
        height: auto;
    }
/********************************************/
.cen {
    text-align: center;
}

    .cen span {
        font-family: "PingFang SC Medium";
        font-weight: 500;
        font-size: 16px;
        text-align: left;
        color: #1b2633;
    }

.tith3 {
    padding-top: 3em;
    padding-bottom: 3em;
}

.titabout {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 34px;
    text-align: left;
    color: #1b2633;
}


.titminabout {
    box-sizing: content-box;
    flex: 0 1 auto;
    display: flex;
    text-align: left;
    margin-left: 15px;
    width: 15px;
    height: 6px;
    background: #b21017;
}

.aboutcon p {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;
    text-align: left;
    color: #1b2633;
}

.jzred {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: #b21017;
}

.jblank {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 17px;
    text-align: left;
    color: #1b2633;
    padding-bottom: 30px;
}

.gltd p {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    text-align: left;
    color: #1b2633;
}

.fwfw {
    padding-bottom: 20px;
}

    .fwfw p {
        font-family: "PingFang SC Medium";
        font-weight: 500;
        font-size: 16px;
        line-height: 35px;
        text-align: left;
        color: #191919;
    }

.fwfwban img {
    margin-top: 70px;
}

.fwfwban {
    margin-bottom: -70px;
}
/******************************************/
.bdg {
    border: 1px solid #E3E2E2;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.pt1 {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 15px;
    text-align: left;
    color: #1b2633;
}

.ptc {
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    color: #454545;
}

.sertit {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 22px;
    text-align: left;
    color: #1b2633;
    padding: 10px;
}

/******************************************/
.bdgwr {
    background: #fff;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bdr {
    border-bottom: 1px solid #E3E2E2;
    height: 130px;
}

.butn {
    float: right;
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #b21017;
    margin-right: 10px;
}
/*********************************************/
.dwcon .p1 {
    color: #1b2633;
    font-size: 16px;
    font-family: "PingFang SC ";
    font-weight: 500;
    letter-spacing: 0;
}
/*************************************/

.erj {
    font-family: "PingFang SC Bold";
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    color: #1b2633;
    text-decoration: none;
    padding-top: 30px;
    padding-bottom: 30px;
}

.h68 {
    height: 68px;
    line-height: 68px;
}

/*#imple-list-example, .p-1:hover {
    border-left: 2px solid #B21017;
    margin-left: -2px;
}*/

#simple-list-example a {
    text-decoration: none;
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    margin-left: 16px;
    color: #1b2633;
}

/*    #simple-list-example a:hover {
        color: #B21017;
    }*/

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
    margin-right: 12px;
}

.vr2 {
    margin-top: 10px;
    margin-left: -1;
    height: 30px;
    display: inline-block;
    align-self: stretch;
    width: 2px;
    min-height: 1em;
    background-color: #B21017;
}

/*#ccs {
    position: fixed;
    top: 75%;
    left: 89%;
    width: 133px;
    height: 50px;
    background: #e4c0c2;
    border-radius: 21px;
    margin-left: 16px;
    margin-top: -4px;
}

#dw {*/
/* text-align: left; */
/*position: fixed;
    top: 75%;
    left: 90%;
    width: 127px;
    height: 42px;
    border-radius: 21px;
    background: #b21017;
}

    #dw div {
        font-family: "PingFang SC Medium";
        font-weight: 500;
        font-size: 16px;
        margin-top: 8px;
        letter-spacing: 0.04px;
        text-align: center;
        color: #f5f6f7;
    }

    #dw span {
        margin-top: 2px;
        margin-left: 8px;
    }

    #dw a {
        font-family: "PingFang SC Medium";
        color: #F5F6F7;
        text-decoration: none;
    }*/

#simple-list-example a {
    text-decoration: none;
    font-family: "PingFang SC Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    margin-left: 16px;
    color: #1b2633;
}


.ptc {
    margin-top: 5%;
    margin-left: 2%;
}

.pt1 {
    font-family: "PingFang SC Medium";
    color: #1b2633;
    font-size: 15px;
    margin-left: 5%;
    font-weight: bolder;
    margin-right: 5%;
}

#ccs {
    position: fixed;
    top: 90%;
    left: 83%;
    width: 133px;
    height: 50px;
    border-radius: 21px;
}

/* ============================================================
   2026-09-30 移动端修复（<768px）
   背景：原响应式靠「字号压到 5px + width:4% 硬挤」，导致导航文字
   重叠、正文横向溢出。此处用流式布局重做，不改桌面端任何规则。
   ============================================================ */
@media (max-width: 767.98px) {

    /* 1. 兜底：禁止横向溢出（.container2 是固定 1320px，是溢出元凶） */
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .container2 {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .container,
    .container-fluid {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* 2. header：由绝对定位改为文档流，高度自适应 */
    .header {
        position: relative !important;
        height: auto !important;
        background: #1B2633;
        padding-bottom: 8px;
    }

    .headerlogo {
        padding: 14px 0 6px;
        text-align: center;
    }

    .headerlogo > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 !important;
        text-align: center;
    }

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

    /* 语言/联系入口：横排一行，不再竖排挤成一列 */
    .headerlogo > .col-sm-1:not(:first-child) {
        display: inline-block;
        width: auto;
        flex: 0 0 auto;
        padding: 0 10px;
        margin: 0 !important;
    }

    .headerlogo > .col-sm-1:not(:first-child) a {
        font-size: 13px !important;
        margin-left: 0 !important;
        white-space: nowrap;
    }

    /* 3. 主导航：横向可滚动，不再靠 width:4% 硬挤 */
    .headerhome {
        margin: 0 !important;
        padding: 6px 0 4px !important;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start;
        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;
        display: inline-block;
        padding-bottom: 6px;
    }

    .headerhome .active {
        padding-bottom: 6px;
    }

    .xuxian {
        display: none !important;
    }

    /* 4. 首屏 hero 标题：绝对定位改流式，消除与 tab 行的重叠 */
    .containerhj {
        position: static !important;
        z-index: auto !important;
        height: auto !important;
        margin-top: 24px !important;
        padding: 0 15px;
    }

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

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

    /* 5. banner 高度收敛 */
    .banner > img {
        height: auto !important;
        max-height: 220px;
        object-fit: cover;
    }

    /* 6. 内页正文标题：去掉与下方 tab / 内容的负 margin 堆叠 */
    .tit,
    .titwhit,
    .titabout {
        font-size: 24px !important;
        line-height: 1.35 !important;
    }

    .tith,
    .tith3 {
        padding-top: 2em !important;
        padding-bottom: 1.2em !important;
    }

    /* 7. 图片与表格：不允许撑破容器 */
    img {
        max-width: 100%;
        height: auto;
    }

    table {
        max-width: 100%;
        display: block;
        overflow-x: auto;
    }

    /* 富文本正文（数据库取出的 HTML）强制不溢出 */
    .aboutcon,
    .gltd,
    .fwfw,
    .cont,
    [id^="simple-list-item-"] {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .aboutcon *,
    .gltd *,
    .fwfw *,
    .cont * {
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* 内页栏目标题块级化 */
    .titabout {
        display: block;
    }

    /* 8. 在线咨询浮标：靠右下角，避免溢出 */
    #ccs {
        left: auto !important;
        right: 10px !important;
        top: auto !important;
        bottom: 20px;
    }

    /* 9. 页脚：多行居中，避免长地址撑破 */
    .dibu2 p {
        font-size: 12px !important;
        line-height: 20px !important;
        padding: 0 10px;
        word-break: break-all;
    }

    /* 10. 精彩瞬间横向滚动区：窄屏改为可滑动 */
    .jingcai {
        height: auto !important;
        padding-bottom: 30px;
    }

    .scroll_box {
        height: auto !important;
        margin: 30px auto !important;
        overflow-x: auto;
    }

    .scroll_box ul {
        width: auto !important;
        height: auto !important;
    }
}

/* ============================================================
   2026-09-30 主导航「间距统一」—— 所有页面 / 中英文站通用
   ------------------------------------------------------------
   症状：7 项主导航里，第 7 项「资本市场执业基本信息」前面的空档
         明显大于其余各项（原站截图逐像素实测：
         92 / 85 / 79 / 80 / 79 / 214  @1.75x，最后一项前突然翻倍）。
   根因：导航沿用 Bootstrap 百分比栅格 —— 前 5 项 col-sm-1(8.33%)，
         第 6、7 项 col-sm-2(16.67%)。文字在格内左对齐，所以每项
         右侧的空档 = 该格宽 − 该文字宽：
             前 5 项   110 − 64 =  46px  ✅ 正常
             第 6 项   220 − 96 = 124px  ❌ 把第 7 项推得老远
   修法：改 flex 布局 + 统一 gap，7 项间距完全一致；整体左对齐，
         右端不再被撑满，视觉更紧凑（不再“太宽”）。
   覆盖：首页(common+indexhj)、中文内页(common+xiangyingshi)、
         英文内页(仅 common) —— 三处页面全部生效。
   注意：<768px 仍走横向滚动方案，本块不覆盖。
   ============================================================ */

/* ---------- 桌面（≥1200px）：间距 46px，与文字 16px 配比一致 ---------- */
@media (min-width: 1200px) {
    .header .headerhome,
    .headerhome {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center;
        gap: 46px !important;
        margin: 0 !important;
        padding: 25px !important;
        text-align: left;
    }

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

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

        .header .headerhome > div > a,
        .headerhome > div > a,
        .headerhome a {
            /* 注意：这里不能加 display:inline-block —— 锚点原本是 inline，
               padding-bottom:10px 在 inline 元素上不参与行盒高度计算，
               导航行高才能保持原值 74px（首页 .xuxian 分隔线是 fixed top:106px，
               行高一变就会错位）。加 inline-block 会把行高顶到 86px。 */
            white-space: nowrap;
            padding-bottom: 10px;
        }
}

/* ---------- 平板（768–1199.98px）：字号降为 14px，间距等比收到 40px ---------- */
@media (min-width: 768px) and (max-width: 1199.98px) {
    /* 英文内页只加载 common.css，此处补上与 indexhj/xiangyingshi 相同的字号，
       三处页面导航在平板下完全一致 */
    .header .headerhome > div > a,
    .headerhome > div > a,
    .headerhome a {
        font-size: 14px !important;
    }

    .header .headerhome,
    .headerhome {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center;
        /* 间距随视口等比收缩：768px 时约 28px，840px 以上固定 40px。
           实测（14px 字号）中文 7 项文字总宽 504px，行内还需左右各 25px
           内边距；容器 <1320px 时是流式（视口 − 30px）。
           取 6g ≤ vw − 584 的解并留 ~16px 余量 → 分母用 600。
           —— 若写死 40px，768~840px 视口下导航会顶破容器。 */
        gap: clamp(12px, calc((100vw - 600px) / 6), 40px) !important;
        margin: 0 !important;
        padding: 14px 25px !important;
        text-align: left;
    }

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

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

        .header .headerhome > div > a,
        .headerhome > div > a,
        .headerhome a {
            /* 注意：这里不能加 display:inline-block —— 锚点原本是 inline，
               padding-bottom:10px 在 inline 元素上不参与行盒高度计算，
               导航行高才能保持原值 74px（首页 .xuxian 分隔线是 fixed top:106px，
               行高一变就会错位）。加 inline-block 会把行高顶到 86px。 */
            white-space: nowrap;
            padding-bottom: 10px;
        }
}

/* ---------- 英文站：拉丁文字比中文长得多（最长一项 35 个字符），
   间距需再收窄，否则整行会撑破 1320px 容器被截断 ---------- */
@media (min-width: 1200px) {
    html[lang="en"] .header .headerhome,
    html[lang="en"] .headerhome {
        gap: 34px !important;
    }
}

/* 英文站在 768~1199.98px：拉丁标签总宽远超容器（14px 时 7 项文字就要
   858px，加间距与内边距 ≈1025px）。让字号与间距随视口收缩，1024px
   及以上可完整放下；再窄（<1000px）则按移动端同一套方案横向可滑，
   不允许把整页撑出横向滚动条。 */
@media (min-width: 768px) and (max-width: 1199.98px) {
    html[lang="en"] .header .headerhome,
    html[lang="en"] .headerhome {
        /* 间距随视口线性变化：768px 时约 6px，1180px 以上固定 26px。
           （分母 880 由「文字宽 + 左右各 25px 内边距」反解并留余量得到） */
        gap: clamp(6px, calc((100vw - 880px) / 6), 26px) !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    html[lang="en"] .headerhome::-webkit-scrollbar {
        display: none;
    }

    html[lang="en"] .header .headerhome > div > a,
    html[lang="en"] .headerhome > div > a,
    html[lang="en"] .headerhome a {
        font-size: clamp(12px, 1.15vw, 14px) !important;
    }
}

/* 英文站在 1200~1319.98px：容器已改流式（视口宽），16px 字号下 7 项
   需要约 1289px，故间距必须同步收窄，否则最后一项会被容器裁掉。
   （实测中文同档只需 ~902px，完全放得下，无需处理。） */
@media (min-width: 1200px) and (max-width: 1319.98px) {
    html[lang="en"] .header .headerhome,
    html[lang="en"] .headerhome {
        gap: clamp(10px, calc((100vw - 1140px) / 6), 34px) !important;
    }
}

/* ============================================================
   2026-09-30 孤儿 .row 兜底
   少数 .row 直接挂在 <body> 下（如 zhibensc 页），没有带内边距的父容器来
   抵消 Bootstrap 的 -12px 负外边距 → ≥1320px 时整页右溢 12px、出现横向
   滚动条。这里统一归零负边距；该 .row 内部是 .col-*（自带 12px gutter），
   归零后内容最多内缩 12px，视觉无感（原本那 12px 本就压在视口外）。
   ============================================================ */
body > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ============================================================
   2026-09-30 窄屏（<1320px）：兜底禁止横向溢出
   背景：header 容器 .container2 原为定宽 1320px，此前只有 <768px 断点
   处理，导致 768~1319px（iPad 竖屏 768、横屏 1024，1280/1366 以下小笔记本）
   整站出现横向滚动条。
   说明：容器本身的「流式收缩 + 内边距吸收 .row 负边距」已写在前面
   .container2 基础规则里（那里才能覆盖 1320~1396px 的夹缝带），
   这里只保留一层兜底，防止其它历史内容溢出。
   影响面：≥1320px 的桌面端完全不受影响。
   ============================================================ */
@media (max-width: 1319.98px) {

    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }
}