@charset "utf-8";
/* ==========================================================================
   首页视觉升级 - index-premium.css
   仅作用于 body.hp-page，不影响站点其它页面
   ========================================================================== */

/* 配色：政务蓝为主色（庄重、权威），政务红为强调色（标题条、按钮、当前态），
   金色仅供点缀；整体在保持政务感的前提下统一提亮一档，底色改为浅白，减少沉闷感。 */
.hp-page {
    --hp-navy-900: #0E5AA6;
    --hp-navy-800: #1469C4;
    --hp-navy-700: #1B7BD8;
    --hp-blue-600: #2A8CE8;
    --hp-blue-500: #57A8F2;
    --hp-blue-50: #EAF5FF;
    --hp-red: #D64037;
    --hp-red-light: #EE5C50;
    --hp-gold: #D9B45E;
    --hp-gold-light: #F2D79B;
    --hp-ink: #142F4A;
    --hp-text: #4C6076;
    --hp-muted: #8CA0B5;
    --hp-line: #E8F1FB;
    --hp-bg: #FAFCFF;
    --hp-radius: 16px;
    --hp-shadow: 0 4px 16px rgba(38, 118, 200, .06);
    --hp-shadow-lg: 0 12px 28px rgba(38, 118, 200, .10);
    /* 头部品牌蓝：深蓝主调（对齐国家级平台视觉），左深右浅保留光感 */
    --hp-brand-1: #23479B;
    --hp-brand-2: #2E5DBA;
    --hp-brand-3: #4B82D6;
    --hp-nav-1: #244A9E;
    --hp-nav-2: #1E3F8E;
    /* 标签切换（tab）：未选中浅蓝底，选中态亮蓝渐变 + 光晕 */
    --hp-tab-text: #4E5F70;
    --hp-tab-bg: rgba(64, 150, 246, .08);
    --hp-tab-bg-hover: rgba(64, 150, 246, .16);
    --hp-tab-on-1: #2F7BF6;
    --hp-tab-on-2: #3D93FF;
    --hp-tab-on-3: #63B6FF;
    --hp-tab-glow: 0 10px 22px -6px rgba(47, 123, 246, .55), 0 2px 8px rgba(47, 123, 246, .22);
    background-color: var(--hp-bg);
    background-image: linear-gradient(180deg, #EAF5FF 0%, rgba(234, 245, 255, 0) 420px);
    background-repeat: no-repeat;
    color: var(--hp-text);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
        "Hiragino Sans GB", "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hp-page * {
    box-sizing: border-box;
}

.hp-page li {
    font-size: 17px !important;
    list-style: none;
}

.hp-page img {
    max-width: 100%;
    vertical-align: middle;
}

.hp-page a {
    transition: color .22s ease, background-color .22s ease, border-color .22s ease;
}

/* 通用栅格容器 ---------------------------------------------------------- */
.hp-wrap {
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
}

.hp-page .container {
    width: 1200px;
    max-width: 92%;
    margin: 0 auto !important;
    overflow: visible;
}

/* 宽屏下适度加宽内容区，减少左右留白（首页、内容页等通过 body.hp-wide 启用）；
   calc(100% - 280px) 保证与两侧悬浮快捷面板（约 128px）之间仍有间距 */
body.hp-wide .hp-wrap,
body.hp-wide .container {
    width: min(1400px, calc(100% - 280px));
}

/* ==========================================================================
   1. 头部
   ========================================================================== */
.hp-header {
    position: relative;
    z-index: 1000;
    background: linear-gradient(180deg, var(--hp-brand-1) 0%, var(--hp-nav-2) 100%);
}

/* 顶部工具条（已与品牌行合并，仅保留文字/按钮样式） */
.hp-topbar__welcome {
    color: rgba(255, 255, 255, .88);
}

.hp-topbar__link {
    color: rgba(255, 255, 255, .78) !important;
    text-decoration: none;
}

.hp-topbar__link:hover {
    color: #fff !important;
}

.hp-topbar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 30px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .62);
    background: rgba(255, 255, 255, .06);
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
}

.hp-topbar__btn:hover {
    background: #fff;
    border-color: #fff;
    color: var(--hp-brand-1) !important;
    box-shadow: 0 6px 16px rgba(12, 64, 120, .18);
}

/* 主标题区 */
.hp-headmain {
    position: relative;
    overflow: hidden;
    background: linear-gradient(100deg, var(--hp-brand-1) 0%, var(--hp-brand-2) 52%, var(--hp-brand-3) 100%);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .22);
}

.hp-headmain::before {
    content: "";
    position: absolute;
    right: -120px;
    top: -160px;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, 0) 68%);
    pointer-events: none;
}

.hp-headmain::after {
    content: "";
    position: absolute;
    right: 6%;
    bottom: -190px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

.hp-headmain__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 32px;
    height: 96px;
}

.hp-logo {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    height: 96px;
    text-decoration: none;
}

.hp-logo img {
    display: block;
    height: 78px;
    width: auto;
    filter: drop-shadow(0 3px 10px rgba(10, 56, 108, .16));
}

/* 品牌图标（chinasme 官方 logo，本地 SVG） */
.hp-logo .hp-logo__mark {
    height: 58px;
}

/* 品牌文字与“全国一张网”标识 */
.hp-logo .hp-logo__word {
    height: 63px;
}

.hp-headmain__side {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 16px;
    margin-left: auto;
    font-size: 15px;
    white-space: nowrap;
}

/* 全国一张网图标 */
.hp-network {
    display: flex;
    align-items: center;
    margin-right: 6px;
    text-decoration: none;
}

.hp-network img {
    display: block;
    height: 58px;
    width: auto;
    border: 0;
    filter: drop-shadow(0 4px 12px rgba(10, 56, 108, .18));
}

/* 头部搜索 */
.hp-search {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 380px;
    height: 48px;
    margin-left: auto;
    padding: 0 6px 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .22);
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hp-search::before {
    content: "";
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    opacity: .72;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center no-repeat;
    background-size: 18px 18px;
}

.hp-search:hover {
    border-color: rgba(255, 255, 255, .38);
}

.hp-search:focus-within {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .50);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .08);
}

.hp-search__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: none;
    font-family: inherit;
    font-size: 17px;
    color: #fff;
}

.hp-search__input::placeholder {
    color: rgba(255, 255, 255, .55);
}

.hp-search__input::-ms-clear {
    display: none;
}

.hp-search__btn {
    flex: 0 0 auto;
    height: 36px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--hp-red-light), var(--hp-red));
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter .2s ease;
}

