.top_xlx {
  height: 137px;
  width: 100%;
  position: relative;
  background: url(../img/xlxdzxxdh.gif) no-repeat;
}

.top_xlx .statistics {
  width: 371px;
  height: 108px;
  float: right;
  margin-right: 44px;
  margin-top: 10px;
  padding-left: 34px;
  padding-top: 18px;
}

.top_xlx .statistics .red {
  color: #fe4c23;
}

.top_xlx .statistics .xlx_si {
  float: left;
  width: 153px;
  height: 27px;
  line-height: 27px;
}

.top_xlx .statistics .xlx_bj {
  float: left;
  width: 153px;
  height: 27px;
  line-height: 27px;
}

.newbox {
  height: 330px;
  width: 100%;
  position: relative;
  margin-top: 20px;
  /*	.icon-new{
			position: absolute;
			display: block;
			top:50%;
			margin-top: -9px;
			left:25px;
		} */
}

.newbox .slidebox {
  position: absolute;
  left: 0px;
  width: 878px;
  height: 330px;
  border: 1px solid #dddddd;
}

.newbox .informationbox {
  width: 100%;
}

.newbox .informationbox .informationNav {
  width: 100%;
  height: 43px;
  border: 1px solid #dddddd;
}

.newbox .informationbox .informationNav li:first-child {
  margin-left: 10px;
}

.newbox .informationbox .informationNav .first.active {
  color: #045da6;
}

.newbox .informationbox .informationNav .first.active .blue_icon {
  display: block;
}

.newbox .informationbox .informationNav .write_message {
  height: 43px;
  width: 112px;
  float: right;
}

.newbox .informationbox .informationNav .write_message a {
  width: 100%;
  height: 100%;
  display: block;
  color: #f7935f;
  text-align: center;
  line-height: 43px;
  position: relative;
}

.newbox .informationbox .informationNav .write_message a img {
  position: absolute;
  top: 11px;
  left: 0px;
}

.newbox .informationbox .informationNav .first {
  float: left;
  width: 120px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: relative;
}

.newbox .informationbox .informationNav .first .blue_icon {
  width: 6px;
  height: 19px;
  float: left;
  background: #015293;
  margin-top: 11px;
  border-radius: 2px;
  display: none;
}

.newbox .informationbox .jczlcontent {
  width: 100%;
  display: none;
}

.newbox .informationbox .jczlcontent.active {
  display: block;
}

.newbox .newlist {
  width: 300px;
  position: absolute;
  right: 0px;
  height: 330px;
  border: 1px solid #dddddd;
}

.newbox .newlist .newlist_top {
  width: 100%;
  text-align: center;
  height: 46px;
  line-height: 46px;
  background: #d7e1eb;
  color: #045da6;
  font-size: 18px;
}

.newbox .newlist .newlist_content {
  text-indent: 32px;
  font-size: 16px;
  height: 274px;
  padding: 5px;
  line-height: 28px;
}

.indexg_tit {
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
}

.indexg_tit span {
  display: block;
  float: left;
  background: #f7f7f7;
  line-height: 30px;
  height: 30px;
  font-size: 13px;
  font-family: "宋体";
  text-align: center;
  color: #464646;
  font-size: 16px;
}

.indexg_tit span.index_gszrx_zt {
  width: 229px;
}

.indexg_tit span.index_gszrx_tj {
  width: 71px;
  margin-left: 1px;
}

.indexg_tit span.index_gszrx_rep {
  width: 71px;
}

.indexg_tit span.index_gszrx_status {
  width: 52px;
}

.index_gszrx_list {
  clear: both;
  margin-top: 5px;
}

.index_gszrx_list span {
  float: left;
  display: block;
}

.index_gszrx_title {
  height: 25px;
  line-height: 25px;
  float: left;
  text-indent: 1em;
  width: 229px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 16px;
}

.indeex_gszrx_tjt {
  width: 71px;
  margin-left: 1px;
  text-align: center;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
}

.indeex_gszrx_rept {
  width: 71px;
  margin-left: 1px;
  text-align: center;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
}

