

.contact_container {
  /* @media screen and (max-width: 750px) {
    flex-wrap: wrap;
  } */
  display: flex;
}
.banner-txt-cont {
  /* @media screen and (max-width: 750px) {
    position: absolute;
    top: 39.4%;
    left: 0;
    right: 0;
    text-align: center;
  } */
  position: absolute;
  top: 39.4%;
  left: 1.46rem;
  /* width: 59.59%; */
}
.banner-txt-cont h2 {
  /* @media screen and (max-width: 750px) {
    font-size: 0.48rem;
  } */
  color: #fff;
  font-size: 1.00194rem;

  font-weight: 700;
  line-height: normal;
  position: relative;
  z-index: 2;
}
.banner-txt-cont h3 {
  color: #fff;
  font-size: 0.32rem;
  font-weight: 400;
  line-height: normal;
  position: relative;
  z-index: 2;
}
.contact_container .contact_info_container {
  /* @media screen and (max-width: 750px) {
    flex: 0 0 100%;
    padding: 0.6rem 0.46rem;
  } */
  flex: 60%;
  padding: 1.065rem 0.798rem 0.783rem 1.205rem;
  box-sizing: border-box;
}
.contact_container .contact_info .company_name {
  margin-bottom: 0.523rem;
}
.contact_container .contact_info .company_name .ch {
  /* @media screen and (max-width: 750px) {
    font-size: 0.48rem;
  } */
  color: #000;
  font-size: 0.595rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.contact_container .contact_info .company_name .en {
  /* @media screen and (max-width: 750px) {
    font-size: 0.28rem;
  } */
  color: #000;
  font-size: 0.282rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.contact_container .contact_info .map {
  /* @media screen and (max-width: 750px) {
    display: none;
  } */
  margin-bottom: 0.523rem;
}
.contact_container .contact_info .map img {
  width: 100%;
}
.contact_container .contact_info .contact_methods {
  /* @media screen and (max-width: 750px) {
    margin-bottom: 0;
  } */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.47rem;
  justify-content: space-between;

  /* position:relative; */
}
.contact_container .contact_info .contact_methods .contact_method {
  /* @media screen and (max-width: 750px) {
    padding: 0.451rem 0.509rem;
    flex: 0 0 100%;
    margin-bottom: 0.34rem;
  } */
  flex: 1;
  box-sizing: border-box;
  padding: 34.35px 37px;
  border-radius: 4px;
  background: #f5f8fd;
}
.contact_method.address {
  margin: 0;
  /* width: 100%; */
}
@media screen and (min-width: 750px) {
  .contact_method:not(:last-child) {
    margin-right: 0.235rem;
  }
  .contact_method:not(:first-child) {
    margin-left: 0.235rem;
  }
}
.contact_container .contact_info .contact_methods .contact_method .label img {
  width: 0.25rem;
  height: 0.25rem;
}
.contact_container .contact_info .contact_methods .contact_method .label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.159rem;
}
.contact_container .contact_info .contact_methods .contact_method .value {
  color: #000;
  font-size: 0.282rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact_container .contact_form_container {
  /* @media screen and (max-width: 750px) {
    padding: 0.918rem 0.494rem;
  } */
  flex: 40%;
  padding: 1.143rem 1.158rem 1rem 0.783rem;
  background: linear-gradient(180deg, #e2eaf6 0%, #fbfcfe 100%);
}
.contact_container .contact_form_container .question {
  /* @media screen and (max-width: 750px) {
    font-size: 0.402rem;
  } */
  color: #000;
  font-size: 0.501rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact_container .contact_form_container .question_description {
  /* @media screen and (max-width: 750px) {
    font-size: 0.226rem;
    margin-bottom: 0.56rem;
  } */
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.282rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.704rem;
}
.contact_container .contact_form_container .contact_form {
  /* @media screen and (max-width: 750px) {
    font-size: 0.56rem;
  } */
  margin-top: 0.704rem;
}
.contact_container .contact_form_container .contact_form .form_item {
  display: flex;
}
.form_item ~ .form_item {
  /* @media screen and (max-width: 750px) {
    font-size: 0.402rem;
  } */
  margin-top: 0.501rem;
}
.contact_container .contact_form_container .contact_form .form_item .label {
  /* @media screen and (max-width: 750px) {
    font-size: 0.226rem;
    line-height: 1.006rem;
  } */
  flex: 0 0 1rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: right;
  margin-right: 0.532rem;
  font-size: 0.282rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.96rem;
}
.contact_container .contact_form_container .contact_form .form_item .value {
  /* @media screen and (max-width: 750px) {
    padding: 0.12576rem 0.20122rem;
    font-size: 0.20122rem;
  } */
  display: flex;
  padding: 0.157rem 0.25rem;
  align-items: center;
  flex: 1;
  border-radius: 4px;
  border: 1px solid #d5dbe9;
  background: #fff;
  font-size: 0.25049rem;
}
.contact_container .contact_form_container .contact_form .form_item textarea {
  /* @media screen and (max-width: 750px) {
    height: 2.06246rem;
  } */
  height: 2.567rem;
}
.contact_container .contact_form_container .contact_form .button {
  /* @media screen and (max-width: 750px) {
    padding: 0.12576rem 0.20122rem;
  } */
  margin-left: 1.532rem;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-top: 0.501rem;
  background: linear-gradient(100deg, #6073eb 4.18%, #4fb9f0 107.77%);
  color: #fff;
  font-size: 0.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
}


@media screen and (max-width: 750px) {
  .contact_container {
    flex-wrap: wrap;
  }
  .banner-txt-cont {
    position: absolute;
    top: 39.4%;
    left: 0;
    right: 0;
    text-align: center;
  }

  .banner-txt-cont h2 {
    font-size: 0.48rem;
  }

  .contact_container .contact_info_container {
    flex: 0 0 100%;
    padding: 0.6rem 0.46rem;
  }

  .contact_container .contact_info .company_name .ch {
    font-size: 0.48rem;
  }

  .contact_container .contact_info .company_name .en {
    font-size: 0.28rem;
  }

  .contact_container .contact_info .map {
    display: none;
  }

  .contact_container .contact_info .contact_methods {
    margin-bottom: 0;
  }

  .contact_container .contact_info .contact_methods .contact_method {
    padding: 0.451rem 0.509rem;
    flex: 0 0 100%;
    margin-bottom: 0.34rem;
  }

  .contact_container .contact_form_container {
    padding: 0.918rem 0.494rem;
  }

  .contact_container .contact_form_container .question {
    font-size: 0.402rem;
  }

  .contact_container .contact_form_container .question_description {
    font-size: 0.226rem;
    margin-bottom: 0.56rem;
  }

  .contact_container .contact_form_container .contact_form {
    font-size: 0.56rem;
  }
  .form_item ~ .form_item {
    font-size: 0.402rem;
  }
  .contact_container .contact_form_container .contact_form .form_item .label {
    font-size: 0.226rem;
    line-height: 1.006rem;
  }

  .contact_container .contact_form_container .contact_form .form_item .value {
    padding: 0.12576rem 0.20122rem;
    font-size: 0.20122rem;
  }

  .contact_container .contact_form_container .contact_form .form_item textarea {
    height: 2.06246rem;
  }
  .contact_container .contact_form_container .contact_form .button {
    padding: 0.12576rem 0.20122rem;
  }
}