@charset "utf-8";
/* ============================================================
   南航新闻网 - 响应式媒体查询样式表 media.css
   断点: 1440px / 1200px / 1024px / 768px / 480px
   所有 @media 规则仅存放于此文件
   ============================================================ */


/* ---------- 中屏桌面 (≤1200px) ---------- */
@media screen and (max-width: 999px) {
.back-to-top{right:0.1rem}
.wp-search .search-btn{width: 42px;height: 42.5px;top: -0.5px;right: 0.5px;}
.image-cards .links-title:before{
    width: auto;
    right: calc(50% + 50px);
}
.image-cards .links-title:after{
    left: calc(50% + 50px);
    width: auto;
}
 .top-icons img {
        width: 3vw;
        height: 3vw;
    }
.menu-toggle{display:none}
.image-cards .links-title .title-text{
    writing-mode: lr;
    font-size: 18px;
}
.header-top::after{
    right: 0;
    max-width: 100%;
    width: 60%;
    background-size: contain;
    background-position: bottom;
}
.site-header{
    background-size: cover;
    background-position: right;
    background: #fafafa url("../images/header-bg.png") no-repeat right top;
    background-size: cover;
}
.listnone{display:none;}
.menu-toggle{margin-right:-0.2rem}
 em.menu-switch-arrow:after{content: '';color:#fff;font-family:"宋体";background: url(../images/iconright.svg)no-repeat;background-size: cover;width: 15px;display: block;height: 15px;}
em.menu-switch-arrow.open{transform:rotate(90deg)}
em.menu-switch-arrow{position:absolute;right:0;line-height: 0;/* width:30px; */text-align:center;z-index:1;top: 14px;font-weight:400;font-size: 0;transition: 0.7s;display: none;}
li.active em.menu-switch-arrow{
    transform: rotate(90deg);
}
.col-featured .featured-article-date{font-size:14px}
.person-title-item .item-date{font-size:14px}
.mrlist .col_news_list .news_list .news .news_meta .year{font-size:9px}
    .content-wrapper,
    .main-content,
    .logo-bar,
    .nav-list,
    .footer-inner {
        width: 100%;
    }

    .content-wrapper,
    .main-content {
        padding: 0 30px;
    }
.welcome-bar .content-wrapper{display:flex;justify-content: space-between;}
    .logo-bar {
        padding: 10px 0;
        column-gap: 15px;
    }

    .nav-list {
        padding: 0 30px;
    }

    .nav-list li {
        margin-right: 25px;
    }

    .nav-list li a {
        font-size: 16px;
    }

    
.col-featured .featured-article-title{font-size:18px;line-height: 2;}
.col-featured .featured-article-summary{font-size:16px}
.section-tab .section-tab-label{font-size:18px}
.section-tab{height:39px}
    .image-cards .card {
        width: 100%;
        margin-bottom: 0;
        padding-top: 32.15%;
    }

    .image-cards .card:nth-child(3n) {
        margin-right: 0;
    }

    .image-cards .card:nth-child(3n+4),
    .image-cards .card:nth-child(3n+5) {
        margin-right: 21px;
    }

    /* 快捷卡片 */
    .action-cards .news_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 23px;
        column-gap: 15px;
    }

    .action-card {
        width: calc(33.333% - 14px);
        margin-right: 0;
        margin-bottom: 15px;
    }

    .action-card:nth-child(3n) {
        margin-right: 0;
    }

    /* 三栏变两栏 */
    .columns-section {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 0;
    }

    .col-work {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
    }

    .col-people {
        width: 48%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .col-media {
        width: 100%;
    }

    /* 友情链接换行 */
    .links-list li {
        margin-right: 30px;
    }

    .links-list li .link-divider {
        margin-left: 30px;
    }
}

/* ---------- 平板横屏 (≤1024px) ---------- */
@media screen and (max-width: 999px) {
     :root{--bigSize:20px;--titleSize:18px;--smailSize:16px;--smailSizex:14px}
.image-cards{
    display: flex;
    flex-direction: column;
}
.image-cards .links-title{margin-bottom:20px;margin-right: 0;}
.page-main{
    padding: 15px 0;
}
.right-news-dates{width:90px;margin-left: 0.2rem;}
.site-footer{height:auto;}
    /* 导航栏改为可折叠 */
    .nav-bar {
        height: auto;
        position: relative;
    }
.welcome-bar{height:auto;padding: 5px 0;}
    .nav-list {
        /* display: none; */
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: auto;
        padding: 10px 30px;
        position: relative;
        background-color: transparent;
        z-index: 100;
        transform: translateY(30%);
        transition: 0.7s;
        opacity: 0;
        z-index: -100;
    }
/* 图片卡片自适应 */
    .image-cards .news_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        /* display: block; */
        column-gap: 0.21rem;
        row-gap: 0.21rem;
    }
.hero-news .news_title{margin-right: 0;}
    .nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        transform: none;
        opacity: 1;
        z-index: 100;
        flex-wrap: wrap;
        flex-direction: row;
        margin: 0;
        padding: 0 0 0;
        border-top: 1px solid #fff;
    }

    .nav-list li {
        margin-right: 0;
        width: 25%;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
.nav-list li:nth-child(4n){border-right:0}
    .nav-list li:last-child {
        /* border-bottom: none; */
    }
.nav-bar .sub-menu .sub-item a{font-size:14px;text-align: left;}
    .nav-list li a {
        line-height: 34px;
        font-size: 16px;
        text-align: center;
    }
/* 1. 确保 a 标签是块级元素，占据整个 li 的宽度 */
.nav-list li a {
    display: block;
    width: 64px; /* 必须占满父容器宽度 */
    height: 34px;
    
    /* 2. 核心代码：文本两端对齐 */
    text-align: justify;
    text-align-last: justify; /* 关键：强制最后一行（也是唯一一行）两端对齐 */
    
    /* 兼容旧版浏览器（可选） */
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    white-space: initial;
    margin: 0 auto;
}

/* 3. 处理兼容性：针对不支持 text-align-last 的浏览器 */
/* 原理：利用伪元素撑开一行，让真正的文字变成“非最后一行”，从而触发 justify */
.nav-list li a:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}
    .menu-toggle {
        display: none;
        /* position: absolute; */
        /* right: 30px; */
        top: 27px;
        z-index: 101;
    }