.index_gszrx_statust {
  width: 52px;
  margin-left: 1px;
  text-align: center;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  color: #831611;
  font-size: 16px;
}

.index_gszrx_false {
  width: 52px;
  margin-left: 1px;
  text-align: center;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  color: #4e4e4e;
  font-size: 16px;
}

.index_line {
  border-top: 1px solid #d4d1d1;
  margin-top: 15px;
  clear: both;
}

.index_szrx_cx_bg {
  margin-top: 10px;
  height: 31px;
  padding-top: 7px;
  background: #efefef;
}

.center_list {
  padding-top: 5px;
  padding-left: 15px;
}

.center_list li {
  box-sizing: border-box;
  padding-left: 14px;
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}

.center_list li .time {
  float: right;
  margin-right: 10px;
  color: #909090;
  font-size: 12px;
}

.center_list li a {
  color: #232323;
  text-decoration: none;
}

.center_list li span {
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background-color: #4e4e4e;
  display: block;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -3px;
}

.talklist {
  height: 286px;
  width: 100%;
  margin-top: 18px;
}

.interview {
  width: 888px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
}

.interview .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.interview .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.interview .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.interview .view-box .view-img {
  float: left;
  margin-left: 16px;
}

.interview .view-box .view-img img {
  display: block;
  margin-top: 14px;
}

.interview .view-box .view-con {
  margin-top: 14px;
  width: 500px;
  float: left;
  margin-left: 16px;
}

.r_color {
  font-size: 16px;
  color: #ff3900;
  line-height: 26px;
}

.interview .view-box .view-con .b_color {
  font-size: 16px;
  color: #045da6;
  line-height: 26px;
}

.interview .view-box .view-con .txt {
  font-size: 16px;
}

.blue_icon {
  width: 6px;
  height: 19px;
  background: #015293;
  border-radius: 2px;
}

.interback {
  width: 308px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
}

.interback .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.interback .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.interback .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.interback .center_list li {
  height: 33px;
  line-height: 33px;
}

.Opinion {
  height: 286px;
  width: 100%;
  margin-top: 18px;
}

.Opinionview {
  width: 888px;
  height: 286px;
  float: left;
  border: 1px solid #ccc;
}

