@import url("../fonts/noto-sans-sc/noto-sans-sc.css");
html, body, button, input, select, textarea {
    font-family: "Noto Sans SC", "Source Han Sans SC", "思源黑体", "PingFang SC", "Helvetica Neue", Arial, sans-serif !important;
}
* {
    font-family: inherit;
}

/* ===== 全局：防止横向溢出滚动 ===== */
html, body {
    overflow-x: hidden;
}
.page-wrapper {
    overflow-x: hidden;
}

/* ===== 地区切换器 ===== */
.region-switch {
    position: relative;
    margin-left: 20px;
    color: #fff;
    font-size: 14px;
}
/* 遮罩层（全局，PC+移动端通用） */
.region-mask {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 10000;
    transform: translateZ(0);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.region-mask.show {
    opacity: 1;
    visibility: visible;
}
/* region-panel 在 region-mask 之上（移动端） */
.region-switch.open .region-panel {
    z-index: 10001;
}
.region-current {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(255,255,255,0.12);
    cursor: pointer;
    user-select: none;
    transition: background .2s;
    white-space: nowrap;
}
.region-current:hover {
    background: rgba(255,255,255,0.22);
}
.region-switch.open .region-current {
    background: rgba(255,255,255,0.22);
    border-radius: 4px 4px 0 0;
}
.region-current svg {
    flex-shrink: 0;
}
.region-name {
    font-weight: 500;
}
.region-toggle {
    font-size: 12px;
    opacity: 0.75;
    margin-left: 2px;
    position: relative;
    padding-right: 12px;
}
.region-toggle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0; height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid currentColor;
    transform: translateY(-50%);
    transition: transform .2s;
}
.region-switch.open .region-toggle:after {
    transform: translateY(-50%) rotate(180deg);
}
.region-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 520px;
    background: #fff;
    color: #333;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    z-index: 10001;
}
.region-switch.open .region-panel {
    display: block;
    animation: regionFade .18s ease;
}
@keyframes regionFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* PC 端：面板顶部独立一行，返回主站左 + 关闭右 */
.region-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
}
.region-back-pc {
    font-size: 13px;
    color: #2b7bff;
    text-decoration: none;
}
.region-back-pc:hover {
    color: #1a5fd8;
    text-decoration: underline;
}
.region-close-pc {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    border-radius: 4px;
    transition: all .15s;
}
.region-close-pc:hover {
    color: #333;
    background: #f0f0f0;
}
/* PC 端隐藏移动端的关闭条 */
.region-close {
    display: none;
}
.region-tabs {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 0 16px;
}
.region-tab {
    padding: 12px 18px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: color .2s;
    text-decoration: none;
    flex-shrink: 0;
}
.region-tab:hover { color: #2b7bff; }
.region-tab.active { color: #2b7bff; font-weight: 600; }
.region-tab.active:after {
    content: "";
    position: absolute;
    left: 18px; right: 18px; bottom: 0;
    height: 2px;
    background: #2b7bff;
}
.region-body {
    padding: 14px 16px 16px;
    max-height: 300px;
    overflow-y: auto;
}
.region-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px;
}
.region-grid a {
    display: block;
    text-align: center;
    padding: 8px 0;
    font-size: 13px;
    color: #555;
    border-radius: 3px;
    transition: all .15s;
    text-decoration: none;
}
.region-grid a:hover {
    color: #2b7bff;
    background: #f3f1fa;
}
.region-grid a.active {
    color: #2b7bff;
    background: #ede8f7;
    font-weight: 600;
}

/* 滚动后头部固定时适配 */
.fixed-header .region-current {
    background: rgba(255,255,255,0.15);
}

/* ===== 二级下拉菜单（PC端） ===== */
.main-menu .navigation li.has-child {
    position: relative;
}
.main-menu .navigation li.has-child > .nav-parent {
    cursor: default;
}
.main-menu .navigation li.has-child > .nav-arrow {
    display: none;
}
.main-menu .navigation li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    padding: 8px 0;
    z-index: 999;
    animation: subFade .2s ease;
}
.main-menu .navigation li:hover > .sub-menu {
    display: block;
}
@keyframes subFade {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.main-menu .navigation li .sub-menu li {
    float: none;
    padding: 0;
}
.main-menu .navigation li .sub-menu li a {
    display: block;
    padding: 10px 20px;
    color: #555;
    font-size: 14px;
    text-align: left;
    transition: all .15s;
    white-space: nowrap;
}
.main-menu .navigation li .sub-menu li a:hover {
    color: #322576;
    background: #f5f3fa;
}
.main-menu .navigation li .sub-menu li.current-menu-item a {
    color: #322576;
    background: #ede8f7;
    font-weight: 600;
}
/* 移动端手风琴已在 menu.css 中定义，避免重复覆盖 */

/* ===== 移动端地区切换器：底部弹出抽屉 ===== */
@media only screen and (max-width: 991px) {
    /* 修复：ycnh.css 非媒体查询的 .nav-arrow{display:none} 会覆盖 menu.css 的移动端显示 */
    .main-menu .navigation li.has-child > .nav-arrow {
        display: flex !important;
    }
    /* 移动端抽屉头部可见 */
    .drawer-header {
        display: flex !important;
    }
    .region-switch {
        display: inline-block;
        margin-left: 10px;
        font-size: 12px;
    }
    .region-current {
        padding: 4px 8px;
        border-radius: 3px;
    }
    .region-current svg {
        width: 12px;
        height: 12px;
    }
    .region-name {
        max-width: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .region-toggle {
        font-size: 11px;
        padding-right: 8px;
    }
    /* 面板：底部抽屉 */
    .region-panel {
        position: fixed !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 90vh !important;
        height: auto !important;
        border-radius: 14px 14px 0 0 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.18) !important;
        z-index: 10001 !important;
        transform: translateY(100%);
        transition: transform .3s ease;
        overflow: hidden;
        /* 防止 fixed_footer 遮挡 */
        padding-bottom: 60px !important;
        box-sizing: border-box;
    }
    .region-switch.open .region-panel {
        transform: translateY(0);
        animation: none;
    }
    /* 移动端也用 panel-top 行：返回主站左 + 关闭右 */
    .region-panel-top {
        display: flex !important;
    }
    /* 移动端隐藏关闭条（用 panel-top 的 × 代替） */
    .region-close {
        display: none !important;
    }
    /* 移动端 region-mask 隐藏（不再使用） */
    .region-mask {
        display: none !important;
    }
    /* Tab 行 */
    .region-tabs {
        padding: 0 16px;
        flex-shrink: 0;
    }
    .region-tab {
        padding: 14px 16px;
        font-size: 15px;
    }
    .region-tab.active:after {
        left: 16px; right: 16px;
    }
    /* 网格区域：5列更紧凑 */
    .region-body {
        padding: 8px 8px 20px;
        max-height: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .region-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 2px;
    }
    .region-grid a {
        padding: 8px 0;
        font-size: 13px;
        border-radius: 4px;
    }
}

/* ===== 内页导航：与首页一致的渐变背景 ===== */
.main-header.header-solid {
    background: linear-gradient(90deg, #1a1f4b 0%, #322576 55%, #6b3bb8 100%);
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-header.header-solid:before {
    display: none;
}
.main-header.header-solid .main-menu .navigation li a {
    color: #FFFFFF;
}
.main-header.header-solid .main-menu .navigation li a:hover {
    color: #ffe08a;
}

/* ===== 移动端菜单内联系电话按钮 ===== */
.mobile-tel-btn { display: none; padding: 20px 16px; }
.mobile-tel-btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    background: linear-gradient(135deg, #ff4757, #c51109);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.mobile-tel-btn a:hover { opacity: .9; }
.mobile-tel-btn a svg { flex-shrink: 0; }
@media screen and (max-width: 991px) {
    .mobile-tel-btn { display: block; }
}

.stats-section {
    background: #FFFFFF;
    padding: 70px 0;
}

.stats-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.stats-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 10px 15px;
}

.stats-item + .stats-item {
    border-left: 1px solid #E8E8E8;
}

.stats-num {
    font-size: 58px;
    font-weight: 300;
    color: #222222;
    line-height: 1.1;
    margin-bottom: 20px;
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}

.stats-unit {
    font-size: 20px;
    font-weight: 400;
    color: #555555;
    margin-left: 6px;
}

.stats-label {
    font-size: 17px;
    color: #888888;
}

@media screen and (max-width: 1199px) {
    .stats-num {
        font-size: 46px;
    }
    .stats-unit {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .stats-section {
        padding: 40px 0;
    }
    .stats-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .stats-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 20px 10px;
    }
    .stats-item + .stats-item {
        border-left: none;
    }
    .stats-item:nth-child(even) {
        border-left: 1px solid #E8E8E8;
    }
    .stats-item:nth-child(3),
    .stats-item:nth-child(4) {
        border-top: 1px solid #E8E8E8;
    }
    .stats-num {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .stats-unit {
        font-size: 15px;
    }
    .stats-label {
        font-size: 14px;
    }
}

.hero-slider {
    position: relative;
    width: 100%;
}

.hero-slider .slick-list,
.hero-slider .slick-track {
    height: 100%;
}

.hero-slider .slick-slide {
    height: 620px;
}

.hero-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    contain: layout paint style;
}

.hero-slide video {
    pointer-events: none;
}

.hero-slide > video,
.hero-slide > img.hero-media-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, rgba(8, 18, 60, 0.72) 0%, rgba(8, 18, 60, 0.35) 55%, rgba(8, 18, 60, 0.08) 100%);
    background: linear-gradient(90deg, rgba(8, 18, 60, 0.72) 0%, rgba(8, 18, 60, 0.35) 55%, rgba(8, 18, 60, 0.08) 100%);
}

.hero-slide .container {
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-caption {
    width: 100%;
    max-width: 100%;
    color: #FFFFFF;
}

.hero-caption .hero-title {
    font-size: 60px;
    line-height: 1.25;
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin-bottom: 24px;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.hero-caption .hero-desc {
    font-size: 20px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom: 38px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-caption .theme-btn {
    margin-top: 0;
    color: #FFFFFF;
    font-weight: 600;
    background: linear-gradient(120deg, #8255d4 0%, #6f42c1 100%);
    -webkit-box-shadow: 0 8px 20px rgba(111, 66, 193, 0.34);
    box-shadow: 0 8px 20px rgba(111, 66, 193, 0.34);
}

.hero-caption .theme-btn:before {
    opacity: 0;
}

.hero-caption .theme-btn:hover {
    color: #FFFFFF;
    background: linear-gradient(120deg, #6f42c1 0%, #5934a0 100%);
    -webkit-box-shadow: 0 10px 24px rgba(89, 52, 160, 0.42);
    box-shadow: 0 10px 24px rgba(89, 52, 160, 0.42);
}

.hero-caption .theme-btn:hover:before {
    opacity: 0;
}

.hero-slider .slick-arrow::before {
    content: none;
}

.hero-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.hero-arrow:hover {
    background: #1d32cc;
}

.hero-arrow svg {
    width: 22px;
    height: 22px;
    display: block;
    stroke: #FFFFFF;
}

.hero-prev {
    left: 30px;
}

.hero-next {
    right: 30px;
}

.hero-arrow.slick-disabled {
    opacity: 0.35;
    cursor: default;
}

.hero-slider .slick-dots {
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    z-index: 5;
}

.hero-slider .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
}

.hero-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    font-size: 0;
    line-height: 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hero-slider .slick-dots li.slick-active button {
    width: 32px;
    border-radius: 6px;
    background: #FFFFFF;
}

@media screen and (max-width: 1199px) {
    .hero-slider .slick-slide {
        height: 460px;
    }
    .hero-caption .hero-title {
        font-size: 44px;
    }
    .hero-caption .hero-desc {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {
    .hero-slider .slick-slide {
        height: 380px;
    }
    .hero-caption .hero-title {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .hero-caption .hero-desc {
        font-size: 15px;
        margin-bottom: 24px;
    }
    .hero-slider .hero-arrow {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .hero-slider .slick-slide {
        height: 300px;
    }
    .hero-mask {
        background: rgba(8, 18, 60, 0.5);
    }
    .hero-slide .container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .hero-caption {
        max-width: 100%;
        padding: 0 44px;
    }
    .hero-caption .hero-title {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 1px;
        margin-bottom: 12px;
    }
    .hero-caption .hero-desc {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 16px;
    }
    .hero-caption .theme-btn {
        font-size: 13px;
        padding: 9px 22px;
    }
}

@media screen and (max-width: 480px) {
    .hero-slider .slick-slide {
        height: 250px;
    }
    .hero-caption {
        padding: 0 40px;
    }
    .hero-caption .hero-title {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .hero-caption .hero-desc {
        font-size: 12px;
        line-height: 1.55;
        margin-bottom: 14px;
    }
    .hero-caption .theme-btn {
        font-size: 12px;
        padding: 8px 18px;
    }
    .hero-slider .slick-dots {
        bottom: 16px;
    }
}

.news-panel {
    background: #FFFFFF;
    padding: 85px 0 80px;
}

.news-panel-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 36px;
}

.news-panel-tit {
    position: relative;
    padding-left: 18px;
}

.news-panel-tit::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 8px;
    width: 5px;
    border-radius: 3px;
    background: #8f1d43;
}

.news-panel-tit h2 {
    font-size: 36px;
    font-weight: 700;
    color: #8f1d43;
    line-height: 1.2;
    margin: 0 0 10px;
}

.news-panel-tit p {
    font-size: 15px;
    color: #9b938d;
    margin: 0;
}

.news-more {
    font-size: 16px;
    color: #8f1d43;
    font-weight: 500;
    white-space: nowrap;
}

.news-more:hover {
    color: #6f1532;
}

.news-more-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: 2px;
}

.news-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 38px;
}

.news-tabs a {
    display: inline-block;
    padding: 10px 28px;
    border: 1px solid #e6d3ca;
    border-radius: 30px;
    font-size: 15px;
    color: #4c4c4c;
    background: transparent;
    -webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.news-tabs a:hover {
    color: #8f1d43;
    border-color: #8f1d43;
}

.news-tabs a.active {
    color: #FFFFFF;
    background: #8f1d43;
    border-color: #8f1d43;
}

.news-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 42px;
}

.news-feature {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
}

.news-feature-card {
    display: block;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 0 12px 34px rgba(143, 29, 67, 0.08);
    box-shadow: 0 12px 34px rgba(143, 29, 67, 0.08);
    -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-feature-card:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 18px 42px rgba(143, 29, 67, 0.14);
    box-shadow: 0 18px 42px rgba(143, 29, 67, 0.14);
}

.news-feature-img {
    height: 340px;
    overflow: hidden;
}

.news-feature-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.45s ease;
    transition: transform 0.45s ease;
}

.news-feature-card:hover .news-feature-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news-feature-body {
    padding: 24px 26px 26px;
}

.news-feature-body h3 {
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    line-height: 1.45;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-feature-card:hover h3 {
    color: #8f1d43;
}

.news-feature-desc {
    font-size: 14px;
    color: #9e9791;
    line-height: 1.75;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-feature-date {
    font-size: 14px;
    color: #a29a95;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-feature-date svg {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    stroke: #b5ada7;
}

.news-rank {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-rank li {
    border-bottom: 1px solid #eee2db;
}

.news-rank li:last-child {
    border-bottom: none;
}

.news-rank a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 4px;
}

.news-rank-no {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 36px;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    line-height: 36px;
    margin-right: 18px;
}

.news-rank-no.no-top {
    background: #8f1d43;
}

.news-rank-no.no-hot {
    background: #c2a752;
}

.news-rank-no.no-normal {
    background: #a8a099;
}

.news-rank-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.news-rank-main h4 {
    font-size: 17px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 1.4;
    margin: 0 0 8px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

.news-rank a:hover h4 {
    color: #8f1d43;
}

.news-rank-main p {
    font-size: 14px;
    color: #9e9791;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(14px * 1.5 * 2);
}

.news-rank-date {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 52px;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    width: 52px;
    margin-right: 16px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-rank-date strong {
    font-size: 34px;
    font-weight: 700;
    color: #d6cfc8;
    line-height: 1;
    font-style: italic;
}

.news-rank-date span {
    display: block;
    font-size: 12px;
    color: #c2bab2;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #e4ddd4;
    white-space: nowrap;
}

@media screen and (max-width: 1199px) {
    .news-panel {
        padding: 70px 0 65px;
    }
    .news-feature {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 44%;
        -ms-flex: 0 0 44%;
        flex: 0 0 44%;
    }
    .news-feature-img {
        height: 280px;
    }
}

@media screen and (max-width: 991px) {
    .news-layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
    }
    .news-feature {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
    .news-feature-img {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .news-panel {
        padding: 50px 0 45px;
    }
    .news-panel-head {
        margin-bottom: 24px;
    }
    .news-panel-tit h2 {
        font-size: 28px;
    }
    .news-panel-tit p {
        font-size: 13px;
    }
    .news-more {
        font-size: 14px;
    }
    .news-tabs {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 26px;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }
    .news-tabs::-webkit-scrollbar {
        display: none;
    }
    .news-tabs a {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 8px 20px;
        font-size: 14px;
    }
    .news-feature-img {
        height: 210px;
    }
    .news-feature-body {
        padding: 18px 20px 20px;
    }
    .news-feature-body h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .news-feature-desc {
        font-size: 13px;
        margin-bottom: 12px;
    }
    .news-rank a {
        padding: 14px 2px;
    }
    .news-rank-no {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin-right: 12px;
    }
    .news-rank-main h4 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .news-rank-main p {
        font-size: 13px;
    }
    .news-rank-date {
        -webkit-flex-basis: 44px;
        -ms-flex-preferred-size: 44px;
        flex-basis: 44px;
        width: 44px;
        margin-right: 12px;
    }
    .news-rank-date strong {
        font-size: 24px;
    }
    .news-rank-date span {
        font-size: 10px;
        margin-top: 4px;
        padding-top: 4px;
    }
}

/* ===== 团队实景图片：新的显示方式与 hover 效果 ===== */
.team-section .team-member {
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 24px rgba(23, 32, 90, 0.08);
    box-shadow: 0 8px 24px rgba(23, 32, 90, 0.08);
    background: #FFFFFF;
    -webkit-transition: -webkit-transform 0.35s ease, -webkit-box-shadow 0.35s ease;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.team-section .team-member:before {
    display: none;
}
.team-section .team-member:hover {
    background: #FFFFFF;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-box-shadow: 0 16px 40px rgba(23, 32, 90, 0.14);
    box-shadow: 0 16px 40px rgba(23, 32, 90, 0.14);
}
.team-section .member-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    line-height: 0;
}
.team-section .member-image img {
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.team-section .member-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(29, 50, 204, 0.55) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.team-section .team-member:hover .member-image img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}
.team-section .team-member:hover .member-image:after {
    opacity: 1;
}

.about2-section {
    background: #eef3fb;
    padding: 95px 0 90px;
}

.about2-head {
    text-align: center;
    margin-bottom: 54px;
}

.about2-head h2 {
    font-size: 44px;
    font-weight: 800;
    color: #16203a;
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: 2px;
}

.about2-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 18px;
}

.about2-divider span {
    display: block;
    width: 52px;
    height: 2px;
    background: -webkit-linear-gradient(left, rgba(52, 97, 255, 0), rgba(52, 97, 255, 0.55));
    background: linear-gradient(to right, rgba(52, 97, 255, 0), rgba(52, 97, 255, 0.55));
}

.about2-divider span:last-child {
    background: -webkit-linear-gradient(right, rgba(52, 97, 255, 0), rgba(52, 97, 255, 0.55));
    background: linear-gradient(to left, rgba(52, 97, 255, 0), rgba(52, 97, 255, 0.55));
}

.about2-divider i {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background: #3461ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about2-head p {
    font-size: 17px;
    color: #8a94a8;
    margin: 0;
}

.about2-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.about2-wrap {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 30px;
}

.about2-card {
    background: #FFFFFF;
    border-radius: 18px;
    padding: 34px 32px;
    border: 1px solid #e9eef7;
    -webkit-box-shadow: 0 14px 40px rgba(38, 67, 128, 0.06);
    box-shadow: 0 14px 40px rgba(38, 67, 128, 0.06);
}

.about2-card-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #edf1f8;
}

.about2-card-hd h3 {
    font-size: 21px;
    font-weight: 700;
    color: #1c2540;
    margin: 0;
}

.about2-ic {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 14px;
    border-radius: 11px;
    background: #e9f0ff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.about2-ic svg {
    width: 21px;
    height: 21px;
    stroke: #3461ff;
}

.about2-card-bd p {
    font-size: 14.5px;
    color: #69758c;
    line-height: 1.95;
    margin: 0 0 16px;
}

.about2-card-bd p strong {
    color: #1c2540;
    font-weight: 700;
}

.about2-tags {
    margin-top: 22px;
    padding: 18px 22px;
    background: #f5f8fd;
    border-radius: 12px;
    font-size: 14.5px;
    color: #7a859a;
}

.about2-tags strong {
    color: #16203a;
    font-size: 18px;
    font-weight: 800;
}

.about2-tags i {
    font-style: normal;
    color: #c2ccdb;
    margin: 0 10px;
}

.about2-adv-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.about2-adv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 18px;
    background: #f5f8fc;
    border-radius: 12px;
    min-width: 0;
}

.about2-adv > div {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
}

.about2-adv em {
    font-style: normal;
    font-size: 15px;
    font-weight: 700;
    color: #a5b4cb;
    margin-right: 14px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.about2-adv h4 {
    font-size: 15.5px;
    font-weight: 700;
    color: #1c2540;
    margin: 0 0 5px;
    white-space: nowrap;
}

.about2-adv p {
    font-size: 13px;
    color: #9aa6ba;
    margin: 0;
    line-height: 1.4;
}

.about2-intro {
    margin-bottom: 22px !important;
}

.about2-diff-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 18px;
    background: #f5f8fc;
    border-radius: 12px;
    margin-bottom: 14px;
}

.about2-diff-item:last-child {
    margin-bottom: 0;
}

.about2-diff-item .about2-ic {
    width: 38px;
    height: 38px;
    margin-right: 14px;
    border-radius: 10px;
}

.about2-diff-item .about2-ic svg {
    width: 19px;
    height: 19px;
}

.about2-diff-item h4 {
    font-size: 15.5px;
    font-weight: 700;
    color: #1c2540;
    margin: 0 0 5px;
}

.about2-diff-item p {
    font-size: 13px;
    color: #9aa6ba;
    margin: 0;
    line-height: 1.4;
}

@media screen and (max-width: 1199px) {
    .about2-section {
        padding: 75px 0 70px;
    }
    .about2-head h2 {
        font-size: 36px;
    }
    .about2-wrap {
        padding: 0 20px;
    }
    .about2-grid {
        gap: 18px;
    }
    .about2-card {
        padding: 26px 20px;
    }
    .about2-card-hd {
        margin-bottom: 18px;
        padding-bottom: 16px;
    }
    .about2-ic {
        width: 38px;
        height: 38px;
        margin-right: 10px;
    }
    .about2-card-bd p {
        font-size: 14px;
        line-height: 1.85;
    }
    .about2-adv {
        padding: 14px;
    }
    .about2-adv em {
        margin-right: 10px;
    }
    .about2-adv h4 {
        font-size: 14px;
    }
    .about2-adv p {
        font-size: 12px;
    }
}

@media screen and (max-width: 900px) {
    .about2-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

@media screen and (max-width: 768px) {
    .about2-section {
        padding: 55px 0 50px;
    }
    .about2-head {
        margin-bottom: 34px;
    }
    .about2-head h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .about2-head p {
        font-size: 15px;
    }
    .about2-card {
        padding: 24px 20px;
        border-radius: 14px;
    }
    .about2-card-hd h3 {
        font-size: 19px;
    }
    .about2-adv-grid {
        gap: 10px;
    }
    .about2-adv {
        padding: 13px 14px;
    }
    .about2-tags {
        font-size: 13.5px;
        padding: 15px 16px;
    }
}

@media screen and (max-width: 480px) {
    .about2-adv-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== 三步流程板块（原 sy_05.jpg 图片文字化） ===== */
.steps3 {
    width: 100%;
    background: linear-gradient(120deg, #6d3df0 0%, #2f7bff 48%, #9240f0 100%);
    border-radius: 22px;
    padding: 10px;
}

.steps3-inner {
    position: relative;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 52px 70px;
    overflow: hidden;
}

.steps3-wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 330px;
    height: 175px;
    z-index: 0;
    pointer-events: none;
}

.steps3-wave path {
    fill: none;
    stroke: #e2e7f6;
    stroke-width: 1.5;
}

.steps3-grid {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.steps3-item {
    text-align: center;
    padding: 0 24px;
}

.steps3-no {
    width: 104px;
    height: 104px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: linear-gradient(160deg, #7094ff 0%, #4a34e8 55%, #3b25c7 100%);
    -webkit-box-shadow: 0 14px 28px rgba(74, 52, 232, 0.32), inset 0 2px 6px rgba(255, 255, 255, 0.35);
    box-shadow: 0 14px 28px rgba(74, 52, 232, 0.32), inset 0 2px 6px rgba(255, 255, 255, 0.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: italic 800 62px/1 "Noto Sans SC", "Source Han Sans SC", Arial, sans-serif;
    color: #FFFFFF;
    text-shadow: 3px -3px 0 #a7d63f;
}

.steps3-item h3 {
    font-size: 30px;
    font-weight: 800;
    color: #2b35e6;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 0 0 12px;
}

.steps3-item p {
    font-size: 17px;
    color: #8a8f9c;
    line-height: 1.7;
    margin: 0;
}

.steps3-arrow {
    width: 40px;
    height: 40px;
    -ms-grid-row-align: center;
    align-self: center;
    stroke: #6d7bff;
    z-index: 1;
}

.steps3-dot {
    position: absolute;
    right: -74px;
    bottom: -94px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d638ef 0%, #8b3df0 58%, #5b2ee6 100%);
    z-index: 0;
    pointer-events: none;
}

@media screen and (max-width: 1199px) {
    .steps3-inner {
        padding: 46px 40px 40px;
    }
    .steps3-item {
        padding: 0 16px;
    }
    .steps3-no {
        width: 90px;
        height: 90px;
        font-size: 52px;
        margin-bottom: 18px;
    }
    .steps3-item h3 {
        font-size: 26px;
    }
    .steps3-item p {
        font-size: 15.5px;
    }
    .steps3-arrow {
        width: 34px;
        height: 34px;
    }
}

@media screen and (max-width: 991px) {
    .steps3-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .steps3-inner {
        padding: 36px 34px 30px;
    }
    .steps3-item {
        padding: 26px 20px 24px;
    }
    .steps3-item:first-child {
        padding-top: 10px;
    }
    .steps3-item:not(:last-child) {
        border-bottom: 1px dashed #e3e8f7;
    }
    .steps3-no {
        width: 76px;
        height: 76px;
        font-size: 44px;
        text-shadow: 2px -2px 0 #a7d63f;
    }
    .steps3-item h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .steps3-item p {
        font-size: 15px;
    }
    .steps3-arrow {
        width: 30px;
        height: 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: 10px auto;
    }
    .steps3-dot {
        width: 130px;
        height: 130px;
        right: -52px;
        bottom: -64px;
    }
}

@media screen and (max-width: 575px) {
    .steps3 {
        border-radius: 16px;
        padding: 7px;
    }
    .steps3-inner {
        border-radius: 10px;
        padding: 30px 18px 24px;
    }
    .steps3-item {
        padding: 22px 12px 20px;
    }
    .steps3-item:first-child {
        padding-top: 6px;
    }
    .steps3-no {
        width: 60px;
        height: 60px;
        font-size: 34px;
        margin-bottom: 14px;
    }
    .steps3-item h3 {
        font-size: 20px;
        letter-spacing: 0;
    }
    .steps3-item p {
        font-size: 14px;
    }
    .steps3-arrow {
        width: 26px;
        height: 26px;
    }
    .steps3-dot {
        display: none;
    }
}

.promise {
    width: 100%;
    background: linear-gradient(120deg, #2f7bff 0%, #36a6f5 45%, #22c6e8 100%);
    border-radius: 12px;
    padding: 10px;
}

.promise-inner {
    position: relative;
    background: #FFFFFF;
    border-radius: 14px;
    padding: 50px 60px 46px;
    overflow: hidden;
}

.promise-wave {
    position: absolute;
    left: 0;
    top: 0;
    width: 330px;
    height: 175px;
    z-index: 0;
    pointer-events: none;
}

.promise-wave path {
    fill: none;
    stroke: #e2e7f6;
    stroke-width: 1.5;
}

.promise-title {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #2b35e6;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0;
}

.promise-grid {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 36px 0 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 30px;
}

.promise-grid li {
    background: linear-gradient(120deg, #3d8bff 0%, #5b5bf5 100%);
    border-radius: 14px;
    padding: 20px 24px;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: 1px;
    -webkit-box-shadow: 0 8px 18px rgba(74, 92, 240, 0.18);
    box-shadow: 0 8px 18px rgba(74, 92, 240, 0.18);
}

.promise-banner {
    position: relative;
    z-index: 1;
    margin-top: 34px;
    border: 1.5px solid #6e9bff;
    border-radius: 16px;
    background: linear-gradient(180deg, #f4f8ff 0%, #eaf2ff 100%);
    padding: 40px 40px 42px;
    text-align: center;
}

.promise-year {
    position: relative;
    width: 200px;
    height: 104px;
    margin: 0 auto 2px;
}

.promise-arc {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 110px;
}

.promise-year-num {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.promise-year-num b {
    font-size: 82px;
    font-weight: 800;
    line-height: 1;
    color: #4b5cf3;
    font-style: italic;
}

.promise-year-num span {
    font-size: 26px;
    font-weight: 700;
    color: #4b5cf3;
    margin-left: 6px;
}

.promise-banner h3 {
    font-size: 27px;
    font-weight: 800;
    color: #1d1d1d;
    margin: 6px 0 22px;
    letter-spacing: 1px;
}

.promise-search {
    max-width: 540px;
    margin: 0 auto;
    height: 58px;
    border: 2px solid #c3d4f5;
    border-radius: 8px;
    background: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.promise-search-ic {
    width: 22px;
    height: 22px;
    margin: 0 14px 0 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    stroke: #7a8699;
}

.promise-search-url {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    font-size: 23px;
    color: #222222;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.promise-search em {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    background: #5b8bf5;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    margin: 3px;
    border-radius: 5px;
    letter-spacing: 1px;
}

.promise-tags {
    margin: 24px 0 0;
    font-size: 25px;
    font-weight: 500;
    color: #1d1d1d;
    letter-spacing: 4px;
}

@media screen and (max-width: 1199px) {
    .promise-inner {
        padding: 42px 40px 38px;
    }
    .promise-title {
        font-size: 26px;
    }
    .promise-grid {
        margin-top: 30px;
        gap: 14px 20px;
    }
    .promise-grid li {
        font-size: 18px;
        padding: 17px 18px;
    }
    .promise-banner {
        padding: 34px 30px 36px;
    }
    .promise-banner h3 {
        font-size: 24px;
    }
    .promise-search-url {
        font-size: 20px;
    }
    .promise-tags {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .promise-inner {
        padding: 34px 22px 30px;
    }
    .promise-title {
        font-size: 21px;
        letter-spacing: 0;
    }
    .promise-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 26px;
    }
    .promise-grid li {
        font-size: 16.5px;
        padding: 15px 16px;
        letter-spacing: 0.5px;
    }
    .promise-banner {
        margin-top: 26px;
        padding: 28px 18px 30px;
    }
    .promise-year {
        width: 160px;
        height: 84px;
    }
    .promise-arc {
        width: 160px;
        height: 88px;
    }
    .promise-year-num b {
        font-size: 64px;
    }
    .promise-year-num span {
        font-size: 21px;
    }
    .promise-banner h3 {
        font-size: 20px;
        margin-bottom: 18px;
        letter-spacing: 0;
    }
    .promise-search {
        height: 50px;
    }
    .promise-search-ic {
        width: 18px;
        height: 18px;
        margin: 0 10px 0 14px;
    }
    .promise-search-url {
        font-size: 17px;
    }
    .promise-search em {
        font-size: 14px;
        padding: 0 14px;
    }
    .promise-tags {
        font-size: 18px;
        letter-spacing: 2px;
        margin-top: 18px;
    }
}

@media screen and (max-width: 480px) {
    .promise {
        border-radius: 16px;
        padding: 7px;
    }
    .promise-inner {
        border-radius: 10px;
        padding: 28px 16px 24px;
    }
    .promise-wave {
        width: 220px;
        height: 120px;
    }
    .promise-title {
        font-size: 18px;
    }
    .promise-grid li {
        font-size: 15px;
        padding: 13px 14px;
    }
    .promise-banner {
        padding: 24px 14px 26px;
    }
    .promise-banner h3 {
        font-size: 18px;
    }
    .promise-search-url {
        font-size: 15px;
    }
    .promise-search em {
        padding: 0 10px;
        font-size: 12px;
    }
    .promise-tags {
        font-size: 16px;
        letter-spacing: 1px;
    }
}

/* ===== 我们敢于承诺：文字防换行防溢出 ===== */
.app-tool-item {
    min-width: 0;
}
.app-tool-details {
    min-width: 0;
}
.app-tool-details h6 {
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== 团队区标题 h2 响应式（原全局48px太大） ===== */
.team-section .section-heading h2 {
    font-size: 40px;
    line-height: 1.4;
    margin: 0;
}
@media screen and (max-width: 1199px) {
    .team-section .section-heading h2 {
        font-size: 32px;
    }
}
@media screen and (max-width: 991px) {
    .team-section .section-heading h2 {
        font-size: 26px;
    }
}
@media screen and (max-width: 575px) {
    .team-section .section-heading h2 {
        font-size: 20px;
    }
}

/* ===== 底部导航 fNav 字号响应式 ===== */
.footer .fLeft .fNav li a {
    font-size: 17px;
}
@media screen and (max-width: 1199px) {
    .footer .fLeft .fNav li a {
        font-size: 15px;
    }
    .footer .fLeft .fNav li {
        padding-left: 44px;
    }
    .footer .fLeft .fNav li:before {
        left: 22px;
    }
}
@media screen and (max-width: 991px) {
    .footer .fLeft .fNav li a {
        font-size: 14px;
    }
    .footer .fLeft .fNav li {
        padding-left: 30px;
    }
    .footer .fLeft .fNav li:before {
        left: 15px;
    }
}

/* ===== 顶部导航：7个栏目紧凑排布，防止换行 ===== */
@media screen and (min-width: 992px) {
    .main-menu .navigation li {
        padding: 38px 15px;
    }
    .main-menu .navigation li a {
        font-size: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu .navigation li {
        padding: 38px 7px;
    }
    .main-menu .navigation li a {
        font-size: 13px;
    }
    .menu-btn .theme-btn {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    .menu-btn .theme-btn .tel-ic svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* ===== 顶部电话按钮：紫底白字 ===== */
.menu-btn .theme-btn.theme-btn-red {
    color: #FFFFFF;
    font-weight: 600;
    background: linear-gradient(120deg, #8255d4 0%, #6f42c1 100%);
    -webkit-box-shadow: 0 8px 20px rgba(111, 66, 193, 0.34);
    box-shadow: 0 8px 20px rgba(111, 66, 193, 0.34);
}

.menu-btn .theme-btn.theme-btn-red:before {
    opacity: 0;
}

.menu-btn .theme-btn.theme-btn-red:hover {
    color: #FFFFFF;
    background: linear-gradient(120deg, #6f42c1 0%, #5934a0 100%);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 10px 24px rgba(89, 52, 160, 0.42);
    box-shadow: 0 10px 24px rgba(89, 52, 160, 0.42);
}

.menu-btn .theme-btn.theme-btn-red:hover:before {
    opacity: 0;
}

.menu-btn .theme-btn-red .tel-ic {
    width: auto;
    height: auto;
    padding: 0 9px 0 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
}

.menu-btn .tel-ic svg {
    width: 22px;
    height: 22px;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* ===== 页脚版权区宽度（PC 留位给右侧二维码，移动端占满） ===== */
.footer .fLeft .copy-main {
    width: 80%;
}

@media screen and (max-width: 768px) {
    .footer .fLeft {
        float: none !important;
        width: 100%;
    }
    .footer .fLeft .copy-main {
        float: none !important;
        width: 100%;
    }
}

/* ===== 加载动画：云字（替换原 GIF 转圈） ===== */
.preloader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FFFFFF;
    background-image: none;
}

.preloader-yun {
    font-size: 84px;
    font-weight: 800;
    line-height: 1;
    color: #6f42c1;
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: yunPulse 1.1s ease-in-out infinite;
    animation: yunPulse 1.1s ease-in-out infinite;
}

@-webkit-keyframes yunPulse {
    0%, 100% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes yunPulse {
    0%, 100% {
        opacity: 0.3;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 768px) {
    .preloader-yun {
        font-size: 44px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 480px) {
    .preloader-yun {
        font-size: 34px;
    }
}

/* ===== 新闻列表页 / 详情页 ===== */
.page-banner {
    background: linear-gradient(120deg, #16225e 0%, #43318f 55%, #6f42c1 100%);
    color: #FFFFFF;
    height: 320px;
    padding: 100px 0 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.page-banner .banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.page-banner .container {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.page-banner h1 {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 22px;
    background: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.page-banner h3 {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 1px;
    margin: 0;
}

.page-crumb {
    background: #FFFFFF;
    padding: 8px 0;
    font-size: 13px;
    color: #A2A6B8;
    border-bottom: 1px solid #f1f2f7;
    margin-top: 0;
}

.page-crumb svg,
.page-crumb svg * {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.page-crumb a svg {
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.page-crumb a {
    color: #5A5F76;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-crumb a:hover {
    color: #8f1d43;
}

.page-crumb span.sep {
    margin: 0 8px;
    color: #C9CCDA;
}

/* 侧边栏模块 */
.bg-white {
    background: #fff;
}
.padding-big {
    padding: 20px;
}
.title-l h2 {
    line-height: 28px;
    height: 28px;
    color: #333;
    position: relative;
    font-size: 16px;
    letter-spacing: 0;
    padding-left: 20px;
    margin-bottom: 10px;
}
.title-l h2:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    top: 4px;
    background: #8f1d43;
    left: 0;
}
.list-post-text {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-post-text li {
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.8;
}
.list-post-text li a {
    display: block;
    color: #5A5F76;
}
.list-post-text li a:hover {
    color: #8f1d43;
}
.list-post-text li.dot a {
    padding-left: 15px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-post-text li.dot a:before {
    content: '';
    position: absolute;
    left: -2px;
    background: #ccc;
    width: 6px;
    height: 6px;
    top: 9px;
    border-radius: 50%;
}
.list-post-text li.dot:hover a:before {
    background: #8f1d43;
}

/* 分页 */
.np-pagination {
    text-align: center;
    padding: 20px 0 10px;
}
.np-pagination .pagination {
    width: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
.np-pagination .pagination li {
    display: inline-block;
    margin: 0 3px;
    font-size: 12px;
    border-radius: 3px;
}
.np-pagination .pagination li a,
.np-pagination .pagination li span {
    display: inline-block;
    min-width: 32px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #5A5F76;
    text-decoration: none;
    border-radius: 3px;
    float: none;
    margin: 0;
    font-size: 12px;
}
.np-pagination .pagination li a:hover {
    background: #8f1d43;
    color: #fff;
    border-color: #8f1d43;
}
.np-pagination .pagination li.active a,
.np-pagination .pagination li .cur {
    background: #8f1d43;
    color: #fff !important;
    border-color: #8f1d43;
}

@media screen and (max-width: 991px) {
    .page-banner {
        height: 220px;
        padding: 85px 0 24px;
    }
}

.np-body {
    padding: 10px 0 70px;
    background: #f5f6fa;
}

.np-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
}

.np-side {
    width: 260px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 260px;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    background: #FFFFFF;
    border-radius: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
    box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
}

.np-side-tit {
    background: linear-gradient(120deg, #8f1d43 0%, #b12a52 100%);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 22px;
    letter-spacing: 1px;
}

.np-cats a {
    display: block;
    padding: 13px 22px;
    font-size: 15px;
    color: #444B63;
    border-bottom: 1px solid #f1f2f7;
    position: relative;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.np-cats a:last-child {
    border-bottom: 0;
}

.np-cats a:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #c9cbd8;
    border-right: 2px solid #c9cbd8;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.np-cats a:hover,
.np-cats a.active {
    background: #fdf3f6;
    color: #8f1d43;
    padding-left: 28px;
}

.np-cats a:hover:after,
.np-cats a.active:after {
    border-color: #8f1d43;
}

.np-cats a.active {
    font-weight: 700;
}

.np-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.np-list {
    background: #FFFFFF;
    border-radius: 14px;
    -webkit-box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
    box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
    overflow: hidden;
}

.np-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 26px 28px;
    border-bottom: 1px solid #f1f2f7;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
}

.np-item:last-child {
    border-bottom: 0;
}

.np-item:hover {
    background: #fcfcfe;
}

.np-item-img {
    display: block;
    width: 250px;
    height: 165px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    margin-right: 28px;
}

.np-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.np-item:hover .np-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.np-item-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.np-item-tit {
    font-size: 19px;
    font-weight: 700;
    color: #23283F;
    line-height: 1.45;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

.np-item:hover .np-item-tit {
    color: #8f1d43;
}

.np-item-desc {
    font-size: 14px;
    color: #7A7F96;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.np-item-meta {
    margin-top: auto;
    font-size: 13px;
    color: #A2A6B8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
}

.np-item-meta .mi {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.np-item-meta svg {
    width: 15px;
    height: 15px;
    stroke: #A2A6B8;
}

.np-empty {
    padding: 60px 0;
    text-align: center;
    color: #A2A6B8;
    font-size: 15px;
    display: none;
}

.np-detail {
    background: #FFFFFF;
    border-radius: 14px;
    -webkit-box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
    box-shadow: 0 6px 24px rgba(23, 32, 90, 0.06);
    padding: 38px 42px 34px;
}

.nd-title {
    font-size: 26px;
    font-weight: 800;
    color: #23283F;
    line-height: 1.5;
}

/* ===== 新版底部（new-footer） ===== */
.new-footer {
    background: linear-gradient(135deg, #1a1f3a 0%, #2d1b4e 100%);
    color: #ffffff;
    padding: 56px 0 0;
}
.new-footer .nf-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.new-footer .nf-brand {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.new-footer .nf-logo img {
    height: 48px;
    margin-bottom: 18px;
}
.new-footer .nf-slogan {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.8;
    margin: 0 0 20px;
    max-width: 360px;
}
.new-footer .nf-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}
.new-footer .nf-contact span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
}
.new-footer .nf-contact svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: #c9a8ff;
}
.new-footer .nf-cols {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}
.new-footer .nf-col h4 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(201,168,255,0.4);
    display: inline-block;
}
.new-footer .nf-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.new-footer .nf-col ul li {
    margin-bottom: 10px;
}
.new-footer .nf-col ul li a {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    text-decoration: none;
    -webkit-transition: color 0.25s, padding-left 0.25s;
    transition: color 0.25s, padding-left 0.25s;
}
.new-footer .nf-col ul li a:hover {
    color: #c9a8ff;
    padding-left: 6px;
}
.new-footer .nf-qr .nf-qr-img {
    width: 110px;
    height: 110px;
    background: #ffffff;
    border-radius: 8px;
    padding: 6px;
    margin-bottom: 10px;
}
.new-footer .nf-qr .nf-qr-img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
}
.new-footer .nf-qr p {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    text-align: center;
}
.new-footer .nf-bottom {
    padding: 16px 0;
}
.new-footer .nf-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.new-footer .nf-copy span {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
}
.new-footer .nf-copy a {
    color: rgba(255,255,255,0.55);
    text-decoration: none;
}
.new-footer .nf-copy a:hover {
    color: #c9a8ff;
}
.new-footer .nf-cities {
    padding: 14px 0 22px;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    line-height: 2;
}
.new-footer .nf-cities a {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    text-decoration: none;
    margin: 0 6px;
    white-space: nowrap;
}
.new-footer .nf-cities a:hover {
    color: #c9a8ff;
}
.new-footer .nf-cities a.nf-more {
    color: #c9a8ff;
    font-weight: 500;
    margin-left: 8px;
}
.new-footer .nf-cities a.nf-more:hover {
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .new-footer .nf-top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 36px;
    }
    .new-footer .nf-brand {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .new-footer .nf-cols {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 36px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
    /* 移动端隐藏快速导航、服务支持列 */
    .new-footer .nf-cols .nf-col:nth-child(1),
    .new-footer .nf-cols .nf-col:nth-child(2) {
        display: none;
    }
    /* 二维码居中 */
    .new-footer .nf-cols .nf-col.nf-qr {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
        max-width: 100%;
    }
    .new-footer .nf-qr .nf-qr-img { margin: 0 auto 10px; }
}
@media screen and (max-width: 575px) {
    .new-footer { padding-top: 36px; }
    .new-footer .nf-cols { gap: 24px; }
    .new-footer .nf-cols .nf-col:nth-child(1),
    .new-footer .nf-cols .nf-col:nth-child(2) {
        display: none;
    }
    .new-footer .nf-col.nf-qr { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; max-width: 100%; }
    .new-footer .nf-qr .nf-qr-img { margin: 0 auto 10px; }
}

/* ===== 全国分站列表页 ===== */
.fz-body {
    background: #f7f8fc;
    padding: 50px 0 70px;
}
.fz-tip {
    text-align: center;
    font-size: 14px;
    color: #999999;
    padding: 0 0 28px;
    line-height: 1.6;
}
.fz-rows {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    -webkit-box-shadow: 0 4px 16px rgba(23, 32, 90, 0.05);
    box-shadow: 0 4px 16px rgba(23, 32, 90, 0.05);
}
.fz-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px dashed #e8eaf0;
}
.fz-row:last-child {
    border-bottom: none;
}
.fz-prov {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    display: inline-block;
    background: #2b7bff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 6px 0;
    border-radius: 4px;
    margin-right: 20px;
    white-space: nowrap;
}
.fz-prov a {
    color: #ffffff;
    text-decoration: none;
}
.fz-prov a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.fz-cities {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    line-height: 2;
    padding-top: 2px;
}
.fz-cities a {
    font-size: 14px;
    color: #555555;
    text-decoration: none;
    margin-right: 14px;
    white-space: nowrap;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.fz-cities a:hover {
    color: #2b7bff;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .fz-body { padding: 30px 0 40px; }
    .fz-rows { padding: 18px; }
    .fz-prov {
        -webkit-flex-basis: 70px;
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
        font-size: 13px;
        margin-right: 12px;
    }
    .fz-cities a { font-size: 13px; margin-right: 10px; }
}

/* ===== 底部 CTA 横幅（footer 之前） ===== */
.fcta-banner{
    position:relative;
    padding:56px 24px;
    overflow:hidden;
    background:linear-gradient(120deg,#2a2350 0%,#4a2d7a 45%,#6b3bb8 100%);
    color:#fff;
}
.fcta-banner:before{
    content:"";
    position:absolute;
    left:-120px;top:-120px;
    width:360px;height:360px;
    background:radial-gradient(circle,rgba(255,138,38,.18) 0%,transparent 70%);
    pointer-events:none;
}
.fcta-banner:after{
    content:"";
    position:absolute;
    right:-100px;bottom:-100px;
    width:320px;height:320px;
    background:radial-gradient(circle,rgba(43,123,255,.22) 0%,transparent 70%);
    pointer-events:none;
}
.fcta-inner{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}
.fcta-text{flex:1;min-width:0}
.fcta-text .fcta-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:rgba(255,255,255,.75);
    margin-bottom:14px;
}
.fcta-text .fcta-eyebrow:before{
    content:"";
    width:28px;height:2px;
    background:rgba(255,255,255,.5);
    border-radius:2px;
}
.fcta-text h2{
    font-size:42px;
    font-weight:900;
    margin:0 0 12px;
    line-height:1.2;
    color:#fff;
}
.fcta-text h2 .o{color:#ffc47a}
.fcta-text .fcta-sub{
    font-size:16px;
    color:rgba(255,255,255,.82);
    margin:0;
}
.fcta-btns{
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0;
}
.fcta-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 30px;
    border-radius:50px;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:all .2s ease;
    cursor:pointer;
    border:2px solid transparent;
    white-space:nowrap;
}
.fcta-btn svg{width:18px;height:18px;flex-shrink:0}
.fcta-btn--tel{
    background:#ffc47a;
    color:#4a2d7a;
    border-color:#ffc47a;
}
.fcta-btn--tel:hover{
    background:#ffb85c;
    border-color:#ffb85c;
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(255,196,122,.35);
}
.fcta-btn--wx{
    background:transparent;
    color:#fff;
    border-color:rgba(255,255,255,.6);
}
.fcta-btn--wx:hover{
    background:rgba(255,255,255,.12);
    border-color:#fff;
    transform:translateY(-2px);
}
.fcta-btn--wx svg{color:#7bd87b}
.fcta-btn--tel svg{color:#4a2d7a}

/* 平板 */
@media (max-width:1000px){
    .fcta-banner{padding:48px 20px}
    .fcta-text h2{font-size:34px}
    .fcta-btns{gap:14px}
    .fcta-btn{padding:12px 24px;font-size:15px}
}

/* 手机 */
@media (max-width:700px){
    .fcta-inner{
        flex-direction:column;
        text-align:center;
        gap:28px;
    }
    .fcta-text .fcta-eyebrow{justify-content:center}
    .fcta-text h2{font-size:26px}
    .fcta-text .fcta-sub{font-size:14px}
    .fcta-btns{
        flex-direction:column;
        width:100%;
        gap:12px;
    }
    .fcta-btn{
        width:100%;
        justify-content:center;
        padding:14px 20px;
    }
}


.nd-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 22px;
    font-size: 13px;
    color: #A2A6B8;
    padding: 14px 0 18px;
    border-bottom: 1px solid #f1f2f7;
    margin-bottom: 24px;
}

.nd-meta .mi {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.nd-meta svg {
    width: 15px;
    height: 15px;
    stroke: #A2A6B8;
}

.nd-cover {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 26px;
}

.nd-body {
    font-size: 16px;
    color: #4A4F66;
    line-height: 1.9;
}

.nd-body p {
    margin-bottom: 16px;
}

.nd-body h3 {
    font-size: 19px;
    color: #23283F;
    font-weight: 700;
    margin: 26px 0 14px;
    padding-left: 12px;
    border-left: 4px solid #8f1d43;
}

.nd-disclaim {
    margin-top: 30px;
    padding: 14px 18px;
    background: #faf6f2;
    border-left: 3px solid #8f1d43;
    border-radius: 6px;
    font-size: 13px;
    color: #9A8F94;
    line-height: 1.8;
}

.nd-disclaim .lab {
    color: #8f1d43;
    font-weight: 700;
    margin-right: 6px;
}

.nd-pn {
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid #f1f2f7;
    font-size: 14px;
    color: #7A7F96;
}

.nd-pn a {
    color: #444B63;
    display: block;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.nd-pn a:hover {
    color: #8f1d43;
}

.nd-pn .lab {
    color: #A2A6B8;
    margin-right: 8px;
}

.nd-back {
    margin-top: 24px;
    display: inline-block;
    padding: 10px 28px;
    border-radius: 22px;
    border: 1px solid #d9dbe6;
    color: #5A5F76;
    font-size: 14px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.nd-back:hover {
    background: #8f1d43;
    border-color: #8f1d43;
    color: #FFFFFF;
}

/* ===== 桌面小屏 992-1199px：防换行 / 防溢出 ===== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* 底部导航压缩，防止换行 */
    .footer-menu li {
        padding: 0 7px;
    }
    .footer-menu li a {
        font-size: 13px;
    }
    /* 新闻列表图片略缩小，给文字留空间 */
    .np-item-img {
        width: 220px;
        -webkit-flex: 0 0 220px;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
    }
    .np-item {
        padding: 22px 20px;
    }
    /* 敢于承诺：36px 太大，缩小 */
    .app-tool-details h6 {
        font-size: 17px;
    }
    .app-tool-icon {
        width: 48px;
        height: 48px;
        margin-right: 12px;
    }
    /* 流程图文字防换行 */
    .steps3-item h3 {
        white-space: nowrap;
    }
    .steps3-item p {
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    .np-layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .np-side {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .np-cats {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 6px;
    }
    .np-cats a {
        padding: 9px 16px;
        border-bottom: 0;
        border-radius: 18px;
    }
    .np-cats a:hover,
    .np-cats a.active {
        padding-left: 16px;
    }
    .np-cats a:after {
        display: none;
    }
    .np-item {
        padding: 20px;
    }
    .np-item-img {
        width: 200px;
        height: 135px;
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        margin-right: 20px;
    }
    .np-detail {
        padding: 26px 22px;
    }
}

@media screen and (max-width: 575px) {
    .page-banner {
        height: 200px;
        padding: 75px 0 20px;
    }
    .page-banner h1 {
        font-size: 26px;
    }
    .np-item {
        display: block;
    }
    .np-item-img {
        width: 100%;
        height: 180px;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin: 0 0 14px;
    }
    .np-item-tit {
        white-space: normal;
        display: block;
        font-size: 17px;
    }
    .nd-title {
        font-size: 20px;
    }
}

/* ============================================================
   三个单栏目页统一样式：lists_single_dz.htm / fzdz.htm / fuwu.htm
   字号体系：Hero eyebrow 48px / h1 60px / h2 44px
   ============================================================ */


/* ===== 1. lists_single_dz.htm —— dzcp 品牌网站定制 ===== */
.dzcp{--ink:#1f2937;--sub:#4b5563;--mute:#6b7280;--line:#e5e7eb;--bg:#f5f6f8;--brand:#3d2b7a;--brand2:#6b3bb8;--brandgrad:linear-gradient(135deg,#3d2b7a 0%,#6b3bb8 100%);--accent:#ff8a26;font-size:15.5px;color:var(--ink);line-height:1.85}
.dzcp p{margin:0 0 10px}
.dzcp .dz-sec{padding:56px 20px}
.dzcp .dz-sec--gray{background:var(--bg)}
.dzcp .dz-sec--dark{background:linear-gradient(120deg,#1f1540 0%,#3d2b7a 100%);color:#fff}
.dzcp-inner{max-width:1140px;margin:0 auto}
.dz-hero{text-align:center;padding:60px 20px 36px}
.dz-hero .dz-eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--brand);font-weight:800;letter-spacing:4px;font-size:48px;margin-bottom:18px}
.dz-hero .dz-eyebrow:before,.dz-hero .dz-eyebrow:after{content:"";width:64px;height:2px;background:currentColor;opacity:.45;border-radius:2px;flex-shrink:0}
.dz-hero h1{font-size:60px;font-weight:900;margin:14px 0;color:var(--brand);line-height:1.22}
.dz-hero h1 .o{color:var(--accent)}
.dz-hero .dz-lead{display:inline-block;background:var(--brandgrad);color:#fff;font-size:28px;font-weight:800;padding:16px 50px;border-radius:50px;margin-top:10px}
.dz-hero .dz-lead:before,.dz-hero .dz-lead:after{content:"◆";margin:0 14px;font-size:16px;opacity:.8}
.dz-head{text-align:center;margin-bottom:44px}
.dz-head .dz-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--brand);font-weight:700;letter-spacing:2px;font-size:14px;margin-bottom:10px}
.dz-head .dz-eyebrow:before,.dz-head .dz-eyebrow:after{content:"";width:30px;height:2px;background:currentColor;opacity:.5;border-radius:2px}
.dz-head h2{font-size:44px;font-weight:800;color:var(--ink);margin:0;line-height:1.2}
.dz-head h2 .o{color:var(--accent)}
.dz-head .dz-sub{color:var(--mute);font-size:17px;margin-top:10px}
.dz-head--dark h2{color:#fff}
.dz-head--dark .dz-sub{color:rgba(255,255,255,.85)}
.dz-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dz-service{position:relative;height:460px;border-radius:16px;overflow:hidden;cursor:pointer;background:#222;transition:transform .35s ease, box-shadow .35s ease}
.dz-service:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(61,43,122,.22)}
.dz-service .simg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.2,.8,.2,1), filter .4s ease}
.dz-service:hover .simg{transform:scale(1.08)}
.dz-service .smask{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.55) 100%);transition:background .4s ease}
.dz-service:hover .smask{background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.82) 100%)}
.dz-service .stext{position:absolute;left:0;right:0;top:0;bottom:0;padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;transition:all .45s cubic-bezier(.2,.8,.2,1)}
.dz-service .stitle{font-size:34px;font-weight:900;color:#fff;letter-spacing:2px;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.dz-service .sdesc{color:#fff;font-size:15.5px;line-height:1.85;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease, opacity .35s ease, margin .35s ease}
.dz-service .smore{color:#ffc47a;font-weight:700;font-size:15px;margin-top:14px;opacity:.9;transform:translateY(8px);transition:all .4s ease;text-decoration:none;cursor:pointer;display:inline-block}
.dz-service .smore:hover{color:#fff;text-decoration:none}
.dz-service .smore:after{content:"→";margin-left:6px}
.dz-service:hover .stext{padding-top:36px;padding-bottom:30px}
.dz-service:hover .sdesc{max-height:240px;opacity:1;margin-top:8px}
.dz-service:hover .smore{opacity:1;transform:translateY(0)}
.dz-val{display:flex;align-items:stretch;gap:40px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.dz-val .vbody{flex:1;padding:36px 40px}
.dz-val .vbody h3{font-size:28px;font-weight:800;color:var(--ink);margin:0 0 18px}
.dz-val .vbody .subtitle{color:var(--brand);font-weight:700;margin-bottom:14px;font-size:16px}
.dz-val .vbody ul{margin:0;padding:0;list-style:none}
.dz-val .vbody li{position:relative;padding-left:24px;margin-bottom:16px;font-size:15.5px;color:var(--sub);line-height:1.8}
.dz-val .vbody li:before{content:"";position:absolute;left:0;top:11px;width:10px;height:10px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 3px rgba(61,43,122,.12)}
.dz-val .vbody li strong{color:var(--ink);font-size:16.5px;display:block;margin-bottom:2px}
.dz-val .vimg{width:40%;flex-shrink:0;background:linear-gradient(135deg,#ede8ff,#f4f0ff);display:flex;align-items:center;justify-content:center;padding:30px}
.dz-val .vimg img{max-width:100%;border-radius:10px}
.dz-cols{display:flex;gap:40px;align-items:center}
.dz-cols.reverse{flex-direction:row-reverse}
.dz-cols .cillus{width:42%;flex-shrink:0}
.dz-cols .cillus img{max-width:100%;border-radius:14px;box-shadow:0 14px 40px rgba(31,21,64,.14)}
.dz-cols .cbody{flex:1}
.dz-cols .cbody h3{font-size:30px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.25}
.dz-cols .cbody .ctag{display:inline-block;background:var(--brand);color:#fff;font-size:15px;font-weight:700;padding:5px 16px;border-radius:4px;margin-bottom:16px}
.dz-cols .cbody p.lead{font-size:16px;color:var(--sub);margin-bottom:22px;line-height:1.8}
.dz-cols .cbody ul{margin:0;padding:0;list-style:none}
.dz-cols .cbody li{position:relative;padding-left:24px;margin-bottom:14px;font-size:15px;color:var(--sub);line-height:1.8}
.dz-cols .cbody li:before{content:"◆";position:absolute;left:0;top:1px;color:var(--brand);font-size:12px}
.dz-cols .cbody li strong{color:var(--ink);display:block;margin-bottom:2px;font-weight:800}
.dz-gang{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.dz-gang .gang{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.dz-gang .gang h4{font-size:19px;font-weight:800;color:var(--brand);margin:0 0 8px}
.dz-gang .gang p{font-size:14.5px;color:var(--sub);line-height:1.75}
.dz-cta{text-align:center;padding:50px 20px}
.dz-cta .dz-btn{display:inline-block;background:var(--brandgrad);color:#fff;font-size:18px;font-weight:800;padding:16px 46px;border-radius:50px;text-decoration:none;transition:all .2s}
.dz-cta .dz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(61,43,122,.3)}
.dz-sec--dark .dz-cols h3{color:#fff}
.dz-sec--dark .dz-cols p.lead{color:rgba(255,255,255,.8)}
.dz-sec--dark .dz-cols li{color:rgba(255,255,255,.85)}
.dz-sec--dark .dz-cols li:before{color:#ffc47a}
.dz-sec--dark .dz-cols li strong{color:#fff}
.dz-sec--dark .dz-cols .ctag{background:#ffc47a;color:#4a2d10}
@media (max-width:1000px){.dzcp .dz-sec{padding:44px 16px}.dz-hero .dz-eyebrow{font-size:38px;letter-spacing:3px}.dz-hero .dz-eyebrow:before,.dz-hero .dz-eyebrow:after{width:48px}.dz-hero h1{font-size:52px}.dz-hero .dz-lead{font-size:24px;padding:14px 36px}.dz-head h2{font-size:36px}.dz-services{grid-template-columns:repeat(2,1fr)}.dz-service{height:400px}.dz-service .stitle{font-size:28px}.dz-val{flex-direction:column}.dz-val .vimg{width:100%;padding:26px}.dz-cols,.dz-cols.reverse{flex-direction:column}.dz-cols .cillus{width:100%}.dz-gang{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.dzcp{font-size:14.5px}.dzcp .dz-sec{padding:36px 14px}.dz-hero{padding:10px 14px 24px}.dz-hero .dz-eyebrow{font-size:24px;letter-spacing:2px;margin-bottom:14px}.dz-hero .dz-eyebrow:before,.dz-hero .dz-eyebrow:after{width:28px}.dz-hero h1{font-size:34px;margin:12px 0}.dz-hero .dz-lead{font-size:18px;padding:10px 28px}.dz-head h2{font-size:26px}.dz-services{grid-template-columns:1fr}.dz-service{height:360px}.dz-service .stitle{font-size:24px}.dz-service .stext{padding:28px 24px}.dz-val .vbody{padding:28px 22px}.dz-cols .cbody h3{font-size:24px}.dz-gang{grid-template-columns:1fr}}


/* ===== 2. lists_single_fzdz.htm —— fzdz-page 仿站定制 ===== */
.fzdz-page{--blue:#2b6cf6;--blue2:#1f56d2;--orange:#ff8a26;--ink:#2b3440;--muted:#6b7785;--line:#e7edfb;--bg:#f4f7ff;font-size:15px;color:var(--ink);line-height:1.85;text-align:left}
.fzdz-page p{margin:0 0 10px}
.fzdz-page .fz-sec{padding:54px 20px}
.fzdz-page .fz-sec:first-child{padding-top:6px}
.fzdz-page .fz-sec:last-child{padding-bottom:6px}
.fzdz-page .fz-sec--light{background:var(--bg)}
.fzdz-page .fz-sec--blue{background:linear-gradient(135deg,#2f70f6 0%,#1f56d2 100%);color:#fff}
.fz-head{text-align:center;max-width:820px;margin:0 auto 44px}
.fz-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-weight:700;letter-spacing:2px;font-size:14px}
.fz-eyebrow:before,.fz-eyebrow:after{content:"";width:42px;height:2px;background:currentColor;opacity:.45;border-radius:2px}
.fz-head h2{font-size:44px;font-weight:800;margin:16px 0 12px;color:var(--ink)}
.fz-sec--blue .fz-head h2{color:#fff}
.fz-head .sub{color:var(--muted);font-size:17px}
.fz-sec--blue .fz-head .sub{color:rgba(255,255,255,.85)}
.fz-orange{color:var(--orange)}
.fz-hero{text-align:center}
.fz-hero h1{font-size:60px;font-weight:900;line-height:1.22;margin:18px 0;color:var(--blue)}
.fz-hero h1 .o{color:var(--orange)}
.fz-hero .fz-eyebrow{font-size:48px;letter-spacing:4px;font-weight:800}
.fz-hero .fz-eyebrow:before,.fz-hero .fz-eyebrow:after{width:64px}
.fz-hero .lead{font-size:30px;font-weight:800;color:var(--blue)}
.fz-hero .lead .o{color:var(--orange)}
.fz-hero .desc{color:var(--muted);font-size:18px;margin-top:12px}
.fz-hero img{max-width:560px;width:100%;margin-top:26px}
.fz-inner{max-width:1140px;margin:0 auto}
.fz-grid{display:grid;gap:20px}
.fz-grid-2{grid-template-columns:repeat(2,1fr)}
.fz-grid-3{grid-template-columns:repeat(3,1fr)}
.fz-grid-4{grid-template-columns:repeat(4,1fr)}
.fz-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 32px;height:100%}
.fz-card h3{font-size:20px;font-weight:800;color:var(--blue);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.fz-card h3:before{content:"◆";color:var(--orange);font-size:14px}
.fz-card p,.fz-card li{color:#566170;font-size:15.5px}
.fz-card ul{margin:0;padding-left:2px;list-style:none}
.fz-card li{position:relative;padding-left:18px;margin-bottom:10px}
.fz-card li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:var(--orange);transform:rotate(45deg)}
.fz-em{color:var(--orange)!important;font-weight:700}
.fz-quote{margin:34px auto 0;max-width:960px;border:2px solid var(--blue);border-radius:12px;padding:30px 32px;text-align:center;background:#fff}
.fz-quote .big{font-size:45px;font-weight:800;color:var(--orange)}
.fz-quote .sm{color:var(--blue);font-size:30px;font-weight:700;margin-top:8px}
.fz-badge{display:inline-block;background:var(--orange);color:#fff;font-weight:700;padding:10px 38px;border-radius:30px;font-size:18px;margin-top:8px}
.fz-proc{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:30px 28px;height:100%}
.fz-proc .step{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.fz-proc h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 14px}
.fz-proc ul{padding:0;margin:0;list-style:none}
.fz-proc li{position:relative;padding-left:20px;margin-bottom:10px;color:rgba(255,255,255,.93);font-size:14px}
.fz-proc li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#ffd25c;transform:rotate(45deg)}
.fz-adapt{text-align:center;margin-top:48px}
.fz-adapt .t{color:#ffe08a;font-weight:800;font-size:27px;line-height:1.6}
.fz-adapt img{max-width:820px;width:100%;margin-top:24px}
.fz-svc{position:relative;background:#fff;border-radius:10px;padding:22px 58px 20px 24px;height:100%}
.fz-svc .num{position:absolute;right:0;top:0;background:var(--orange);color:#fff;font-weight:800;width:38px;height:38px;border-radius:0 10px 0 12px;display:flex;align-items:center;justify-content:center;font-size:18px}
.fz-svc h4{margin:0 0 8px;color:var(--blue);font-size:19px;font-weight:800}
.fz-svc p{margin:0;color:#566170;font-size:15px;line-height:1.8}
.fz-faqlist{display:flex;flex-direction:column;gap:18px;max-width:1000px;margin:0 auto}
.fz-faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 30px}
.fz-faq .q{display:inline-block;background:var(--orange);color:#fff;font-weight:700;font-size:18px;padding:8px 22px;border-radius:22px;margin-bottom:14px}
.fz-faq .a{color:#4a5563;font-size:15.5px}
.fz-end{text-align:center;background:linear-gradient(135deg,#2f70f6,#1f56d2);padding:78px 20px}
.fz-end .row{font-size:52px;font-weight:900;color:#fff;letter-spacing:10px;line-height:1.7}
@media (max-width:1200px){.fz-hero h1{font-size:52px}.fz-hero .fz-eyebrow{font-size:40px}.fz-hero .fz-eyebrow:before,.fz-hero .fz-eyebrow:after{width:54px}.fz-hero .lead{font-size:26px}.fz-head h2{font-size:38px}.fz-end .row{font-size:44px;letter-spacing:8px}}
@media (max-width:900px){.fz-grid-3,.fz-grid-4{grid-template-columns:repeat(2,1fr)}.fzdz-page .fz-sec{padding:46px 16px}.fz-hero h1{font-size:42px}.fz-hero .fz-eyebrow{font-size:32px;letter-spacing:3px}.fz-hero .fz-eyebrow:before,.fz-hero .fz-eyebrow:after{width:42px}.fz-hero .lead{font-size:22px}.fz-hero .desc{font-size:16px}.fz-head h2{font-size:31px}.fz-head .sub{font-size:15px}.fz-card h3{font-size:21px}.fz-card p,.fz-card li{font-size:15px}.fz-quote .big{font-size:22px}.fz-quote .sm{font-size:17px}.fz-proc h3{font-size:20px}.fz-adapt .t{font-size:22px}.fz-end{padding:60px 16px}.fz-end .row{font-size:34px;letter-spacing:5px}}
@media (max-width:640px){.fzdz-page{font-size:14.5px}.fz-grid-2,.fz-grid-3,.fz-grid-4{grid-template-columns:1fr}.fzdz-page .fz-sec{padding:38px 14px}.fz-hero h1{font-size:29px;margin:14px 0}.fz-hero .fz-eyebrow{font-size:22px;letter-spacing:2px}.fz-hero .fz-eyebrow:before,.fz-hero .fz-eyebrow:after{width:28px;height:2px}.fz-hero .lead{font-size:18px}.fz-hero .desc{font-size:14px}.fz-hero img{margin-top:18px}.fz-head{margin-bottom:30px}.fz-head h2{font-size:23px;margin:12px 0 8px}.fz-head .sub{font-size:14px}.fz-card{padding:24px 22px}.fz-card h3{font-size:19px}.fz-card p,.fz-card li{font-size:14.5px}.fz-quote{padding:22px 18px}.fz-quote .big{font-size:18px}.fz-quote .sm{font-size:15px}.fz-badge{font-size:15px;padding:7px 26px}.fz-proc{padding:24px 22px}.fz-proc h3{font-size:18px}.fz-proc li{font-size:14.5px}.fz-adapt{margin-top:34px}.fz-adapt .t{font-size:18px}.fz-svc{padding:18px 50px 16px 20px}.fz-svc h4{font-size:17px}.fz-svc p{font-size:14px}.fz-faq{padding:20px 20px}.fz-faq .q{font-size:16px;padding:6px 18px}.fz-faq .a{font-size:14.5px}.fz-end{padding:48px 14px}.fz-end .row{font-size:25px;letter-spacing:3px}}


/* ===== 3. lists_single_fuwu.htm —— svcp 服务定制 ===== */
.svcp{--blue:#2b83f6;--blue2:#1e5ed4;--purple:#7a4bff;--orange:#ff8a26;--ink:#2b3440;--muted:#6b7785;--line:#e5edfb;font-size:15px;color:var(--ink);line-height:1.85}
.svcp p{margin:0 0 10px}
.svcp .svc-sec{padding:54px 20px;text-align:left}
.svcp .svc-sec:first-child{padding-top:6px;text-align:center}
.svcp .svc-sec--light{background:#f4f8ff}
.svcp .svc-sec--blue{background:linear-gradient(120deg,#2b83f6 0%,#1e5ed4 100%);color:#fff}
.svcp .svc-inner{max-width:1140px;margin:0 auto}
.svcp-hero{padding:56px 20px 32px;text-align:center}
.svcp-hero .svc-eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--blue);font-weight:800;letter-spacing:4px;font-size:48px;margin-bottom:18px}
.svcp-hero .svc-eyebrow:before,.svcp-hero .svc-eyebrow:after{content:"";width:64px;height:2px;background:currentColor;opacity:.45;border-radius:2px;flex-shrink:0}
.svcp-hero h1{font-size:60px;font-weight:900;margin:16px 0;color:var(--blue);line-height:1.22}
.svcp-hero h1 .o{color:var(--orange)}
.svcp-hero .svc-slogan{display:inline-block;background:linear-gradient(90deg,var(--purple),var(--blue));color:#fff;font-size:28px;font-weight:800;padding:16px 46px;border-radius:50px;margin-top:6px}
.svcp-hero .svc-slogan:before,.svcp-hero .svc-slogan:after{content:"◆";margin:0 14px;font-size:16px;opacity:.8}
.svcp-hero .svc-desc{color:var(--muted);font-size:18px;margin-top:12px}
.svcp-illus{text-align:center;margin:26px 0 6px}
.svcp-illus img{max-width:480px;width:100%;vertical-align:middle}
.svcp-header{text-align:center;margin-bottom:44px}
.svcp-header .svc-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-weight:700;letter-spacing:2px;font-size:14px;margin-bottom:12px}
.svcp-header .svc-eyebrow:before,.svcp-header .svc-eyebrow:after{content:"";width:32px;height:2px;background:currentColor;opacity:.5;border-radius:2px}
.svcp-header h2{font-size:44px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.2}
.svcp-header h2 .o{color:var(--orange)}
.svcp-header .svc-sub{color:var(--muted);font-size:17px}
.svcp-header--blue h2{color:#fff}
.svcp-header--blue .svc-sub{color:rgba(255,255,255,.85)}
.svcp-unique{display:flex;align-items:center;justify-content:center;gap:32px;background:linear-gradient(100deg,#e8f1ff 0%,#eaf4ff 100%);border:1px solid var(--line);border-radius:16px;padding:36px 40px;margin-bottom:0}
.svcp-unique .icon{width:84px;height:84px;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:900}
.svcp-unique .body{text-align:left}
.svcp-unique .body h3{margin:0 0 10px;font-size:48px;color:var(--blue);font-weight:800;display:flex;align-items:center;gap:12px}
.svcp-unique .body .tag{display:inline-block;background:var(--blue);color:#fff;font-size:15px;font-weight:700;padding:5px 16px;border-radius:4px}
.svcp-unique .body .lead{margin-top:12px;font-size:20px;color:#4a5563;font-weight:700}
.svcp-unique .body .lead em{font-style:normal;color:var(--orange);font-weight:900}
.svcp-unique .kw{flex-shrink:0;display:flex;gap:14px}
.svcp-unique .kw span{padding:12px 26px;background:#fff;border:1px solid var(--line);border-radius:30px;font-size:17px;font-weight:800;color:var(--ink);white-space:nowrap}
.svcp-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.svcp-rule{border-radius:14px;padding:32px;color:#fff;position:relative;overflow:hidden}
.svcp-rule.purple{background:linear-gradient(135deg,#8a4bff 0%,#6a2df0 100%)}
.svcp-rule.orange{background:linear-gradient(135deg,#ff9f3c 0%,#ff7a1e 100%)}
.svcp-rule .rtitle{display:inline-block;background:#fff;font-weight:900;font-size:24px;padding:9px 24px;border-radius:8px;margin-bottom:18px}
.svcp-rule.orange .rtitle{color:#ff7a1e}
.svcp-rule.purple .rtitle{color:#7a4bff}
.svcp-rule .rbody{font-size:17px;line-height:1.95}
.svcp-team-wrap{background:#f4f6fb;border:1px solid var(--line);border-radius:14px;padding:34px;margin-bottom:22px}
.svcp-team-wrap .tlead{font-size:18px;color:#4a5563;margin-bottom:22px;padding:16px 22px;background:#edf2ff;border-radius:8px;border-left:3px solid var(--blue);line-height:1.7}
.svcp-team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svcp-pos{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px;display:flex;align-items:flex-start;gap:16px;transition:all .2s}
.svcp-pos:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(43,131,246,.12)}
.svcp-pos .pcol{width:64px;height:64px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:900;text-align:center;line-height:1.1}
.svcp-pos.design .pcol{background:linear-gradient(135deg,#6a2df0,#8a4bff)}
.svcp-pos.data .pcol{background:linear-gradient(135deg,#38c97a,#1ea55c)}
.svcp-pos.build .pcol{background:linear-gradient(135deg,#ff9f3c,#ff7a1e)}
.svcp-pos.record .pcol{background:linear-gradient(135deg,#2b83f6,#1e5ed4)}
.svcp-pos.after .pcol{background:linear-gradient(135deg,#2b6cf6,#1f56d2)}
.svcp-pos h4{margin:0 0 6px;font-size:19px;color:var(--ink);font-weight:800}
.svcp-pos p{margin:0;font-size:15px;color:#6b7785;line-height:1.8}
.svcp-team-slogan{text-align:center;font-size:50px;font-weight:800;color:var(--blue);margin-top:6px}
.svcp-team-slogan em{font-style:normal;color:var(--orange)}
@media (max-width:1000px){.svcp .svc-sec{padding:44px 16px}.svcp-hero .svc-eyebrow{font-size:38px;letter-spacing:3px}.svcp-hero .svc-eyebrow:before,.svcp-hero .svc-eyebrow:after{width:48px}.svcp-hero h1{font-size:52px}.svcp-hero .svc-slogan{font-size:24px;padding:14px 36px}.svcp-illus img{max-width:420px}.svcp-header h2{font-size:36px}.svcp-unique{flex-wrap:wrap;padding:28px 30px}.svcp-unique .icon{width:72px;height:72px;font-size:32px}.svcp-unique .body h3{font-size:24px}.svcp-unique .body .lead{font-size:18px}.svcp-unique .kw{width:100%;justify-content:center;flex-wrap:wrap}.svcp-team{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.svcp{font-size:14.5px}.svcp .svc-sec{padding:36px 14px}.svcp-hero{padding:38px 14px 24px}.svcp-hero .svc-eyebrow{font-size:24px;letter-spacing:2px;margin-bottom:14px}.svcp-hero .svc-eyebrow:before,.svcp-hero .svc-eyebrow:after{width:28px}.svcp-hero h1{font-size:34px;margin:12px 0}.svcp-hero .svc-slogan{font-size:18px;padding:10px 28px}.svcp-hero .svc-desc{font-size:14px;margin-top:10px}.svcp-illus img{max-width:340px}.svcp-header h2{font-size:26px}.svcp-header .svc-sub{font-size:14px}.svcp-rules{grid-template-columns:1fr}.svcp-rule{padding:24px}.svcp-rule .rtitle{font-size:20px;padding:7px 18px}.svcp-rule .rbody{font-size:15px}.svcp-team{grid-template-columns:1fr}.svcp-team-wrap{padding:22px}.svcp-unique{padding:22px;gap:18px}.svcp-unique .icon{width:64px;height:64px;font-size:28px}.svcp-unique .body h3{font-size:21px}.svcp-unique .body .lead{font-size:16px}.svcp-unique .kw span{padding:9px 18px;font-size:15px}.svcp-team-slogan{font-size:30px}}