* {
    box-sizing: border-box;
}


html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}
@charset "utf-8";
/* 文本超出省略号公共样式 */
.text-ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text-ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
/* ========== 椤堕儴宸ュ叿鏉★細娣遍厭绾?========== */
.site-masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transition:
            box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1),
            backdrop-filter 0.5s ease,
            -webkit-backdrop-filter 0.5s ease;
}

.site-masthead.is-scrolled {
    box-shadow: 0 0.05rem 0.24rem rgba(0, 0, 0, 0.2);
    backdrop-filter: saturate(1.2) blur(0.12rem);
    -webkit-backdrop-filter: saturate(1.2) blur(0.12rem);
}

.masthead-header {
    align-items: center;
    gap: 0.32rem;
}

.masthead-right {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

.masthead-util {
    flex-shrink: 0;
    width: 100%;
    color: #fff;
    font-size: 0.13rem;
    line-height: 1.4;
    min-height: 0.38rem;
    transition:
            min-height 0.38s cubic-bezier(0.4, 0, 0.2, 1),
            border-color 0.35s ease;
    justify-content: flex-end;
}

.site-masthead.is-scrolled .masthead-util {
    min-height: 0.42rem;
    border-bottom-color: rgba(255, 255, 255, 0.18);
}

.site-masthead.is-scrolled .top-link {
    padding-top: 0.06rem;
    padding-bottom: 0.06rem;
}

.site-top-left,
.site-top-right {
    flex-wrap: wrap;
    gap: 0;
}

.top-link {
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    color: rgba(255, 255, 255, 0.95);
    padding: 0.08rem 0.1rem;
    white-space: nowrap;
    transition: color 0.2s ease, padding 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.top-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.2rem;
    height: 0.2rem;
    flex-shrink: 0;
}

.top-link-icon img {

    width: 0.15rem;

}

.top-link:hover {
    color: #fff;
}
.top-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.top-dropdown:hover .vpn-dropdown,
.top-dropdown:focus-within .vpn-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.vpn-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.04rem;
    min-width: 1.4rem;
    padding: 0.08rem 0;
    background: rgba(51, 94, 105, 0.97);
    border-radius: 0.04rem;
    box-shadow: 0 0.06rem 0.2rem rgba(0, 0, 0, 0.35);
    border: 0.01rem solid rgba(255, 255, 255, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.04rem);
    transition:
            opacity 0.22s ease,
            visibility 0.22s ease,
            transform 0.22s ease;
    z-index: 950;
}

.vpn-dropdown::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 0.06rem;
}

.vpn-dropdown-item {
    display: block;
    padding: 0.1rem 0.22rem;
    font-size: 0.13rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.95);
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.vpn-dropdown-item:hover,
.vpn-dropdown-item:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    outline: none;
}
.top-sep {
    width: 0.01rem;
    height: 0.1rem;
    background: rgba(255, 255, 255, 1);
    flex-shrink: 0;
    margin: 0 0.04rem;
}

.top-link-search {
    padding-left: 0.08rem;
    padding-right: 0.08rem;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.top-link-search:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 2px;
}

/* ========== 鍏ㄥ睆鎼滅储 ========== */
.site-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.24rem;
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.site-search-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.site-search-overlay[hidden] {
    display: none !important;
}

.site-search-overlay-close {
    position: absolute;
    top: 0.28rem;
    right: 0.32rem;
    width: 0.56rem;
    height: 0.56rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 0.36rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.2s, border-color 0.2s;
}

.site-search-overlay-close:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.55);
}

.site-search-overlay-inner {
    width: 100%;
    max-width: 8.5rem;
    margin-top: -0.6rem;
}

.site-search-overlay-title {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.14rem;
    letter-spacing: 0.08rem;
    margin-bottom: 0.28rem;
    text-align: center;
}

.site-search-overlay-row {
    gap: 0.2rem;
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 0.12rem;
}

.site-search-overlay-input {
    flex: 1;
    min-width: 2rem;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 0.28rem;
    line-height: 1.4;
    padding: 0.12rem 0;
}

.site-search-overlay-input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.site-search-overlay-submit {
    flex-shrink: 0;
    padding: 0.12rem 0.36rem;
    font-size: 0.16rem;
    color: #fff;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.04rem;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}

.site-search-overlay-submit:hover {
    background: #333;
}

body.site-search-open {
    overflow: hidden;
}

/* ========== 涓昏瑙夊尯 ========== */
.hero-wrap {
    position: relative;
    width: 100%;
    height: 100vh;
}

/* 内页主视觉：高度为首页全屏的一半 */
.hero-wrap.hero-wrap--sub {
    height: 50vh;
    max-height: 50vh;
    min-height: 2.2rem;
}

.hero-swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}

/* 骞荤伅鐗囦綔瀹氫綅灞傦紝鑳屾櫙鍥?absolute 閾烘弧锛屽叾瀹冨彔灞備粛鐩稿 .hero-swiper 瀹氫綅 */
.hero-swiper .swiper-slide {
    position: relative;
}

.hero-slide-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* 主导航：在 .site-masthead 内叠在首屏上；滚动态由 .site-masthead.is-scrolled 统一控制 */
.hero-head .hero-nav {
    width: 100%;
}

.hero-head {
    position: relative;
    flex-shrink: 0;
    padding-top: 0.12rem;
    padding-bottom: 0.26rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.32) 52%, rgba(0, 0, 0, 0) 100%);
    transition:
            background 0.45s cubic-bezier(0.4, 0, 0.2, 1),
            padding 0.38s cubic-bezier(0.4, 0, 0.2, 1),
            border-color 0.35s ease;
}

