@charset "utf-8";

:root {
    --c-primary: #004a8f;
    --c-text: #222;
    --c-line: #e6e6e6;
    --c-white: #fff;
}

body {
    background: #fff;
    color: var(--c-text);
}

a {
    color: inherit;
}

.site-header {
    background: #17629e;
    padding: 0.22rem 0;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 200;
}

.site-header-inner {
    min-height: 0.56rem;
}

.site-header-brand {
    gap: 0.18rem;
    color: var(--c-white);
}

.site-header-logo {
    height: 0.62rem;
    width: auto;
    display: block;
    object-fit: contain;
}



.site-nav-list {
    gap: 0.45rem;
}

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

.site-nav-tit {
    color: var(--c-white);
    font-size: 0.22rem;
    white-space: nowrap;
    padding: 0.06rem 0;
    position: relative;
    display: inline-block;
}

.site-nav-tit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.02rem;
    background: #fff;
    transition: width 0.25s ease;
}

.site-nav-item:hover .site-nav-tit,
.site-nav-item:focus-within .site-nav-tit {
    font-weight: 600;
}

.site-nav-item:hover .site-nav-tit::after,
.site-nav-item:focus-within .site-nav-tit::after {
    width: 100%;
}

/* 悬停时补上一级与下拉之间的命中区域，避免 margin 造成断悬停 */
.site-nav-item::after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 0.1rem;
    z-index: 209;
}

.site-nav-item:hover::after,
.site-nav-item:focus-within::after {
    display: block;
}

.site-nav-sub {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: 0.08rem;
    min-width: 1.8rem;
    padding: 0.1rem 0;
    background: var(--c-white);
    border-radius: 0.04rem;
    box-shadow: 0 0.06rem 0.2rem rgba(0, 36, 72, 0.18);
    border: 0.01rem solid #e2e8f0;
    z-index: 210;
    text-align: center;
}

.site-nav-sub::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.055rem;
    transform: translateX(-50%) rotate(45deg);
    width: 0.1rem;
    height: 0.1rem;
    background: var(--c-white);
    border-left: 0.01rem solid #e2e8f0;
    border-top: 0.01rem solid #e2e8f0;
    z-index: 0;
    pointer-events: none;
}

.site-nav-sub-row {
    position: relative;
    text-align: center;
}

.site-nav-sub-link {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.1rem 0.22rem;
    font-size: 0.16rem;
    color: #333;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    box-sizing: border-box;
}

.site-nav-sub-row.has-third > .site-nav-sub-link {
    padding-right: 0.32rem;
}

.site-nav-sub-row.has-third > .site-nav-sub-link::after {
    content: "";
    position: absolute;
    right: 0.14rem;
    top: 50%;
    width: 0.05rem;
    height: 0.05rem;
    margin-top: -0.03rem;
    border-right: 0.02rem solid #94a3b8;
    border-bottom: 0.02rem solid #94a3b8;
    transform: rotate(-45deg);
    opacity: 0.9;
    pointer-events: none;
}

.site-nav-third {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0.02rem;
    min-width: 1.6rem;
    padding: 0.08rem 0;
    background: var(--c-white);
    border-radius: 0.04rem;
    box-shadow: 0 0.06rem 0.2rem rgba(0, 36, 72, 0.18);
    border: 0.01rem solid #e2e8f0;
    z-index: 220;
    text-align: center;
}

/* 填补二级与三级菜单之间的缝隙，避免鼠标经过时三级消失 */
.site-nav-third::before {
    content: "";
    position: absolute;
    left: -0.08rem;
    top: 0;
    bottom: 0;
    width: 0.08rem;
    background: transparent;
}

.site-nav-sub-row.has-third:hover .site-nav-third,
.site-nav-sub-row.has-third:focus-within .site-nav-third {
    display: block;
}

/* 靠右的一级菜单：三级向左展开，避免飞出视口 */
.site-nav-item:last-child .site-nav-third {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 0.02rem;
}

