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

.swiperBox {
  position: relative;
  height: 649px;
}

.swiperBox .inputInfo {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.swiperBox .inputInfo .swiper-container {
  height: 100%;
  width: 100%;
}

.swiperBox .inputInfo .swiper-container .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.swiperBox .inputInfo .swiper-container #firstImg {
  background: url("../image/底@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.swiperBox .inputInfo .textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 97px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.swiperBox .inputInfo .textBox .textInfo .textFir {
  margin-bottom: 13px;
  font-size: 34px;
  font-family: MicrosoftYaHeiLight;
  color: #FFDABF;
}

.swiperBox .inputInfo .textBox .textInfo .textSec {
  margin-bottom: 32px;
  font-size: 48px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.swiperBox .inputInfo .textBox .textInfo .textThir {
  margin-bottom: 20px;
  font-size: 20px;
  font-family: MicrosoftYaHeiLight;
  color: #FFFFFF;
}

.swiperBox .inputInfo .textBox .textInfo .textFour {
  margin-bottom: 24px;
}

.swiperBox .inputInfo .textBox .textInfo .textFour span {
  font-size: 26px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.swiperBox .inputInfo .textBox .textInfo .textFour .text1 {
  color: #C0A281;
}

.swiperBox .inputInfo .textBox .textInfo .textFour .text2 {
  color: #FFFFFF;
}

.swiperBox .inputInfo .textBox .textInfo .textFive {
  width: 53px;
  height: 5px;
  background: -webkit-gradient(linear, right top, left top, from(#181C2B), to(#FF6A00));
  background: linear-gradient(270deg, #181C2B 0%, #FF6A00 100%);
}

.swiperBox .inputInfo .textBox .textInput {
  width: 294px;
  height: 308px;
  margin-left: 246px;
  background: #03050F;
  border-radius: 6px;
  border: 1px solid #2E2E2E;
  text-align: center;
}

.swiperBox .inputInfo .textBox .textInput .title {
  margin-top: 22px;
  font-size: 12px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #E2E2E2;
}

.swiperBox .inputInfo .textBox .textInput .descript {
  margin-top: 5px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFDABF;
}

.swiperBox .inputInfo .textBox .textInput .descript:before, .swiperBox .inputInfo .textBox .textInput .descript:after {
  content: '-';
  color: #FF6A00;
  padding: 0 7px;
}

.swiperBox .inputInfo .textBox .textInput .nameBox, .swiperBox .inputInfo .textBox .textInput .phoneBox, .swiperBox .inputInfo .textBox .textInput .typeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
  border: 1px solid #fff;
  margin: 0 38px;
  background: #fff;
  width: 220px;
  border-radius: 3px;
}

.swiperBox .inputInfo .textBox .textInput .nameBox span, .swiperBox .inputInfo .textBox .textInput .phoneBox span, .swiperBox .inputInfo .textBox .textInput .typeBox span {
  width: 47px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1F313F;
  border-right: 1px solid #ededed;
}

.swiperBox .inputInfo .textBox .textInput .nameBox input, .swiperBox .inputInfo .textBox .textInput .nameBox select, .swiperBox .inputInfo .textBox .textInput .phoneBox input, .swiperBox .inputInfo .textBox .textInput .phoneBox select, .swiperBox .inputInfo .textBox .textInput .typeBox input, .swiperBox .inputInfo .textBox .textInput .typeBox select {
  width: 172px;
  border: none;
  padding-left: 11px;
}

.swiperBox .inputInfo .textBox .textInput .nameBox {
  margin-top: 16px;
}

.swiperBox .inputInfo .textBox .textInput .phoneBox, .swiperBox .inputInfo .textBox .textInput .typeBox {
  margin-top: 10px;
}

.swiperBox .inputInfo .textBox .textInput .btn {
  margin-top: 20px;
  width: 220px;
  height: 36px;
  line-height: 36px;
  background: -webkit-gradient(linear, left top, right top, from(#E9CFB0), color-stop(2%, #EDDBC0), to(#B9A284));
  background: linear-gradient(90deg, #E9CFB0 0%, #EDDBC0 2%, #B9A284 100%);
  border-radius: 3px;
  display: inline-block;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}

.swiperBox .inputInfo .textBox .textInput .btn:hover {
  background: -webkit-gradient(linear, left top, right top, from(#F9D197), color-stop(2%, #EDDBC0), to(#D9B175));
  background: linear-gradient(90deg, #F9D197 0%, #EDDBC0 2%, #D9B175 100%);
}

.swiperBox .personNum {
  position: absolute;
  z-index: 3;
  bottom: 0;
  height: 110px;
  width: 100%;
  background: url("../image/层@2x.png");
  text-align: center;
  line-height: 110px;
  color: #fff;
  font-size: 28px;
  font-family: MicrosoftYaHei;
}

.swiperBox .personNum b {
  margin: 0 14px;
  font-size: 38px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
}

.recruitNavBar {
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ededed;
}

.recruitNavBar li {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  padding: 0 20px;
  color: #333333;
  cursor: pointer;
  -moz-user-select: none;
  /* 火狐 */
  -webkit-user-select: none;
  /* 谷歌 */
  -ms-user-select: none;
  /* IE */
  user-select: none;
}

.recruitNavBar .active {
  font-weight: bold;
  color: #FF6A00;
  cursor: pointer;
}

.itemBox {
  height: 768px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.one > p {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #111111;
  margin: 68px 0 50px;
}

.one .oneBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.one .oneBox > div {
  width: 400px;
  height: 524px;
  overflow: hidden;
  cursor: pointer;
}

.one .oneBox > div > p {
  margin-left: 48px;
}

.one .oneBox > div .no00 {
  height: 340px;
}

.one .oneBox > div .no11 {
  font-size: 54px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #181818;
  margin-bottom: 30px;
}

.one .oneBox > div .no22 {
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #181818;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.one .oneBox > div .no22:after {
  content: '';
  display: block;
  background: transparent;
  width: 30px;
  height: 6px;
  margin-left: 20px;
}

.one .oneBox > div .no33 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #181818;
  margin-right: 23px;
  padding-top: 10px;
}

.one .oneBox .no1 {
  background: url("../image/素材1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.one .oneBox .no2 {
  background: url("../image/素材2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-color: #181818;
}

.one .oneBox .no2 .no11, .one .oneBox .no2 .no22, .one .oneBox .no2 .no33 {
  color: #fff;
}

.one .oneBox .no3 {
  background: url("../image/素材3@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.one .oneBox .active .no00 {
  height: 230px;
}

.one .oneBox .active .no22:after {
  background: #FF6A00;
}

.two {
  background: url("../image/bj1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.two .title {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin: 68px 0 90px;
}

.two ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.two ul li {
  width: 380px;
  height: 149px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 28.5px;
}

.two ul li img {
  width: 48px;
  height: 48px;
  margin-right: 15px;
  color: #FFFFFF;
}

.two ul li div .ulTitle {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.two ul li div .ulText {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.two .ul2 {
  margin-top: 20px;
}

.three {
  background: url("../image/位图 _ 摄图网_400168683_创意商务背景（企业商用） 蒙版@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three .title1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #111111;
  margin: 68px 0 13px;
}

.three .title2 {
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-bottom: 24px;
}

.three .title3 {
  width: 4px;
  height: 30px;
  background: #FF6A00;
  margin-bottom: 81px;
}

.three ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.three ul li {
  width: 193px;
  height: 263px;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.three ul li i {
  position: absolute;
  display: inline-block;
  width: 193px;
  height: 263px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6A00), to(#FFDA79));
  background: linear-gradient(180deg, #FF6A00 0%, #FFDA79 100%);
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.three ul li img {
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
  position: relative;
}

.three ul li .p1 {
  margin-bottom: 8px;
  width: 160px;
  font-size: 20px;
  font-family: MicrosoftYaHeiLight;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}

.three ul li .p2 {
  font-size: 14px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}

.three ul li:hover i {
  opacity: 1;
}

.three ul .li1 {
  background: url("../image/zu1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three ul .li2 {
  background: url("../image/zu2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three ul .li3 {
  background: url("../image/zu3@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three ul .li4 {
  background: url("../image/zu4@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three ul .li5 {
  background: url("../image/zu5@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.three ul .li6 {
  background: url("../image/zu6@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.four {
  background: url("../image/bj2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.four .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin: 68px 0 32px;
}

.four .p2 {
  font-size: 22px;
  font-family: MicrosoftYaHei;
  color: #FFF7E1;
  margin-bottom: 79px;
}

.four ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  height: 208px;
  border: 1px solid #DED1AB;
}

.four ul li {
  width: 216px;
  height: 168px;
  margin: 20px 10px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.four ul li p {
  line-height: 168px;
  text-align: center;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.four ul li:hover {
  background-size: 120% 120%;
}

.four ul .li1 {
  background: url("../image/tu1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-left: 20px;
}

.four ul .li2 {
  background: url("../image/tu2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.four ul .li3 {
  background: url("../image/tu3@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.four ul .li4 {
  background: url("../image/tu4@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.four ul .li5 {
  background: url("../image/tu5@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-right: 20px;
}

.four .p3 {
  font-size: 32px;
  font-family: MicrosoftYaHei;
  color: #FFFFFF;
  margin-top: 67px;
  margin-bottom: 12px;
}

.four .p4 {
  font-size: 34px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  background: -webkit-gradient(linear, right top, left top, from(#D4D3B3), to(#FFFFFF));
  background: linear-gradient(270deg, #D4D3B3 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.five {
  background: url("../image/bj3@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.five .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #111111;
  margin: 68px 0 108px;
}

.five ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.five ul .li1 {
  background: url("../image/dan1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.five ul .li2 {
  background: url("../image/dan2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.five ul li {
  width: 570px;
  height: 366px;
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.five ul li div {
  width: 344px;
  height: 148px;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid;
  -o-border-image: linear-gradient(90deg, #e9cfb0, #eddbc0, #b9a284) 2 2;
     border-image: -webkit-gradient(linear, left top, right top, from(#e9cfb0), color-stop(#eddbc0), to(#b9a284)) 2 2;
     border-image: linear-gradient(90deg, #e9cfb0, #eddbc0, #b9a284) 2 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.five ul li div .li_p1 {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 18px;
}

.five ul li div .li_p2 {
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.six {
  background: url("../image/bj5@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.six .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin: 68px 0 22px;
}

.six div {
  height: 160px;
  margin-bottom: 37px;
}

.six div p {
  text-align: center;
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFF7E1;
}

.six ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.six ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
  width: 216px;
  height: 168px;
  background: #000000;
  border: 4px solid;
  cursor: pointer;
  -o-border-image: linear-gradient(90deg, #e9cfb0, #eddbc0, #b9a284) 4 4;
     border-image: -webkit-gradient(linear, left top, right top, from(#e9cfb0), color-stop(#eddbc0), to(#b9a284)) 4 4;
     border-image: linear-gradient(90deg, #e9cfb0, #eddbc0, #b9a284) 4 4;
}

.six ul li .play {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url("../image/bf1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.six ul li:hover {
  -o-border-image: linear-gradient(270deg, #ffdc7b, #ff6a00) 4 4;
     border-image: -webkit-gradient(linear, right top, left top, from(#ffdc7b), to(#ff6a00)) 4 4;
     border-image: linear-gradient(270deg, #ffdc7b, #ff6a00) 4 4;
}

.six ul li:hover .play {
  background: url("../image/bf2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.seven {
  background: url("../image/bj5@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.seven .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #111111;
  margin: 68px 0 125px;
}

.seven ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.seven ul .li1 {
  background: url("../image/编组 25备份@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.seven ul .li2 {
  background: url("../image/编组 25@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.seven ul .li3 {
  background: url("../image/编组 25备份 2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.seven ul li {
  width: 304px;
  height: 304px;
  margin: 37.5px;
}

.eight {
  background: url("../image/bj6@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin: 68px 0 55px;
}

.eight ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.eight ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px;
  width: 216px;
  height: 238px;
  -webkit-box-shadow: 0px 2px 11px 0px rgba(137, 117, 117, 0.08);
          box-shadow: 0px 2px 11px 0px rgba(137, 117, 117, 0.08);
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
}

.eight ul li i {
  display: inline-block;
  width: 134px;
  height: 134px;
}

.eight ul li p {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-top: 18px;
}

.eight ul li:hover {
  border: 2px solid #EBD5B7;
}

.eight ul li:hover p {
  color: #9E835F;
}

.eight ul .li1 i {
  background: url("../image/icon1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li2 i {
  background: url("../image/icon2@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li3 i {
  background: url("../image/icon3@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li4 i {
  background: url("../image/icon4@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li5 i {
  background: url("../image/icon5@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li6 i {
  background: url("../image/icon6@2x 2.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li7 i {
  background: url("../image/icon7@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li8 i {
  background: url("../image/icon8@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li9 i {
  background: url("../image/icon9@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.eight ul .li10 i {
  background: url("../image/icon10@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.night {
  background: url("../image/bj7@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.night .p1 {
  font-size: 42px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #111111;
  margin: 68px 0 98px;
}

.night ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.night ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 570px;
  height: 180px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(209, 209, 209, 0.5);
          box-shadow: 0px 2px 8px 0px rgba(209, 209, 209, 0.5);
  border: 1px solid #EDEDED;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 10px;
}

.night ul li div {
  margin-left: 35px;
}

.night ul li i {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 132px;
  height: 132px;
}

.night ul li div .li_p1 {
  font-size: 28px;
  font-family: MicrosoftYaHei;
  color: #E8BB73;
  margin-bottom: 11px;
}

.night ul li div .li_p2 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
}

.night ul .li1 i {
  background: url("../image/tb1@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.night ul .li2 i {
  background: url("../image/tb2@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.night ul .li3 i {
  background: url("../image/tb3@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.night ul .li4 i {
  background: url("../image/tb4@2x.png") top center no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

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

.bottom p {
  width: 711px;
  height: 40px;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #FF6A00;
  line-height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#E9CFB0), color-stop(2%, #EDDBC0), to(#B9A284));
  background: linear-gradient(90deg, #E9CFB0 0%, #EDDBC0 2%, #B9A284 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 245px;
}

.bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 164px;
  height: 44px;
  background: -webkit-gradient(linear, left top, right top, from(#E9CFB0), color-stop(2%, #EDDBC0), to(#B9A284));
  background: linear-gradient(90deg, #E9CFB0 0%, #EDDBC0 2%, #B9A284 100%);
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.bottom a:hover {
  background: -webkit-gradient(linear, left top, right top, from(#F9D197), color-stop(2%, #EDDBC0), to(#D9B175));
  background: linear-gradient(90deg, #F9D197 0%, #EDDBC0 2%, #D9B175 100%);
}

.mengban {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.64);
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 104;
  display: none;
}

.mengban .textInput {
  width: 294px;
  height: 308px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #2E2E2E;
  text-align: center;
}

.mengban .textInput .title {
  margin-top: 22px;
  font-size: 12px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 400;
  color: #333;
}

.mengban .textInput .descript {
  margin-top: 5px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.mengban .textInput .descript:before, .mengban .textInput .descript:after {
  content: '-';
  color: #FF6A00;
  padding: 0 7px;
}

.mengban .textInput .nameBox, .mengban .textInput .phoneBox, .mengban .textInput .typeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
  border: 1px solid #fff;
  margin: 0 38px;
  background: #fff;
  width: 220px;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
}

.mengban .textInput .nameBox span, .mengban .textInput .phoneBox span, .mengban .textInput .typeBox span {
  width: 47px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1F313F;
  border-right: 1px solid #ededed;
}

.mengban .textInput .nameBox input, .mengban .textInput .nameBox select, .mengban .textInput .phoneBox input, .mengban .textInput .phoneBox select, .mengban .textInput .typeBox input, .mengban .textInput .typeBox select {
  width: 172px;
  border: none;
  padding-left: 11px;
}

.mengban .textInput .nameBox {
  margin-top: 16px;
}

.mengban .textInput .phoneBox, .mengban .textInput .typeBox {
  margin-top: 10px;
}

.mengban .textInput .btn {
  margin-top: 20px;
  width: 220px;
  height: 36px;
  line-height: 36px;
  background: -webkit-gradient(linear, left top, right top, from(#E9CFB0), color-stop(2%, #EDDBC0), to(#B9A284));
  background: linear-gradient(90deg, #E9CFB0 0%, #EDDBC0 2%, #B9A284 100%);
  border-radius: 3px;
  display: inline-block;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}

.mengban .textInput .btn:hover {
  background: -webkit-gradient(linear, left top, right top, from(#F9D197), color-stop(2%, #EDDBC0), to(#D9B175));
  background: linear-gradient(90deg, #F9D197 0%, #EDDBC0 2%, #D9B175 100%);
}

input::-webkit-input-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
}

input:-ms-input-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
}

input::-ms-input-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
}

input::placeholder {
  color: #ccc !important;
  font-size: 14px !important;
}

select {
  color: #333;
  font-size: 14px;
  margin-right: 5px;
}
/*# sourceMappingURL=recruitSupport.css.map */