.hp-search__btn:hover {
    filter: brightness(1.12);
}

/* 导航与数据卡片之间的搜索条 ---------------------------------------------- */
.hp-searchbar {
    margin-top: 22px;
}

.hp-searchbar__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
}

.hp-searchbar .hp-search {
    width: 900px;
    max-width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 6px 0 20px;
    background: #fff;
    border: 1px solid var(--hp-line);
    box-shadow: 0 6px 18px rgba(38, 118, 200, .08);
}

.hp-searchbar .hp-search::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238A96A3' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E");
    opacity: 1;
}

.hp-searchbar .hp-search:hover {
    border-color: rgba(42, 140, 232, .40);
}

.hp-searchbar .hp-search:focus-within {
    background: #fff;
    border-color: var(--hp-blue-600);
    box-shadow: 0 0 0 4px rgba(42, 140, 232, .10);
}

.hp-searchbar .hp-search__input {
    color: var(--hp-ink);
}

.hp-searchbar .hp-search__input::placeholder {
    color: var(--hp-muted);
}

.hp-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--hp-red-light) 0%, var(--hp-red) 100%);
    color: #fff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(206, 58, 49, .30);
    white-space: nowrap;
}

.hp-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(206, 58, 49, .40);
    color: #fff !important;
}

.hp-cta::after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    opacity: .9;
}

/* 主导航 */
.hp-nav {
    position: sticky;
    top: 0;
    z-index: 900;
    background: linear-gradient(180deg, var(--hp-nav-1) 0%, var(--hp-nav-2) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30), 0 6px 20px rgba(40, 116, 196, .18);
}

.hp-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
}

/* 滚动吸顶状态（由脚本切换） */
.hp-nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 8px 24px rgba(14, 64, 120, .24);
}

.hp-nav__placeholder {
    display: block;
    height: 0;
}

.hp-nav__item {
    position: relative;
    height: 58px;
    display: flex;
    align-items: center;
}

.hp-nav__item > a {
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0 32px;
    color: rgba(255, 255, 255, .94) !important;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none;
    white-space: nowrap;
}

.hp-nav__item > a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .15);
}

.hp-nav__item.is-active > a {
    color: #fff !important;
    font-weight: 700;
}

.hp-nav__item.is-active::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, var(--hp-red-light), var(--hp-red));
}

.hp-nav__sub {
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 176px;
    padding: 8px;
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--hp-shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 10px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index: 60;
}

.hp-nav__item:hover .hp-nav__sub {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 4px);
}

.hp-nav__sub a {
    display: block;
    padding: 9px 16px;
    border-radius: 8px;
    color: var(--hp-text) !important;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
}

.hp-nav__sub a:hover {
    background: var(--hp-blue-50);
    color: var(--hp-blue-600) !important;
}

/* ==========================================================================
   2. 数据指标卡片
   ========================================================================== */
.hp-page .resourceInfo-newStatistics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 18px 0 22px;
}

.hp-page .resourceInfo-newStatistics .card {
    position: relative;
    overflow: hidden;
    flex: none;
    width: auto;
    height: auto;
    padding: 22px 24px 20px;
    border-radius: var(--hp-radius);
    border: 1px solid var(--hp-line);
    background: #fff !important;
    background-image: none !important;
    box-shadow: var(--hp-shadow);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.hp-page .resourceInfo-newStatistics .card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    bottom: 22px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, var(--hp-red-light), var(--hp-red));
}

.hp-page .resourceInfo-newStatistics .card::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -40px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(42, 140, 232, .12) 0%, rgba(42, 140, 232, 0) 70%);
    pointer-events: none;
}

.hp-page .resourceInfo-newStatistics .card:hover {
    transform: translateY(-4px);
    border-color: #BFDCF6;
    box-shadow: 0 16px 32px rgba(38, 118, 200, .12);
}

.hp-page .resourceInfo-newStatistics .card .title {
    font-size: 17px !important;
    font-weight: 500;
    color: #6B7C8D;
    letter-spacing: .06em;
}

.hp-page .resourceInfo-newStatistics .card .info {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline;
    gap: 6px;
    margin-top: 10px;
}

.hp-page .resourceInfo-newStatistics .card .info .count {
    color: var(--hp-navy-700);
}

.hp-page .resourceInfo-newStatistics .card .info .count .value {
    font-family: "Bahnschrift", "DIN Alternate", "Helvetica Neue", Arial, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.01em;
    color: var(--hp-navy-800);
}

.hp-page .resourceInfo-newStatistics .card .info .unit {
    margin-top: 0;
    font-size: 16px !important;
    color: var(--hp-muted);
}

/* ==========================================================================
   3. 轮播 + 资讯
   ========================================================================== */
.hp-page .prime {
    background: transparent;
    padding-bottom: 4px;
}

.hp-page .prime > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    margin-top: 0 !important;
    overflow: visible !important;
    align-items: stretch;
}

.hp-page .prime > div > *,
.hp-page .fuwuzh .maui-newsbox2 > *,
.hp-page .moreZj > * {
    min-width: 0 !important;
}

.hp-page .prime .span6 {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    min-height: 0;
}

.hp-page .prime .section {
    height: 100%;
}

.hp-page .banner_box {
    height: 100%;
    border-radius: var(--hp-radius);
    overflow: hidden;
    box-shadow: var(--hp-shadow);
    background: var(--hp-navy-800);
}

.hp-page .banner {
    position: relative;
    height: 360px;
    overflow: hidden;
    border-radius: var(--hp-radius);
}

.hp-page .banner ul li {
    position: relative;
    overflow: hidden;
}

.hp-page .banner ul li img {
    width: 100% !important;
    height: 360px !important;
    object-fit: cover;
}

.hp-page .banner ul li .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0;
    padding: 40px 24px 18px;
    background: linear-gradient(180deg, rgba(8, 33, 62, 0) 0%, rgba(8, 33, 62, .80) 100%);
    color: #fff;
    font-size: 18px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp-page .dots {
    left: auto;
    right: 24px;
    bottom: 18px;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    line-height: 0;
}

.hp-page .dots li {
    width: 8px;
    height: 8px;
    margin: 0;
    border: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, .48);
    opacity: 1;
    transition: all .3s ease;
}

.hp-page .dots li.active {
    width: 24px;
    background: #fff;
}

.hp-page .unslider-arrow04 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .34);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: all .25s ease;
}

.hp-page .banner:hover .unslider-arrow04 {
    opacity: 1;
}

