.contact {
  align-items: center;
  padding-left: 6.25vw;
  padding-right: 6.25vw;
  padding-bottom: 3.75vw;
}

.section-title {
  font-size: 2.1875vw;
  line-height: 2.9167vw;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #303233;
  margin-top: 3.75vw;
}

.blue-line {
  width: 4.6875vw;
  height: 0.3125vw;
  background: #0088cc;
  margin: 0.625vw 0;
}

.contact-detail {
  font-size: 1.25vw;
  line-height: 1.8229vw;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  color: rgba(99, 100, 102, 1);
}

.contact-info1 {
  margin-top: 2.5vw;
  width: 100%;
  padding: 2.0833vw;
  height: 45.0521vw;
  background: #ffffff;
  box-shadow: 9px 9px 27px 6px rgba(116, 120, 128, 0.16);
  border-radius: 0.625vw;
  position: relative;
}

.contact-info1-name {
  font-size: 1.25vw;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #303233;
  line-height: 1.6667vw;
}

.col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-30 {
  flex: 0 0 40%;
  max-width: 40%;
}

.row i {
  color: #0088cc;
}

.mr-t-24 {
  margin-top: 1.25vw;
}
.mr-t-12 {
  margin-top: 0.625vw;
}

.contact-info1 span {
  margin-left: 0.2083vw;
  white-space: nowrap;
  font-size: 1.0417vw;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #636466;
  line-height: 1.4583vw;
}

.map {
  width: calc(100% - 4.1667vw);
  height: 32.3438vw;
  /* background-color: #0088cc; */
  position: absolute;
  bottom: 2.0833vw;
}

.col-22 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-34 {
  flex: 0 0 40%;
  max-width: 40%;
}

.col-fl {
  display: flex;
  align-items: center;
}

.icon-loc-wh {
  width: 0.8333vw;
  height: 1.0417vw;
}

.icon-other-wh {
  width: 0.8333vw;
  height: 0.8333vw;
}