/* =========================================================
   TOPDUTY 全站视觉统一样式
   Version: 2026-09-01 v3

   设计方向：
   现代咨询公司官网
   轻字重 / 清晰层级 / 适度留白 / 品牌红克制使用

   PC标准：
   顶部主导航          18px
   顶部二级菜单        16px
   服务横向子菜单      17px
   企业文化左侧菜单    20px
   Hero中文标题        36px
   正文一级标题        27px
   正文二级标题        20px
   正文                17px
   辅助文字            13-14px
   ========================================================= */


/* =========================================================
   01 全局变量
   ========================================================= */

:root{

    --td-red:#e8382c;

    --td-title:#222222;

    --td-text:#444444;

    --td-text-light:#666666;

    --td-muted:#888888;

    --td-line:#eeeeee;

    --td-bg-light:#fafafa;

    --td-page-width:1180px;

    --td-reading-width:1000px;
}


/* =========================================================
   02 全站字体

   macOS / iOS 优先苹方
   Windows 优先 Microsoft YaHei UI
   普通微软雅黑仅作为后备
   ========================================================= */

html,
body{

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;

    color:var(--td-text);

    font-weight:400;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;
}


a,
button,
input,
textarea,
select{

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}


/* =========================================================
   03 顶部一级主导航
   ========================================================= */

@media only screen and (min-width:769px){

    .p1788mf1788-09fa34c805022a827 .xg_menuLi18
    .p1788mf1788-09fa34c805022a827 .xg_menuA1{

        font-size:15px!important;

        font-weight:500!important;
    }


    .p1788mf1788-09fa34c805022a827 .xg_menuLi2,
    .p1788mf1788-09fa34c805022a827 .xg_menuA2{

        font-size:16px!important;

        font-weight:400!important;
    }


    .p1788mf1788-09fa34c805022a827 .xg_menuLi3,
    .p1788mf1788-09fa34c805022a827 .xg_menuA3{

        font-size:15px!important;

        font-weight:400!important;
    }

}


/* =========================================================
   04 服务页面统一 HERO
   ========================================================= */

.service-page-hero{

    width:100%!important;

    padding:34px 0 30px 0!important;

    background:#fff!important;
}


.service-page-hero-inner{

    width:75%!important;

    max-width:var(--td-page-width)!important;

    margin:0 auto!important;
}


.service-page-hero-en{

    margin:0 0 8px 0!important;

    color:#999!important;

    font-family:
        Arial,
        "Helvetica Neue",
        sans-serif!important;

    font-size:13px!important;

    font-weight:500!important;

    line-height:1.5!important;

    letter-spacing:2.2px!important;
}


.service-page-hero-title{

    margin:0!important;

    padding:0!important;

    color:var(--td-title)!important;

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;

    font-size:36px!important;

    font-weight:500!important;

    line-height:1.4!important;

    letter-spacing:.5px!important;
}


.service-page-hero-line{

    width:42px!important;

    height:3px!important;

    margin-top:18px!important;

    background:var(--td-red)!important;
}


/* =========================================================
   05 服务页面顶部横向子菜单
   ========================================================= */

