/* 企业文化页（about1.html）专属样式 */
/* 说明：banner 使用标准 .nybanner，区块标题使用标准 .lxtit（均已在 style.css 定义） */

/* 核心文化 4 卡 */
.wh-core {
  width: 100%;
  float: left;
  padding: 0 8.33vw 20px;
  box-sizing: border-box;
  margin-top: 40px;
}
.wh-core ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.wh-core ul li {
  width: calc(25% - 15px);
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 34px 24px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.3s;
}
.wh-core ul li:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(12, 66, 122, 0.12);
  border-color: #0C427A;
}
.wh-core .ico {
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #eef4fa;
  color: #0C427A;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wh-core .ico svg {
  width: 32px;
  height: 32px;
}
.wh-core ul li h3 {
  font-size: 22px;
  color: #0C427A;
  margin-bottom: 14px;
}
.wh-core ul li p {
  font-size: 14px;
  line-height: 25px;
  color: #666;
}

/* 飞鹰人价值观 9 卡 */
.wh-values {
  width: 100%;
  float: left;
  padding: 20px 8.33vw 90px;
  box-sizing: border-box;
}
.wh-values ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.wh-values ul li {
  width: calc(33.33% - 14px);
  background: #f6f8fa;
  border: 1px solid #e9edf2;
  border-radius: 10px;
  padding: 26px 22px;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: all 0.3s;
}
.wh-values ul li:hover {
  background: #fff;
  box-shadow: 0 10px 24px rgba(12, 66, 122, 0.10);
}
.wh-values .ico {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #0C427A;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wh-values .ico svg {
  width: 24px;
  height: 24px;
}
.wh-values .tx h3 {
  font-size: 18px;
  color: #0C427A;
  margin-bottom: 8px;
}
.wh-values .tx p {
  font-size: 14px;
  line-height: 24px;
  color: #555;
}

@media screen and (max-width: 992px) {
  .wh-core ul li,
  .wh-values ul li {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .wh-core ul li,
  .wh-values ul li {
    width: 100%;
  }
}