.site-masthead.is-scrolled .hero-head {
    padding-top: 0.08rem;
    padding-bottom: 0.1rem;
    background: rgba(51, 94, 105, 1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (prefers-reduced-motion: reduce) {
    .site-masthead,
    .masthead-util,
    .top-link,
    .hero-head,
    .hero-head .hero-brand-logo,
    .hero-nav-list > .hero-nav-item > a {
        transition-duration: 0.01ms !important;
    }

    .media-focus-news-item,
    .media-focus-news-item .media-focus-date-icon,
    .media-focus-news-item .media-focus-date,
    .media-focus-news-item .media-focus-news-link {
        transition-duration: 0.01ms !important;
    }

    a.media-focus-news-item:hover .media-focus-news-link,
    a.media-focus-news-item:focus-visible .media-focus-news-link {
        transform: none;
    }

    .media-focus-news-item:hover .media-focus-date-icon,
    .media-focus-news-item:focus-within .media-focus-date-icon {
        transform: none;
    }

    .media-focus-thumb,
    .media-focus-thumb img,
    .media-focus-thumb .media-focus-thumb-cap {
        transition-duration: 0.01ms !important;
    }

    .media-focus-thumb:hover {
        transform: none;
        box-shadow: none;
    }

    .media-focus-thumb:focus-visible {
        transform: none;
        box-shadow: none;
        outline: 2px solid rgba(255, 255, 255, 0.9);
        outline-offset: 0.02rem;
    }

    .media-focus-thumb:hover img,
    .media-focus-thumb:focus-visible img {
        transform: none;
    }

    .media-focus-thumb:hover .media-focus-thumb-cap,
    .media-focus-thumb:focus-visible .media-focus-thumb-cap {
        padding-top: 0.14rem;
        padding-bottom: 0.14rem;
    }
}

.hero-head .hero-brand-logo {
    transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1), height 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-masthead.is-scrolled .hero-brand-logo {
    width: 2.72rem;
    height: 0.76rem;
}

.site-masthead.is-scrolled .hero-nav-list > .hero-nav-item > a {
    text-shadow: none;
    padding-top: 0.07rem;
    padding-bottom: 0.07rem;
}

.hero-head a,
.hero-head button {
    pointer-events: auto;
}

.hero-brand {
    gap: 0.18rem;
    align-items: center;
}

.hero-brand-logo {
    width: 3.18rem;
    height: 0.9rem;
    object-fit: contain;
    flex-shrink: 0;
}


.hero-nav-list {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 0.08rem;
}

.hero-nav-item {
    position: relative;
}

.hero-nav-list > .hero-nav-item > a {
    display: block;
    padding: 0.1rem 0.2rem;
    font-size: 0.19rem;
    color: #fff;
    white-space: nowrap;
    text-shadow: 0 0.01rem 0.1rem rgba(0, 0, 0, 0.35);
    transition: color 0.2s ease, opacity 0.2s ease, text-shadow 0.35s ease, padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-nav-list > .hero-nav-item > a:hover {
    color: #fff;
    opacity: 0.88;
}

/* 浜岀骇涓嬫媺 */
.hero-nav-sub {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    margin-top: 0.06rem;
    padding: 0.1rem 0;
    min-width: 1.8rem;
    background: rgba(51, 94, 105, 0.9);
    border-radius: 0.04rem;
    box-shadow: 0 0.06rem 0.24rem rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    z-index: 30;
}

.hero-nav-item:hover .hero-nav-sub {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hero-nav-sub li {
    list-style: none;
}

.hero-nav-sub a {
    display: block;
    padding: 0.12rem 0.28rem;
    font-size: 0.16rem;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.95);
    white-space: nowrap;
    text-align: center;
    text-shadow: none;
}

.hero-nav-sub a:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    opacity: 1;
}


/* 鍙充笅瑙掞細1 2 3 鈥?+ 绠ご */
.hero-pagination-bar {
    position: absolute;
    right: 0.36rem;
    bottom: 0.32rem;
    z-index: 12;
    gap: 0.2rem;
}

.hero-pagination {
    position: static !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: auto !important;
    transform: none !important;
}

.hero-pagination .swiper-pagination-bullet {
    width: auto !important;
    height: auto !important;
    margin: 0 0.1rem !important;
    padding: 0 0.04rem;
    border-radius: 0;
    background: transparent !important;
    opacity: 1 !important;
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1;
    border: none;
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
}

.hero-pagination .swiper-pagination-bullet-active {
    color: #fff;
    background: transparent !important;
    font-size: 0.26rem;
    font-weight: 600;
    gap: 0.08rem;
}

.hero-pagination .swiper-pagination-bullet-active::after {
    content: '';
    display: block;
    width: 0.4rem;
    height: 1px;
    background: #fff;
    flex-shrink: 0;
}

.hero-slide-next {
    border: none;
    background: transparent;
    line-height: 0;
    cursor: pointer;
    padding: 0.04rem;
    opacity: 0.9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero-slide-next:hover {
    opacity: 1;
}

.hero-slide-next-icon {
    display: block;
    width: 0.28rem;
    height: auto;
    object-fit: contain;
}

/* ========== 缁嶅ぇ瑕侀椈 ========== */
.block-news {
    background: #fdfdfd;
    padding: 0.5rem 0 0.56rem;
}

.block-news-head {
    margin-bottom: 0.35rem;
}

.block-news-title {
    margin: 0;
    gap: 0.1rem;
    align-items: center;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.block-news-title-brand {
    color: #335e69;
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 1;
    margin-top: -0.06rem;
}

.block-news-title-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06rem;
    line-height: 1.15;
}

.block-news-title-cn {
    color: #231815;
    font-size: 0.28rem;
    line-height: 1;
}

.block-news-title-meta {
    gap: 0.1rem;
}

.block-news-title-en {
    color: #231815;
    font-size: 0.14rem;
    line-height: 1;
    text-transform: uppercase;
}

.block-news-title-dash {
    width: 0.48rem;
    height: 0.04rem;
    background: #335e69;
    flex-shrink: 0;
}

.block-news-more {
    font-size: 0.16rem;
    color: #335e69;
    white-space: nowrap;
    background: url("/image/more.png") no-repeat left top;
    background-size: 0.38rem 0.33rem;
    padding-left: 0.25rem;
    padding-top: 0.13rem;
}

.block-news-more:hover {
    font-weight: 600;
}



.block-news-body {
    align-items: stretch;
    gap: 0.3rem;
}

.block-news-slider-col {
    position: relative;
    width: 9.8rem;
    overflow: hidden;
    height: 5.88rem;
}

.news-swiper {
    width: 100%;
    height: 100%;
}

.news-swiper .swiper-slide {
    height: 100%;
}

.block-news-slide-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block-news-slide-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}

.block-news-slide-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.3rem 0.22rem 0.2rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%,  transparent 100%);
    pointer-events: none;
}

.block-news-slide-text {
    display: block;
    color: #fff;
    font-size: 0.18rem;
    line-height: 1.4;
    font-weight: 400;
    text-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.45);
}

.news-swiper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 0.44rem;
    height: 0.72rem;
    margin: 0;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.news-swiper-btn:hover {
    background: rgba(0, 0, 0, 0.52);
}

.news-swiper-btn img {
    display: block;
    width: 0.16rem;
    height: auto;
    object-fit: contain;
}

.news-swiper-btn-img-flip {
    transform: scaleX(-1);
}

.news-swiper-btn:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.7);
    outline-offset: 1px;
}

.news-swiper-prev {
    left: 0;
    border-radius: 0 0.04rem 0.04rem 0;
}

