:root {
  --qi-partner-p: 40px 0 75px;
  --qi-partner-title-fs: 48px;
  --qi-partner-item-h: 150px;
  --qi-partner-tit-pb: 40px;
}
/* 1. 行容器：Flex布局，均匀分布，换行 */
.qili-partner .row {
  display: flex;
  flex-wrap: wrap; /* 超出一行自动换行 */
  justify-content: space-between; /* 图标均匀分布，左右对齐 */
  padding: 0; /* 清除默认列表padding */
  margin: 0 -8px; /* 抵消列的padding，避免整体偏左/右 */
}

/* 2. 列容器：控制宽度=1/7，添加间距，避免挤压 */
.qili-partner .partner-col {
  flex: 0 0 calc(100% / 7 - 16px); /* 100%/7=每行7个，减16px是左右间距总和 */
  max-width: calc(100% / 7 - 16px); /* 最大宽度限制，避免图标过大 */
  list-style: none; /* 清除列表默认圆点 */
  padding: 0 8px; /* 左右各8px间距，避免图标贴在一起 */
  margin-bottom: 16px; /* 上下行间距，避免换行后拥挤 */
}

/* 3. 图标容器：控制图标大小，避免变形 */
.qili-partner .item {
  width: 100%; /* 容器占满列宽 */
  height: 60px; /* 固定高度，避免不同图标高度不一致 */
  display: flex;
  align-items: center; /* 图标垂直居中 */
  justify-content: center; /* 图标水平居中 */
}

/* 4. 图标：适应容器，不变形 */
.qili-partner .item img {
  max-width: 100%; /* 最大宽度不超过容器 */
  max-height: 100%; /* 最大高度不超过容器 */
  object-fit: contain; /* 保持图标比例，空白处留空（避免拉伸变形） */
}

/* 5. 响应式适配：小屏幕（如平板/手机）调整每行数量，避免挤压 */
@media (max-width: 992px) { /* 大屏以下（如平板）：一行4个 */
  .qili-partner .partner-col {
    flex: 0 0 calc(100% / 4 - 16px);
    max-width: calc(100% / 4 - 16px);
  }
}
@media (max-width: 576px) { /* 小屏（如手机）：一行2个 */
  .qili-partner .partner-col {
    flex: 0 0 calc(100% / 2 - 16px);
    max-width: calc(100% / 2 - 16px);
  }
}
.qili-partner {
  width: 100%;
  /* padding: var(--qi-partner-p); */
  padding-top: 50px;
  background-color: var(--bg-color);
}
.qili-partner .title h2 {
  font-size: 40px;
  color: #000;
  text-transform: capitalize;
  line-height: 1.4;
  text-align: center;
  margin-bottom: var(--qi-partner-tit-pb);
}
.qili-partner li {
  margin-bottom: 25px;
}
.qili-partner li .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--qi-partner-item-h);
  background: #fff;
}
.qili-partner .item img {
  max-height: 100%;
}

@media screen and (max-width: 1500px) {
  :root {
    --qi-partner-p: 35px 0 60px;
    --qi-partner-title-fs: 42px;
    --qi-partner-tit-pb: 35px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --qi-partner-p: 30px 0 45px;
    --qi-partner-title-fs: 36px;
    --qi-partner-item-h: 130px;
    --qi-partner-tit-pb: 30px;
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --qi-partner-p: 25px 0 35px;
    --qi-partner-title-fs: 32px;
    --qi-partner-item-h: 120px;
    --qi-partner-tit-pb: 25px;
  }
}

@media screen and (max-width: 992px) {
  :root {
    --qi-partner-p: 25px 0 35px;
    --qi-partner-title-fs: 32px;
    --qi-partner-item-h: 120px;
    --qi-partner-tit-pb: 25px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --qi-partner-p: 20px 0 15px;
    --qi-partner-title-fs: 28px;
    --qi-partner-item-h: 100px;
    --qi-partner-tit-pb: 20px;
  }
  .qili-partner li {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 576px) {
  :root {
    --qi-partner-p: 15px 0 0;
    --qi-partner-title-fs: 24px;
    --qi-partner-item-h: 80px;
    --qi-partner-tit-pb: 15px;
  }
  .qili-partner li {
    margin-bottom: 15px;
  }
  .qili-partner li .item {
    padding: 0 15px;
  }
}