* {
  margin: 0;
  padding: 0;
}

.box {
}

.nav {
  background: #fff;
  padding: 1.1vw 0;
  padding-left: 9.2vw;
  display: flex;
  align-items: center;
}
.nav img {
  width: 2.2vw;
  margin-right: 0.6vw;
}
.nav .line {
  font-weight: bold;
  margin: 0 5px;
}

.head {
  padding-left: 9.32vw;
  width: 100%;
  height: 54vw;
  background: url(../images/banner.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.head h1 {
  margin-bottom: 1vw;
}
.head .line {
}

.head p {
  margin-bottom: 4.47vw;
  width: 37.7vw;
}

.head .button {
  width: 9.32vw;
  padding: 0.83vw 0;
  text-align: center;
  border-radius: 8px;
}

.main-1 {
  background: #fff;
  position: relative;
  padding: 13.17vw;
  padding-bottom: 1vw;
}

.main-1 .back-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.26vw;
}

.main-1 .zhj {
  color: rgba(196, 220, 255, 0.2);
  font-size: 8vw;
  font-weight: bold;
  position: absolute;
  top: 5vw;
  right: 0;
  opacity: 0.6;
}

.item {
  margin-bottom: 5.1vw;
}

.item img {
  margin-bottom: 1.25vw;
  margin-right: 0.4vw;
  width: 3.12vw;
}

.phone {
  width: 29.58vw;
}

.main-2 {
  padding-top: 7vw;
}

.liuchen {
  margin-top: 4.6vw;
}

.xl {
  width: 5vw;
  height: 4px;
  background: hsla(219, 92%, 60%, 0.5);
}
.dl {
  width: 5vw;
  height: 4px;
  background: hsla(219, 92%, 60%, 0.5);
  width: 25vw;
}

.liu {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.56vw;
  transform: translateY(1.2vw);
  white-space: nowrap;
}

.liu .round {
  width: 3.64vw;
  height: 3.64vw;
  background: #3a7bf7;
  border-radius: 50%;
  color: #fff;
  font-size: 1.98vw;
  text-align: center;
  line-height: 3.64vw;
  margin-bottom: 1vw;
}

.img-list {
  width: 82vw;
  margin-top: 2vw;
  position: relative;
}
.mb {
  width: 100%;
  height: 15vw;
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.25) 0%,
    #ffffff 100%
  );
}

.img-list img {
  width: 21.25vw;
}
.main-3 {
  margin-top: 7.55vw;
}
.img-list-3 {
  margin-top: 5vw;
  margin-bottom: 11.78vw;
}

.img-list-3 img {
  width: 16.87vw;
  margin-right: 1.19vw;
}
.img-list-3 > img:last-child {
  margin-right: 0vw;
}
.footer {
  padding: 1vw;
}
.footer a {
  color: #fff;
  text-decoration: none;
}

.footer-content {
  width: 70%;
  margin: 0 auto;
}

.title-info {
  /* width: 80%; */
  margin-bottom: 3.75vw;
}