.hp-page .unslider-arrow04:hover {
    background: rgba(255, 255, 255, .95);
}

.hp-page .unslider-arrow04 i {
    color: #fff;
    font-size: 17px;
}

.hp-page .unslider-arrow04:hover i {
    color: var(--hp-navy-800);
}

.hp-page .unslider-arrow04.prev {
    left: 18px;
}

.hp-page .unslider-arrow04.next {
    right: 18px;
}

/* 资讯面板 */
.hp-page .news-right {
    display: flex;
    flex-direction: column;
    width: auto !important;
    float: none !important;
    height: 100%;
    margin: 0 !important;
    padding: 18px 24px 10px;
    background: #fff;
    border: 1px solid var(--hp-line);
    border-radius: var(--hp-radius);
    box-shadow: var(--hp-shadow);
}

.hp-page .news-tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto !important;
    float: none !important;
    margin: 0 0 6px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--hp-line);
}

.hp-page .news-tag ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hp-page .news-tag ul li {
    position: relative;
    float: none !important;
    width: auto !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--hp-tab-bg);
    font-size: 18px !important;
    font-weight: 600;
    color: var(--hp-tab-text);
    text-align: center;
    cursor: pointer;
    transition: all .22s ease;
}

.hp-page .news-tag ul li:hover {
    color: var(--hp-blue-600);
    background: var(--hp-tab-bg-hover);
}

.hp-page .news-tag ul li.on {
    color: #fff;
    background:
        radial-gradient(135% 120% at 20% -14%, rgba(255, 255, 255, .68) 0%, rgba(255, 255, 255, .14) 46%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(135deg, var(--hp-tab-on-1) 0%, var(--hp-tab-on-2) 52%, var(--hp-tab-on-3) 100%);
    box-shadow: var(--hp-tab-glow), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -2px 6px rgba(9, 64, 140, .16);
}

.hp-page .news-tag ul li.on::after {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    bottom: -5px;
    height: 5px;
    border-radius: 999px;
    background: radial-gradient(closest-side, rgba(79, 159, 234, .45), rgba(79, 159, 234, 0));
    pointer-events: none;
}

.hp-page #gdText {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--hp-muted) !important;
    white-space: nowrap;
}

.hp-page #gdText:hover {
    color: var(--hp-blue-600) !important;
}

.hp-page .news-lists,
.hp-page .news-lists2,
.hp-page .news-lists3 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    flex: 1;
}

.hp-page .notice-box ul li {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #EEF3FA;
    line-height: 26px !important;
    overflow: hidden;
}

.hp-page .notice-box ul li:last-child {
    border-bottom: none;
}

.hp-page .notice-box ul li::before {
    content: "";
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C2CEDA;
    transition: background-color .2s ease;
}

.hp-page .notice-box ul li:hover::before {
    background: var(--hp-red);
}

.hp-page .notice-box ul li a {
    flex: 1;
    min-width: 0;
    font-size: 18px;
    color: #2B3742;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp-page .notice-box ul li a:hover {
    color: var(--hp-blue-600);
}

.hp-page .notice-box ul li span {
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
    font-size: 16px;
    color: #9AA5B1 !important;
    font-family: "Bahnschrift", Arial, sans-serif;
}

/* ==========================================================================
   4. 政策法规 / 服务机构 双栏
   ========================================================================== */
.hp-page .two-box {
    background: transparent;
    margin-top: 20px;
}

.hp-page .fuwuzh {
    background: none !important;
    padding: 0;
}

.hp-page .fuwuzh .maui-newsbox2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    margin: 0;
    overflow: visible;
}

.hp-page .fuwuzh .maui-newsbox2 > .span6 {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    min-height: 0;
}

.hp-page .fuwuzh .maui-newsbox2 > .span6 > a {
    display: block;
    width: 100%;
    height: 100%;
    float: none !important;
    border-radius: var(--hp-radius);
    overflow: hidden;
    box-shadow: var(--hp-shadow);
}

.hp-page .fuwuzh .maui-newsbox2 > .span6 > a img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: contain;
    background: #4A9FE2;
}

.hp-page .zcfw-left {
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 320px;
    margin: 0 !important;
    padding: 18px 24px 10px;
    background: #fff;
    border: 1px solid var(--hp-line);
    border-radius: var(--hp-radius);
    box-shadow: var(--hp-shadow);
}

.hp-page .zcfw-tits {
    display: flex;
    align-items: center;
    position: relative;
    width: auto !important;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid var(--hp-line);
}

.hp-page .zcfw-tits ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hp-page .zcfw-tits ul li {
    position: relative;
    float: none !important;
    width: auto !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px;
    background: var(--hp-tab-bg);
    font-size: 18px !important;
    font-weight: 600;
    color: var(--hp-tab-text) !important;
    cursor: pointer;
    transition: all .22s ease;
}

.hp-page .zcfw-tits ul li:hover {
    color: var(--hp-blue-600) !important;
    background: var(--hp-tab-bg-hover);
}

.hp-page .zcfw-tits ul li.on {
    color: #fff !important;
    background:
        radial-gradient(135% 120% at 20% -14%, rgba(255, 255, 255, .68) 0%, rgba(255, 255, 255, .14) 46%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(135deg, var(--hp-tab-on-1) 0%, var(--hp-tab-on-2) 52%, var(--hp-tab-on-3) 100%) !important;
    box-shadow: var(--hp-tab-glow), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -2px 6px rgba(9, 64, 140, .16);
}

.hp-page .zcfw-tits ul li.on::after {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    bottom: -5px;
    height: 5px;
    border-radius: 999px;
    background: radial-gradient(closest-side, rgba(79, 159, 234, .45), rgba(79, 159, 234, 0));
    pointer-events: none;
}

.hp-page .zcfw-tits > a,
.hp-page .zcjd-tag > a {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%);
    line-height: 1 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--hp-muted) !important;
    white-space: nowrap;
    text-decoration: none;
}

.hp-page .zcfw-tits > a:hover,
.hp-page .zcjd-tag > a:hover {
    color: var(--hp-blue-600) !important;
}

.hp-page .zcfw-left [class^="news-lists"] ul > li {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    line-height: 26px !important;
    white-space: normal !important;
    overflow: hidden;
    border-bottom: 1px solid #EEF3FA;
}

.hp-page .zcfw-left [class^="news-lists"] ul > li::before {
    content: "";
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C2CEDA;
}

.hp-page .zcfw-left [class^="news-lists"] ul > li:hover::before {
    background: var(--hp-red);
}