.news-swiper-next {
    right: 0;
    border-radius: 0.04rem 0 0 0.04rem;
}

.block-news-list-col {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.block-news-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.block-news-item {
    gap: 0.1rem;
    flex: 1;
    min-height: 0;
    padding: 0.08rem 0;
    border-bottom: 0.01rem dashed #e5e5e5;
    box-sizing: border-box;
    width: 100%;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.block-news-item:hover {
    background: rgba(51, 94, 105, 0.05);
    transform: translateY(-0.02rem);
}

.block-news-item:hover .block-news-mark {
    background: #335e69;
}

.block-news-item:hover .block-news-link {
    color: #335e69;
    font-weight: 600;
}
.block-news-item.is-active {
    align-items: flex-start;
    flex: unset;
    height: 0.8rem;
}

.block-news-item.is-active .block-news-mark {
    background: #335e69;
    margin-top: 0.08rem;
}

.block-news-item.is-active .block-news-link {
    color: #335e69;
    font-weight: 600;
    font-size: 0.22rem;
}

.block-news-mark {
    flex-shrink: 0;
    width: 0.03rem;
    height: 0.1rem;
    background: #335e69;
}

.block-news-link {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    color: #1d1d1d;
    width: 0;
}

.block-news-link:hover {
    color: #335e69;
}
.block-news-item.is-active .block-news-link.block-news-link-featured {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    white-space: normal !important;
    overflow: hidden !important;
    word-break: break-word;
    width: auto !important;
    flex: 1 1 0% !important;
    max-width: 100%;
    align-self: stretch;
    line-height: 1.45;
}
.block-news-date {
    flex-shrink: 0;
    font-size: 0.16rem;
    color: #737171;
}


/* ========== 底部快捷入口（banner1 + img1-12） ========== */
.quick-academic-combo {
    position: relative;
    width: 100%;
    overflow: visible;
    isolation: isolate;
}

.quick-academic-combo::before,
.quick-academic-combo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.quick-academic-combo::before {
    top: 0;
    bottom: 0;
    background: #fdfdfd url("../image/banner1.png") no-repeat center top;
    background-size: 100% auto;
    z-index: -1;
}

.quick-academic-combo::after {
    top: 1rem;
    bottom: 0;
    z-index: 1;
    background: url("/image/banner3.png") no-repeat center top;
    background-size: 100% 100%;
}

.footer-quick {
    position: relative;
    z-index: 2;
    width: 100%;
    background: transparent;
    padding: 0.5rem 0 0.35rem;
}

.footer-quick-panel {
    width: 100%;
}

.footer-quick-inner {
    padding: 0.76rem 0 0.26rem;
}

.footer-quick-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.footer-quick-item {
    text-align: center;
    min-width: 0;
    display: block;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.footer-quick-item:hover {
    transform: translateY(-0.03rem);
}

.footer-quick-item:hover .footer-quick-icon-wrap {
    background: rgba(51, 94, 105, 0.2);
    transform: scale(1.06);
}

.footer-quick-item:hover .footer-quick-text {
    color: #335e69;
    font-weight: 600;
}

.footer-quick-icon-wrap {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: rgba(51, 94, 105, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.1rem;
    transition: background 0.2s ease, transform 0.2s ease;
}

.footer-quick-icon {
    width: 0.42rem;
    object-fit: contain;
    display: block;
}

.footer-quick-text {
    font-size: 0.2rem;
    color: #666;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

/* ========== 学术成果轮播（全新重写） ========== */
.research-carousel {
    width: 100%;
    padding: 0.56rem 0 0.44rem;
    background: url("/image/banner2.png") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}


.research-carousel-inner {
    position: relative;
    z-index: 1;
}

.research-carousel-head {
    margin-bottom: 0.28rem;
}

.research-carousel .block-news-title-brand,
.research-carousel .block-news-title-cn,
.research-carousel .block-news-title-en,
.research-carousel .block-news-more {
    color: #fff;
}

.research-carousel .block-news-title-dash {
    background: rgba(255, 255, 255, 0.9);
}

.research-carousel .block-news-more {
    background-image: url("/image/more1.png");
}

.research-carousel-more {
    font-size: 0.16rem;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    background: url("/image/more1.png") no-repeat left top;
    background-size: 0.38rem 0.33rem;
    padding-left: 0.25rem;
    padding-top: 0.13rem;
}

.research-carousel-more:hover {
    color: #fff;
    opacity: 0.92;
}

.research-swiper {
    padding: 0 0 0.58rem;
}

.research-swiper .swiper-slide {
    width: calc((100% - 0.66rem) / 4);
}

.research-card {
    display: block;
    text-decoration: none;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.22rem rgba(0, 0, 0, 0.18);
    color: #232323;
    transition: transform 0.26s ease, box-shadow 0.26s ease;
    padding-bottom: 0.3rem;
}

.research-card:hover {
    transform: translateY(-0.03rem);
    box-shadow: 0 0.14rem 0.28rem rgba(0, 0, 0, 0.25);
}

.research-card-cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.research-card-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.research-card-body {
    padding: 0.16rem 0.16rem 0.14rem;
    border-top: 0.01rem solid #f0f0f0;
}

.research-card-title {
    margin: 0;
    font-size: 0.18rem;
    line-height: 1.5;
    color: #1c1c1c;
    height: 0.55rem;
}

.research-card-divider {
    position: relative;
    width: 100%;
    height: 0.01rem;
    margin: 0.14rem 0 0.16rem;
    background: #a0bfc6;
}

.research-card-divider::after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.01rem;
    width: 0.26rem;
    height: 0.04rem;
    background: #335e69;
}

.research-card-excerpt {
    margin: 0;
    font-size: 0.16rem;
    line-height: 1.55;
    color: #656565;
    height: 0.52rem;
}

.research-card-date {
    display: block;
    margin-top: 0.14rem;
    font-size: 0.16rem;
    color: #656565;
}

.research-pagination {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    text-align: center !important;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.research-swiper .research-pagination .research-bullet {
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 0.08rem !important;
    border-radius: 50%;
    background: rgba(255, 255, 255,1);
    opacity: 1;
    font-size: 0;
    line-height: 0;
    transition: width 0.22s ease, border-radius 0.22s ease, background-color 0.22s ease;
}

.research-swiper .research-pagination .is-active {
    width: 0.24rem;
    border-radius: 0.08rem;
    background: #fff;
    height: 0.05rem;
}



/* ========== 学术成果 + 学术讲座 ========== */
.academic-dual {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: -0.22rem;
    background: transparent;
    padding: 0.86rem 0 0.86rem;
}



.academic-dual-cols {
    align-items: flex-start;
    gap: 0.8rem;
}

.academic-dual-col {
    flex: 1;
    min-width: 0;
}

.academic-dual-head {
    margin-bottom: 0.28rem;
}



.academic-dual .block-news-title-en,
.campus-scenery .block-news-title-en {
    color: #999;
    font-size: 0.12rem;
}

.academic-dual-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.academic-dual-item {
    gap: 0.14rem;
    padding: 0.12rem 0;
    text-decoration: none;
    color: inherit;
    align-items: center;
    transition: background-color 0.2s ease;
}

.academic-dual-item:last-child {
    border-bottom: none;
}

.academic-dual-item:hover {
    background: rgba(51, 94, 105, 0.04);
}

.academic-dual-item:hover .academic-dual-link {
    color: #335e69;
    font-weight: 600;
}

.academic-dual-date {
    flex-shrink: 0;
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    min-width: 0.52rem;
    padding: 0.05rem 0.08rem;
    background: #335e69;
    color: #fff;
    line-height: 1.2;
}

.academic-dual-date-day {
    font-size: 0.18rem;
}

.academic-dual-date-sep {
    font-size: 0.14rem;
    margin: 0 0.02rem;
    opacity: 0.95;
}

.academic-dual-date-mon {
    font-size: 0.12rem;
}

.academic-dual-link {
    flex: 1;
    min-width: 0;
    font-size: 0.18rem;
    color: #2f2e2e;
}



/* ========== 媒体聚焦 + 学术讲座 ========== */
.media-talent-wrap {
    width: 100%;
    background: #ffffff url("../image/banner4.png") no-repeat center bottom;
    background-size: contain;
}

.media-focus {
    position: relative;
    padding: 0.74rem 0 0.32rem;
}



.media-focus::after {
    content: "";
    position: absolute;
    right: 0;
    top: 1.2rem;
    width: 35.5%;
    bottom: 0.2rem;
    background: url(/image/banner6.png) no-repeat center bottom;
    background-size: 100% 100%;
    pointer-events: none;
}

.media-focus-inner {
    position: relative;
    z-index: 1;
    gap: 0.8rem;
    overflow: visible;
}

.media-focus-left,
.media-focus-right {
    min-width: 0;
}

.media-focus-left {
    flex: 1;
}

.media-focus-right {
    flex: 1;
    overflow: visible;
}

.media-focus-head {
    margin-bottom: 0.16rem;
}

.media-focus-more {
    padding-top: 0.08rem;
}

.media-focus-thumbs {
    gap: 0.14rem;
    margin-bottom: 0.14rem;
    margin-top: 0.5rem;
}

.media-focus-thumb {
    display: block;
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0.06rem;
    text-decoration: none;
    color: inherit;
    transition:
            box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.media-focus-thumb:hover,
.media-focus-thumb:focus-visible {
    box-shadow: 0 0.1rem 0.28rem rgba(0, 0, 0, 0.22);
    transform: translateY(-0.04rem);
    outline: none;
}

.media-focus-thumb:focus-visible {
    box-shadow: 0 0 0 0.02rem rgba(255, 255, 255, 0.85), 0 0.1rem 0.28rem rgba(0, 0, 0, 0.22);
}

.media-focus-thumb img {
    width: 100%;
    height: 2.1rem;
    object-fit: cover;
    display: block;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.media-focus-thumb:hover img,
.media-focus-thumb:focus-visible img {
    transform: scale(1.06);
}

.media-focus-thumb-cap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.16rem;
    line-height: 1.4;
    padding: 0.14rem 0.08rem;
    transition: background-color 0.3s ease, padding 0.3s ease;
}

.media-focus-thumb:hover .media-focus-thumb-cap,
.media-focus-thumb:focus-visible .media-focus-thumb-cap {
    background: rgba(51, 94, 105, 0.88);
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
}

.media-focus-list {
    margin: 0;
    padding: 0;
}

.media-focus-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    padding: 0.14rem 0.02rem;
    color: #4b4b4b;
    text-decoration: none;
    font-size: 0.18rem;
    line-height: 1.5;
    position: relative;
    transition: color 0.28s ease, padding 0.28s ease;
}

.media-focus-list-text {
    flex: 1;
    min-width: 0;
}

.media-focus-list-arrow {
    flex-shrink: 0;
    width: 0.09rem;
    height: 0.09rem;
    border-top: 0.02rem solid #9c9c9c;
    border-right: 0.02rem solid #9c9c9c;
    transform: rotate(45deg);
    transition: border-color 0.28s ease, transform 0.28s ease;
    margin-right: 0.1rem;
}
.media-focus-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(-1 * var(--media-focus-bleed, 0px));
    background: url(/image/list2_hover.png) center no-repeat;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.28s ease;
}

.media-focus-list-item.is-active {
    color: #fff;
    padding: 0.23rem 0.02rem;
    font-size: 0.2rem;
    font-weight: 600;
}

.media-focus-list-item.is-active::after {
    opacity: 1;
}

.media-focus-list-item.is-active > .media-focus-list-arrow {
    border-color: white;
    transform: rotate(45deg) translateX(0.02rem);
}
.media-focus-news {
    margin: 0.3rem 0.08rem 0.1rem;
    background: rgba(255,255,255,1);
    box-shadow: 1rem 0.14rem 0.36rem rgba(0, 0, 0, 0.06);
    padding: 0.1rem 0.2rem 0.3rem;
}

.media-focus-news-item {
    padding: 0.1rem 0.1rem 0.11rem;
    margin: 0 -0.1rem;
    border-bottom: 0.01rem solid rgba(0, 0, 0, 0.08);
    border-radius: 0.05rem;
    transition:
            background-color 0.32s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

a.media-focus-news-item {
    display: block;
    text-decoration: none;
}

.media-focus-news-item:hover,
.media-focus-news-item:focus-within {
    background-color: rgba(51, 94, 105, 0.06);
    box-shadow: inset 0.04rem 0 0 0 #335e69;
}

.media-focus-date-row {
    gap: 0.06rem;
    margin-bottom: 0.02rem;
    min-width: 0;
}

.media-focus-date-icon {
    width: 0.16rem;
    height: 0.16rem;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
    margin-top: 0.04rem;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.media-focus-news-item:hover .media-focus-date-icon,
.media-focus-news-item:focus-within .media-focus-date-icon {
    transform: scale(1.12);
}

.media-focus-date {
    display: block;
    color: #335e69;
    font-size: 0.16rem;
    min-width: 0;
    transition: color 0.28s ease;
}


.media-focus-news-link {
    color: #1d1d1d;
    text-decoration: none;
    font-size: 0.18rem;
    line-height: 1.6;
    display: block;
    transition: color 0.28s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

a.media-focus-news-item:hover .media-focus-news-link,
a.media-focus-news-item:focus-visible .media-focus-news-link {
    color: #335e69;
    transform: translateX(0.03rem);
}



/* ========== 人才培养 ========== */
.talent-cult {
    width: 100%;
    padding: 0.5rem 0 0.8rem;
}

.talent-cult-inner {

}

.talent-cult-head {
    margin-bottom: 0.45rem;
}

.talent-cult-title {
    gap: 0.1rem;
    align-items: center;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.talent-cult-brand {
    color: #335e69;
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 1;
}

.talent-cult-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06rem;
    line-height: 1.15;
}

.talent-cult-cn {
    color: #231815;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 1;
}

.talent-cult-meta {
    gap: 0.1rem;
}

.talent-cult-en {
    color: #999;
    font-size: 0.12rem;
    line-height: 1;
    text-transform: uppercase;
}

.talent-cult-dash {
    width: 0.28rem;
    height: 0.04rem;
    background: #335e69;
    flex-shrink: 0;
}

.talent-cult-cards {
    gap: 0.4rem;
    align-items: stretch;
}

.talent-cult-card {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 2rem;
    border-radius: 0.12rem;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #fff;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.talent-cult-card:hover {
    transform: translateY(-0.04rem);
    box-shadow: 0 0.12rem 0.28rem rgba(0, 0, 0, 0.18);
}

.talent-cult-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
}

.talent-cult-card:hover .talent-cult-card-bg {
    transform: scale(1.06);
}

.talent-cult-card-01 .talent-cult-card-bg {
    background-image: url("/image/rcbg01.png");
}

.talent-cult-card-02 .talent-cult-card-bg {
    background-image: url("/image/rcbg02.png");
}

.talent-cult-card-03 .talent-cult-card-bg {
    background-image: url("/image/rcbg03.png");
}

.talent-cult-card-04 .talent-cult-card-bg {
    background-image: url("/image/rcbg04.png");
}

.talent-cult-card-over {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}



.talent-cult-card-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    min-height: 2rem;
    padding: 0.32rem 0.16rem;
    box-sizing: border-box;
}

.talent-cult-card-ico {
    width: 0.4rem;
    height: auto;
    object-fit: contain;
    display: block;
}

.talent-cult-card-label {
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    font-weight: 600;
}

/* ========== 绍大人物 ========== */
.people-show {
    position: relative;
    width: 100%;
    padding: 0.7rem 0 1.4rem;
    background: #1a2830 url("../image/banner5.png") no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
}


.people-show-inner {
    position: relative;
    z-index: 1;
}

.people-show-head {
    margin-bottom: 0.68rem;
}

.people-show-title {
    gap: 0.1rem;
    align-items: center;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.people-show-brand {
    color: #fff;
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 1;
    margin-top: -0.06rem;
}

.people-show-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.06rem;
    line-height: 1.15;
}

.people-show-cn {
    color: #fff;
    font-size: 0.28rem;
    font-weight: 600;
    line-height: 1;
}

.people-show-meta {
    gap: 0.1rem;
}

.people-show-en {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.12rem;
    line-height: 1;
    text-transform: uppercase;
}

.people-show-dash {
    width: 0.28rem;
    height: 0.04rem;
    background: #fff;
    flex-shrink: 0;
}

.people-show-more {
    font-size: 0.16rem;
    color: #fff;
    white-space: nowrap;
    background: url(/image/more1.png) no-repeat left top;
    background-size: 0.38rem 0.33rem;
    padding-left: 0.25rem;
    padding-top: 0.13rem;
}

.people-show-more:hover {
    font-weight: 600;
}

.people-swiper-outer {
    width: 100%;
    margin: 0;
    padding: 0;
}

.people-swiper {
    overflow: hidden;
    width: 100%;
}

.people-swiper .swiper-slide {
    height: auto;
}

.people-card {
    display: block;
    text-decoration: none;
    color: #fff;
    transition: transform 0.3s ease;
}

.people-card:hover {
    transform: translateY(-0.06rem);
}

.people-card:focus-visible {
    outline: 0.02rem solid rgba(255, 255, 255, 0.85);
    outline-offset: 0.04rem;
    border-radius: 0.15rem;
}

.people-card-img-wrap {
    border-radius: 0.1rem;
    overflow: hidden;
    margin-bottom: 0.16rem;
    transition: box-shadow 0.3s ease;
}

.people-card:hover .people-card-img-wrap {
    box-shadow: 0 0.12rem 0.28rem rgba(0, 0, 0, 0.35);
}

.people-card-img-wrap img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    vertical-align: top;
    transition: transform 0.45s ease;
}

.people-card:hover .people-card-img-wrap img {
    transform: scale(1.06);
}

.people-card-text {
    text-align: center;
    padding: 0 0.06rem;
}

.people-card:hover .people-card-name {
    text-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.45);
}

.people-card:hover .people-card-desc {
    color: #fff;
}

.people-card-name {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0.08rem;
    transition: text-shadow 0.25s ease;
}

.people-card-desc {
    font-size: 0.16rem;
    line-height: 1.5;
    color: #dddddd;
    width: 92%;
    margin: 0 auto;
    transition: color 0.25s ease;
}

/* ========== 绍大校园 ========== */
.campus-scenery {
    width: 100%;
    background: #fff;
    padding: 0.5rem 0 0.56rem;
}

.campus-scenery-inner {

}

.campus-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0.1rem;
    height: 7rem;
    max-height: 7rem;
    min-height: 0;
    box-sizing: border-box;
}

.campus-grid-cell:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

.campus-grid-cell:nth-child(2) {
    grid-column: 3 / 5;
    grid-row: 1;
}

.campus-grid-cell:nth-child(3) {
    grid-column: 3;
    grid-row: 2;
}

.campus-grid-cell:nth-child(4) {
    grid-column: 4;
    grid-row: 2;
}

.campus-grid-cell {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    transition: opacity 0.25s ease;
}

.campus-grid-cell:hover {
    opacity: 0.95;
}

.campus-grid-cell:focus-visible {
    outline: 0.02rem solid #335e69;
    outline-offset: 0.02rem;
}

.campus-grid-img {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.campus-grid-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.campus-grid-cell:hover .campus-grid-img img {
    transform: scale(1.04);
}

.campus-grid-cap {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.18rem;
    height: 0.6rem;
    pointer-events: none;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
}



.bottom {
    width: 100%;
    position: relative;
    color: #fff;
    padding-top: 1rem;
}

.bottom-panel {
    position: relative;
    z-index: 1;
    margin-top: -0.1rem;
    padding: 0.42rem 0 0.32rem;
}

.bottom-inner {
    position: relative;
    z-index: 1;
}

.bottom-grid {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.22rem 0.5rem;
    margin-bottom: 0.36rem;
}

.bottom-mega {
    width: 58%;
    min-width: 0;
}

.bottom-mega-titles {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.14rem 0.52rem;
    margin-bottom: 0.14rem;
    padding-bottom: 0.1rem;
}

.bottom-mega-title {
    margin: 0;
    padding: 0 0 0.06rem;
    background: none;
    border: none;
    border-bottom: 0.02rem solid transparent;
    font-family: inherit;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.78);
    cursor: pointer;
    text-align: left;
    transition: color 0.2s, border-color 0.2s, font-weight 0.2s;
}

.bottom-mega-title:hover {
    color: #fff;
}

.bottom-mega-title.is-active {
    color: #fff;
    font-weight: 600;
    border-bottom-color: transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    background-size: 2em 0.02rem;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.bottom-mega-title:focus-visible {
    outline: 0.02rem solid rgba(255, 255, 255, 0.85);
    outline-offset: 0.04rem;
}

.bottom-mega-panels {
    position: relative;
    height: 1.8rem;
}

.bottom-mega-panel:not(.is-active) {
    display: none;
}

.bottom-mega-panel.is-active {
    display: block;
}

.bottom-mega-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(2.05rem, 1fr));
    gap: 0.06rem 0.18rem;
}

.bottom-mega-list li {
    margin: 0;
    min-width: 0;
}

.bottom-mega-list a {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    line-height: 2;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottom-mega-list a:hover {
    color: #fff;
    text-decoration: underline;
}

.bottom-aside {

    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0;
    top: 0;
}

.bottom-aside-links {
    font-size: 0.14rem;
    line-height: 1.7;
    margin-bottom: 0.12rem;
}

.bottom-aside-links a {
    color: #ffffff;
    text-decoration: none;
}

.bottom-aside-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.bottom-aside-sep {
    margin: 0 0.06rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 300;
}

.bottom-aside-addr {
    margin: 0 0 0.18rem;
    font-size: 0.14rem;
    color: #fff;
    line-height: 1.6;
}

.bottom-qr-row {
    gap: 0.28rem;
    align-items: flex-end;
}

.bottom-qr {
    margin: 0;
    text-align: center;
}

.bottom-qr img {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    object-fit: contain;
    margin: 0 auto 0.06rem;
    background: #fff;
    padding: 0.04rem;
    box-sizing: border-box;
}

.bottom-qr figcaption {
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.9);
}

.bottom-bar {
    padding-top: 0.2rem;
    border-top: 0.01rem solid rgba(255, 255, 255, 0.2);
    gap: 0.2rem;
    flex-wrap: wrap;
}

.bottom-copy {
    margin: 0;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    flex: 1;
    min-width: 4rem;
}

.bottom-copy a {
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
}

.bottom-copy a:hover {
    color: #fff;
    text-decoration: underline;
}

.bottom-top {
    flex-shrink: 0;
    font-size: 0.14rem;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    white-space: nowrap;
}

.bottom-top:hover {
    color: #fff;
}

.bottom-top-ico {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.05rem solid transparent;
    border-right: 0.05rem solid transparent;
    border-bottom: 0.07rem solid currentColor;
    transform: rotate(0deg);
    margin-bottom: 0.02rem;
}




.f_bg {
    height: 4.22rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
}

.f_bg_img {
    width: 31.85rem;
    height: 4.22rem;
}

.f_bg_img image {
    width: 100%;
    height: 100%;
}


.editorial {
    position: absolute;
    top: 0;
    left: 0;
    height: 2.8rem;
    width: 100%;
}

.parallax > use {
    animation: move-forever 12s linear infinite;
    -webkit-animation: move-forever 12s linear infinite;
    -moz-animation: move-forever 12s linear infinite;
    -ms-animation: move-forever 12s linear infinite;
    -o-animation: move-forever 12s linear infinite;
    transform-origin: 50% 50%;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

/* .parallax > use:nth-child(2) {animation-delay: -2s; } */

#clippath {
    transform: translate(409px, 0%);
    width: 3185px;
    animation: move-forever 12s linear infinite;
    -webkit-animation: move-forever 12s linear infinite;
    -moz-animation: move-forever 12s linear infinite;
    -ms-animation: move-forever 12s linear infinite;
    -o-animation: move-forever 12s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes move-forever {
    0% {
        -webkit-transform: translate(409px, 0%);
        -moz-transform: translate(409px, 0%);
        -ms-transform: translate(409px, 0%);
        -o-transform: translate(409px, 0%);
        transform: translate(409px, 0%);
    }
    100% {
        -webkit-transform: translate(59px, 0%);
        -moz-transform: translate(59px, 0%);
        -ms-transform: translate(59px, 0%);
        -o-transform: translate(59px, 0%);
        transform: translate(59px, 0%);
    }
}

@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate(409px, 0%);
        -moz-transform: translate(409px, 0%);
        -ms-transform: translate(409px, 0%);
        -o-transform: translate(409px, 0%);
        transform: translate(409px, 0%);
    }
    100% {
        -webkit-transform: translate(59px, 0%);
        -moz-transform: translate(59px, 0%);
        -ms-transform: translate(59px, 0%);
        -o-transform: translate(59px, 0%);
        transform: translate(59px, 0%);
    }
}