.Opinionview .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.Opinionview .title a {
  font-size: 18px;
  width: 168px;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.Opinionview .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.Opinionview .view {
  width: 852;
  height: 230px;
  padding: 6px 18px;
}

.Opinionview .view .view_top {
  width: 100%;
  height: 76px;
  border: 1px solid #ccc;
  position: relative;
  text-align: center;
}

.view_Opinion {
  position: relative;
}

.view_Opinion li {
  position: absolute;
  list-style-type: none;
}

.view_Opinion a {
  background: #68ace5;
  display: block;
  border: 1px solid #dddddd;
  width: 139px;
  height: 67px;
  padding-top: 7px;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
}

.view_Opinion img {
  display: block;
  margin: 0 auto;
}

.view_Opinion span {
  margin-top: 5px;
  text-align: center;
  display: block;
  font-size: 16px;
}

.view .r_color {
  margin-top: 5px;
  display: block;
}

.bl_color {
  width: 162px;
  height: 20px;
  float: left;
  margin-left: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-top: 10px;
}

.bl_color .b_color {
  height: 100%;
  width: 50%;
  display: inline-block;
  background: #68ace5;
  color: #ffffff;
}

.bl_color .d_color {
  height: 100%;
  width: 50%;
  display: inline-block;
  background: #ffffff;
  color: #68ace5;
}

.bl_color.first {
  margin-left: 161px;
}

.corrs {
  position: absolute;
  right: 200px;
  top: 0px;
}

.iweixing {
  width: 308px;
  height: 286px;
  float: left;
  border: 1px solid #cccccc;
}

.iweixing .title {
  width: 100%;
  height: 41px;
  border-top: 2px solid #1f89e1;
  background: #f0f0f0;
  border-bottom: 1px solid #dddddd;
}

.iweixing .title a {
  font-size: 18px;
  width: 73%;
  line-height: 41px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #045da6;
  position: relative;
}

.iweixing .title a .blue_icon {
  margin-left: 40px;
  position: absolute;
  top: 11px;
  left: -10px;
}

.jczlcontent img {
  width: 212px;
  height: auto;
}
/* ========== 响应式适配（修正版，解决重叠问题） ========== */

/* 当屏幕宽度小于1240px时，整体布局改为流式 */
@media screen and (max-width: 1239px) {
  /* 覆盖全局最小宽度限制，允许内容缩放 */
  html,
  body {
    min-width: auto;
  }

  /* 容器宽度自适应 */
  .container,
  .content {
    width: 100%;
    box-sizing: border-box;
  }

  .content {
    padding: 20px;
    margin-bottom: 23px;
  }

  /* 信件统计区：背景图自适应，统计块右浮动改为居中 */
  .top_xlx {
    background-size: 180%;
    height: auto;
    min-height: 137px;
  }
  .top_xlx .statistics {
    width: auto;
    margin-right: 20px;
    padding-left: 20px;
    margin-top: 70px;
    height: 60px;
  }
  .statistics ul {
    display: flex;
  }
  /* 信箱模块：彻底清除绝对定位，改为流式布局，避免重叠 */
  .newbox {
    height: auto;
    overflow: hidden; /* 清除浮动，保证内部块级元素正常排列 */
  }
  .newbox .slidebox {
    width: 100% !important;
    height: auto;
    margin-bottom: 20px;
    float: none;
  }
  .newbox .newlist {
    width: 100% !important;
    height: auto;
    margin-bottom: 20px;
    float: none;
  }
  .newlist .newlist_content {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
  }

  /* 来信列表表头及内容宽度自适应 */
  .indexg_tit span.index_gszrx_zt {
    width: 50%;
  }
  .indexg_tit span.index_gszrx_rep {
    width: 25%;
  }
  .indexg_tit span.index_gszrx_status {
    width: 20%;
  }
  .index_gszrx_title {
    width: 50%;
  }
  .indeex_gszrx_tjt {
    width: 25%;
  }
  .index_gszrx_statust {
    width: 20%;
  }

  /* 解决 talklist 高度不够，内容被裁剪的问题 */
  .talklist {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch; /* 让两个盒子高度自动对齐 */
    gap: 20px;
    height: auto; /* 高度由内容撑开 */
    min-height: 280px; /* 适当最小高度，避免过矮 */
    margin-top: 0;
    overflow: visible; /* 确保内容不被裁剪 */
  }
  .interview,
  .interback {
    flex: 1;
    width: auto;
    float: none;
    box-sizing: border-box;
    height: auto; /* 内部内容撑开高度 */
    overflow: visible;
  }
  .interview {
    flex: 2;
  }
  /* 确保访谈内图片和文字区域完整显示 */
  .interview .view-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
  }
  .interview .view-box .view-img {
    flex: 0 0 auto;
    margin-right: 16px;
  }
  .interview .view-box .view-con {
    flex: 1;
    width: auto;
    margin-right: 0;
  }
  .interview .view-box .view-img img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  /* 回顾列表区域高度自适应 */
  .interback .center_list {
    height: 250px; /* 若内容过多可滚动，避免撑破父容器 */
  }
  /* 保证内部图片和文字自适应，不溢出 */
  .interview .view-box .view-img img {
    max-width: 100%;
    height: auto;
  }
  .interview .view-box .view-con {
    width: auto;
    margin-right: 16px;
    overflow-wrap: break-word;
  }
  /* 意见征集与新媒体矩阵：两栏布局 */
  .Opinion {
    height: auto;
    overflow: hidden;
  }
  .Opinionview {
    width: 66%;
    float: left;
  }
  .iweixing {
    width: 32%;
    float: right;
  }
  .Opinionview .view {
    padding: 6px 12px;
  }
  .bl_color {
    width: 140px;
    margin-left: 20px;
  }
  .bl_color.first {
    margin-left: 20px;
  }
  .center_list li span {
    position: initial;
    margin-top: 15px;
  }
}

