* {
  margin: 0;
  padding: 0;
}
.scroll #header .index-header {
  background-color: #00a0e8;
}
.container {
  width: 1300px;
  margin: 0 auto;
}
h1 {
  margin: 0;
}
.banner {
  height: 750px;
  background: url("https://cdn.gdskfz.com/skfz/images/zhaopin/images/zhaopinbanner_02.jpg") no-repeat;
  color: #fff;
  box-sizing: border-box;
  padding-top: 20.125rem;
}
.banner h1 {
  font: 3.375rem "SourceHanSansCN-Medium";
}
.banner h2 {
  font: 2.25rem "GothamPro-Regular", "SourceHanSansCN-Regular";
  font-weight: 500;
}
.fri {
  background-color: #eff8fb;
  height: 23.857rem;
  border-bottom: 1px solid #e7e7e7;
}
.fri .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: 9rem;
}
.fri .container .left {
  padding-right: 4.6875rem;
  border-right: 2px solid #707070;
}
.fri .container .left h1 {
  font: 3.375rem "SourceHanSansCN-Bold";
  color: #00a0e8;
  font-weight: bolder;
}
.fri .container .left h3 {
  font: 2.25rem "GothamPro-Light", "SourceHanSansCN-Light";
  color: #707070;
  font-weight: lighter;
}
.fri .container .right p {
  width: 54.375rem;
  font: 1.3125rem "SourceHanSansCN-Regular";
  color: #707070;
}
.sec {
  width: 100%;
  height: 65.75rem;
  background: url("https://cdn.gdskfz.com/skfz/images/zhaopin/zhaopinyuan_05.png") no-repeat center center;
  position: relative;
}
.sec .circle {
  width: 27.1rem;
  height: 27.1rem;
  background-color: #00a0e8;
  border-radius: 13.55rem;
  text-align: center;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box;
  padding-top: 6.25rem;
}
.sec .circle div {
  font: 3rem "SourceHanSansCN-Bold";
  color: #fff;
  font-weight: bolder;
}
.sec .circle .title {
  font: 1.5rem "SourceHanSansCN-Medium";
  margin-bottom: 1.5rem;
}
.tri {
  height: 37.5rem;
  background: url("https://cdn.gdskfz.com/skfz/images/zhaopin/zhaopinbanner2_02.jpg");
  text-align: center;
  box-sizing: border-box;
  padding-top: 12.5rem;
}
.tri h1 {
  font: bolder 3.375rem "SourceHanSansCN-Bold";
  color: #fff;
}
.tri h3 {
  font: lighter 1.875rem "GothamPro-Regular";
  color: #fff;
  margin-bottom: 3rem;
}
.tri .btn {
  width: 19.375rem;
  height: 5rem;
  border: 2px solid #fff;
  border-radius: 3rem;
  box-sizing: border-box;
  padding-top: 0.5rem;
  margin: 0 auto;
}
.tri .btn a {
  width: 19.375rem;
  height: 5rem;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font: bolder 2.5rem "SourceHanSansCN-Bold";
}
#zhaopin .header {
  height: 16.5rem;
  background-color: #fff;
  border-bottom: 1px #e7e7e7 solid;
  box-sizing: border-box;
  padding-top: 5.125rem;
}
#zhaopin .header .container {
  position: relative;
}
#zhaopin .header .icon {
  position: absolute;
  left: 0;
  padding-right: 4.6875rem;
}
#zhaopin .header .conteact {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  left: 11.25rem;
  padding-left: 5rem;
  border-left: 2px solid #e7e7e7;
}
#zhaopin .header .conteact div {
  font: 1.5rem "SourceHanSansCN-Regular";
  color: #707070;
}
#zhaopin .header .conteact .email {
  font: 1.875rem "GothamPro Bold", "SourceHanSansCN-Heavy";
  color: #00a0e8;
  font-weight: bolder;
}
#zhaopin .header .conteact .phone {
  font: 1.875rem "GothamPro Bold", "SourceHanSansCN-Heavy";
  color: #00a0e8;
  font-weight: bolder;
}
#zhaopin .header .qrcode {
  width: 9.25rem;
  height: 9.25rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -2rem;
  border: 2px solid #7f7f7f;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.5rem;
}
#zhaopin .header .qrcode .cover {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 5px;
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.45rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #00a0e8;
  font-family: "GothamPro Bold", "SourceHanSansCN-Heavy";
  font-weight: bolder;
}
#zhaopin .header .qrcode p {
  position: absolute;
  bottom: -2.5rem;
  left: 0.875rem;
  font: 1.5rem "SourceHanSansCN-Regular";
  color: #707070;
}
#zhaopin .body {
  padding: 5.6875rem 0;
  background-color: #eff8fb;
}
#zhaopin .body .list {
  background-color: #fff;
  width: 100%;
  border-radius: 20px;
  box-sizing: border-box;
  display: table;
  padding: 16px 96px;
}
#zhaopin .body .list a {
  text-decoration: none;
}
#zhaopin .body .list .table-header {
  display: table-header-group;
}
#zhaopin .body .list .table-header .title {
  display: table-row;
  height: 5.625rem;
  border-bottom: 1px solid #7f7f7f;
  font: 1.3125rem "SourceHanSansCN-Bold";
  color: #00a0e8;
  font-weight: bolder;
  box-sizing: border-box;
  padding-top: 2.15625rem;
}
#zhaopin .body .list .table-header .title .title-item {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#zhaopin .body .list .table-body {
  display: table-row-group;
}
#zhaopin .body .list .table-body .item {
  height: 5.625rem;
  display: table-row;
  width: 100%;
}
#zhaopin .body .list .table-body .item:nth-child(n+2) .item2 {
  border-top: 1px solid #cccccc;
}
#zhaopin .body .list .table-body .item .item2 {
  font: 1rem "SourceHanSansCN-Regular";
  color: #707070;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
