*{
	margin:0 auto;
    padding:0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "PingFang SC", "Microsoft YaHei",
               sans-serif;
	
}

body{ margin:0 auto; color:#1F1F1F; font-size:14px; word-wrap:break-word; line-height:22px; letter-spacing: 0.6px;}

ul,li,ol,dl,dt,dd,p{padding:0;margin:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;}

img {border:none; vertical-align:middle;}
input,button {vertical-align:middle;}
i,em{font-style:normal;}
button{cursor:pointer;}
.clear{ clear:both;}

/*a*/
a {color:#1F1F1F;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {color:# 00A0E9;text-decoration: underline;}
.font_grey{ color:#989898;}
.font_blue{ color:#012A6A;}
.font_tit20{ font-size:20px; font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-weight: 500; line-height: 30px;}
.font_tit18{ font-size:18px;  line-height:28px; padding-top:10px;}
.date_gery{ color:#aaaaaa; }
.font_gold{ color: #c69521;}
.date_gold{ color: #c69521; line-height: 28px;}
.padding_5{ padding-top: 5px; padding-bottom: 5px;}

.w1200{ margin:0 auto; width: 1200px; } 


.margin_b10{  margin-bottom:10px;}
.margin_b20{  margin-bottom:20px;}
.border_img{ border:1px solid #CFCFCF; padding:5px;}
.border4{ border:1px solid #D6D6D6;}
.border_s2{ border-left:1px solid #CECECE; border-right:1px solid #CECECE; background:#FFFFFF;}
.bor_bz{ border:1px solid #E0E0E0;}
.index_ad01{ width: 100%; height: 160px; margin-bottom: 20px;}
.index_ad02{ width:100%; height: 170px; margin-bottom: 20px;}
.index_ad03{ width:100%; height: 140px; margin-bottom: 20px;}
.index_ad03 img{ width:100%; height: 140px; }
.l_ad01{ width:100%; height:150px; margin-bottom: 25px;}
.l_ad01 img{ widht:100%; height:150px;}
.R_ad03{ float:left; width:415px; height:60px; margin-bottom:15px;}
.R_ad03 img{ width: 100%;}
.R_ad04{ width:100%; height:90px; margin-bottom: 20px;}
.R_ad04 img{ width: 100%;}

.zz_iframe{ text-align: center;}
.zz_iframe iframe{width:100%; max-width: 848px; height: 500px;}


#wrap {
    width: 100%;
    /* 删除了过时的 expression 表达式 */
}

/* 关键：当屏幕宽度小于 1170px（移动端）时执行以下代码 */
@media screen and (max-width: 1170px) {
    #wrap {
        min-width: 100%; /* 允许宽度缩小到手机屏幕的 100% */
        overflow-x: hidden; /* 防止部分溢出元素撑开屏幕 */
    }
}

/*-------------------------------index-------------------------------*/

#header_top{ background:#c4a896; height:120px; width: 100%; margin:0 auto;}
#header_top .l_logo{ float:left; width:28%; padding-top:5px;}
#header_top .R_yuyan{ float:right; width:15%; overflow:hidden; text-align: right; font-size:14px; margin-top: 40px;}
#header_top .R_yuyan a{ color:#fff; font-size: 16px; font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-weight: 700;}
#header_nav{ background:#791810; height:42px; margin-bottom:20px; }
#header_nav .navbox{ width: 1200px; height:42px; }
#header_nav .navbox ul li{ float:left; height:42px; line-height:42px; margin:0px 54px; }
#header_nav .navbox ul li a{ font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';; font-size:18px; color:#FFF; width:100%; text-align:center; display:block;}
#header_nav .navbox ul li a:hover{ color:#e7cfa3; text-decoration:none;}
#u1233 {
  border-width:0px;
  float: left;
  margin-left: 10%;
  margin-top: 40px;
  width:44%;
  background-color:#fff;}
#u1233_input {
  width:453px;
  height:30px;
  padding:0 10px;
  background-color:#fff;
  border:0px;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  color:#666666;
  text-align:left;
  outline-style:none;
}
#ssbut{ background:url(../img/SS01.jpg) no-repeat left center; height: 30px; width: 30px; border: 0px; cursor: pointer;}

.i_jrywbox{ float: right; width: 470px; height: 333px; margin-bottom: 20px;}
.i_jrywtit{ background:#636b6d; height: 40px; line-height: 40px; font-size:16px; color: #fff; padding:0 20px; margin-bottom: 20px;}
.i_jrywtit span{ float:right;}
.i_jrywbox ul li{  border-bottom:1px dotted #e9e9e9; line-height: 30px; padding-top:4px; padding-bottom:4px;}
.i_jrywbox ul li .p01{background: url(../img/play_arrow_u182.png)no-repeat left center; padding-left: 20px; font-size: 16px;}
.i_jrywbox ul li .p02{ color: #999; padding-left: 20px;}
.i_jrywbox ul li:hover{color:#c69521;}
.i_leftd{ float:left; width: 65%;}
.i_rightd{ float: right; width:33%; }

.i_kandianbox{}
.i_kandianbox ul li{border-bottom:1px dotted #e9e9e9; margin-bottom: 15px;  }
.i_kandianbox ul li dl dt{ float:left; width:225px; height: 145px; margin-right: 20px; margin-bottom: 15px; }
.i_kdtitle{ font-size: 18px; color:#c69521; border-bottom: 1px solid #c69521; line-height: 40px; font-size:20px;font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; margin-bottom: 15px;}
.i_kdtitle span a{ float:right; color:#666; font-size: 16px;}



.image-stack {
  position: relative;   /* 为内部绝对定位提供参考 */
  display: inline-block; /* 让容器宽度自适应内容 */
  max-width: 100%;       /* 响应式限制 */
}

.base-img {
  display: block;
  width: 396px;           /* 使图片充满容器，保持比例 */
  height: 296px;
}

.overlay-img {
  position: absolute;
  top: 35%;             /* 距离容器顶部 10px */
  right: 40%;           /* 距离容器右侧 10px */
  width: 60px;           /* 控制小图尺寸 */
  height: auto;
  z-index: 1;            /* 确保在上层 (可选) */
}

.base-img2 {
  display: block;
  width: 100%;           /* 使图片充满容器，保持比例 */
}

.overlay-img2 {
  position: absolute;
  top: 40%;             /* 距离容器顶部 10px */
  right: 40%;           /* 距离容器右侧 10px */
  width: 40px;           /* 控制小图尺寸 */
  height: auto;
  z-index: 1;            /* 确保在上层 (可选) */
}

.overlay-img3 {
  position: absolute;
  top: 40%;             /* 距离容器顶部 10px */
  right: 40%;           /* 距离容器右侧 10px */
  width: 30px;           /* 控制小图尺寸 */
  height: auto;
  z-index: 1;            /* 确保在上层 (可选) */
}

.i_dzzzbox{}
.i_dzzzbox ul li{ float: left; width:14.6%; margin-right:2%; height: 250px; line-height: 30px; margin-bottom: 20px; }
.i_dzzzbox ul li a{ font-size:16px;}
.i_xlztbox{}
.i_xlztbox ul li{ float: left; width:23%; margin-right:2%; height: 210px; line-height: 30px; margin-bottom: 20px; }
.i_xlztbox ul li a{ font-size:16px;}

/* 原有样式保留 + 新增动画样式 */
        .i_lsdwbox { 
            width: 100%; 
            height: 140px; 
            overflow: hidden; /* 隐藏超出部分，核心 */
            margin-bottom: 30px;
            position: relative; /* 为ul绝对定位做铺垫 */
        }
        /* 核心修改：ul改为flex布局（替代float），方便动画位移 */
        .i_lsdwbox ul {
            display: flex; /* 横向排列 */
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute; /* 开启位移动画 */
            top: 0;
            left: 0;
            /* 关键：宽度 = 原列表宽度 × 2（克隆一份实现循环）
               原列表：9个li × (220px + 15px) = 9×235=2115px → 双倍=4230px
            */
            width: 4230px; 
            /* 动画：总时长20s（可调整）、无限循环、匀速滑动 */
            animation: scrollLeft 20s linear infinite;
        }
        /* 原有li样式保留（去掉float，flex已实现横向排列） */
        .i_lsdwbox ul li { 
            width:220px; 
            margin-right: 15px; 
            height:140px; 
            flex-shrink: 0; /* 禁止li收缩，保证尺寸固定 */
        }
        /* 图片样式：确保填充li容器 */
        .i_lsdwbox ul li img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 避免图片变形 */
        }
        /* 清除浮动样式（保留，不影响） */
        .clear {
            clear: both;
        }
        /* 核心动画：向左无限滑动 */
        @keyframes scrollLeft {
            0% {
                transform: translateX(0); /* 初始位置 */
            }
            100% {
                /* 位移距离 = -原列表总宽度（2115px），滑到克隆列表位置 */
                transform: translateX(-2115px); 
            }
        }
        /* 可选：鼠标悬停暂停动画，提升体验 */
        .i_lsdwbox:hover ul {
            animation-play-state: paused;
        }
.indexpage{width: 55%; margin-left: auto;margin-right: auto; margin-bottom: 20px;}

.i_dbggbox{}
.i_dbggbox ul li{ float:left; width: 23%; margin-right: 2%; height: 110px; margin-bottom: 25px;}
.i_dbggbox ul li img{ width:100%; height:110px;}

.i_renwubox{ box-shadow:0 3px 8px rgba(0,0,0,0.2); padding: 15px; height:430px;}
.i_rwimg{ width:100%; height: 250px; margin-bottom: 5px;}
.i_rwimg img{ width:100%; height:250px;}
.i_syhd{ height:260px;}
.i_syhd .img1{ width: 100%; height:223px;}
.i_syhd .img1 img{ height:223px;}
.i_syhd .tit1{ border-bottom: 2px solid #cdcdcd; height:36px; line-height: 36px; font-size:16px;}
.i_syhd .tit1 a:hover{ text-decoration: none; color: #c69521;}

.ndqwz {
 border-bottom:1px solid #f0f0f0; line-height:30px; color: #999; margin-bottom:25px;
}
.ndqwz li a{color: #666;}
.ndqwz > li {
  display: inline-block;
}
.ndqwz > li + li:before {
  content: "/\00a0";
  padding: 0 15px;
  color: #666;
}
.ndqwz > .active {
  color: #777777;
}

.tufada_div {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}

.image-container {
  overflow: hidden;

}

.image-container img {
  width: 100%;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* 鼠标悬停效果：放大 + 弹跳 */
.image-container img:hover {
  transform: scale(1.2);
}
   .i_img-box {
      position: relative;
      overflow: hidden;
      font-family: Arial, sans-serif;
    }

    .i_img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* 标题 = 半透明背景 + 文字 */
    .iimg_title {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 98.3%;
      background: rgba(0, 0, 0, 0.55);
      color: #fff;
      font-size: 16px;
      display: flex;
      align-items: center;
      padding-left: 10px;
    }
.iimg_title a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
    .iimg_title2 {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 96%;
      background: rgba(0, 0, 0, 0.55);
      color: #fff;
      font-size: 13px;
      display: flex;
      align-items: center;
      padding-left: 10px;
	  padding-right:10px;
		line-height: 18px;
    }
.iimg_title2 a{
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

/* 鼠标悬停明暗度 */
.img-hover-b{

	filter:brightness(80%);
	transition: 0.3s ease;
}
.img-hover-b:hover{filter:brightness(100%);}



.link_box{width: 1200px; border-bottom:1px solid #c69521; border-top:1px solid #c69521; padding: 8px 0; }
.link_box h4{ float:left; line-height: 32px; font-size: 15px;}
.link_box ul li{ float:left; margin-right:30px; line-height:32px;}


#footer{ height:120px; margin-top: 15px; text-align: center; line-height: 24px;}
#footer .foot_grey{ color:#838383; font-size:13px; line-height: 23px;}
#footer .f_menu a{ color: #000; font-size:14px;}
#footer .f_menu a:hover{ text-decoration:none; color:#c69521;}
#footer .f_menu{ height:36px; line-height:36px; margin-bottom:10px;  font-size: 16px;}

.foot_qrcode_wrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.foot_qrcode_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.foot_qrcode_list li {
    width: 200px;
    height: 110px;
    padding-top: 5px;
    text-align: center;
}

.ny_left{ float:left;width:24.5%;}
.ny_right{float:right; width:71%;}
.ny_box{}
.n_page_box{ text-align: center; margin: 10px 0px;}
.news_bar{height:400px; *height:388px; overflow:hidden;}
.n_b_left{ float:left;}
.n_b_right{ float:right; width:255px;}

.news_list{}
.news_list ul li{border-bottom:1px dotted #e9e9e9; margin-bottom: 15px;  }
.news_list ul li dl dt{ float:left; width:225px; height: 145px; margin-right: 20px; margin-bottom: 15px; }
.ny_cytitle{ height: 40px; line-height: 40px; background:#f2f2f2; border-bottom: 1px solid #c69521; margin-bottom: 20px;}
.ny_cytitle span{ float:left; background:#c69521; padding:0 40px; text-align: center; font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-size:18px; color: #fff; }
.zccy_box h4{ background:#f2f2f2; height:40px; line-height:40px; font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-size:18px; color: #333333; border-bottom:1px solid #e1e1e1; padding-left: 15px; margin-bottom: 20px;}
.zccy_box ul{ margin-bottom: 25px;}
.zccy_box ul li{ float:left; background:#169bd5; text-align: center; padding:0 20px; margin-right:15px; margin-bottom:15px; line-height:32px; height:32px; border-radius:5px;}
.zccy_box ul li:hover{ background:#c69521; }
.zccy_box ul li a{ color:#fff; font-size: 18px; }
.nyrdwz_box{}
.nyrdwz_box h4{border-bottom: 1px solid #cccccc; font-size:18px; color:#c69521; height: 40px; line-height: 40px; font-weight:400;  margin-bottom: 20px; }
.nyrdwz_box ul li{ border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding-bottom: 5px; }
.rdwz_title1{ font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-size:16px; font-weight:500; color: #333333; }
.rdwz_con{ color:#666666; margin-bottom: 6px; margin-top: 5px;}

.news_con{ font-size:16px; line-height: 28px; }
.news_con .h3_title{ font-size:24px; line-height:32px; margin-bottom:8px; margin-top:15px; font-weight:400; text-align: center;}
.news_con .h5_title{ font-size:12px;  line-height:30px; color:#666666; font-weight:200; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; text-align: center;}
.news_con img{max-width: 100%; margin-bottom: 10px; }

/*杂志*/
.ny_zztitle{ height: 40px; line-height: 40px;  border-bottom: 1px solid #c69521; margin-bottom: 20px; font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-size:18px;  color:#c69521; }
.ny_zazhi_list{}
.ny_zazhi_list ul li{ float:left; width:21%; margin-right:4%; height: 288px; margin-bottom: 25px; line-height:24px; font-size:16px;}
.ny_zazhi_list ul li img{ width:100%; height:238px;}

/*活动*/
.houdong_list{}
.houdong_list ul li{ margin-bottom: 25px;}
.houdong_list ul li .img{ width: 100%; height: 285px; overflow: hidden;}
.houdong_list ul li .title{ text-align: center; line-height: 45px; height:45px; font-size:20px; font-weight:500;}
.houdong_list ul li .title a:hover{ text-decoration: none; color:#840505;}
.houdong_list ul li .jies{ border: 1px solid #999999; padding: 15px; color:#515151;}
.houdong_list ul li .font_red{ color: #cc0000;}
.houdong_con{ width:100%; margin-bottom: 25px;}
.houdong_con img{ max-width:100%;}


/*视频*/
.sp_zhanhui{float:left; width: 70%;}
.sp_zhanh_l{}
.sp_zhanh_l ul li{ float:left; width:31%; margin-right: 2.3%;}
.sp_zhanh_l ul li .p1{ height:172px;  position: relative; }
.sp_zhanh_l ul li .p2{ height:36px; line-height: 36px; border-bottom:1px solid #cccccc; margin-bottom: 20px; font-size:16px;}
.sp_rwzf{ float:right; width:28%;}
.sp_rwzf_l{}
.sp_rwzf_l ul li{ float:left; width:46%; margin-right: 4%;}
.sp_rwzf_l ul li .p1{ height:110px;  position: relative; }
.sp_rwzf_l ul li .p2{ height:29px; line-height:29px; border-bottom:1px solid #cccccc; margin-bottom: 10px; font-size:14px;}
.sp_ssxc{}
.sp_ssxc_l ul li{ float:left; width:23.5%; margin-right:1.5%;}
.sp_ssxc_l ul li .p1{ height:190px;  position: relative; }
.sp_ssxc_l ul li .p2{ height:36px; line-height:36px; border-bottom:1px solid #cccccc; margin-bottom: 20px; font-size:16px;}
.video_n_tit{ background:#f2f2f2; height:40px; line-height:40px; font-family:'Microsoft YaHei','微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑'; font-size:18px; color: #c69521; border-bottom:1px solid #e1e1e1; padding-left: 15px; margin-bottom: 20px;}
.video_n_tit span{ float:right; display: block; padding-right: 15px;}
.video_n_tit span a{ font-size:14px; color: #666;}

/*专题*/
.zty_menu{ border:1px solid #cccccc; padding: 5px 10px; line-height: 30px; margin-bottom: 20px; }
.zty_menu a{ font-size:16px; font-weight:400; color: #333;}
.zty_menu a:hover{ text-decoration:none; color:#c69521;}
.ny_zty_list{}
.ny_zty_list ul li{ float:left; width:29.5%; margin-right: 29px; margin-bottom: 25px; padding: 5px; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.ny_zty_list ul li .p1{ width:100%; height:165px;}
.ny_zty_list ul li .p1 img{ width:100%; height:165px;}
.ny_zty_list ul li .p2{ line-height:24px; margin-top: 8px;}
.ny_zty_list ul li .p2 span{ float: right; background:#ff9900; border-radius:5px; padding: 0 10px; font-size:13px; color: #fff; }


/*专题展示页*/
.zz_top{ width:100%; max-height:400px; overflow: hidden; justify-content: center;}
.zz_jjbox{ border: 1px solid #cccccc; padding: 15px;}
.zz_jjbox{ border: 1px solid #cccccc; padding: 20px 15px; margin-top: 20px; margin-bottom: 20px; line-height: 28px; font-size:16px; }

/*投票*/
.t_cxrw{ margin:0 auto; height: auto;}
.t_touplist{}
.margin_r{margin-right:3%;}
.t_touplist ul li{ float:left; width:29.5%;  height: 225px; margin-bottom: 30px;  box-shadow:0 3px 8px rgba(0,0,0,0.2); padding: 10px;}
.toup_lbox{ float: left; width:40%; }
.toup_lbox .p1{ height: 180px; overflow: hidden;}
.toup_lbox .p2{ height: 36px; line-height: 36px; margin-top: 5px;}
.toup_rbox{ float: right; width:55%; font-size:16px;}
.toup_rbox .p1{ height: 150px; overflow: hidden; line-height:23px;}
.toup_rbox .p2{ height: 30px; text-align: right;}
.toup_rbox .p2 a{ background: #ccc; color: #fff;  border-radius:5px; padding: 5px 10px; }
.toup_rbox .p3{height: 36px; line-height: 36px; margin-top: 5px;}
.toup_rbox .p3 span{ background:#c69521; border-radius:5px; color: #fff; font-size: 16px; display: block; text-align: center; font-weight: 500;}
.tp_button{background:#666666;  border-radius:5px; width:100%; text-align: center; height:36px; line-height: 36px; color: #fff; font-size: 16px; border: 0; font-weight: 500; cursor: pointer;}
.tp_button:hover{ background:#840505;  }
.tp_beiz01{ float: left; width: 80px; background:#FF000C; color: #fff; text-align: center; font-size:18px;border-radius:5px; line-height: 40px;}
.tp_beiz02{ float: right; width: 1080px; font-size:16px; background: #dbeafd; padding: 15px; margin-bottom: 25px;}

/*合作品牌两端对齐*/
.k_hzpp_ul{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: justify;}
.k_hzpp_ul li{ flex: 0 0 auto;}





/* ==========================================================
   修复手机端
   ========================================================== */

@media screen and (max-width: 1200px) {
    /* 1. 强行将所有写死 1200px 的容器（包括新增的友情链接框）转为 100% 满屏 */
    .w1200, 
    #header_nav .navbox,
    .link_box {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2. 修复友情链接 (.link_box)：取消浮动，改为自动换行排列 */
    .link_box {
        height: auto !important;
    }
    .link_box h4 {
        float: none !important;
        text-align: center;
        margin-bottom: 5px;
    }
    .link_box ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important; /* 手机端居中对齐 */
    }
    .link_box ul li {
        float: none !important;
        margin: 0 10px !important; /* 缩短手机端的间距 */
    }

    /* 3. 修复页脚 (#footer)：取消固定高度，防止文字重叠 */
    #footer {
        height: auto !important;
        padding: 20px 10px !important;
        line-height: 24px !important;
    }
    #footer .f_menu {
        height: auto !important;
        line-height: 26px !important;
        margin-bottom: 15px !important;
    }

    /* 4. 核心修改：修复左右双栏布局 (.ny_left 和 .ny_right) */
    /* 在手机端，不能再让它们并排(24.5% vs 71%)，必须改成上下单列通铺 */
    .ny_left, 
    .ny_right {
        float: none !important;
        width: 100% !important;
        clear: both !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
    }

    /* 5. 隐藏左侧广告图 */
   .l_ad01, 
    .l_ad01 img,
	.nyrdwz_box,
	.nyrdwz_box h4,
	.nyrdwz_box ul li{
        display: none !important; /* 强行隐藏，不占用任何手机空间 */
    }

    /* 6. 修复头部 LOGO 和搜索框的浮动与堆叠问题 */
    #header_top {
        height: auto !important;
        padding-bottom: 10px;
    }
    #header_top .l_logo {
        float: none !important;
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    #header_top .l_logo img {
        max-width: 80%;
        height: auto;
    }
    #u1233 {
        float: none !important;
        margin: 10px auto !important;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #header_top .R_yuyan {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
    }

    /* 7. 修复导航栏：防止横向间距过大撑开屏幕 */
    #header_nav {
        height: auto !important;
    }
    #header_nav .navbox {
        height: auto !important;
    }
    #header_nav .navbox ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 5px 0;
    }
    #header_nav .navbox ul li {
        float: none !important;
        margin: 5px 12px !important;
    }
    #header_nav .navbox ul li a {
        font-size: 16px !important;
    }

    /* 8. 修复所有产业（分类标签）的浮动问题 */
    .zccy_box ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
    .zccy_box ul li {
        float: none !important;
        margin: 5px !important;
    }

    /* 9. 绝对防御：强行切掉多余的横向滚动条，保证页面不左右晃动 */
    html, body, #wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
	 /* 10搜索栏修改 让搜索框的外层 form 表单变成弹性盒子，强制不换行 */
    #u1233 form {
        display: flex !important;
        flex-direction: row !important; /* 横向排列 */
        align-items: center !important; /* 上下居中 */
        justify-content: center !important; /* 整体居中 */
        width: 90% !important; /* 限制一下总宽度，防止贴边 */
        margin: 0 auto !important;
    }

    /* 10.2. 动态调整输入框宽度 */
    #u1233_input {
        flex: 1 !important; /* 自动撑开并占据左侧绝大部分空间 */
        max-width: 80% !important; /* 设定最大占比，给右侧放大镜留出位置 */
        box-sizing: border-box !important;
        height: 34px !important; /* 统一高度，根据你的实际需求微调 */
    }

    /* 10.3. 调整放大镜按钮 */
    #ssbut {
        flex-shrink: 0 !important; /* 防止放大镜按钮被压缩 */
        margin-left: -1px !important; /* 让它和输入框紧挨着，消除间隙（可选） */
        height: 34px !important; /* 高度与输入框保持一致 */
        box-sizing: border-box !important;
    }
	/* 1. 强行将大容器宽度改为 100% 满屏 */
	.foot_qrcode_wrap {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 0 10px 0;
    }

    /* 2. 允许三个二维码在手机屏幕太窄时自动换行，并保持水平居中 */
    .foot_qrcode_list {
        display: flex !important;
        flex-wrap: wrap !important; 
        justify-content: center !important;
        width: 100% !important;
    }

    /* 3. 稍微缩小手机端每个二维码盒子的宽度间距，防止溢出 */
    .foot_qrcode_list li {
        width: 115px !important; /* 手机端宽度变窄，三个并排约 330px 刚好塞进绝大多数手机 */
        height: auto !important;
        margin: 10px 1px !important;
        font-size: 13px !important; /* 手机端文字稍微缩小点更精致 */
    }
	
	
	/* ==========================================
   视频页面手机端
   ========================================== */

    
    /* 1. 解除展会(70%)和人物专访(28%)的左右并排，改为上下撑满整行 */
    .sp_zhanhui, 
    .sp_rwzf {
        float: none !important;
        width: 100% !important;
        margin-bottom: 30px !important; /* 板块之间留出间距 */
    }

    /* 2. 统一重置所有视频列表，在手机端一律改为“一行排 2 个” */
    .sp_zhanh_l ul li,
    .sp_rwzf_l ul li,
    .sp_ssxc_l ul li {
        float: left !important;
        width: 48% !important;       /* 一行两个，占比 48% */
        margin-right: 4% !important; /* 右边距 4% */
        margin-bottom: 15px !important;
    }

    /* 每行的第 2 个视频清除右边距，防止强制换行错位 */
    .sp_zhanh_l ul li:nth-child(2n),
    .sp_rwzf_l ul li:nth-child(2n),
    .sp_ssxc_l ul li:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* 3. 修复图片容器高度：取消死高度，让图片高度自适应或统一 */
    .sp_zhanh_l ul li .p1,
    .sp_rwzf_l ul li .p1,
    .sp_ssxc_l ul li .p1 {
        height: auto !important;
        aspect-ratio: 16 / 10 !important; /* 强制锁定一个好看的视频封面比例 */
        overflow: hidden;
    }

    /* 确保图片填满容器且不拉伸变形 */
    .sp_zhanh_l ul li .p1 img.base-img2,
    .sp_rwzf_l ul li .p1 img.base-img2,
    .sp_ssxc_l ul li .p1 img.base-img2 {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; 
    }

    /* 4. 修复标题与“更多”文字栏，使其自适应屏幕 */
    .video_n_tit {
        box-sizing: border-box !important;
        width: 100% !important;
        padding-right: 10px !important;
        margin-bottom: 15px !important;
        font-size: 16px !important; /* 手机端标题字号稍微缩小点 */
    }

    /* 5. 优化手机端视频文字标题，防止高度写死导致多字时重叠 */
    .sp_zhanh_l ul li .p2,
    .sp_rwzf_l ul li .p2,
    .sp_ssxc_l ul li .p2 {
        font-size: 14px !important;
        height: 34px !important;
        line-height: 34px !important;
        margin-bottom: 10px !important;
        /* 以下强制单行文本省略，防止字数不一致把排版顶歪 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
	
	/* ==========================================
   专题 手机端
   ========================================== */

    /* 1. 顶部的分类菜单（全部/纺织/女装/男装）自适应调整 */
    .zty_menu {
        padding: 8px 10px !important;
        line-height: normal !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 15px !important; /* 手机端超出一行自动换行，并留出合适的字间距 */
    }
    .zty_menu a {
        font-size: 15px !important;
    }

    /* 2. 重置卡片列表容器：让卡片变为一行排2个 */
    .ny_zty_list ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important; /* 两端对齐，中间留空 */
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    /* 3. 精准覆盖单个卡片的宽度和外边距 */
    .ny_zty_list ul li {
        float: none !important;      /* 废除原有的浮动 */
        width: 48% !important;       /* 严格控制一行显示两个 */
        margin-right: 0 !important;  /* 废除原有的固定 29px 边距，由 flex 自动分配空间 */
        margin-bottom: 15px !important;
        padding: 4px !important;     /* 缩小手机端的内边距 */
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important; /* 让内部元素转为垂直向下排列 */
    }

    /* 4. 彻底解决图片变形：解除 165px 的死高度，改成标准 4:3 黄金比例 */
    .ny_zty_list ul li .p1 {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important; /* 给手机端设定一个完美的横屏比例 */
        overflow: hidden !important;
    }

    .ny_zty_list ul li .p1 img {
        width: 100% !important;
        height: 100% !important; /* 让图片自适应填满上面的 4:3 容器 */
        object-fit: cover !important; /* 关键：按比例裁剪，绝对不再拉伸、压扁 */
    }

    /* 5. 解决黄色标签（理事会单位等）与文字错位重叠 */
    .ny_zty_list ul li .p2 {
        margin-top: 6px !important;
        line-height: 1.4 !important;
        display: flex !important;
        flex-direction: column-reverse !important; /* 绝招：倒序排列，让黄色标签乖乖呆在标题文字的下方 */
        align-items: flex-start !important;
    }

    /* 精准重置黄色标签（span） */
    .ny_zty_list ul li .p2 span {
        float: none !important; /* 废除右浮动，防止跟文字撞车 */
        display: inline-block !important;
        margin-top: 5px !important; /* 与上方的标题文字留出空隙 */
        padding: 2px 8px !important;
        font-size: 11px !important;  /* 手机端标签字体稍微缩小一点 */
        border-radius: 4px !important;
    }

    /* 精准重置标题文字（a） */
    .ny_zty_list ul li .p2 a {
        display: block !important;
        font-size: 13px !important;
        color: #333 !important;
        /* 增加防崩逻辑：如果标题字数太多，在手机端最多展示两行，超出自动变省略号 */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
	img {
  max-width: 100%;  /* 限制图片最大宽度不超过父容器 */
  height: auto;      /* 关键：让高度根据宽度等比例自动缩放 */
}
}