.hp-page .zcfw-left [class^="news-lists"] ul > li a {
    flex: 1;
    min-width: 0;
    font-size: 18px;
    color: #2B3742;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp-page .zcfw-left [class^="news-lists"] ul > li a:hover {
    color: var(--hp-blue-600);
}

.hp-page .zcfw-left [class^="news-lists"] ul > li span {
    flex: 0 0 auto;
    margin: 0 !important;
    font-size: 16px;
    color: #9AA5B1 !important;
    font-family: "Bahnschrift", Arial, sans-serif;
}

/* ==========================================================================
   5. 服务专栏
   ========================================================================== */
.hp-page .characteristic {
    margin-top: 22px !important;
    padding: 24px 24px 26px;
    background: #fff;
    border: 1px solid var(--hp-line);
    border-radius: 18px;
    box-shadow: var(--hp-shadow);
}

.hp-page .characteristic .container {
    width: 100% !important;
    max-width: 100%;
    overflow: visible;
}

.hp-page .characteristic .container > nav,
.hp-page .statistics .container > div > nav,
.hp-page .container > div > nav {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding: 0;
    background: none;
    font-size: 23px;
    font-weight: 700;
    color: var(--hp-ink);
    line-height: 1.4;
}

.hp-page .characteristic .container > nav::before,
.hp-page .statistics .container > div > nav::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hp-red-light), var(--hp-red));
}

.hp-page .characteristic .container > nav > span:first-of-type,
.hp-page .statistics .container > div > nav > span:first-of-type {
    display: none;
}

.hp-page .characteristic_list_con {
    height: auto !important;
    overflow: visible;
}

.hp-page .characteristic_list_con ul {
    position: static !important;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    width: 100% !important;
    white-space: normal !important;
    transition: none;
}

.hp-page .characteristic_list_con ul li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.hp-page .characteristic_list_con ul li .characteristic_li {
    position: static !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 132px !important;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--hp-line) !important;
    border-top: 1px solid var(--hp-line) !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(38, 118, 200, .04);
    overflow: hidden;
    transition: all .3s ease;
}

.hp-page .characteristic_list_con ul li .characteristic_li:hover,
.hp-page .characteristic_list_con ul li .characteristic_li.active {
    transform: translateY(-4px);
    border-color: rgba(42, 140, 232, .38) !important;
    background: #fff;
    box-shadow: 0 12px 24px rgba(38, 118, 200, .12);
}

/* 专栏图标（内联 SVG，配色与首页整体一致） */
.hp-page .characteristic_list_con ul li .characteristic_li::before {
    content: "";
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44px 44px;
}

.hp-page .characteristic_list_con ul li:nth-child(1) .characteristic_li::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%232A8CE8'/%3E%3Cpath d='M16 15.5l6 8 6-8M22 23.5V31M17.4 25.8h9.2' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.hp-page .characteristic_list_con ul li:nth-child(2) .characteristic_li::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%231FB6C1'/%3E%3Ccircle cx='22' cy='17.4' r='4.6' fill='%23ffffff'/%3E%3Cpath d='M22 23.4c-4.7 0-8.5 2.9-8.5 7.3v1.1h17v-1.1c0-4.4-3.8-7.3-8.5-7.3z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.hp-page .characteristic_list_con ul li:nth-child(3) .characteristic_li::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23F29A3E'/%3E%3Crect x='13.6' y='24.2' width='3.8' height='7.4' rx='1.6' fill='%23ffffff'/%3E%3Crect x='20.1' y='19.2' width='3.8' height='12.4' rx='1.6' fill='%23ffffff'/%3E%3Crect x='26.6' y='21.8' width='3.8' height='9.8' rx='1.6' fill='%23ffffff'/%3E%3C/svg%3E");
}

.hp-page .characteristic_list_con ul li:nth-child(4) .characteristic_li::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%236E7BF2'/%3E%3Cpath d='M18.7 16.4L12.6 22l6.1 5.6M25.3 16.4l6.1 5.6-6.1 5.6' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.hp-page .characteristic_list_con ul li:nth-child(5) .characteristic_li::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23E4574B'/%3E%3Cpath d='M22 12.2a7.7 7.7 0 0 1 4.5 14v2.1h-9v-2.1a7.7 7.7 0 0 1 4.5-14z' fill='%23ffffff'/%3E%3Crect x='18.5' y='29.6' width='7' height='2.4' rx='1.2' fill='%23ffffff'/%3E%3C/svg%3E");
}

.hp-page .characteristic_list_con ul li .characteristic_list_div {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none !important;
    text-align: center;
}

.hp-page .characteristic_list_con ul li .characteristic_li h2 {
    padding: 0 4px;
    font-size: 19px !important;
    font-weight: 600;
    line-height: 1.4 !important;
    color: var(--hp-ink) !important;
    white-space: normal !important;
    transition: color .3s ease;
}

.hp-page .characteristic_list_con ul li .characteristic_li:hover h2,
.hp-page .characteristic_list_con ul li .characteristic_li.active h2 {
    color: var(--hp-blue-600) !important;
}

/* ==========================================================================
   6. 服务体系
   ========================================================================== */
.hp-page .statistics {
    margin-top: 22px !important;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.hp-page .statistics .container {
    width: 100% !important;
    max-width: 100%;
    overflow: visible;
}

.hp-page .statistics .container > div {
    width: auto !important;
    background: none !important;
}

.hp-page .moreZj {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    margin-top: 0 !important;
    padding: 0 !important;
    background: transparent;
}

.hp-page .moreZj > .span6,
.hp-page .moreZj > .zcfw-right {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 20px 22px;
    background: #FFFFFF;
    border: 1px solid #EDF4FC;
    border-radius: 14px;
    box-shadow: none;
    min-height: 0;
}

.hp-page .moreZj > .maui-newsbox2 {
    grid-column: 1 / -1;
    width: auto !important;
    margin: 0;
    overflow: visible;
}

.hp-page .moreZj > .maui-newsbox2 img {
    display: block;
    width: 100% !important;
    height: auto;
    border-radius: var(--hp-radius);
    box-shadow: var(--hp-shadow);
}

/* 服务体系下方的整幅宣传图 */
.hp-page .hp-more-ad {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-top: 20px;
    padding: 0;
    background: transparent;
}

.hp-page .hp-more-ad .maui-newsbox2 {
    width: auto !important;
    margin: 0;
    overflow: visible;
}

.hp-page .hp-more-ad .maui-newsbox2 img {
    display: block;
    width: 100% !important;
    height: auto;
    border-radius: var(--hp-radius);
    box-shadow: var(--hp-shadow);
}

/* 市州 / 产业集群 */
.hp-page .maui-addlink-box {
    border: none !important;
    margin-top: 0 !important;
}

.hp-page .moreZj .maui-addlink-box > ul {
    margin: 0;
    padding: 0;
}

.hp-page .moreZj .maui-addlink-box > ul > li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    height: auto !important;
    padding: 0;
    margin: 0 0 14px;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.5;
    color: var(--hp-ink);
    background: transparent !important;
    border-bottom: none;
}