.site-nav-item:last-child .site-nav-third::before {
    left: auto;
    right: -0.08rem;
}

.site-nav-item:last-child .site-nav-sub-row.has-third > .site-nav-sub-link::after {
    right: auto;
    left: 0.14rem;
    transform: rotate(135deg);
}

.site-nav-sub-link:hover,
.site-nav-third a:hover {
    background: rgba(0, 74, 143, 0.08);
    color: var(--c-primary);
}

.site-nav-third a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.1rem 0.22rem;
    font-size: 0.16rem;
    color: #333;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.site-nav-item:hover .site-nav-sub,
.site-nav-item:focus-within .site-nav-sub {
    display: block;
}

.hero-band {
    width: 100%;
}

.hero-band-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.hero-swiper-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 0;

}

.js-hero-swiper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.js-hero-swiper .swiper-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.js-hero-swiper .swiper-slide {
    width: 100% !important;
    height: 5.16rem;
    flex-shrink: 0;
    box-sizing: border-box;
}

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

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

.hero-pagination {
    bottom: 0.28rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.12rem;
}

.hero-pagination .swiper-pagination-bullet {
    width: 0.42rem;
    height: 0.05rem;
    margin: 0 !important;
    border-radius: 0.02rem;
    background: #c9cbce;
    opacity: 1;
}

.hero-pagination .swiper-pagination-bullet-active {
    background: #17629e;
}

.page-main {
    width: 100%;
}

.main-row {
    width: 100%;
    box-sizing: border-box;
}

.main-row-white {
    background: #fff;
}

.main-row-last{
    background: #fff url("../image/bannerbg.png") center calc(100% + 1.5rem) no-repeat;
    background-size: auto;
}
.main-row-muted {
    background: #f5f5f5;
}

.main-row-inner {
    display: flex;

    padding: 0.38rem 0;
    box-sizing: border-box;
}

.main-row-last .main-row-inner {
    padding-bottom: 1.2rem;
}

.grid-two {
    display: flex;
    gap: 0.85rem;
    margin-bottom: 0;
    width: 100%;
    min-width: 0;
}

.grid-two-item {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.panel {
    padding: 0.22rem 0 0.28rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.sec-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 0.2rem;
    padding-bottom: 0.12rem;
    border-bottom: 0.01rem solid #1a5a96;
    gap: 0.12rem;
}

.sec-head-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.06rem 0.03rem;
    min-width: 0;
}

.sec-head-more {
    flex-shrink: 0;
}

.sec-badge {
    width: 0.26rem;
    height: 0.26rem;
    background: #17629e;
    color: var(--c-white);
    font-size: 0.24rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-shrink: 0;
}

.sec-head-en {
    font-size: 0.24rem;
    color: #919191;
    line-height: 1.2;
    white-space: nowrap;
    margin: 0;
}

.sec-head-cn {
    font-size: 0.24rem;
    color: #000;
    line-height: 1.2;
    margin: 0;
}

.sec-more {
    display: inline-flex;
    align-items: center;
    gap: 0.06rem;
    font-size: 0.16rem;
    color: #000;
}

.sec-more:hover {
    color: var(--c-primary);
}

.sec-more-img {
    height: 0.18rem;
    width: auto;
    display: block;
    object-fit: contain;
}

.research-slider-wrap {
    position: relative;
    margin-bottom: 0.2rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
}

.research-carousel {
    position: relative;
    width: 6.84rem;
    height: 3.66rem;
    max-width: 100%;
    box-sizing: border-box;
}

.research-carousel .js-news-swiper {
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    overflow: hidden;
}

.research-carousel .js-news-swiper .swiper-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.research-carousel .js-news-swiper .swiper-slide {
    width: 100% !important;
    height: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.research-carousel-nav {
    position: absolute;
    right: 0.12rem;
    bottom: 0.12rem;
    z-index: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.06rem;
}

.research-carousel-nav > div {
    display: block;
}

.research-carousel-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.26rem;
    height: 0.26rem;
    font-size: 0.12rem;
    font-weight: 600;
    color: #333;
    background: #fff;
    border: none;
    outline: none;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 1;
}