@media only screen and (min-width:769px){

    .p1753mabe104b8ee8a0a52{

        width:75%!important;

        max-width:var(--td-page-width)!important;

        margin-left:auto!important;

        margin-right:auto!important;

        float:none!important;

        border-right:0!important;
    }


    .p1753mabe104b8ee8a0a52 .xg_tMenuUl1{

        width:100%!important;

        display:flex!important;

        flex-wrap:wrap!important;

        align-items:center!important;
    }


    .p1753mabe104b8ee8a0a52 .xg_tMenuLi1{

        width:auto!important;

        float:none!important;

        margin:0!important;

        padding:13px 0!important;
    }


    .p1753mabe104b8ee8a0a52 .xg_tTitle1{

        width:auto!important;
    }


    .p1753mabe104b8ee8a0a52 .xg_tMenuA1{

        display:block!important;

        width:auto!important;

        padding:0 18px!important;

        color:#333!important;

        font-size:17px!important;

        font-weight:500!important;

        line-height:1.6!important;

        white-space:nowrap!important;

        text-decoration:none!important;

        border:0!important;
    }


    .p1753mabe104b8ee8a0a52 .xg_tMenuLi1:hover{

        background:var(--td-red)!important;

        color:#fff!important;
    }


    .p1753mabe104b8ee8a0a52
    .xg_tMenuLi1:hover
    .xg_tMenuA1{

        color:#fff!important;
    }


    .p1753mabe104b8ee8a0a52
    .xg_tMenuLi1.xg_tMenuLi1-select{

        background:var(--td-red)!important;

        color:#fff!important;

        border:0!important;
    }


    .p1753mabe104b8ee8a0a52
    .xg_tMenuLi1.xg_tMenuLi1-select
    .xg_tMenuA1{

        color:#fff!important;
    }


    html.culture-child-page
    .p1753mabe104b8ee8a0a52
    .xg_tMenuLi1[data-scode="230"]{

        background:var(--td-red)!important;

        color:#fff!important;
    }


    html.culture-child-page
    .p1753mabe104b8ee8a0a52
    .xg_tMenuLi1[data-scode="230"]
    .xg_tMenuA1{

        color:#fff!important;
    }

}


/* =========================================================
   06 服务主体宽度
   ========================================================= */

.culture-layout{

    width:75%!important;

    max-width:var(--td-page-width)!important;

    margin:10px auto 70px auto!important;

    box-sizing:border-box!important;
}


html.non-culture-page .culture-right{

    width:100%!important;

    max-width:var(--td-reading-width)!important;

    margin-left:auto!important;

    margin-right:auto!important;
}


/* =========================================================
   07 面包屑
   ========================================================= */

.p1753m6ae89680634b4e0e
>
.p1753m8f64fa26dcadfc09{

    width:75%!important;

    min-width:0!important;

    max-width:var(--td-page-width)!important;

    margin-left:auto!important;

    margin-right:auto!important;

    padding:10px 0 5px 0!important;

    color:#888!important;

    font-size:13px!important;

    line-height:1.7!important;

    text-align:right!important;

    float:none!important;
}


.p1753m6ae89680634b4e0e
>
.p1753m8f64fa26dcadfc09 a{

    color:#777!important;

    font-size:13px!important;

    text-decoration:none!important;
}


.p1753m6ae89680634b4e0e
>
.p1753m8f64fa26dcadfc09 a:hover{

    color:var(--td-red)!important;
}


/* =========================================================
   08 企业文化左侧菜单
   ========================================================= */

@media only screen and (min-width:769px){

    html.culture-page .culture-left{

        width:280px!important;

        flex:0 0 280px!important;

        margin-right:42px!important;

        min-height:300px!important;

        border-right:1px solid #d7d7d7!important;
    }


    html.culture-page .culture-menu{

        width:238px!important;
    }


    html.culture-page .culture-menu > li{

        width:260px!important;

        min-height:28px!important;

        margin-top:24px!important;

        margin-bottom:30px!important;
    }


    html.culture-page .culture-menu > li:first-child{

        margin-top:0!important;
    }


    html.culture-page .culture-menu > li:last-child{

        margin-bottom:0!important;
    }


    html.culture-page .culture-menu > li > a{

        width:260px!important;

        color:#333!important;

        font-size:20px!important;

        font-weight:500!important;

        line-height:1.5!important;

        text-decoration:none!important;
    }


    html.culture-page .culture-menu > li > a:hover,
    html.culture-page .culture-menu > li.active > a{

        color:var(--td-red)!important;
    }


    html.culture-page .culture-menu > li.active::after{

        top:2px!important;

        right:-20px!important;

        width:3px!important;

        height:26px!important;

        background:var(--td-red)!important;
    }

}