/* 手机设备（宽度 ≤ 768px）优化 */
@media screen and (max-width: 768px) {
  /* 全局字体微调 */
  body {
    font-size: 14px;
  }

  /* 顶部统计项改为块级居中 */
  .top_xlx .statistics ul li {
    display: inline-block;
    width: 48%;
    text-align: center;
  }
  .top_xlx .statistics .xlx_si,
  .top_xlx .statistics .xlx_bj {
    float: none;
    width: auto;
    display: inline-block;
  }
  /* 修复 newbox 内 slidebox 和 newlist 重叠 */
  .newbox {
    position: static !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .newbox .slidebox {
    position: static !important;
    width: 100% !important;
    margin-bottom: 20px;
    height: 1060px;
    border: 1px solid #ddd;
  }
  .newbox .newlist {
    position: static !important;
    width: 100% !important;
    height: auto;
    border: 1px solid #ddd;
    margin-left: 0;
  }
  .newlist .newlist_content {
    height: auto;
    max-height: 200px;
    overflow-y: auto;
  }
  /* 导航栏：允许换行，写信按钮右对齐 */
  .newbox .informationbox .informationNav {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 5px 0;
  }
  .newbox .informationbox .informationNav .first {
    width: auto;
    padding: 0 10px;
  }
  .newbox .informationbox .informationNav .write_message {
    width: auto;
    float: none;
    margin-left: auto;
  }
  .newbox .informationbox .informationNav .write_message a img {
    position: static;
    vertical-align: middle;
    margin-right: 5px;
  }
  .Opinionview .jczlcontent {
    margin-top: 160px;
  }
  /* 来信列表：隐藏表头，改为卡片式布局 */
  .indexg_tit {
    display: none;
  }
  .index_gszrx_list {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
    margin: 0;
    overflow: hidden;
  }
  .index_gszrx_title,
  .indeex_gszrx_tjt,
  .index_gszrx_statust {
    width: 100% !important;
    float: none !important;
    text-align: left;
    white-space: normal;
    height: auto;
    line-height: 1.5;
    margin: 5px 0;
  }
  .indeex_gszrx_tjt:before {
    content: "发布时间：";
    font-weight: normal;
    color: #666;
  }
  .index_gszrx_statust:before {
    content: "回复状态：";
    font-weight: normal;
    color: #666;
  }
  .index_gszrx_title a {
    font-weight: bold;
  }

  /* 其他列表（人大建议、政协提案、访谈回顾）改为弹性布局 */
  .center_list li {
    display: flex;
    padding: 8px 0;
    height: auto;
  }
  .center_list li a {
    flex: 1;
    white-space: normal;
    margin-left: 12px;
  }
  .center_list li .time,
  .center_list li .corrs {
    width: auto;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
  }

  /* 在线访谈与回顾改为单栏 */
  .interview,
  .interback {
    width: 100%;
    float: none;
  }
  .interview .view-box .view-img {
    float: none;
    text-align: center;
  }
  .interview .view-box .view-img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .interview .view-box .view-con {
    width: auto;
    float: none;
    margin: 10px 16px;
  }

  /* 意见征集与矩阵改为单栏 */
  .Opinionview,
  .iweixing {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .Opinionview {
    height: 830px;
  }
  .view_top {
    display: block;
    text-align: center;
  }
  .bl_color {
    width: auto;
    margin: 10px 0;
    float: none;
  }
  .bl_color.first {
    margin-left: 0;
  }
  .view_Opinion li {
    position: static;
  }
  .view_Opinion a {
    width: 100%;
    margin: 0 auto;
  }
  .corrs {
    position: static;
    display: inline-block;
    margin-left: 10px;
  }

  /* 矩阵二维码图片自适应 */
  .iweixing .jczlcontent img {
    width: 80%;
    max-width: 212px;
    height: auto;
  }

  /* 弹窗微调 */
  .gov-notice-modal {
    width: 95%;
    padding: 16px;
  }
}