.topBanner {
  width: 100%;
  display: flex;
  height: 100vh;
  z-index: -1; }
  .topBanner .video-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    background-image: url(../images/contactBanner.png);
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;

  }
    .topBanner .video-bg .center-title {
      width: 100%;
      height: 2.2625rem;
      z-index: 3;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      color: #fff;
      text-align: center; }
      .topBanner .video-bg .center-title .en-font {
        font-size: .8625rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.2rem;
        letter-spacing: .175rem;
        white-space: nowrap;
        text-align: center; }
      .topBanner .video-bg .center-title .circle {
        display: inline-block;
        margin-left: .1625rem;
        margin-right: .2875rem;
        margin-bottom: .1125rem;
        width: .125rem;
        height: .125rem;
        border: .0125rem solid #FFFFFF;
        border-radius: .25rem;
        background-color: #FFFFFF;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem;
        -ms-border-radius: .25rem;
        -o-border-radius: .25rem; }
      .topBanner .video-bg .center-title .sub-title {
        font-size: 0.3375rem;
        font-family: PingFangSC-Light, PingFang SC;
        font-weight: 300;
        color: #FA4A3E;
        line-height: 0.475rem;
        letter-spacing: 0.05rem;
        margin-bottom: 0.4125rem;
        margin-top: 0.4rem;
      }
      .topBanner .video-bg .center-title .download-wrap span {
        display: inline-block;
        margin-right: 0.0375rem; }
        .topBanner .video-bg .center-title .download-wrap span img {
          width: 0.275rem; }
      .topBanner .video-bg .center-title .download-wrap h4 {
        display: inline-block;
        font-size: 0.3375rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.475rem;
        letter-spacing: 0.0125rem; }

.centerInfo {
  position: relative; }
  .centerInfo div {
    width: 100%;
    height: 7.8125rem; }

