html,
body,
#nameWrap {
  height: 100%;
  width: 100%;
  min-width: 1200px;
}

.oneBox {
  background: url("../image/1138@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  height: 538px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.oneBox .p1 {
  background: url("../image/编组 7@2x 3.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  width: 662px;
  height: 213px;
  margin-top: 80px;
}

.oneBox .p2 {
  background: url("../image/bjkuang@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 364px;
  height: 80px;
  font-size: 32px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 42px;
  letter-spacing: 1px;
  margin-top: 145px;
}

.oneBox .p3 {
  font-size: 20px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  letter-spacing: 1px;
  position: relative;
  top: -19px;
}

.twoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000013;
}

.twoBox .div1 {
  background: url("../image/编组 8@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  width: 1180px;
  height: 459px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.twoBox .div1 > ul:first-child {
  padding-top: 20px;
}

.twoBox .div1 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.twoBox .div1 > ul > li:first-child {
  margin-left: 20px;
}

.twoBox .div1 > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 216px;
  height: 176px;
  background: #0c186c;
  margin-right: 20px;
  margin-top: 20px;
}

.twoBox .div1 > ul > li > img {
  width: 112px;
  height: 101px;
}

.twoBox .div1 > ul > li > p {
  margin-top: 4px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  line-height: 24px;
}

.twoBox .title1_p1 {
  background: url("../image/bjkuang@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 364px;
  height: 80px;
  font-size: 32px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 42px;
  letter-spacing: 1px;
  margin-top: 45px;
}

.twoBox .title1_p2 {
  font-size: 20px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  letter-spacing: 1px;
  position: relative;
  top: -19px;
}

.twoBox .ul1 {
  margin-top: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.twoBox .ul1 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 280px;
  height: 304px;
  margin-right: 20px;
  background: url("../image/bj1@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.twoBox .ul1 > li > img {
  width: 260px;
  height: 200px;
}

.twoBox .ul1 > li > p {
  margin-top: 31px;
  font-size: 22px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  line-height: 29px;
  letter-spacing: 1px;
}

.twoBox .title2_p1 {
  background: url("../image/bjkuang@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 364px;
  height: 80px;
  font-size: 32px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 42px;
  letter-spacing: 1px;
  margin-top: 45px;
}

.twoBox .title2_p2 {
  font-size: 20px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
  letter-spacing: 1px;
  position: relative;
  top: -19px;
}

.twoBox .ul2,
.twoBox .ul3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.twoBox .ul2 li,
.twoBox .ul3 li {
  background: url("../image/摄图网_400368027_渐变圆点底纹（企业商用）@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  width: 582px;
  height: 150px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.twoBox .ul2 li > div,
.twoBox .ul3 li > div {
  margin-right: 162px;
}

.twoBox .ul2 li > div .p1,
.twoBox .ul2 li > div .p2,
.twoBox .ul3 li > div .p1,
.twoBox .ul3 li > div .p2 {
  margin-left: 31px;
}

.twoBox .ul2 li > div .p1,
.twoBox .ul3 li > div .p1 {
  margin-top: 27px;
  font-size: 20px;
  font-family: MicrosoftYaHei;
  color: #f1dcdc;
  line-height: 26px;
  letter-spacing: 1px;
}

.twoBox .ul2 li > div .p2,
.twoBox .ul3 li > div .p2 {
  margin-top: 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #b3eaff;
  line-height: 19px;
}

.twoBox .ul2 li > img,
.twoBox .ul3 li > img {
  position: absolute;
  right: 27px;
  bottom: 15px;
  width: 118px;
  height: 118px;
}

.twoBox .ul2 {
  margin-top: 37px;
}

.twoBox .ul3 {
  margin-top: 20px;
}

.twoBox .bottom_p {
  background: url("../image/摄图网_401039815_3D粒子波浪艺术背景（企业商用）@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  width: 100%;
  height: 62px;
  margin-top: 40px;
}

.bottomBox {
  background: url("../image/摄图网_401143201_科技线条（企业商用）@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  height: 90px;
}

.bottomBox p {
  margin-right: 399px;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 40px;
}

.bottomBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 164px;
  height: 44px;
  background: linear-gradient(223deg, #ff9900 0%, #ff5e00 100%);
  border-radius: 3px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
}

.bottomBox a:hover {
  background: linear-gradient(223deg, #F45A00 0%, #E67200 100%);
}
/*# sourceMappingURL=recruit.css.map */