/* =====================================================
   移动端响应式样式 - 仅在屏幕宽度 <= 768px 时生效
   PC端所有样式保持原样，本文件不影响PC端布局
   ===================================================== */

@media screen and (max-width: 768px) {

    /* ---- 全局基础 ---- */
    body {
        overflow-x: hidden;
    }

    /* 覆盖固定 1200px 宽度限制 */
    .w,
    .fullcon,
    .index-container {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0 !important;
    }

    /* wrap 容器 */
    .wrap {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 8px;
        box-sizing: border-box;
    }

    /* ---- 头部 Header ---- */
    header {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* 头部背景图区域 */
    .headtop {
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        padding: 10px 0;
    }

    /* logo 图片 */
    .bzjw-index-logo {
        width: 100% !important;
        height: auto !important;
    }

    /* 头部搜索区域 */
    .search-test {
        width: 100% !important;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .search-test .test-content {
        width: 100% !important;
        margin-top: 8px !important;
        float: none !important;
    }

    /* layui 栅格行在头部内的列重置 */
    .headtop .layui-row {
        width: 100% !important;
    }

    .headtop .layui-col-md4 {
        width: 100% !important;
        float: none !important;
        display: block;
    }

    /* sky/logo 区域 */
    .sky {
        width: 100% !important;
        overflow: hidden;
        height: auto !important;
    }

    /* ---- 导航菜单 ---- */
    .fullcon.clearfix {
        min-width: 0 !important;
        width: 100% !important;
    }

    #Menu {
        width: 100% !important;
        position: relative;
    }

    /* PC端导航隐藏，移动端显示汉堡菜单 */
    #Menu .layui-nav {
        display: none !important;
        flex-direction: column !important;
        width: 100% !important;
        background-color: #064ec0 !important;
        padding: 0 !important;
    }

    #Menu .layui-nav.mobile-nav-open {
        display: flex !important;
    }

    #Menu .layui-nav-item {
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    #Menu .layui-nav-item a.bzjw-home-menu-title {
        font-size: 16px !important;
        display: block;
        padding: 12px 16px !important;
        color: #fff !important;
    }

    /* 汉堡按钮 */
    #mobile-menu-btn {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px;
        background-color: #064ec0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        border: none;
        width: 100%;
        box-sizing: border-box;
    }

    #mobile-menu-btn .hamburger-icon {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    #mobile-menu-btn .hamburger-icon span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        transition: all 0.3s;
    }

    /* ---- 新闻容器 ---- */
    .news_container {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* ---- layui 栅格列在移动端全宽，去掉默认 padding/margin ---- */
    .layui-col-md6_5,
    .layui-col-md5_5,
    .layui-col-md7,
    .layui-col-md5,
    .layui-col-md6,
    .layui-col-md4,
    .layui-col-md3,
    .layui-col-md8 {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .layui-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    /* ---- 内容区域 insider ---- */
    .insider-container {
        width: 100% !important;
        padding: 0 !important;
    }

    .location {
        padding: 8px 0;
    }

    .location h3 {
        font-size: 18px;
    }

    /* ---- 首页 banner 图片 ---- */
    .top-toutiao .fullcon,
    .top-toutiao img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---- 轮播图 Swiper ---- */
    /* 只限定外层容器宽度，swiper-wrapper 和 swiper-slide 宽度由 Swiper 内部计算管理 */
    .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Banner 区域高度自适应 */
    #Banner {
        padding-top: 56% !important;
    }

    .swiper-slide img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---- 新闻列表样式 ---- */
    .news-list {
        height: auto !important;
        max-height: none !important;
    }

    .news-list li {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 8px 0;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .new-list-1 li {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 6px 0;
        white-space: normal !important;
    }

    .new-list-1m li {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 6px 0;
        white-space: normal !important;
    }

    .news-top {
        font-size: 18px !important;
        max-height: none !important;
    }

    /* ---- 新闻标题 ---- */
    .mod-headline .title {
        font-size: 22px !important;
        height: auto !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

    .mod-headline .desc {
        width: 100% !important;
        height: auto !important;
        font-size: 14px !important;
    }

    /* ---- 列表文字截断适配 ---- */
    .tab_info_cont .tab_info_item .pro_item a .right_info {
        width: auto !important;
        float: none !important;
        display: block;
    }

    .tab_info_cont .tab_info_item .pro_item a .right_info1 {
        width: auto !important;
        float: none !important;
        display: block;
    }

    .tab_info_item li {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 8px 0;
    }

    .tab_info_item2 li {
        height: auto !important;
        line-height: 1.6 !important;
        padding: 8px 0;
    }

    /* ---- 轮播图旁头条新闻区域（topnews）居中 ---- */
    .artical06b .artical06b_ .art_info {
        text-align: center !important;
    }

    .artical06b .artical06b_ .art_info .tab_info_cont {
        height: auto !important;
    }

    .artical06b .artical06b_ .art_info .tab_info_cont .tab_info_item {
        height: auto !important;
        padding: 8px !important;
    }

    /* topnews 内 li 居中 */
    .artical06b .tab_info_item li {
        height: auto !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 8px !important;
        line-height: 1.6 !important;
        border-bottom: 1px solid #e8e8e8;
    }

    .artical06b .tab_info_item li .right_info1 {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }

    .artical06b .tab_info_item li .right_info1 h2,
    .artical06b .tab_info_item li .right_info1 h3 {
        text-align: center !important;
        font-size: 18px !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }

    /* ---- 新媒体（xinmt）手机模型更高 ---- */
    .xmt-video {
        float: none !important;
        width: 100% !important;
        max-width: 220px;
        margin: 0 auto 12px auto !important;
        /* 增加高度，让手机模型更长 */
        height: 420px !important;
    }

    .xmt-pic {
        width: 100% !important;
        height: 360px !important;
        border-radius: 16px;
        margin: 15px auto 0 auto !important;
    }

    .xmt-video img {
        width: 100% !important;
        height: 400px !important;
    }

    .xmt-list {
        float: none !important;
        width: 100% !important;
    }

    /* ---- 清风楼兰/网上展厅（qfll）图片居中 ---- */
    .lm_w_383 .banner {
        text-align: center;
    }

    .lm_w_383 .banner a {
        display: block;
        text-align: center;
    }

    .lm_w_383 .banner img {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

    .lm_w_383 .banner .first {
        text-align: center !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-top: 6px;
    }

    /* ---- 新闻视界（xwsj）移动端：JS控制轮播，CSS只负责样式 ---- */
    #J_xwsj_m {
        width: 100% !important;
        overflow: hidden !important;
    }

    #J_xwsj_m .bd {
        width: 100% !important;
    }

    #J_xwsj_m .xwsj-cont {
        width: 100% !important;
    }

    #J_xwsj_m .xwsj-cont ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #J_xwsj_m .xwsj-cont ul li {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        list-style: none !important;
    }

    #J_xwsj_m .xwsj-cont ul li .image {
        display: block !important;
    }

    #J_xwsj_m .xwsj-cont ul li img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 4px;
    }

    #J_xwsj_m .xwsj-cont ul li .swiper-title-bottom {
        width: 100% !important;
        text-align: center !important;
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.5;
        white-space: normal !important;
        overflow: visible !important;
    }


    /* ---- 网上展厅（移动端 padding=0） ---- */
    .online-exhibition-container {
        padding: 0 !important;
    }

    /* ---- 专题幻灯链接图片（移动端调整宽度） ---- */
    #J_ztslide_m img,
    .ztslide-cont ul li img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* ---- 专题幻灯（移动端）整体居中，一次只显示一张 ---- */
    #J_ztslide_m {
        width: 100% !important;
        text-align: center !important;
        overflow: hidden !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    #J_ztslide_m .bd {
        width: 100% !important;
        overflow: hidden !important;
    }

    #J_ztslide_m .ztslide-cont {
        width: 100% !important;
        overflow: hidden !important;
    }

    #J_ztslide_m .ztslide-cont ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* 注意：li 的 display 由 JS 控制，CSS 不设置 display !important */
    #J_ztslide_m .ztslide-cont ul li {
        width: 100% !important;
        text-align: center !important;
        list-style: none !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }


    /* ---- 廉韵清风 section ---- */
    .main-lyqf {
        padding: 20px 8px;
    }

    .main-lyqf .left-side .image,
    .main-lyqf .left-side .image img {
        width: 100% !important;
        height: auto !important;
    }

    .main-lyqf .right-side {
        height: auto !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .main-lyqf .right-side .text-dec {
        width: 100% !important;
        height: auto !important;
    }

    .main-lyqf .right-side .text-dec .title {
        font-size: 28px !important;
    }

    .main-lyqf .right-side .text-dec .limitbox {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .main-lyqf .bd {
        height: auto !important;
        width: 100% !important;
        overflow: visible !important;
    }

    .main-lyqf .inside-bd {
        height: auto !important;
        width: 100% !important;
    }

    .main-lyqf .tempWrap {
        width: 100% !important;
    }

    .main-lyqf .lyqf-silde li,
    .main-lyqf .lyqf-silde li a,
    .main-lyqf .lyqf-silde li img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---- 热搜区域 ---- */
    .main-hotword .hotword-cont {
        height: auto !important;
        min-height: 200px;
    }

    .main-hotword .circle-1 {
        width: 100% !important;
        height: 200px !important;
    }

    .main-hotword .words-box {
        width: 100% !important;
        height: 200px !important;
    }

    /* ---- 友情链接 ---- */
    .main-friend-select .bd {
        width: 100% !important;
    }

    .main-friend-select .middle-bd ul {
        width: 100% !important;
    }

    .main-friend-select .middle-bd ul .friend-item {
        width: 48% !important;
        height: auto !important;
        margin-right: 2% !important;
        margin-bottom: 8px !important;
    }

    .main-friend-select .middle-bd ul .friend-item a,
    .main-friend-select .middle-bd ul .friend-item img {
        width: 100% !important;
        height: auto !important;
    }

    .main-friend-select .bottom-bd {
        width: 100% !important;
        padding: 0 !important;
    }

    .main-friend-select .bottom-bd .inner {
        width: 100% !important;
    }

    .main-friend-select .bottom-bd .inner .select-item {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 12px;
        height: auto !important;
    }

    .main-friend-select .bottom-bd .inner .select-item .select-wraper {
        width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
    }

    /* ---- 新媒体 banner（旧规则已移至上方，保留 mtjj-list）---- */
    .mtjj-list {
        float: none !important;
        width: 100% !important;
    }

    /* ---- 分网站矩阵地图 ---- */
    .main-fzjz .map {
        height: auto !important;
        min-height: 200px;
    }

    /* ---- 网站地图 top ---- */
    .main-friend-select .top-bd .top-meiti {
        width: 100% !important;
        height: auto !important;
        position: static !important;
    }

    .main-friend-select .top-bd .top-map img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---- 底部 Footer ---- */
    /* 覆盖 global.css 中 footer 和 .footer 的固定高度 240px */
    footer {
        height: auto !important;
        min-height: 0 !important;
    }

    footer .footer {
        height: auto !important;
        text-align: center;
        padding: 16px 0 20px !important;
    }

    footer .footer .w {
        width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
    }

    /* 主办单位文字 */
    footer .footer > .w > span:first-child {
        display: block;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.6;
        padding: 0 8px;
        word-break: break-all;
    }

    /* 版权/地址/电话列表 */
    footer .footer ui {
        display: block;
        padding: 0;
        margin: 6px 0;
    }

    footer .footer ui li {
        font-size: 13px;
        display: block;
        text-align: center;
        margin-bottom: 6px;
        line-height: 1.6;
    }

    footer .footer ui li span {
        display: inline;
    }

    /* 地址和电话各占一行 */
    footer .footer ui li span + span + span {
        display: block;
        margin-top: 4px;
    }

    /* logo-box：党政机关图标 + 二维码 */
    .footer .logo-box {
        width: 100% !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px;
        margin: 12px auto 8px !important;
    }

    footer .logo-box .logo {
        float: none !important;
        margin-bottom: 8px;
        text-align: center;
    }

    footer .logo-box .logo.fr {
        float: none !important;
    }

    /* 二维码图片尺寸 */
    footer .logo-box .logo .ft-qcode {
        width: 80px !important;
        height: 80px !important;
    }

    footer .logo-box .logo p {
        font-size: 13px;
        text-align: center;
        margin-top: 4px;
    }

    /* ICP 备案行 */
    footer .footer ui:last-of-type li {
        white-space: normal;
        line-height: 1.8;
    }

    footer .footer ui:last-of-type li a {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 12px;
    }

    footer .footer ui:last-of-type li span {
        display: block;
        margin-bottom: 4px;
    }

    /* ---- 侧边浮动按钮（移动端隐藏） ---- */
    .yb_conct {
        display: none !important;
    }

    /* ---- 文章详情页 ---- */
    .comm_view {
        padding: 0 4px;
    }

    .comm_title h2 {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }

    .comm_title h4 .info {
        display: block;
        font-size: 13px;
        margin-bottom: 4px;
    }

    .comm_content .woo-editor-content {
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .comm_content .woo-editor-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    .comm_content .woo-editor-content table {
        max-width: 100% !important;
        overflow-x: auto;
        display: block;
    }

    .comm_neighbor {
        font-size: 14px;
    }

    .comm_neighbor .prev,
    .comm_neighbor .next {
        float: none !important;
        display: block;
        width: 100% !important;
        margin-bottom: 6px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ---- 图片列表 lm_w_383 ---- */
    .lm_w_383 .image1 {
        width: 100px !important;
        height: 100px !important;
    }

    /* ---- 列表 case example ---- */
    .case-example-item {
        width: 100% !important;
    }

    .case-example-item a .case-pad {
        width: 100% !important;
        height: auto !important;
    }

    /* ---- 公告/路径 ---- */
    .path {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* ---- 搜索框自适应 ---- */
    .test-content input.layui-input {
        width: calc(100% - 57px) !important;
    }

    /* ---- 幻灯轮播 swiperBar ---- */
    .swiper-banner {
        width: 100% !important;
    }

    /* ---- 专题幻灯 ---- */
    .ztslide,
    .ztslide .bd {
        width: 100% !important;
        overflow: hidden !important;
    }

    /* ---- 标题模块 ---- */
    .theme_title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .themetext .title {
        font-size: 18px !important;
    }

    .lm-til h3 {
        font-size: 16px !important;
    }

    /* ---- lists ul li 字体缩小 ---- */
    .lists ul li {
        font-size: 16px !important;
        line-height: 42px !important;
    }

    /* ---- 幻灯片 ---- */
    .first {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* ---- 底部视频动画区域 ---- */
    .mod-slwy {
        height: auto !important;
        min-height: 200px;
        padding: 20px 0;
    }

    .mod-slwy ul {
        width: 100% !important;
    }

    .mod-slwy li {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 12px;
        height: auto !important;
    }

    .mod-slwy video {
        left: 0 !important;
        width: 100% !important;
    }

    .mod-slwy .slwy-title {
        font-size: 18px !important;
        height: auto !important;
        padding: 10px 0;
        background-size: 100% auto !important;
    }

    /* ---- layui form 适配 ---- */
    .layui-form-item .layui-input-block {
        margin-left: 0 !important;
    }

    /* ---- news_container 背景 ---- */
    .news_container {
        background-size: cover !important;
    }

    /* ---- 信息公开 xxgk ---- */
    .xxgktitle {
        font-size: 18px !important;
        padding: 0 8px;
    }

    .xxgkinnertitle {
        height: auto !important;
        line-height: 1.5 !important;
        padding: 10px;
    }

    /* ---- 图片链接 img_link ---- */
    .img_link img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ---- 链接列表自适应 ---- */
    .link1 .linkItm {
        float: none !important;
        display: block;
        margin-right: 0 !important;
        margin-bottom: 4px;
    }

    /* ---- 友情链接模块（首页底部）---- */
    /* 取消固定高度，让内容自动撑开 */
    .artical06 .artical06_ .art_info .tab_info_cont {
        height: auto !important;
        min-height: 0 !important;
    }

    /* 友情链接内容区允许换行；不加 !important，让 JS $.css() 可以覆盖 display */
    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item {
        height: auto !important;
        padding: 10px 8px !important;
        /* display 不设 !important，保留由 JS 控制 */
    }

    /* friend-link 内链接允许换行 */
    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item .intrl_ {
        font-size: 14px !important;
        line-height: 2 !important;
        margin-top: 6px;
    }

    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item .intrl_ .friend-link {
        line-height: 2;
        white-space: normal !important;
        word-break: break-all;
    }

    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item .intrl_ .friend-link a {
        display: inline;
        white-space: normal !important;
        font-size: 14px;
        line-height: 2;
    }

    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item .intrl_ .friend-link em {
        margin: 0 4px;
        font-style: normal;
        color: #999;
    }

    /* 友情链接 Tab 头部 - 移动端图标均匀排列，改为 click 可用 */
    .artical06 .artical06_ .art_info .head_tab {
        height: auto !important;
        display: flex !important;
        flex-wrap: wrap;
        overflow: visible !important;
        cursor: pointer;
    }

    .artical06 .artical06_ .art_info .head_tab span {
        width: 20% !important;
        height: 44px !important;
        flex-shrink: 0;
        cursor: pointer;
    }

    .artical06 .artical06_ .art_info .head_tab span i {
        width: 100% !important;
    }

    .artical06 .artical06_ .art_info .head_tab span i img {
        width: 100% !important;
        height: auto !important;
        max-height: 36px;
        object-fit: contain;
    }

    /* 标题 h4 */
    .artical06 .artical06_ .art_info .tab_info_cont .tab_info_item h4 {
        font-size: 15px !important;
        margin-bottom: 4px;
    }

    /* ---- 互动交流（hdjl）移动端图片高度调整 ---- */
    .main-gzdongtai .img_big {
        width: 100% !important;
        height: 300px !important;
        object-fit: cover !important;
    }

    .main-gzdongtai .img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
    }

}