/* solution页面移动端适配 - 覆盖默认主题solution.css */
@media (max-width: 992px) {
  .section { padding: 40px 0 !important; position: relative !important; }
  .section-content { width: calc(100% - 28px) !important; padding: 0 !important; position: relative !important; }
  .server-banner2 { padding: 50px 0 !important; min-height: auto !important; }
  .server-banner2 h1 { font-size: 24px !important; writing-mode: horizontal-tb !important; }
  .server-banner-desc { font-size: 13px !important; line-height: 1.8 !important; writing-mode: horizontal-tb !important; }
  .section-title h2 { font-size: 20px !important; writing-mode: horizontal-tb !important; }

  .trend.fboxRow { display: flex !important; flex-direction: column !important; gap: 20px !important; position: relative !important; }
  .trend-box { width: 100% !important; text-align: center !important; padding: 0 10px !important; position: relative !important; }
  .trend-box img { max-width: 70px !important; margin: 0 auto 10px !important; position: relative !important; }
  .trend-box .con h4 { font-size: 15px !important; writing-mode: horizontal-tb !important; position: relative !important; }
  .trend-box .con p { font-size: 13px !important; line-height: 1.8 !important; writing-mode: horizontal-tb !important; position: relative !important; }

  .arrange-way .img img { max-width: 100% !important; height: auto !important; }

  .hot .swiper-wrapper.jr-tabs { flex-wrap: wrap !important; display: flex !important; gap: 6px !important; padding: 0 10px !important; }
  .hot .swiper-wrapper.jr-tabs .title { font-size: 12px !important; padding: 6px 12px !important; white-space: nowrap !important; }

  .scene-box { flex-direction: column !important; display: flex !important; text-align: center !important; position: relative !important; }
  .scene-box > div:first-child { width: 100% !important; margin-bottom: 16px !important; }
  .scene-box > div:first-child img { max-width: 100% !important; height: auto !important; }
  .scene-cont { width: 100% !important; }
  .scene-cont h4 { font-size: 17px !important; writing-mode: horizontal-tb !important; }
  .scene-cont p { font-size: 13px !important; line-height: 1.8 !important; writing-mode: horizontal-tb !important; }

  .solution-advantage .advantage { position: relative !important; }
  .advantage-list { display: flex !important; flex-direction: column !important; gap: 20px !important; position: relative !important; height: auto !important; }
  .advantage-list .box { width: 100% !important; text-align: center !important; position: relative !important; height: auto !important; left: auto !important; top: auto !important; transform: none !important; }
  .advantage-box { text-align: center !important; position: relative !important; }
  .advantage-box img { max-width: 60px !important; margin: 0 auto !important; }
  .advantage-box h5 { font-size: 15px !important; writing-mode: horizontal-tb !important; position: relative !important; }
  .advantage-box p { font-size: 13px !important; line-height: 1.8 !important; writing-mode: horizontal-tb !important; position: relative !important; }
  .advantage-list .box .dot { display: none !important; }

  .solution-future .fboxWrap { flex-direction: column !important; display: flex !important; position: relative !important; }
  .solution-future .flex2 { width: 100% !important; margin-bottom: 20px !important; }
  .solution-future h2.font38 { font-size: 24px !important; text-align: center !important; writing-mode: horizontal-tb !important; }
  .solution-contact { width: 100% !important; padding: 0 10px !important; }
  .solution-contact .fboxRow { flex-direction: column !important; display: flex !important; gap: 0 !important; }
  .solution-contact .form-group { width: 100% !important; margin-bottom: 14px !important; }
  .solution-contact .control-label { text-align: left !important !important; padding-bottom: 4px !important; }
  .solution-contact .form-control { width: 100% !important; }
}