.banner {
  height: 600px;
  background: url("../images/bannerBack02.jpg") no-repeat center/cover;
}
.banner_title {
  text-align: center;
  color: #fff;
  font-size: 45px;
  padding: 100px 0 6px 0;
  width: 100%;
}
.banner_form {
  width: 856px;
  margin: 0 auto;
  margin-top: 25px;
  background: rgba(0, 0, 0, 0.4);
  padding: 15px;
  border-radius: 6px;
}
.banner_form_city {
  width: 120px;
  position: relative;
}
.banner_form_city .ivu-input {
  height: 58px;
  font-size: 16px;
}
.banner_form_city .ivu-input::placeholder {
  font-size: 16px;
}
.banner_form_industry {
  width: 208px;
  margin-left: 9px;
  position: relative;
}
.banner_form_industry .ivu-input {
  height: 58px;
  font-size: 16px;
}

.banner_form_industry .ivu-input::placeholder {
  font-size: 16px;
}
.banner_form_button {
  width: 170px;
  margin-left: 9px;
}
.banner_form_button .ivu-btn-primary {
  width: 170px;
  height: 57px;
  font-size: 16px;
}
.banner_form_city_list {
  width: 500px;
  padding: 15px 0px 10px 15px;
  position: absolute;
  top: 64px;
  left: 0px;
  background: #fff;
  border: 1px solid #333;
}
.banner_form_city_item {
  padding: 0 2px;
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  text-align: center;
  margin: 4px;
  cursor: pointer;
}
.banner_form_industry_list {
  width: 640px;
  padding: 15px 0px 10px 15px;
  position: absolute;
  top: 64px;
  left: -41px;
  background: #fff;
  border: 1px solid #333;
}
.banner_form_industry_item {
  margin-bottom: 6px;
  overflow: hidden;
}
.banner_form_industry_item:last-child {
  margin-bottom: 0;
}
.banner_form_industry_ul h1 {
  float: left;
  width: 80px;
  background: #f0f0f0;
  color: #555;
  margin-right: 10px;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
}
.banner_form_industry_ul li {
  padding: 0 2px;
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  text-align: center;
  float: left;
  margin: 4px;
  cursor: pointer;
}
.banner_form_word {
  width: 200px;
  margin-left: 9px;
}
.banner_form_word .ivu-input {
  height: 58px;
  font-size: 16px;
}

.banner_form_word .ivu-input::placeholder {
  font-size: 16px;
}

.banner_form_select {
  width: 122px;
  height: 58px;
  margin-left: 9px;
}
.banner_form_select .ivu-select-selection {
  height: 58px;
  font-size: 16px;
}
.banner_form_select .ivu-select-placeholder {
  height: 58px !important;
  font-size: 16px !important;
  line-height: 58px !important;
}
.banner_form_select .ivu-select-selected-value {
  height: 58px !important;
  font-size: 16px !important;
  line-height: 58px !important;
}
.banner_form_select .ivu-select-item {
  font-size: 16px !important;
}

.what {
  padding: 76px 0;
}
.what_main {
  width: 1200px;
  margin: 0 auto;
}
.what_title {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.what_subtitle {
  font-size: 20px;
  color: #999;
  text-align: center;
  margin-top: 30px;
}
.what_content {
  margin-top: 33px;
  height: 254px;
  background: url("../images/what.png") no-repeat center;
}
.what_list {
  width: 100%;
  height: 100%;
}
.what_list li {
  font-size: 18px;
  color: #fff;
  text-align: center;
  width: 25%;
  padding-top: 192px;
}
.how {
  padding: 85px 0;
  background: url("../images/how.png") no-repeat center/cover;
}
.how_main {
  width: 1200px;
  margin: 0 auto;
}
.how_title {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.how_list {
  padding-top: 60px;
}
.how_item {
  width: 283px;
  height: 267px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  margin-right: 22px;
}
.how_item:last-child {
  margin-right: 0;
}
.how_item_icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-top: 45px;
}
.how_item_icon.one {
  background: url("../images/how01.png") no-repeat center;
}
.how_item_icon.two {
  background: url("../images/how02.png") no-repeat center;
}
.how_item_icon.three {
  background: url("../images/how03.png") no-repeat center;
}
.how_item_icon.four {
  background: url("../images/how04.png") no-repeat center;
}
.how_item_title {
  font-size: 20px;
  color: #333;
  margin-top: 24px;
}
.how_item p {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
.how_item:hover {
  background: #2a9beb;
}
.how_item:hover .how_item_title,
.how_item:hover p {
  color: #fff;
}
.how_item:hover .how_item_icon.one {
  background: url("../images/how001.png") no-repeat center;
}
.how_item:hover .how_item_icon.two {
  background: url("../images/how002.png") no-repeat center;
}
.how_item:hover .how_item_icon.three {
  background: url("../images/how003.png") no-repeat center;
}
.how_item:hover .how_item_icon.four {
  background: url("../images/how004.png") no-repeat center;
}
