@charset "utf-8";
/*Technical Support SudyTech*/
/* ============================================================
   南航新闻网 - 主样式表 style.css
   包含首页、列表页、详情页所有非媒体查询样式
   ============================================================ */

/* ---------- 1. 基础重置与全局变量 ---------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/**兼容模式提示**/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display: flex;align-items: center;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1;}
#browser-modal .browser-content{width:700px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:30px;background-color:#fff;border-radius:5px;}
#browser-modal .browser-content .browser-dpc-logo{height:62px;margin:45px auto 30px;background: url(../images/logo.png)no-repeat center/100% 100%;}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px;}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:40px;font-size:14px;}
#browser-modal .browser-content .browser-list{width:600px;margin:40px auto;height:130px;}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;}
#browser-modal .browser-content .browser-item .iconfont{width:80px;height:80px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:30px;background-size: 100%;}
#browser-modal .browser-content .browser-item .iconfont.iconchrome{background-image: url(../images/Chrome.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconfirefox{background-image: url(../images/Firefox.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconsafari{background-image: url(../images/Safari.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconEdge{background-image: url(../images/Edge.svg);}
#browser-modal .browser-content .browser-item a{color:#921041;cursor:pointer;display:block;}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px;}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700;}
:root {
    --color-primary: #024ac2;          /* 南航蓝 */
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-gray-date: #B2B2B2;        /* 日期灰 */
    --color-gray-text: #4D4D4D;        /* 次要文字 */
    --color-gray-summary: #777777;    /* 摘要文字 */
    --color-bg-light: #F5F5FA;         /* 浅色背景 */
    --color-divider: #D9D9D9;          /* 分割线 */
    --color-border: #DFE1EE;           /* 边框色 */
    --color-primary-light: rgba(8, 23, 118, 0.81);
    --content-width: 16.4rem;
    --page-max: 19.2rem;
    --transparent-color: transparent;
    --light-color: #f5f5f5;
    --dark-color: #434343;
    --white-color: #ffffff;
    --black-color: #000000;
    --grey-color: #bfbfbf;
    --danger-color: #db0000;
    --background-color: #f9f9f9;
    --card-color: #fcfcfc;
    --image-color: #f0f0f0;
    --border-color: #d9d9d9;
    --title-color: #333333;
    --text-color: #fff;
    --paragraph-color: #999999;
    --link-color: #900003;
    --theme-color: #900003;
    --primary-color: #024ac2;
    --secondary-color: #990909;
    --accent-color: #ff9f3a;
    --active-color: #d46b08;
    --hover-color: #900003;
    --shadow-color: rgba(0, 0, 0, .15);
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --scrollbar-size: 6px;
    --radius-size: 8px;
    --gap-size: 24px;
    --mini-size: 12px;
    --small-size: 0.14rem;
    --base-size: 0.16rem;
    --regular-size: 0.18rem;
    --medium-size: 0.2rem;
    --large-size: 24px;
    --huge-size: 28px;
    --giant-size: 36px;
    --ultra-size: 48px;
    --max-size: 56px;
    --wrapper-width: 100%;
    --inner-width: 15.6rem;
    --screen-width: 100vw;
    --screen-height: 100vh;
    --actual-width: calc(var(--screen-width) - var(--scrollbar-size) - var(--safe-left) - var(--safe-right));
    --actual-height: calc(var(--screen-height) - var(--safe-top) - var(--safe-bottom));
    --shadow-normal: 0 2px 8px var(--shadow-color);
    --transition-duration: .4s;
    --transition-timing: ease-in-out;
    --transition-normal: all var(--transition-duration) var(--transition-timing);
    --font-normal: 'Source Han Sans';
    --bigSize:0.2rem;
    --titleSize:0.18rem;
    --smailSize:0.16rem;
    --smailSizex:0.14rem;
}