#zhaopin .body .list .table-body .item .item2:nth-of-type(1) {
  color: #00a0e8;
  font-weight: bolder;
}
#zhaopin .body .list .table-body .item .item2:nth-of-type(1) a {
  margin: 0;
  color: #00a0e8;
}
#zhaopin .body .list .pager-wrapper {
  width: 100%;
  text-align: center;
}
#zhaopin #annoucement {
  background-color: #fff;
  padding: 2rem;
}
#zhaopin #annoucement .container {
  display: flex;
}
#zhaopin #annoucement .list .item {
  padding: 1rem;
}
#zhaopin #annoucement .list .item a {
  font-size: 1.25rem;
  color: #00a0e8;
}
#zhaopin #annoucement .list .item a .title {
  padding-left: 20px;
  position: relative;
}
#zhaopin #annoucement .list .item a .title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #00a0e8;
  height: 5px;
  width: 5px;
}
#zhaopin #annoucement .left {
  padding-right: 4.6875rem;
  border-right: 2px solid #707070;
  align-self: center;
}
#zhaopin #annoucement .left h1 {
  font: 3.375rem "SourceHanSansCN-Bold";
  color: #00a0e8;
  font-weight: bolder;
  margin: 0;
}
#zhaopin #annoucement .left h3 {
  font: 2.25rem "GothamPro-Light", "SourceHanSansCN-Light";
  color: #707070;
  font-weight: lighter;
}
@media screen and (max-width: 1366px) {
  #warpper #body #zhaopin .header {
    padding: 4.125rem 4rem;
    min-width: 1200px;
    padding-bottom: 0;
  }
  #warpper #body #zhaopin .header .container {
    width: 100%;
    max-width: 1300px;
  }
  #warpper #body #zhaopin .header .container .icon {
    left: 1rem;
  }
  #warpper #body #zhaopin .header .container .conteact {
    padding-left: 4rem;
  }
  #warpper #body #zhaopin .header .container .conteact div {
    font-size: 2rem;
  }
  #warpper #body #zhaopin .header .container .qrcode {
    right: 1rem;
    width: 10.25rem;
    height: 10.25rem;
  }
  #warpper #body #zhaopin .header .container .qrcode .cover {
    width: 2.3rem;
    height: 2.3rem;
  }
  #warpper #body #zhaopin .body {
    min-width: 1400px;
  }
  #warpper #body #zhaopin .body .container {
    width: 1400px;
  }
  #warpper #body #zhaopin .body .container .list .title {
    font-size: 2rem;
  }
  #warpper #body #zhaopin .body .container .list .item {
    font-size: 1.3rem;
  }
  #warpper #body #zhaopin .body .container .list .item a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  #warpper #body .banner {
    min-width: 1200px;
    padding-top: 23.375rem;
    padding-left: 8rem;
  }
  #warpper #body .banner .container {
    max-width: 1000px;
  }
  #warpper #body .fri {
    min-width: 1200px;
  }
  #warpper #body .fri .container {
    width: 1100px;
    justify-content: space-between;
    max-width: 1100px;
  }
  #warpper #body .fri .container .left {
    padding-right: 2.6875rem;
  }
  #warpper #body .fri .container .left h1 {
    font-size: 4.5rem;
  }
  #warpper #body .fri .container .left h2 {
    font-size: 3rem;
  }
  #warpper #body .fri .container .right {
    font-size: 1.5rem;
  }
  #warpper #body .sec {
    min-width: 1200px;
  }
  #warpper #body .sec .container {
    width: 1200px;
  }
  #warpper #body .tri {
    min-width: 1200px;
  }
  #warpper #body .tri .container {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  #warpper #body .banner {
    min-width: 1200px;
    padding-top: 23.375rem;
    padding-left: 8rem;
  }
  #warpper #body .banner .container {
    max-width: 1000px;
  }
  #warpper #body .fri {
    min-width: 1200px;
  }
  #warpper #body .fri .container {
    width: 1100px;
    justify-content: space-between;
    max-width: 1100px;
  }
  #warpper #body .fri .container .left {
    padding-right: 2.6875rem;
  }
  #warpper #body .fri .container .left h1 {
    font-size: 4.5rem;
  }
  #warpper #body .fri .container .left h2 {
    font-size: 3rem;
  }
  #warpper #body .fri .container .right {
    font-size: 1.5rem;
  }
  #warpper #body .sec {
    min-width: 1200px;
  }
  #warpper #body .sec .container {
    width: 1200px;
  }
  #warpper #body .tri {
    min-width: 1200px;
  }
  #warpper #body .tri .container {
    width: 100%;
  }
}