@-moz-keyframes move-forever {
    0% {
        -webkit-transform: translate(409px, 0%);
        -moz-transform: translate(409px, 0%);
        -ms-transform: translate(409px, 0%);
        -o-transform: translate(409px, 0%);
        transform: translate(409px, 0%);
    }
    100% {
        -webkit-transform: translate(59px, 0%);
        -moz-transform: translate(59px, 0%);
        -ms-transform: translate(59px, 0%);
        -o-transform: translate(59px, 0%);
        transform: translate(59px, 0%);
    }
}

@-ms-keyframes move-forever {
    0% {
        -webkit-transform: translate(409px, 0%);
        -moz-transform: translate(409px, 0%);
        -ms-transform: translate(409px, 0%);
        -o-transform: translate(409px, 0%);
        transform: translate(409px, 0%);
    }
    100% {
        -webkit-transform: translate(59px, 0%);
        -moz-transform: translate(59px, 0%);
        -ms-transform: translate(59px, 0%);
        -o-transform: translate(59px, 0%);
        transform: translate(59px, 0%);
    }
}

@-o-keyframes move-forever {
    0% {
        -webkit-transform: translate(409px, 0%);
        -moz-transform: translate(409px, 0%);
        -ms-transform: translate(409px, 0%);
        -o-transform: translate(409px, 0%);
        transform: translate(409px, 0%);
    }
    100% {
        -webkit-transform: translate(59px, 0%);
        -moz-transform: translate(59px, 0%);
        -ms-transform: translate(59px, 0%);
        -o-transform: translate(59px, 0%);
        transform: translate(59px, 0%);
    }
}



