/*
 * 解决方案页专属样式（solutions.html）
 * 设计稿：1:5999「解决方案-定」（1920×3280，底色 #F2F2F2）
 * 结构：banner(700) → 二级菜单 5 项(100) → 方案详情（两个 1600×766 图片块，间隔 60）
 * 页头 / 页脚按项目规范以固定高度占位处理，不在本页渲染
 * 二级菜单为公共组件（common.css 的 .cat-*，解决方案 / 产品中心共用）
 */

/* ---------- 方案详情图片（设计稿 矩形169/170：1600×766，与源图 1712×820 同比例） ---------- */
.sol-img {
  display: block;
  width: 100%;
  height: auto;
}

/* ---------- 方案详情栏目标题（index_solutions.htm：蓝色粗体居中，两侧短横线装饰） ---------- */
.sol-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #0971CE;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
}
.sol-title::before,
.sol-title::after {
  content: "";
  flex-shrink: 0;
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #0971CE;
}
@media (min-width: 1024px) {
  .sol-title {
    gap: 32px;
    font-size: 36px;
  }
  .sol-title::before,
  .sol-title::after {
    width: 72px;
  }
}

/* ===== DedeCMS 二级栏目页（list_solutions.htm / 封面查看更多） ===== */
.sol-list-more{background:#F18903;border-radius:4px;transition:background .25s;color:#FFFFFF}
.sol-list-item:hover .sol-list-more{background:#0971CE}
.sol-more{background:#F18903;color:#FFFFFF;border-radius:4px;transition:background .25s}
.sol-more:hover{background:#0971CE}

.cat-panel.main-content img {
  /* width: 100% !important; */
  /* height: auto !important; */
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}