@media screen and (min-width: 2048px) {
    .page-content .contact-info {
  position: absolute;
  left: 44% !important;
  top: 0;
  transform: translateX(-50%);
  z-index: 19;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
}
.page-content {
  width: 100%;
  padding: 6% 0;
  position: relative;
}
@media screen and (min-width: 1921px) {
  .page-content {
    width: 85%;
    margin: 0 auto;
  }

}
@media screen and (max-width: 768px) {
  .page-content {
    margin: 0 0 0.5rem 0;
  }
}
.page-content .contact-info {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 19;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  .page-content .contact-info {
    width: 95%;
  }
}
.page-content .contact-info > div {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page-content .contact-info > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-content .contact-info {
    position: relative;
    padding: 0 4%;
    margin-bottom: 0.2rem;
    margin-left: 0;
  }
}
.page-content .contact-info h2 {
  font-size: 0.4rem;
  line-height: 1.2;
  border-bottom: 1px solid #b5b8c0;
  padding-bottom: 0.5rem;
  color: #555;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .page-content .contact-info h2 {
    font-size: 0.32rem;
    padding-bottom: 0.25rem;
  }
}
.page-content .contact-info .contact-intro-text {
  font-size: 0.18rem;
  text-align: justify;
  line-height: 0.36rem;
  color: #999;
  padding: 0.25rem 0;
  font-weight: 500;
}
.page-content .contact-info .contact-qrcode {
  width: 1.58rem;
}
.page-content .contact-info .contact-qrcode img {
  width: 100%;
  border: 1px solid #cccccc;
}
.page-content .map {
  width: 55%;
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 1921px) {
  .page-content .map > img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-content .map {
    width: 100%;
    padding: 0 4%;
  }
}
.page-content .map .jumping-icon {
  width: 0.39rem;
  height: 0.25rem;
  background-image: url(/res/cn/a_img/26070274.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 78%;
  top: 47%;
  display: block;
  animation: jumping 1s linear infinite;
  transform: scale(1.2);
}
.BMap_Marker > div,
.BMap_Marker img {
  width: 0.4rem !important;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  .BMap_Marker > div,
  .BMap_Marker img {
    width: 0.6rem !important;
  }
}
@keyframes jumping {
  0% {
    top: 47%;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 47%;
  }
}