/* =========================================================
   09 服务正文统一字号

   用!important覆盖后台富文本中历史遗留的
   15px / 16px / 18px / 26px 等字号。
   ========================================================= */

.culture-right .xg_text{

    color:var(--td-text)!important;

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;

    font-size:17px!important;

    font-weight:400!important;

    line-height:2!important;

    letter-spacing:.15px;
}


.culture-right .xg_text p:not(.img-caption),
.culture-right .xg_text li,
.culture-right .xg_text li p{

    font-size:17px!important;

    line-height:2!important;
}


/* 原15px重点内容统一为16px */

.culture-right .xg_text p[style*="font-size:15px"],
.culture-right .xg_text p[style*="font-size: 15px"]{

    font-size:16px!important;

    line-height:1.95!important;
}


/* 后台用P模拟的一级标题 */

.culture-right .xg_text p[style*="font-size:26px"],
.culture-right .xg_text p[style*="font-size: 26px"],
.culture-right .xg_text p[style*="font-size:27px"],
.culture-right .xg_text p[style*="font-size: 27px"]{

    font-size:27px!important;

    font-weight:500!important;

    line-height:1.55!important;
}


/* 后台用P模拟的二级标题 */

.culture-right .xg_text p[style*="font-size:18px"],
.culture-right .xg_text p[style*="font-size: 18px"],
.culture-right .xg_text p[style*="font-size:20px"],
.culture-right .xg_text p[style*="font-size: 20px"]{

    font-size:20px!important;

    font-weight:500!important;

    line-height:1.65!important;
}


/* 正常语义标题 */

.culture-right .xg_text h1,
.culture-right .xg_text h2{

    color:var(--td-title)!important;

    font-size:27px!important;

    font-weight:500!important;

    line-height:1.55!important;

    letter-spacing:.3px;
}


.culture-right .xg_text h3,
.culture-right .xg_text h4{

    color:var(--td-title)!important;

    font-size:20px!important;

    font-weight:500!important;

    line-height:1.65!important;
}


/* 正文强调 */

.culture-right .xg_text strong,
.culture-right .xg_text b{

    color:#222;

    font-weight:600;
}


/* 图片说明 */

.culture-right .xg_text .img-caption{

    color:#777!important;

    font-size:14px!important;

    line-height:1.7!important;
}


/* =========================================================
   10 专业工具页面
   ========================================================= */

.tool-page{

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}


.tool-page-head h1{

    font-size:27px!important;

    font-weight:500!important;

    line-height:1.5!important;
}


.tool-page-head p{

    font-size:17px!important;

    line-height:2!important;
}


.tool-item h2{

    font-size:20px!important;

    font-weight:500!important;

    line-height:1.55!important;
}


.tool-info p,
.tool-description p{

    font-size:17px!important;

    line-height:2!important;
}


/* =========================================================
   11 培训页面
   ========================================================= */

.training-single-wrap,
.training-single-position,
.training-shell{

    width:75%!important;

    max-width:var(--td-page-width)!important;

    margin-left:auto!important;

    margin-right:auto!important;

    box-sizing:border-box!important;
}


.training-single-position,
.training-position{

    color:#888!important;

    font-size:13px!important;

    line-height:1.7!important;
}


.training-single-position a,
.training-position a{

    color:#777!important;

    font-size:13px!important;
}


.training-single-position a:hover,
.training-position a:hover{

    color:var(--td-red)!important;
}


.training-single-hero h1,
.training-hero h1{

    font-size:36px!important;

    font-weight:500!important;

    line-height:1.4!important;

    letter-spacing:2px!important;
}


.training-single-nav a,
.training-nav a{

    padding:9px 17px!important;

    font-size:16px!important;

    font-weight:400!important;

    line-height:1.5!important;
}


.training-single-nav li.active a,
.training-nav li.active a{

    color:#fff!important;

    background:var(--td-red)!important;

    border-color:var(--td-red)!important;

    font-weight:500!important;
}


.training-single-article,
.training-news-article{

    width:100%!important;

    max-width:var(--td-reading-width)!important;

    margin-left:auto!important;

    margin-right:auto!important;
}


