html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

.nav-wrapper {
  height: 100px;
  background: #ffffff;
  border-top: 4px solid #2863e0;
  border-bottom: 1px solid #cccccc;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0; }
  .nav-wrapper .content {
    width: 1200px;
    margin: auto; }
  .nav-wrapper .logo {
    width: 180px;
    height: 53px;
    margin-top: 20px; }
  .nav-wrapper .nav-list {
    float: right;
    height: 96px;
    line-height: 96px;
    position: relative;
    top: -2px; }
    .nav-wrapper .nav-list .nav-item {
      margin-left: 55px;
      cursor: pointer; }
      .nav-wrapper .nav-list .nav-item.nav-item_active {
        color: #2964e1; }
      .nav-wrapper .nav-list .nav-item a {
        text-decoration: none;
        color: inherit; }
    .nav-wrapper .nav-list .underline {
      position: absolute;
      bottom: 27px;
      left: 55px;
      width: 0;
      height: 2px;
      background: #2863e0; }

.foot-wrapper {
  background: #414856;
  padding-bottom: 99px; }
  .foot-wrapper .backtop {
    width: 44px;
    height: 44px;
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    background-image: url("../../../image/backtop_icon.png"); }
    .foot-wrapper .backtop:hover {
      background-image: url("../../../image/backtop_text.png"); }
  .foot-wrapper .foot-content {
    width: 1200px;
    margin: auto;
    padding-top: 30px; }
    .foot-wrapper .foot-content a {
      color: inherit;
      text-decoration: none; }
    .foot-wrapper .foot-content .row-nav {
      height: 40px;
      line-height: 40px; }
      .foot-wrapper .foot-content .row-nav a {
        margin-right: 30px;
        color: #ffffff; }
      .foot-wrapper .foot-content .row-nav .foot-logo {
        float: right; }
    .foot-wrapper .foot-content .row-qrcode {
      text-align: center;
      margin-top: 25px; }
      .foot-wrapper .foot-content .row-qrcode .qrcode-wrapper {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px; }
        .foot-wrapper .foot-content .row-qrcode .qrcode-wrapper .text {
          font-size: 14px;
          color: #fff;
          margin-top: 20px; }
    .foot-wrapper .foot-content .row-info {
      color: #fff;
      font-size: 12px;
      margin-top: 60px; }
      .foot-wrapper .foot-content .row-info .company-name {
        margin-right: 30px; }
      .foot-wrapper .foot-content .row-info .right-tel {
        float: right; }
      .foot-wrapper .foot-content .row-info .media-cooperation {
        margin-left: 30px; }
    .foot-wrapper .foot-content .row-copyright {
      border-top: 1px solid #999999;
      margin-top: 12px;
      padding-top: 20px;
      font-size: 12px;
      text-align: center;
      color: #999; }
    .foot-wrapper .foot-content .row-copyright-time {
      font-size: 12px;
      text-align: center;
      color: #999;
      margin-top: 12px; }

div, span, img, input, ul, ol, li {
  box-sizing: border-box;
  line-height: 1; }

html, body {
  font-family: "Microsoft YaHei", arial, Serif; }

.page-wrapper {
  padding-top: 100px; }

.com-pagination-container {
  user-select: none;
  height: 30px;
  text-align: center; }
  .com-pagination-container .info-total {
    float: left; }
    .com-pagination-container .info-total .num {
      color: #3c78ff; }
  .com-pagination-container .pagination-arrow, .com-pagination-container .pagination-item {
    font-size: 14px;
    border: 1px solid #c4c6cf;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    color: #9a9599;
    border-radius: 2px; }
  .com-pagination-container .pagination-item-ellipsis {
    cursor: default; }
  .com-pagination-container .pagination-arrow__disabled {
    color: #ddd;
    border: 1px solid #ddd;
    background: #f2f2f2;
    cursor: not-allowed; }
  .com-pagination-container .pagination-item__current {
    background: #3c78ff;
    border-color: #3c78ff !important;
    color: #fff; }

.page-join {
  min-width: 1200px;
  background: #f1f1f1; }
  .page-join div.banner-wrapper {
    width: 100%;
    height: 600px;
    display: block;
    background-image: url("../../../image/join_banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .page-join div.job-list-wrapper {
    width: 100%;
    height: auto;
    min-height: 100px;
    display: block;
    font-size: 0;
    padding-left: calc((100% - 1200px) / 2);
    padding-right: calc((100% - 1200px) / 2);
    padding-bottom: 10px;
    background-color: #ffffff;
    margin: 20px 0; }
    .page-join div.job-list-wrapper div.job-list-title {
      font-size: 14px;
      line-height: 1;
      padding: 42px 10px 22px 10px;
      color: #8e8e8e;
      display: block;
      width: 100%;
      box-sizing: border-box;
      border-bottom: 2px solid #cccccc; }
    .page-join div.job-list-wrapper ul.job-list {
      width: 100%;
      height: auto;
      font-size: 0; }
      .page-join div.job-list-wrapper ul.job-list li.job-list-row {
        width: 100%;
        height: 60px;
        border-bottom: 2px solid #cccccc;
        box-sizing: border-box;
        padding: 10px 10px 0 10px;
        overflow: hidden;
        transition: height 0.3s;
        -moz-transition: height 0.3s;
        -webkit-transition: height 0.3s;
        -o-transition: height 0.3s; }
        .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-row-title {
          width: 100%;
          height: 40px;
          font-size: 0;
          color: #333;
          display: block; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-row-title span.name {
            width: calc(100% - 316px);
            display: inline-block;
            vertical-align: top;
            height: 40px;
            line-height: 40px;
            color: #333;
            font-size: 14px;
            font-weight: bold; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-row-title input[type=button] {
            width: 128px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background-color: #347ee8;
            color: #fff;
            font-size: 14px;
            outline: none;
            border: none;
            cursor: pointer;
            margin-left: 30px;
            display: inline-block;
            vertical-align: top; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-row-title input[type=button]:hover {
            background-color: #296AE8; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-row-title input[type=button]:active {
            background-color: #296AE8; }
        .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail {
          width: 100%;
          height: auto;
          font-size: 0;
          color: #333;
          display: block;
          padding: 10px 0 0 0;
          overflow: hidden; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul.job_list_detail_left {
            width: 35%;
            height: auto;
            display: inline-block;
            vertical-align: top;
            margin-right: 10px; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul.job_list_detail_right {
            width: calc(65% - 10px);
            height: auto;
            display: inline-block;
            vertical-align: top; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul li {
            color: #333; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul li.job_list_detail_row.title {
            width: 100%;
            height: 20px;
            line-height: 20px;
            font-size: 12px; }
          .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul li.job_list_detail_row {
            width: 100%;
            font-size: 0; }
            .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul li.job_list_detail_row i.no {
              width: 18px;
              height: 18px;
              line-height: 18px;
              display: inline-block;
              vertical-align: top;
              font-size: 12px;
              font-style: normal; }
            .page-join div.job-list-wrapper ul.job-list li.job-list-row div.job-list-detail ul li.job_list_detail_row span.content {
              width: calc(100% - 18px);
              display: inline-block;
              vertical-align: top;
              font-size: 12px;
              line-height: 18px;
              text-align: left; }
  .page-join .my-pagination {
    width: 1200px;
    height: 40px;
    margin: auto;
    margin-top: 40px; }

/*# sourceMappingURL=join.css.map */