.homeBox {
  padding-bottom: 6.5rem;
}
.homeBox .hw1320 {
  max-width: 1320px;
  width: 80%;
  margin: 0 auto;
}
.homeBox .marTop {
  margin-top: 6rem;
}
.homeBox .title {
  font-family: "PingFangBold";
  text-align: center;
  font-size: calc(16px + 1.6rem);
  font-weight: 500;
  color: #333333;
  line-height: calc(30px + 1.85rem);
  margin-bottom: 4rem;
}
.bannerBox {
  width: 100%;
}
.bannerBox img {
  width: 100%;
}
.aboutBox .aboutCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aboutBox .aboutCont .aboutImg {
  width: 33.636%;
}
.aboutBox .aboutCont .aboutImg img {
  width: 100%;
}
.aboutBox .aboutCont .aboutText {
  width: 63.63%;
}
.aboutBox .aboutCont .aboutText p {
  text-indent: 30px;
  font-size: calc(10px + 0.5rem);
  font-weight: 400;
  color: #333333;
  line-height: calc(20px + 1rem);
}
.emailBox {
  height: calc(130px + 2rem);
  background: linear-gradient(315deg, #64A6FC 0%, #7482F8 100%);
}
.emailBox .emailCont {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.emailBox .emailCont h3 {
  display: flex;
  font-size: calc(12px + 0.5rem);
  font-weight: 500;
  color: #FFFFFF;
  line-height: calc(20px + 1.25rem);
  align-items: center;
}
.emailBox .emailCont h3 .emailName {
  font-weight: 500;
  color: #FFFFFF;
  line-height: calc(20px + 1.25rem);
}
.emailBox .emailCont .emailBut {
  width: calc(100px + 3.5rem);
}
.emailBox .emailCont .emailBut img {
  width: 100%;
}
.productBox .productList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.productBox .productItem {
  width: 31%;
  margin-bottom: calc(30px + 2rem);
}
.productBox .productItem .product_iconImg {
  padding-bottom: 1.2rem;
}
.productBox .productItem .product_iconImg img {
  width: 100%;
}
.productBox .productItem .product_type {
  font-family: "PingFangMedium";
  width: 95%;
  font-size: calc(8px + 0.4rem);
  font-weight: 500;
  color: #333333;
  line-height: calc(18px + 0.5rem);
}
.contactBox .contactCont {
  display: flex;
  justify-content: space-between;
}
.contactBox .messageList {
  width: 34.1%;
}
.contactBox .messageItem {
  display: flex;
  margin-bottom: calc(10px + 0.5rem);
}
.contactBox .messageItem:first-of-type {
  margin-bottom: calc(20px + 1.3rem);
}
.contactBox .messageItem .icon {
  width: calc(10px + 0.4rem);
  height: calc(10px + 0.4rem);
  margin-right: 0.5rem;
  line-height: calc(22px + 0.5rem);
}
.contactBox .messageItem .icon img {
  width: 100%;
  vertical-align: middle;
}
.contactBox .messageItem .name {
  width: calc(100% - 10px - 0.9rem);
  font-size: calc(6px + 0.6rem);
  font-weight: 400;
  line-height: calc(22px + 0.5rem);
}
.contactBox .messageItem .name h3 {
  display: inline;
  color: #333333;
}
.contactBox .messageItem .name p {
  display: inline;
  color: #777;
}
.contactBox .cont_right {
  width: 51.5%;
  padding: 13px calc(22px + 3.1rem) calc(10px + 1rem);
  background-color: #fff;
  box-shadow: 0px 0px 8px 6px #F7FBFF;
  border-radius: 10px;
}
.input_in1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inpItem .typeName {
  display: inline-block;
  font-size: calc(10px + 0.2rem);
  font-weight: 400;
  color: #333333;
  line-height: calc(14px + 0.3rem);
  position: relative;
  margin-bottom: calc(4px + 0.2rem);
}
.inpItem .typeName::after {
  content: "*";
  position: absolute;
  top: -50%;
  right: calc(-3px - 0.1rem);
  transform: translateY(50%);
  color: #E71C1C;
}
.inpItem .typeName2 {
  display: inline-block;
  font-size: calc(10px + 0.2rem);
  font-weight: 400;
  color: #333333;
  line-height: calc(14px + 0.3rem);
  position: relative;
  margin-bottom: calc(4px + 0.2rem);
}
.inpItem textarea {
  background-color: #ECF1F4;
}
.input_in1 input {
  margin-bottom: 0.3rem;
  height: 34px;
  padding-left: 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #ECF1F4;
}
.submit_ti {
  padding: 10px 30px;
  background-color: #01ada1;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  border: 0;
  border-radius: 50px;
}
.form_btn {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.flex_lian_d1 {
  width: 100%;
  padding: 40px;
  box-shadow: 0px 0px 15px -4px #c7c7c7;
  background-color: #ffffff;
  border-radius: 10px;
}
.input_in1 input::placeholder {
  font-size: 14px;
  color: #000000d1;
}
.xuqiu {
  padding-left: 10px;
  padding-top: 5px;
  min-height: 100px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.form_btn .submit_ti {
  padding: 10px 30px;
  width: calc(100px + 2.9rem);
  background-image: linear-gradient(90deg, #7283F8 0%, #66A1FB 100%);
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  border: 0;
  border-radius: 50px;
}
.form_btn .submit_ti:hover {
  background-color: #0b8a81;
}
@media screen and (max-width: 1100px) {
  .aboutBox .aboutCont {
    flex-direction: column-reverse;
  }
  .aboutBox .aboutCont .aboutImg {
    width: 100%;
  }
  .aboutBox .aboutCont .aboutText {
    width: 100%;
     margin-bottom: 3rem;
  }
  .productBox .productItem {
    width: 46%;
  }
  .contactBox .contactCont {
    display: block;
  }
  .contactBox .contactCont .messageList {
    width: 100%;
    margin-bottom: calc(30px + 2rem);
  }
  .contactBox .contactCont .cont_right {
    width: 100%;
  }
  .contactBox .messageItem .icon {
    width: calc(10px + 1rem);
    height: calc(10px + 1rem);
  }
  .contactBox .messageItem .name {
    font-size: calc(6px + 1rem);
  }
  .inpItem .typeName,
  .inpItem .typeName2 {
    font-size: calc(10px + 0.7rem);
  }
}
@media screen and (max-width: 750px) {
  .contactBox .cont_right {
    padding: 13px 0 calc(10px + 1rem);
  }
}