.training-single-content,
.training-news-body{

    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;

    font-size:17px!important;

    font-weight:400!important;

    line-height:2!important;
}


.training-single-content p,
.training-news-body p{

    font-size:17px!important;

    line-height:2!important;
}


/* =========================================================
   12 手机端
   ========================================================= */

@media only screen and (max-width:768px){

    body{

        font-size:16px!important;
    }


    .p1788mf1788-09fa34c805022a827 .xg_menuA1{

        font-size:16px!important;
    }


    .p1788mf1788-09fa34c805022a827 .xg_menuA2{

        font-size:15px!important;
    }


    /* Hero */

    .service-page-hero{

        padding:24px 0 22px 0!important;
    }


    .service-page-hero-inner{

        width:92%!important;
    }


    .service-page-hero-en{

        font-size:11px!important;

        letter-spacing:1.6px!important;
    }


    .service-page-hero-title{

        font-size:28px!important;
    }


    .service-page-hero-line{

        margin-top:14px!important;
    }


    /* 服务主体 */

    .culture-layout{

        width:92%!important;

        max-width:92%!important;

        margin:10px auto 45px auto!important;
    }


    /* 手机服务顶部栏目 */

    .p1753m35d3e2bea392115b{

        width:92%!important;

        margin-left:auto!important;

        margin-right:auto!important;

        overflow-x:auto!important;

        overflow-y:hidden!important;

        -webkit-overflow-scrolling:touch;
    }


    .p1753m35d3e2bea392115b .xg_tMenuUl1{

        display:flex!important;

        flex-wrap:nowrap!important;

        width:max-content!important;

        min-width:100%!important;
    }


    .p1753m35d3e2bea392115b .xg_tMenuLi1{

        flex:0 0 auto!important;

        width:auto!important;

        float:none!important;

        white-space:nowrap!important;
    }


    .p1753m35d3e2bea392115b .xg_tMenuA1{

        display:block!important;

        width:auto!important;

        padding:10px 14px!important;

        font-size:15px!important;

        font-weight:500!important;

        line-height:1.5!important;
    }


    .p1753m35d3e2bea392115b
    .xg_tMenuLi1.xg_tMenuLi1-select
    .xg_tMenuA1{

        color:#fff!important;

        background:var(--td-red)!important;
    }


    /* 企业文化侧栏手机横向 */

    html.culture-page .culture-left{

        width:100%!important;

        min-height:0!important;

        margin:0 0 25px 0!important;

        padding:0 0 8px 0!important;

        border-right:0!important;

        overflow-x:auto!important;
    }


    html.culture-page .culture-menu{

        display:flex!important;

        flex-wrap:nowrap!important;

        width:max-content!important;
    }


    html.culture-page .culture-menu > li{

        width:auto!important;

        min-height:0!important;

        margin:0 25px 0 0!important;

        white-space:nowrap!important;
    }


    html.culture-page .culture-menu > li > a{

        width:auto!important;

        min-height:0!important;

        font-size:16px!important;

        font-weight:500!important;

        line-height:38px!important;
    }


    html.culture-page .culture-menu > li.active::after{

        left:0!important;

        right:auto!important;

        top:auto!important;

        bottom:-5px!important;

        width:100%!important;

        height:2px!important;
    }


    /* 面包屑 */

    .p1753m6ae89680634b4e0e
    >
    .p1753m8f64fa26dcadfc09{

        width:92%!important;

        max-width:92%!important;

        padding:8px 0 4px!important;

        font-size:12px!important;
    }


    /* 服务正文 */

    .culture-right .xg_text,
    .culture-right .xg_text p:not(.img-caption),
    .culture-right .xg_text li,
    .culture-right .xg_text li p{

        font-size:16px!important;

        line-height:1.9!important;
    }


    .culture-right .xg_text p[style*="font-size:26px"],
    .culture-right .xg_text p[style*="font-size: 26px"],
    .culture-right .xg_text p[style*="font-size:27px"],
    .culture-right .xg_text p[style*="font-size: 27px"]{

        font-size:24px!important;
    }


    .culture-right .xg_text p[style*="font-size:18px"],
    .culture-right .xg_text p[style*="font-size: 18px"],
    .culture-right .xg_text p[style*="font-size:20px"],
    .culture-right .xg_text p[style*="font-size: 20px"]{

        font-size:18px!important;
    }


    /* 培训 */

    .training-single-wrap,
    .training-single-position,
    .training-shell{

        width:92%!important;

        max-width:92%!important;
    }


    .training-single-hero h1,
    .training-hero h1{

        font-size:29px!important;

        letter-spacing:1px!important;
    }


    .training-single-nav a,
    .training-nav a{

        padding:8px 14px!important;

        font-size:15px!important;
    }


    .training-single-content,
    .training-single-content p,
    .training-news-body,
    .training-news-body p{

        font-size:16px!important;

        line-height:1.9!important;
    }

}
/* =========================================================
   13 服务页 HERO 间距最终修正
   解决 Hero 与服务横向子菜单之间留白过大的问题
   ========================================================= */