.hp-page .moreZj .maui-addlink-box > ul > li:first-child,
.hp-page .moreZj .maui-addlink-box > ul > li:nth-child(3) {
    position: relative;
    align-items: center;
    box-sizing: border-box;
    /* 与右侧 .zcjd-tag 同高，保证左右两栏标题水平对齐 */
    height: 52px !important;
    padding: 0 0 0 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--hp-line);
}

.hp-page .moreZj .maui-addlink-box > ul > li:first-child::before,
.hp-page .moreZj .maui-addlink-box > ul > li:nth-child(3)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hp-red-light), var(--hp-red));
}

.hp-page .moreZj .maui-addlink-box > ul > li:last-child {
    margin-bottom: 0;
}

.hp-page .maui-addlink-box ul li div {
    margin: 0 !important;
}

.hp-page .szlistLeft,
.hp-page .cylistLeft {
    flex: 0 0 104px;
    float: none;
    width: 104px;
    display: block;
    vertical-align: top;
}

.hp-page .szImg,
.hp-page .cyImg {
    width: 100px;
    height: auto;
    border-radius: 10px;
    display: block;
}

.hp-page .szlistRight,
.hp-page .cylistRight {
    flex: 1 1 auto;
    min-width: 0;
    float: none !important;
    width: auto !important;
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 8px 10px;
    vertical-align: top;
    margin: 0 !important;
    line-height: 1.4;
}

.hp-page .maui-addlink-box ul li div a {
    float: none !important;
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    margin: 0 !important;
    border-radius: 8px;
    border: 1px solid #E9F0F9;
    background: #fff;
    color: #4C6076 !important;
    font-size: 16px !important;
    text-decoration: none;
}

.hp-page .maui-addlink-box ul li div a:hover {
    background: var(--hp-blue-50);
    color: var(--hp-blue-600) !important;
}

.hp-page .suba {
    display: none;
    padding: 8px;
    border-radius: 10px;
    box-shadow: var(--hp-shadow-lg);
    background: #fff !important;
}

.hp-page .nLia:hover .suba {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    position: absolute;
    z-index: 30;
}

.hp-page .suba a {
    margin: 0 !important;
    background: #F1F6FC;
}

/* 严选服务机构 */
.hp-page .zcfw-right {
    display: flex;
}

.hp-page .zcjb-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative;
    width: auto !important;
    height: auto !important;
    background: none;
}

/* 列表滚动窗口底部的淡出遮罩，避免出现被截断的半行 */
.hp-page .zcjb-box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #FFFFFF 82%);
    pointer-events: none;
}

.hp-page .zcjd-tag {
    display: flex;
    align-items: center;
    position: relative;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid var(--hp-line);
}

.hp-page .zcjd-tag ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hp-page .zcjd-tag ul li {
    position: relative;
    float: none !important;
    width: auto !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--hp-tab-bg);
    font-size: 18px !important;
    font-weight: 600;
    color: var(--hp-tab-text) !important;
    cursor: pointer;
    transition: all .22s ease;
}

.hp-page .zcjd-tag ul li:hover {
    color: var(--hp-blue-600) !important;
    background: var(--hp-tab-bg-hover);
}

.hp-page .zcjd-tag ul li.on {
    color: #fff !important;
    background:
        radial-gradient(135% 120% at 20% -14%, rgba(255, 255, 255, .68) 0%, rgba(255, 255, 255, .14) 46%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(135deg, var(--hp-tab-on-1) 0%, var(--hp-tab-on-2) 52%, var(--hp-tab-on-3) 100%) !important;
    box-shadow: var(--hp-tab-glow), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -2px 6px rgba(9, 64, 140, .16);
}

.hp-page .zcjd-tag ul li.on::after {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    bottom: -5px;
    height: 5px;
    border-radius: 999px;
    background: radial-gradient(closest-side, rgba(79, 159, 234, .45), rgba(79, 159, 234, 0));
    pointer-events: none;
}

.hp-page #listdiv1,
.hp-page #listdiv4 {
    flex: 1 1 0;
    width: auto !important;
    height: auto;
    min-height: 258px;
    max-height: 420px;
    overflow: hidden;
}

.hp-page .zchb-list1,
.hp-page .zchb-list2 {
    float: none !important;
    width: auto !important;
    margin: 10px 0 0;
}

.hp-page .zchb-list1 > ul,
.hp-page .zchb-list2 > ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    height: auto !important;
    list-style: none;
}

.hp-page .zchb-list1 > ul > li,
.hp-page .zchb-list2 > ul > li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    list-style: none;
    margin: 0;
}

.hp-page .threeBlock img,
.hp-page .zchb-list1 > ul > li img,
.hp-page .zchb-list2 > ul > li img {
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain;
    background: #fff;
    border-radius: 10px;
}

.hp-page .threeBlock img:hover,
.hp-page .zchb-list1 > ul > li img:hover,
.hp-page .zchb-list2 > ul > li img:hover {
    transform: none;
}

.hp-page .threeBlock {
    float: none !important;
    width: 100% !important;
    height: 122px;
    padding: 14px 6px 12px;
    border: 1px solid #EDF3FB;
    border-radius: 12px;
    background: #fff;
    transition: all .25s ease;
}

.hp-page .threeBlock:hover {
    border-color: rgba(42, 140, 232, .34);
    background: #fff;
    box-shadow: 0 12px 24px rgba(38, 118, 200, .10);
    transform: translateY(-3px);
}

.hp-page .threeBlock div {
    padding-top: 0;
}

