body {
  background: #ffffff;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  font-weight: 400;
  color: rgba(34, 34, 34, 0.65);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.case-content-detail {
  height: 100%;
  padding-top: 210px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}
.case-title {
  height: 56px;
  font-weight: 500;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 24px;
}
.case-tip {
  width: 619px;
  height: 75px;
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
}

/* ================== */
.header-container {
  height: 510px;
  background: #010664 no-repeat 50%;
  background-size: auto 100%;
}

/* 定义动画 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10%); /* 从底部开始 */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* 到达最终位置 */
  }
}

.info-content {
  width: 1200px;
  margin: auto;
  padding: 48px 0px 44px;
  box-sizing: border-box;
  font-size: 14px;
  color: rgba(34, 34, 34, 0.45);
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.info-content-top {
  display: flex;
  margin-bottom: 22px;
}
.top-left {
  width: 761px;
  margin-right: 98px;
}

.top-right {
  width: 371px;
}

.top-title {
  height: 50px;
  font-weight: 500;
  font-size: 24px;
  color: #222222;
  line-height: 50px;
  margin-bottom: 18px;
}
.top-left-content {
  display: flex;
  margin-bottom: 8px;
}
.each-top {
  width: 50%;
}
.each-top img {
  width: 68px;
  height: 68px;
}
.each-top-tip {
  height: 26px;
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  line-height: 26px;
  margin-bottom: 4px;
}

.top-right-content {
  margin-top: 24px;
}
.top-right-content a {
  font-size: 14px;
  color: rgba(34, 34, 34, 0.45);
  line-height: 26px;
}
.product-tip {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 4px;
}

.top-right-content a:hover .product-tip {
  color: #1677ff;
}

.bottom-left {
  width: 784px;
}

.bottom-content {
  display: flex;
  margin-bottom: 32px;
}

.bottom-info {
  width: 370px;
  margin-right: 44px;
}

.bottom-info-right {
  width: 370px;
  margin-left: 44px;
}

.botton-pic img {
  width: 370px;
}

.scroll-style {
  opacity: 0;
  transform: translateY(40px); /* 初始位置在视窗下方 */
  transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out;
}

.scroll-style.fade-in-up {
  opacity: 1;
  transform: translateY(0); /* 初始位置在视窗下方 */
}