/* 关于我们 */
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.page {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none; /* Firefox */
  /* padding-left: 18.7vw; */
}
.about {
  width: 100vw;
  height: 100vh;
  /*background: url("../images/about-back.png");*/
  /*background-size: 100vw 100vh;*/
  position: relative;
}
.about-back-img {
  position: absolute;
  z-index: 0;
}
.about-content {
  position: absolute;
  z-index: 5;
  width: 49vw;
  height: 248px;
  top: 38.1vh;
  left: 18.7vw;
}
.about-content .content {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 16px;
  color: #676e79;
  line-height: 32px;
  text-align: left;
}
.about-content .title {
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-size: 32px;
  color: #101a2b;
  line-height: 32px;
  text-align: left;
  margin-bottom: 56px;
}
.form {
  position: relative;
  width: 100vw;
  height: 680px;
  /*background: url("../images/contact-back.png");*/
  /*background-size: 100vw 680px;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-img {
  position: absolute;
  z-index: 0;
}
.form-wrapper {
  position: relative;
  z-index: 5;
  background-color: #fff;
  width: 44.2vw;
  height: 520px;
  padding: 50px 40px 44px 40px;
  display: flex;
  flex-flow: column;
}
.basic-info {
  width: 100%;
  height: 150px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 98px;
  column-gap: 3%;
  row-gap: 0;
  margin-bottom: 45px;
}
.custom-input {
  border: none !important;
  background-color: #f5f7f9 !important;
}
.form-select {
  border: none !important;
  background-color: #f5f7f9 !important;
}
.form-item {
  flex: 0 0 auto;
  height: 98px;
}
.remark {
  width: 100%;
  height: auto;
}
.form-remark {
  width: 100%;
  height: 148px;
  border: none !important;
  background-color: #f5f7f9 !important;
}
.submit {
  margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.submit-btn {
  width: 104px;
}

.submit .el-button--primary {
  color: #fff;
  background: #005fff;
  border-color: #005fff;
  border-radius: 2px;
}

.submit .el-button--primary:focus,
.submit .el-button--primary:hover {
  color: #fff;
  background: #005fff;
  border-color: #005fff;
  border-radius: 2px;
}

.address {
  width: 100%;
  height: 770px;
  background-color: #fff;
  padding: 96px 0 100px 18.7vw;
  display: flex;
}
.left {
  width: 337px;
  height: 100%;
  display: flex;
  flex-flow: column;
  margin-right: 265px;
}
.left-item {
  height: 66px;
  display: flex;
  margin-bottom: 63px;
}
.item-content {
  width: 260px;
  margin-left: 16px;
  display: flex;
  flex-flow: column;
}
.item-content span {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 18px;
  color: #101a2b;
  line-height: 18px;
  letter-spacing: 1px;
  text-align: left;
}
.divider {
  margin: 8px 0 5px 0;
  width: 100%;
  height: 1px;
  background-color: #dde1e6;
}
.item-address {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 14px;
  color: #757b84;
  line-height: 28px;
  letter-spacing: 1px;
  text-align: left;
}
.right {
  width: 100%;
  height: 100%;
}
.right-title {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 20px;
  color: #101a2b;
  line-height: 18px;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 37px;
}
.unit-list {
  display: flex;
  flex-flow: column wrap;
  height: 580px;
}
.list-item {
  width: 300px;
  display: flex;
  flex-flow: column;
  margin-bottom: 40px;
}
.list-item span {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 14px;
  color: #757b84;
  line-height: 22px;
  letter-spacing: 1px;
  text-align: left;
}
.list-item span:first-child {
  font-family: AlibabaPuHuiTi_2_65_Medium;
  font-size: 14px;
  color: #101a2b;
  line-height: 14px;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 13px;
}

@media screen and (max-width: 1200px) {
  .page {
    background: url("../images/about-back.png") no-repeat top center;
    background-size: 100% 4.22rem;
  }

    .about {
      height: auto;
    }

    .about-content {
      position: relative;
      width: 90%;
      margin: 0 auto;
      padding: 0;
      top: 0;
      left: 0;
      padding-top: 2rem;
      height: auto;
      margin-bottom: 0.84rem;
    }
    .about-content .content {
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 0.3rem;
      color: #101a2b;
      line-height: 0.58rem;
      text-align: justify;
      font-style: normal;
      text-indent: 2em;
    }

    .about-content .title {
      font-size: 0.4rem;
      color: #101a2b;
      line-height: 0.4rem;
      margin-bottom: 0.54rem;
    }

    .contact-img {
      display: none;
    }

    .form {
      width: 100%;
      padding: 0.4rem;
      height: auto;
      background: url("../images/about_mobile_bg.png") no-repeat center/cover;
    }

    .form-wrapper {
      width: 100%;
      padding: 0.4rem;
      height: auto;
    }

    .basic-info {
      width: 100%;
      height: auto;
      display: grid;
      grid-template-rows: none;
      grid-template-columns: 100%;
      column-gap: 3%;
      row-gap: 0;
      margin-bottom: 0.3rem;
    }

    .submit {
      justify-content: center;
    }

    .godemoPage {
      font-size: 0.2rem;
      margin-top: 0.4rem;
      text-align: center;
    }

    .submit-btn {
      width: 30%;
    }


    .address {
      height: auto;
      padding: 0;
      display: block;
      margin-bottom: 0.8rem;
    }

    .left {
      width: 100%;
      height: auto;
      margin-right: 0;
      background: #2a3241;
      padding: 0.8rem;
      color: #fff;

      .left-item {
        height: auto;
        margin-bottom: 0.8rem;
        .leftImg {
          display: none;
        }
      }

      .item-content {
        width: 100%;
        margin-left: 0;
      }

      .item-content span {
        font-family: AlibabaPuHuiTi_2_55_Regular;
        font-size: 0.24rem;
        color: #ffffff;
        line-height: 0.24rem;
        text-align: left;
        font-style: normal;
      }

      .divider {
        margin: 0.1rem 0 0.2rem 0;
        background-color: #dde1e6;
      }

      .item-address {
        font-family: AlibabaPuHuiTi_2_55_Regular;
        font-size: 0.3rem;
        color: #ffffff;
        line-height: 0.48rem;
        text-align: left;
        font-style: normal;
      }


    }

    .right {
      width: 100%;
      height: auto;
      padding: 0.8rem;
      background: url("../images/about_mobile_bg_2.png") no-repeat center/cover;
    }

    .right-title {
      font-size: 0.36rem;
      color: #ffffff;
      line-height: 0.36rem;
      margin-bottom: 0.6rem;
    }

    .unit-list {
      height: auto;
    }

    .list-item {
      width: auto;
      display: flex;
      flex-flow: column;
      margin-bottom: 0.8rem;
    }

    .list-item span {
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 0.3rem;
      color: #ffffff;
      line-height: 0.48rem;
    }

    .list-item span:first-child {
      font-family: AlibabaPuHuiTi_2_55_Regular;
      font-size: 0.24rem;
      color: #ffffff;
      line-height: 0.24rem;
      padding-bottom: 0.24rem;
      margin-bottom: 0.2rem;
      border-bottom: 0.01rem solid #dde1e6;
    }
}