/* .cp-contact-us-info {
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  min-height: 40vw;
  max-height: 50vw;
  font-size: 0;
} */
@media screen and (min-width: 767px) {
  .cp-contact-us-info {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
    min-height: 40vw;
    max-height: 200vh;
    font-size: 0;
  }
}

.cp-contact-us-info .cp-contact-us-info__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.cp-contact-us-info__img {
  height: 100%;
  background: #000;
}

.cp-contact-us-info .cp-contact-us-info__img .js-img-bg {
  height: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.cp-contact-us-info__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  

}
.cp-contact-us-info__content-inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 140px;
  padding: 0 14rem;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cp-contact-us-info__title {
  font-size: 4.1667vw;
  font-family: "genesis-head-light";
  padding-top: 4.6875vw;
  padding-bottom: 1.8229vw;
}

.cp-contact-us-info__cta-row .cta-button {
  background-color: transparent;
  margin-right: 2.0833vw;
  height: 3.3333vw;
  line-height: 3.3333vw;
  width: 14.5833vw;
  max-width: 280px;
}

.cp-contact-us-info__cta-row .cta-button:last-child {
  margin-right: 0;
}

.cp-contact-us-info__cta-row .cta-button:after {
  /* border-width: 2px;
  border-width: 0.2rem; */
}

html[lang="zh-CN"] .cp-contact-us-info__cta-row .cta-button .text {
  font-size: .9375vw;
}
.cp-contact-us-info__top,
.cp-contact-us-info__bottom {
  padding-left: 20rem;
}
.cp-contact-us-info__bottom {
  padding-bottom: 4.8958vw;
  display: flex;
  font-size: 0;
}
.cp-contact-us-info__bottom .cp-contact-us-info__bottom-left {
  width: 27.9688vw;
  max-width: 537px;
}
.cp-contact-us-info__bottom  .item-part {
  display: flex;
  align-items: center;
}
.cp-contact-us-info__bottom  .item-part .item-icon {
  width: 2.8125vw;
  height: 2.8125vw;
  max-width: 54px;
  max-height: 54px;
  margin-right: .7813vw;
}
.cp-contact-us-info__bottom  .item-part .item-icon img {
  width: 100%;
  height: 100%;
}

.cp-contact-us-info__bottom  .item-part  .item-part-content .item-title {
  font-family: "genesis-head";
  font-size: .8333vw;
  color: #a9a9a9;
  margin-bottom: .5208vw;
}
.cp-contact-us-info__bottom  .item-part  .item-part-content .item-content {
  font-size: .9375vw;
  color: #fff;
  font-family: "genesis-head";
}
.cp-contact-us-info__wechat-mini-program {
  width: 22.2396vw;
  max-width: 427px;
}
.cp-contact-us-info__wechat-mini-program  .qr-code,
.cp-contact-us-info__wechat-official-account .qr-code {
  width: 6.5104vw;
  height: 6.5104vw;
  max-width: 125px;
  max-height: 125px;
  background: #fff;
  border-radius: 1rem;
  margin-top: 1.4583vw;
  margin-left: 3.6458vw;
}

.cp-contact-us-info__wechat-mini-program  .qr-code img,
.cp-contact-us-info__wechat-official-account .qr-code img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1919px) {
    .cp-contact-us-info__content-inner{
        padding: 0 120px;
        padding: 0 12rem;
    }
}

@media screen and (max-width: 1599px) {
    .cp-contact-us-info__content-inner{
        padding: 0 100px;
        padding: 0 10rem;
    }
    .cp-contact-us-info__top,
    .cp-contact-us-info__bottom {
        padding-left: 15rem;
    }
}
@media screen and (max-width: 1359px) {
    .cp-contact-us-info__content-inner{
        padding: 0 76px;
        padding: 0 7.6rem;
    }
}

@media screen and (max-width: 1024px) {
    .cp-contact-us-info__content-inner{
        padding: 0 20px;
        padding: 0 2rem;
    }
    .cp-contact-us-info__top,
    .cp-contact-us-info__bottom {
        padding-left: 10rem;
    }
}
@media screen and (max-width: 767px) {
    .cp-contact-us-info__content-inner {
        padding: 0 2rem;
    }
    .cp-contact-us-info {
        /* max-height: 250.6667vw; */
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .cp-contact-us-info__inner {
        flex: 1;
    }
    .cp-contact-us-info__bottom {
        margin-top: 60vw;
    }
    .cp-contact-us-info__top,
    .cp-contact-us-info__bottom {
        padding-left: 0rem;
    }
    .cp-contact-us-info__title {
        font-size: 11.7333vw;
        padding-top: 13.3333vw;
        padding-bottom: 6vw;
    }
    .cp-contact-us-info__cta-row .cta-button {
        margin-right: 4.7vw;
        height: 12vw;
        line-height: 12vw;
        width: 42.1333vw;
        max-width: 42.1333vw;
    }

    html[lang="zh-CN"] .cp-contact-us-info__cta-row .cta-button .text {
        font-size: 3.7333vw;
    }

    html[lang="zh-CN"] .cp-contact-us-info__cta-row .cta-button {
        line-height: 12vw;
    }

    .cp-contact-us-info__bottom {
        display: block;
    }
    .cp-contact-us-info__bottom .cp-contact-us-info__bottom-left {
        width: 100%;
        max-width: 670px;
    }
    .cp-contact-us-info__bottom  .item-part .item-icon {
        width: 10.2667vw;
        height: 10.2667vw;
        max-width: 10.2667vw;
        max-height: 10.2667vw;
        margin-right: 3.4667vw;
    }
    .cp-contact-us-info__bottom  .item-part  .item-part-content .item-title {
        font-size: 3.2vw;
        margin-bottom: 2.6667vw;
    }
    .cp-contact-us-info__bottom .item-part .item-part-content .item-content {
        font-size: 3.2vw;
    }

    .cp-contact-us-info__wechat-mini-program {
        width: 100%;
        max-width: 670px;

    }
    .cp-contact-us-info__bottom-left-line {
        display: none;
    }
    .cp-contact-us-info__wechat-mini-program  .qr-code,
    .cp-contact-us-info__wechat-official-account .qr-code {
        width: 24.6667vw;
        height: 24.6667vw;
        max-width: 24.6667vw;
        max-height: 24.6667vw;
        border-radius: 1.3333vw;
        margin-top: 5.2vw;
        margin-left: 13.7333vw;
    }

    .cp-contact-us-info__customer-interaction-center,
    .cp-contact-us-info__email,
    .cp-contact-us-info__wechat-mini-program,
    .cp-contact-us-info__wechat-official-account {
        padding-bottom: 11.0667vw;
    }

    .cp-contact-us-info__img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .cp-contact-us-info__content {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .cp-contact-us-info__cta-row .cta-button:after {
        border-width: .2667vw;
    }
}