/* =========================================================
   手机端适配（屏幕宽度 ≤ 767px 时生效，电脑端不受影响）
   ========================================================= */
@media (max-width: 767px) {

  /* ---------- 通用 ---------- */
  html, body { max-width: 100%; overflow-x: hidden; }
  img { max-width: 100% !important; height: auto !important; }

  /* ---------- 顶部导航 ---------- */
  nav.navbar { padding: 6px 0 !important; }
  nav.navbar > .container { width: 100% !important; margin: 0 !important; padding: 0 12px !important; }
  .navbar-header { width: 100% !important; float: none !important; }
  .navbar-brand { padding: 8px 0 !important; height: auto !important; }
  #logo { width: 170px !important; }
  .navbar-collapse { width: 100% !important; float: none !important; max-height: 75vh; overflow-y: auto; }
  .navbar-nav { margin: 0 !important; }
  .navbar-nav > li { margin-left: 0 !important; float: none !important; }
  .navbar-nav > li > a { margin-left: 0 !important; font-size: 16px !important; float: none !important; }
  .navbar-nav > li > img { margin-left: 15px !important; height: 24px !important; width: 24px !important; }
  .navbar-nav > li > img + a { font-size: 20px !important; padding-top: 10px !important; }
  /* 下拉子菜单：在手机上改为正常排列 */
  #tc1_1, #tc12_12, #tc31 { position: static !important; width: 100% !important; margin-left: 0 !important; }

  /* ---------- 首页：顶部轮播图 ---------- */
  #carousel-example-generic { display: block !important; margin-top: 62px; }
  .flexslider { height: auto !important; }
  .flexslider .slides img { width: 100% !important; }
  .function-introduction { margin: 8px 0 !important; padding: 0 8px; }

  /* ---------- 首页：算法应用 ---------- */
  #about > .container { margin: 10px 0 0 0 !important; width: 100% !important; }
  #about .row.heading { margin: 0 !important; }
  #about .heading .col-lg-12 { flex-wrap: wrap; padding: 10px 12px !important; }
  #about .heading .col-lg-12 > span:not(.smallTitle) { display: none !important; }
  .bigTitile { font-size: 26px !important; width: 100%; padding: 0 0 8px 0 !important; text-align: left; }
  .smallTitle { font-size: 15px !important; padding: 6px 10px !important; border-left: none !important; }

  #visionInspectionDiv, #patternRecognitionDiv, #OCRRecognitionDiv, #solutionDiv { width: 100% !important; }
  #visionInspectionDiv ul, #patternRecognitionDiv ul, #OCRRecognitionDiv ul, #solutionDiv ul {
    display: flex; flex-wrap: wrap; padding: 0 6px !important; margin: 0;
  }
  .liImgShow { width: 50% !important; float: none !important; padding: 12px 6px 0 6px !important; }
  .liImgShow img { width: 100% !important; }
  .pImgShowTitle { font-size: 14px; margin: 6px 0 2px; }
  .pImgShow { font-size: 12px; color: #888; }
  .liSolution { width: 100% !important; float: none !important; margin-bottom: 12px !important; }
  .liSolution p:first-child { font-size: 17px !important; margin-bottom: 2px; }

  /* ---------- 首页：先进技术 01/02/03 ---------- */
  .solution { padding: 0 16px 20px; }
  .solution p { font-size: 26px !important; margin: 0 !important; padding-top: 30px !important; display: block !important; }
  .solution > div:not(.divSolution) > span { display: block !important; margin: 6px 0 0 0 !important; font-size: 16px !important; }
  .divSolution { float: none !important; margin: 24px 0 0 0 !important; font-size: 0; }
  .divSolution br { display: none; }
  .divSolution > img { margin: 0 8px 0 0 !important; width: 46px !important; height: auto !important; vertical-align: middle; }
  .spanBigTitle { font-size: 20px !important; vertical-align: middle; display: inline-block; width: calc(100% - 54px); margin-bottom: 6px; }
  .spanSmallTtile { display: inline !important; height: auto !important; margin: 0 !important; font-size: 15px !important; line-height: 1.8; color: #555; }
  .divSolution .spanBigTitle + .spanSmallTtile,
  .divSolution .spanBigTitle ~ .spanSmallTtile:first-of-type { margin-top: 8px !important; }
  .divSolutionImage { float: none !important; margin: 16px 0 0 0 !important; text-align: center; }

  /* ---------- 首页：量身定制开发 ---------- */
  #services { background-size: cover !important; padding: 30px 0 10px !important; }
  #services > .container { margin: 0 !important; width: 100% !important; }
  #services .col-lg-12 { margin: 0 !important; padding: 0 16px !important; }
  #liang { font-size: 28px !important; margin: 0 !important; display: block !important; }
  #services .zhuan { display: block !important; margin: 8px 0 0 0 !important; font-size: 16px !important; }
  #services > .row { margin: 10px 0 20px !important; width: 100% !important; }
  #services .row.heading { display: contents; }
  #services .col-lg-3 { width: 50% !important; margin-left: 0 !important; float: left !important; padding: 0 6px !important; }
  #services .service-box { margin: 10px 0 !important; }

  /* ---------- 首页：合作伙伴 ---------- */
  .partner-section { height: auto !important; }
  .partner-section > div { padding: 40px 12px !important; }
  .partner-section span { font-size: 26px !important; margin-top: 8px !important; }
  .partner-section img { margin-top: 20px !important; }

  /* ---------- 页脚 ---------- */
  footer > div { margin-left: 0 !important; padding: 0 20px 20px !important; }
  footer .footer_text1, footer .footer_text2, footer > div > div {
    float: none !important; width: 100% !important; margin-top: 30px !important; margin-bottom: 0 !important;
  }
  footer .footer_text1 p, footer .footer_text2 p { font-size: 24px !important; margin: 0; }
  footer hr { margin-top: 10px !important; width: 80px !important; }
  footer ul { padding-left: 0 !important; }
  footer .liIntro, footer .liIntro1 { font-size: 15px !important; padding-bottom: 10px !important; list-style: none; margin-left: 0 !important; }
  footer .footer_text1 ul { display: flex; flex-wrap: wrap; }
  footer .footer_text1 .liIntro { margin-right: 18px !important; }
  footer > div > div:last-child { text-align: center; }
  footer > div > div:last-child img { width: 180px !important; }
  footer > div > div:last-child p { margin: 10px 0 0 0 !important; font-size: 16px !important; }
  .copyright-bar,
  div[style*="height: 30px;font-size: 14px;text-align: center"] { height: auto !important; padding: 8px 12px; line-height: 1.6; }
  .copyright-bar span,
  div[style*="height: 30px;font-size: 14px;text-align: center"] span { line-height: 1.6 !important; font-size: 12px !important; display: block; }

  /* 首页右侧悬浮栏（依赖鼠标悬停，手机上无法使用且会遮挡内容）；内页自带手机底部栏，保留 */
  .fixed-right .rightnav { display: none !important; }

  /* ---------- 导航栏在手机上用白底，Logo 才看得清 ---------- */
  nav.navbar { background-color: #fff !important; border-bottom: 1px solid #eee !important; }

  /* ---------- 大字号标题：缩小并修正行距（原来行距过小导致换行后两行重叠） ---------- */
  [style*="font-size: 40pt"], [style*="font-size:40pt"] { font-size: 28px !important; line-height: 1.3 !important; }
  [style*="font-size: 45px"], [style*="font-size: 40px"], [style*="font-size:40px"] { font-size: 24px !important; line-height: 1.35 !important; }
  [style*="font-size: 35px"], [style*="font-size: 30px"], [style*="font-size:30px"] { font-size: 20px !important; line-height: 1.4 !important; }
  .about-page span[style*="font-size"] { display: inline-block; padding: 0 14px; }

  /* 标签小圆角块 */
  [style*="border-radius: 15px;background-color: #eeeeee"] { font-size: 14px !important; margin: 4px !important; padding: 3px 12px !important; }

  /* 算法商城页：顶部留白 */
  p[style*="padding-top: 150px"] { padding-top: 30px !important; margin-bottom: 16px !important; }
  div[style*="width: 80%;margin: auto"] { width: auto !important; margin: 0 16px !important; }

  /* ---------- 内页（案例页）顶部横幅 ---------- */
  .about-page-s1 .img-box img { height: 100% !important; width: 100% !important; object-fit: cover; }

  /* ---------- 内页正文：左右分栏改为上下排列 ---------- */
  .about-page [style*="width: 60%"], .about-page [style*="width:60%"] { width: auto !important; margin-left: 16px !important; margin-right: 16px !important; }
  .about-page [style*="display: flex"], .about-page [style*="display:flex"] { flex-direction: column !important; }
  .leftDiv1, .rightDiv1, .leftDiv, .rightDiv { width: 100% !important; float: none !important; margin-left: 0 !important; }
  .rightDiv1, .rightDiv { margin-top: 16px !important; }
  .about-page p { font-size: 15px; line-height: 1.7; }
}