#nav_slide {
    display: none;
}
/* ========== 新闻网列表页 .n_container（侧栏 + 面包屑 + 卡片列表） ========== */
.n_container {
    padding: 0 0 0.6rem;

}

.n_container > .w15.flex {
    align-items: flex-start;
    gap: 0.36rem;
}

.n_left {
    flex: 0 0 3.05rem;
    width: 3.05rem;
    max-width: 100%;
}

.n_left .con {
    position: relative;
}

.n_left .con h1 {
    margin: -0.56rem 0 0;
    width: 3.05rem;
    height: 1.21rem;
    background: url("/image/conbg.png");
    color: #fff;
    font-size: 0.3rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    border-radius: 0.04rem 0.04rem 0 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_left .con h1 span {
    display: inline-block;
}

.n_left .con h1 span::after {
    content: "";
    display: block;
    width: 0.42rem;
    height: 0.03rem;
    background: #fff;
    margin: 0.1rem auto 0;
    opacity: 0.95;
}

.n_left .ulCon {
    background: #eef1f4;
    border: 1px solid #e0e4e8;
    border-top: none;
}

.n_left .ulCon ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.n_left .ulCon > ul > li {
    border-bottom: 1px solid #dde2e6;
}

.n_left .ulCon > ul > li:last-child {
    border-bottom: none;
}

.n_left .ulCon > ul > li > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0.18rem 0.4rem;
    color: #3a3f45;
    font-size: 0.18rem;
    text-decoration: none;
    transition: color 0.2s;
    line-height: 1.45;
    word-break: break-word;
    text-align: center;
}

