.public_w {
  max-width: 1420px;
  width: 85%;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
/* 联系我们 */
.contact {
  /* 联系我们 */
}
.contact .cont_conta {
  width: 85%;
  margin-top: calc(20px + 5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border: 1px #f00 solid; */
}
.contact .cont_conta > h3 {
  /*font-family: SANJIYUANTIJIAN_Regular;*/
  font-size: calc(14px + 1.5rem);
  color: #024B9F;
  margin-bottom: calc(10px + 0.85rem);
}
.contact .cont_conta > p,
.contact .cont_conta > span {
  font-family: PingFang_SC_Medium;
  font-weight: 400;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  line-height: calc(12px + 1rem);
  text-align: center;
  font-style: normal;
}
.contact .cont_conta .cont_conta1 {
  width: 100%;
  margin-top: calc(10px + 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px #f00 solid; */
}
.contact .cont_conta .cont_conta1 > div {
  width: calc(152px + 15rem);
  margin-right: calc(12px + 1rem);
  padding: 0 0 calc(13px + 1rem) calc(12px + 1rem);
  box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.05);
  display: flex;
}
.contact .cont_conta .cont_conta1 > div > .tel {
  width: calc(16px + 1rem);
  height: calc(17px + 1rem);
  margin-top: calc(10px + 0.95rem);
}
.contact .cont_conta .cont_conta1 > div > .email {
  width: calc(11px + 1.5rem);
  height: calc(10px + 0.95rem);
  margin-top: calc(13px + 1rem);
}
.contact .cont_conta .cont_conta1 > div > .add {
  width: calc(13px + 1rem);
  height: calc(12px + 1.5rem);
  margin-top: calc(10px + 0.75rem);
}
.contact .cont_conta .cont_conta1 > div > div {
  display: flex;
  flex-direction: column;
  margin-top: calc(10px + 0.8rem);
  margin-left: calc(10px + 0.6rem);
}
.contact .cont_conta .cont_conta1 > div > div > p {
  font-family: SANJIYUANTIJIAN_Regular;
  font-size: calc(10px + 1rem);
  color: #333333;
}
.contact .cont_conta .cont_conta1 > div > div > span {
  font-family: PingFang_SC_Medium;
  font-size: calc(10px + 0.4rem);
  color: #777777;
  margin-top: calc(10px + 0.2rem);
}
.contact .cont_conta .cont_conta1 > div:nth-last-of-type(1) {
  margin-right: 0;
}
.contact .cont_contb {
  width: 100%;
  height: calc(400px + 30rem);
  /* height: 939px; */
  margin-top: calc(20px + 3rem);
  margin-bottom: calc(20px + 5rem);
  position: relative;
  display: flex;
}
.contact .cont_contb .cont_bg1 {
  width: calc(100px + 35rem);
  height: 100%;
  background: url('../images/cont_bg1.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contact .cont_contb .cont_contb1 {
  width: 85%;
  height: 100%;
  /* position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%); */
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #f00; */
}
.contact .cont_contb .cont_contb1 .l {
  width: calc(114px + 15rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  z-index: 10;
  /* border: 1px solid #f00; */
}
.contact .cont_contb .cont_contb1 .l > h3 {
  font-family: SANJIYUANTIJIAN_Regular;
  font-size: calc(10px + 1.3rem);
  margin-top: calc(14px + 2rem);
  margin-left: calc(12px + 1.5rem);
  margin-bottom: calc(19px + 2.5rem);
}
.contact .cont_contb .cont_contb1 .l > p {
  font-family: PingFang_SC_Bold;
  font-size: calc(10px + 0.5rem);
  margin-bottom: calc(10px + 0.5rem);
}
.contact .cont_contb .cont_contb1 .l > span {
  font-family: PingFang_SC_Medium;
  font-size: calc(10px + 0.3rem);
  line-height: calc(10px + 1rem);
}
.contact .cont_contb .cont_contb1 .l > i {
  font-family: PingFang_SC_Medium;
  font-size: calc(10px + 0.3rem);
  line-height: calc(10px + 0.6rem);
  margin-bottom: calc(10px + 2rem);
  margin-top: calc(6px + 0.4rem);
}
.contact .cont_contb .cont_contb1 .l > div {
  width: 100%;
  display: flex;
}
.contact .cont_contb .cont_contb1 .l > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact .cont_contb .cont_contb1 .l > div > div > img {
  width: calc(30px + 4.5rem);
}
.contact .cont_contb .cont_contb1 .l > div > div > p {
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.3rem);
  color: #FFFFFF;
  margin-top: 14px;
}
.contact .cont_contb .cont_contb1 .l > div > div:nth-child(1),.contact .cont_contb .cont_contb1 .l > div > div:nth-child(2) {
  margin-right: calc(10px + 0.5rem);
}
.contact .cont_contb .cont_contb1 .r {
  width: 56.54%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 1px #f00 solid; */
}
.contact .cont_contb .cont_contb1 .r > h3 {
  font-family: SANJIYUANTIJIAN_Regular;
  font-size: calc(10px + 1.2rem);
  color: #333333;
  text-align: center;
  margin-bottom: calc(10px + 2.5rem);
}
.contact .cont_contb .cont_contb1 .r > #myform {
  width: 100%;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div {
  width: 47.57%;
  margin-bottom: calc(10px + 0.7rem);
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div .col-md-2 {
  font-family: PingFang_SC_Medium;
  font-size: calc(10px + 0.3rem);
  color: #777777;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div .col-md-2 > span {
  color: #D80816 !important;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div input[type="text"] {
  width: 100% !important;
  height: calc(29px + 1rem) !important;
  border: 1px solid #E5E5E5;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div #dr_liuyan {
  width: 100% !important;
  height: calc(80px + 5rem) !important;
  border: 1px solid #E5E5E5;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > div:nth-last-of-type(1) {
  width: 100%;
  margin-bottom: 0;
}
.contact .cont_contb .cont_contb1 .r > #myform .fc-form-body > p {
  font-family: PingFang_SC_Medium;
  font-size: calc(10px + 0.3rem);
  color: #333333;
  margin-top: calc(10px + 0.5rem);
}
.contact .cont_contb .cont_contb1 .r > #myform .portlet-body {
  width: 100%;
  margin-top: calc(10px + 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact .cont_contb .cont_contb1 .r > #myform .portlet-body .btn {
  width: calc(40px + 5rem);
  height: calc(34px + 1rem);
  background: linear-gradient(270deg, #007A4B 0%, #054B9C 100%);
  border-radius: 2px 2px 2px 2px;
  border: none;
  font-family: PingFang_SC_Regular;
  font-size: calc(10px + 0.4rem);
  color: #FFFFFF;
}
@media screen and (max-width: 1100px) {
  /* 联系我们 */
  .contact .cont_conta .cont_conta1 {
    width: 100%;
    flex-direction: column;
  }
  .contact .cont_conta .cont_conta1 > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: calc(10px + 2rem);
  }
  .contact .cont_contb {
    flex-direction: column;
    height: calc(500px + 105rem);
  }
  .contact .cont_contb .cont_bg1 {
    display: none;
    position: static;
  }
  .contact .cont_contb .cont_contb1 {
    width: 100%;
    flex-direction: column;
  }
  .contact .cont_contb .cont_contb1 .l {
    width: 100%;
    background: url('../images/cont_bg1.png') no-repeat;
    background-size: 100% 100%;
    padding: 0 7.5%;
    padding-bottom: 7.5%;
  }
  .contact .cont_contb .cont_contb1 .r {
    width: 85%;
    margin: 0 auto;
  }
  .contact .cont_contb .cont_contb1 .r > h3 {
    margin: calc(10px + 3rem) auto;
  }
  .contact .cont_contb .cont_contb1 .r > #myform .portlet-body {
    margin-bottom: calc(50px + 6rem);
  }
}
