h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}
.social .banner-outer {
  height: 364px;
  width: 100%;
  background-image: url(/images/careers/banner.png);
  background-position: center 0px;
  padding-top: 1px;
}
.social .banner-outer .banner-inner {
  width: 960px;
  margin: auto;
  margin-top: 135px;
  color: white;
  position: relative;
}
.social .banner-outer .banner-inner h1 {
  text-align: center;
  font-size: 38px;
  margin-bottom: 0px;
  line-height: 40px;
  font-weight: normal;
}
.social .banner-outer .banner-inner p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 34px;
  text-align: center;
}
.social .select-nav-recruit {
  width: 420px;
  height: 106px;
  background-color: #fff;
  position: absolute;
  margin-top: -53px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 15px rgba(189, 207, 207, 0.75);
}
.social .select-nav-recruit li {
  height: 100%;
  float: left;
  width: 50%;
  box-sizing: border-box;
  background-color: white;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  background-color: #f6f6f9;
}
.social .select-nav-recruit li:hover {
  background: #fff;
}
.social .select-nav-recruit li:hover .img_logo.p1 {
  background-image: url(/images/careers/social-checked.png);
}
.social .select-nav-recruit li:hover .img_logo.p2 {
  background-image: url(/images/careers/campus-checked.png);
}
.social .select-nav-recruit li:hover:after {
  background: #13c9cb;
}
.social .select-nav-recruit li:after {
  content: " ";
  display: block;
  bottom: 0px;
  height: 3px;
  width: 150px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  transition: background-color 0.2s ease-in-out;
}
.social .select-nav-recruit li .img_logo {
  width: 38px;
  height: 41px;
}
.social .select-nav-recruit li .img_logo.p1 {
  background-image: url(/images/careers/social-unchecked.png);
}
.social .select-nav-recruit li .img_logo.p2 {
  width: 35px;
  height: 41px;
  background-image: url(/images/careers/campus-unchecked.png);
}
.social .select-nav-recruit li.active {
  background-color: #fff;
}
.social .select-nav-recruit li.active .img_logo.p1 {
  background-image: url(/images/careers/social-checked.png);
}
.social .select-nav-recruit li.active .img_logo.p2 {
  background-image: url(/images/careers/campus-checked.png);
}
.social .select-nav-recruit li.active:after {
  background-color: #13c9cb;
}
.social .select-nav-recruit li.active p {
  color: #13c9cb;
}
.social .select-nav-recruit li p {
  text-align: center;
  margin: 0px;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #7b8390;
}
.social .select-detail-recruit {
  margin: 154px auto 0;
  width: 960px;
}
.social .select-detail-recruit ul {
  display: flex;
}
.social .select-detail-recruit ul a {
  flex: 1;
  margin-right: 24px;
}
.social .select-detail-recruit ul .classify {
  height: 322px;
  flex: 1;
  margin-right: 24px;
  border: 1px solid #e2e6eb;
  border-radius: 5px;
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  transition-duration: 0.3s;
  transition-property: transform, box-shadow;
}
.social .select-detail-recruit ul .classify:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 6px 20px #D1EBFC;
  -webkit-box-shadow: 0 6px 20px #D1EBFC;
}
.social .select-detail-recruit ul .classify:last-child {
  margin-right: 0;
}
.social .select-detail-recruit ul .classify.active .classify-title {
  background: #13c9cb;
}
.social .select-detail-recruit ul .classify.active .classify-title .img_logo.p1 {
  background-image: url(/images/careers/research-checked.png);
}
.social .select-detail-recruit ul .classify.active .classify-title .img_logo.p2 {
  background-image: url(/images/careers/sell-checked.png);
}
.social .select-detail-recruit ul .classify.active .classify-title .img_logo.p3 {
  background-image: url(/images/careers/market-checked.png);
}
.social .select-detail-recruit ul .classify.active .classify-title .img_logo.p4 {
  background-image: url(/images/careers/functional-checked.png);
}
.social .select-detail-recruit ul .classify.active .classify-title p {
  color: #fff;
}
.social .select-detail-recruit ul .classify.active .delivery {
  background-color: #e2f8f8;
}
.social .select-detail-recruit ul .classify .classify-title {
  width: 100%;
  height: 86px;
  background-color: #f6f6f6;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}
.social .select-detail-recruit ul .classify .classify-title .img_logo {
  width: 21px;
  height: 21px;
}
.social .select-detail-recruit ul .classify .classify-title .img_logo.p1 {
  width: 29px;
  height: 22px;
  background-image: url(/images/careers/research-unchecked.png);
}
.social .select-detail-recruit ul .classify .classify-title .img_logo.p2 {
  width: 18px;
  height: 21px;
  background-image: url(/images/careers/sell-unchecked.png);
}
.social .select-detail-recruit ul .classify .classify-title .img_logo.p3 {
  background-image: url(/images/careers/market-unchecked.png);
}
.social .select-detail-recruit ul .classify .classify-title .img_logo.p4 {
  background-image: url(/images/careers/functional-unchecked.png);
}
.social .select-detail-recruit ul .classify .classify-title p {
  text-align: center;
  margin: 0px;
  font-size: 20px;
  color: #545d69;
}
.social .select-detail-recruit ul .classify .classify-item {
  height: 170px;
  padding: 26px 30px 0;
}
.social .select-detail-recruit ul .classify .classify-item ul {
  flex-direction: column;
}
.social .select-detail-recruit ul .classify .classify-item ul li {
  border: none;
  font-size: 16px;
  text-align: left;
  color: #7b8390;
  margin-bottom: 12px;
  position: relative;
}
.social .select-detail-recruit ul .classify .classify-item ul .hot::after {
  content: '';
  position: absolute;
  background-image: url(/images/careers/HOT.png);
  width: 25px;
  height: 11px;
  margin: 6px 0 0 13px;
}
.social .select-detail-recruit ul .classify .classify-item p {
  font-size: 14px;
  color: #b5bdca;
  margin: 0;
  margin-bottom: 22px;
}
.social .select-detail-recruit ul .classify a {
  text-decoration: none;
}
.social .select-detail-recruit ul .classify a .delivery {
  height: 39px;
  font-size: 14px;
  text-align: center;
  color: #09aeb0;
  border-top: 1px solid #e2e6eb;
  line-height: 39px;
}
.social .select-detail-recruit .select-recruit-way {
  display: flex;
  margin: 62px auto 0;
  width: 489px;
}
.social .select-detail-recruit .select-recruit-way a {
  text-decoration: none;
}
.social .select-detail-recruit .select-recruit-way .recuit-way {
  width: 233px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
}
.social .select-detail-recruit .select-recruit-way .recuit-way.campus-recruitment {
  box-sizing: border-box;
  color: #0cc5c7;
  border: 1px solid #0cc5c7;
  border-radius: 3px;
}
.social .select-detail-recruit .select-recruit-way .recuit-way.campus-recruitment:hover {
  background-color: #ceefef;
}
.social .select-detail-recruit .select-recruit-way .recuit-way.social-recruitment {
  color: #fff;
  background-color: #0cc5c7;
  margin-right: 23px;
  border-radius: 3px;
}
.social .select-detail-recruit .select-recruit-way .recuit-way.social-recruitment:hover {
  background-color: #039d9f;
}
.social .select-detail-recruit .explain {
  text-align: center;
  margin-top: 19px;
  font-size: 14px;
  color: #b5b5b6;
}
.social .connect-us {
  height: 429px;
  margin-top: 119px;
  background-image: url(/images/careers/bg-img.png);
  background-position-x: center;
}
.social .connect-us .connect-us-content {
  display: flex;
  width: 960px;
  margin: 0 auto;
  padding: 101px 30px;
  box-sizing: border-box;
}
.social .connect-us .connect-us-content .left-side {
  width: 50%;
}
.social .connect-us .connect-us-content .left-side .head {
  font-size: 24px;
  color: #545d69;
}
.social .connect-us .connect-us-content .left-side .title {
  display: inline-block;
  width: 108px;
  color: #7d8690;
}
.social .connect-us .connect-us-content .left-side .kw {
  color: #09aeb0;
}
.social .connect-us .connect-us-content .right-side {
  width: 50%;
}
.social .connect-us .connect-us-content .right-side .bg {
  background-position: 2px;
  background-repeat: no-repeat;
  width: 157px;
  height: 157px;
  background-color: #eee;
}
.social .connect-us .connect-us-content .right-side .item {
  display: inline-block;
  font-size: 14px;
  margin-left: 50px;
  text-align: center;
  color: #7d8690;
}
.social .connect-us .connect-us-content .right-side .item .title {
  font-weight: bold;
}
.social .connect-us .connect-us-content .right-side .item p {
  margin: 0;
  padding: 3px 0;
}
.social .connect-us .connect-us-content .right-side .img1 {
  background-image: url(/images/careers/connect-nzc.png);
  background-size: 162px 162px;
  background-position: -3px;
}
.social .connect-us .connect-us-content .right-side .img2 {
  background-image: url(/images/careers/science-nzc.png);
  background-size: 160px 160px;
  background-position: -2px;
  margin-left: 10px;
}