.n_left .ulCon > ul > li > a:hover {
    color: #385e68;
    font-weight: 600;
}

.n_left .ulCon > ul > li.on > a {
    color: #385e68;
    font-weight: 600;
}

.n_left .ulCon > ul > li.on > a::before,
.n_left .ulCon > ul > li > a:hover::before {
    content: "";
    position: absolute;
    left: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.18rem;
    height: 0.18rem;
    box-sizing: border-box;
    background: url("/image/xlogo.png") center / contain no-repeat;
    pointer-events: none;
    z-index: 1;
}

.n_left .ulCon li > i {
    display: none;
}

.n_left .ulCon dd {
    margin: 0;
    border-top: 1px solid #dde2e6;
}

.n_left .ulCon dd a {
    display: block;
    padding: 0.12rem 0.18rem 0.12rem 0.42rem;
    font-size: 0.14rem;
    color: #4a5058;
    text-decoration: none;
}

.n_left .ulCon dd a:hover {
    color: #385e68;
}

.n_right {
    flex: 1;
    min-width: 0;
    padding: 0.08rem 0 0.4rem;
}

.n_right .mianbao {
    font-size: 0.15rem;
    color: #888;
    padding: 0.12rem 0 0.14rem;
    border-bottom: 0.02rem solid #2c2c2c;
    margin-bottom: 0.22rem;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.04rem;
}