.research-carousel-dot:hover {
    color: var(--c-primary);
}

.research-carousel-dot.is-active {
    background: var(--c-primary);
    color: #fff;
}

.research-carousel-dot.is-active:hover {
    color: #fff;
}

.news-slide {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

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

.news-lines > div {
    margin-bottom: 0.14rem;
}

.news-lines > div:last-child {
    margin-bottom: 0;
}

.news-line {
    gap: 0.14rem;
    align-items: flex-start;
}

.news-line:hover .news-line-tit {
    color: #1a5a96;
}

.news-line-main {
    flex: 1;
    min-width: 0;
    border-bottom: 0.01rem dashed #ccc;
    height: 0.38rem;
    display: flex;
    align-items: center;
}

.news-line-date {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 0.38rem;
    border: 0.01rem solid #ccc;
    border-radius: 0 0.08rem 0 0.08rem;
    overflow: hidden;
    box-sizing: border-box;
}

.news-line-day {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 33%;
    min-width: 0.34rem;
    max-width: 40%;
    padding: 0 0.06rem;
    box-sizing: border-box;
    background: #17629e;
    color: #fff;
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 0 0.08rem 0 0.08rem;
}

.news-line-ym {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 0.1rem;
    box-sizing: border-box;
    background: #fff;
    color: #9f9f9f;
    font-size: 0.16rem;
    line-height: 1;
    white-space: nowrap;
}

.news-line-tit {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    font-size: 0.18rem;
    line-height: 1.55;
    font-weight: 400;
    box-sizing: border-box;
    color: #292929;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



.notice-list > div {
    padding-bottom: 0.11rem;
    margin-bottom: 0.11rem;
    border-bottom: 0.01rem solid #e5e5e5;
}

.notice-list > div:last-child {
    margin-bottom: 0;
}

.notice-item {
    gap: 0.14rem;
    align-items: flex-start;
}

.notice-item:hover .notice-item-tit {
    color: #1a6099;
}

.notice-item-date {
    width: 0.6rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: transparent;
}

.notice-item-day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.6rem;
    height: 0.44rem;
    box-sizing: border-box;
    padding: 0.04rem;
    background: #17629e;
    color: #fff;
    font-size: 0.28rem;
    font-weight: 600;
    line-height: 1;
}

.notice-item-ym {
    display: block;
    width: 100%;
    margin-top: 0.06rem;
    font-size: 0.14rem;
    color: #808080;
    text-align: center;
    line-height: 1.2;
}

.notice-item-body {
    flex: 1;
    min-width: 0;
    padding-top: 0.01rem;
}

.notice-item-tit {
    margin: 0 0 0.06rem 0;
    padding: 0;
    font-size: 0.18rem;
    font-weight: 700;
    color: #141414;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notice-item-desc {
    margin: 0;
    padding: 0;
    font-size: 0.16rem;
    color: #8d8d8d;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.achieve-swiper-wrap {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.achieve-swiper {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 0.06rem;
}

.achieve-swiper .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
}

.achieve-swiper .achieve-card {
    flex: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.achieve-pagination {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    align-self: center;
    margin: 0.22rem auto 0;
    width: max-content !important;
    max-width: 100%;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
}

.achieve-pagination .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0 !important;
    padding: 0;
    border-radius: 999px;
    background: #17629e;
    opacity: 1 !important;
    vertical-align: middle;
    transition: width 0.28s ease, border-radius 0.28s ease, background 0.2s ease;
}

.achieve-pagination .swiper-pagination-bullet-active {
    width: 0.26rem;
    border-radius: 999px;
    background: #17629e;
    opacity: 1 !important;
}

