header nav ul li a[href="index.html"] {
  box-shadow: 0 -2px #596efb inset;
}

.area1 {
  height: 580px;
  background-color: #ebf2fb;
}

.area1 h2 {
  width: 742px;
  height: 60px;
  background: rgb(229, 233, 254);
  position: absolute;
  left: 50%;
  bottom: 66px;
  transform: translate(-50%, 0);
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  font-size: 30px;
  font-weight: bold;
  color: #154da6;
  line-height: 60px;
  text-align: center;
}

.area1 article {
  max-width: 1403px;
  max-height: 279px;
  position: relative;
  top: 90px;
  margin-left: auto;
  margin-right: auto;
}
.area1 article img {
  width: 100%;
}
.area1 article h3 {
  width: 110px;
  height: 22px;
  line-height: 22px;
  font-size: 22px;
  font-weight: bold;
  color: #0d0d0d;
  position: absolute;
  top: 301px;
  left: 50%;
  transform: translate(-50%, 0);
}
.area1 article p {
  text-indent: -9999px;
}

.area2 {
  height: 700px;
}

.area2 h2,
.area3 h2 {
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  margin-top: 70px;
  position: relative;
}
.area2 h2::after,
.area3 h2::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 6px;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #596efb;
  border-radius: 3px;
}

.area2 article {
  width: 29.6%;
  height: 170px;
  position: absolute;
  background: linear-gradient(0deg, #edf3ff, #ffffff);
  box-shadow: 0px 0px 12px 2px rgba(32, 53, 192, 0.06);
  border-radius: 10px;
}
.area2 .left_top,
.area2 .right_top {
  top: 210px;
}

.area2 .left_bottom,
.area2 .right_bottom {
  top: 426px;
}

.area2 .left_top,
.area2 .left_bottom {
  left: 18.75%;
}

.area2 .right_top,
.area2 .right_bottom {
  left: 51.56%;
}

.area2 article h3 {
  font-weight: normal;
  padding-left: 8%;
  margin-top: 51px;
  font-size: 16px;
  z-index: 100;
}

.area2 article p {
  font-weight: bold;
  color: rgba(89, 110, 251, 1);
  padding-left: 8%;
  margin-top: 10px;
  font-size: 22px;
  z-index: 100;
}

.area2 article img {
  width: 16.4%;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(0, -50%);
}

.desc {
  height: 100px;
  background: url(../images/index/desc.png) repeat-x 0 0 / contain;
  line-height: 100px;
  font-size: 38px;
  color: #fff;
  text-align: center;
}

.area3 {
  height: 600px;
}

.area3 article {
  width: 14.5%;
  height: 300px;
  position: absolute;
  top: 200px;
  background: #ffffff;
  box-shadow: 0px 0px 16px 4px rgba(219, 219, 219, 0.4);
  border-radius: 10px;
}

.area3 .left1 {
  left: 18.75%;
}

.area3 .left2 {
  left: 34.68%;
}

.area3 .left3 {
  left: 50.72%;
}

.area3 .left4 {
  left: 66.66%;
}

.area3 article img {
  width: 20%;
  position: absolute;
  left: 50%;
  top: 23.66%;
  transform: translate(-50%, 0);
}

.area3 article h3,
.area3 article p {
  text-align: center;
  z-index: 100;
}
.area3 article h3 {
  font-weight: normal;
  padding: 0 8%;
  margin-top: 153px;
  font-size: 16px;
}
.area3 article p {
  font-weight: bold;
  color: rgba(89, 110, 251, 1);
  padding: 0 8%;
  margin-top: 6px;
  font-size: 16px;
}