.n_right .mianbao > a:first-of-type {
    position: relative;
    padding-left: 0.25rem;
}

.n_right .mianbao > a:first-of-type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.16rem;
    height: 0.16rem;
    background: url("/image/xlogo.png") center / contain no-repeat;
}

.n_right .mianbao a {
    color: #888;
    text-decoration: none;
}

.n_right .mianbao a:hover {
    color: #3c5a64;
}

.n_right .mianbao i {
    font-style: normal;
    color: #bbb;
}

.n_titu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.n_titu > ul > li {
    margin-bottom: 0.18rem;
}

.n_titu > ul > li:last-child {
    margin-bottom: 0;
}

.n_titu .flex-center-noCenter {
    width: 100%;
}

.n_titu a.clearfix {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.22rem;
    background: #fff;
    border-radius: 0.08rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.08);
    padding: 0.2rem 0.22rem;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s;
}

.n_titu a.clearfix:hover {
    box-shadow: 0 0.06rem 0.22rem rgba(0, 0, 0, 0.12);
}

.n_titu li .pic1 {
    position: relative;
    flex: 0 0 26%;
    width: 26%;
    max-width: 26%;
    min-width: 0;
    align-self: stretch;
    overflow: hidden;
    border-radius: 0.08rem;
    background: #f0f2f4;
    height: 1.7rem;
}

.n_titu li .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 1.6rem;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.n_titu a.clearfix:hover .pic img {
    transform: scale(1.03);
}

.n_titu .text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-align: left;
}

.n_titu h5.line1 {
    margin: 0 0 0.04rem;
    padding-left: 0;
    font-size: 0.2rem;
    font-weight: 700;
    color: #1a2f3d;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.n_titu a.clearfix:hover h5.line1 {
    color: #335e69;
    padding-left: 0.08rem;
}