.achieve-card {
    flex: 1;
    min-width: 0;
    max-width: 100%;
    background: #fff;
    border: none;
    border-radius: 0.12rem;
    box-shadow: 0 0.04rem 0.14rem rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

.achieve-card:hover {
    box-shadow: 0 0.08rem 0.22rem rgba(0, 52, 100, 0.12);
}

.achieve-card-pic {
    width: 100%;
    height: 2.2rem;
    max-width: 100%;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    border-radius: 0.1rem 0.1rem 0 0;
    margin: 0;
    box-sizing: border-box;
}

.achieve-card-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease, filter 0.35s ease;
}

.achieve-card:hover .achieve-card-pic img {
    transform: scale(1.06);
    filter: brightness(1.03);
}

.achieve-card-body {
    width: 100%;
    max-width: 3.26rem;
    box-sizing: border-box;
    padding: 0.14rem 0.18rem 0.18rem;
    margin-left: auto;
    margin-right: auto;
}

.achieve-card-tit {
    margin: 0 0 0.1rem 0;
    padding: 0;
    font-size: 0.18rem;
    color: #000;
    line-height: 1.5;
    height: 0.54rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}

.achieve-card-line{
    width: 100%;
    height: 0.01rem;
    border-bottom: 0.01rem solid #e6e4e4;
    position: relative;
    margin: 0 0 0.1rem 0;
    display: block;
}
.achieve-card-line::after{
    content: "";
    display: block;
    width: 0.23rem;
    height: 0.03rem;
    background: #17629e;
   position: absolute;
    left: 0;
    top: -0.01rem;
    flex-shrink: 0;
}
.achieve-card-txt {
    margin: 0 0 0.1rem 0;
    padding: 0;
    font-size: 0.16rem;
    color: #656565;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 0.5rem;
}

.achieve-card-date {
    display: block;
    font-size: 0.12rem;
    color: #999;
}


.manage-list > div {
    border-bottom: 0.01rem solid var(--c-line);
    margin-bottom: 0.18rem;
    padding-bottom: 0.18rem;
}

.manage-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;

    font-size: 0.15rem;
    color: var(--c-text);
}

.manage-list a:hover {
    color: var(--c-primary);
}

.manage-list-main {
    flex: 1;
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    color: #141414;
}

.manage-list-tag {
    font-size: 0.18rem;
    color: #17629e;
    margin-right: 0.04rem;
}

.manage-list-date {
    font-size: 0.16rem;
    color: #8d8b8b;
    flex-shrink: 0;
}

.sys-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.14rem;
}

.sys-btn {
    display: flex;
    align-items: center;
    min-height: 0.8rem;
    padding: 0.16rem 0.2rem 0.16rem 0.5rem;
    border-radius: 0;
    color: #fff;
    font-size: 0.14rem;
    line-height: 1.45;
    gap: 0.14rem;
    text-decoration: none;
    background: #4896c3;
    box-shadow: none;
    text-align: center;
}

.sys-btn:nth-child(2) {
    background: #48c3c2;
}

.sys-btn:nth-child(3) {
    background: #88b6dd;
}

.sys-btn:nth-child(4) {
    background: #74cadd;
}

.sys-btn:nth-child(5) {
    background: #6ba1d3;
}

.sys-btn:nth-child(6) {
    background: #94b2cc;
}
.sys-btn:hover {
    filter: brightness(1.05);
    transform: none;
}

.sys-btn-ico {
    width: auto;
    height: 0.33rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 0;
}

.sys-btn-ico img {
    width: 100%;
    height: 100%;
    max-height: 0.33rem;
    object-fit: contain;
}

.sys-btn-txt {
    font-size: 0.18rem;
    flex: 0 1 auto;
    min-width: 0;
    text-align: left;
    color: #fff;
}

.panel-links .link-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(7, auto);
 
    column-gap: 0.28rem;
    row-gap: 0.12rem;
}

