/* ===================================
   响应式样式 - 移动端适配
   =================================== */

/* 平板设备 (768px - 1024px) */
@media screen and (max-width: 1024px) {
    body {
        min-width: 100%;
    }
    
    .width1254 {
        width: 95%;
        padding: 0 2.5%;
    }
    
    .container {
        width: 100%;
    }
    
    /* 顶部导航调整 */
    .header .header-topbar li {
        font-size: 11px;
    }
    
    .top-input {
        width: 280px;
    }
    
    /* Logo区域 */
    .header .header-logo {
        height: 120px;
        line-height: 120px;
    }
    
    .header .header-logo img {
        width: 45% !important;
    }
    
    /* 导航栏 */
    .cy-nav li {
        width: auto;
    }
    
    .cy-nav li a {
        padding: 0 15px;
        font-size: 15px;
    }
    
    /* 轮播图 */
    .swiper-main-container {
        width: 55%;
        height: auto;
    }
    
    .news_yaowen {
        width: 42%;
    }
    
    /* 新闻列表 */
    .index-second_box {
        flex-wrap: wrap;
    }
    
    .news_box,
    .notice_box {
        width: 48%;
        margin-bottom: 20px;
    }
    
    /* 第三行布局 */
    .index_third_left {
        width: 55%;
    }
    
    .index_third_right {
        width: 42%;
    }
    
    /* 专家轮播 */
    .swiper-expert-container {
        width: 100%;
    }
    
    /* 期刊和快速入口 */
    .journal_website {
        flex-wrap: wrap;
    }
    
    .journal_box,
    .website_box {
        width: 48%;
        margin-bottom: 20px;
    }
    
    /* 联系我们 */
    .contact_info {
        width: 70%;
    }
    
    .contact_qrcode {
        width: 25%;
    }
}