.hp-page .threeBlock > a {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    color: #4E5F70;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ==========================================================================
   7. 通栏宣传图
   ========================================================================== */
.hp-page .appeal {
    margin: 20px 0 0;
    padding: 0;
    background: transparent;
}

.hp-page .appeal .maui-newsbox2 {
    margin: 0;
    overflow: visible;
}

.hp-page .appeal .maui-newsbox2 > a,
.hp-page .moreZj > .maui-newsbox2 > a,
.hp-page .maui-newsbox2 > a.span {
    display: block;
    width: 100%;
    float: none !important;
    border-radius: var(--hp-radius);
    overflow: hidden;
    box-shadow: var(--hp-shadow);
    transition: box-shadow .3s ease, transform .3s ease;
}

.hp-page .appeal .maui-newsbox2 > a:hover {
    transform: translateY(-2px);
    box-shadow: var(--hp-shadow-lg);
}

.hp-page .appeal .maui-newsbox2 img {
    display: block;
    width: 100% !important;
    height: auto;
    border-radius: var(--hp-radius);
}

.hp-page .dropdown-container > .dropdown-trigger img {
    width: 100% !important;
}

/* 平台数据浮标（定位在通栏图左下角） */
.hp-appeal-stat {
    position: absolute;
    left: 24px;
    bottom: 22px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 36px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(20, 78, 138, .46);
    border: 1px solid rgba(255, 255, 255, .32);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, .86);
    font-size: 15px;
    white-space: nowrap;
}

.hp-appeal-stat em {
    font-style: normal;
    font-family: "Bahnschrift", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--hp-gold-light);
    margin-left: 2px;
}

/* ==========================================================================
   8. 友情链接
   ========================================================================== */
.hp-links {
    position: relative;
    margin-top: 24px;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--hp-line);
    border-radius: 18px;
    box-shadow: var(--hp-shadow);
}

.hp-links__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--hp-line);
}

.hp-links__head h2 {
    position: relative;
    margin: 0;
    padding-left: 14px;
    font-size: 21px;
    font-weight: 700;
    color: var(--hp-ink);
    line-height: 1.4;
    white-space: nowrap;
}

.hp-links__head h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hp-red-light), var(--hp-red));
}

.hp-links__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.hp-links__tabs li {
    position: relative;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--hp-tab-bg);
    color: var(--hp-tab-text) !important;
    font-size: 18px !important;
    font-weight: 600;
    cursor: pointer;
    transition: all .22s ease;
}

.hp-links__tabs li:hover {
    color: var(--hp-blue-600) !important;
    background: var(--hp-tab-bg-hover);
}

.hp-links__tabs li.is-active {
    color: #fff !important;
    background:
        radial-gradient(135% 120% at 20% -14%, rgba(255, 255, 255, .68) 0%, rgba(255, 255, 255, .14) 46%, rgba(255, 255, 255, 0) 66%),
        linear-gradient(135deg, var(--hp-tab-on-1) 0%, var(--hp-tab-on-2) 52%, var(--hp-tab-on-3) 100%);
    box-shadow: var(--hp-tab-glow), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -2px 6px rgba(9, 64, 140, .16);
}

.hp-links__tabs li.is-active::after {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    bottom: -5px;
    height: 5px;
    border-radius: 999px;
    background: radial-gradient(closest-side, rgba(79, 159, 234, .45), rgba(79, 159, 234, 0));
    pointer-events: none;
}

.hp-links__panels {
    padding-top: 18px;
}

.hp-links__panel {
    display: none;
    flex-wrap: wrap;
    gap: 10px 26px;
}

.hp-links__panel.is-active {
    display: flex;
}

.hp-links__panel a {
    font-size: 16px;
    color: #5F6F80;
    text-decoration: none;
    line-height: 2;
}

.hp-links__panel a:hover {
    color: var(--hp-blue-600);
}

/* ==========================================================================
   9. 页脚
   ========================================================================== */
.hp-page .maui-footerbox {
    height: auto;
    margin-top: 36px;
    padding: 40px 0 34px;
    background: linear-gradient(120deg, #15579A 0%, #1E6DB8 58%, #2C82D2 100%);
    border-top: 3px solid var(--hp-gold);
    color: rgba(255, 255, 255, .72) !important;
}

.hp-page .maui-footerbox .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
    margin: 0 !important;
}

/* 内容页大多引入了 bootstrap2，其 .row:before/.row:after 的 clearfix 伪元素
   在 grid 容器里会各自占掉一个单元格，导致两列互换位置（左栏跑到右上、
   右栏跑到左下），这里把伪元素关掉。 */
.hp-page .maui-footerbox .row::before,
.hp-page .maui-footerbox .row::after {
    content: none !important;
    display: none !important;
}

.hp-page .maui-footerbox .span6,
.hp-page .maui-footerbox .span7 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.hp-page .maui-footerbox .maui-footerright {
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 2;
}

/* 页脚左侧：徽标与服务热线同一行按中线对齐，下方链接独占一行并与左侧齐平 */
.hp-page .maui-footerbox .span6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 22px;
    row-gap: 12px;
}

.hp-page .maui-footerbox .maui-sydw {
    float: none;
    margin: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.hp-page .maui-footerbox .maui-footerlink {
    display: contents;
}

.hp-page .maui-footerbox .maui-footerlink li {
    font-size: 17px !important;
    line-height: 2;
}

.hp-page .maui-footerbox .maui-footerlink li:not(.maui-hotline) {
    flex: 0 0 100%;
    margin: 0;
    line-height: 1.6 !important;
}

.hp-page .maui-footerbox .maui-footerlink li a {
    color: rgba(255, 255, 255, .86) !important;
}

.hp-page .maui-footerbox .maui-footerlink li a:hover {
    color: var(--hp-gold-light) !important;
}

/* 页脚服务热线 */
.hp-page .maui-footerbox .maui-footerlink li.maui-hotline {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-height: 52px;
    margin: 0;
    padding: 0 0 0 58px;
    line-height: 1.2 !important;
}

.hp-page .maui-footerbox .maui-footerlink li.maui-hotline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(199, 162, 82, .42);
    background: rgba(199, 162, 82, .16) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23DCC07A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center no-repeat;
    background-size: 20px 20px;
}

.hp-page .maui-footerbox .maui-hotline__label {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .18em;
    color: rgba(255, 255, 255, .55);
}

.hp-page .maui-footerbox .maui-hotline__num {
    font-family: "Bahnschrift", "DIN Alternate", "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1.1;
    color: var(--hp-gold-light);
}

.hp-page .maui-footerbox p {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .66);
}

.hp-page .maui-footerbox .maui-sydw img {
    height: 52px;
    width: auto;
}

/* ==========================================================================
   10. 两侧悬浮快捷面板（白色卡片 + 圆形图标）
   ========================================================================== */
.hp-page .side-dock {
    position: fixed;
    top: 50%;
    z-index: 900;
    width: 118px;
    padding: 4px 0 8px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--hp-line);
    box-shadow: 0 12px 30px rgba(38, 118, 200, .12);
    transform: translateY(-50%);
    transition: width .22s ease, padding .22s ease, border-radius .22s ease;
}