.service-page-hero{
    width:100%!important;
    padding:26px 0 16px 0!important;
    margin:0!important;
    background:#fff!important;
}

.service-page-hero-inner{
    width:75%!important;
    max-width:var(--td-page-width)!important;
    margin:0 auto!important;
}

.service-page-hero-en{
    margin:0 0 6px 0!important;
    color:#999!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.5!important;
    letter-spacing:2px!important;
}

.service-page-hero-title{
    margin:0!important;
    padding:0!important;
    color:var(--td-title)!important;
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
    font-size:36px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:.4px!important;
}

.service-page-hero-line{
    width:42px!important;
    height:3px!important;
    margin-top:14px!important;
    background:var(--td-red)!important;
}

/* 消除旧模板对子菜单行额外制造的顶部空白 */
.p1753mbb00205fb72bb316{
    margin-top:0!important;
    padding-top:0!important;
}

.p1753mabe104b8ee8a0a52{
    margin-top:0!important;
}

@media only screen and (min-width:769px){
    .service-page-hero + .row{
        margin-top:18px!important;
    }
}

@media only screen and (max-width:768px){
    .service-page-hero{
        padding:20px 0 14px 0!important;
    }

    .service-page-hero-inner{
        width:92%!important;
    }

    .service-page-hero-en{
        font-size:11px!important;
        letter-spacing:1.6px!important;
    }

    .service-page-hero-title{
        font-size:28px!important;
    }

    .service-page-hero-line{
        margin-top:12px!important;
    }
}


/* =========================================================
   14 首页旧字体统一

   首页旧模板中大量写死：
   fontface__思源黑体...
   微软雅黑

   不直接重写首页结构，只在首页作用域中覆盖旧字体，
   保留 Impact 数字等特殊设计字体。
   ========================================================= */

html.topduty-home-page{
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}

html.topduty-home-page [style*="fontface__思源黑体"],
html.topduty-home-page [style*="fontface__思源黑体"],
html.topduty-home-page [face*="思源黑体"],
html.topduty-home-page [style*="font-family: 微软雅黑"],
html.topduty-home-page [style*="font-family:微软雅黑"]{
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}


/* 首页主要中文标题轻量化 */
html.topduty-home-page #module344 b,
html.topduty-home-page #module360 b,
html.topduty-home-page #module362 b,
html.topduty-home-page #module386 b,
html.topduty-home-page #module366 b,
html.topduty-home-page #module415 b{
    font-weight:500!important;
}


/* 首页18px副标题不再强制粗体 */
html.topduty-home-page #module344 [style*="font-size: 18px"],
html.topduty-home-page #module360 [style*="font-size: 18px"],
html.topduty-home-page #module362 [style*="font-size: 18px"],
html.topduty-home-page #module386 [style*="font-size: 18px"],
html.topduty-home-page #module366 [style*="font-size: 18px"],
html.topduty-home-page #module415 [style*="font-size: 18px"]{
    font-weight:400!important;
    letter-spacing:.2px;
}


