.middle-box {
  max-width: 1200px;
  margin: 0 auto;
}

.recruitment {
  width: 100%;
}
.recruitment .fixed-menu {
  width: 90px;
  border-radius: 45px;
  background: #ffffff;
  position: fixed;
  z-index: 999;
  top: 45vh;
  right: 45px;
  overflow: hidden;
  box-shadow: 0 9px 16px rgba(0, 0, 0, 0.1);
}
.recruitment .fixed-menu .btn {
  width: 90px;
  height: 90px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0BAMAAADP4xsBAAAAIVBMVEUAAACioqKqqqqqqqqsrKyqqqqqqqqqqqqqqqqqqqqqqqraSdVaAAAACnRSTlMACyFaYmng4f3+F9pSrQAAAOZJREFUaN7t0S0OwkAQhuFNgSug67AcAVmJreQKSHQVvoYLAHtKuuWvP7tqv0kIeV87yeTJjHNERERERERERERERPRfrfZmq+vWDH25W7Fr71srtPdG7A5txO7Qt7MNu0M3lQk7oHdLE3ZAO2fB7tHOWbCfaAv2C23BfqP17A9az/6i1ewBWs0eorXsEVrLHqOV7AlayZ6idewZWseeo1XsCFrFjqE17Chaw46jFewEWsFOofPZSXQ+e51E9+xDxurilEIH9rXMucimSc+qY9Ybi216tigdEREREREREREREREREf18DypCgUzLlNOIAAAAAElFTkSuQmCC) no-repeat;
  background-size: 90px 90px;
  cursor: pointer;
}
.recruitment .fixed-menu .icon-enterprise-wechat {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 90px 90px;
}
.recruitment .header {
  width: 100%;
  height: 105px;
  background: url(../../assets/title-bg.b82a98aa.png) center center no-repeat;
  background-size: 1920px 105px;
  padding-top: 28px;
  margin-top: 40px;
  color: #000;
  font-size: 20px;
  font-weight: 800;
}
.recruitment .header span {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
.recruitment .content-box {
  width: 100%;
  padding-top: 40px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 44px;
  background: #f5f6f6 url(../../assets/recruitment-content.e0fab2ac.png) 0 0 no-repeat;
  background-size: 1920px 1383px;
}
.recruitment .content-box .top-bar {
  width: 100%;
  height: 3.65vw;
  background-color: #0149bf;
  position: absolute;
  top: 0;
  left: 0;
}
.recruitment .content-box .bottom-bar {
  width: 100%;
  height: 3.65vw;
  position: absolute;
  bottom: 0;
  left: 0;
}
.recruitment .content-box .right-triangle {
  width: 12.7vw;
  height: 50%;
  max-height: 68.85vw;
  background: url(../../assets/about/recruitment-triangle.png) no-repeat center center/100% 100%;
  position: absolute;
  top: 3.6vw;
  right: 0;
  display: none;
}
.recruitment .content-box .left-triangle {
  width: 12.7vw;
  height: 50%;
  max-height: 68.85vw;
  background: url(../../assets/about/recruitment-triangle.png) no-repeat center center/100% 100%;
  position: absolute;
  bottom: 3.65vw;
  left: 0;
  transform: rotateY(180deg);
  display: none;
}
.recruitment .content-box .show-triangle.right-triangle,
.recruitment .content-box .show-triangle.left-triangle {
  display: block;
}
.recruitment .content-box .content {
  width: 100%;
  width: 1200px;
  margin: 0 auto;
  padding: 70px 0;
}
.recruitment .content-box .content img {
  display: inline;
}

@media screen and (max-width: 750px) {
  .recruitment .fixed-menu {
    display: none;
  }
  .recruitment .header {
    width: 100%;
    height: 17.0666666667vw;
    color: #fff;
    padding-top: 4.5333333333vw;
    margin-top: 5.3333333333vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXgAAABACAMAAAAnHZzgAAAAh1BMVEUAAADr6+vt7e3t7e0BSL8BSL8ASL8AR78ASMDy8vIASb3p6ekAKqoBSb/t7e0ASL4ASb8ASMDT2ujs7OwAScAAR77t7e3s7Ozw8PAASL3u7u4AS8MBSb/t7e2huN5LfM0GTcDm6OvL1eaLqdl2mtVgi9E1bckhX8URVMLb4Om2x+Lc4em3x+LhjvEFAAAAHHRSTlMAZ5j27Nt/aDklIwsG+ObFxK2no5aWjnljUUkRlmKwmgAAAUZJREFUeNrt2Eduw0AQRNF2kIOcc2yKlkTJ6f7nM+CluJnpAVi9+O8IH7Uqe0ejw3MLIHyzByO8xAnhJWZGeIkjwmvMCS9xbYSXOCa8xMUb4SVujPASL4Qvp78LCN/q3ghfTn8XEL7RzAhfKsVdQPhGc8JLXBnhS+W4CwjfpL/dDyN8g4XHEb5BR3iJzw/CSwxOeIlfwktsnfASa8JrLAkvsXHCS6wIL9H/EL5CjruA8A06wldIchcQPm5wwkt8E75cmruA8GFrwldJchcQPmrjhK+Q5i4gfFD/RfgKee4Cwgd1hK+Q6C4gfMzghC+X6S4gfMjWCV8j0V1A+JAl4cvlugsIH7EifI1UdwHhAxZO+Aq57oL/8COnjgnYyJ1jAuPBHzji4uEfHXHx8GcMfhq248kxid3BXzri4uGfHQHt4V/3MA37A71zqQEKBV55AAAAAElFTkSuQmCC) no-repeat center center/100% 100%;
    font-size: 4.2666666667vw;
    line-height: 5.8666666667vw;
    padding-left: 5.3333333333vw;
  }
  .recruitment .content-box {
    padding: 8vw 5.3333333333vw 0;
    margin-top: 5.3333333333vw;
    background: #f5f6f6 url(../../assets/mobile/recruitment-bg.png) right top no-repeat;
    background-size: 100% 132.5333333333vw;
  }
  .recruitment .content-box .top-bar {
    height: 0;
  }
  .recruitment .content-box .content {
    padding-top: 0;
    width: 100%;
  }
  .recruitment .content-box .bottom-bar {
    width: 93.6%;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV8AAAARCAMAAABNTl8bAAAANlBMVEUAAAAAR7wAR7wAR7wAOroASLsAR7wASLwASLwASb0ARr0ASL0AR7sARrkARLsAR78AQ7wASLz8ULMnAAAAEXRSTlMA8M+RC/nhuKd7aWBPPi0kF0IXoHsAAABYSURBVFjD7djHEcRAAMMwXg6O6r9Zj9c16EeUAS5rVMHlEVUwPG9RBcM/6mC4Rx2clqiE0zcqAdhfUQnAL2oBeEctwBzVAJ+oBraox3rosh66mKIi66HrANoEiDtAteaZAAAAAElFTkSuQmCC) no-repeat center center/100% 100%;
    position: absolute;
    bottom: -17px;
    left: auto;
    right: 0;
    background-color: transparent;
  }
}