html {
    font-size: 100px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: "Microsoft YaHei", "微软雅黑", "Source Han Sans CN", sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    line-height: 1.5;
    min-width: 3.2rem;
    font-size: 13px;
}
::-webkit-input-placeholder {color:#ccc;font-size:var(--smailSize)}
:-moz-placeholder {color:#ccc;font-size:var(--smailSize)}
::-moz-placeholder {color:#ccc;font-size:var(--smailSize)}
:-ms-input-placeholder {color:#ccc;font-size:var(--smailSize)}
a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

a:hover {
    color: #024ac2;
}

ul, ol {
    list-style: none;
}

.line1 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.line2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.line3 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.line4 {text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
/* ---------- 2. 布局容器 ---------- */
.container {
    width: 100%;
    max-width: 19.2rem;
    margin: 0 auto;
}
.site-lang .links a{font-size:var(--smailSize)}
.welcome-bar .content-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    }
.content-wrapper {
    width: 16.4rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
    
}

/* 页面主体列布局 */
.page-main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0.81rem;
}

/* 主内容区垂直间距 */
.main-content {
    width: 16.4rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* ---------- 3. 顶部头条区域 ---------- */
.site-header {
    position: relative;
    width: 100%;
    background: url("../images/header-bg.png") no-repeat left top;
    background-size: 100% calc(100% - 0.8rem);
}

/* 顶部横幅背景图 */
.header-top {
    position: relative;
    width: 100%;
    /* height: 1.95rem; */
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-top::after {
    content: "";
    position: absolute;
    /* top: 0; */
    right: 0;
    width: 5.99rem;
    height: 1.24rem;
    background: url("../images/header-blue.png") no-repeat center;
    background-size: cover;
    opacity: 1;
    pointer-events: none;
    bottom: 0;
    right: 0.64rem;
    opacity: 0;
}

/* Logo内容层叠在背景之上 */
.header-top .content-wrapper {
    position: relative;
    z-index: 2;
}

/* 欢迎条 */
.welcome-bar {
    position: relative;
    width: 100%;
    height: 0.42rem;
    text-align: left;
}

.welcome-text {
    display: block;
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #000000;
    padding-top: 0.05rem;
}

.welcome-bar::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.01rem;
    background-color: #D9D9D9;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Logo栏 */
.logo-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16.4rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.17rem 0;
}
.news_date{
    font-size: var(--smailSize);
    color: #B2B2B2;
}
.logo-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.logo-group img{width:5.33rem;max-width: 100%;}
.logo-group .logo-img {
    height: auto;
    margin-right: 0;
    width: 3.5rem;
}

/* Logo分隔线 */
.logo-divider {
    display: inline-block;
    width: 0.01rem;
    height: 0.45rem;
    background-color: #D9D9D9;
    margin: 0 0.18rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.logo-group .logo-text-svg {
    /* height: 0.4rem; */
    width: 1.46rem;
}

/* 顶部图标 */
.head-right .head-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
    font-size: 0;
}
.head-right{
    display: flex;
    flex-direction: column;
    row-gap: 0.15rem;
}
.site-rale ul{display:flex;justify-content: flex-end;column-gap: 0.2rem;}
.site-rale ul .links{position:relative;}
.site-rale ul .links:hover .news_con{display: block;z-index: 888;}
.site-rale ul .links.i2:hover .news_con{display:none}
.site-rale ul .links .news_con{width:1.34rem;height:1.34rem;position: absolute;left: 50%;transform: translateX(-50%);display: none;}
.site-rale ul .links .news_con img{width:100%}
.site-rale ul .links a{font-size: var(--smailSizex);}
.more_btn .moretext{font-size:var(--smailSize)}
.more_btn *{display:block;}
.more-link .moretext{display:block;color: #024ac2;}
.more_btn .more_text{display:none}
.more_btn .more_text.active{display:block;line-height: 1;}
.top-icons img {
    width: 0.25rem;
    height: 0.25rem;
    cursor: pointer;
}

.top-icons .home-icon {
    margin-right: 0.25rem;
}

.top-icons .home-icon-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-icons .search-trigger {
    margin-left: auto;
}
/* 搜索*/
.wp_search {display:inline-block;position:relative;padding-left:4px;border:1px solid #d0d0d0;}
.wp_search #keyword {width:160px !important;padding:4px 0;border:none;height:20px;line-height:20px;background:transparent;color:#fff;}
.wp_search .search {width:32px;height:30px;border:0px;background:#FFFFFF url(../images/sous.png) no-repeat center;cursor:pointer;vertical-align:top;}
.searchbox .tt {color:#fff;text-align:center;font-size:0.3rem;font-weight:bold;margin-bottom:0.47rem;}
.searchbox {text-align:right;width: 3rem;border-radius: 0;overflow:hidden;border: 0.02rem solid #e5e5e5;}
.wp-search {position:relative;background:rgb(255 255 255 / 20%);}
.wp-search form {display:block;}
.wp-search .search-input {margin-left: 0;margin-right:40px;}
.wp-search .search-input input.search-title {width: calc(100% - 0.15rem);line-height:0.44rem;background:none;color: #333;font-size: var(--smailSize);border:0;outline:0;font-family:'SourceHanSansCN-Regular';}
.wp-search .search-btn {width:0.44rem;height:0.44rem;position:absolute;right:0;top:0%;}
.wp-search .search-btn input.search-submit {width:100%;height:100%;border:0;outline:0;background:url(../images/sous2.svg) no-repeat center;cursor:pointer;}
.header .searchbox:hover {width:3rem;border-radius:0.22rem;}
.header .searchbox {transition:all 0.4s ease-in-out;}
/* ---------- 4. 蓝色导航栏 ---------- */
.nav-bar {
    width: 100%;
    height: 0.8rem;
    background-color: #024ac2;
    position: relative;
}

.nav-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16.4rem;
    max-width: 100%;
    margin: 0 auto;
    height: 0.8rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.nav-list li {
    margin-right: 0.59rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.nav-list li:last-child {
    margin-right: 0;
}

.nav-list li a {
    display: block;
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 0.8rem;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.nav-list li a:hover {
    /* opacity: 0.75; */
}

.nav-list li.active a {
    font-weight: 700;
}

/* 移动端菜单按钮 */
.menu-toggle {
    display: none;
    width: 0.28rem;
    height: 0.27rem;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.menu-toggle img {
    width: 0.28rem;
    height: 0.27rem;
}

/* ---------- 5. 头条精选区 ---------- */
.featured-section {
    text-align: center;
    padding-top: 0.23rem;
    padding-bottom: 0.05rem;
}

.featured-title {
    width: 100%;
    max-width: 14.8rem;
    margin: 0 auto 0.16rem;
    font-size: 0.29rem;
    line-height: 1.5;
    color: #024ac2;
    font-weight: 400;
    text-align: center;
    font-weight: bold;
}

.featured-subtitle {
    width: 100%;
    max-width: 14.8rem;
    margin: 0 auto;
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: rgba(8, 23, 118, 0.81);
    display: none;
    text-align: center;
}

/* ---------- 6. 头条新闻区(大图+列表) ---------- */
.hero-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    max-width: 16.38rem;
    margin: 0 auto;
    margin-bottom: 0.25rem;
}

/* 左侧大图 */
.hero-image {
    position: relative;
    width: 7.3rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}
.hero-image .slick-arrow{width: 0.3rem;height: 0.45rem;opacity: 1;font-size: 0;box-shadow: initial;}
.hero-image .slick-prev{
    background: url(../images/slickleft.svg)no-repeat;
    left: 0.31rem;
    background-size: cover;
}
.hero-image .slick-next{
    background: url(../images/slickright.svg)no-repeat;
    right: 0.31rem;
    background-size: cover;
}
.video-playing .play,.video-playing .hero-caption {
    opacity: 0;
}
.hero-image .news_imgs{position: relative;/* background: #000; */}
.hero-image .news_imgs a{position:relative;display:block;padding-top: 56.1%;}
.hero-image .news_video{position:relative;display:block;padding-top: 56.1%;}
.hero-image .hero-img,.hero-image .news_video video {
    display: block;
    width: 100%;
    height: 5.49rem;
    position: absolute;
    height: 100%;
    left: 0;
    right: auto;
    bottom: 0;
    top: 0;
    right: 0;
    object-fit: fill !important;
}
.hero-image .news_video .play{
    width: 1rem;
    position: absolute;
    top: 50%;
    height: 1rem;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
}
.hero-image .hero-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.44rem;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 9%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 9%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 9%, rgba(0,0,0,1) 100%);
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}
.video-playing .hero-overlay{
    display: none;
}
.hero-image .hero-caption {
    position: absolute;
    bottom: 0.2rem;
    left: 0.32rem;
    right: 0.32rem;
    z-index: 2;
}

.hero-image .hero-deco {
    width: 6.65rem;
    max-width: 100%;
    height: 0.45rem;
    margin-bottom: 0.2rem;
}

.hero-image .hero-link {
    /* display: block; */
    font-size: var(--titleSize);
    line-height: 1.6;
    color: #FFFFFF;
    font-weight: 400;
    margin-right: 1.7rem;
}
.hero-image .slick-dots{width:auto;right: 0.15rem;bottom: 0.25rem;}
.hero-image .slick-dots li{
    background: #fff;
    border-radius: 0.1rem;
}
.hero-image .slick-dots li.slick-active{
    width: 0.5rem;
}
/* 右侧新闻列表 */
.hero-news {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    background-color: rgba(245, 245, 250, 0.77);
    padding: 0.25rem 0.55rem 0.15rem 0.55rem;
    margin-left: -0.01rem;
}
.hero-news .more_btn{margin-top:0.15rem}
/* 标签切换条 */
.tab-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.3rem;
    position: relative;
}

.tab-item {
    position: relative;
    width: 2.65rem;
    height: 0.72rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 0.01rem solid #DFE1EE;
    margin-right: -0.01rem;
    background-color: #FFFFFF;
}

.tab-item:last-child {
    margin-right: 0;
}

.tab-item.active {
    background-color: #024ac2;
    border-color: #024ac2;
}

.tab-item.active .tab-label a,.tab-item.active .tab-label{
    color: #FFFFFF;
    font-weight: 700;
}

.tab-item .tab-label {
    font-size: 0.24rem;
    color: #4D4D4D;
    font-weight: 700;
    z-index: 2;
    position: relative;
}
.tab-item .tab-label a{ color: #4D4D4D;}
.tab-item .tab-bg-deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.14;
    pointer-events: none;
}

/* 新闻列表 */
.news-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* 头条标签页新闻列表: 默认隐藏, active时显示 */
.hero-news-list {
    display: none;
}

.hero-news-list.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
}

/* 栏目内容面板: 默认隐藏, active时显示 */
.section-panel{display:none}
.col-media .section-panel.active{position:relative;opacity: 1;z-index: 1;}
.col-media .section-panel {position:absolute;left: 0;right: 0;top: 0;width: 100%;display: block;opacity: 0;z-index: -1;}
.section-panel.active {
    display: block;
}

.news-list .dots {
    width: 0.08rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.13rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;
}

.news-list .dots span {
    display: block;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #024ac2;
}

.news-list .news-titles {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.news-list .news-titles li {
    margin-bottom: 0.1rem;
    position: relative;
}

.news-list .news-titles li:last-child {
    margin-bottom: 0;
}

.news-list .news-titles li a {
    display: block;
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#news-media  .news-titles li a span{color: #a90808;display: inline;}
.news-list .news-titles li:hover a{
    color: var(--color-primary);
}
.hero-news .news_title{margin-right:1.1rem}
.hero-news .news_date{position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.hero-news .news-list .news-titles li{padding-left:0.21rem}
.hero-news .news-list .news-titles li:before{
    content:'';
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #024ac2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    }
/* 日期列 */
.news-list .news-dates {
    width: 0.9rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1.2rem;
}

.news-list .news-dates li {
    margin-bottom: 0.1rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #B2B2B2;
    text-align: right;
}

.news-list .news-dates li:last-child {
    margin-bottom: 0;
}

/* ---------- 7. 图片卡片行 ---------- */
.image-cards{/* display:flex; */margin-bottom: 0.55rem;}
.image-cards .links-title .title-text{
    /* writing-mode: vertical-rl; */
    position: relative;
}
.image-cards .links-title:before{content:'';height:0.01rem;width: calc((16.4rem - 2rem)/2);background:#ccc;position:absolute;top:50%;transform: translate(0,-50%);left: 0;}
.image-cards .links-title:after{content:'';height:0.01rem;width: calc((16.4rem - 2rem)/2);background:#ccc;position:absolute;top:50%;transform: translate(0,-50%);right: 0;}
.image-cards .links-title{display: flex;margin-bottom: 0.25rem;position: relative;justify-content: center;}
.image-cards .news_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
}

.image-cards .card {
    width: calc((100% - 0.21rem*4)/5);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.21rem;
    position: relative;
    display: block;
    padding-top: 1rem;
}

.image-cards .card:last-child {
    margin-right: 0;
}

.image-cards .card img {
    display: block;
    width: 100%;
    height: 1rem;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

/* ---------- 8. 三栏内容区 ---------- */
.columns-section {
    position: relative;
    width: 100%;
    margin-bottom: 0.55rem;
    background: url("../images/section-bg.svg") no-repeat left top;
    background-size: 16.41rem 6.47rem;
    min-height: 6.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.5rem;
    border-bottom: 0.02rem solid #ececec;
}

/* 工作动态栏(设计稿最左) */
.col-work {
    width: 5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;position:relative;
}
.col-work .more_btn{position:absolute;top: 0.1rem;right:0}
/* 南航人物栏(设计稿中间) */
.col-people {
    width: 4.91rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
.col-people .more_btn{
    position: absolute;
    top: 0.1rem;
    right: 0;
}
/* 南航官微栏(设计稿最右) */
.col-media {
    width: 5.02rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 0.1rem;
    position: relative;
}
.col-media .more_btn{
    position: absolute;
    top: 0.1rem;
    right: 0;
    z-index: 1;
}
.col-media .more_btn{/* margin-top:0.15rem; */}
/* 栏目标题条(双标签) */
.section-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.3rem;
    position: relative;
}

.section-tabs::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.03rem;
    left: 0;
    width: 100%;
    height: 0.02rem;
    background-color: rgba(8, 23, 118, 0.1);
}

.section-tab {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.39rem;
    position: relative;
}

/* 选中tab下划线 */
.section-tab.active::after,.section-tab.selected::after {
    content: "";
    position: absolute;
    bottom: -0.03rem;
    left: 0;
    width: 100%;
    height: 0.02rem;
    background-color: #024ac2;
    z-index: 2;
}

.section-tab .section-tab-label {
    font-size: 0.22rem;
    font-weight: 700;
    z-index: 2;
    position: relative;
    cursor: pointer;
}


.section-tab:not(.active) .section-tab-label {
    color: #000000;
    font-weight: 400;
}
.section-tab.active .section-tab-label,.section-tab.selected .section-tab-label {
    color: #024ac2;
}

.section-tab .section-tab-deco {
    position: absolute;
    top: 0;
    left: 0.39rem;
    width: 0.72rem;
    height: 0.37rem;
    opacity: 0.14;
    pointer-events: none;
}

.section-tab-divider {
    width: 0.01rem;
    height: 0.21rem;
    background-color: #D9D9D9;
    margin: 0 0.19rem;
}

/* 人物图集(左栏) */
.person-gallery {
    /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    margin-bottom: 0.22rem;
}

.person-thumbnails {
    width: 1.44rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.21rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.person-thumbnails img {
    width: 100%;
    margin-bottom: 0.22rem;
}

.person-thumbnails img:last-child {
    margin-bottom: 0;
}

.person-titles {
    /* -webkit-box-flex: 1; */
    -moz-box-flex: 1;
    /* -webkit-flex: 1; */
    -ms-flex: 1;
    /* flex: 1; */
}

.person-title-item {
    margin-bottom: 0.25rem;
    display: flex;
    column-gap: 0.21rem;
    min-height: 0.92rem;
}
.person-title-item .news_imgs{
    width: 1.44rem;
    height: 0.84rem;
    position: relative;
}
.person-title-item .news_imgs img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover}
.person-title-item .news_wz{flex:1}
.person-title-item:last-child {
    margin-bottom: 0;
}

.person-title-item .item-date {
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #B2B2B2;
    margin-bottom: 0.04rem;
}

.person-title-item .item-title {
    font-size: var(--smailSize);
    line-height: 0.28rem;
    color: #000000;
    /* display: block; */
}
.person-title-item .item-title:hover{
    color: #024ac2;
}
/* 中栏 - 精选文章 + 列表 */
.col-featured {
    margin-bottom: 0.22rem;
    padding-bottom: 0.16rem;
    border-bottom: 0.01rem solid #D9D9D9;
}

.col-featured .featured-article-title {
    font-size: var(--bigSize);
    line-height: 1.6;
    color: #000000;
    margin-bottom: 0.04rem;
}

.col-featured .featured-article-summary {
    font-size: var(--smailSizex);
    line-height: 1.71;
    color: #777777;
    margin-bottom: 0.04rem;
}

.col-featured .featured-article-date {
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #B2B2B2;
}

/* 中栏列表 */
.col-news-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.col-news-list .dots {
    width: 0.08rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.13rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.col-news-list .dots span {
    display: block;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #024ac2;
    margin: 0.13rem 0 0.18rem;
}

.col-news-list .dots span:last-child {
    margin-bottom: 0;
}

.col-news-list .col-news-titles {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
}

.col-news-list .col-news-titles li {
    margin-bottom: 0.05rem;
}

.col-news-list .col-news-titles li:last-child {
    margin-bottom: 0;
}

.col-news-list .col-news-titles li a {
    display: block;
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.col-news-list .col-news-titles li:hover a{color: #024ac2;}
/* 右栏 - banner图 + 列表 */
.right-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.16rem;
}

.right-banner img {
    display: block;
    width: 100%;
    height: 3.2rem;
    object-fit: cover;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.right-banner .news_imgs{
    position: relative;
    padding-top: 65%;
}
#nanhang-video .slick-arrow{width: 0.3rem;height: 0.45rem;opacity: 1;font-size: 0;box-shadow: initial;}
#nanhang-video .slick-prev{
    background: url(../images/slickleft.svg)no-repeat;
    left: 0.31rem;
    background-size: cover;
}
#nanhang-video .slick-next{
    background: url(../images/slickright.svg)no-repeat;
    right: 0.31rem;
    background-size: cover;
}
.right-banner .banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.65rem;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}

.right-banner .banner-title {
    position: absolute;
    bottom: 0.12rem;
    left: 0.26rem;
    right: 0.26rem;
    font-size: var(--titleSize);
    line-height: 0.36rem;
    color: #FFFFFF;
    z-index: 2;
}
.right-banner .banner-title:hover a{color:#fff}
/* 右栏标题+日期列表 */
.right-news-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-news-titles {
    flex: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0;
}

.right-news-titles li {
    margin-bottom: 0.05rem;
}

.right-news-titles li:last-child {
    margin-bottom: 0;
}

.right-news-titles li a {
    display: block;
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nahangpaper li a{font-size:var(--smailSize);display: block;margin-top: 0.3rem;text-align: center;}
.nahangpaper li .news_imgs{position: relative;
    display: block;padding-top:143%}
.nahangpaper li .news_imgs img{
    display: block;
    width: 100%;
    height: 1rem;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.nahangpaper{padding-top:0.4rem;position: absolute;left: 0;right: 0;width: 100%;}
.nahangpaper.active{position:relative;}

.nahangpaper .slick-list{margin:0 -0.15rem}
.nahangpaper .news_box{margin:0 0.15rem}
.nahangpaper .slick-arrow{width: 0.3rem;height: 0.45rem;opacity: 1;font-size: 0;box-shadow: initial;}
.nahangpaper .slick-prev{
    background: url(../images/slickleft.svg)no-repeat;
    left: 0.31rem;
    background-size: cover;
}
.nahangpaper .slick-next{
    background: url(../images/slickright.svg)no-repeat;
    right: 0.31rem;
    background-size: cover;
}
.right-news-titles li:hover a{color: var(--color-primary);}
.right-news-dates {
    -moz-box-flex: 1;
    -ms-flex: 1;
    text-align: right;
    width: 1.2rem;
}

.right-news-dates li {
    margin-bottom: 0.05rem;
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #B2B2B2;
}

.right-news-dates li:last-child {
    margin-bottom: 0;
}

/* 右栏 南航报 浮动标签 */
.right-newspaper {
    position: relative;
    margin-top: 0.16rem;
}
.col_metas a,.col_metas span{font-size:var(--smailSize);color:#000}
.col_metas{
    /* width: 12.8rem; */
    margin: 0 auto 0.3rem;
}
.possplit{text-indent:0;width:0.1rem;text-align:center;background:none;margin:0 0.05rem}
.possplit:before{content:'>';font-family:"宋体";}
.right-newspaper .newspaper-label {
    font-size: 0.24rem;
    color: #4D4D4D;
    padding-left: 0.17rem;
    border-left: 0.01rem solid #D9D9D9;
}

/* ---------- 9. 快捷入口卡片 ---------- */
.action-cards .news_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.55rem;
}

.action-card {
    width: 3.11rem;
    height: 1.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.21rem;
    background-color: #F5F5FA;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.action-card:last-child {
    margin-right: 0;
}

.action-card:hover {
    background-color: #024ac2;
    
}
.action-card:hover .action-name .name-text{color:#fff}
.action-card:hover .news_ico svg path{stroke:#fff}
.action-card .news_ico {
    width: 0.4rem;
    /* height: 0.4rem; */
    margin-bottom: 0.39rem;
    margin: 0 0.26rem 0.39rem;
}
.action-card .news_ico svg path{stroke: #024ac2;}
.action-card .news_ico div{/* height:0.4rem; */font-size: 0;}
.action-card .action-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.26rem;
}

.action-card .action-name .name-text {
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #000000;
}

.action-card .action-name .arrow-icon {
    width: 0.17rem;
    height: 0.17rem;
}
.action-card .action-name .arrow-icon.img2{display:none;}
.action-card:hover .action-name .arrow-icon.img1{display:none}
.action-card:hover .action-name .arrow-icon.img2{display:block}
/* ---------- 10. 友情链接 ---------- */
.links-section {
    margin-bottom: 0.25rem;
}

.links-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.25rem;
}

.links-title .title-text {
    font-size: 0.24rem;
    font-weight: 700;
    color: #024ac2;
}

.links-bar {
    width: 100%;
    height: 0.78rem;
    background-color: #F5F5FA;
    /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.04rem;
}

.links-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.links-list li {
    /* margin-right: 0.44rem; */
}

.links-list li:last-child {
    margin-right: 0;
}

.links-list li a {
    font-size: var(--smailSize);
    line-height: 0.32rem;
    color: #000000;
    text-align: center;
    display: block;
    padding: 0 0.35rem;
    border-right: 0.01rem solid rgb(8 23 118 / 16%);
}
.links-list li:hover a{
    color: #024ac2;
}
.links-list li:last-child a{border-right:0}
.links-list li .link-divider {
    display: inline-block;
    width: 0.01rem;
    height: 0.17rem;
    background-color: rgba(8, 23, 118, 0.16);
    margin-left: 0.44rem;
    vertical-align: middle;
}

/* ---------- 11. 页脚 ---------- */
.site-footer {
    position: relative;
    width: 100%;
    height: 2.72rem;
    background-color: #024ac2;
    overflow: hidden;
}

.footer-inner {
    width: 16.4rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.62rem 0 0;
    position: relative;
    height: 100%;
}

.footer-logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-logo .footer-logo-img {
    /* height: 0.7rem; */
    margin-right: 0;
    width: 3.5rem;
}

/* 页脚Logo分隔线(白色) */
.logo-divider-footer {
    height: 0.5rem;
    background-color: rgba(255, 255, 255, 0.3);
}

.footer-site-name {
    font-size: 0.48rem;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 700;
    font-family: "Source Han Sans CN", "Microsoft YaHei", sans-serif;
}

.footer-copyright {
    position: absolute;
    bottom: 0.17rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: var(
    --smailSize);
    line-height: 0.36rem;
    color: #FFFFFF;
    opacity: 0.8;
    font-family:
    "Source Han Sans CN", "Microsoft YaHei", sans-serif;
}

/* 页脚二维码 */
.footer-qrcodes {
    position: absolute;
    top: 0.55rem;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.qrcode-item {
    margin-right: 0.18rem;
    text-align: center;
}

.qrcode-item:last-child {
    margin-right: 0;
}

.qrcode-item img {
    width: 1.02rem;
    height: 1.02rem;
    display: block;
}

.qrcode-item .qrcode-label {
    /* margin-top: 0.19rem; */
    font-size: var(--smailSize);
    line-height: 0.36rem;
    color: #FFFFFF;
    opacity: 0.8;
    font-family: "Source Han Sans CN", "Microsoft YaHei", sans-serif;
}

/* 页脚分割线 */
.footer-divider {
    position: absolute;
    bottom: 0.69rem;
    left: 50%;
    width: 16.4rem;
    height: 0.01rem;
    background-color: rgba(217, 217, 217, 0.19);
    max-width: 100%;
    transform: translateX(-50%);
}

/* ---------- 13. 搜索遮罩层 ---------- */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transform: translateY(-100%);
    opacity: 0;
    transition: 0.7s;
}

.search-overlay.active {
    transform: none;
    opacity: 1;
}

.search-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 23, 118, 0.85);
}

.search-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 7.2rem;
    padding: 0 0.2rem;
    z-index: 2;
}

.search-panel-inner {
    position: relative;
    width: 100%;
}

.search-close {
    position: absolute;
    top: -0.6rem;
    right: 0;
    font-size: 0.4rem;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.search-close:hover {
    opacity: 0.7;
}

.search-overlay .wp-search form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 0.64rem;
    border: 0.01rem solid #e5e5e5;
    border-radius: 0;
    overflow: hidden;
}

.search-overlay .search-input input.search-title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 0.2rem;
    font-size: 0.2rem;
    color: #FFFFFF;
    background-color: transparent;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

.search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-btn {
    width: 1rem;
    height: 100%;
    border: none;
    background-color: #024ac2;
    color: #024ac2;
    font-size: 0.2rem;
    font-weight: 700;
    cursor: pointer;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    position: absolute;
    right: 0;
    top: 0;
}

.search-btn:hover {
    /* background-color: #F5F5FA; */
}

.search-tags {
    margin-top: 0.3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search-tags-label {
    font-size: 0.16rem;
    color: rgba(255, 255, 255, 0.6);
    margin-right: 0.15rem;
}

.search-tags a {
    display: inline-block;
    padding: 0.05rem 0.18rem;
    margin-right: 0.12rem;
    margin-bottom: 0.08rem;
    font-size: 0.16rem;
    color: #FFFFFF;
    border: 0.01rem solid rgba(255, 255, 255, 0.4);
    border-radius: 0.2rem;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.search-tags a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #FFFFFF;
}

/* ---------- 12. 工具类 ---------- */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* IE11 flexbox 修正 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-section,
    .image-cards,
    .columns-section,
    .action-cards,
    .news-list,
    .col-news-list,
    .right-news-row,
    .links-list,
    .links-bar,
    .section-tabs,
    .tab-bar,
    .person-gallery {
        display: -ms-flexbox;
    }

    /* IE11 object-fit 降级: 使用等比缩放替代裁剪 */
    .hero-img,
    .image-cards .card img,
    .right-banner img,
    .person-thumbnails img {
        width: 100%;
        height: auto;
        -ms-interpolation-mode: bicubic;
    }

    /* IE11 渐变滤镜 */
    .hero-image .hero-overlay {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    }

    .right-banner .banner-overlay {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
    }
}
.nav-bar .sub-menu li .sub-menu {display:none;}
.nav-bar .sub-menu {position:absolute;left:50%;top:100%;min-width:1.5rem;z-index:100;background: #024ac2;opacity:0;transform:translateX(-50%) scale(0);transition:all 0.4s ease-in-out;border-radius: 0;overflow:hidden;}
.nav-bar li:nth-child(8) .sub-menu{display:none;}
.nav-bar .sub-menu .sub-item {position:relative;white-space:nowrap;vertical-align:top;margin-right: 0;_zoom:1;}
.nav-bar .sub-menu .sub-item a {display:block;color:#fff;line-height:0.5rem;padding:0 17px;font-size: 0.16rem;background:none;text-align:center;}
.nav-bar .sub-menu .sub-item.hover>a,.nav-bar .sub-menu .sub-item a:hover {color:#333;background-color: #4c60e5;display:block;color: #fff;}
.nav-bar .sub-menu .sub-menu {left:100%;top:0px;z-index:200;background:#fff;}

.nav-bar li:hover>.sub-menu {transform:translateX(-50%);opacity:1;}

/** 列表页 **/
/**列表页**/

.wp-wrapper{
    position: relative;
}
.l-banner {height: 5.02rem;background-position:center center;background-repeat:no-repeat;text-align:center;background-color:#c5c4c4;background-size: cover;position: relative;display: none;}
.l-banner img {display:none;height:100%;vertical-align:top;}
.l-banner:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 38.5%;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(41, 13, 10, 0.675) 0%, transparent 100%);
}
.l-banner img {height:100%;vertical-align:top;object-fit: cover;width: 100%;}
#l-container,#d-container {position:relative;}
#d-container .inner,#l-container .inner {padding: 0.6rem 0 0.42rem;width: 16.4rem;/* max-width: 100%; */margin: 0 auto;}
.col_news_head {
    position: absolute;
    bottom: 0.6rem;
    z-index: 1;
    left: 50%;
    transform: translateX(-7rem);
}
.col_news_head .col_name_text {
    font-size: 0.4rem;
    font-family: 'Source Han Serif';
    font-weight: bold;
    margin-bottom: 0.2rem;
    color: #fff;
}

.col_news_head .col_path {
    font-size: var(--small-size);
    color: #fff;
    /* font-weight: bold; */
}
.col_news_head .col_path * {
    color: #fff;
}
.mrlist .col_news_head .col_path .possplit {
    font-size: 0;
    width: 0.07rem;
    height: 0.11rem;
    display: inline-block;
    background: url(../images/possplit.svg) no-repeat center/100% auto;
    vertical-align: middle;
    margin: 0 0.1rem;
}
/**栏目列表**/
#l-container .mod{
    display: flex;
    align-items: flex-start;
}
.col_menu {
    width: 3rem;
    margin-right: 0.54rem;
    flex: none;
    background: #fff;
}
.col_menu_head .col_name {
    color: #fff;
    background: #024ac2;
    display: block;
    line-height: 0.71rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    font-weight: bold;
    position: relative;
    padding: 0 0.15rem;
}
、
.col_list {
    background: #fff;
    padding-bottom: 1.48rem;
}

.col_list .col_item_link {
    display: flex;
    line-height: 3.5;
    align-items: center;
    font-size: var(--medium-size);
    font-weight: 500;
    padding-left: 0.3rem;
    position: relative;
}
.col_list .sub-item-link {
    padding-left: 0.5rem;
    font-size: var(--regular-size);
    line-height: 3.45;
    display: block;
}
.col_list .col_column{
    border-bottom: 1px solid rgb(112 112 112 / 27%);
}
.col_list .col_item_link .column-name {
    margin: 0 0.1rem;
}
.col_list .col_item_link .sjx {
    width: 0.075rem;
    height: auto;
}

.col_list .col_item_link .jt {
    width: 0.19rem;
    height: auto;
    position: absolute;
    right: 0.3rem;
}
.col_list .col_column a.selected,.col_list .col_column a.parent{color:var(--primary-color);}
.col_list .col_item_link.selected .sjx path,.col_list .col_item_link.parent .sjx path{fill: var(--primary-color);}
.col_list .col_item_link.selected .jt path,.col_list .col_item_link.parent .jt path{stroke: var(--primary-color);}
.col_news_list {
    /* margin-top: -0.87rem; */
    z-index: 1;
    position: relative;
    min-height: 5rem;
    flex: 1;
}
.col_head{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.14rem;
    margin-bottom: 0.18rem;
}
.col_head h2{font-size:0.22rem}
/**默认新闻列表页**/
.mrlist .col_news_list .news_list .news{
    margin-bottom: 0.2rem;
}
.mrlist .col_news_list .news_list .news a{display:flex;padding: 0.2rem 0.2rem 0.2rem 1.03rem;background: #fff;border: 1px solid #DBDBDB;position: relative;z-index: 1;transition: var(--transition-normal);}
.mrlist .col_news_list .news_list .news a:before{
    content:"";
    width: 3.37rem;
    height: 1.58rem;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.mrlist .col_news_list .news_list .news a:after{
    content:"";
    width: 100.2%;
    height: 100.2%;
    position: absolute;
    inset: -0.1%;
    z-index: -1;
    transition: var(--transition-normal);
    opacity: 0;
}
.mrlist .col_news_list .news_list .news a:hover:after{opacity:1}
.mrlist .col_news_list .news_list .news .news_imgs {width: 2.3rem;flex:none;background:0 0;display:flex;align-items:center;margin-left: 0.73rem;position: relative;}
.mrlist .col_news_list .news_list .news .news_imgs span {padding-top: 66.86%;width:100%;}
.mrlist .col_news_list .news_list .news .news_wz {flex:1;display: flex;}
.mrlist .col_news_list .news_list .news .news_meta {
    position: absolute;
    left: -0.12rem;
    width: 0.7rem;
    height: 0.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Merriweather';
    line-height: 1.4;
    font-weight: bold;
    background: var(--primary-color);
}
.mrlist .col_news_list .news_list .news .news_meta .days {
    font-size: 0.25rem;
}

.mrlist .col_news_list .news_list .news .news_meta .year {
    font-size: 0.09rem;
    border-top: 1px solid #fff;
    line-height: 2;
}
.mrlist .col-work{width:5.5rem;margin-top:0.3rem}
.mrlist .col_news_list .news_list .news .news_title {font-size: var(--bigSize);line-height: 1.7;font-weight: bold;margin-bottom: 0.1rem;color: #000;}
.mrlist .col_news_list .news_list .news .news_text {font-size: var(--regular-size);line-height: 1.77;color: #796F5F;/* min-height: calc(1.77 * 2em); */transition: var(--transition-normal, all .4s ease-in-out);margin-bottom: 0.15rem;}
.mrlist .col_news_list .news_list .news .news_text:empty {
  display: none;
}
.mrlist .col_news_list .news_list .news .news_text a {color:#73817F;}
.mrlist .col_news_list .news_list .news[img-src=""] a{opacity: 1;}
.mrlist .col_news_list .news_list .news[img-src=""] .news_imgs {display:none;}
.mrlist .col_news_list .news_list .news[img-src=""] .news_wz{padding-right:1.64rem}
.mrlist .col_news_list .news_list .news .news_more{
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--small-size);
    gap: 0.075rem;
    transition: var(--transition-normal, all .4s ease-in-out);
    font-weight: bold;
}
.mrlist .col_news_list .news_list .news .news_more img{
    width: 0.13rem;
}
.mrlist .col_news_list .news_list .news a:hover {background: rgb(8 23 118 / 10%);}
.mrlist .col_news_list .news_list .news a:hover .news_more{gap:0.2rem}
.mrlist .col_news_list .news_list .news a:hover .news_text{}
.mrlist .news_imgs a,.mrlist .news_imgs span {display:block;overflow:hidden;}
.mrlist .post .news:hover .news_imgs a img,.mrlist .post .news:hover .news_imgs span img {transform:scale(1.1);}
.mrlist .news_imgs a img,.mrlist .news_imgs span img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.6s ease-in-out;}
.wp_paging{float:none;display:flex;justify-content: flex-end;margin: 0.4rem 0;flex-wrap: wrap;}
/**文章页**/
.pagelist #l-container .mod{display:block}
.info .col_metas.clearfix {height:.63rem;}
.infobox {padding:.56rem 0;margin:0 auto;width:auto;min-height: 5rem;font-size: var(--titleSize);}
.article{
    width: 10rem;
    margin: 0 auto;
}
.article h1.arti_title {line-height: 1.5;font-family:SourceHanSerifCN-Bold;font-size: .26rem;text-align:center;margin-bottom:.2rem;}
.article h2.arti_title {line-height:2;font-family:"Microsoft YaHei";font-size:.2rem;text-align:center;color:#1b1b1bc7;margin-bottom:.2rem;}
.article .arti_metas {text-align:center;line-height:1.3;margin:0;display: flex;flex-wrap: wrap;column-gap: 0.3rem;row-gap: 0.1rem;justify-content: center;}
.article .arti_metas>span {/* margin:0 .16rem; */font-size: var(--smailSizex);color:#666;}
.article .arti_metas span{display:inline}
.article .arti_info {position:relative;display:flex;align-items:center;justify-content: center;}
.article .arti_info .right{display:none;}
.article .entry {margin:0 auto;overflow:hidden;margin-top:.4rem;min-height:400px;}
.article .entry .read, .article .entry .read p,.article .entry .read p span {line-height: 1.8 !important;font-size: var(--smailSize) !important;color:#333;}
.article .entry .read p {margin-bottom:10px;text-indent: 2em;}
.share_box{/* display:none; */font-size: var(--smailSize);}
.article .entry .read img {margin:0 auto;max-width: 100%;}
.article .entry .read p:has(img){
    text-indent: 0 !important;
}
.article .wp_video_player{
    min-width: 81%;
    max-width: 100%;
    height: auto !important;
}
.article .wp_video_player video{width:100%;height:auto;}
.article .entry .read table {margin:0 auto;border:none!important;}
.sibi_art {margin-top:1.3rem;/* display: none; */}
.wp_artfuns .wp_art_adjoin {display:flex;line-height:.48rem;font-size:var(--titleSize);flex-wrap:wrap;margin-bottom: 0.3rem;}
span.next-title,span.prev-title {width:calc(100% - .8rem);}
.wp_artfuns .wp_art_adjoin .next {padding:0;}
.wp_artfuns .wp_art_adjoin .next,.wp_artfuns .wp_art_adjoin .prev {pointer-events:none;width:auto;}
.article .arti_info .right .font{display:flex;align-items: center;font-size: var(--smailSize);color: #848484;}
.article .arti_info .right .fontbuton{background: #EBE5D8;border-radius:0.04rem;padding: 0.04rem;}
.article .arti_info .right .fontbuton span{display:inline-block;color: var(--primary-color);width: 0.37rem;line-height: 0.3rem;height: 0.3rem;text-align: center;position: relative;cursor: pointer;transition: 0.7s;}
.article .arti_info .right .fontbuton span.selected{
    border-radius: 0.04rem;
    background: var(--primary-color);
    color: #fff;
}
.article .arti_info .right .fontbuton span.selected:before{display:none;}
.article .arti_info .right .fontbuton span:before{content:"";background:#C7C7C7;height: 0.16rem;width: 0.01rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.article .arti_info .right .fontbuton span:last-child:before{display:none;}
.size_set { font-size: var(--smailSizex); text-align: right; padding: 0.1rem;}
.size_set span { font-size: var(--smailSizex); font-weight: bold; color: #0081d5;}
.size_set a { display: inline-block; width: 0.22rem; color: #737373;}
.mobshow{display:none}

body.simplelist .col_news_list .con{display:flex;justify-content: space-between;height: 0.4rem;align-items: center;}
body.simplelist  .col_metas{margin-bottom:0}
body.simplelist .col_news_list .news_title{
    font-size: var(--titleSize);
    flex: 1;
}
body.simplelist .col_news_list .news_meta{
    color: #aaaaaa;
    font-size: var(--smailSize);
    margin-left: 0.3rem;
}
body.simplelist .col_news_list .news{padding-left:0.2rem;position: relative;}
body.simplelist .col_news_list .news:before{content:'';width:0.08rem;height:0.08rem;position: absolute;background: #cccccc;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);transition: 0.7s;}
body.simplelist .col_news_list .news:hover:before{background: var(--color-primary);}
body.simplelist .col_news_list .news:nth-child(6n){margin-bottom:0.3rem}
.headnone .col_menu_head{display:none}

/* ---------- 返回顶部 ---------- */
.back-to-top{
    position: fixed;
    right: 0.3rem;
    bottom: calc(0.3rem + var(--safe-bottom));
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.08rem;
    background: var(--color-primary);
    color: var(--color-white);
    font-size: 0.16rem;
    line-height: 0.7rem;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0.03rem 0.1rem rgb(0 0 0 / 30%);
}
.back-to-top.active{
    opacity: 1;
    visibility: visible;
}
.pagelist .col_metas,.info_xwfb .col_metas,.info_ww .col_metas{width:12.8rem;}
/* hero 视频关闭按钮（默认隐藏，播放时显示在右上角） */
.hero-image .news_video .video-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 0.42rem;
    height: 0.42rem;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    line-height: 0.42rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0 0 0 0.42rem;
    cursor: pointer;
    z-index: 5;
    user-select: none;
    transition: background 0.2s ease, transform 0.2s ease;
    padding-left: 0.1rem;
    padding-bottom: 0.1rem;
}
.hero-image .news_video .video-close:hover{
    background: rgba(0, 0, 0, 0.75);
    transform: scale(1.08);
}
.hero-image .video-playing .video-close{
    display: flex;
}
/**友情链接**/
.botlinks .links-wrap {position: relative;/* float: left; */display: inline-block;width: 100%;margin:0.04rem 0.1rem;line-height: 0.32rem;background: #fff;border: 0.01rem solid #ccc;}
.botlinks .links-wrap a.links-arrow {display: block;height: 0.6rem;line-height: 0.6rem;padding: 0 0.25rem 0 0.1rem;color:#a1a1a1;background: url(images/arrow.png) no-repeat right top;position: relative;}
.botlinks .links-wrap a.links-arrow:before{content:'';background: url(../images/slickleft_b.svg)no-repeat;width: 0.2rem;position: absolute;height: 0.35rem;background-size: cover;right: 0.3rem;transform: rotate(270deg);top: 0.13rem;}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer;}
.botlinks .links-wrap a.links-arrow:hover:before{
    transform: rotate(
90deg);
}
.botlinks .links-wrap .link-items {display: none;position: absolute;left: 0;bottom: 0.61rem;width: 100%;max-width: 100%;height:auto;max-height: 3rem;overflow: auto;overflow-x:hidden;background: #024ac2;}
.botlinks .links-wrap .link-items a {display: block;line-height: 1.8;padding: 0.05rem 0.1rem;color: #fff;}
.botlinks .links-wrap .link-items a span { display:block; margin:0 0.06rem; white-space:nowrap;}
.botlinks .links-wrap .link-items a:hover {color: #024ac2;background: #fff;cursor: pointer;}