.home {

  position: relative;

  width: 100%; }

  .home .jx {

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    text-align: right; }

    .home .jx img {

      max-width: 100%; }

  .home .title {

    width: 80vw;

    margin: 0 auto 3vw auto;

    padding-top: 10vw; }

    .home .title .cn {

      color: #111;

      font-size: 3.2vw;

      font-weight: 600; }

    .home .title .en {

      font-family: 'Montserrat-Regular';

      color: #e01c1c;

      font-size: 1.3vw;

      font-weight: 600;

      margin-top: 10px; }

  .home .section1 {

    width: 80vw;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: flex-end; }

    .home .section1 a {

      color: #111;

      font-size: 0.8vw; }

    .home .section1 span {

      width: 8px;

      height: 2px;

      background-color: #e01c1c;

      margin: 0 1vw; }

    .home .section1 p {

      color: #666;

      font-size: 0.8vw; }

  .home .section2 {

    background-color: #fff;

    padding: 0 0 6.25vw 0; }
    .home .section2 .bg{
      margin-top: 2vw;
    }

    .home .section2 .wrap {

      width: 80vw;
      padding-top: 5.5729166667vw;

      margin: auto;

      display: flex;

      justify-content: space-between; }

      .home .section2 .wrap .headline h1 {

        font-size: 2.6041666667vw;

        color: #111;

        margin: 0 0 0.625vw; }

      .home .section2 .wrap .headline p {

        font-size: 1.0416666667vw;

        color: #111; }

      .home .section2 .wrap .content {

        width: 48.4375vw;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between; }

        .home .section2 .wrap .content input {

          width: 22.3958333333vw;

          height: 3.2291666667vw;

          padding: 0 0 0 1.0416666667vw;

          border-radius: 0.5208333333vw;

          border: 1px solid #EDEDED;

          background: #F9F9F9;

          font-size: 0.8333333333vw;

          margin: 0 0 1.0416666667vw; }

          .home .section2 .wrap .content input::placeholder {

            color: #999; }

          .home .section2 .wrap .content input.all {

            width: 100%; }

        .home .section2 .wrap .content textarea {

          width: calc(100% - 1.04vw);

          height: 140px;

          border-radius: 0.5208333333vw;

          border: 1px solid #EDEDED;

          background: #F9F9F9;

          font-size: 0.8333333333vw;

          padding: 1.0416666667vw 0 0 1.0416666667vw;

          resize: none;

          font-family: inherit; }

          .home .section2 .wrap .content textarea::placeholder {

            color: #999; }

        .home .section2 .wrap .content button {

          cursor: pointer;

          background: transparent;

          margin: 2.6041666667vw 0 0 0;

          border: 1px solid #e01c1c;

          display: flex;

          align-items: center;

          padding: .5vw 2vw;

          border-radius: 30px;

          width: fit-content;

          font-size: 1vw;

          color: #E01C1C;

          transition: all 600ms;

          margin: 2vw 0 0 0; }

          .home .section2 .wrap .content button svg path {

            transition: all 600ms; }

          .home .section2 .wrap .content button p {

            margin-right: 0.6vw;

            font-weight: bold; }

          .home .section2 .wrap .content button svg {

            width: 1.25vw;

            display: block; }

          .home .section2 .wrap .content button:hover {

            background-color: #e01c1c;

            color: white; }

            .home .section2 .wrap .content button:hover svg path {

              stroke: #fff; }

  .home .section3 {

    width: 100%;

    position: relative; }

    .home .section3 #container {

      width: 100%;

      height: 41.6666666667vw; }

    .home .section3 .position {

      width: 19.2708333333vw;

      border-radius: 1.0416666667vw;

      background: rgba(255, 255, 255, 0.7);

      backdrop-filter: blur(5px);

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      right: 10.46875vw;

      z-index: 2;

      box-sizing: border-box;

      padding: 2.6041666667vw; }

      .home .section3 .position .list {

        display: block; }

        .home .section3 .position .list:not(:last-child) {

          margin: 0 0 1.0416666667vw; }

        .home .section3 .position .list .add {

          display: flex;

          align-items: center;

          margin: 0 0 0.5208333333vw; }

          .home .section3 .position .list .add .icon {

            width: 0.9895833333vw;

            height: 0.9895833333vw;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 0.5208333333vw 0 0; }

          .home .section3 .position .list .add h1 {

            font-size: 1.0416666667vw;

            color: #111;

            line-height: 1.5625vw;

            margin: 0; }

        .home .section3 .position .list .hover_pick {

          display: flex;

          align-items: center;

          position: relative;

          z-index: 5; }

          .home .section3 .position .list .hover_pick .show {

            display: flex;

            align-items: center;

            cursor: pointer; }

            .home .section3 .position .list .hover_pick .show:hover ~ .hide {

              opacity: 1; }

          .home .section3 .position .list .hover_pick .img {

            width: 0.625vw;

            height: 0.625vw;

            margin: 0 0.2604166667vw 0 0;

            position: relative;

            top: 0.1041666667vw; }

          .home .section3 .position .list .hover_pick p {

            font-size: 0.78125vw;

            color: #111; }

          .home .section3 .position .list .hover_pick .hide {

            position: absolute;

            bottom: 100%;

            left: 0.5208333333vw;

            z-index: 5;

            background-color: #fff;

            opacity: 0;

            transition: .3s;

            pointer-events: none; }

        .home .section3 .position .list .pick {

          font-size: 0.78125vw;

          color: #111;

          line-height: 1.1458333333vw; }

  .home .section7 {

    width: 100%;

    display: flex;

    justify-content: space-between; }

    .home .section7 .item {

      width: 50%;

      position: relative; }

      .home .section7 .item .bg {

        overflow: hidden;

        height: 100%; }

        .home .section7 .item .bg img {

          width: 100%;

          display: block;

          object-fit: cover;

          transition: all 600ms;

          height: 100%;

          transform: scale(1.01); }

      .home .section7 .item .text {

        position: absolute;

        left: 10vw;

        top: 50%;

        transform: translateY(-50%);

        color: white; }

        .home .section7 .item .text .p1 {

          color: #FFF;

          font-size: 2.7vw;

          font-weight: 700; }

        .home .section7 .item .text .p2 {

          color: #FFF;

          font-size: 1.1vw;

          font-weight: 700; }

      .home .section7 .item .btn {

        position: absolute;

        right: 5%;

        bottom: 5%;

        border: 2px solid white;

        width: fit-content;

        padding: 0.3vw 1.8vw;

        border-radius: 30px;

        transition: all 600ms; }

        .home .section7 .item .btn svg {

          display: block;

          transition: all 600ms; }

        .home .section7 .item .btn:hover {

          background-color: #e01c1c;

          border-color: #e01c1c; }

          .home .section7 .item .btn:hover svg {

            transform: translateX(10px); }

      .home .section7 .item:hover .bg img {

        transform: scale(1.05); }

  @media screen and (max-width: 1024px) {

    .home {

      padding-top: 70px; }

      .home .title {

        width: 90%;

        padding-top: 20px; }

        .home .title .cn {

          font-size: 24px; }

        .home .title .en {

          font-size: 18px; }

      .home .section1 {

        width: 90%; }

        .home .section1 a, .home .section1 p {

          font-size: 14px; }
          .home .section2 .bg{
            margin-top: 20px;
          }


        .home .section2 .wrap {

          width: 90%;
          padding-top: 20px;

          flex-direction: column; }

          .home .section2 .wrap .headline h1 {

            font-size: 24px;

            margin: 0 0 10px; }

          .home .section2 .wrap .headline p {

            font-size: 18px; }

          .home .section2 .wrap .content {

            width: 100%;

            margin: 20px 0 0 0; }

            .home .section2 .wrap .content input {

              width: 100%;

              height: 50px;

              font-size: 16px;

              padding: 0 0 0 10px;

              margin: 0 0 15px; }

            .home .section2 .wrap .content textarea {

              width: 100%;

              height: 150px;

              font-size: 16px;

              padding: 10px 0 0 10px;

              margin: 0 0 15px; }

            .home .section2 .wrap .content button {

              font-size: 16px;

              padding: 5px 25px;

              margin: 20px 0 0 0; }

              .home .section2 .wrap .content button svg {

                width: 15px; }

      .home .section3 #container {

        height: 350px; }

      .home .section3 .position {

        position: static;

        width: 100%;

        padding: 5%;

        transform: none; }

        .home .section3 .position .list:not(:last-child) {

          margin: 0 0 20px; }

        .home .section3 .position .list .add {

          margin: 0 0 10px; }

          .home .section3 .position .list .add .icon {

            width: 22px;

            height: 22px;

            margin: 0 8px 0 0; }

          .home .section3 .position .list .add h1 {

            font-size: 20px; }

        .home .section3 .position .list .pick {

          font-size: 16px;

          line-height: 2; }

        .home .section3 .position .list .hover_pick .show img {

          width: 14px;

          height: 14px;

          margin: 0 8px 0 0; }

        .home .section3 .position .list .hover_pick .show p {

          font-size: 16px; }

      .home .section7 {

        flex-direction: column; }

        .home .section7 .item {

          width: 100%; }

          .home .section7 .item .text {

            left: 5%; }

            .home .section7 .item .text .p1 {

              font-size: 20px; }

            .home .section7 .item .text .p2 {

              font-size: 16px; }

          .home .section7 .item .btn {

            padding: 5px 25px;

            bottom: 20px; } }



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