/* 小平板和大手机 (640px - 768px) */
@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
        font-size: 14px;
    }
    
    .width1254 {
        width: 96%;
        padding: 0 2%;
        margin: 0 auto;
    }
    
    /* 顶部栏 */
    .header .header-topbar {
        height: auto;
        padding: 8px 0;
    }
    
    .header .header-topbar ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .header .header-topbar li.time {
        float: none;
        font-size: 12px;
    }
    
    .top-input {
        width: 200px;
        height: 30px;
    }
    
    /* Logo */
    .header .header-logo {
        height: 100px;
        line-height: 100px;
    }
    
    .header .header-logo img {
        width: 60% !important;
    }
    
    /* 导航 - 横向滚动 */
    .header .header-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .cy-nav {
        width: max-content;
        display: flex;
    }
    
    .cy-nav li {
        width: auto;
        flex-shrink: 0;
    }
    
    .cy-nav li a {
        padding: 0 12px;
        font-size: 14px;
        white-space: nowrap;
    }
    
    /* 子导航 */
    .cy-nav li > ol.child-nav {
        position: fixed;
        top: auto;
        left: 0;
        width: 100%;
        background-color: #0e67bb;
    }
    
    /* 轮播图和新闻 */
    .news_yaowen_box {
        display: flex;
        flex-direction: column;
    }
    
    .news_banner {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    
    .swiper-main-container {
        width: 100%;
        height: auto;
    }
    
    .swiper-main-container .swiper-slide img {
        height: 250px;
        object-fit: cover;
    }
    
    .news_yaowen {
        width: 100%;
        margin-left: 0 !important;
        height: auto;
    }
    
    #news_yaowen_title li:last-child {
        width: auto;
        flex: 1;
    }
    
    /* 新闻列表 */
    .index-second_box {
        flex-direction: column;
    }
    
    .news_box,
    .notice_box {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .news-list li a {
        max-width: 100% !important;
        font-size: 14px;
    }
    
    /* 第三行布局 */
    .index_third_left,
    .index_third_right {
        width: 100%;
        float: none;
    }
    
    .third_left_one {
        flex-direction: column;
    }
    
    .third_left_one .news_box {
        margin-bottom: 20px;
    }
    
    /* 专家轮播 */
    .swiper-expert-container {
        width: 100%;
        height: auto;
    }
    
    .swiper-expert-container .swiper-slide img {
        width: 120px;
    }
    
    .expert_info {
        left: 140px;
        width: calc(100% - 160px) !important;
    }
    
    /* 大图活动 */
    .home_big_act {
        margin: 20px 0;
    }
    
    /* 期刊和快速入口 */
    .journal_website {
        flex-direction: column;
    }
    
    .journal_box,
    .website_box {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .index-img-list {
        flex-wrap: wrap;
    }
    
    .index-img-list li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    
    .index-img-list li:nth-child(2n) {
        margin-right: 0;
    }
    
    .website_box .website_list li {
        width: 48%;
        margin-right: 4%;
    }
    
    .website_box .website_list li:nth-child(2n) {
        margin-right: 0;
    }
    
    /* 友情链接 */
    #link_title {
        flex-wrap: wrap;
    }
    
    #link_title li a {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    /* 联系我们 */
    .index_contact_us {
        height: auto;
        padding: 20px 0;
    }
    
    .contact_info {
        width: 100%;
        float: none;
        padding: 20px 0;
    }
    
    .contact_info p {
        line-height: 30px;
        font-size: 13px;
    }
    
    .contact_info p i {
        display: none;
    }
    
    .contact_qrcode {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    
    .contact_qrcode ul {
        justify-content: center;
    }
    
    /* 版权 */
    .copyright_box {
        height: auto;
        padding: 15px 0;
    }
    
    .copyright_box p {
        line-height: 1.6;
        height: auto;
        font-size: 12px;
    }
}

/* 手机端 (小于 640px) */
@media screen and (max-width: 640px) {
    body {
        min-width: 100%;
        font-size: 13px;
    }
    
    .width1254 {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .mgt20 {
        margin-top: 15px;
    }
    
    /* 顶部栏 */
    .header .header-topbar {
        padding: 5px 0;
    }
    
    .header .header-topbar li.time {
        font-size: 11px;
        background-size: 12px;
        padding-left: 18px;
    }
    
    /* 搜索框 */
    .top-input {
        width: 150px;
        height: 28px;
        font-size: 11px;
    }
    
    /* Logo */
    .header .header-logo {
        height: 80px;
        line-height: 80px;
    }
    
    .header .header-logo img {
        width: 70% !important;
    }
    
    /* 导航 */
    .cy-nav li a {
        padding: 0 10px;
        font-size: 13px;
    }
    
    /* 轮播图 */
    .swiper-main-container .swiper-slide img {
        height: 200px;
    }
    
    .swiper-main-container .swiper-slide p {
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
    }
    
    /* 新闻标题 */
    #news_yaowen_title li a {
        font-size: 16px;
        padding-left: 40px !important;
    }
    
    #news_yaowen_title li.zhanlueyuan a,
    #news_yaowen_title li.kejibu a {
        background-position-x: 15px !important;
    }
    
    /* 新闻详情 */
    .top_news .news-detail h2 {
        font-size: 15px;
        line-height: 22px;
    }
    
    .top_news .news-detail p {
        font-size: 13px;
        line-height: 22px;
    }
    
    /* 栏目标题 */
    .channel_title li span {
        font-size: 16px;
    }
    
    .channel_title li img {
        height: 15px;
        margin-right: 8px;
    }
    
    /* 新闻列表 */
    .news-list li {
        font-size: 13px;
    }
    
    .news-list li a {
        font-size: 13px;
        line-height: 32px;
    }
    
    .news-list li a:after {
        top: 14px;
    }
    
    .news-list li span {
        display: none;
    }
    
    /* 通知栏 */
    .notice_box {
        width: 100% !important;
    }
    
    .notice_box .channel_title {
        height: 45px;
        line-height: 45px;
    }
    
    .notice_box .channel_title li {
        padding-left: 15px;
        line-height: 44px;
    }
    
    /* 专家轮播 */
    .swiper-expert-container .swiper-slide {
        padding: 15px;
    }
    
    .swiper-expert-container .swiper-slide img {
        width: 100px;
    }
    
    .expert_info {
        left: 120px;
        top: 15px;
    }
    
    .expert_info h3 {
        font-size: 15px;
        line-height: 24px;
    }
    
    .expert_info p {
        font-size: 12px;
        line-height: 20px;
    }
    
    /* 期刊图片 */
    .index-img-list li {
        width: 100%;
        margin-right: 0;
        height: auto;
    }
    
    /* 快速入口 */
    .website_box .website_list li {
        width: 100%;
        margin-right: 0;
        height: 100px;
    }
    
    /* 友情链接 */
    #link_title li {
        margin-bottom: 8px;
    }
    
    #link_title li a {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    /* 联系我们 */
    .contact_info .title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .contact_info p {
        font-size: 12px;
        line-height: 24px;
    }
    
    /* 版权 */
    .copyright_box p {
        font-size: 11px;
    }
    
    .copyright_box p img {
        width: 20px !important;
        height: auto !important;
    }
}

