@charset "utf-8";

/* PC 站自适应：统一手机/平板体验，不再跳转独立手机模板 */

html {
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  body {
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
  }

  .auto,
  .site-footer .ft-inner,
  .top_nav .main,
  .article-shell {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pc-toplogo,
  .pc-toplogo-inner {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .pc-toplogo-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    box-sizing: border-box;
  }

  .pc-toplogo-logo {
    float: none !important;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto;
  }

  .pc-toplogo-logo img {
    height: 42px !important;
    width: auto !important;
  }

  .pc-toplogo-right {
    float: none !important;
    width: auto !important;
    height: auto !important;
    padding-top: 0 !important;
    text-align: right;
  }

  .pc-toplogo-tools {
    display: none !important;
  }

  .pc-toplogo-hotline {
    float: none !important;
    font-size: 13px !important;
    color: #cb0401 !important;
  }

  .pc-toplogo-hotline span {
    font-size: 18px !important;
  }

  .m-nav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: #cb0401;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
  }

  /* 导航导航 */
  .phd .top_nav {
    height: auto !important;
    position: relative;
    z-index: 100000;
  }

  .phd .top_nav .main {
    width: 100% !important;
    margin: 0 !important;
    display: none;
    flex-direction: column;
    background: #cb0401;
    padding: 0 !important;
  }

  .phd .top_nav.is-open .main {
    display: flex !important;
  }

  .phd .top_nav .main > div {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }

  .phd .top_nav .main > div .a_home {
    display: block;
    padding: 14px 16px !important;
    line-height: 1.4 !important;
    height: auto !important;
  }

  .phd .top_nav ul {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
  }

  .phd .top_nav li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
    background-image: none !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }

  .phd .top_nav li a {
    display: block !important;
    padding: 14px 16px !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 15px !important;
  }

  .phd .sub_nav {
    display: none !important;
  }

  /* banner */
  .banner.flexslider,
  .banner {
    width: 100% !important;
    overflow: hidden;
  }

  .banner img,
  .flexslider img,
  .slides img {
    width: 100% !important;
    height: auto !important;
  }

  /* 首页模块 */
  .content {
    overflow-x: hidden;
  }

  .index3 .auto,
  .index3_con,
  .index3_dl,
  .index3_dt1,
  .index3_dl dd,
  .index4,
  .index5 {
    width: 100% !important;
    float: none !important;
  }

  .index3_dt1,
  .index3_dt1 a,
  .index3_dt1 img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .index3_dl {
    display: block !important;
  }

  .index3_dl dt,
  .index3_dl dd {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }

  .id_ul li {
    width: 100% !important;
  }

  .index4_top {
    display: block !important;
  }

  .index4_dl1,
  .index4_dl2,
  .index4_dl3 {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }

  .index4_dl1 img,
  .index4_dl2 img,
  .index4_dl3 img {
    width: 100% !important;
    height: auto !important;
  }

  .index5_dl1,
  .index5_dl2 {
    float: none !important;
    width: 100% !important;
    margin-bottom: 16px !important;
  }

  .ly_title {
    height: auto !important;
    padding: 12px 0 !important;
  }

  .ly_title .fl,
  .ly_title .fr,
  .lt_right {
    float: none !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .ly_left {
    display: none !important;
  }

  .ly_right {
    float: none !important;
    width: 100% !important;
  }

  .list {
    padding: 0 0 20px !important;
  }

  /* 列表 */
  .art-list .art-item {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 0 !important;
  }

  .art-list .art-cover {
    width: 100% !important;
    flex-basis: auto !important;
    height: 180px !important;
  }

  .art-list .art-title {
    font-size: 17px !important;
  }

  .news-grid {
    display: block !important;
  }

  .news-card {
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  .m-case-grid,
  .zy_ul ul,
  .index1_auto ul {
    width: 100% !important;
  }

  .zy_ul li,
  .index1_auto li {
    float: none !important;
    width: 100% !important;
    margin: 0 0 14px !important;
  }

  /* 详情 */
  .article-page {
    padding: 0 0 30px !important;
  }

  .article-shell {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }

  .article-hero,
  .article-body,
  .article-foot {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .article-title {
    font-size: 22px !important;
  }

  .article-nav {
    grid-template-columns: 1fr !important;
  }

  .article-related ul {
    grid-template-columns: 1fr !important;
  }

  .case-detail {
    display: block !important;
  }

  .case-detail .cd-gallery {
    margin-bottom: 18px;
  }

  /* 页脚 */
  .site-footer {
    margin-top: 24px;
  }

  .site-footer .ft-brand,
  .site-footer .ft-bottom,
  .site-footer .ft-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .site-footer .ft-hotline {
    text-align: left !important;
  }

  .site-footer .ft-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 18px 12px !important;
    padding: 24px 0 !important;
  }

  .site-footer .ft-col {
    flex: none !important;
    width: 100%;
  }

  .site-footer .ft-brand-copy h3 {
    font-size: 22px !important;
  }

  .site-footer .ft-hotline strong {
    font-size: 24px !important;
  }

  .pagexx {
    padding: 10px 0 24px !important;
  }
}

@media (max-width: 768px) {
  .site-footer .ft-nav {
    grid-template-columns: 1fr 1fr;
  }

  .pc-toplogo-hotline {
    display: none !important;
  }

  .m-only-phone {
    display: inline-flex !important;
  }
}

@media (min-width: 1201px) {
  .m-nav-toggle {
    display: none !important;
  }
}