.public_w {
  max-width: 1420px;
  width: 85%;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
.contact {
  width: 100%;
}
.contact .cont_read {
  width: 100%;
  margin-top: calc(30px + 5rem);
  margin-bottom: calc(40px + 5rem);
}
.contact .cont_read > div {
  width: 100%;
}
.contact .cont_read .cont_read1 {
  position: relative;
}
.contact .cont_read .cont_read1 > div {
  width: 85%;
  display: flex;
  justify-content: space-between;
}
.contact .cont_read .cont_read1 > div .l1 {
  width: 42.816%;
  display: flex;
  flex-direction: column;
  margin-top: calc(16px + 3.5rem);
  margin-bottom: calc(17px + 3.5rem);
}
.contact .cont_read .cont_read1 > div .l1 > p:nth-of-type(1) {
  font-size: calc(10px + 1.2rem);
  color: #3A4046;
}
.contact .cont_read .cont_read1 > div .l1 > p:nth-of-type(2) {
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  margin-top: calc(4px + 0.5rem);
  margin-bottom: calc(14px + 1.5rem);
}
.contact .cont_read .cont_read1 > div .l1 > span {
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.3rem);
  color: #666666;
  line-height: calc(10px + 1rem);
}
.contact .cont_read .cont_read1 > div .l1 > div {
  width: 100%;
  display: flex;
}
.contact .cont_read .cont_read1 > div .l1 > div > div {
  width: calc(26px + 1.5rem);
  height: calc(26px + 1.5rem);
  border: 1px solid #DCDCDC;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: calc(4px + 0.5rem);
  margin-top: calc(10px + 2.4rem);
}
.contact .cont_read .cont_read1 > div .l1 > div > div:nth-child(1) > img {
  width: calc(10px + 0.55rem);
}
.contact .cont_read .cont_read1 > div .l1 > div > div:nth-child(2) > img {
  width: calc(10px + 0.65rem);
}
.contact .cont_read .cont_read1 > div .l1 > div > div:nth-child(3) > img {
  width: calc(10px + 0.6rem);
}
.contact .cont_read .cont_read1 .r1 {
  width: 49.062%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contact .cont_read .cont_read1 .r1 > img {
  width: 100%;
}
.contact .cont_read .cont_read2 {
  width: 85%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(30px + 4rem);
  border-bottom: 1px solid #D9D9D9;
}
.contact .cont_read .cont_read2 > p {
  font-size: calc(10px + 1.2rem);
  color: #3A4046;
}
.contact .cont_read .cont_read2 > span {
  font-family: PingFangSC, PingFang SC;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  margin-top: calc(4px + 0.5rem);
  margin-bottom: calc(10px + 2.5rem);
}
.contact .cont_read .cont_read2 > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: calc(20px + 3rem);
}
.contact .cont_read .cont_read2 > ul > li {
  width: 23.802%;
  background: #F7F7F7;
  padding: calc(10px + 1.85rem) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(10px + 0.65rem);
  font-size: calc(10px + 0.5rem);
}
.contact .cont_read .cont_read2 > ul > li > p {
  font-family: PingFang_SC_Medium;
  color: #3A4046;
}
.contact .cont_read .cont_read2 > ul > li > span {
  font-family: PingFang_SC_Regular;
  color: #666666;
  margin-top: calc(5px + 0.25rem);
  text-align: center;
}
.contact .cont_read .cont_read2 > ul > li:nth-last-of-type(1) {
  width: 74.577%;
  /*margin-bottom: 0;*/
}
.contact .cont_read .cont_read2 > ul > li:nth-last-of-type(2) {
  /*margin-bottom: 0;*/
}
.contact .cont_read .cont_read3 {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(20px + 5rem);
}
.contact .cont_read .cont_read3 > .l2 {
  width: 45.1408%;
}
.contact .cont_read .cont_read3 > .l2 > img {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 {
  width: 47.957%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 留言表单 */
}
.contact .cont_read .cont_read3 > .r2 > p {
  font-size: calc(10px + 1.2rem);
  color: #333333;
}
.contact .cont_read .cont_read3 > .r2 > span {
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  margin-top: calc(4px + 0.5rem);
  margin-bottom: calc(10px + 2.5rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform {
  width: 100%;
  /* border: 1px solid #000; */
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body > div {
  margin-bottom: calc(10px + 0.5rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body > div input[type="text"],
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body > div #dr_liuyan {
  background: #FFFFFF;
  border: 1px solid rgba(151, 151, 151, 0.5);
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.3rem);
  color: #777777;
  padding: 0 calc(10px + 0.3rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body > div:nth-last-of-type(1) {
  margin-bottom: 0;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body .col-md-2 {
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.3rem);
  color: #777777;
  /* margin-left: calc(10px + 0.3rem); */
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body .col-md-2 > span {
  color: #D80816;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang {
  width: 32.15%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi > div,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua > div,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang > div {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi > div input[type="text"],
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua > div input[type="text"],
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang > div input[type="text"] {
  width: 100% !important;
  height: calc(26px + 1rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_guojia,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_xingye {
  width: 49.045%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_guojia > div,
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_xingye > div {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_guojia > div input[type="text"],
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_xingye > div input[type="text"] {
  width: 100% !important;
  height: calc(26px + 1rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_liuyan {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_liuyan > div {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_liuyan > div #dr_liuyan {
  width: 100% !important;
  height: calc(70px + 4rem) !important;
  padding: calc(10px + 0.3rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform > div:nth-child(2) {
  width: 100%;
}
.contact .cont_read .cont_read3 > .r2 > #myform > div:nth-child(2) > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(14px + 1rem);
}
.contact .cont_read .cont_read3 > .r2 > #myform > div:nth-child(2) > div > .btn {
  width: calc(70px + 3.5rem);
  height: calc(24px + 1.5rem);
  background: #003B95;
  border-radius: 2px;
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.4rem);
  color: #FFFFFF;
  border: none;
}
@media screen and (max-width: 1100px) {
  .contact .cont_read .cont_read1 > div .l1 {
    width: 100%;
  }
  .contact .cont_read .cont_read1 .r1 {
    position: static;
    width: 100%;
    transform: translateY(-50%);
    margin-top: calc(10px + 20rem);
  }
  .contact .cont_read .cont_read2 > ul > li {
    width: 47%;
  }
  .contact .cont_read .cont_read2 > ul > li:nth-of-type(5),
  .contact .cont_read .cont_read2 > ul > li:nth-of-type(6) {
    width: 100%;
  }
  .contact .cont_read .cont_read2 > ul > li:nth-of-type(6) {
    margin-top: calc(10px + 0.65rem);
  }
  .contact .cont_read .cont_read3 {
    flex-direction: column;
  }
  .contact .cont_read .cont_read3 > .l2 {
    width: 100%;
  }
  .contact .cont_read .cont_read3 > .r2 {
    width: 100%;
  }
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body .col-md-2 {
    font-family: PingFang_SC_Regular;
    font-size: calc(10px + 0.3rem);
    color: #777777;
  }
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body .col-md-2 > span {
    color: #D80816 !important;
  }
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi,
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua,
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang {
    width: 49.045%;
  }
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi > div,
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua > div,
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang > div {
    width: 100%;
  }
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_mingzi > div input[type="text"],
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_dianhua > div input[type="text"],
  .contact .cont_read .cont_read3 > .r2 > #myform .fc-form-body #dr_row_youxiang > div input[type="text"] {
    width: 100% !important;
    height: calc(26px + 1rem);
  }
}
