@charset "UTF-8";
.home {
  position: relative;
  background: #F9F9F9; }
  .home .bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1; }
    .home .bg1 img {
      width: 100%;
      display: block;
      object-fit: cover; }
  .home .bg2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    .home .bg2 img {
      width: 100%;
      display: block;
      object-fit: cover; }
  .home .bg3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .home .bg3 img {
      width: 100%;
      display: block;
      object-fit: cover;
      height: 100%; }
  .home .dialog_success {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0.78125vw 0.9375vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5208333333vw;
    background: #0F77FF;
    flex-shrink: 0;
    z-index: 10;
    display: none; }
    .home .dialog_success svg {
      width: 1.25vw;
      height: auto;
      display: block; }
    .home .dialog_success p {
      color: #fff;
      font-weight: 400;
      margin-left: 0.3125vw;
      white-space: nowrap; }
  .home .main {
    padding: 18.9583333333vw 8.3333333333vw 6.25vw 8.3333333333vw;
    position: relative;
    z-index: 10; }
    .home .main .title {
      text-align: center; }
      .home .main .title h1 {
        color: #0F77FF;
        font-weight: 500;
        line-height: 0.8;
        text-transform: capitalize;
        margin-bottom: 1.25vw; }
      .home .main .title .tag {
        color: #000;
        font-weight: 300;
        line-height: 1.5; }
    .home .main .section1 {
      margin: 18.75vw 0 9.8958333333vw 0;
      display: flex;
      justify-content: space-between; }
      .home .main .section1 .l h1 {
        font-weight: 400;
        line-height: 1.42; }
      .home .main .section1 .l .des {
        margin-top: 1.25vw;
        font-weight: 300;
        line-height: 2; }
      .home .main .section1 .r {
        position: relative; }
        .home .main .section1 .r .pic1 {
          filter: drop-shadow(24px 30px 50px rgba(110, 163, 242, 0.12));
          border-radius: 0.78125vw;
          position: relative;
          z-index: 10; }
          .home .main .section1 .r .pic1 img {
            width: 28.1770833333vw;
            height: 16.1979166667vw;
            display: block;
            object-fit: cover;
            border-radius: 0.78125vw; }
        .home .main .section1 .r .pic2 {
          filter: drop-shadow(24px 30px 50px rgba(110, 163, 242, 0.12));
          border-radius: 0.78125vw;
          position: absolute;
          right: 13.5416666667vw;
          top: -7.2916666667vw;
          width: 28.1770833333vw;
          height: 16.25vw; }
          .home .main .section1 .r .pic2 img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            border-radius: 0.78125vw; }
    .home .main .section2 h1 {
      line-height: 1.42;
      text-transform: capitalize;
      text-align: center;
      font-weight: 500; }
    .home .main .section2 .form {
      margin-top: 4.1666666667vw;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .home .main .section2 .form .item {
        width: 47.5%;
        position: relative;
        margin-bottom: 3.125vw; }
        .home .main .section2 .form .item input {
          width: 100%;
          border-radius: 1.0416666667vw;
          border: 1px solid #FFF;
          background: rgba(255, 255, 255, 0.3);
          /* 投影 */
          box-shadow: 24px 30px 50px 0px rgba(110, 163, 242, 0.12);
          height: 4.3229166667vw;
          outline: none;
          font-size: 1.25vw;
          font-weight: 300;
          color: #747070;
          padding: 1.25vw 1.8229166667vw; }
          .home .main .section2 .form .item input::placeholder {
            color: #9D9D9D;
            font-weight: 300; }
        .home .main .section2 .form .item textarea {
          width: 100%;
          border-radius: 1.0416666667vw;
          border: 1px solid #FFF;
          background: rgba(255, 255, 255, 0.3);
          /* 投影 */
          box-shadow: 24px 30px 50px 0px rgba(110, 163, 242, 0.12);
          height: 11.5104166667vw;
          outline: none;
          font-size: 1.25vw;
          font-weight: 300;
          color: #747070;
          padding: 1.25vw 1.8229166667vw;
          resize: none; }
          .home .main .section2 .form .item textarea::placeholder {
            color: #9D9D9D;
            font-weight: 300; }
        .home .main .section2 .form .item .notice {
          position: absolute;
          left: 17.3958333333vw;
          top: 50%;
          transform: translateY(-50%);
          padding: 0.78125vw 1.0416666667vw 0.7291666667vw 0.8333333333vw;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0.5208333333vw;
          background: #FFE2E2;
          flex-shrink: 0;
          display: none; }
          .home .main .section2 .form .item .notice svg {
            width: 1.25vw;
            height: auto;
            display: block; }
          .home .main .section2 .form .item .notice p {
            color: #D74E4E;
            font-weight: 400;
            margin-left: 0.3125vw; }
          .home .main .section2 .form .item .notice.show {
            display: flex; }
      .home .main .section2 .form .msg {
        width: 100%;
        margin-bottom: 5.2083333333vw; }
        .home .main .section2 .form .msg .notice {
          top: 2.1875vw;
          left: 17.3958333333vw;
          right: auto;
          transform: translateY(0); }
      .home .main .section2 .form .btn {
        width: 100%; }
        .home .main .section2 .form .btn .submit {
          border-radius: 1.0416666667vw;
          border: 1.264px solid rgba(255, 255, 255, 0.16);
          background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 100%, rgba(255, 255, 255, 0) 100%), #0F77FF;
          box-shadow: 0px 0px 0px 1.264px #0F77FF, 0px 1.264px 2.528px 0px rgba(12, 43, 100, 0.2);
          display: flex;
          padding: 0.5208333333vw 1.8229166667vw 0.5208333333vw 1.875vw;
          justify-content: center;
          align-items: center;
          width: fit-content;
          margin: 0 auto;
          color: #FFF;
          line-height: 1.35;
          cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .home .dialog_success {
      padding: 7px 9px;
      border-radius: 5px; }
      .home .dialog_success svg {
        width: 16px; }
      .home .dialog_success p {
        margin-left: 5px;
        font-size: 14px; }
    .home .main {
      padding: 120px 5%; }
      .home .main .title h1 {
        margin-bottom: 12px; }
      .home .main .section1 {
        flex-direction: column;
        margin: 60px 0 80px 0; }
        .home .main .section1 .l .des {
          margin-top: 12px; }
        .home .main .section1 .r {
          margin-top: 30px; }
          .home .main .section1 .r .pic1 {
            border-radius: 15px; }
            .home .main .section1 .r .pic1 img {
              width: 100%;
              height: auto;
              border-radius: 15px; }
          .home .main .section1 .r .pic2 {
            position: static;
            border-radius: 15px;
            width: 100%;
            height: auto;
            margin-top: 20px; }
            .home .main .section1 .r .pic2 img {
              width: 100%;
              height: auto;
              border-radius: 15px; }
      .home .main .section2 .form {
        margin-top: 40px; }
        .home .main .section2 .form .item {
          width: 100%;
          margin-bottom: 20px; }
          .home .main .section2 .form .item input {
            height: 55px;
            padding: 12px 17px;
            font-size: 16px;
            border-radius: 10px; }
          .home .main .section2 .form .item textarea {
            height: 155px;
            padding: 12px 17px;
            font-size: 16px;
            border-radius: 10px; }
          .home .main .section2 .form .item .notice {
            padding: 8px 10px;
            border-radius: 5px;
            left: auto;
            right: 20px; }
            .home .main .section2 .form .item .notice svg {
              width: 16px; }
            .home .main .section2 .form .item .notice p {
              margin-left: 3px;
              font-size: 14px; }
        .home .main .section2 .form .msg {
          margin-bottom: 30px; }
        .home .main .section2 .form .btn .submit {
          border-radius: 15px;
          padding: 5px 17px; } }

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