*{
	margin:0 auto;
	padding:0;
	font-family:Verdana,Arial,microsoft yahei;
	
}

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

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; max-width: 100%; height: auto; } /* 确保所有图片默认不超出容器 */
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;}
.date_gery{ color:#aaaaaa; font-size: 12px; }

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


.margin10{  margin-bottom:10px;}
.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;}

#wrap {
    width: 100%;
}


/*-------------------------------index-------------------------------*/
.i_top_box1{ height:40px; background:#ebebeb; line-height: 40px;  }
.topbox{ text-align:right; width: 1170px; margin: 0 auto;}
.topbox .ss_1{ border:1px solid #D4D4D4; width:260px; height:26px; line-height:26px; color:#333; margin-right:5px;}
.topbox .ss_2{ background:url(../img/ssb.png) no-repeat; border:0; cursor:pointer; width:26px; height:26px;}
.lianjie{font-size:14px; font-family:Arial; }
.lianjie a{font-size:14px; font-family:Arial; color:#ae976b;}
.lianjie a:hover{ color:#ae976b; text-decoration:none;}
#header{}
#header .logo{ float:left; width:31.5%; padding-top:10px;}
#header .ad01{ float:right; width:68.5%; overflow:hidden;}
#header .nav{ background:#ae986b; height:45px; margin-bottom:18px;}
#header .nav ul li{ float:left; height:45px; line-height:45px; margin:0px 25px; }
#header .nav ul li a{ font-family:Tahoma,Arial; font-size:18px; color:#FFF; width:100%; text-align:center; display:block;}
#header .nav ul li a:hover{ color:#e7cfa3; text-decoration:none;}

.header-top-wrapper {
    height: 80px;
    overflow: hidden;
    margin-bottom: 15px; 
}
.i_banner0{ width:74.5%; height:400px; float:left; margin-bottom:15px;}
.i_banner_1{ width:66.5%; height:400px; float:left; margin-right: 17px; }
.i_banner_2{ width:31%; height:400px; float:left; margin-bottom:15px;}
.i_banner_2t{ }
.hd_ad{ float:right; width:24%; height:380px;}

.ititle{ border-bottom: 2px solid #e7dcc6;height:40px; line-height:40px; margin-bottom:15px;}
.ititle_left{border-bottom: 4px solid #ae976b; height: 37px; line-height: 37px; float: left;}
.ititle a{ font-size:20px; font-family:Arial;}
.ititle a:hover{ color:#ae976b; text-decoration:none;}
.ititle2{ background:url(../img/line.jpg) no-repeat center; height:25px; line-height:25px; margin-bottom:10px; }
.ititle2 a{ background:#FFF; font-size:20px; font-family:Arial;}
.ititle2 a:hover{ color:#C7961F; text-decoration:none;}
.ititle3{ background:url(../img/line2.jpg) no-repeat center; height:40px; line-height:40px;  }
.ititle3 span{background:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:36px;}

.i_infocus_box{}
.i_infocus_box ul li{ width:100%; height:95px; font-family:Arial; border-bottom: 1px solid #ececec; margin-bottom: 15px;}
.i_infocus_box ul li dl dt{ float: left; width:120px; height:80px; margin-bottom:15px; margin-right:15px; }
.i_infocus_box ul li dl .date_gery{ color:#aaaaaa; font-size: 12px; }
.i_infocus_box ul li dl .title{ line-height:18px; margin-bottom: 5px; height: 55px; overflow: hidden; text-overflow: ellipsis;}
.i_infocus_box ul li dl .title a{ font-size:15px; color:#000; line-height:18px;}
.i_infocus_box ul li dl .title a:hover{ font-size:15px; color:#ae986b; }
.i_infocus_box ul li dl .con{ font-size:12px; color:#666;}
.i_infocus_box ul li dl .fxtb{ float:right; background:url(../img/fxtb.png) no-repeat left center; padding-left:30px; color:#333;}
.i_infocus_box ul li dl .fxtb a{ color:#333;}
.hfocus1{ float: left; width: 48%; height:420px;}
.ititle_right{ float:right; }
.ititle_right a{ font-size:13px; line-height: 40px; color:#545454;}

.i_news_box{}
.i_news_box ul li{ float:left; width:22%; height:380px; margin-right:3%;font-family:Arial;}
.i_news_box ul li dl dt{ width:280px; height:190px;  }
.i_news_box ul li dl .date_gery{ color:#aaaaaa; line-height:30px; font-size:12px; }
.i_news_box ul li dl .title{ margin-bottom:10px; margin-top: 5px; line-height:18px; height: 55px; overflow: hidden; text-overflow: ellipsis;}
.i_news_box ul li dl .title a{ font-size:15px; color:#000; line-height:18px; }
.i_news_box ul li dl .title a:hover{font-size:15px; color:#ae986b; }
.i_news_box ul li dl .con{ font-size:13px; color:#666; line-height:16px;height: 65px; overflow: hidden; text-overflow: ellipsis;}
.i_news_box ul li dl .fxtb{ float:right; background:url(../img/fxtb.png) no-repeat left center; padding-left:30px; color:#333;}
.i_news_box ul li dl .fxtb a{ color:#333;}
.hnewspage{ width:auto;}
.hvideod{}
.i_video_box{padding-top: 10px;}
.i_video_box ul li{ float:left; width:31%; height: 300px; margin-right: 2.3%; font-family:Arial;}
.i_video_box ul li img{width:100%;}
.i_video_box ul li .title_vd{margin-bottom:5px; margin-top: 5px; line-height:16px; height: 50px; overflow: hidden; text-overflow: ellipsis;}
.i_video_box ul li .title_vd a{ font-size:15px; color:#000; line-height:16px; }
.i_video_box ul li .title_vd a:hover{font-size:15px; color:#ae986b; line-height:16px;}
.i_video_box ul li .date_gery{ color:#aaaaaa; line-height:30px; font-size:12px; }

.i_mag_box{padding-top: 15px; margin-bottom:20px;}
.i_mag_box ul li{ float:left; width:30%; height: 380px; margin-right: 3.3%; font-family:Arial;}
.i_mag_box ul li img{width:100%; height: 340px;}
.i_mag_tit a{display: block; height:40px; line-height: 40px; font-weight: bold; font-size: 16px; background: #ebebeb; width:100%; text-align: center;}
.i_mag_tit a:hover{ text-decoration: none; background: #ece3d2;}
.i_mag_box ul li .date_gery{ color:#aaaaaa; line-height:30px; }

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

.image-container {
  overflow: hidden;

}

.image-container img {
  width: 100%;
  height: 190px;
  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: 400px;
      object-fit: cover;
      display: block;
    }
.i_img-box1 {
      position: relative;
      overflow: hidden;
      font-family: Arial, sans-serif;
    }

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

    /* 标题 = 半透明背景 + 文字 */
    .iimg_title {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      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: 100%;
      background: rgba(0, 0, 0, 0.55);
      color: #fff;
      font-size: 13px;
      display: block;
      align-items: center;
      padding-left: 5px;
	  padding-right:0px;
		line-height: 18px;
		 overflow: hidden;
		text-overflow: ellipsis;
		
    }
.iimg_title2 a{
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

.i_adlong{ max-width: 1170px; margin-top: 6px; margin-bottom: 20px; }
.i_adlong img{width:100%; height: 100%;}
.ad02{ float:left; width:73.8%; height:120px; overflow:hidden; margin-bottom:20px;  *margin-bottom:10px;}
.ad03{ float:right; width:24.5%; height:120px; overflow:hidden; margin-bottom:20px;  *margin-bottom:10px;}
.ad04{ width:100%; height:180px; margin-bottom:25px;}
.ad05{ float:left; width:100%; height:120px; overflow:hidden; margin-bottom:20px;}
.ad06{ width:255px; height:180px; overflow:hidden; margin-bottom:20px;}
.ad07{ width:1220px; height:100px; overflow:hidden; margin-bottom:15px;}
.ad08{ width:100%; height:300px; margin-bottom:20px;}
.ad09{ width:100%; height:500px; margin-bottom:20px;}

.i_left{ float:left;width:73.8%;}
.i_right{float:right; width:24.5%;}
.inews_l{ float:left; width:31.1%;  height:235px;  *height:225px; margin-bottom:10px;  font-size:13px; color:#000; line-height:18px; }
.inews_r{float:left; margin-left:2%; width:66%; }
.inews_r ul li{ border-bottom:1px solid #888; line-height:40px; }
.inews_r ul li:hover{ background:#eee;}
.inews_r ul li a{ font-size:14px; color:#000;}
.inews_r ul li a:hover{ text-decoration:none;}
.inews_r .more{ border:none; text-align:right;}
.inews_r .more a{ background:#DCDEDD; line-height:24px; display:block; width:120px; float:right; text-align:center; margin-top:5px;}
.inews_r .more a:hover{ background:#E73C22; text-decoration:none; color:#FFF;}

.CCPIT_l{ float:left; width:62%; height:388px; *height:373px; overflow:hidden; padding:0; margin:0;}
.zlzs{ float:right; width:31%; background:#B5AD88; height:330px; padding:2%;}
.zlzs h4{ text-align:center; font-size:16px; line-height:40px; font-weight:400;}
.zlzs_li{}
.zlzs_li ul li{ border-bottom:1px dotted #666666; line-height:22px; padding:5px 0;}
.zlzs_li ul .pic{ height:80px;}
.zlzs_li ul .pic p{ float:left; width:45%; padding:0 2%; height:75px; overflow:hidden;}
.zlzs_li .exmore{text-align:right; line-height:32px;}
.zlzs_li .exmore a{ font-style: italic;}
.zzad_box{ float:left; width:47%;}
.zzbor{ border:1px solid #000; padding:7%;}
.iccpit{}
.iccpit dl dt{ float:left; width:280px; height:190px; margin-bottom:15px; margin-right:15px;}
.iccpit dl .title{ margin-bottom:10px;}
.iccpit dl .title a{ font-size:15px; color:#000; line-height:20px;}
.iccpit dl .con{ font-size:12px; color:#666;}

.link_box{}
.link_box ul li{ float:left; margin-right:50px; line-height:40px;}


#footer{ background:#f0f0f0; height:260px; margin-top: 15px; }
#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:#7C7242;}
#footer .f_menu{ height:36px; line-height:36px; margin-bottom:18px; margin-top:30px;}
#footer span a{ color:#838383; text-decoration:underline;}
#footer .foot_l_logo{float: left; height: 60px; width:22%; padding:100px 5%;}
#footer .foot_l_logo img{ width:100%;}
#footer .foot_r_box{ float: left;}

.ny_left{ float:left;width:73.8%;}
.ny_right{float:right; width:24.5%;}
.ny_box{}
.n_page_box{}
.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{ margin-bottom:35px;}
.news_list ul li dl dt{ float:left; width:300px; height:205px; margin-right:20px;}
.news_list ul li dl .title{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:26px; margin-bottom:10px;}
.news_list ul li dl .title a{font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:26px;}
.news_list ul li dl .title a:hover{ color:#ae986b;}

.news_list ul li dl .date{ color:#999999;}
.news_list ul li dl .news_jj{ margin-top: 15px; color:#838383; line-height: 20px; }

.n_tjvideo{}
.tjv_left{ float: left; width:45%; margin-right: 3%; margin-bottom: 25px; background: #000;}
.tjv_right{ float: left; width:50%;}
.tjv_right .title{ font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:28px; margin-bottom:10px;}
.tjv_right .title a{font-size:20x; font-family:Arial, Helvetica, sans-serif; line-height:28px;}
.tjv_right .title a:hover{ color:#ae986b; text-decoration: none;}
.tjv_right .date{ color:#aaaaaa; line-height:30px; }
.video_jj{margin-top: 15px; color:#838383; line-height: 20px; }

.n_video_tit{ background:url(../img/line.jpg) no-repeat center; height: 60px; line-height: 60px;}
.n_video_tit span{ background: #fff; font-size: 20px;}
.n_video_list{padding-top: 10px;}
.n_video_list ul li{ float:left; width:22.5%; height: 300px; margin-bottom:10px; margin-right: 2.5%; font-family:Arial;}
.n_video_list ul li img{width:100%;}
.n_video_list ul li .title_vd{margin-bottom:5px; margin-top: 5px; line-height:16px; height: 50px; overflow: hidden; text-overflow: ellipsis;}
.n_video_list ul li .title_vd a{ font-size:15px; color:#000; line-height:16px; }
.n_video_list ul li .title_vd a:hover{font-size:15px; color:#ae986b; line-height:16px;}
.n_video_list ul li .date_gery{ color:#aaaaaa; line-height:30px; font-size:12px; }


.supply_b{ float:left; width:430px;}
.ad_supply{ width:430px; height:200px; overflow:hidden; margin-bottom:20px;}
.supply_list{}
.supply_list ul li{ border-bottom:1px solid #C8C8C8; padding-bottom:5px; margin-bottom:15px;}
.supply_list ul li .title{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:5px;}
.supply_list ul li .title a{font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:22px;}
.supply_list ul li .date{ color:#999999;}
.supply_list .more a{background:#DCDEDD; line-height:24px; display:block; width:120px; float:left; text-align:center; margin-top:5px;}
.supply_list .more a:hover{ background:#E73C22; text-decoration:none; color:#FFF;}

.rzzdy{  margin-bottom:20px;}
.rzzdy .p4{  line-height:26px; text-align: center; font-size: 20px;}
.rzzdy .p5{ text-align:center; height:36px; line-height:36px; background:#313131; width:70%; margin: 10px 15%;}
.rzzdy .p5 a{ text-decoration:none; font-size:14px; color: #fff;}
.rzzdy .p5:hover{ background:#ae986b;}


.about_tit{ background:#F1F1F1; height:52px; line-height:52px; width:1200px; margin:0 auto; margin-top:30px; margin-bottom:25px;}
.a_tit_box2 ul li{ float:left; width:295px; text-align:center; border-right:1px solid #E0E0E0; }
.a_tit_box2 ul li a{font-family:microsoft yahei; font-size:16px; display:block; width:295px; height:50px;}
.a_tit_box2 ul li a:hover{ color:#00A0E9;  font-weight:bold; text-decoration:none; border-top:2px solid #00A0E9;}
.ny_tit{ margin-top:35px; margin-bottom:10px; line-height:28px; border-bottom:1px solid #E6E7E8; font-family:microsoft yahei; font-size:14px; font-weight:200;}

.message_box{ margin-top:20px;}
.message_box p{ color:#717070; height:32px; line-height:40px;}
.message_box .input{ border:1px solid #D7D7D7; height:32px; line-height:32px; width:300px;}
.message_box .input2{ border:1px solid #D7D7D7; height:32px; line-height:32px; width:300px; height:100px;}
.tijiao{ background:url(../img/but_bg.jpg) repeat-x; height:24px; line-height:24px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; border:none; width:100px; cursor:pointer;}


.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 25px;
  color: #666;
}
.ndqwz > .active {
  color: #777777;
}
.news_content{ font-size:14px; line-height:24px;  margin-bottom:30px; color:#000; }
.news_content img{max-width:100%; }
.next_news1{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 8px 0;}
.next_n_l{ float: left;width:45%}
.next_n_r{ float: right; width:45%; text-align: right;}
.next_newsp1{ color: #568aeb; font-size: 13px; line-height: 30px;font-family:Arial, Helvetica, sans-serif; }
.next_newsp2 a{ line-height: 20px; font-weight: 600; font-family:Arial, Helvetica, sans-serif; }
.zzdybor{ border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898; padding: 15px;}

.h3_title{ font-size:28px; line-height:32px; margin-bottom:8px; margin-top:15px; font-weight:600; font-family:Arial, Helvetica, sans-serif;}
.h5_title{ font-size:12px;  line-height:30px; color:#666666; font-weight:200; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.news_c{ font-size:14px; font-family:microsoft yahei;}
.share{ margin-top:20px; text-align:center; margin-bottom:50px;}
.Commnet{}
.Commnet h4{ background:#F2F2F2; height:28px; line-height:28px; border-left:4px solid #E73C22; padding-left:10px; margin-bottom:10px;}
.Commnet .p2{ text-align:right; margin-top:10px; margin-bottom:20px;}
.comm01{ width:100%; border:1px solid #CCC; min-height:140px;}
.comm02{ width:150px; height:30px; line-height:30px; background:#E73C22; color:#FFF; border:none; cursor:pointer;}
.comm02:hover{ background:#000; }

.zzdyan{ float: left; margin-top: 30px;}
.zzdyan a{display: block; width: 200px; height: 38px; line-height: 38px; text-align: center; background:#313131; color:#fff; margin-lef: 0; }
.zzdyan a:hover{background:#ae986b;}
.archive_list{padding-top: 15px; margin-bottom:20px;}
.archive_list ul li{ float:left; width:30%; height: 380px; margin-right: 3.3%; font-family:Arial; margin-bottom: 30px;}
.archive_list ul li img{width:100%; height: 340px;}

.1archive_list{}
.1archive_list ul li{ float:left; width:255px; margin-right:45px; text-align:center; line-height:40px; margin-bottom:30px;}
.1archive_list ul li a{ font-size:16px; font-weight:bold;}
.zz_menu{ margin-bottom:20px;}
.zz_menu ul li{  margin-bottom:10px; line-height:20px; border-bottom: 1px solid #ececec;}
.zz_menu ul li a{ ine-height:20px; font-family:Arial, Helvetica, sans-serif;  }
.zz_menu ul li a:hover{ color:#ae986b; }
.ar_left{ float:left; width:248px; margin-right:30px; margin-top:30px;}
.ar_right{ float:left; width:550px;  margin-top:20px;}
.ar_right h3{ font-size:28px; font-family:Arial, Helvetica, sans-serif; line-height:40px; margin-bottom:5px;}
.ar_right .button a{ display:block; float:right; background:#E73C22; width:240px; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:16px;}
.ar_right .zzjj{  margin-top:15px; }
.bor_zz{ border:4px solid #000;}
.archive_jj{ margin-top:25px; line-height: 26px; margin-bottom: 30px;}
.archive_jj h4{background:url(../img/line2.jpg) no-repeat center; height: 60px; line-height: 60px;}
.archive_jj h4 span{ background:#fff; font-weight: 200; font-size: 20px;}

.ny_r_xwtj{ border-bottom:2px solid #ae986b; font-size:16px; height:32px; line-height:32px; margin-bottom:15px;}
.ny_r_xwtj span{ background:#ae986b; float:left; padding:0 10px; color:#FFF;}

.magdingyuejs{margin-bottom: 20px;}
.magdingyuejs h4{font-size:24px; line-heigh:40px; margin-bottom: 20px;}
.magdingyuebd{ margin-bottom: 20px; text-align: center;}
.magdingyuebd h4{background:url(../img/line2.jpg) no-repeat center; height: 60px; line-height: 60px;}
.magdingyuebd h4 span{ background:#fff; font-weight: 200; font-size: 20px; color:#ae986b; }
.magdingyuebd table input{height: 25px; line-height: 25px; }
.magdingyuebd table td{ padding: 5px 0px;}

.indexpage{width: 55%; margin-left: auto;margin-right: auto; margin-bottom: 20px;}

.subbutton{
        background-color: #ae986b;
        color: #ffffff;
        width: 380px; /* 宽度：可改成百分比（如100%）适配响应式 */
        height: 50px;
        border: none; /* 移除默认边框 */
        border-radius: 4px; /* 圆角，可选：改成0为直角 */
        font-size: 16px; /* 字体大小 */
        font-weight: 500; /* 字体加粗，可选 */
        cursor: pointer; /* 鼠标手型 */
        outline: none; /* 去掉点击轮廓 */
        transition: background-color 0.2s; /* hover过渡动画，更丝滑 */
    }
    /* 鼠标悬浮效果（可选，提升体验） */
    .subbutton:hover {
        background-color: #9d885e; /* 悬浮时背景略深 */
    }
    /* 点击按下效果（可选） */
    .subbutton:active {
        background-color: #8c7851;
    }



/* ==========================================================================
   手机端自适应核心样式
   ========================================================================== */
@media screen and (max-width: 767px) {
    
    /* 1. 全局顶级容器强制去死宽 */
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0px !important;
        min-width: unset !important;
        overflow-x: hidden !important;
    }

    #wrap, .w1200, .topbox, #header, #footer, .ny_box, .main-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0px !important;
        min-width: unset !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* 2. 核心修复：顶部搜索与 Chinese 锁在同一行（支持苹果和谷歌） */
    .i_top_box1 { 
        height: auto !important; 
        line-height: normal !important; 
        padding:0 !important; 
    }
    .topbox { 
        width: 100% !important;
        padding: 0 10px !important;
    }
    .topbox form { 
        width: 100% !important; 
        display: -webkit-flex !important;
        display: flex !important; 
        -webkit-flex-direction: row !important;
        flex-direction: row !important; /* 强制横向单行排列 */
        -webkit-align-items: center !important;
        align-items: center !important;
        -webkit-justify-content: space-between !important;
        justify-content: space-between !important; /* 两端对齐 */
        flex-wrap: nowrap !important; /* 绝不换行 */
    }
    .topbox .ss_1 { 
        -webkit-flex: 1 !important;
        flex: 1 !important; /* 搜索框自动撑满剩余行内空间 */
        width: 100% !important;
        max-width: 180px !important; /* 限制最大宽度，给文字留空间 */
        margin-right: 5px !important; 
        display: inline-block !important; 
        height: 28px !important;
        line-height: 28px !important;
    }
    .topbox .ss_2 {
        margin-right: 10px !important;
    }
    .lianjie { 
        display: inline-block !important; 
        margin-top: 0 !important; 
        white-space: nowrap !important; /* 确保文字不换行 */
        font-size: 14px !important;
    }

    /* 3. 核心修复：导航栏取消手势横滑，改为自动换行显示完整 */
    #header .nav { 
        height: auto !important; /* 瓦解 PC 端死高度，允许换行后自动撑开 */
        overflow-x: visible !important; 
        margin-bottom: 15px !important; 
        padding: 5px 0 !important;
    }
    #header .nav ul { 
        display: -webkit-flex !important;
        display: flex !important; 
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important; /* 核心：允许子菜单自动换行显示 */
        width: 100% !important; 
        padding: 0 5px !important; 
        margin: 0 !important; 
    }
    #header .nav ul li { 
        float: none !important; 
        display: inline-block !important; 
        height: 35px !important; 
        line-height: 35px !important; 
        margin: 0 8px !important; /* 稍微缩小一点间距，让一行能排更多字 */
    }
    #header .nav ul li a { 
        font-size: 15px !important; /* 稍微缩小字号适应手机端多行排版 */
        padding: 0 !important; 
    }

    /* 4. 中部通栏广告图防变形 */
    .i_adlong {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 10px auto !important;
    }
    .i_adlong img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* 5. Header Logo 与广告改为垂直居中叠放 */
    .header-top-wrapper {
        height: auto !important;
        overflow: visible !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-align-items: center !important;
        align-items: center !important;
    }
    #header .logo { float: none !important; width: 100% !important; text-align: center !important; margin-bottom: 10px !important; }
    #header .logo img { max-width: 220px !important; width: 100% !important; height: auto !important; }
    #header .ad01 { float: none !important; width: 100% !important; text-align: center !important; }
    #header .ad01 img { max-width: 100% !important; height: auto !important; }

    /* 6. 内容两栏拆解 & 新闻图文列表完美自适应 */
    .ny_left{ float: none !important; width: 100% !important; margin-bottom: 20px !important; }
	.ny_right { float: none !important; width: 100% !important;  }
    .news_list ul { width: 100% !important; display: block !important; }
    .news_list ul li { width: 100% !important; float: none !important; margin-bottom: 25px !important; border-bottom: 1px solid #eee; padding-bottom: 15px; }
    .news_list ul li dl { width: 100% !important; display: block !important; }
    
    .news_list ul li dl dt.image-container {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }
    .news_list ul li dl dt.image-container img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .news_list ul li dl dd {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 0 8px 0 !important;
    }
    .news_list ul li dl .title { font-size: 16px !important; line-height: 22px !important; }
    .news_list ul li dl .news_jj { font-size: 13px !important; line-height: 19px !important; color: #666 !important; text-align: justify; }

    /* 7. 底部数字分页器自适应 */
    .indexpage, .pagination {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 8. 页脚重叠错位修复 */
    #footer { height: auto !important; padding: 25px 0 !important; }
    #footer .w1200 { 
        display: -webkit-flex !important;
        display: flex !important; 
        -webkit-flex-direction: column !important;
        flex-direction: column !important; 
        -webkit-align-items: center !important;
        align-items: center !important; 
    }
    #footer .foot_l_logo { float: none !important; width: 100% !important; padding: 10px 0 !important; text-align: center !important; }
    #footer .foot_l_logo img { max-width: 140px !important; height: auto !important; margin: 0 auto !important; }
    #footer .foot_r_box { float: none !important; width: 100% !important; text-align: center !important; }
    #footer .f_menu { height: auto !important; line-height: 24px !important; margin-top: 10px !important; margin-bottom: 15px !important; }
    #footer .f_menu a { display: inline-block !important; padding: 0 4px !important; }
    #footer .foot_grey { text-align: center !important; font-size: 12px !important; line-height: 20px !important; }

    /* 9. 强制不换行的连续长文本和数字在屏幕边缘自动截断换行（专治苹果撑变形） */
    p, span, a, h1, h2, h3, h4, h5, h6, div, dd {
        -webkit-line-break: after-white-space !important;
        word-break: break-all !important;
    }
	.zz_menu{display: none;
	}
	img {
  max-width: 100%;  /* 限制图片最大宽度不超过父容器 */
   height: auto !important;      /* 关键：让高度根据宽度等比例自动缩放 */
}
	    /* 手机端调整为：一行完美并排显示 2 个杂志，间距自动平分 */
    .archive_list ul li {
        float: none !important;
        width: 46% !important;           /* 核心：两个占 96%，剩下 4% 做中间的间距 */
        height: auto !important;         /* 彻底粉碎 PC 端写死的 380px 限制，防止框变形 */
        margin-right: 4% !important;     /* 杂志右侧间距 */
        margin-bottom: 20px !important;
        display: inline-block !important;
    }
	
	 .archive_list ul li:nth-child(2n) {
        margin-right: 0 !important;
    }
	 /* 杂志封面图自适应 */
    .archive_list ul li div {
        width: 100% !important;
        height: auto !important;
    }
    
    .archive_list ul li img {
        width: 100% !important;
        height: auto !important;         /* 彻底粉碎 PC 端写死的 340px 纵向拉伸变形 */
        max-width: 100% !important;
        object-fit: cover !important;    /* 保持封面图片比例不变形 */
        border-radius: 4px;              /* 手机端加个微小的圆角，质感更好 */
        box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 给书刊加个淡淡的立体阴影 */
    }

    /* 杂志标题文字自适应 */
    .archive_list .i_mag_tit {
        width: 100% !important;
        text-align: center !important;
        margin-top: 8px !important;
        line-height: 18px !important;
    }
    .archive_list .i_mag_tit a {
        font-size: 14px !important;      /* 手机端标题字号微调 */
        color: #1F1F1F !important;
    }
	
	/* 1. 顶部主推荐视频区域修复（改为全宽上下叠放） */
    .n_tjvideo {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px !important;
    }
    /* 推荐图改为全宽，并彻底粉碎原本写死的 height="360" 数字 */
    .tjv_left {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }
    .tjv_left img {
        width: 100% !important;
        height: auto !important; /* 强制等比例缩放 */
    }
    /* 推荐文字改为全宽 */
    .tjv_right {
        float: none !important;
        width: 100% !important;
    }
    .tjv_right .title, .tjv_right .title a {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    /* 2. VIDEO 标题线自适应缩放调整 */
    .n_video_tit {
        background-size: contain !important; /* 调整背景线图契合手机屏 */
        height: 50px !important;
        line-height: 50px !important;
    }
    .n_video_tit span {
        font-size: 18px !important;
    }

    /* 3. 下方视频列表自适应：改为完美的一行排 2 个 */
    .n_video_list {
        padding-top: 5px !important;
    }
    .n_video_list ul {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important; /* 允许视频项自动折行 */
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .n_video_list ul li {
        float: none !important;
        display: inline-block !important;
        width: 48% !important;      /* 一行排2个，占 96% 宽度空间 */
        height: auto !important;    /* 粉碎原有的 height: 300px 限制 */
        margin-right: 4% !important;/* 间距 4% */
        margin-bottom: 20px !important;
    }
    /* 强力拆除 HTML 中通过内联样式写死的 <div style="height: 188px;"> */
    .n_video_list ul li div[style*="height"] {
        height: auto !important; 
    }
    /* 每行第2个视频（偶数项）清除右边距，防止无法并排 */
    .n_video_list ul li:nth-child(2n) {
        margin-right: 0 !important;
    }
    /* 视频缩略图等比例自适应（粉碎原 height="188" 的纵向形变） */
    .n_video_list ul li img {
        width: 100% !important;
        height: auto !important; 
        border-radius: 4px;
    }
    /* 视频文字排版微调 */
    .n_video_list ul li .title_vd {
        margin-top: 8px !important;
        height: 36px !important;    /* 限制为两行文字的高度 */
        line-height: 18px !important;
    }
    .n_video_list ul li .title_vd a {
        font-size: 13px !important; /* 降低字号适应双列布局 */
        line-height: 18px !important;
    }
    .n_video_list ul li .date_gery {
        line-height: 20px !important;
        margin-top: 4px !important;
    }
}