.r1 .flex-box {
}

.r1 .flex-box-left {
  width: 32%;
  padding-top: 0.32rem;
}

.r1 .flex-box-right {
  width: 68%;
  padding-left: 0.92rem;
  margin-top: -0.24rem;
}

.collapse-item {
  border-radius: 0.08rem;
  box-shadow: 0px 0px 0.4rem 0px rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 1);
  padding: 0.22rem 0.6rem;
  margin-bottom: 0.2rem;
}

.page-contact .collapse-header {
  font-size: var(--font20);
  color: rgba(51, 51, 51, 1);
  background-image: url("../images/icons/arr-r2.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
}

.page-contact .collapse-content {
  display: none;
  padding-top: 0.16rem;
}

.page-contact .collapse-content .collapse-content-box {
  color: rgba(51, 51, 51, 1);
  line-height: 2;
  font-size: var(--font16);
}

.page-contact .collapse-item-active .collapse-header {
  color: var(--main-color);
  background-image: url("../images/icons/arr-b2.svg");
}

.map img {
  width: 100%;
}

.r2 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("../images/contact/bg2.jpg");
}