.nav-bar .sub-menu,.nav-bar li:hover>.sub-menu{position:static;transform:none;opacity: 1;}
    .nav-bar .sub-menu{display:none}
.top-icons img{margin-left:10px}
.top-icons .home-icon-link{/* display:none; */}
.top-icons{width:auto;column-gap: 19px;display: flex;}
    /* 头条区 */
    .hero-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero-image {
        width: 100%;
    }

    .hero-image .hero-img {
        /* height: 320px; */
    }

    .hero-news {
        margin-left: 0;
        margin-top: -1px;
        width: 100%;
    }

    .tab-item {
        width: 33.33%;
    }

    .news-list .news-dates {
        margin-left: 20px;
        width: 80px;
    }

    /* 图片卡片两列 */
    .image-cards li {
        width: calc((100% - 0.21rem*2)/3);
    }

    .image-cards .card:nth-child(3n) {
        margin-right: 21px;
    }

    .image-cards .card:nth-child(2n) {
        margin-right: 0;
    }

    /* 快捷卡片两列 */
    .action-card {
        width: calc((100% - 15px)/2);
    }

    .action-card:nth-child(3n) {
        margin-right: 0;
    }

    .action-card:nth-child(2n) {
        margin-right: 0;
    }

    /* 三栏变单栏 */
    .columns-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background: none;
    }

    .col-work, .col-people {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
        padding-left: 0;
    }

    /* 页脚 */
    .footer-qrcodes {
        position: static;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
        column-gap: 20px;
    }
