/* 官网图片显示修正（不动设计稿原版 CSS，覆盖规则追加）
 * 问题：列表封面容器 16:10，竖图/方形图高度超出容器，被 overflow 裁剪后显示异常
 * 修复：img 强制填满容器 + object-fit: cover —— 图片按比例居中裁剪，不拉伸、不溢出
 */
.xwlb_section .cont1 .ul a .pic img,
.allb_section1 .content ul li .pic img,
.ny_section .cont1 ul li .pic img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  min-height: 100% !important;
  max-width: none;
}
/* 首页案例/产品等封面容器同样修正 */
.sy_section3 .content ul li .pic img,
.sy_section4 .qhbox1 ul li .pic img,
.sy_section2 .content ul li .pic img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  min-height: 100% !important;
  max-width: none;
}

/* 面包屑内容垂直居中（原版 padding 底部 0 导致内容偏下 13px） */
.dq_section {
  padding: 23px 100px 23px !important;
}

/* 首页合作客户 logo 规范（sy_section4）：contain 保持比例，不拉伸不变形 */
.sy_section4 .content li a .pic img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  left: 0 !important;
  top: 0 !important;
  transition: transform 0.5s ease !important;
}
.sy_section4 .content li a:hover .pic img {
  transform: scale(1.05) !important;
}
/* 行尾间距规范：gap 替代 margin-right（避免负 margin 造成盒子超出） */
.sy_section4 .content ul {
  gap: 20px;
  margin-right: 0;
}
.sy_section4 .content li {
  margin-right: 0;
}
/* 产品与服务区（sy_section2）重构：宽度与 logo 区完全一致（ctext 同构 100px），展示风格现代化 */
.sy_section2 {
  padding-left: 100px;
  padding-right: 100px;
}
.sy_section2 .w_width {
  padding: 0;
  box-sizing: border-box;
}
.sy_section2 .top {
  padding-left: 0;
  padding-right: 0;
}
.sy_section2 .bottom {
  padding-left: 0;
}
/* 重构：左侧"热门产品"栏隐藏（链接列表为空），右侧卡片全宽；slick 已改 variableWidth:false + slidesToShow:4 等宽控制 */
.sy_section2 .bottom .left {
  display: none;
}
.sy_section2 .bottom .right {
  width: 100%;
}
.sy_section2 .bottom .right .dl {
  width: 100%;
  margin: 0;
}
/* 卡片：图片 + 标题（序号/线/描述隐藏），图片 16:10 统一比例 → 卡片等高 */
.sy_section2 .bottom .right .dl a .wzbox .num,
.sy_section2 .bottom .right .dl a .wzbox .line,
.sy_section2 .bottom .right .dl a .wzbox .jj {
  display: none;
}
.sy_section2 .bottom .right .dl a .pic {
  display: block;
}
.sy_section2 .bottom .right .dl a .pic img {
  object-fit: cover;
  min-height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
}
.sy_section2 .bottom .right .dl a {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  background: #ffffff;
}
.sy_section2 .bottom .right .dl a:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  border-color: #f08200;
}
.sy_section2 .bottom .right .dl a .wzbox {
  padding: 16px 18px;
  position: static;
}
.sy_section2 .bottom .right .dl a .wzbox .bt {
  font-size: 18px;
  color: #333333;
  text-align: left;
  line-height: 24px;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sy_section2 .bottom .right .dl a:hover .wzbox .bt {
  color: #f08200;
}
/* 顶部 tab 微调（统一高度/间距） */
.sy_section2 .top .qh_t a {
  padding: 18px 20px 18px 24px;
}

/* 首页 banner 顶部渐变遮罩（方案 A）：菜单区域自然加深，白字清晰，banner 主体不受影响 */
.sy_banner .ul .li {
  position: relative;
}
.sy_banner .ul .li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  z-index: 5;
  pointer-events: none;
}
/* 顶部菜单置于遮罩之上（方案 A 配套） */
.t_navs {
  position: relative;
  z-index: 10;
}
/* 菜单文字投影（方案 C）：默认（banner 上白字）保留；滚动后菜单白底深字（.wyb_s.on）或内页（.wyb_s.neiy）时同步取消 */
.t_navs .top .menu .l1 .a1 {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}
.wyb_s.on .t_navs .top .menu .l1 .a1,
.wyb_s.neiy .t_navs .top .menu .l1 .a1 {
  text-shadow: none !important;
}

/* 合作客户静态展示（sy_section4）：logo 容器在 w_width 内（与标题/案例区/合作伙伴区同构）——宽度自适应（大屏 1474px），左边缘与"合作客户"严格对齐；li flex 自适应每行占满 */
.sy_section4 .content {
  padding: 0 100px;
}
.sy_section4 .qhbox1 {
  position: relative;
  width: 100%;
}
.sy_section4 .content li {
  width: auto;
  flex: 1 1 160px;
  max-width: 200px;
}