.home {
  position: relative;
  width: 100%; }
  .home .banner {
    position: relative; }
    .home .banner img {
      width: 100%;
      display: block;
      object-fit: cover; }
    .home .banner .text {
      position: absolute;
      left: 9.8958333333vw;
      top: 50%;
      transform: translateY(-50%); }
      .home .banner .text .p1 {
        background: linear-gradient(180deg, rgba(56, 110, 181, 0.5) 35.29%, rgba(255, 255, 255, 0) 84.31%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 2.0833333333vw;
        text-transform: uppercase;
        font-family: 'PingFang';
        font-weight: 600; }
      .home .banner .text .p2 {
        color: #386EB5;
        font-size: 2.5vw;
        font-weight: 700;
        margin-top: -1vw; }
    .home .banner .types {
      border-top: 3px solid rgba(58, 133, 192, 0.1);
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(5px);
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
      .home .banner .types .items {
        width: 65%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .home .banner .types .items .item {
          width: 20%;
          position: relative;
          cursor: pointer; }
          .home .banner .types .items .item::before {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -2px;
            width: 0;
            transition: all 600ms;
            height: 0.2083333333vw;
            background: #386EB5; }
          .home .banner .types .items .item .p1 {
            color: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.1458333333vw 0;
            font-size: 1.0416666667vw;
            font-weight: 700;
            transition: all 600ms; }
            .home .banner .types .items .item .p1 svg {
              display: block;
              width: 1.25vw; }
              .home .banner .types .items .item .p1 svg path {
                transition: all 600ms; }
          .home .banner .types .items .item:hover::before {
            width: 100%; }
          .home .banner .types .items .item:hover .p1 {
            color: #386EB5; }
            .home .banner .types .items .item:hover .p1 svg path {
              stroke: #386EB5; }
        .home .banner .types .items .active::before {
          width: 100%; }
        .home .banner .types .items .active .p1 {
          color: #386EB5; }
          .home .banner .types .items .active .p1 svg path {
            stroke: #386EB5; }
  .home .main {
    margin: 4.1666666667vw 9.8958333333vw; }
    .home .main .section1 .t {
      color: #000;
      font-size: 2.0833333333vw;
      font-weight: 600;
      text-align: center; }
    .home .main .section1 form {
      width: 62.9166666667vw;
      margin: 4.21875vw auto 0; }
      .home .main .section1 form * {
        box-sizing: border-box; }
      .home .main .section1 form .flex {
        display: flex;
        justify-content: space-between;
        margin: 0 0 1.40625vw; }
        .home .main .section1 form .flex.last {
          margin: 0; }
        .home .main .section1 form .flex .item {
          width: 26.71875vw; }
          .home .main .section1 form .flex .item.all {
            width: 100%; }
          .home .main .section1 form .flex .item p {
            color: #666;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400; }
            .home .main .section1 form .flex .item p b {
              color: #F00;
              font-size: 0.8333333333vw;
              font-style: normal;
              font-weight: 400;
              position: relative;
              top: -0.1041666667vw; }
          .home .main .section1 form .flex .item input {
            margin: 0.5208333333vw 0 0 0;
            width: 100%;
            height: 3.125vw;
            padding: 1.015625vw 1.7708333333vw 1.015625vw 0.8333333333vw;
            border: none;
            border-radius: 0.3125vw;
            background: #FAFAFA;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400; }
            .home .main .section1 form .flex .item input::placeholder {
              color: #999; }
          .home .main .section1 form .flex .item textarea {
            height: 8.3854166667vw;
            width: 100%;
            padding: 19px 0 0 0.78125vw;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            margin: 0.5208333333vw 0 0 0;
            border: none;
            border-radius: 0.3125vw;
            background: #FAFAFA;
            resize: none; }
            .home .main .section1 form .flex .item textarea::placeholder {
              color: #999; }
      .home .main .section1 form .flex1 .item1 {
        width: 21.3541666667vw; }
      .home .main .section1 form .flex1 .item3 {
        width: 12.7604166667vw; }
      .home .main .section1 form .flex2 .item1 {
        width: 12.7604166667vw; }
      .home .main .section1 form .flex2 .item2 {
        width: 21.3541666667vw; }
      .home .main .section1 form .other {
        margin: 2.1354166667vw 0 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .home .main .section1 form .other .l {
          display: flex; }
          .home .main .section1 form .other .l input {
            width: 19.0911458333vw;
            height: 3.125vw;
            border-radius: 0.3125vw;
            background: #FAFAFA;
            padding: 0 0 0 0.8333333333vw;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            border: none;
            margin: 0 1.25vw 0 0; }
          .home .main .section1 form .other .l canvas {
            width: 5.2083333333vw;
            height: 3.125vw; }
        .home .main .section1 form .other .btn {
          cursor: pointer;
          width: 9.3229166667vw;
          height: 2.8645833333vw;
          background: #386EB5;
          display: flex;
          align-items: center;
          justify-content: center;
          border: none;
          color: #FFF;
          font-size: 1.25vw;
          font-style: normal;
          font-weight: 400; }
      .home .main .section1 form .agree {
        display: flex;
        margin: 1.5625vw 0 0 0;
        cursor: pointer;
        width: fit-content; }
        .home .main .section1 form .agree .border {
          width: 0.625vw;
          height: 0.625vw;
          border-radius: 0.1041666667vw;
          border: 1px solid #D9D9D9;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0.15625vw 0.3125vw 0 0;
          transition: .3s; }
          .home .main .section1 form .agree .border svg {
            max-width: 90%;
            max-height: 90%; }
            .home .main .section1 form .agree .border svg path {
              fill: #fff; }
        .home .main .section1 form .agree p {
          color: #999;
          font-size: 0.7291666667vw;
          font-style: normal;
          font-weight: 400; }
        .home .main .section1 form .agree a {
          color: #0E50C8;
          font-size: 0.7291666667vw;
          font-style: normal;
          font-weight: 400;
          /*text-decoration: underline; */
            
        }
        .home .main .section1 form .agree.on .border {
          border: 1px solid transparent;
          background: #0E50C8; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .banner img {
        height: 150px; }
      .home .banner .text {
        left: 5%;
        top: 50%; }
        .home .banner .text .p1 {
          font-size: 20px; }
        .home .banner .text .p2 {
          font-size: 20px;
          margin-top: -10px; }
      .home .banner .types {
        position: static; }
        .home .banner .types .items {
          width: 100%; }
          .home .banner .types .items .item .p1 {
            font-size: 12px;
            padding: 10px 0; }
      .home .main {
        margin: 30px 5%; }
        .home .main .section1 .t {
          font-size: 20px; }
        .home .main .section1 form {
          width: 100%;
          margin: 35px 0 0 0; }
          .home .main .section1 form .flex {
            margin: 0 0 20px;
            flex-direction: column; }
            .home .main .section1 form .flex .item {
              width: 100% !important;
              margin: 0 0 20px; }
              .home .main .section1 form .flex .item:last-child {
                margin: 0; }
              .home .main .section1 form .flex .item p {
                font-size: 14px; }
                .home .main .section1 form .flex .item p b {
                  font-size: 14px;
                  top: 0; }
              .home .main .section1 form .flex .item input {
                margin: 10px 0 0 0;
                padding: 0 5%;
                font-size: 14px;
                height: 45px; }
              .home .main .section1 form .flex .item textarea {
                padding: 5% 0 0 5%;
                font-size: 14px;
                height: 150px;
                margin: 10px 0 0 0; }
          .home .main .section1 form .other {
            flex-direction: column;
            align-items: unset; }
            .home .main .section1 form .other .l input {
              padding: 0 5%;
              width: 70%;
              font-size: 14px;
              height: 45px; }
            .home .main .section1 form .other .l canvas {
              width: 100px;
              height: 45px; }
            .home .main .section1 form .other .btn {
              width: 132px;
              height: 40px;
              font-size: 14px;
              margin: 15px 0 0 0; }
          .home .main .section1 form .agree {
            margin: 25px 0 0 0;
            align-items: center; }
            .home .main .section1 form .agree .border {
              width: 14px;
              height: 14px;
              margin: 0 5px 0 0; }
            .home .main .section1 form .agree p, .home .main .section1 form .agree a {
              font-size: 15px; } }

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