.home {
  position: relative; }
  .home .banner {
    position: relative; }
    .home .banner img {
      width: 100%;
      display: block;
      object-fit: cover; }
    .home .banner .text {
      position: absolute;
      left: 0;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      color: white; }
      .home .banner .text h1 {
        font-size: 3.3333333333vw;
        font-weight: 600;
        text-transform: unset; }
    .home .banner .waterBox {
      z-index: 10;
      pointer-events: none;
      width: 100%;
      height: 4.1666666667vw;
      margin-bottom: -0.1041666667vw;
      position: absolute;
      bottom: 0;
      left: 0; }
      .home .banner .waterBox svg {
        width: 100%;
        height: 4.0625vw;
        max-height: 100vh;
        margin: 0;
        display: block; }
      .home .banner .waterBox .water .parallax > use {
        transition: fill .5s ease-in-out;
        animation: 5s linear 1s infinite move-forever; }
  .home .section1 {
    margin: 9.7916666667vw 0; }
    .home .section1 .circles {
      display: flex;
      justify-content: center; }
      .home .section1 .circles .item {
        margin: 0 4.6875vw; }
        .home .section1 .circles .item .circle {
          width: 14.5833333333vw;
          height: 14.5833333333vw;
          background: linear-gradient(147deg, #F7F7F7 13.82%, rgba(247, 247, 247, 0.6) 85.13%);
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          transition: all 600ms; }
          .home .section1 .circles .item .circle img {
            width: 4.1666666667vw;
            display: block;
            object-fit: cover; }
        .home .section1 .circles .item p {
          color: #000;
          font-size: 1.25vw;
          margin-top: 2.0833333333vw;
          display: none;
          text-align: center;
          font-weight: 500;
          transition: all 600ms; }
      .home .section1 .circles .on .circle {
        background: linear-gradient(145deg, #005CB9 13.66%, rgba(23, 85, 156, 0.7) 91.36%); }
        .home .section1 .circles .on .circle img {
          filter: invert(100%); }
      .home .section1 .circles .on p {
        opacity: 0; }
    .home .section1 .boxs {
      margin: 2.0833333333vw 0 6.25vw 0; }
      .home .section1 .boxs .box {
        display: none; }
        .home .section1 .boxs .box .p1 {
          display: flex;
          justify-content: center;
          align-items: center; }
          .home .section1 .boxs .box .p1 .line {
            width: 16.6666666667vw;
            height: 0.2083333333vw;
            background: #005CB9; }
          .home .section1 .boxs .box .p1 p {
            margin: 0 2.1354166667vw;
            color: #000;
            font-size: 1.6666666667vw;
            font-weight: 600; }
        .home .section1 .boxs .box .des {
          width: 51.0416666667vw;
          font-size: 1.25vw;
          font-weight: 500;
          margin: 1.5625vw auto;
          text-align: center;
          line-height: 1.4; }
      .home .section1 .boxs .show_box {
        display: block; }
  .home .section2 {
    background: url(../images/abg.png) no-repeat;
    background-size: cover;
    padding: 8.6979166667vw 10.4166666667vw;
    text-align: center;
    color: white; }
    .home .section2 .t {
      font-size: 3.3333333333vw;
      font-weight: 600; }
    .home .section2 .des {
      font-size: 1.25vw;
      font-weight: 500;
      margin-top: 2.0833333333vw;
      line-height: 1.5; }
  .home .section3 {
    margin: 6.25vw 10.4166666667vw; }
    .home .section3 .t {
      color: #000;
      font-size: 3.3333333333vw;
      font-weight: 600;
      text-align: center;
      margin-bottom: 4.1666666667vw; }
    .home .section3 .list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0 5.8333333333vw; }
      .home .section3 .list .item {
        width: 100%; }
        .home .section3 .list .item .pic {
          overflow: hidden; }
          .home .section3 .list .item .pic img {
            width: 100%;
            display: block;
            object-fit: cover;
            transition: all 600ms; }
        .home .section3 .list .item .p1 {
          font-size: 1.6666666667vw;
          font-weight: 600;
          text-transform: unset;
          margin: 2.0833333333vw 0 1.7708333333vw 0; }
        .home .section3 .list .item .des {
          color: #000;
          font-size: 1.25vw;
          font-weight: 500;
          width: 21.875vw; }
        .home .section3 .list .item:hover .pic img {
          transform: scale(1.05); }
  .home .section4 {
    overflow: hidden; }
    .home .section4 .animation_box {
      width: max-content;
      animation: ani-loop 20s linear infinite;
      animation-play-state: running;
      display: flex; }
      .home .section4 .animation_box .flex {
        display: flex;
        justify-content: space-between;
        gap: 1.7708333333vw;
        margin: 0 0.8854166667vw; }
        .home .section4 .animation_box .flex .lbox {
          width: 48%;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 1.7708333333vw; }
          .home .section4 .animation_box .flex .lbox .pic {
            width: 100%;
            overflow: hidden; }
            .home .section4 .animation_box .flex .lbox .pic img {
              width: 100%;
              display: block;
              object-fit: cover;
              height: 20.8333333333vw;
              transition: all 600ms; }
            .home .section4 .animation_box .flex .lbox .pic:hover img {
              transform: scale(1.05); }
        .home .section4 .animation_box .flex .rbox {
          width: 52%;
          overflow: hidden; }
          .home .section4 .animation_box .flex .rbox img {
            width: 100%;
            display: block;
            object-fit: cover;
            transition: all 600ms;
            height: 43.4375vw; }
          .home .section4 .animation_box .flex .rbox:hover img {
            transform: scale(1.05); }
@keyframes ani-loop {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
  .home .section5 {
    margin: 6.25vw 0;
    height: 40.625vw;
    display: none; }
    .home .section5 .t {
      text-align: center;
      font-size: 3.3333333333vw;
      font-weight: 600; }
    .home .section5 .history {
      padding: 3.6458333333vw 3.125vw 0 10.4166666667vw;
      position: relative; }
      .home .section5 .history .bg_line {
        position: absolute;
        left: 0;
        bottom: 0.78125vw;
        width: 100%; }
        .home .section5 .history .bg_line img {
          width: 100%;
          display: block; }
      .home .section5 .history .swiper1 .swiper-slide .item {
        transition: all 600ms;
        display: flex; }
        .home .section5 .history .swiper1 .swiper-slide .item .lb {
          display: flex;
          flex-direction: column; }
          .home .section5 .history .swiper1 .swiper-slide .item .lb .line {
            height: 21.0416666667vw;
            background: #D9D9D9;
            width: 1px;
            margin: 0 auto; }
          .home .section5 .history .swiper1 .swiper-slide .item .lb .circle {
            width: 3.3333333333vw;
            height: 3.3333333333vw;
            border-radius: 50%;
            border: 0.2083333333vw solid #005CB9;
            background: white; }
        .home .section5 .history .swiper1 .swiper-slide .item .rt .name {
          color: #005CB9;
          font-size: 1.6666666667vw;
          font-weight: 600;
          margin-bottom: 0.625vw; }
        .home .section5 .history .swiper1 .swiper-slide .item .rt .des {
          font-size: 1.25vw;
          font-weight: 500; }
      .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item {
        padding-top: 2.5vw; }
        .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item .lb .line {
          transform: translateY(0.5729166667vw); }
        .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item .lb .circle {
          transform: scale(0.75); }
      .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item {
        padding-top: 4.4270833333vw; }
        .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item .line {
          transform: translateY(0.6770833333vw); }
        .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item .circle {
          transform: scale(0.625); }
      .home .section5 .history .swiper1 .swiper-slide-next .item {
        padding-top: 5.15625vw; }
        .home .section5 .history .swiper1 .swiper-slide-next .item .line {
          transform: translateY(0.8854166667vw); }
        .home .section5 .history .swiper1 .swiper-slide-next .item .circle {
          transform: scale(0.53); }
      .home .section5 .history .swiper1 .swiper-slide-active .item {
        padding-top: 5.2083333333vw; }
        .home .section5 .history .swiper1 .swiper-slide-active .item .line {
          transform: translateY(0.8854166667vw); }
        .home .section5 .history .swiper1 .swiper-slide-active .item .circle {
          transform: scale(0.5); }
  .home .section6 {
    margin: 6.25vw 10.4166666667vw;
    overflow: hidden; }
    .home .section6 .animation_box {
      width: 100%; }
      .home .section6 .animation_box .flex {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 0 1.0416666667vw; }
        .home .section6 .animation_box .flex .pic {
          height: 13.0208333333vw;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .home .section6 .animation_box .flex .pic img {
            max-height: 13.0208333333vw;
            transition: all 600ms; }
          .home .section6 .animation_box .flex .pic:hover img {
            transform: scale(1.05); }
@keyframes ani-loop {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
  .home .section7 {
    margin: 6.25vw 0; }
    .home .section7 img {
      width: 100%;
      display: block;
      object-fit: cover; }
  .home .section8 {
    margin: 0 10.4166666667vw 5.2083333333vw 10.4166666667vw; }
    .home .section8 .t {
      color: #000;
      font-size: 3.3333333333vw;
      text-align: center;
      font-weight: 600; }
    .home .section8 .des {
      margin: 2.0833333333vw 0 2.8125vw 0;
      font-size: 1.25vw;
      font-weight: 500;
      text-align: center; }
    .home .section8 .form {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .home .section8 .form .item {
        width: 47%;
        margin-top: 1.0416666667vw; }
        .home .section8 .form .item .sr {
          position: relative; }
          .home .section8 .form .item .sr .tip {
            position: absolute;
            left: 1.6666666667vw;
            top: 0.8333333333vw;
            font-size: 1.25vw;
            color: #000;
            pointer-events: none;
            font-weight: 500; }
            .home .section8 .form .item .sr .tip span {
              color: #F00; }
          .home .section8 .form .item .sr input {
            width: 100%;
            outline: none;
            border: 1px solid #5F5F5F;
            height: 3.4375vw;
            padding: 0.8333333333vw 1.6666666667vw;
            border-radius: 4px;
            background: rgba(255, 255, 255, 0.5);
            font-size: 1.25vw;
            color: #000;
            font-weight: 500; }
          .home .section8 .form .item .sr .d1 {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1px solid #5F5F5F;
            height: 3.4375vw;
            padding: 0.8333333333vw 1.6666666667vw;
            border-radius: 4px;
            background: rgba(255, 255, 255, 0.5);
            font-size: 1.25vw;
            color: #000;
            cursor: pointer;
            font-weight: 500; }
            .home .section8 .form .item .sr .d1 .icon svg {
              display: block;
              width: 1.7708333333vw; }
          .home .section8 .form .item .sr .d2 {
            position: absolute;
            left: 0;
            top: 105%;
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.5);
            width: 100%;
            z-index: 10;
            display: none; }
            .home .section8 .form .item .sr .d2 p {
              background: #262626;
              padding: 0.5208333333vw 0.8333333333vw;
              color: #FFF;
              cursor: pointer;
              font-size: 0.8333333333vw;
              line-height: 1.5;
              transition: all 600ms; }
              .home .section8 .form .item .sr .d2 p:hover {
                background: #7E7979; }
          .home .section8 .form .item .sr textarea {
            width: 100%;
            outline: none;
            border: none;
            height: 25.2083333333vw;
            padding: 0.8333333333vw 1.6666666667vw;
            border-radius: 4px;
            border: 1px solid #5F5F5F;
            line-height: 1.5;
            font-size: 1.25vw;
            color: #000;
            resize: none;
            font-weight: 500; }
            .home .section8 .form .item .sr textarea::placeholder {
              color: rgba(255, 255, 255, 0.66); }
      .home .section8 .form .msg {
        width: 100%; }
      .home .section8 .form .notice {
        display: flex;
        align-items: center;
        margin-top: 1.3541666667vw;
        cursor: pointer;
        width: 100%; }
        .home .section8 .form .notice .ck {
          width: 1.0416666667vw;
          height: 1.0416666667vw;
          border-radius: 4px;
          background: #D9D9D9;
          margin-right: 1.0416666667vw;
          transition: all 600ms; }
        .home .section8 .form .notice p {
          color: #000;
          font-size: 0.8333333333vw; }
      .home .section8 .form .notice_on .ck {
        background: #000; }
      .home .section8 .form .btn {
        width: 10.4166666667vw;
        height: 2.5vw;
        border-radius: 1.0416666667vw;
        background: #005CB9;
        margin: 2.6041666667vw auto;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 0.7291666667vw;
        transition: all 600ms;
        outline: none;
        border: none;
        cursor: pointer; }
        .home .section8 .form .btn:hover {
          background: #000;
          color: white; }
  @media screen and (max-width: 1024px) {
    .home .banner {
      margin-top: 60px; }
      .home .banner img {
        height: 200px; }
      .home .banner .text h1 {
        font-size: 32px; }
    .home .section1 {
      margin: 40px 0; }
      .home .section1 .circles .item {
        margin: 0 20px; }
        .home .section1 .circles .item .circle {
          width: 60px;
          height: 60px; }
          .home .section1 .circles .item .circle img {
            width: 30px; }
        .home .section1 .circles .item p {
          font-size: 12px;
          margin-top: 20px; }
      .home .section1 .boxs .box .p1 .line {
        width: 80px;
        height: 2px; }
      .home .section1 .boxs .box .p1 p {
        margin: 0 20px;
        font-size: 18px; }
      .home .section1 .boxs .box .des {
        width: 100%;
        font-size: 18px;
        margin: 15px auto; }
    .home .section2 {
      padding: 40px 5%; }
      .home .section2 .t {
        font-size: 24px; }
      .home .section2 .des {
        font-size: 18px;
        margin-top: 20px; }
    .home .section3 {
      margin: 40px 5%; }
      .home .section3 .t {
        font-size: 24px;
        margin-bottom: 30px; }
      .home .section3 .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px; }
        .home .section3 .list .item .p1 {
          font-size: 18px;
          margin: 20px 0 17px 0; }
        .home .section3 .list .item .des {
          font-size: 16px;
          width: 100%; }
    .home .section5 {
      margin: 30px 0;
      height: auto; }
      .home .section5 .t {
        font-size: 24px; }
      .home .section5 .history {
        padding: 40px 5% 0 5%; }
        .home .section5 .history .bg_line {
          display: none; }
        .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item, .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item, .home .section5 .history .swiper1 .swiper-slide-next .item, .home .section5 .history .swiper1 .swiper-slide-active .item {
          padding-top: 0; }
          .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item .lb .line, .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item .lb .line, .home .section5 .history .swiper1 .swiper-slide-next .item .lb .line, .home .section5 .history .swiper1 .swiper-slide-active .item .lb .line {
            transform: translateY(0); }
          .home .section5 .history .swiper1 .swiper-slide:nth-child(4n) .item .lb .circle, .home .section5 .history .swiper1 .swiper-slide:nth-child(3n) .item .lb .circle, .home .section5 .history .swiper1 .swiper-slide-next .item .lb .circle, .home .section5 .history .swiper1 .swiper-slide-active .item .lb .circle {
            transform: scale(1); }
        .home .section5 .history .swiper1 .swiper-slide .item {
          justify-content: space-between; }
          .home .section5 .history .swiper1 .swiper-slide .item .lb .line {
            height: 200px; }
          .home .section5 .history .swiper1 .swiper-slide .item .lb .circle {
            height: 20px;
            width: 20px;
            border: 2px solid #005CB9; }
          .home .section5 .history .swiper1 .swiper-slide .item .rt {
            width: calc(100% - 40px); }
            .home .section5 .history .swiper1 .swiper-slide .item .rt .name {
              font-size: 18px;
              margin-bottom: 6px; }
            .home .section5 .history .swiper1 .swiper-slide .item .rt .des {
              font-size: 16px; }
    .home .section6 {
      margin: 40px 5%; }
      .home .section6 .animation_box .flex {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px; }
        .home .section6 .animation_box .flex .pic {
          margin: 0 10px;
          height: 100px; }
          .home .section6 .animation_box .flex .pic img {
            max-height: 100px; }
    .home .section8 {
      margin: 0 5%; }
      .home .section8 .t {
        font-size: 24px; }
      .home .section8 .des {
        margin: 20px 0 27px 0;
        font-size: 18px; }
      .home .section8 .form .item {
        width: 100%;
        margin-top: 10px; }
        .home .section8 .form .item .sr .tip {
          left: 16px;
          top: 12px;
          font-size: 18px; }
        .home .section8 .form .item .sr input {
          height: 50px;
          padding: 8px 16px;
          font-size: 18px; }
        .home .section8 .form .item .sr textarea {
          height: 120px;
          padding: 8px 16px;
          font-size: 18px; }
        .home .section8 .form .item .sr .d1 {
          height: 50px;
          padding: 8px 16px;
          font-size: 18px; }
          .home .section8 .form .item .sr .d1 .icon svg {
            width: 20px; }
        .home .section8 .form .item .sr .d2 p {
          padding: 5px 8px;
          font-size: 14px; }
      .home .section8 .form .notice {
        margin-top: 12px; }
        .home .section8 .form .notice .ck {
          width: 15px;
          height: 15px;
          margin-right: 10px; }
        .home .section8 .form .notice p {
          font-size: 14px;
          width: calc(100% - 25px); }
      .home .section8 .form .btn {
        width: 150px;
        height: 48px;
        border-radius: 15px;
        margin: 25px auto;
        font-size: 14px; } }

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