.footer-divider{display:none}
    .footer-copyright {
        position: static;
        text-align: center;
        padding-top: 10px;
        left: auto;
        transform: none;
    }

    .footer-inner {
        padding-top: 30px;
        text-align: center;
        padding-bottom: 22px;
    }

    .footer-logo {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /* 友情链接 */
    .links-list {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
        row-gap: 9px;
    }
.links-bar{height:auto;padding:15px 0}
.featured-section{padding-top:0}
.mrlist .col_news_list .news_list .news .news_title{margin:0}
.mrlist .col_news_list .news_list .news .news_text{-webkit-line-clamp:3;font-size: 16px;min-height: auto;}
.col_news_head{
    transform: none;
    left: 4%;
}
.column-switch{display:block;width:30px;height:20px;background:url(../images/menu-dot-w.png) no-repeat center;position:absolute;top: 10px;right: 4%;}
.col_name span{font-size:20px}
.col_list ul li{float:none;border-bottom:1px solid #ffffff2e}
.col_name{margin:0;}
.col_path{/* display:none; */}
.col_list .slick-next{right:-20px;font-size:17px}
.col_list .col_column .col_item_link{font-size:14px;border:none;text-align:left;padding:0;line-height:39px}
.col_list .col_column .col_item_link:before{content:"";width:5px;height:5px;display:inline-block;border-radius:50%;background:#fff;vertical-align:middle;margin-right:20px}
.col_menu_head{box-sizing:border-box;position: relative;height: 43px;}
.col_menu_head .col_name{line-height:43px}
.col_list{padding-right:0;height:auto;position:static;display:none;padding-bottom: 0;}
.headnone .col_list{display:block}
.col_list::before{display:none}
.mrlist .col_news_list .news_list .news .news_imgs{width:41%;margin-right:20px}
.col_news{padding-top:0}
.sitetitle img{max-width:86%}
.header .sitetitle{display:block;margin-top:10px;font-size:18px}
.l-banner{height: auto;padding-top: 46%;}
.l-banner img{width:100%;height:100%}
#d-container .inner,#l-container .inner{padding: 30px 0 60px;width: auto;margin-top: 20px;}
.pagelist .col_metas,.info_xwfb .col_metas,.info_ww .col_metas{width:auto;}
.article .entry .read img{height:auto !important}
body.info_video #l-container .inner{width:100%;}
body.info_video .article{padding-right:0;border-right: 0;}
.sibi_art{margin-top:30px}
body.info_video .col_post{width:100%;margin-left:0;margin-top: 20px;}
body.info_video .col_post .tt{font-size:16px}
body.info_video .col_post .news_list .news_title{font-size:16px;}
body.info_video .col_post .news_imgs a{padding-top:80%}
.article{width:100%}
#d-container.wrapper .inner .mod,#l-container.wrapper .inner .mod{display:block}
body.info_video #l-container .mod .pagelistbottom{display:block}
 #l-container.wrapper .inner .mod{padding:0 4%}
body.simplelist .col_news_list .news_title{
    font-size: 16px;
}
.col_menu .col_menu_head h3.col_name .col_name_text{display:block;line-height:40px;font-size:17px}
body.simplelist .col_news_list .con{height:36px}
.col_menu{width: auto;float:none;margin-right:0;position:relative;margin-top: -30px;padding: 0;left: 0;margin-bottom: 30px;}
.col_menu .col_menu_con{display:none;border:0 solid #e4e4e4}
.col_metas .col_title h2{font-size:18px}
.col_news{width:100%;min-height:0;float:none}
.col_news .col_news_box{margin-left:10px;margin-right:10px}
.col_news_con{padding:5px 0 10px 0;margin:0 0}
.col_news_con .news_list li.news{flex-direction:column}
.col_news_con .news_list li.news span.news_title{line-height:24px;font-size:14px;width:68%}
.col_news_con .news_list li.news span.news_meta{font-size:14px}
.mrlist .col_news_list .news_list .news[img-src=""] .news_wz{padding-right:30px}
.mrlist .col_news_list .news_list .news .news_more{font-size:14px}
.article .arti_metas{display: flex;line-height: normal;line-height: 1.5;flex: 1;row-gap: 0;}
.right-news-titles li a{line-height:2}
.right-news-dates li{line-height: 32px;font-size: 14px;}
.right-banner .banner-title{font-size:18px}
.person-title-item .news_imgs{width: 115px;height: 77px;}
.person-title-item .item-title{line-height:28px}
.col-news-list .col-news-titles li a{line-height:32px}
.col-news-list .dots span{
    margin: 15px 0 16px;
}
.hero-image .hero-link{font-size:18px;text-overflow: -o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .news-list .news-titles li a {
        font-size: 16px;
        line-height: 28px !important;
    }
.news_date{font-size:14px}
.mobshow{display:flex;}
.pcshow{display:none}
.search-trigger.mobshow{display:block;}
.hero-news .news_date{display:none;}
.welcome-text{display:none}
.head-right .head-top{display:none;}
}

/* ---------- 平板竖屏 / 大手机 (≤768px) ---------- */
@media screen and (max-width: 768px) {
    .content-wrapper,
    .main-content {
        padding: 0 15px;
    }
.hero-image .hero-overlay{
    height: 56px;
}
    .logo-bar {
        padding: 10px 0;
    }

    .nav-list {
        margin: 0 0;
    }

    .menu-toggle {
        right: 15px;
    }

    /* 顶部横幅 */
    .header-top {
        height: 130px;
    }

    .welcome-text {
        font-size: 14px;
    }

    .logo-group .logo-img {
        height: 40px;
        width: auto;
    }

    .logo-group .logo-text-svg {
        height: 20px;
        width: auto;
    }

    .logo-divider {
        height: 35px;
        margin: 0 12px;
    }

    .top-icons {
        width: auto;
    }

   

    .top-icons .home-icon {
        margin-right: 20px;
    }

    /* 头条精选 */
    .featured-title {
        font-size: 20px;
        line-height: 28px;
    }

    .featured-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    /* 头条新闻 */
    .hero-image .hero-img {
        /* height: 220px; */
    }

    .hero-news {
        padding: 20px 15px;
    }

    .tab-bar {
        margin-bottom: 30px;
    }

    .tab-item {
        height: 50px;
    }

    .tab-item .tab-label {
        font-size: 16px;
    }

    .news-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .news-list .dots {
        display: none;
    }



    .news-list .news-dates {
        margin-left: 0;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .news-list .news-dates li {
        text-align: left;
        font-size: 13px;
        line-height: 28px;
    }

    /* 栏目标题 */
    .section-tabs {
        margin-bottom: 20px;
    }

    .section-tab .section-tab-label {
        /* font-size: 18px; */
    }

    /* 图片卡片单列 */
  /* 图片卡片两列 */
    .image-cards li {
        width: calc((100% - 0.21rem)/2);
    }

    .image-cards .card:nth-child(3n) {
        /* margin-right: 0; */
    }

    /* 快捷卡片单列 */
    .action-card {
        /* width: 100%; */
        /* margin-right: 11px; */
    }

    .action-card:nth-child(3n) {
        /* margin-right: 0; */
    }

    /* 人物图集 */
    .person-gallery {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .person-thumbnails {
        width: 100%;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .person-thumbnails img {
        width: calc(25% - 8px);
        margin-right: 10px;
        margin-bottom: 0;
    }

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

    /* 右栏列表 */
    .right-news-row {
        /* -webkit-flex-direction: column; */
        -ms-flex-direction: column;
        /* flex-direction: column; */
        /* -webkit-align-items: flex-start; */
        -ms-flex-align: start;
        /* align-items: flex-start; */
    }

    .right-news-titles {
        /* width: 100%; */
    }

    .right-news-dates {
        /* text-align: left; */
        /* margin-top: 10px; */
    }

    /* 友情链接 */
    .links-bar {
        height: auto;
        padding: 15px;
    }

    .links-list li {
        margin-right: 15px;
        margin-bottom: 8px;
        width: calc(50% - 15px);
    }

    .links-list li .link-divider {
        margin-left: 15px;
    }

    .links-list li a {
        font-size: 16px;
    }

    /* 页脚 */
    .footer-inner {
        padding: 20px 15px 0;
    }

    .qrcode-item img {
        width: 80px;
        height: 80px;
    }

    .qrcode-item .qrcode-label {
        font-size: 14px;
    }

    .footer-copyright {
        font-size: 13px;
    }

    .footer-logo .footer-logo-img {
        height: 50px;
        width: auto;
    }

    .logo-divider-footer {
        height: 35px;
    }

    .footer-site-name {
        font-size: 22px;
    }
}
@media screen and (max-width: 640px){
.col_news_head{
    bottom: 0.8rem;
}
.mrlist .col_news_list .news_list .news .news_imgs{width:100%;margin: 0;margin-top: 30px;}
.mrlist .col_news_list .news_list .news{margin-bottom:20px;}
.mrlist .col_news_list .news_list .news .news_wz{
    padding-left: 20px;
}
.mrlist .col_news_list .news_list .news[img-src=""] .news_wz{padding-right: 0;}
.mrlist .col_news_list .news_list .news .news_meta{
    margin-right: 0;
    flex: none;
}
.mrlist .col_news_list .news_list .news a{
    display: block;
    padding: 30px;
}

.foot-bottom{
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
}
.footer{
}
    .article .arti_info{
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
    .article .arti_metas{/* display:block; *//* text-align: left; */}
.article .arti_metas>span:first-child{margin-right:15px}
.welcometip{font-size: 10px;}
.post-11 .list2 .news{width: 100%;padding: 10px 0;}
.post-11 .list2 .news:nth-child(2){
    border-top: 0.01rem solid #990909;
}
.post-31 .tab_menu li{flex: 1;padding: 0 3%;}
.footer .quick-links .tt{
    text-align: center;
    border: 1px solid #fff;
    padding: 0;
    margin: 0;
    line-height: 2;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.footer .quick-links .tt:after{
    content:">";
    font-family: cursive;
}
.footer .quick-links .news_list a{
    color: #333;
    padding: 5px 10px;
    box-sizing: border-box;
    display: block;
}
.top-icons img{width: 4vw;height: 4vw;}
}
/* ---------- 手机 (≤480px) ---------- */
@media screen and (max-width: 480px) {
    .header-top {
        height: auto;
    }
.image-cards .card{margin-right:0;margin-bottom: 0;}
.top-icons img{width: 20px;height: 20px;}
.section-tab-divider{
    margin: 0 0.15rem;
}
    .welcome-text {
        /* font-size: 12px; */
        line-height: 24px;
    }


    .logo-group .logo-img {
        height: 40px;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .logo-group .logo-text-svg {
        height: 18px;
    }

    .logo-divider {
        /* display: none; */
    }

    .top-icons {
        width: auto;
    }

    .top-icons img {
        /* width: 20px; */
        /* height: 20px; */
    }

    .top-icons .home-icon {
        margin-right: 10px;
    }

    .featured-title {
        /* font-size: 16px; */
        /* line-height: 24px; */
        text-overflow: -o-ellipsis-lastline;
        overflow:hidden;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .featured-subtitle {
        /* font-size: 13px; */
        /* line-height: 22px; */
    }

    .hero-image .hero-img {
        /* height: 180px; */
    }

    .hero-image .hero-deco {
        height: 30px;
    }

    .hero-image .hero-link {
        /* font-size: 14px; */
        line-height: 24px;
    }

    .hero-image .hero-caption {
        left: 15px;
        right: 15px;
        bottom: 10px;
    }

    .tab-item .tab-label {
        /* font-size: 14px; */
    }

    .section-tab {
        width: auto;
    }

    .section-tab .section-tab-label {
        /* font-size: 16px; */
    }

    .right-banner {
        /* height: 200px; */
    }

    .right-banner .banner-title {
        /* font-size: 15px; */
        /* line-height: 24px; */
    }

    .action-card {
        height: 66px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
.action-card:last-child{width:100%}
.action-card .news_ico{
    margin-bottom: 0.10rem;
    margin-right: 0;
    margin-bottom: 0;
}
    .action-card .action-icon {
        width: 32px;
        height: 32px;
        margin-bottom: 20px;
    }

    .action-card .action-name {
        padding: 0 15px;
    }

    .action-card .action-name .name-text {
        font-size: 15px;
    }

    .links-title .title-text {
        font-size: 18px;
    }

    .person-thumbnails img {
        width: calc(50% - 5px);
    }

    .qrcode-item img {
        width: 70px;
        height: 70px;
    }

    .footer-qrcodes {
        /* -webkit-flex-direction: column; */
        -ms-flex-direction: column;
        /* flex-direction: column; */
    }

    .qrcode-item {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .footer-logo .footer-logo-img {
        height: 40px;
    }

    .logo-divider-footer {
        height: 28px;
        margin: 0 10px;
    }

    .footer-site-name {
        font-size: 18px;
    }
.article .arti_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.links-list li{width:100%;margin-right: 0;}
.links-list li a{border-right:0;padding: 0 10px;}
.links-list li:nth-last-child(-n+6){
    width: calc(100% /2);
}
.links-list li:nth-last-child(-n+4){width: calc(100% /4);}
.image-cards .news_list{display:block;}
.image-cards .slick-arrow{width: 0.3rem;height: 0.45rem;opacity: 1;font-size: 0;box-shadow: initial;margin-top: -0.225rem;}
.image-cards .slick-prev{
    background: url(../images/slickleft_b.svg)no-repeat;
    left: 0;
    background-size: cover;
}
.image-cards .slick-list{
    margin: 0 30px;
}
.image-cards .slick-next{
    background: url(../images/slickright_b.svg)no-repeat;
    right: 0;
    background-size: cover;
}
}

/* ---------- 打印样式 ---------- */
@media print {
    .site-header,
    .nav-bar,
    .footer-qrcodes,
    .action-cards,
    .links-section {
        display: none;
    }

    body {
        color: #000;
        background: #fff;
    }
}