.contact .pic {
  width: 20.45rem;
  height: 25.45rem;
  background-color: #f0f0f0;
}
.contact .text {
  width: calc(100% - 20.45rem);
  padding-left: 7.1%;
}
.contact .text .txt-t {
  margin-bottom: 2.27rem;
}
.contact .text .txt-t h4 {
  font-size: 1.82rem;
  font-weight: normal;
}
.contact .text .txt-t p {
  position: relative;
  font-size: 2.73rem;
  color: rgba(57, 116, 191, 0.1);
}
.contact .text .txt-t p::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5.45rem;
  height: 0.18rem;
  background-color: #3974bf;
}
.contact .text .item {
  margin-bottom: 1.82rem;
}
.contact .text .item .icon {
  width: 3.18rem;
  height: 3.18rem;
  border-radius: 50%;
  text-align: center;
  line-height: 3.18rem;
  background-color: #ebf1f8;
  margin-right: 0.91rem;
}
.contact .text .item .icon i {
  font-size: 1.09rem;
  color: #3974bf;
}
.contact .text .item span {
  font-size: 0.73rem;
}
.contact .text .item .hotline {
  font-size: 1.09rem;
}
.contact .text .item .contact-info {
  position: relative;
}
.contact .text .item .img {
  position: absolute;
  right: -4.55rem;
  top: 0;
  width: 4.41rem;
  height: 4.41rem;
  background-color: #3974bf;
  padding: 0.23rem;
}
#map {
  height: 22.73rem;
  margin: 4.55rem auto;
}
#map b {
  line-height: 1.8;
}
#map img {
  max-width: none;
  width: auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact .text {
    width: 100%;
    padding-left: 0;
  }
  .contact .text .txt-t {
    position: relative;
  }
  .contact .text .txt-t p {
    position: absolute;
    right: 0;
    font-size: 2rem;
  }
  .contact .pic {
    display: none;
  }
  #map {
    height: 17.73rem;
  }
}