@media screen and (max-width: 1200px) {
#zxbd2 {
    /* width: 1200px; */
    /* height: 355px; */
    overflow: hidden;
}
.xw1{width:96vw; height:auto; float:left; display:block; margin:0px; padding:0px;}

.xw1 a{display:block; margin-top:10px}
.xw1 span.time{ width:60px; height:30px; text-align:center; line-height:30px; font-size:16px; color:#fff; background:#d24134; border-radius:4px;display:block; }
.xw1 span.js{ line-height:24px; font-size:16px; color:#999;display:block; font-size:14px}



header {
width:100%;
margin-bottom: 0px;
}
header img {
width:100%;
}
article {
width:96vw;
margin:0 auto 5vw;
overflow: hidden;
}

.bg{background:none}
article section:nth-of-type(1) {
width: 96vw;
margin:0 auto 20px;
display: block;
justify-content: space-between;
}
article section:nth-of-type(2) {
width: 96vw;
margin:0 auto 20px;
}
article section:nth-of-type(3) {
width: 96vw;
margin:0 auto;
display: flex;
justify-content: space-between;
flex-direction: column;
}
article section:nth-of-type(4) {
width: 96vw;
margin:0 auto;
display: flex;
justify-content: space-between;
flex-direction: column;
height:auto;
}
article section:nth-of-type(5) {
width: 96vw;
margin:0 auto;
display: flex;
justify-content: space-between;
flex-direction: column;
}

section ul li a{ width: 73%;
font-size: 14px;
margin: 0 0 0 10px;
display: block;
float: left;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;


}
#yqfk {
margin-bottom:0;
height: 265px;
overflow: hidden;
width: 100%;
}
#yqfk .column::after {
width: 70%;
}
#yqfk dl {
height:100px;
}
.column::after {
width: 70%;
}
.i_list {
margin: 10px auto;
max-height: 215px;
overflow: hidden;
}
.column span {width: 220px;/* height: 27px; */}
section ul li::before {
margin-right: 5px;
}
#i_nav {height: 40px;background:#983333;width:100%;margin-bottom:0;}
#i_nav ul {
width:100%;
margin: 0 auto;
}
#i_nav li {float:left;width: 25%;font-size:16px;line-height:36px;color:#ffffff;padding:0;text-align:center}
#i_nav li a {
color:#ffffff
}

#jdtp {width: 100%;height: auto;/* margin:0 0 20px 0; */float: none;}
#jdtp .swiper-slide {
height: auto;
}
#jdtp .swiper-slide h2 {
width: 100%;
height: 40px;
}
#jdtp .swiper-slide h2 a {
font-size: 16px;
line-height: 40px;
max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#jdtp .swiper-slide img {
min-height: 100%;
width:100vw;
}
#jdtp .swiper-pagination {
width: auto;
left: auto;
bottom: 12px;
right: 8px;
}
#jdtp .swiper-pagination-bullet {
margin:0 4px;
width: 8px;
height: 8px;
}
#zxbd {width: 100%;margin: 0 auto;/* display: none; */float: none;}

.dqwz{ top: 12px !important;}
#twfylist .column {
padding: 10px 0;
}
#twfylist .column span {
width:400px
}
.lm_list a{width: 72%;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.lm_list span{width: 22%;}

#icontent {
width: 96vw;
margin:0 auto;
padding:0
}
.c-content {
margin: 10px auto 40px auto;
padding: 0 0px;
}
.c-content .other-s {
margin: 5px auto 0 auto;
}
.c-content .c-title {
font-size: 20px;
color: #cc3333;
line-height: 34px;
text-align: center;
}

#kpxzs{width:100%;}

#kpxzs .column span{width:330px;}

.column {
    height: 60px;
   position: static;
 display: flow-root;
    align-items: flex-end;
    margin-top: 0px;
    }


.column a {
    position: absolute;
   right: 10px;
     top: inherit;
    font-size: 14px;
    color: #666!important;
}

article section:nth-of-type(2) {
    width: 1200px;
    margin: 0 auto 30px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
}

/* ===== 手机端「工作动态 / 最新动态」列表日期不显示 —— 修复补丁 ===== */
@media screen and (max-width: 1200px) {
  /* 1) 还原容器宽度：xy.css 末尾把该区块写死成 1200px，
        列表日期被推到 x≈1132px 处，整块被裁掉看不见 */
  #zxbd {
    width: 96vw;
    max-width: 96vw;
    margin: 0 auto 0 0;   /* 父级 justify-content:center，用 auto 右边距拉回左边 */
    box-sizing: border-box;
  }
  #zxbd .i_list { width: 100%; }

  /* 2) 标题 + 日期 一行两列，标题超长自动省略号，日期固定贴右 */
  #zxbd .i_list li {
    width: 100%;
    display: flex;
    align-items: center;
  }
  #zxbd .i_list li a {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    float: none;
    margin: 0 0 0 10px;
    display: block;               /* 用标准单行省略，截断位置更准 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: none;
  }
  #zxbd .i_list li span {
    flex: 0 0 auto;
    float: none;
    margin-left: 8px;
    font-size: 13px;
    line-height: 50px;
    color: #999;
    white-space: nowrap;
  }
}