.map-content {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .map-content .map-left {
    width: 4.85rem;
    z-index: 9; }
    .map-content .map-left p:nth-of-type(1) {
      font-size: 1.2rem;
      font-family: DIN-Bold, DIN;
      font-weight: bold;
      color: #E8E8E8;
      line-height: 1.4625rem;
      white-space: nowrap; }
    .map-content .map-left p:nth-of-type(2) {
      font-size: .6875rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: .9625rem;
      padding-bottom: .5625rem; }
    .map-content .map-left p:nth-of-type(3) {
      font-size: .275rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: .3375rem;
      padding-bottom: .125rem; }
    .map-content .map-left p:nth-of-type(4) {
      font-size: .225rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: .5125rem;
      padding-top: .5625rem; }
    .map-content .map-left div span:nth-of-type(1) {
      font-size: .6875rem;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #FA4A3E;
      line-height: .6875rem; }
    .map-content .map-left div span:nth-of-type(2) {
      font-size: .275rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #FA4A3E;
      line-height: .3375rem; }
    .map-content .map-left div span:nth-of-type(3) {
      font-size: .6875rem;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #FA4A3E;
      line-height: .6875rem;
      padding-left: .35rem; }
    .map-content .map-left div span:nth-of-type(4) {
      font-size: .275rem;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color:#FA4A3E;
      line-height: .3375rem; }

div.mmaddress {
  position: absolute;
  width: auto;
  height: auto;
  top: 1.6375rem;
  right: 1.85rem;
  padding: 0.675rem;
  color: #333333;
  font-weight: 400;
  background-color: #FFFFFF;
  box-shadow: 0 0.225rem 0.3rem rgba(148, 148, 148, 0.5);
  animation: address 0.5s; }
  div.mmaddress h3 {
    margin-bottom: 0.4625rem;
    font-size: 0.425rem;
    font-weight: 500; }
  div.mmaddress dt {
    font-size: 0.3rem;
    line-height: 0.425rem;
    margin-bottom: 0.1rem;
    font-weight: 400;

  }
    div.mmaddress dt .iconfont {
      font-size: 0.3rem;
      margin-right: 0.0875rem; }
  div.mmaddress dd {
    font-size: 0.2rem;
    line-height: 0.2875rem;
    margin-bottom: 0.225rem;
    padding-left: 0.4125rem;
    font-weight: 400;
  }
    div.mmaddress dd.bold {
      font-weight: 700 !important;
      font-size: 0.3375rem;
      line-height: 0.4125rem;
    }

.marker-content {
  display: inline-block;
  width: 1.85rem;
  height: 0.425rem;
  margin-left: -0.925rem; }
  .marker-content .marker-btn {
    width: 1.85rem;
    font-size: 0.3rem;
    letter-spacing: 0.025rem;
    color: #FFFFFF;
    background-color: #FD5F10;
    padding: 0.1rem;
    text-align: center;
    display: inline-block;
    border-radius: 0.1rem;
    box-shadow: 0.0125rem 0.05rem 0.125rem #7d7d7d;
    margin-bottom: 0.125rem;
    position: absolute;
    top: -0.75rem; }
    .marker-content .marker-btn:hover {
      box-shadow: 0.0125rem 0.05rem 0.25rem #333333; }

.contact-form {
  position: relative;
  color: #FFFFFF; }
  .contact-form img {
    width: 100%;
    display: block; }
  .contact-form form {
    font-family: PingFangSC-Regular, PingFang SC;
    position: absolute;
    left: 11.45rem;
    top: 1.65rem;
    right: 1.9rem;
    font-size: 0.3rem; }
    .contact-form form h3 {
      font-size: 0.5125rem;
      margin-bottom: 0.85rem; }
    .contact-form form div {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      position: relative; }
      .contact-form form div input {
        color: #FFFFFF;
        padding: 0.25rem 0.4375rem;
        background-color: transparent;
        border: 0.0125rem solid #CBCBCB;
        border-radius: 0.1375rem;
        margin-bottom: 0.55rem;
        font-size: 0.25rem; }
        .contact-form form div input:nth-of-type(1) {
          width: 2.85rem;
          margin-right: 0.5125rem; }
        .contact-form form div input:nth-of-type(2) {
          width: 5.375rem; }
        .contact-form form div input:nth-of-type(3) {
          width: 4.75rem;
          margin-right: 0.5125rem; }
        .contact-form form div input:nth-of-type(4) {
          width: 3.475rem; }
        .contact-form form div input:focus {
          outline: none; }
      .contact-form form div ::-webkit-input-placeholder {
        color: #FFFFFF; }
      .contact-form form div :-ms-input-placeholder {
        color: #FFFFFF; }
      .contact-form form div .location {
        position: absolute;
        bottom: 0.05rem;
        right: 0;
        font-size: 0;
        display: none; }
        .contact-form form div .location.act {
          display: block; }
        .contact-form form div .location select {
          padding: 0.125rem 0.25rem;
          border-radius: 0.1rem;
          border: 0; }
          .contact-form form div .location select[name='province'] {
            width: 3.35rem; }
      .contact-form form div .expand-city {
        position: absolute;
        bottom: 0.85rem;
        right: 0.625rem;
        border-color: #FFFFFF;
        border-top-width: 0.1625rem;
        border-bottom-width: 0;
        border-left-width: 0.1rem;
        border-right-width: 0.1rem;
        border-left-color: transparent;
        border-right-color: transparent;
        border-style: solid; }
        .contact-form form div .expand-city.act {
          border-top-width: 0;
          border-bottom-width: 0.1625rem; }
    .contact-form form.error .form-error {
      display: block; }
    .contact-form form.error input.error {
      border-color: #FA4A3E; }
    .contact-form form .form-error {
      display: none;
      color: #FA4A3E;
      font-size: 0.2rem;
      line-height: 0.2875rem;
      margin-top: -0.575rem;
      margin-bottom: 0.275rem; }
    .contact-form form .sub {
      background-color: #FD5F10;
      font-size: 0.3375rem;
      padding: 0.15rem 1.475rem;
      border-radius: 0.675rem;
      display: inline-block; }

@-webkit-keyframes address {
  0% {
    opacity: 0;
    top: 0; }
  to {
    opacity: 1;
    top: 1.6375rem; } }

@keyframes address {
  0% {
    opacity: 0;
    top: 0; }
  to {
    opacity: 1;
    top: 1.6375rem; } }