@charset "utf-8";

/* ===== 自适应公共样式 ===== */
* {
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
    font-size: 16px;
}
body {
    font-family: "Helvetica Neue", PingFangSC-regular, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
}

/* ===== 顶部导航 - 完全自适应 ===== */
.g-topNav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    transition: all 0.3s;
}
.g-topNav.solid {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.g-topNav .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.m-topLogo {
    width: 111px;
    height: 29px;
    background: url(../images/icon_logo_default@2x.png) no-repeat;
    background-size: contain;
}
.g-topNav.solid .m-topLogo {
    background: url(../images/icon_logo_blue@2x.png) no-repeat;
    background-size: contain;
}

/* 导航菜单 - PC横排，手机汉堡菜单（由于你无JS，默认隐藏，你可以加菜单按钮） */
.m-topNav .menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.m-topNav .menu > li {
    margin-left: 24px;
    position: relative;
}
.m-topNav .menu > li > a {
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
}
.g-topNav.solid .menu > li > a {
    color: #25345c;
}
.m-login {
    display: flex;
    align-items: center;
}
.m-login .u-btn {
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 12px;
    text-decoration: none;
}
.m-login .signin {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}
.m-login .signup {
    background: #0B4FFC;
    color: #fff;
    border: 1px solid #0B4FFC;
}
.g-topNav.solid .signin {
    border-color: #25345c;
    color: #25345c;
}

/* ===== 移动端导航适配 ===== */
@media (max-width: 768px) {
    .g-topNav .wrapper {
        padding: 0 15px;
    }
    .m-topNav .menu {
        display: none; /* 手机端菜单隐藏，如需显示需配合JS汉堡菜单，这里保持简洁 */
    }
    .m-login .u-btn {
        padding: 4px 12px;
        font-size: 13px;
    }
}

/* ===== 底部sitemap - 完全自适应 ===== */
/* ===== 底部导航 - 完全修复版 ===== */
.g-section.sitemap {
    background-color: #002140;
    padding: 50px 0 30px;
    width: 100%;
}

.m-section-sitemap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 底部主容器：PC横排，手机竖排 */
.lists {
    display: flex;
    flex-direction: row;     /* PC横排 */
    flex-wrap: wrap;
    justify-content: flex-start;  /* 从左开始排列，不要 space-between */
    gap: 60px;               /* 栏目间距 */
    margin-bottom: 40px;
}

/* 每个栏目块 - 固定宽度，不要弹性挤压 */
.lists .list {
    width: auto;
    min-width: 160px;        /* 最小宽度，防止被挤扁 */
    margin: 0;
    padding: 0;
    flex: 0 0 auto;          /* 禁止弹性缩放 */
}

/* 栏目标题 */
.lists .list dt {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 24px;
    white-space: nowrap;     /* 强制一行，防止标题换行 */
}

/* 链接列表 */
.lists .list dd {
    margin: 0 0 14px 0;
    padding: 0;
    color: #939599;
    font-size: 14px;
    line-height: 1.5;
}

.lists .list dd a {
    color: #939599;
    text-decoration: none;
    transition: color 0.2s;
    white-space: nowrap;     /* 链接文字不换行 */
}

.lists .list dd a:hover {
    color: #fff;
}

/* 联系我们特殊处理 - 客服微信可以换行 */
.lists .list.contact dd {
    white-space: normal;     /* 微信文字允许换行 */
    word-break: break-all;
}

/* 底部版权区域 */
.m-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px 0;
    border-top: 1px solid rgba(204, 204, 204, 0.2);
    color: #939599;
    font-size: 12px;
    text-align: center;
}

/* ===== 手机端适配 ===== */
@media (max-width: 768px) {
    .lists {
        flex-direction: column;   /* 手机竖排 */
        gap: 40px;
        align-items: center;     /* 居中显示 */
        text-align: center;
    }
    
    .lists .list {
        width: 100%;
        max-width: 300px;        /* 手机端每个栏目宽度一致 */
        text-align: center;
    }
    
    .lists .list dt {
        white-space: normal;     /* 手机端允许标题换行 */
        margin-bottom: 20px;
    }
    
    .lists .list dd {
        white-space: normal;     /* 手机端链接允许换行 */
    }
    
    .lists .list dd a {
        white-space: normal;
    }
    
    /* 外链栏目在手机端居中 */
    .lists .prd,
    .lists .help,
    .lists .contact {
        text-align: center;
    }
}

/* 超小屏（<480px）进一步优化 */
@media (max-width: 480px) {
    .lists {
        gap: 30px;
    }
    
    .lists .list dt {
        font-size: 17px;
    }
    
    .lists .list dd {
        font-size: 13px;
    }
}

/* ===== 右侧浮动客服 - 自适应 ===== */
.m-confirm {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}
.m-confirm .m-confirm__item {
    width: 58px;
    height: 58px;
    background: #0B4FFC;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    position: relative;
}
@media (max-width: 768px) {
    .m-confirm {
        right: 10px;
    }
    .m-confirm .m-confirm__item {
        width: 48px;
        height: 48px;
    }
}

/* ===== 容器通用 ===== */
.m-content-center {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.g-section {
    width: 100%;
}
.i_service_t {
    text-align: center;
    padding: 60px 20px 40px;
}
.i_service_t h2 {
    font-size: clamp(24px, 6vw, 32px);
    color: #25345c;
    margin-bottom: 16px;
}
.i_service_t p {
    font-size: clamp(14px, 3.5vw, 16px);
    color: #a7aec1;
}

/* ===== 数字滚动区域 ===== */
.g-gdnum {
    background: #0B4FFC;
    padding: 40px 20px;
    width: 100%;
}
.scroll_num {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
}
.scroll_num dl {
    color: #fff;
    margin: 15px;
}
.scroll_num dt {
    font-size: clamp(28px, 6vw, 40px);
    font-weight: bold;
}
.scroll_num dd {
    font-size: clamp(16px, 4vw, 20px);
    margin-top: 8px;
}

/* ===== 其他公用样式保留，去除固定宽度 ===== */
.table_nav,
.tablemain,
.g-djsy-bg,
.g-jjfa-bg,
.g-yyyth-bg,
.g-lxjz-bg {
    max-width: 100%;
    width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}