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

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

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

   说明：
   首页顶部导航的“缩放补偿字号”不再写在本文件中，
   由 comm/head.html 在首页执行 pageAutoScale 后单独处理。
   ========================================================= */


/* =========================================================
   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 全站字体
   ========================================================= */

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 顶部一级主导航
   内页标准字号；首页会由 head.html 做缩放补偿
   ========================================================= */

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

    .p1788mf1788-09fa34c805022a827 .xg_menuLi1,
    .p1788mf1788-09fa34c805022a827 .xg_menuA1{
        font-size:20px!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 服务正文统一字号
   ========================================================= */

.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;
}

.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;
}

.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;
}

.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;
    }

    .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 间距最终修正
   ========================================================= */

.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 首页旧字体统一
   ========================================================= */

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 [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;
}

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: 30px"],
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 首页手机端基础保护
   ========================================================= */

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

    html.topduty-home-page,
    html.topduty-home-page body{
        overflow-x:hidden!important;
    }

    html.topduty-home-page .swiper-container h1{
        font-weight:500!important;
    }

    html.topduty-home-page .swiper-container h4{
        font-weight:400!important;
    }

}