.container .recruit {
  margin: 54px 0 76px;
  margin: 0.28125rem 0 0.3958333333rem;
  display: flex; }
  .container .recruit .allPosts {
    float: left;
    width: 215px;
    margin-right: 70px;
    display: flex;
    flex-direction: column;
    margin-right: 0.3645833333rem;
    width: 1.1197916667rem; }
    .container .recruit .allPosts .jobs {
      height: 546px;
      height: 2.8125rem;
      display: flex;
      position: relative;
      overflow: hidden; }
      .container .recruit .allPosts .jobs .jobsPost {
        display: flex;
        flex-direction: column;
        position: absolute;
        transition: all 1s; }
      .container .recruit .allPosts .jobs .tab {
        flex: none;
        width: 1.1145833333rem;
        height: 48px;
        margin-bottom: 12px;
        height: 0.25rem;
        background: #8e8e8e;
        margin-bottom: 0.0625rem;
        font-size: 0.0833333333rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0.078125rem 0 0.09375rem; }
        .container .recruit .allPosts .jobs .tab > a {
          flex: auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          height: 100%;
          color: #fff; }
          .container .recruit .allPosts .jobs .tab > a b {
            width: 7px;
            height: 13px;
            width: 0.0364583333rem;
            height: 0.0677083333rem;
            background: url("../images/contact/ct-arror.png") no-repeat;
            background-size: cover; }
      .container .recruit .allPosts .jobs .active {
        background: #ffa31e; }
    .container .recruit .allPosts .jobArrow {
      display: none; }
      .container .recruit .allPosts .jobArrow a {
        width: 100%; }
        .container .recruit .allPosts .jobArrow a img {
          width: 100%; }
    .container .recruit .allPosts .prev {
      margin-bottom: 12px;
      margin-bottom: 0.0625rem; }
  .container .recruit .jobInfos {
    float: left;
    width: 915px;
    padding: 50px 48px 74px;
    width: 4.765625rem;
    padding: 0.2604166667rem 0.25rem 0.3854166667rem;
    border: 1px solid #e4e4e4; }
    .container .recruit .jobInfos > .tab-pane {
      display: none; }
      .container .recruit .jobInfos > .tab-pane .head {
        padding-bottom: 0.1145833333rem;
        border-bottom: 1px solid #e4e4e4;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .container .recruit .jobInfos > .tab-pane .head .jobName {
          font-size: 0.1145833333rem; }
        .container .recruit .jobInfos > .tab-pane .head .email {
          font-size: 0.0729166667rem;
          color: #666; }
          .container .recruit .jobInfos > .tab-pane .head .email a {
            color: #666; }
      .container .recruit .jobInfos > .tab-pane .jobRequire {
        margin-top: 0.1458333333rem; }
        .container .recruit .jobInfos > .tab-pane .jobRequire .title {
          font-size: 0.09375rem;
          color: #ffa31d;
          display: flex;
          align-items: center; }
          .container .recruit .jobInfos > .tab-pane .jobRequire .title .line {
            width: 0.0260416667rem;
            height: 0.09375rem;
            background: #ffa31d;
            margin-right: 0.0572916667rem; }
        .container .recruit .jobInfos > .tab-pane .jobRequire .requireContent {
          font-size: 0.0729166667rem;
          color: #666;
          line-height: 0.1145833333rem; }
          .container .recruit .jobInfos > .tab-pane .jobRequire .requireContent p {
            margin: 0.0260416667rem 0; }
    .container .recruit .jobInfos > .active {
      display: block; }
.container .talentDevelop {
  clear: both;
  height: 750px;
  margin-bottom: 74px;
  width: 100%;
  height: 3.90625rem;
  background: url("../images/contact/ct-bg.jpg") no-repeat;
  background-size: cover;
  margin-bottom: 0.3854166667rem;
  color: #fff; }
  .container .talentDevelop .headline {
    margin: 0.1145833333rem 0 0.2291666667rem; }
    .container .talentDevelop .headline .heading {
      color: #fff; }
    .container .talentDevelop .headline .underline {
      background: #fff; }
    .container .talentDevelop .headline .textEqual {
      margin-top: 0.09375rem;
      text-align: center; }
  .container .talentDevelop .developInfo {
    display: flex; }
    .container .talentDevelop .developInfo .develop {
      float: left;
      width: 500px;
      width: 3.3541666667rem;
      display: flex;
      flex-direction: column; }
      .container .talentDevelop .developInfo .develop .legend {
        margin-top: 0.2708333333rem;
        font-size: 0.0625rem;
        width: 2.3020833333rem;
        transform: translate(31px); }
        .container .talentDevelop .developInfo .develop .legend .twoType {
          display: flex;
          justify-content: space-between;
          margin-bottom: 0.125rem; }
          .container .talentDevelop .developInfo .develop .legend .twoType .topHexageon {
            display: flex;
            flex-direction: column;
            align-items: center; }
          .container .talentDevelop .developInfo .develop .legend .twoType .textBox {
            font-size: 0.0833333333rem;
            width: 0.625rem;
            height: 0.1458333333rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 0.1458333333rem; }
          .container .talentDevelop .developInfo .develop .legend .twoType .orgenBorder {
            border: 1px solid #ea5413;
            border-radius: 4px; }
          .container .talentDevelop .developInfo .develop .legend .twoType .yellowBorder {
            border: 1px solid #ffa31e;
            border-radius: 4px; }
          .container .talentDevelop .developInfo .develop .legend .twoType .leftHex {
            background: url("../images/contact/1.png") no-repeat;
            background-size: cover; }
          .container .talentDevelop .developInfo .develop .legend .twoType .rightHex {
            background: url("../images/contact/2.png") no-repeat;
            background-size: cover; }
        .container .talentDevelop .developInfo .develop .legend .hexageon {
          width: 0.8541666667rem;
          height: 0.7395833333rem;
          display: flex;
          flex-direction: column;
          font-size: 0.0729166667rem;
          align-items: center;
          justify-content: center; }
          .container .talentDevelop .developInfo .develop .legend .hexageon > img {
            margin: 0.0260416667rem 0; }
        .container .talentDevelop .developInfo .develop .legend .vType {
          display: flex;
          justify-content: center; }
          .container .talentDevelop .developInfo .develop .legend .vType .bottomHex {
            background: url("../images/contact/3.png") no-repeat;
            background-size: cover; }
          .container .talentDevelop .developInfo .develop .legend .vType .whiteArrow img {
            width: 0.1354166667rem; }
    .container .talentDevelop .developInfo .textDescrip .title {
      display: inline-block;
      font-size: 0.0833333333rem;
      padding-bottom: 0.0885416667rem;
      margin-bottom: 0.0989583333rem;
      border-bottom: 1px solid #fff; }
    .container .talentDevelop .developInfo .textDescrip .content {
      width: 2.1979166667rem;
      font-size: 0.0729166667rem;
      line-height: 0.1145833333rem; }
    .container .talentDevelop .developInfo .train {
      float: left; }
      .container .talentDevelop .developInfo .train .legend {
        margin-top: 40px;
        margin-top: 0.2083333333rem;
        font-size: 0.0729166667rem;
        line-height: 0.1145833333rem; }
        .container .talentDevelop .developInfo .train .legend .headTitle {
          display: flex;
          justify-content: center; }
          .container .talentDevelop .developInfo .train .legend .headTitle > div:first-child {
            margin-right: 0.2291666667rem; }
        .container .talentDevelop .developInfo .train .legend .vertEllipse {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-top: 0.0520833333rem; }
          .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item {
            width: 466px;
            height: 79px;
            margin-bottom: 20px;
            width: 2.4270833333rem;
            height: 0.4114583333rem;
            display: flex;
            align-items: center;
            margin-bottom: 0.1041666667rem; }
            .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item .number {
              float: left;
              font-family: impact;
              font-size: 36px;
              margin: 0 30px 0 24px;
              font-size: 0.1875rem;
              margin: 0 0.1041666667rem 0 0.125rem; }
            .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item .classify {
              float: left;
              font-size: 18px;
              margin-right: 26px;
              font-size: 0.09375rem;
              font-weight: bold;
              margin-right: 0.1875rem; }
            .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item .class_item {
              width: 240px;
              width: 1.25rem;
              float: left;
              display: flex;
              flex-wrap: wrap;
              color: #333; }
              .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item .class_item > p {
                width: 50%;
                flex: 0 0 50%;
                line-height: 20px;
                line-height: 0.1041666667rem; }
            .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item .bottom_item {
              width: 100%;
              font-size: 18px;
              font-size: 0.09375rem;
              font-weight: bold;
              color: #333;
              text-align: center; }
          .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item:first-child {
            background: url("../images/contact/4.png") no-repeat;
            background-size: cover; }
          .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item:nth-child(2) {
            background: url("../images/contact/5.png") no-repeat;
            background-size: cover; }
          .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item:nth-child(3) {
            background: url("../images/contact/6.png") no-repeat;
            background-size: cover; }
          .container .talentDevelop .developInfo .train .legend .vertEllipse > .ellipse-item:last-child {
            background: url("../images/contact/7.png") no-repeat;
            background-size: cover; }
.container .contactHead {
  float: left;
  margin-bottom: 94px;
  margin-bottom: 0.4895833333rem;
  display: flex;
  font-size: 0.09375rem; }
  .container .contactHead .line {
    float: left;
    width: 5px;
    height: 28px;
    width: 0.0260416667rem;
    height: 0.1458333333rem;
    margin-right: 0.0572916667rem;
    background: #318cd2; }
.container .companyInfo {
  clear: both;
  display: flex;
  justify-content: space-between; }
  .container .companyInfo .allCompany {
    width: 3rem; }
  .container .companyInfo .company {
    display: none; }
  .container .companyInfo .company.active {
    float: left;
    display: flex;
    flex-direction: column; }
    .container .companyInfo .company.active .company_name {
      font-size: 0.09375rem;
      font-weight: bold;
      margin-bottom: 0.1197916667rem; }
    .container .companyInfo .company.active .company-item {
      margin-bottom: 0.1197916667rem;
      display: flex;
      align-items: center;
      color: #666; }
      .container .companyInfo .company.active .company-item .icon {
        margin-right: 0.1197916667rem; }
      .container .companyInfo .company.active .company-item .icon:first-child img {
        width: 0.1458333333rem; }
      .container .companyInfo .company.active .company-item .icon:nth-child(2) img {
        width: 0.1302083333rem; }
      .container .companyInfo .company.active .company-item .icon:nth-child(3) img {
        width: 0.1302083333rem; }
      .container .companyInfo .company.active .company-item .icon:last-child img {
        width: 0.1145833333rem; }
      .container .companyInfo .company.active .company-item .title {
        font-size: 0.0729166667rem; }
      .container .companyInfo .company.active .company-item .message {
        font-size: 0.0729166667rem; }
  .container .companyInfo .companyMap {
    float: left;
    align-self: flex-end;
    width: 530px;
    height: 439px;
    width: 2.7604166667rem;
    height: 2.2864583333rem;
    background: url("../images/contact/ct-map.png") no-repeat;
    background-size: cover;
    transform: translateY(-0.5416666667rem);
    margin-bottom: 0.4010416667rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .container .companyInfo .companyMap .address {
      position: absolute; }
      .container .companyInfo .companyMap .address > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff; }
        .container .companyInfo .companyMap .address > a .location {
          width: 20px;
          height: 24px;
          width: 0.1041666667rem;
          height: 0.125rem;
          background: url("../images/contact/ct-location.png") no-repeat;
          background-size: contain; }
    .container .companyInfo .companyMap .beijing {
      transform: translate(1.9739583333rem, -0.3020833333rem); }
      .container .companyInfo .companyMap .beijing p {
        transform: translate(-0.0989583333rem); }
    .container .companyInfo .companyMap .shandong {
      transform: translate(2.0572916667rem, -0.0885416667rem); }
    .container .companyInfo .companyMap .yangzhou {
      transform: translate(2.2447916667rem, 0.1614583333rem); }
    .container .companyInfo .companyMap .hefei {
      transform: translate(2.0989583333rem, 0.2135416667rem); }
    .container .companyInfo .companyMap .wuhan {
      transform: translate(1.953125rem, 0.3125rem); }
    .container .companyInfo .companyMap .chengdu {
      transform: translate(1.3854166667rem, 0.3229166667rem); }
    .container .companyInfo .companyMap .guangzhou {
      transform: translate(1.9322916667rem, 0.78125rem); }
      .container .companyInfo .companyMap .guangzhou p {
        transform: translate(-0.0885416667rem); }
    .container .companyInfo .companyMap .active > a .location {
      width: 0.15625rem;
      height: 0.1875rem; }

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