.link-list a {
    display: flex;
    align-items: flex-start;
    gap: 0.08rem;
    font-size: 0.18rem;
    color: #141414;
    line-height: 1.55;
    text-decoration: none;
}

.link-list a:hover {
    color: #1a5a96;
}

.link-list-arrow {
    color: #2a78c9;
    font-weight: 700;
    flex-shrink: 0;
}

.site-footer {
    background: url("../image/bottombg.png") center bottom no-repeat;
    background-size: 100% 100%;
    padding: 1rem 0 0.4rem;
    margin-top: -0.8rem;
}


.footer-main-inner {
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 0.4rem;
}

.footer-brand {
    gap: 0.16rem;
    color: var(--c-white);
    flex-shrink: 0;
}

.footer-brand-logo {
    height: 0.5rem;
    width: auto;
    object-fit: contain;
    display: block;
}



.footer-info {
    flex: 1;
    min-width: 0;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1.75;
    text-align: right;
}

.footer-info-line {
    margin: 0;
}

.footer-info-line a {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}

.footer-info-line a:hover {
    color: #fff;
    opacity: 0.85;
}

.footer-info-line-sub {
    margin-top: 0.08rem;
    opacity: 1;
}

.footer-info-num {
    color: #fff;
    font-weight: 700;
}

/* 标题与图片悬停动效（不含顶/底 logo、区块标题、主轮播大图） */
.research-carousel:hover .swiper-slide-active .news-slide img {
    transform: scale(1.05);
}

.news-slide:hover img {
    transform: scale(1.05);
}

.sys-btn-ico img {
    transition: transform 0.3s ease;
}

.sys-btn:hover .sys-btn-ico img {
    transform: scale(1.12);
}

.achieve-card-tit {
    transition: color 0.28s ease;
}

.achieve-card:hover .achieve-card-tit {
    color: #17629e;
}

.notice-item-tit {
    transition: color 0.25s ease;
}

.news-line-tit {
    transition: color 0.22s ease, transform 0.22s ease;
}

.news-line:hover .news-line-tit {
    transform: translateX(0.03rem);
}

.manage-list a {
    transition: color 0.22s ease, transform 0.22s ease;
}

.manage-list a:hover {
    transform: translateX(0.03rem);
}

.link-list a {
    transition: color 0.22s ease, transform 0.22s ease;
}

.link-list a:hover {
    transform: translateX(0.04rem);
}

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

    .achieve-cards {
        flex-direction: column;
    }
 .achieve-swiper .achieve-card {
        max-width: 100%;
    }

    .footer-info {
        text-align: left;
    }

    .footer-main-inner {
        flex-direction: column;
    }

    .panel-links .link-list {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
    }
}

#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: #17629e;
    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 .n_sidebar-l1row {
    position: relative;
    box-sizing: border-box;
}

.n_left .ulCon .n_sidebar-l1row > a {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0.18rem 0.46rem 0.18rem 0.4rem;
    color: #000;
    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 .n_sidebar-l1row > a:hover {
    color: #17629e;
    font-weight: 600;
}

.n_left .ulCon .n_sidebar-li.on .n_sidebar-l1row > a {
    color: #17629e;
    font-weight: 600;
}

.n_left .ulCon .n_sidebar-li.on .n_sidebar-l1row > a::before,
.n_left .ulCon .n_sidebar-l1row > a:hover::before {
    content: "";
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.18rem;
    height: 0.18rem;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
}

.n_left .ulCon .n_sidebar-l2-toggle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.46rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
}

/* 无二级栏目时不占位、不显示三角（三角由按钮 ::after 绘制） */
.n_left .ulCon .n_sidebar-li:not(:has(ul.n_sidebar-l2 > *)) .n_sidebar-l2-toggle {
    display: none;
}

.n_left .ulCon .n_sidebar-li:not(:has(ul.n_sidebar-l2 > *)) .n_sidebar-l1row > a {
    padding: 0.18rem 0.4rem;
}

