@charset "utf-8";
/* ==================================================
   讯睿CMS ben模板 responsive.css v6
   注意：导航由 nav.css 末尾处理
         pleft/pright 由 base.css 末尾处理
         article-list/topx 由 layout.css 末尾处理
         本文件仅处理 head区域/首页焦点图/内容页/广告/全局
   ================================================== */

/* 全局图片自适应 */
img { max-width: 100%; height: auto; }
#main-content img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}

/* 汉堡按钮全局隐藏（改用横向滚动导航） */
.nav-toggle { display: none !important; }

/* ==================================================
   平板 ≤ 1100px
   ================================================== */
@media (max-width: 1100px) {
  .container { max-width: 100% !important; padding: 0 12px !important; }
  .form input { width: 140px !important; }
  ul.navs { max-width: 100% !important; }
  .new-video { width: 220px !important; height: 155px !important; }
  .new-video img { width: 220px !important; height: 155px !important; }
}

/* ==================================================
   手机 ≤ 768px
   ================================================== */
@media (max-width: 768px) {

  /* ---- Logo + 搜索区 ---- */
  .top_middle { height: auto !important; padding: 6px 0 !important; }
  .top_middle .container {
    display: flex !important; align-items: center !important;
    flex-wrap: nowrap !important; padding: 6px 10px !important;
  }
  .top_middle_logo {
    float: none !important; flex-shrink: 0 !important; line-height: 1 !important;
  }
  .top_middle_logo .logo {
    display: block !important; height: 34px !important;
    width: auto !important; max-width: 120px !important;
  }
  .top_middle_s {
    float: none !important; flex: 1 !important; min-width: 0 !important;
    margin-left: 8px !important; padding: 0 !important;
  }
  .form { display: flex !important; }
  .form input {
    flex: 1 !important; width: 0 !important; min-width: 0 !important;
    height: 32px !important; line-height: 32px !important;
    font-size: 13px !important; border-radius: 2px 0 0 2px !important;
    box-sizing: border-box !important;
  }
  .search-submit {
    flex-shrink: 0 !important; width: 50px !important; height: 32px !important;
    font-size: 13px !important; border-radius: 0 2px 2px 0 !important;
    padding: 0 !important; box-sizing: border-box !important;
  }
  /* 隐藏滚动新闻条 */
  .txtScroll-top, .top_nav_r, .sub-nav, .site-top-nav { display: none !important; }

  /* ---- 首页焦点图区域 ---- */
  .container-bar .col-xs-2 { display: none !important; }
  .container-bar .col-xs-6,
  .container-bar .col-xs-4 {
    float: none !important; width: 100% !important;
    padding: 0 !important; margin: 0 !important;
  }
  .index-one-fours { height: 190px !important; }
  .index-one-fours .bd img,
  .index-one-fours .bd a img {
    height: 190px !important; width: 100% !important; object-fit: cover !important;
  }
  .container-bar .col-xs-4 .thumbnail-warp {
    display: flex !important; width: 100% !important;
  }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail {
    flex: 1 !important; width: 0 !important; height: 85px !important;
    margin-right: 2px !important; overflow: hidden !important;
  }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail:last-child { margin-right: 0 !important; }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail img {
    width: 100% !important; height: 85px !important; object-fit: cover !important;
  }

  /* ---- 热榜视频图 ---- */
  .new-video {
    float: none !important; width: 100% !important;
    height: 175px !important; margin: 0 0 6px !important;
  }
  .new-video img, .new-video .thumbnail-sm {
    width: 100% !important; height: 175px !important; object-fit: cover !important;
  }

  /* ---- new-day 图文列表 (单条横向) ---- */
  .new-day li {
    float: none !important; width: 100% !important; height: auto !important;
    box-sizing: border-box !important; padding: 10px !important;
    border-top: none !important; border-bottom: 1px solid #efefef !important;
    display: flex !important; align-items: flex-start !important;
  }
  .new-day .media-left {
    display: block !important; float: none !important;
    flex-shrink: 0 !important; margin-right: 10px !important;
  }
  .new-day .media-left img {
    width: 88px !important; height: 62px !important;
    object-fit: cover !important; display: block !important;
  }
  .new-day .media { flex: 1 !important; min-width: 0 !important; margin-top: 0 !important; }
  .new-day .media-body { width: 100% !important; }
  .new-day .media-body a {
    display: block !important; white-space: normal !important;
    word-break: break-all !important; font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .new-day .media-bottom {
    font-size: 12px !important; color: #999 !important;
    white-space: normal !important; line-height: 1.4 !important;
  }

  /* ---- Tab栏横向滚动 ---- */
  .tab-controller {
    width: 100% !important; overflow-x: auto !important;
    white-space: nowrap !important; -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .tab-controller::-webkit-scrollbar { display: none; }
  .tab-controller li { display: inline-block !important; float: none !important; }

  /* ---- 内容页 (article_article) ---- */
  .viewbox { padding: 10px !important; }
  .article-header .title { font-size: 18px !important; line-height: 1.4 !important; }
  .article-header .info { font-size: 12px !important; line-height: 1.6 !important; }
  .article-header .info .left,
  .article-header .info .right {
    float: none !important; display: block !important; width: 100% !important;
  }
  #main-content {
    font-size: 15px !important; line-height: 1.8 !important;
    overflow-x: hidden !important; word-break: break-word !important;
  }
  #main-content table {
    width: 100% !important; max-width: 100% !important;
    table-layout: fixed !important; overflow-x: auto !important;
  }
  .context_bottom p { font-size: 13px !important; }
  .article-recommend li { font-size: 13px !important; line-height: 1.8 !important; }

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

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

  /* ---- 分页 ---- */
  .pagelist { text-align: center !important; }
  .pagelist a, .thisclass {
    padding: 5px 8px !important; margin: 2px !important;
    font-size: 12px !important; display: inline-block !important;
  }
}

/* ==================================================
   小屏 ≤ 480px
   ================================================== */
@media (max-width: 480px) {
  .top_middle_logo .logo { height: 28px !important; max-width: 100px !important; }
  .form input { height: 30px !important; line-height: 30px !important; }
  .search-submit { width: 44px !important; height: 30px !important; font-size: 12px !important; }
  .index-one-fours { height: 160px !important; }
  .index-one-fours .bd img, .index-one-fours .bd a img { height: 160px !important; }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail { height: 72px !important; }
  .container-bar .col-xs-4 .thumbnail-warp .thumbnail img { height: 72px !important; }
  .new-video { height: 150px !important; }
  .new-video img, .new-video .thumbnail-sm { height: 150px !important; }
  .new-day li { padding: 8px !important; }
  .new-day .media-left img { width: 76px !important; height: 56px !important; }
  .article-header .title { font-size: 16px !important; }
  #main-content { font-size: 14px !important; }
  .ft18 { font-size: 15px !important; }
  .ft16 { font-size: 14px !important; }
  .ft14 { font-size: 13px !important; }
  .pagelist a, .thisclass { padding: 4px 6px !important; font-size: 11px !important; }
}