.n_titu p.line3 {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    font-size: 0.16rem;
    line-height: 1.65;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.n_titu .text > i {
    display: flex;
    align-items: center;
    gap: 0.06rem;
    font-style: normal;
    font-size: 0.15rem;
    color: #335e69;
    margin-top: auto;
    padding-top: 0.06rem;
}

.n_titu .text > i img {
    width: 0.14rem;
    height: 0.14rem;
    object-fit: contain;
    flex-shrink: 0;
}

.n_container .n_right .TextList {
    padding-top: 0;
    margin-top: 0.4rem;
    min-height: 4.5rem
}

.TextList ul li {
    padding-bottom: 0rem;
    position: relative;
    transition: 0.6s all;
    padding-left: 0.16rem
}

.TextList ul li a {
    display: flex;
    position: relative;
    overflow: hidden;
    position: relative;
    justify-content: space-between;
    transition: 0.4s all;
    align-items: center;
    padding: 0.2rem 0 0.1rem 0.09rem;
    border-bottom: 0.01rem solid rgba(7, 45, 155, 0.12);
    box-sizing: border-box
}

.TextList ul li::before {
    content: "";
    background: url(/image/icon-titu-pre2.png) left top no-repeat;
    background-size: cover;
    width: 0.16rem;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    top: 0
}

.TextList ul li:first-child::before {
    content: "";
    background: url(/image/icon-titu-pre.png) left top no-repeat;
    background-size: cover;
    width: 0.16rem;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    top: 0
}

.TextList ul li:last-child::before {
    content: "";
    background: url(/image/icon-titu-pre3.png) left top no-repeat;
    background-size: cover;
    width: 0.09rem;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    top: 0
}

.TextList ul li:last-child a {
    border-bottom: none
}

.TextList ul li a p {
    transition: 0.6s all;
    line-height: 0.28rem;
    font-size: 0.18rem;
    color: #323232;
    position: relative;
    padding-left: 0.2rem;
    transition: 0.4s all;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TextList ul li a span {
    font-size: 0.18rem !important;
    color: #323232;
    font-weight: normal;
    width: 0.7rem;
    text-align: right;
    line-height: 0.7rem;
    display: block;
    transition: 0.4s all
}

.TextList ul li a .data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.TextList ul li a:hover span {
    color: white;
    transition: 0.4s all
}

.TextList ul li a .data i {
    display: block;
    text-align: right;
    font-size: 0.14rem;
    line-height: 0.32rem;
    font-weight: normal;
    color: #999999;
    font-style: normal;
    transition: 0.4s all
}

.TextList ul li a .data b {
    display: block;
    text-align: right;
    font-style: normal;
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #002ca5;
    font-weight: normal;
    transition: 0.4s all
}

.TextList ul li:hover p {
    color: #002ca5;
    transition: 0.6s all;
    padding-left: 0.24rem;
    font-weight: 600;
    transition: 0.4s all
}

.n_right .show {
    margin-top: 0.4rem
}

.show01 {
    margin-bottom: 0.35rem
}

.show01 .show01-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.12rem 0.16rem;
    margin: 0;
    padding: 0 0 0.22rem;
    list-style: none;
    border-bottom: 1px solid #e2e8eb;
}

.show01 .show01-ul li {
    margin: 0;
    list-style: none;
}

.show01 .show01-ul li div {
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    box-sizing: border-box;
    padding: 0.08rem 0.16rem;
    font-size: 0.16rem;
    line-height: 1.45;
    color: #385e68;
    border-radius: 0.08rem;
}

.show01 .show01-ul li div img {
    width: 0.16rem;
    height: 0.16rem;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0.88;
}


.show01 h5 {
    font-size: 0.22rem;
    line-height: 0.32rem;
    text-align: center;
    margin-bottom: 0.2rem;
    font-weight: bold;
    color: #323232;
    height: 0.32rem
}

.show01 p {
    padding-bottom: 0.2rem;
    text-align: center;
    font-size: 0.14rem;
    color: #666666;
    border-bottom: 1px solid #dcdcdc;
    word-break: break-all
}

.show02 p {
    font-size: 0.16rem!important;
    color: #323232;
    line-height: 0.36rem!important;
    margin-bottom: 0.14rem;
    text-indent: 2em;
    background: none !important;
    word-break: break-all
}

.show02 p strong {
    background: none !important
}

.show02 p iframe {
    border: 0px solid #DDDDDD !important
}

.show02 p audio {
    margin: 0 auto
}

.show02 table {
    margin: 0 auto !important;
    overflow-x: scroll
}

.show02 table p {
    text-indent: 0em
}

.show02 ol {
    padding-left: 1em
}

.show02 li p {
    text-indent: 0em
}

.show02 #vsb_content_2 li p {
    text-indent: 0em
}

.table_out {
    max-width: 100%;
    overflow: auto
}

.show02 img {
    display: inherit;
    margin: 0 auto;
    max-width: 86%;
    height: auto!important;
    border: none !important;
    margin-bottom: 0.16rem
}

.show03 {
    margin-top: 0.6rem;
    padding-top: 0.3rem;
    border-top: 0.01rem solid #eaeaea
}

.show03 p {
    font-size: 0.16rem;
    color: #323232;
    margin-bottom: 0.16rem;
    line-height: 0.36rem
}

.show03 p+p {
    margin-bottom: 0
}

.show03 p a {
    font-weight: normal;
    color: #666666;
    transition: 0.6s all
}

.show03 p a:hover {
    color: #002ca5;
    transition: 0.6s all
}

/*  组织机构页 */
/*部门表格*/
.dept-table {
    width: 100%;
    margin: 0.2rem 0;
    display: flex;
    flex-wrap: wrap;
}
.dept-item {
    flex: 0 0 calc(33.333%);
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 0.15rem;
    text-align: center;
    background-color: #fff;
    font-size: 0.16rem;
    color: #000;
    text-decoration: none;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
/* 第一行添加上边框 */
.dept-item:nth-of-type(1),
.dept-item:nth-of-type(2),
.dept-item:nth-of-type(3) {
    border-top: 1px solid #d3d3d3;
}
/* 第一列添加左边框 */
.dept-item:nth-of-type(3n+1) {
    border-left: 1px solid #d3d3d3;
}
/* 最后一列保留右边框（作为外边框） */
.dept-item:nth-of-type(3n) {
    border-right: 1px solid #d3d3d3;
}
/* 最后一行保留下边框（作为外边框） */
.dept-item:last-of-type,
.dept-item:nth-last-of-type(2),
.dept-item:nth-last-of-type(3) {
    border-bottom: 1px solid #d3d3d3;
}
.dept-item:nth-of-type(6n+1),
.dept-item:nth-of-type(6n+2),
.dept-item:nth-of-type(6n+3) {
    background-color: rgba(51,94,105, 0.1);
}
.dept-item:hover {
    color: white;
    background-color: #335e69;
}

/* ========== 图片/视频列表 piclist-grid（每行三列） ========== */
.piclist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.22rem 0.24rem;
    margin: 0;
    padding: 0;
}

.piclist-card {
    display: block;
    position: relative;
    grid-column: span 1;
    min-width: 0;
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: 0 0.04rem 0.14rem rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.piclist-card:hover {
    box-shadow: 0 0.14rem 0.32rem rgba(0, 0, 0, 0.24);
    transform: translateY(-0.03rem);
}

.piclist-card:focus-visible {
    outline: 2px solid #335e69;
    outline-offset: 2px;
}

.piclist-card-media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e8ecee;
    border-radius: 0.08rem;
}

.piclist-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.piclist-card:hover .piclist-card-media img {
    transform: scale(1.04);
}

.piclist-card-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.1rem 0.12rem;
    font-size: 0.14rem;
    font-weight: 600;
    line-height: 1.45;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}