.hp-page .side-dock--left {
    left: 10px;
}

.hp-page .side-dock--right {
    right: 10px;
}

.hp-page .side-dock__head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px 9px;
    border-bottom: 1px solid #EEF3FA;
}

.hp-page .side-dock__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: #5F6F80;
    font-family: inherit;
    font-size: 14px !important;
    line-height: 1;
    cursor: pointer;
    transition: color .2s ease;
}

.hp-page .side-dock__toggle i {
    font-style: normal;
    font-size: 14px !important;
    line-height: 1;
}

.hp-page .side-dock__toggle:hover {
    color: var(--hp-blue-600);
}

.hp-page .side-dock__list {
    margin: 2px 0 0;
    padding: 0 6px;
    list-style: none;
}

.hp-page .side-dock__item {
    border-bottom: 1px solid #EEF3FA;
}

.hp-page .side-dock__item:last-child {
    border-bottom: 0;
}

.hp-page .side-dock__link {
    display: block;
    padding: 10px 2px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease;
}

.hp-page .side-dock__link:hover {
    background: var(--hp-blue-50);
}

.hp-page .side-dock__icon {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 7px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44px 44px;
}

.hp-page .side-dock__icon img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: contain;
}

.hp-page .side-dock__text {
    display: block;
    color: var(--hp-ink);
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
}

.hp-page .side-dock__link:hover .side-dock__text {
    color: var(--hp-blue-600);
}

/* 折叠态：缩为方形小挂件（上方箭头 + 下方「展开」） */
.hp-page .side-dock.is-collapsed {
    width: 64px;
    padding: 0;
    border-radius: 16px;
}

.hp-page .side-dock.is-collapsed .side-dock__list {
    display: none;
}

.hp-page .side-dock.is-collapsed .side-dock__head {
    padding: 0;
    border-bottom: 0;
}

.hp-page .side-dock.is-collapsed .side-dock__toggle {
    flex-direction: column-reverse;
    justify-content: center;
    gap: 4px;
    width: 64px;
    padding: 15px 0 12px;
    color: #4E5F70;
    font-size: 14px !important;
}

.hp-page .side-dock.is-collapsed .side-dock__toggle i {
    font-size: 20px !important;
    line-height: 1;
    color: #4E5F70;
}

.hp-page .side-dock.is-collapsed .side-dock__toggle:hover,
.hp-page .side-dock.is-collapsed .side-dock__toggle:hover i {
    color: var(--hp-blue-600);
}

/* 右侧图标 */
.hp-page .side-dock__icon--shield {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23D9453B'/%3E%3Cpath d='M22 12l8 3v6.4c0 4.8-3.3 8.4-8 10.1-4.7-1.7-8-5.3-8-10.1V15l8-3z' fill='%23fff'/%3E%3Cpath d='M18.6 22.2l2.5 2.5 4.6-4.9' fill='none' stroke='%23D9453B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.hp-page .side-dock__icon--finance {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%232F8AD8'/%3E%3Cpath d='M15 30V24M22 30V16M29 30V20' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.hp-page .side-dock__icon--learn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%232270B8'/%3E%3Crect x='13' y='16' width='18' height='12' rx='2.5' fill='%23fff'/%3E%3Cpath d='M20.4 19.6l5.4 2.4-5.4 2.4z' fill='%232270B8'/%3E%3C/svg%3E");
}

.hp-page .side-dock__icon--course {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23DCAE55'/%3E%3Cpath d='M22 16.6c-1.7-1.5-4-2.3-7-2.3v15c3 0 5.3.8 7 2.3 1.7-1.5 4-2.3 7-2.3v-15c-3 0-5.3.8-7 2.3z' fill='%23fff'/%3E%3C/svg%3E");
}

.hp-page .side-dock__icon--guide {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%237FA6C9'/%3E%3Cpath d='M18.4 18.6a3.8 3.8 0 0 1 7.4 1.2c0 2.2-2.9 2.6-2.9 4.6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='22.6' cy='29' r='1.7' fill='%23fff'/%3E%3C/svg%3E");
}

/* 企业自测小工具（沿用原有展开菜单，位置交还给面板） */
.hp-page .side-dock #qy-self-test {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
}

.hp-page .side-dock #qy-self-test::before {
    display: none;
}

.hp-page .side-dock #qy-self-test > .self-test-trigger {
    padding: 10px 2px;
    border: 0;
    border-radius: 10px;
    background: none;
    box-shadow: none;
    color: var(--hp-ink);
    font-size: 14px;
    line-height: 19px;
    text-align: center;
}

.hp-page .side-dock #qy-self-test > .self-test-trigger:hover {
    background: var(--hp-blue-50);
    color: var(--hp-blue-600);
}

.hp-page .side-dock #qy-self-test .self-test-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 7px;
}

.hp-page .side-dock #qy-self-test > .self-test-trigger .side-dock__text {
    color: inherit;
    font-size: 14px !important;
    line-height: 19px !important;
}

.hp-page .side-dock #qy-self-test .self-test-menu {
    right: calc(100% + 12px);
    top: 0;
    margin-top: 0;
    width: 330px;
    max-width: calc(100vw - 180px);
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #C2CEDA transparent;
}

.hp-page .side-dock #qy-self-test .self-test-menu::-webkit-scrollbar {
    width: 6px;
}

.hp-page .side-dock #qy-self-test .self-test-menu::-webkit-scrollbar-thumb {
    background: #C2CEDA;
    border-radius: 3px;
}

.hp-page .side-dock #qy-self-test .self-test-menu::-webkit-scrollbar-track {
    background: transparent;
}

/* 悬浮广告 */
.hp-page .floating-ad {
    width: 176px;
    height: 118px;
    padding: 0;
    border: 1px solid var(--hp-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(38, 118, 200, .18);
    overflow: hidden;
}

.hp-page .floating-ad.expanded {
    width: 380px;
    height: 340px;
}

.hp-page .floating-ad .ad-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 40px;
    box-sizing: border-box;
    padding: 7px 9px 7px 14px;
    margin: 0;
    background: var(--hp-blue-50);
    border-bottom: 1px solid #D8E8FA;
    color: var(--hp-navy-700);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}

.hp-page .floating-ad .ad-title {
    flex: 1 1 auto;
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hp-page .floating-ad .ad-content {
    padding: 16px 14px;
    font-size: 15px;
    color: #5F6F80;
    text-align: left;
}

/* 固定 / 关闭图标：与标题垂直居中，关闭图标略小 */
.hp-page .floating-ad .pin-btn,
.hp-page .floating-ad .close-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8A96A3;
    line-height: 0;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}

