@charset "utf-8";
/* =============================================
   讯睿CMS 自适应响应式样式
   断点：992px(平板), 768px(大手机), 480px(小手机)
   ============================================= */

/* 汉堡菜单按钮（移动端） */
.nav-toggle {
  display: none;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
  color: #333;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 1px;
  z-index: 1000;
}
.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after {
  display: block;
  width: 22px;
  height: 2px;
  background: #333;
  margin: 5px auto;
  transition: all 0.3s ease;
}

/* =============================================
   平板端（≤992px）
   ============================================= */
@media (max-width: 992px) {
  /* 容器自适应 */
  .container {
    width: 100% !important;
    max-width: 960px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .footer_copyright {
    width: 100% !important;
    padding: 0 12px;
    box-sizing: border-box;
  }

  /* 顶部导航 */
  .top_nav {
    width: 100%;
  }
  .top_middle_s {
    margin-left: 10px;
    width: auto;
    flex: 1;
  }
  .form input {
    width: calc(100% - 70px) !important;
  }

  /* 导航栏宽度 */
  ul.navs {
    width: auto;
    max-width: calc(100% - 180px);
  }

  /* 首页顶部焦点图区域 */
  .container-bar .col-xs-6 {
    width: 50% !important;
  }
  .container-bar .col-xs-4 {
    width: 38% !important;
    padding: 0;
    margin-left: 0;
  }
  .container-bar .col-xs-4 .thumbnail-warp {
    width: 100% !important;
  }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail {
    width: calc(50% - 8px) !important;
    height: 120px !important;
  }
  .container-bar .col-xs-2 {
    width: 12% !important;
    height: auto !important;
  }
  .container-bar .col-xs-2 .thumbnail-sm,
  .container-bar .col-xs-2 img {
    width: 100% !important;
    height: 250px !important;
  }

  /* 主内容区 */
  .main-area .row .left,
  .main-area .row .pleft {
    width: 62% !important;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .main-area .row .right,
  .main-area .row .pright {
    width: 35% !important;
    box-sizing: border-box;
  }
  .pleft {
    width: 62% !important;
  }
  .pright {
    width: 35% !important;
  }
  .pright ul.list-item {
    width: 100% !important;
  }

  /* 文章详情 */
  .tab-controller {
    width: 100% !important;
  }

  /* 新闻列表图片+文字 */
  .new-day li {
    width: calc(50% - 2px) !important;
  }
  .new-video {
    width: 260px;
    height: 175px;
  }
  .new-video img {
    width: 260px !important;
    height: 175px !important;
  }
  .new-video .thumbnail-sm {
    height: 175px !important;
  }
}

/* =============================================
   手机端（≤768px）
   ============================================= */
@media (max-width: 768px) {
  /* 通用容器 */
  .container {
    width: 100% !important;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  /* 顶栏隐藏 */
  .site-top-nav {
    display: none;
  }

  /* Logo + 搜索头部 */
  .top_middle {
    height: auto !important;
    padding: 8px 0;
  }
  .top_middle .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .top_middle_logo {
    float: none;
    flex: 0 0 auto;
  }
  .top_middle_logo .logo {
    height: 40px !important;
  }
  .top_middle_s {
    float: none;
    margin-left: 10px;
    width: auto;
    flex: 1;
    padding-top: 0;
    min-width: 0;
  }
  .form {
    display: flex;
  }
  .form input {
    width: calc(100% - 60px) !important;
    height: 34px !important;
    line-height: 34px !important;
    box-sizing: border-box;
    flex: 1;
  }
  .search-submit {
    height: 34px !important;
    width: 60px !important;
    font-size: 14px !important;
    flex-shrink: 0;
  }
  /* 隐藏滚动文字区域 */
  .txtScroll-top {
    display: none;
  }
  .top_middle_ad {
    display: none;
  }

  /* 导航栏 - 汉堡菜单 */
  .nav_cnt {
    height: auto !important;
    position: relative;
  }
  .nav_cnt .container {
    position: relative;
    padding-right: 55px;
  }
  .nav-toggle {
    display: block;
  }
  ul.navs {
    display: none;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    flex-direction: column;
    background: #fff;
    margin-top: 0;
    border-top: 1px solid #eee;
  }
  ul.navs.open {
    display: block;
  }
  ul.navs li {
    float: none !important;
    height: auto !important;
    display: block;
    border-bottom: 1px solid #f0f0f0;
    border-top: none !important;
  }
  ul.navs li a {
    height: auto !important;
    line-height: 42px !important;
    font-size: 15px !important;
    padding-left: 15px !important;
    display: block;
  }
  .sub-nav {
    display: none;
  }
  .icon-nav {
    display: none !important;
  }

  /* 首页顶部焦点图 — 改为单列 */
  .container-bar .row {
    display: block;
  }
  .container-bar .col-xs-6,
  .container-bar .col-xs-4,
  .container-bar .col-xs-2 {
    width: 100% !important;
    float: none !important;
    display: block;
    margin-left: 0 !important;
    padding: 0 !important;
  }
  .index-one-fours {
    height: 220px !important;
  }
  .index-one-fours .bd img {
    height: 220px !important;
  }
  .container-bar .col-xs-4 .thumbnail-warp {
    width: 100% !important;
    display: flex;
  }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail {
    flex: 1;
    width: calc(50% - 4px) !important;
    height: 110px !important;
    margin-right: 4px !important;
  }
  .container-bar .col-xs-2 {
    display: none !important;
  }

  /* 排行榜区域 */
  .ent-toutiao .new-video {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin-bottom: 10px;
  }
  .ent-toutiao .new-video img {
    width: 100% !important;
    height: auto !important;
  }
  .new-day ul {
    display: block;
  }
  .new-day li {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    box-sizing: border-box;
  }
  .new-day .media-body a {
    width: auto !important;
    white-space: normal !important;
  }
  .new-day .media-bottom {
    width: auto !important;
    height: auto !important;
  }

  /* 主内容 — 单列布局 */
  .main-area .row,
  .main-area .float-fix {
    display: block;
  }
  .main-area .row .left,
  .main-area .row .right,
  .main-area .row .pleft,
  .main-area .row .pright,
  .pleft,
  .pright {
    width: 100% !important;
    float: none !important;
    display: block;
    box-sizing: border-box;
    padding: 0 !important;
  }
  .pright ul.list-item {
    width: 100% !important;
  }

  /* 文章列表 */
  .tab-controller {
    width: 100% !important;
    height: auto !important;
    padding: 5px 10px !important;
  }
  .article-list .media-left {
    height: 90px !important;
  }
  .article-list .thumbnail {
    height: 90px !important;
    width: 120px !important;
  }
  .media-left, .article-list .media-left {
    height: 90px !important;
  }

  /* 图片列表 */
  .list-img ol {
    width: 100% !important;
  }
  .list-img li {
    width: calc(50% - 10px) !important;
  }
  .list-img li img {
    width: 100% !important;
    height: 90px !important;
  }

  /* 广告区域 — 隐藏或自适应 */
  .mm-sm300250,
  .mm-sm336280,
  .mm-sm768250,
  .mm-sm76890,
  .mm-sm80490,
  .mm-lg117090 {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
  }

  /* 底部 */
  .footer_copyright {
    width: 100% !important;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .footer_copyright_inner .company-copy .left,
  .footer_copyright_inner .company-copy .right {
    float: none !important;
    display: block;
    text-align: center;
  }
  .footer_copyright_inner .company-info {
    text-align: center;
  }

  /* 分页 */
  .pagelist a,
  .thisclass {
    padding: 5px 8px !important;
    margin: 0 2px !important;
    font-size: 12px !important;
  }
}

/* =============================================
   小手机（≤480px）
   ============================================= */
@media (max-width: 480px) {
  body {
    font-size: 13px;
  }
  .container {
    padding: 0 8px;
  }
  .top_middle_logo .logo {
    height: 34px !important;
  }
  .form input {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 13px;
  }
  .search-submit {
    height: 30px !important;
    width: 50px !important;
    font-size: 13px !important;
  }

  /* 焦点图 */
  .index-one-fours {
    height: 180px !important;
  }
  .index-one-fours .bd img {
    height: 180px !important;
  }

  /* 文章列表缩图 */
  .article-list .thumbnail,
  .article-list .media-left {
    width: 80px !important;
    height: 70px !important;
  }
  .article-list .media-left {
    height: 70px !important;
  }
  .ft18 {
    font-size: 15px !important;
  }
  .ft16 {
    font-size: 14px !important;
  }
  .ft14 {
    font-size: 13px !important;
  }

  /* 图片列表单列 */
  .list-img li {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .list-img li img {
    height: 150px !important;
  }

  /* 翻页精简 */
  .pagelist a,
  .thisclass {
    padding: 4px 6px !important;
    font-size: 12px !important;
  }

  /* 排行榜简化 */
  .listtop .listnum,
  .listtop .listnum1,
  .listtop .listnum2,
  .listtop .listnum3,
  .listtop .listnum4,
  .listtop .listnum5,
  .listtop .listnum6,
  .listtop .listnum7,
  .listtop .listnum8 {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 11px !important;
  }
  .listtop li {
    padding-left: 40px !important;
  }

  /* 标签云 */
  .tag-cloud a,
  .tag-sm a {
    padding: 4px 6px !important;
    font-size: 12px !important;
  }
}

/* =============================================
   全局图片自适应（所有分辨率）
   ============================================= */
img {
  max-width: 100%;
  height: auto;
}
.thumbnail img {
  max-width: none;
}
/* 让文章内容图片自适应 */
#main-content img {
  max-width: 100%;
  height: auto !important;
}