/* 首页“详细介绍”按钮 */
html.topduty-home-page .float_a_btn,
html.topduty-home-page .m_button_style_7{
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
    font-weight:400!important;
}


/* 首页新闻区 */
html.topduty-home-page .article_title,
html.topduty-home-page .news_summary,
html.topduty-home-page .news_time{
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}

html.topduty-home-page .article_title{
    font-weight:500!important;
}


/* 首页轮播标题 */
html.topduty-home-page .swiper-container h1,
html.topduty-home-page .swiper-container h4{
    font-family:
        "PingFang SC",
        "Hiragino Sans GB",
        "Microsoft YaHei UI",
        "Microsoft YaHei",
        Arial,
        sans-serif!important;
}


/* =========================================================
   15 首页手机端基础保护
   仅做字体与溢出保护，不重构旧绝对定位模块
   =========================================================  
/* =========================================================
   一、非企业文化栏目：强制隐藏左侧栏
   ========================================================= */

html.non-culture-page .culture-left{
    display:none!important;
}

html.non-culture-page .culture-layout{
    display:block!important;
}

html.non-culture-page .culture-right{
    width:100%!important;
    max-width:none!important;
    flex:1 1 100%!important;
}


/* =========================================================
   二、企业文化四个子栏目：PC端显示并完全复制企业品牌样式
   ========================================================= */

@media only screen and (min-width:769px){

    html.culture-page .culture-left{
        display:block!important;

        width:315px!important;

        flex:0 0 315px!important;

        margin-left:0!important;

        margin-right:40px!important;

        padding:0!important;

        min-height:300px!important;

        border-right:1px solid #cdcdcd!important;

        position:relative!important;

        background:#fff!important;

        overflow:visible!important;

        box-sizing:border-box!important;
    }


    html.culture-page .culture-left::after{
        display:none!important;
        content:none!important;
    }


    html.culture-page .culture-menu{
        display:block!important;

        width:244px!important;

        margin:0!important;

        padding:0!important;

        list-style:none!important;

        overflow:visible!important;
    }


    html.culture-page .culture-menu > li{
        position:relative!important;

        display:list-item!important;

        width:292px!important;

        min-height:28px!important;

        height:auto!important;

        margin-top:30px!important;

        margin-right:0!important;

        margin-bottom:40px!important;

        margin-left:0!important;

        padding:0!important;

        list-style:none!important;

        background:transparent!important;

        white-space:normal!important;
    }


    html.culture-page .culture-menu > li:first-child{
        margin-top:0!important;
    }


    html.culture-page .culture-menu > li:last-child{
        margin-bottom:0!important;
    }


    html.culture-page .culture-menu > li > a{
        display:block!important;

        width:292px!important;

        height:auto!important;

        min-height:0!important;

        margin:0!important;

        padding:0!important;

        color:#333333!important;

        font-family:
            "Microsoft YaHei",
            "微软雅黑",
            sans-serif!important;

        font-size:24px!important;

        font-weight:bold!important;

        line-height:1.45!important;

        text-align:left!important;

        text-decoration:none!important;

        background:transparent!important;

        border:0!important;

        white-space:normal!important;
    }


    html.culture-page .culture-menu > li > a:hover{
        color:#e8382c!important;

        background:transparent!important;

        text-decoration:none!important;
    }


    html.culture-page .culture-menu > li.active > a{
        color:#e8382c!important;

        font-weight:bold!important;
    }


    html.culture-page .culture-menu > li.active::after{
        content:""!important;

        display:block!important;

        position:absolute!important;

        top:1px!important;

        right:-23px!important;

        bottom:auto!important;

        left:auto!important;

        width:3px!important;

        height:28px!important;

        background:#e8382c!important;

        z-index:5!important;
    }

}