.hp-page .floating-ad .pin-btn svg,
.hp-page .floating-ad .close-btn svg {
    display: block;
    flex: none;
    overflow: visible;
}

.hp-page .floating-ad .pin-btn svg {
    width: 16px;
    height: 16px;
}

.hp-page .floating-ad .close-btn svg {
    width: 14px;
    height: 14px;
}

.hp-page .floating-ad .pin-btn:hover,
.hp-page .floating-ad .close-btn:hover {
    background: rgba(42, 140, 232, .12);
    color: var(--hp-blue-600);
}

.hp-page .floating-ad.is-pinned .pin-btn {
    color: #fff;
    background: var(--hp-blue-600);
}

.hp-page .floating-ad.is-pinned {
    box-shadow: 0 14px 34px rgba(38, 118, 200, .28);
}

/* 拖动中：关闭过渡，避免跟手延迟 */
.hp-page .floating-ad.is-dragging {
    transition: none;
    user-select: none;
}

.hp-page .floating-ad .ad-links {
    padding: 12px 14px 14px;
    border-top: 1px solid var(--hp-line);
    max-height: 230px;
    overflow-y: auto;
}

.hp-page .floating-ad .ad-links li {
    margin-bottom: 8px;
    line-height: 1.5;
}

.hp-page .floating-ad .ad-links a {
    color: #4E5F70;
    font-size: 15px;
}

.hp-page .floating-ad .ad-links a:hover {
    color: var(--hp-blue-600);
    text-decoration: none;
}

.hp-page .floating-ad .collapse-btn {
    height: 32px;
    margin-top: 6px;
    border-radius: 8px;
    background: var(--hp-blue-50);
    color: var(--hp-blue-600);
    font-size: 15px;
}

.hp-page .floating-ad .collapse-btn:hover {
    background: var(--hp-blue-600);
    color: #fff;
}

/* ==========================================================================
   11. 响应式
   ========================================================================== */
@media screen and (max-width: 1280px) {
    .hp-page .container,
    .hp-wrap,
    body.hp-wide .container,
    body.hp-wide .hp-wrap {
        width: 94%;
        max-width: 94%;
    }

    .hp-nav__item > a {
        padding: 0 20px;
        font-size: 17px;
    }

    .hp-page .characteristic_list_con ul {
        gap: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .hp-page .resourceInfo-newStatistics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hp-page .prime > div,
    .hp-page .fuwuzh .maui-newsbox2,
    .hp-page .moreZj,
    .hp-page .maui-footerbox .row {
        grid-template-columns: minmax(0, 1fr);
    }

    .hp-page .characteristic_list_con ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hp-searchbar .hp-search {
        width: 480px;
    }

    .hp-nav__list {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hp-nav__list::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .hp-page .resourceInfo-newStatistics {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .hp-headmain__inner,
    .hp-logo {
        height: 74px;
    }

    .hp-headmain__inner {
        gap: 14px;
    }

    .hp-logo img {
        height: 44px;
    }

    .hp-logo .hp-logo__mark {
        height: 34px;
    }

    .hp-logo .hp-logo__word {
        height: 37px;
    }

    .hp-topbar__btn {
        min-width: 56px;
        height: 28px;
        padding: 0 14px;
        font-size: 14px;
    }

    .hp-searchbar__inner {
        height: 48px;
    }

    .hp-searchbar .hp-search {
        width: 100%;
    }

    .hp-cta {
        height: 36px;
        padding: 0 16px;
        font-size: 15px;
    }

    .hp-network,
    .hp-topbar__welcome {
        display: none;
    }

    .hp-headmain__side {
        gap: 10px;
    }

    .hp-page .characteristic_list_con ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hp-page .banner,
    .hp-page .banner ul li img {
        height: 220px !important;
    }

    .hp-page .side-dock {
        display: none;
    }
}

/* 屏幕较窄时隐藏两侧悬浮面板，避免遮挡正文 */
@media screen and (max-width: 1200px) {
    .hp-page .side-dock {
        display: none;
    }
}

@media screen and (max-width: 1440px) {
    .hp-page .side-dock {
        width: 104px;
    }

    .hp-page .side-dock__icon,
    .hp-page .side-dock__icon img,
    .hp-page .side-dock #qy-self-test .self-test-icon {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
}

/* ==========================================================================
   12. 回到顶部（滚动 420px 后出现）
   ========================================================================== */
.hp-page .hp-top {
    position: fixed;
    right: 26px;
    bottom: 34px;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--hp-line);
    border-radius: 4px;
    background: #fff;
    color: var(--hp-blue-600);
    box-shadow: 0 6px 18px rgba(38, 118, 200, .14);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s ease,
        background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hp-page .hp-top.is-show {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.hp-page .hp-top:hover {
    color: #fff;
    border-color: var(--hp-blue-600);
    background: var(--hp-blue-600);
    box-shadow: 0 10px 24px rgba(42, 140, 232, .28);
}

.hp-page .hp-top:active {
    transform: translateY(1px);
}

.hp-page .hp-top svg {
    display: block;
}

@media screen and (max-width: 768px) {
    .hp-page .hp-top {
        right: 14px;
        bottom: 20px;
        width: 42px;
        height: 42px;
    }
}

/* ==========================================================================
   14. 标签选中态增强（新闻 / 服务机构 / 严选 / 友情链接 四处统一）
   亮蓝渐变 + 玻璃高光 + 彩色外发光，悬停再提亮一档
   ========================================================================== */
.hp-page .news-tag ul li,
.hp-page .zcfw-tits ul li,
.hp-page .zcjd-tag ul li,
.hp-page .hp-links__tabs li {
    -webkit-tap-highlight-color: transparent;
}

.hp-page .news-tag ul li.on,
.hp-page .zcfw-tits ul li.on,
.hp-page .zcjd-tag ul li.on,
.hp-page .hp-links__tabs li.is-active {
    font-weight: 700;
    letter-spacing: .012em;
    text-shadow: 0 1px 2px rgba(10, 60, 130, .30);
}

.hp-page .news-tag ul li.on:hover,
.hp-page .zcfw-tits ul li.on:hover,
.hp-page .zcjd-tag ul li.on:hover,
.hp-page .hp-links__tabs li.is-active:hover {
    filter: brightness(1.06) saturate(1.06);
    transform: translateY(-1px);
}