/* ========================================
   手机端 / 平板端适配 - media.css
   ======================================== */

/* 默认隐藏移动端专用元素 */
.mobile-logo { display: none; }
.menu-toggle  { display: none; }

/* ================================================
   平板 + 手机适配 (≤ 1200px)
   ================================================ */
@media screen and (max-width: 1200px) {
.content16 img{
width: 100%;
}
.mobile-search{
display:flex !important;
justify-content: center;
}
.mobile-search .search{
display:block !important;
margin:20px 0;
}
.mobile-search .search input[type='text']{
background: #cc0e07;
}
    /* --- 通用宽度 --- */
    .w1200 {
        width: 100%;
    }

    .box {
        width: 100%;
        text-align: center;
    }
    .part{
        display: flex;
        
    }
    .middle{
        margin: 0 30px;
    }
   
    .imagelist{
        display: none;
    }
        .container {
        padding: 15px;
    }
    /* --- 轮播图 --- */
    .swiper-container,
    .swiper-container.main-banner {
        width: 100% !important;
        height: 200px !important;
    }

    .swiper-slide {
        height: 280px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .swiper-slide img.baimg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .leftbg,
    .rightbg {
        display: none;
    }

    /* --- 图片自适应 --- */
    .imagelist li img        { width: 100%; height: auto; }
    .zhuantiimg a img        { width: 100%; height: auto; }
    .boxDb .title_img img    { width: 100%; height: auto; }

    /* ================================================
       Header 重构
       ================================================ */

    /* 隐藏顶部时间/快捷栏 */
    .header_top {
        display: none;
    }

    /* header_box: 去掉装饰背景图，改为 flex 横向布局 */
    .header_box {
        background-image: none !important;
        height: 60px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    /* 移动端 Logo */
    .mobile-logo {
        display: block;
        height: 46px;
        width: auto;
        max-width: 70%;
    }

    /* 隐藏桌面端搜索框 */
    .search {
        display: none;
    }

    /* 汉堡按钮 */
    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 42px;
        height: 36px;
        background: transparent;
     
        padding: 7px;
        box-sizing: border-box;
        cursor: pointer;
        flex-shrink: 0;
    }

    .menu-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        border-radius: 1px;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transform-origin: center;
    }

    /* 汉堡 → X 动画 */
    .menu-toggle.open span:nth-child(1) {
        transform: translateY(13px) rotate(45deg);
    }

    .menu-toggle.open span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }

    .menu-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* ================================================
       Header Nav 下拉菜单
       ================================================ */

    /* 默认隐藏 */
    .header_nav {
        display: none !important;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #fff;
        flex-direction: column;
        padding: 0;
        margin: 0;
        overflow-y: auto;
        max-height: calc(100vh - 60px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        /* 覆盖桌面端样式 */
        border-radius: 0;
        line-height: 1;
    }

    /* 展开状态 */
    .header_nav.nav-open {
        display: flex !important;
        height: 100%;
    }

    .header_nav li {
        float: none;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
    }

    .header_nav li a {
        display: block;
        padding: 16px 20px;
        color: #333;
        font-size: 16px;
        font-weight: normal;
        white-space: normal;
    }

    /* 右侧箭头 */
    .header_nav li::after {
        content: '›';
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #b60d2e;
        font-size: 30px;
        font-weight: bold;
        pointer-events: none;
    }

    .header_nav li:hover {
        background: #fef5f7;
    }

    .header_nav li:hover a {
        color: #b60d2e;
    }
    .part2.part{
        flex-wrap: wrap;
    }
    .part2 .left{
        width: 100%;
    }
    .part2 .page_box{
        width: 45%;
    }
    .part2 .right{
          width: 100%;
    }
    .elsebox{
        
        flex-wrap: wrap;
    }
    .elsebox .bb{
        width: 100%;
    }
   .elsebox .xszz-box{
        width: 45%;
    }
    .zttj-box{
        width: 100% !important;
        margin-bottom: 30px;
    }
    .zhuantiimg a{
         width: 100% !important;
    }
    .footer .box{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fat .son{
        position:unset;
        margin-top: 20px;
    }
    .xszz-more{
        /* display: flex; */
        justify-content: space-between;
    }
    .partm{
    width: 100%;
    flex-wrap: wrap;
        display: flex;
    justify-content: space-between;
    }   
 .partm .partc {
        width: 48% !important;
        margin-top: 20px;
    }
    .menu{
        display: none;
    }
    .main_right{
        float: none;
        width: 90%;
        margin: 0 auto;
    }
     .main_right .content{
        padding: 0;
        overflow: unset;
        min-height: unset;
     }
    .article .art_con{
        width: 100%;
        overflow: unset;
        padding: 20px 0;
    }
    .content16{
        min-width: 320px;
        padding: 0;
    }
     .main_right .article{
        width: 100%;
    }
     .main_right .article h1,.main_right .article .source{
        width: 100%;
    }
    .pb_sys_common{
        margin: 30px 0 !important;
    }
    .desc-page .pagebanner_con{
        width: 100%;
    }
    .desc-page{
        display: flex;
        flex-direction: column;
    }
   .desc-page .menu{
        width: 100%;
        margin-top: 0;
        display: block;
    }
   .desc-page .main_left{
        width: 100%;
    }
}

@media screen and (max-width: 992px){
    .content dl dt img{
        /* width: 100px;
    height: 71px; */
    display: none;
    }
    .content dl{
        padding-left: 0;
    }
   .main_right .line3{
        -webkit-line-clamp: 1;
    }
    .content dl dd p{
        text-indent: 0;
    }
    .content dl{
        min-height: 71px;
    }
    .part {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .part .middle{
        margin: 0 !important;
    }
    .part .page_box{
        width: 45%;
        margin-left: 0px !important;
    }
    .part .elsebox{
        width: 100%;
    }
    .part.elsebox{
        width: 100%;
    }
     .part.elsebox .bb{
        width: 45%;
    }
      .part.elsebox .fr{
        /* width: 100% !important; */
      }
      
      .part.elsebox .zhuantiimg,.part.elsebox .zhuantiimg a{
        width: 100% !important;
      }
    .part2.part .left{
        width: 100%;
    }
    .part2.part .right{
        width: 100%;
        margin-bottom: 28px;
    }
}
/* ================================================
   手机端专属 (≤ 768px)
   ================================================ */
@media screen and (max-width: 768px) {
    .partm .partc{
        width: 100% !important;
    }
    /* 轮播图更矮 */
    .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

    /* 主容器 */
 

    /* 三栏内容块纵向排列 */
    .page_box {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }

    /* 广告横幅 */
    .container > a > img {
        width: 100%;
        height: auto;
    }

    /* part2：基层团建 + 右侧 纵向 */
    .part2 {
        flex-direction: column;
    }

    .part2 .left {
        width: 100%;
    }

    .part2 .right {
        width: 48% !important;
        margin-top: 20px;
    }
   

    /* 图片列表每行 2 张 */
    /* .imagelist {
        display: flex;
        flex-wrap: wrap;
    }

    .imagelist li {
        width: 50% !important;
        float: none;
    } */

    /* 学生组织 / 专题推荐区域全宽 */
    .container > .clearfloat > .fl,
    .container > .clearfloat > .fr {
        width: 100% !important;
        float: none !important;
    }

    /* 专题推荐纵向 */
    .zhuantiimg {
        display: flex;
        flex-direction: column;
    }

    /* 友情链接每行 3 列 */
    .links ul {
        flex-wrap: wrap;
        padding: 10px 0;
        justify-content: flex-start;
    }

    .links li {
        width: 33.33%;
        height: auto;
        line-height: 2.5;
        text-align: center;
        float: none;
    }

    /* 底部 */
    .footer {
        padding: 30px 15px;
    }

    .footer__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__links__item {
        margin-bottom: 6px;
    }

    .footer .qr {
        position: static;
        margin-top: 15px;
    }

    .footer .qr__img {
        width: 70px;
        height: 68px;
        margin-right: 15px;
    }

    /* 字体 */
    .list li a    { font-size: 14px; }
    .title h1     { font-size: 18px; }
    .titleDb li a { font-size: 18px; }
}