* {
  margin: 0;
  padding: 0;
}
.container {
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.banner {
  margin-top: 158px;
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  height: 680px;
  background: url(../image/contactus_banner.png) no-repeat center;
}
.content {
  width: 100%;
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact {
  width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-top {
  margin-top: 100px;
  width: 100%;
  background: url(../image/contactus_title_bg.png) no-repeat top;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-top p {
  margin-top: 10px;
  font-size: 34px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.contact-top span {
  margin-top: 26px;
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.contact-bottom {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-bottom .item {
  margin-bottom: 20px;
  width: 380px;
  height: 284px;
  background-color: #cde27a;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 90px;
  box-sizing: border-box;
}
.contact-bottom .item img {
  margin: 47px 0 45px;
}
.contact-bottom .item p {
  font-size: 20px;
  color: #333;
  line-height: 1;
  font-weight: 700;
}
.contact-bottom .item span {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  line-height: 24px;
  text-align: center;
}
.contact-bottom .item:nth-child(2n) {
  background-color: #f6b675;
}
.daoda {
  width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.daoda-top {
  margin-top: 100px;
  width: 100%;
  background: url(../image/daoda_title_bg.png) no-repeat top;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.daoda-top p {
  margin-top: 10px;
  font-size: 34px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.daoda-top span {
  margin-top: 26px;
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.daoda-bottom {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.daoda-bottom-left .title {
  width: 120px;
  height: 34px;
  background-color: #acce22;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
}
.daoda-bottom-left .title span {
  margin-left: 8px;
}
.daoda-bottom-left .gongjiao {
  display: flex;
  flex-direction: column;
}
.daoda-bottom-left .gongjiao p:nth-child(1) {
  margin: 18px 0 7px;
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.daoda-bottom-left .gongjiao p:nth-child(2) {
  display: flex;
}
.daoda-bottom-left .gongjiao p:nth-child(2) span {
  margin-right: 10px;
  font-size: 18px;
  color: #5c5c5c;
  line-height: 1;
  padding: 3px 9px;
  border: 1px solid #acce22;
  border-radius: 5px;
}
.daoda-bottom-left .title:nth-child(4) {
  margin-top: 32px;
}
.daoda-bottom-left div:nth-child(5) {
  margin: 18px 0 36px;
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.daoda-bottom-left div:nth-child(7),
.daoda-bottom-left div:nth-child(8) {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  line-height: 1;
}
.daoda-bottom-right {
  width: 691px;
  height: 492px;
}
.liuyan {
  margin-top: 105px;
  width: 100%;
  height: 660px;
  background: url(../image/liuyan_bg.png) no-repeat center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.liuyan-title {
  margin: 88px 0 80px;
  font-size: 55px;
  color: #333;
  line-height: 1;
  text-align: center;
}
.liuyan .inputs {
  width: 988px;
}
.liuyan .inputs-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.liuyan .inputs-top div {
  display: flex;
  align-items: center;
}
.liuyan .inputs-top div span {
  font-size: 20px;
  color: #333;
}
.liuyan .inputs-top div input {
  margin-left: 14px;
  width: 368px;
  height: 40px;
  border: 1px solid #333;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 15px;
}
.liuyan .inputs-bottom {
  margin-top: 44px;
  display: flex;
  flex-direction: column;
}
.liuyan .inputs-bottom span {
  font-size: 20px;
  color: #333;
  line-height: 1;
}
.liuyan .inputs-bottom textarea {
  width: 100%;
  height: 130px;
  border: 1px solid #333;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 13px;
  border-radius: 5px;
  resize: none;
  padding: 10px;
}
.liuyan .inputs-btn {
  margin: 73px auto 0;
  width: 221px;
  height: 60px;
  background-color: #f08519;
  border-radius: 60px;
  font-size: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}