#company-joinus {
  position: relative;
}
#company-joinus h1,
#company-joinus h2,
#company-joinus h3,
#company-joinus p {
  font-family: PingFangSC-Light, "Microsoft YaHei";
  margin: 0;
}
#company-joinus > .top {
  background: url("img/join-us_1231b7da1e.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 600px;
  z-index: 1;
  position: relative;
  text-align: center;
  color: #fff;
}
#company-joinus > .top > .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.25;
}
#company-joinus > .top > .label-english {
  position: absolute;
  width: 724px;
  height: 189px;
  background: url("img/eng-bg_01d3f60aac.png") no-repeat;
  background-size: 100% 100%;
  top: 205px;
  left: -webkit-calc(50% - 362px);
  left: -moz-calc(50% - 362px);
  left: calc(50% - 362px);
  font-size: 45px;
  font-family: EstrangeloEdessa;
  line-height: 189px;
  letter-spacing: 8px;
  padding-left: 8px;
}
#company-joinus > .top > .label-chinese {
  position: absolute;
  width: 400px;
  height: 45px;
  line-height: 45px;
  top: 370px;
  left: -webkit-calc(50% - 200px);
  left: -moz-calc(50% - 200px);
  left: calc(50% - 200px);
  font-size: 45px;
  font-family: PingFangSC-Light;
}
#company-joinus > .aboutus-nav {
  text-align: center;
  margin-top: 42px;
}
#company-joinus > .aboutus-nav > .nav-item {
  display: inline-block;
  width: 154px;
  height: 42px;
  line-height: 42px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
  margin-right: 75px;
}
#company-joinus > .aboutus-nav > .nav-item:nth-child(3n) {
  margin-right: 0;
}
#company-joinus > .aboutus-nav > .nav-item.active {
  color: #1f78fc;
  border: 1px solid #1f78fc;
}
#company-joinus > .content {
  padding-top: 109px;
  text-align: center;
  font-family: PingFangSC;
  padding-bottom: 103px;
}
#company-joinus > .content .company-chinese {
  font-size: 36px;
  color: #333;
  margin: 0;
}
#company-joinus > .content .company-english {
  font-size: 18px;
  color: #999;
  margin: 0;
}
#company-joinus > .content > .job-main {
  width: 850px;
  margin: 0 auto;
  padding-top: 88px;
  text-align: left;
}
#company-joinus > .content > .job-main > .job > p {
  line-height: 27px;
}
#company-joinus > .content > .job-main > .job > .job-name {
  color: #333;
  font-size: 20px;
  font-weight: bolder;
}
#company-joinus > .content > .job-main > .job > .job-info {
  margin-top: 5px;
}
#company-joinus > .content > .job-main > .job > .job-info > .location-icon {
  display: inline-block;
  width: 15px;
  height: 17px;
  background: url("img/location-icon_c15f86dce7.png");
  background-size: 100% 100%;
  vertical-align: sub;
}
#company-joinus > .content > .job-main > .job > .job-info > .degree-icon {
  display: inline-block;
  width: 15px;
  height: 17px;
  background: url("img/degree-icon_92d0209227.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-left: 15px;
}
#company-joinus > .content > .job-main > .job > .job-info > .master-icon {
  display: inline-block;
  width: 15px;
  height: 17px;
  background: url("img/master-icon_5ad82f4c75.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-left: 15px;
}
#company-joinus > .content > .job-main > .job > .job-info > .mail-icon {
  display: inline-block;
  width: 15px;
  height: 17px;
  background: url("img/mail-icon_6c3005dff7.png");
  background-size: 100% 100%;
  vertical-align: sub;
  margin-left: 15px;
}
#company-joinus > .content > .job-main > .job > .job-head {
  margin-top: 26px;
  font-weight: bolder;
  color: #333;
  font-size: 16px;
}
#company-joinus > .content > .job-main > .job-line {
  width: 100%;
  height: 1px;
  background: #dbdbdb;
  margin: 46px 0;
}