/* =========================================================
   三、企业文化四个子栏目：手机端按企业品牌样式
   ========================================================= */

@media only screen and (max-width:768px){

    html.culture-page .culture-left{
        display:block!important;

        width:100%!important;

        min-height:0!important;

        margin:0 0 32px 0!important;

        padding-bottom:10px!important;

        border-right:0!important;

        overflow-x:auto!important;

        -webkit-overflow-scrolling:touch!important;
    }


    html.culture-page .culture-menu{
        display:flex!important;

        width:max-content!important;
    }


    html.culture-page .culture-menu > li{
        width:auto!important;

        min-height:0!important;

        margin:0 28px 0 0!important;

        white-space:nowrap!important;
    }


    html.culture-page .culture-menu > li:last-child{
        margin-right:0!important;
    }


    html.culture-page .culture-menu > li > a{
        width:auto!important;

        font-size:17px!important;

        line-height:38px!important;
    }


    html.culture-page .culture-menu > li.active::after{
        left:0!important;

        right:auto!important;

        top:auto!important;

        bottom:-10px!important;

        width:100%!important;

        height:2px!important;
    }


    html.non-culture-page .culture-left{
        display:none!important;
    }

}


@media only screen and (min-width:769px){

    /* =====================================================
       1. 培训栏目/列表页公共外层
       ===================================================== */

    .training-shell,
    .training-single-wrap,
    .training-single-position{
        width:92%!important;
        max-width:none!important;

        margin-left:auto!important;
        margin-right:auto!important;

        float:none!important;
        box-sizing:border-box!important;
    }


    /* =====================================================
       2. 培训正文/列表内容区域
       取消旧的 980 / 1000 / 1080 等最大宽度限制
       ===================================================== */

    .training-content,
    .training-single-article,
    .training-news-article{
        width:100%!important;
        max-width:none!important;
        box-sizing:border-box!important;
    }


    /* =====================================================
       3. 部分培训模板可能沿用站点容器类
       统一扩大到 92%
       ===================================================== */

    html.training-page .p1753m8f64fa26dcadfc09,
    html.training-page .p1753m6ae89680634b4e0e > .p1753m8f64fa26dcadfc09{
        width:92%!important;
        min-width:92%!important;
        max-width:92%!important;

        margin-left:auto!important;
        margin-right:auto!important;

        float:none!important;
    }


    /* =====================================================
       4. 培训栏目顶部标题/栏目导航所在区域
       ===================================================== */

    html.training-page .training-header,
    html.training-page .training-head,
    html.training-page .training-nav-wrap,
    html.training-page .training-list-wrap{
        width:100%!important;
        max-width:none!important;
    }

}


/* =========================================================
   手机端保持原有 92%，不额外放大
   ========================================================= */

@media only screen and (max-width:768px){

    .training-shell,
    .training-single-wrap,
    .training-single-position{
        width:92%!important;
        max-width:92%!important;

        margin-left:auto!important;
        margin-right:auto!important;
    }

}

@media only screen and (min-width:769px){

    /* 公司简介 */
    #s40001 > #c400010001{
        width:92%!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    /* 信仰 + 创始人 */
    #s50011 > #c500110001{
        width:92%!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box!important;
    }

    /* 公司荣誉 */
    #s50012 > #c500120001{
        width:92%!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    /* 各区域内部整行利用完整外层宽度 */
    #s40001 > #c400010001 > .row,
    #s50011 > #c500110001 > .row,
    #s50012 > #c500120001 > .row{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }

    /* 公司简介正文不再被额外 max-width 限制 */
    #s40001 .p1712m3c71a30ccafcc737,
    #s40001 .p1712m3c71a30ccafcc737 p{
        max-width:none!important;
    }
}

/* 手机端继续保持合理留白 */
@media only screen and (max-width:768px){

    #s40001 > #c400010001,
    #s50011 > #c500110001,
    #s50012 > #c500120001{
        width:92%!important;
        max-width:92%!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
}