@charset "UTF-8";
/**
*联系我们
*/
/* line 17, ../sass/contact_join.scss */
.left_nav_list {
  height: auto;
  width: 10.4166666667vw;
  float: left;
  position: fixed;
  top: 21.3333333333vh;
  left: 3.75vw; }
  /* line 26, ../sass/contact_join.scss */
  .left_nav_list ul li {
    font-size: 0.8333333333vw;
    letter-spacing: 1px;
    line-height: 3.8095238095vh;
    margin-bottom: 2.6041666667vw; }
    /* line 32, ../sass/contact_join.scss */
    .left_nav_list ul li .contact_ck {
      position: relative;
      display: inline-block;
      width: 0.5208333333vw;
      height: 0.5208333333vw;
      border-radius: 100%;
      margin-right: 0.8333333333vw;
      z-index: 15;
      opacity: 1; }
      /* line 42, ../sass/contact_join.scss */
      .left_nav_list ul li .contact_ck .hengxian {
        height: 2.9166666667vw;
        width: 2px;
        position: relative;
        top: 1.0416666667vw;
        left: 0.2083333333vw;
        background-color: #dddddd; }
    /* line 52, ../sass/contact_join.scss */
    .left_nav_list ul li .join_ck {
      position: relative;
      display: inline-block;
      width: 0.5208333333vw;
      height: 0.5208333333vw;
      border-radius: 100%;
      margin-right: 0.8333333333vw;
      z-index: 15;
      opacity: 1; }
    /* line 63, ../sass/contact_join.scss */
    .left_nav_list ul li span:after {
      content: "";
      position: absolute;
      z-index: 23;
      height: 0.8333333333vw;
      width: 0.8333333333vw;
      top: -0.15625vw;
      left: -0.15625vw;
      border: 0.0520833333vw solid #666666;
      border-radius: 100%;
      opacity: 0.5; }
    /* line 76, ../sass/contact_join.scss */
    .left_nav_list ul li a {
      color: #dddddd; }
  /* line 82, ../sass/contact_join.scss */
  .left_nav_list ul .xz .contact_ck {
    background-color: #666666; }
  /* line 86, ../sass/contact_join.scss */
  .left_nav_list ul .xz .join_ck {
    background-color: #666666; }
  /* line 90, ../sass/contact_join.scss */
  .left_nav_list ul .xz a {
    color: #333; }

/* line 97, ../sass/contact_join.scss */
.left_og_back {
  height: 4.7619047619vh;
  width: 7.8125vw;
  position: fixed;
  top: 38.0952380952vh;
  left: 2.8645833333vw;
  display: flex;
  z-index: 20; }
  /* line 105, ../sass/contact_join.scss */
  .left_og_back a {
    display: flex; }
    /* line 107, ../sass/contact_join.scss */
    .left_og_back a img {
      height: 4.7619047619vh; }
    /* line 110, ../sass/contact_join.scss */
    .left_og_back a p {
      line-height: 4.7619047619vh;
      font-size: 0.7291666667vw;
      color: #000000;
      letter-spacing: 0.0416666667vw;
      display: inline-block; }

/* line 119, ../sass/contact_join.scss */
.main {
  height: 100%;
  width: 100%;
  padding-top: 13.3333333333vh;
  padding-left: 16.7708333333vw;
  padding-right: 3.75vw; }
  /* line 126, ../sass/contact_join.scss */
  .main .contact {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 6.8571428571vh; }
    /* line 135, ../sass/contact_join.scss */
    .main .contact .headline {
      width: 50%;
      font-size: 3.7142857143vh;
      color: #333333;
      margin-bottom: 6.6666666667vh;
      visibility: hidden;
      animation-delay: 0s; }
    /* line 145, ../sass/contact_join.scss */
    .main .contact .contact_details {
      height: 68.380952381vh;
      width: 100%;
      position: relative; }
      /* line 150, ../sass/contact_join.scss */
      .main .contact .contact_details .shu {
        height: 41.9047619048vh;
        width: 1.25vw;
        position: relative; }
        /* line 155, ../sass/contact_join.scss */
        .main .contact .contact_details .shu .shuxian {
          position: absolute;
          bottom: 0;
          left: 0.5208333333vw;
          height: 31.1428571429vh;
          width: 1px;
          border: 1px solid black; }
        /* line 164, ../sass/contact_join.scss */
        .main .contact .contact_details .shu .contact_shu {
          height: 2.2857142857vh;
          width: 4.6875vw;
          font-size: 1.9047619048vh;
          letter-spacing: 1.25px;
          display: inline-block;
          transform: translate(-1.6666666667vw, 2.0833333333vw) rotate(-90deg);
          position: absolute;
          top: 0;
          text-align: right; }
      /* line 177, ../sass/contact_join.scss */
      .main .contact .contact_details .contact_details_1 {
        height: 54.6666666667vh;
        width: 66.3020833333vw;
        background-color: whitesmoke;
        position: absolute;
        right: 0;
        bottom: 0; }
        /* line 185, ../sass/contact_join.scss */
        .main .contact .contact_details .contact_details_1 .details_images {
          height: 41.9047619048vh;
          width: 34.2708333333vw;
          display: inline-block;
          transform: translate(-21.3%, -29%);
          opacity: 0.9;
          visibility: hidden;
          animation-delay: .3s; }
          /* line 194, ../sass/contact_join.scss */
          .main .contact .contact_details .contact_details_1 .details_images img {
            height: 100%;
            width: 100%; }
        /* line 200, ../sass/contact_join.scss */
        .main .contact .contact_details .contact_details_1 .details {
          height: auto;
          width: 27.9166666667vw;
          display: inline-block;
          position: absolute;
          top: 50%;
          right: 5.2083333333vw;
          transform: translateY(-50%);
          font-size: 2.2857142857vh;
          line-height: 3.8095238095vh;
          letter-spacing: 2.5px;
          color: #999999; }
          /* line 213, ../sass/contact_join.scss */
          .main .contact .contact_details .contact_details_1 .details .site {
            visibility: hidden;
            animation-delay: .5s; }
          /* line 218, ../sass/contact_join.scss */
          .main .contact .contact_details .contact_details_1 .details .fax {
            margin-top: 3.8095238095vh;
            margin-bottom: 3.8095238095vh;
            visibility: hidden;
            animation-delay: .6s; }
          /* line 225, ../sass/contact_join.scss */
          .main .contact .contact_details .contact_details_1 .details .website {
            visibility: hidden;
            animation-delay: .7s; }
            /* line 228, ../sass/contact_join.scss */
            .main .contact .contact_details .contact_details_1 .details .website a {
              color: #999999; }
  /* line 237, ../sass/contact_join.scss */
  .main .join {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 9.1428571429vh; }
    /* line 246, ../sass/contact_join.scss */
    .main .join .headline {
      height: auto;
      width: 50%;
      margin-bottom: 6.8571428571vh; }
      /* line 251, ../sass/contact_join.scss */
      .main .join .headline .headline_1 {
        font-size: 3.7142857143vh;
        line-height: 6.8571428571vh;
        color: #333333;
        margin-bottom: 3.8095238095vh;
        visibility: hidden; }
      /* line 261, ../sass/contact_join.scss */
      .main .join .headline p {
        font-size: 2.2857142857vh;
        line-height: 3.619047619vh;
        letter-spacing: 3px;
        color: #666666; }
      /* line 268, ../sass/contact_join.scss */
      .main .join .headline .headline_2 {
        animation-delay: .1s;
        visibility: hidden; }
      /* line 273, ../sass/contact_join.scss */
      .main .join .headline .headline_3 {
        animation-delay: .1s;
        visibility: hidden; }
      /* line 278, ../sass/contact_join.scss */
      .main .join .headline .headline_4 {
        animation-delay: .1s;
        visibility: hidden;
        transform: translateX(0.2604166667vw); }
      /* line 284, ../sass/contact_join.scss */
      .main .join .headline .headline_5 {
        animation-delay: .1s;
        visibility: hidden;
        transform: translateX(0.2604166667vw); }
    /* line 291, ../sass/contact_join.scss */
    .main .join .join_list {
      height: auto;
      width: 100%;
      position: relative;
      top: 0;
      left: 0; }
      /* line 298, ../sass/contact_join.scss */
      .main .join .join_list .join_require {
        height: auto;
        background-color: whitesmoke;
        padding: 6.8571428571vh 2.9166666667vw;
        visibility: hidden; }
        /* line 304, ../sass/contact_join.scss */
        .main .join .join_list .join_require .join_headline {
          height: auto;
          width: 100%;
          margin-bottom: 4.5714285714vh; }
          /* line 309, ../sass/contact_join.scss */
          .main .join .join_list .join_require .join_headline p {
            font-size: 2.2857142857vh;
            line-height: 3.8095238095vh;
            letter-spacing: 3px;
            color: #333333; }
        /* line 317, ../sass/contact_join.scss */
        .main .join .join_list .join_require .join_details {
          height: auto;
          width: 100%;
          font-size: 1.5238095238vh;
          line-height: 3.0476190476vh;
          letter-spacing: 2px;
          color: #999999;
          margin-bottom: 4.5714285714vh; }
        /* line 327, ../sass/contact_join.scss */
        .main .join .join_list .join_require .join_apply {
          height: 6.0952380952vh;
          width: 12.9166666667vw;
          border: 2px solid #dddddd; }
          /* line 333, ../sass/contact_join.scss */
          .main .join .join_list .join_require .join_apply a {
            display: flex;
            justify-content: center;
            align-items: center; }
            /* line 338, ../sass/contact_join.scss */
            .main .join .join_list .join_require .join_apply a p {
              line-height: 6.0952380952vh;
              font-size: 1.9047619048vh;
              letter-spacing: 5px;
              color: #333333; }
            /* line 346, ../sass/contact_join.scss */
            .main .join .join_list .join_require .join_apply a div {
              display: inline-block;
              height: 2.5vw;
              width: 2.5vw;
              background-image: url(../images/list/join/Group4Copy.png);
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat; }
        /* line 360, ../sass/contact_join.scss */
        .main .join .join_list .join_require .join_apply:hover {
          background-color: #333333; }
          /* line 363, ../sass/contact_join.scss */
          .main .join .join_list .join_require .join_apply:hover p {
            color: white; }
          /* line 367, ../sass/contact_join.scss */
          .main .join .join_list .join_require .join_apply:hover div {
            background-image: url(../images/list/join/Group4Copy_1.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        /* line 291, ../sass/contact_join.scss */
        .main .join .join_list {
          /*兼容IE11*/ }
          /* line 377, ../sass/contact_join.scss */
          .main .join .join_list .join_require {
            width: 46.7%;
            display: inline-block;
            margin-right: 40px;
            margin-bottom: 50px; } }

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