.banner {
  background-image: url(../images/contact-us/banner.jpg);
  margin-bottom: 80px;
}
.contact-us {
  min-height: 454px;
  margin-bottom: 80px;
}
.contact-us .title {
  width: 694px;
  height: 68px;
  line-height: 30px;
  font-size: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}
.contact-us .info {
  width: 694px;
  margin-bottom: 70px;
}
.contact-us .info li {
  line-height: 20px;
  padding: 10px 0 10px 27px;
  position: relative;
}
.contact-us .info li > img {
  position: absolute;
  left: 9px;
  top: 20px;
  transform: translate(-50%, -50%);
}
.contact-us .info li span {
  color: #9e9e9e;
  padding-right: 22px;
}
.contact-us .link {
  display: flex;
}
.contact-us .link li {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 32px;
  margin-right: 10px;
}
.contact-us .link li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.contact-us .address {
  position: absolute;
  right: 0;
  top: 0;
}