/* ===========================================
   mobile.css — 移动端适配（≤768px）
   =========================================== */

/* 默认隐藏移动端专属元素 */
.mobile-toggle { display: none; }
.mobile-nav-wrap { display: none; }
#mobile-banner { display: none; }

@media screen and (max-width: 768px) {

  /* ========== 顶部公告栏 ========== */
  .top281 { display: none; }

  /* ========== Header 导航 ========== */
  header {
    height: 60px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  }
  .wrap-160 {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box;
    height: 60px;
  }
  #nav-160 {
    width: 100%;
    justify-content: space-between;
    height: 60px;
    align-items: center;
  }
  #nav-160 .logo-160 {
    width: auto !important;
    max-width: calc(100% - 50px);
    flex: 0 0 auto;
  }
  #nav-160 .logo-160 h1 {
    margin: 0;
    line-height: 60px;
  }
  #nav-160 .logo-160 a img {
    max-height: 44px;
    width: auto;
    display: block;
  }
  #nav-160 ul.nav-160 { display: none !important; }
  #nav-160 .subMenu { display: none !important; }

  /* 汉堡按钮 */
  .mobile-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    margin-left: 12px;
  }
  .mobile-toggle span {
    display: block;
    height: 2px;
    width: 100%;
    background: #333;
    border-radius: 2px;
    transition: all 0.3s;
  }

  /* 移动端遮罩 + 菜单 */
  .mobile-nav-wrap {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.4);
  }
  .mobile-nav-wrap.open { display: block; }

  .mobile-nav-inner {
    background: #fff;
    overflow-y: auto;
    max-height: 70vh;
  }
  .mobile-nav-inner > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mobile-nav-inner > ul > li {
    border-bottom: 1px solid #f2f2f2;
    position: relative;
  }
  .mobile-nav-inner > ul > li > a {
    display: block;
    padding: 14px 20px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
  }
  .mobile-nav-inner .has-sub > a { padding-right: 50px; }
  .mobile-nav-inner .has-sub > a::after {
    content: '+';
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #aaa;
    font-weight: normal;
  }
  .mobile-nav-inner .has-sub.open > a::after { content: '−'; }
  .m-sub {
    display: none;
    background: #f8f8f8;
    border-top: 1px solid #eee;
  }
  .has-sub.open .m-sub { display: block; }
  .m-sub li { border-bottom: 1px solid #eee; }
  .m-sub li a {
    display: block;
    padding: 11px 30px;
    font-size: 14px;
    color: #666;
  }

  /* ========== Banner ========== */
  /* 隐藏 PC 宽幅 banner，改用移动端专用 banner */
  #banner { display: none !important; }

  /* 移动端 banner（16:9，建议图片尺寸 1440x810 px） */
  #mobile-banner {
    display: block;
    overflow: hidden;
  }
  #mobile-banner,
  #mobile-banner #mobile-owl-demo,
  #mobile-banner #mobile-owl-demo .owl-wrapper-outer,
  #mobile-banner #mobile-owl-demo .owl-wrapper,
  #mobile-banner #mobile-owl-demo .owl-item { height: 56.25vw; max-height: 280px; }
  #mobile-banner .m-item {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  /* ========== 产品列表 .prc_325 ========== */
  .prc_325 { padding: 20px 0 10px; }
  .prc_325 .tit .ch { font-size: 18px; }
  .prc_325 .tit .ch::before,
  .prc_325 .tit .ch::after { width: 20px; }
  .prc_325 .pr_box {
    width: 100% !important;
    padding: 0 8px;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .prc_325 .pr_box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .prc_325 .pr_box li {
    width: calc(50% - 10px) !important;
    margin: 4px 5px !important;
    padding: 6px !important;
    box-sizing: border-box;
    float: none !important;
  }
  /* 正方形图片 */
  .prc_325 .pr_box li .pr_pic {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
  }
  .prc_325 .pr_box li .pr_pic img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .prc_325 .pr_box li .pr_tlt {
    font-size: 12px !important;
    line-height: 20px !important;
    height: 20px !important;
  }
  .prc_325 .more {
    width: 140px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
  }

  /* ========== 行业解决方案 .case216 ========== */
  .case216 .item216 {
    width: 50%;
    float: left;
  }

  /* ========== 新闻动态 .news_294 ========== */
  .news_294 { padding: 25px 0 15px; }
  .news_294 .wrap {
    width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .news_294 .wrap .wp-tit h2 { font-size: 22px; }
  .news_294 .wrap .wp-tit p { font-size: 14px; }
  /* 移动端横向滑动卡片 */
  .news_294 .wrap .com-slide {
    height: auto !important;
    overflow: hidden;
  }
  .news_294 .wrap .com-slide .prev,
  .news_294 .wrap .com-slide .next { display: none; }
  .news_294 .wrap .com-list {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 10px;
  }
  .news_294 .wrap .com-list .item {
    display: inline-block !important;
    width: 80vw !important;
    height: auto !important;
    margin: 0 12px 0 0 !important;
    white-space: normal;
    flex-shrink: 0;
    vertical-align: top;
  }
  .news_294 .wrap .com-list .item .pic {
    width: 100% !important;
    height: 180px !important;
    overflow: hidden;
  }
  .news_294 .wrap .com-list .item .pic img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover;
  }
  .news_294 .wrap .com-list .item .text { padding: 12px 15px; }
  .news_294 .wrap .com-list .item .text span {
    height: auto !important;
    white-space: normal;
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin-bottom: 4px;
  }
  .news_294 .wrap .com-list .item .text p {
    font-size: 12px;
    height: auto !important;
    line-height: 20px;
  }

  /* ========== 合作伙伴 .partner-259 ========== */
  .partner-259 .par-con {
    width: 100% !important;
    padding: 20px 15px 15px;
    box-sizing: border-box;
  }
  .partner-259 .par-con .center-title i {
    font-size: 22px;
    height: auto;
    line-height: 1.5em;
  }
  .partner-259 .par-con .center-title span {
    font-size: 13px;
    height: auto;
    line-height: 28px;
  }
  /* 横向滚动 */
  .partner-259 .par-con .scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 15px;
  }
  .partner-259 .par-con .scroll .partner-list {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }
  .partner-259 .par-con .scroll .partner-list li {
    width: 130px !important;
    height: 58px !important;
    margin-right: 10px;
    float: none !important;
    flex-shrink: 0;
  }
  .partner-259 .par-con .scroll .partner-list img {
    width: 130px !important;
    height: 58px !important;
    object-fit: contain;
  }

  /* ========== 关于我们 .about213 ========== */
  .about213 .w1200 {
    width: 100% !important;
    padding: 20px 15px;
    box-sizing: border-box;
  }
  .about213 .tit213 .en213 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .about213 .tit213 h3 {
    font-size: 16px;
    height: auto;
    line-height: 32px;
    padding: 0 10px;
  }
  .about213 .contxt {
    width: 100% !important;
    font-size: 14px;
    line-height: 26px;
  }
  .about213 .more213 {
    width: 160px;
    height: 38px;
    line-height: 34px;
    font-size: 14px;
  }

  /* ========== 公司资质 .about_261 ========== */
  .about_261 .title {
    width: 100% !important;
    height: auto !important;
    padding: 0 15px 5px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .about_261 .title span {
    font-size: 20px;
    margin-top: 15px;
  }
  .about_261 .title a { padding-top: 22px; font-size: 13px; }
  /* 改为横向滚动 */
  .about_261 .rongyu {
    width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    position: static !important;
    padding: 0 15px 10px;
    box-sizing: border-box;
  }
  .about_261 .rongyu ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    position: static !important;
    left: auto !important;
    width: max-content !important;
    height: auto !important;
  }
  .about_261 .rongyu ul li {
    width: 150px !important;
    height: auto !important;
    flex-shrink: 0;
    margin: 5px;
  }
  .about_261 .rongyu ul li img {
    width: 140px !important;
    height: auto !important;
  }
  .about_261 .rongyu ul li a {
    height: auto !important;
    display: block;
  }
  .about_261 .rongyu ul li a span {
    height: auto !important;
    display: block !important;
    font-size: 11px;
    line-height: 18px;
    color: #888;
  }

  /* ========== 新闻列表 .news130 ========== */
  /* 覆盖 haode.css 的 body padding */
  body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .news130 { padding: 20px 0; }
  .container {
    width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .ey-news130 {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .ey-news130 .item130 {
    width: 100% !important;
    float: none !important;
  }
  .ey-news130 .wrap130 {
    margin-left: 0 !important;
    margin-top: 15px;
  }

  /* ========== 友情链接 ========== */
  .link192 .w192 {
    width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }

  /* ========== 页脚 .footer169 ========== */
  .footer169 .w169 {
    width: 100% !important;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .footer169 .b169_main {
    padding: 20px 15px 15px;
    box-sizing: border-box;
  }

  /* 联系信息块 */
  .footer169 .b169_main .lx169 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }
  .footer169 .b169_main .lx169 h3 {
    margin-bottom: 12px !important;
  }
  .footer169 .b169_main .lx169 p.tel169 {
    font-size: 26px;
    line-height: 40px;
  }
  .footer169 .b169_main .lx169 p {
    font-size: 13px;
    line-height: 26px;
  }

  /* 导航列：两列 flex 布局 */
  .footer169 .b169_main .bnav169 {
    float: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
    height: auto !important;
    padding: 16px 0 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap;
    white-space: normal !important;
    overflow: visible !important;
  }
  .footer169 .b169_main .bnav169 dl {
    display: block !important;
    float: none !important;
    width: calc(50% - 8px) !important;
    margin: 0 4px 16px !important;
    text-align: left !important;
    overflow: visible !important;
  }
  .footer169 .b169_main .bnav169 dl dt {
    height: auto !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 6px;
  }
  .footer169 .b169_main .bnav169 dl dt a {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .footer169 .b169_main .bnav169 dl dd {
    height: auto !important;
    padding-bottom: 6px !important;
  }
  .footer169 .b169_main .bnav169 dl dd a {
    font-size: 12px !important;
    line-height: 18px !important;
    color: rgba(255,255,255,0.75) !important;
  }

  /* 隐藏二维码 */
  .footer169 .b169_main .ewm169 { display: none !important; }

  /* 版权栏 */
  .footer169 .bq169_main {
    padding: 12px 15px !important;
    text-align: center !important;
  }
  .footer169 .bq169_main .w169 {
    width: 100% !important;
    padding: 0 !important;
  }
  .footer169 .bq169_main p {
    font-size: 12px !important;
    line-height: 2 !important;
    margin: 0 !important;
    white-space: normal !important;
  }
  .footer169 .bq169_main .bq-copyright,
  .footer169 .bq169_main .bq-icp,
  .footer169 .bq169_main .bq-top {
    display: block !important;
    font-size: 12px !important;
    line-height: 2 !important;
  }
  .footer169 .bq169_main .bq-icp,
  .footer169 .bq169_main .bq-top {
    /* 去掉 PC 端用于间距的空格 */
    margin-left: 0 !important;
  }
}