.n_left .ulCon .n_sidebar-l2-toggle::after {
    content: "";
    position: absolute;
    right: 0.14rem;
    top: 50%;
    width: 0.1rem;
    height: 0.1rem;
    margin-top: -0.06rem;
    border-right: 0.03rem solid #64748b;
    border-bottom: 0.03rem solid #64748b;
    transform: rotate(45deg);
    transition: transform 0.25s ease, margin-top 0.25s ease, border-color 0.2s ease;
    pointer-events: none;
}

.n_left .ulCon .n_sidebar-l2-toggle:hover::after,
.n_left .ulCon .n_sidebar-l2-toggle:focus-visible::after {
    border-right-color: #17629e;
    border-bottom-color: #17629e;
}

.n_left .ulCon .n_sidebar-li.is-open .n_sidebar-l2-toggle::after {
    margin-top: 0.02rem;
    transform: rotate(225deg);
}

.n_left .ulCon .n_sidebar-l2 {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.65);
    border-top: 1px solid #dde2e6;
}

.n_left .ulCon .n_sidebar-li.is-open .n_sidebar-l2 {
    display: block;
}

/* 列表页等仍为「一级单链接」、无手风琴结构时 */
.n_left .ulCon > ul > li:not(.n_sidebar-li) > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0.18rem 0.4rem;
    color: #000;
    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:not(.n_sidebar-li) > a:hover {
    color: #17629e;
    font-weight: 600;
}

.n_left .ulCon > ul > li:not(.n_sidebar-li).on > a {
    color: #17629e;
    font-weight: 600;
}

.n_left .ulCon > ul > li:not(.n_sidebar-li).on > a::before,
.n_left .ulCon > ul > li:not(.n_sidebar-li) > a:hover::before {
    content: "";
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.18rem;
    height: 0.18rem;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
}

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

.n_left .ulCon .n_sidebar-l2 li {
    border-bottom: 1px solid #e4e8ec;
}

.n_left .ulCon .n_sidebar-l2 li:last-child {
    border-bottom: none;
}

.n_left .ulCon .n_sidebar-l2 a {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0.14rem 0.36rem;
    color: #333;
    font-size: 0.16rem;
    line-height: 1.45;
    text-decoration: none;
    text-align: center;
    word-break: break-word;
    transition: color 0.2s, font-weight 0.2s;
}

.n_left .ulCon .n_sidebar-l2 a:hover {
    color: #17629e;
    font-weight: 600;
}

.n_left .ulCon .n_sidebar-l2 li.on > a {
    color: #17629e;
    font-weight: 600;
}

.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/home.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.08rem 0.12rem;
    border-radius: 0.06rem;
}

.n_titu > ul > li {
    margin-bottom: 0;
    border-bottom: 1px dashed #d8d8d8;
}


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

.n_titu a.clearfix {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.12rem;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0.14rem 0.06rem;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
}

.n_titu a.clearfix:hover {
    box-shadow: none;
    background: rgba(51, 94, 105, 0.06);
}

.n_titu .text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.12rem;
    text-align: left;
}

.n_titu h5.line1 {
    position: relative;
    margin: 0;
    padding-left: 0.2rem;
    flex: 1;
    min-width: 0;
    font-size: 0.18rem;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.n_titu h5.line1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #17629e;
}

.n_titu a.clearfix:hover h5.line1 {
    color: #17629e;
}

.n_titu .text > i {
    display: block;
    flex-shrink: 0;
    margin-left: auto;
    margin-top: 0;
    padding-top: 0;
    font-style: normal;
    font-size: 0.16rem;
    color: #777;
    white-space: nowrap;
}

.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: #000;
    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 {

    color: #323232;
    line-height: 0.36rem!important;
    margin-bottom: 0.14rem;

    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 img {
    display: inherit;
    margin: 0 auto;
    max-width: 86%;
    height: auto!important;
    border: none !important;
    margin-bottom: 0.16rem
}



.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 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;
 
    font-weight: normal;
   
}

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