.qili-iframe2 {
  overflow: hidden;
  position: relative;
  padding: 60px 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.qili-iframe2 .indextit h2 {
  color: #020202;
  font-size: 40px;
  line-height: 1.4;
  font-weight: 600;
}
.qili-iframe2 .indextit h2 span {
  color: var(--color-primary);
}
/* 核心：PC端一行5个 + flex布局 + 全端基础样式 */
.qili-iframe2 ul {
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 全端整体居中，更美观 */
  gap: 20px 12px; /* 上下20px，左右12px间距，适配5列布局 */
}
/* PC端一行5个 核心样式：宽度1/5扣间距 + 文字/下划线居中 */
.qili-iframe2 ul li {
  padding: 0 10px 10px 0;
  font-size: 21px;
  line-height: 1.4;
  color: #030303;
  position: relative;
  cursor: pointer;
  flex: 0 0 calc(20% - 12px); /* PC端1/5宽度，扣左右12px间距 */
  max-width: calc(20% - 12px);
  box-sizing: border-box;
  text-align: center; /* 文字居中 */
  margin-bottom: 0 !important; /* 取消原有margin，用gap替代 */
}
/* 下划线居中：必加，否则偏左 */
.qili-iframe2 ul li:before {
  content: "" !important;
  display: none !important;
}
.qili-iframe2 ul li::after {
  content: "" !important;
  display: none !important;
}
.qili-iframe2 ul li.active {
  color: var(--color-primary)
}
.qili-iframe2 ul li.active:before {
  background: var(--color-primary);
  display: block !important;
  width: 100px;
  height: 3px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
/* 以下内容均为原有样式，无修改 */
.qili-iframe2 .list {
  overflow: hidden;
  margin-top: 30px;
}
.qili-iframe2 .list .box {
  overflow: hidden;
  display: none;
  border-radius: 10px;
}
.qili-iframe2 .list .item  {
  display: flex;
  margin-bottom: 25px;
}
.qili-iframe2 .list .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.qili-iframe2 .list .item .txt {
  width: 50%;
  box-sizing: border-box;
  background: rgba(250, 250, 250, 0.9);
  padding: 60px 50px;
}
.qili-iframe2 .list .item .txt h3 {
  font-size: 26px;
  color: #020202;
  line-height: 1.2;
  margin-bottom: 30px;
}
.qili-iframe2 .list .item .txt p {
  font-size: 15px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  
}
.qili-iframe2 .list .item .txt a {
  display: inline-block;
  margin-top: 60px;
  font-size: 14px;
  color: var(--color-primary);
}
.qili-iframe2 .list .item .txt a:hover {
  color: var(--color-primary)
}
.qili-iframe2 .list .item .img {
  width: 50%;
  position: relative;
}
.qili-iframe2 .list .item .img img {
  width: 100%;
  height: auto;
  aspect-ratio: 502/497;
  transition: all 0.35s
}
.qili-iframe2 .list .item .img a {
  display: none;
}
.qili-iframe2 .list .item .img a i {
  display: none;
}

/* 1600px大屏适配：仅微调下划线/内边距，布局不变 */
@media(max-width: 1600px) {
  .qili-iframe2 {
    padding: 51px 0;
  }
  .qili-iframe2 .indextit h2 {
    font-size: 40px;
  }
  .qili-iframe2 ul,
  .qili-iframe2 .list,
  .qili-iframe2 .list .item .txt a {
    margin-top: 50px;
  }
}

/* 1440px大屏适配：微调字体/下划线，布局不变 */
@media(max-width: 1440px) {
  .qili-iframe2 {
    padding: 42px 0;
  }
  .qili-iframe2 .indextit h2 {
    font-size: 36px;
  }
  .qili-iframe2 ul,
  .qili-iframe2 .list,
  .qili-iframe2 .list .item .txt a {
    margin-top: 40px;
  }
  .qili-iframe2 ul li {
    font-size: 20px; /* 微调字体，适配5列 */
  }
}

/* 1220px大屏适配：微调字体/下划线，布局不变 */
@media(max-width: 1220px) {
  .qili-iframe2 {
    padding: 39px 0;
  }
  .qili-iframe2 .indextit h2 {
    font-size: 32px;
  }
  .qili-iframe2 ul li {
    font-size: 18px; /* 继续微调字体，适配5列 */
  }
}

/* 核心：iPad端（768px~1079px）一行2个 + 居中 + 适配 */
@media(min-width: 768px) and (max-width:1079px) {
  .qili-iframe2 {
    padding: 30px 0
  }
  .qili-iframe2 .indextit h2 {
    font-size: 28px
  }
  .qili-iframe2 ul {
    margin-top: 30px;
    gap: 20px 15px; /* 放大左右间距，适配2列 */
  }
  /* iPad一行2个：宽度1/2扣间距 */
  .qili-iframe2 ul li {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    font-size: 18px;
  }
  /* 内容区原有样式，无修改 */
  .qili-iframe2 .list {
    margin-top: 20px
  }
  .qili-iframe2 .list .item {
    flex-direction: column !important;
  }
  .qili-iframe2 .list .item .txt {
    width: 100%;
    padding: 15px
  }
  .qili-iframe2 .list .item .txt h3 {
    font-size: 18px
  }
  .qili-iframe2 .list .item .txt p {
    font-size: 13px
  }
  .qili-iframe2 .list .item .txt a {
    margin-top: 20px
  }
  .qili-iframe2 .list .item .img {
    width: 100%;
  }
}

/* 核心：移动端（≤767px）一行1个 + 居中 + 适配 */
@media(max-width: 767px) {
  .qili-iframe2 {
    padding: 30px 0
  }
  .qili-iframe2 .indextit h2 {
    font-size: 28px
  }
  .qili-iframe2 ul {
    margin-top: 30px;
  }
  /* 移动端一行1个：满宽 */
  .qili-iframe2 ul li {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 16px;
    padding: 0 0 10px 0;
  }
  /* 内容区原有样式，无修改 */
  .qili-iframe2 .list {
    margin-top: 20px
  }
  .qili-iframe2 .list .item {
    flex-direction: column !important;
  }
  .qili-iframe2 .list .item .txt {
    width: 100%;
    padding: 15px
  }
  .qili-iframe2 .list .item .txt h3 {
    font-size: 18px
  }
  .qili-iframe2 .list .item .txt p {
    font-size: 13px
  }
  .qili-iframe2 .list .item .txt a {
    margin-top: 20px
  }
  .qili-iframe2 .list .item .img {
    width: 100%;
  }
}

/* 639px小屏移动端适配：原有样式，无修改 */
@media(max-width: 639px) {
  .qili-iframe2 {
    padding: 36px 0;
  }
  .qili-iframe2 .indextit h2 {
    font-size: 26px;
  }
  .qili-iframe2 .list .item .txt {
    padding: 36px 30px;
  }
  .qili-iframe2 .list .item .txt h3 {
    margin-bottom: 18px;
  }
}