/* 超小屏幕 (小于 375px) */
@media screen and (max-width: 375px) {
    .width1254 {
        padding: 0 10px;
    }
    
    .header .header-logo {
        height: 60px;
        line-height: 60px;
    }
    
    .header .header-logo img {
        width: 80% !important;
    }
    
    .top-input {
        width: 120px;
        font-size: 10px;
    }
    
    .cy-nav li a {
        padding: 0 8px;
        font-size: 12px;
    }
    
    .swiper-main-container .swiper-slide img {
        height: 160px;
    }
    
    #news_yaowen_title li a {
        font-size: 14px;
        padding-left: 35px !important;
    }
    
    .channel_title li span {
        font-size: 14px;
    }
    
    .news-list li a {
        font-size: 12px;
    }
}

/* ===================================
   移动端导航菜单按钮（可选）
   =================================== */
@media screen and (max-width: 768px) {
    /* 添加汉堡菜单按钮 */
    .mobile-menu-toggle {
        display: none;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        cursor: pointer;
        z-index: 1000;
    }
    
    .mobile-menu-toggle span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: #fff;
        margin: 5px 0;
        transition: 0.3s;
    }
}

/* ===================================
   图片自适应
   =================================== */
@media screen and (max-width: 1024px) {
    img {
        max-width: 100%;
        height: auto;
    }
    
    .news_yaowen .news-list li a {
        max-width: 100%;
    }
    
    /* 确保所有图片不超出容器 */
    .news-content img,
    .website_content img {
        max-width: 100%;
        height: auto;
    }
}

/* ===================================
   表格自适应
   =================================== */
@media screen and (max-width: 768px) {
    table {
        width: 100%;
        overflow-x: auto;
        display: block;
    }
    
    th, td {
        font-size: 13px;
        padding: 8px 5px;
    }
}

/* ===================================
   内页响应式样式
   =================================== */
@media screen and (max-width: 768px) {
    /* 介绍页面 */
    .intro-body .intro-menu {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .intro-body .intro-right {
        width: 100%;
        float: none;
    }
    
    .right-nav li {
        width: 100%;
        padding-left: 40px;
    }
    
    /* 新闻详情 */
    .news-detail-box {
        padding: 0 20px;
        padding-top: 20px;
    }
    
    .news-detail-box h1 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .news-head {
        font-size: 12px;
        line-height: 35px;
    }
    
    .news-detail-box .news-content {
        font-size: 14px;
        line-height: 28px;
    }
    
    /* 上一篇下一篇 */
    .news-detail-foot .news-up-down {
        width: 100%;
        float: none;
    }
    
    .news-detail-foot .news-share {
        width: 100%;
        float: none;
        text-align: left;
        margin-top: 15px;
    }
    
    /* 分页 */
    .pagination {
        margin-top: 30px;
    }
    
    .pagination > li > a,
    .pagination > li > span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin-left: 8px;
    }
    
    /* 党建页面 */
    .dangjian_second_box {
        flex-direction: column;
    }
    
    .dangjian_second_box > div {
        width: 100%;
    }
    
    .dangjian_second_box .new-img-box img {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 15px;
    }
    
    .dangjian_second_box .new-img-box .news-info {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    
    .branch_list .info {
        width: 100%;
        margin-right: 0;
        height: auto;
        padding: 20px;
    }
    
    .dangjian_act {
        flex-direction: column;
    }
    
    .dangjian_act li {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    
    /* 研究报告 */
    .research_box .research_info {
        width: 100%;
        margin-right: 0;
        float: none;
    }
}

/* ===================================
   触摸设备优化
   =================================== */
@media (hover: none) and (pointer: coarse) {
    /* 增加可点击区域 */
    .cy-nav li a {
        min-height: 44px;
    }
    
    .news-list li a {
        min-height: 44px;
        display: block;
    }
    
    #link_title li a {
        min-height: 44px;
        display: inline-block;
    }
    
    /* 移除hover效果 */
    .cy-nav > li:hover > a::after {
        display: none;
    }
    
    .cy-nav > li.active > a::after {
        display: block;
    }
}