body .home {
  overflow: hidden; }
  body .home .container .sec1 {
    display: flex;
    justify-content: space-between;
    position: relative;
    background: #FAFAFA; }
    body .home .container .sec1 .bg {
      position: absolute;
      right: 0;
      top: 0;
      pointer-events: none; }
      body .home .container .sec1 .bg img {
        width: 66.1458333333vw; }
    body .home .container .sec1 .pic {
      overflow: hidden; }
      body .home .container .sec1 .pic img {
        width: 44.7916666667vw;
        height: 56.25vw;
        object-fit: cover;
        transition: all 600ms; }
      body .home .container .sec1 .pic:hover img {
        transform: scale(1.05); }
    body .home .container .sec1 .content {
      width: 55.2083333333vw;
      padding: 10.4166666667vw 10.4166666667vw 0 9.375vw; }
      body .home .container .sec1 .content .pt {
        color: #1D1D1D;
        font-weight: 600;
        line-height: 1.5; }
        body .home .container .sec1 .content .pt span {
          color: #35AD98; }
      body .home .container .sec1 .content .des {
        width: 35.4166666667vw;
        color: #1D1D1D;
        line-height: 1.9;
        margin-top: 3.125vw; }
  body .home .container .sec2 {
    padding: 6.25vw 0 0 0; }
    body .home .container .sec2 h1 {
      text-align: center;
      color: #1D1D1D;
      line-height: 1.5;
      margin-bottom: 2.0833333333vw; }
      body .home .container .sec2 h1 span {
        color: #35AD98; }
    body .home .container .sec2 .content {
      position: relative;
      margin: 0 10.4166666667vw; }
      body .home .container .sec2 .content .bg {
        text-align: center; }
        body .home .container .sec2 .content .bg img {
          width: 25.78125vw; }
      body .home .container .sec2 .content .flex {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        body .home .container .sec2 .content .flex .item {
          width: 100%; }
          body .home .container .sec2 .content .flex .item:not(:last-child) {
            margin-bottom: 3.125vw; }
          body .home .container .sec2 .content .flex .item .wrap {
            width: 22.7604166667vw;
            display: flex;
            gap: 1.0416666667vw; }
            body .home .container .sec2 .content .flex .item .wrap .icon {
              width: 4.1666666667vw;
              height: 4.1666666667vw;
              display: flex;
              align-items: center;
              justify-content: center; }
              body .home .container .sec2 .content .flex .item .wrap .icon img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain; }
            body .home .container .sec2 .content .flex .item .wrap .text {
              margin-top: 0.2604166667vw;
              width: 17.5520833333vw; }
              body .home .container .sec2 .content .flex .item .wrap .text .p1 {
                color: #35AD98;
                font-weight: 600;
                line-height: 1.5;
                margin-bottom: 0.7291666667vw; }
              body .home .container .sec2 .content .flex .item .wrap .text .des {
                color: #1D1D1D;
                font-weight: 500; }
  body .home .container .sec3 {
    background: #FAFAFA;
    padding: 6.25vw 10.4166666667vw;
    position: relative;
    overflow: hidden; }
    body .home .container .sec3 .tbg {
      position: absolute;
      right: -6.09375vw;
      font-size: 13.0208333333vw;
      text-transform: uppercase;
      opacity: .7;
      color: #FFF;
      line-height: 1;
      top: 0;
      font-weight: 700; }
    body .home .container .sec3 .t {
      color: #1D1D1D;
      line-height: 1.5;
      margin-bottom: 3.125vw; }
      body .home .container .sec3 .t span {
        color: #35AD98; }
    body .home .container .sec3 .list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2.2395833333vw; }
      body .home .container .sec3 .list .item {
        width: 100%;
        border-radius: 6px;
        background: #FFF;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
        padding: 2.0833333333vw 1.5625vw;
        position: relative;
        transition: all 600ms; }
        body .home .container .sec3 .list .item .pt {
          color: #1D1D1D;
          font-weight: 500;
          margin-bottom: 0.9375vw; }
        body .home .container .sec3 .list .item .des {
          color: #797B81;
          line-height: 1.75;
          height: 13.125vw;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 9;
          overflow: hidden; }
        body .home .container .sec3 .list .item .pic {
          margin-top: 0.5208333333vw;
          padding-top: 2.0833333333vw;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          overflow: hidden; }
          body .home .container .sec3 .list .item .pic img {
            width: 5.2083333333vw;
            transition: all 600ms; }
        body .home .container .sec3 .list .item .btn {
          position: absolute;
          right: 1.5625vw;
          bottom: 2.0833333333vw;
          width: 2.2916666667vw;
          height: 2.2916666667vw;
          border-radius: 50%;
          background: #35AD98;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border: 1px solid transparent; }
          body .home .container .sec3 .list .item .btn svg {
            width: 1.6666666667vw;
            display: block; }
            body .home .container .sec3 .list .item .btn svg path {
              stroke: #fff;
              transition: all 600ms; }
        body .home .container .sec3 .list .item:hover {
          background: #EAF5F2; }
          body .home .container .sec3 .list .item:hover .pt {
            background: linear-gradient(90deg, #009AA0 0%, #44FFE0 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
          body .home .container .sec3 .list .item:hover .pic img {
            transform: scale(1.05); }
          body .home .container .sec3 .list .item:hover .btn {
            border-color: #0FE; }
            body .home .container .sec3 .list .item:hover .btn svg path {
              stroke: #44FFE0; }
      body .home .container .sec3 .list.grid-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.0416666667vw; }
      body .home .container .sec3 .list.grid-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5625vw; }
  body .home .container .sec4 {
    background: #EAF5F2;
    padding: 6.25vw 10.4166666667vw; }
    body .home .container .sec4 .t {
      color: #1D1D1D;
      line-height: 1.5;
      margin-bottom: 3.9583333333vw; }
      body .home .container .sec4 .t span {
        color: #35AD98; }
    body .home .container .sec4 .content {
      display: flex;
      justify-content: space-between; }
      body .home .container .sec4 .content .lbox {
        width: 44.375vw;
        margin-left: 2.0833333333vw; }
        body .home .container .sec4 .content .lbox .pt {
          font-weight: 600;
          color: #1D1D1D;
          position: relative; }
          body .home .container .sec4 .content .lbox .pt span {
            color: #35AD98; }
          body .home .container .sec4 .content .lbox .pt::before {
            content: '';
            display: block;
            height: 100%;
            width: 0.3125vw;
            background: #35AD98;
            position: absolute;
            left: -2.0833333333vw;
            top: 0; }
        body .home .container .sec4 .content .lbox .des {
          color: #1D1D1D;
          font-weight: 500;
          line-height: 1.8;
          margin-top: 2.0833333333vw; }
      body .home .container .sec4 .content .r img {
        width: 26.0416666667vw;
        height: 26.0416666667vw;
        border-radius: 50%;
        object-fit: cover;
        transition: all 600ms; }
      body .home .container .sec4 .content .r:hover img {
        transform: scale(1.05); }
  body .home .container .sec5 {
    padding: 6.25vw 10.4166666667vw; }
    body .home .container .sec5 .t {
      color: #1D1D1D;
      line-height: 1.5;
      margin-bottom: 5.2083333333vw; }
      body .home .container .sec5 .t span {
        color: #35AD98; }
    body .home .container .sec5 .list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2.0833333333vw; }
      body .home .container .sec5 .list .item {
        width: 100%;
        text-align: center; }
        body .home .container .sec5 .list .item .pic {
          overflow: hidden; }
          body .home .container .sec5 .list .item .pic img {
            width: 100%;
            height: 16.0416666667vw;
            object-fit: cover;
            transition: all 600ms; }
        body .home .container .sec5 .list .item .p1 {
          margin: 2.0833333333vw 0 1.1458333333vw 0;
          color: #1D1D1D;
          height: 4.6875vw;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          transition: color 600ms; }
        body .home .container .sec5 .list .item .tip {
          color: #797B81;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        body .home .container .sec5 .list .item:hover .pic img {
          transform: scale(1.05); }
        body .home .container .sec5 .list .item:hover .p1 {
          color: #35AD98; }
      body .home .container .sec5 .list.grid-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5625vw; }
  @media screen and (max-width: 768px) {
    body .home .container .sec1 {
      flex-direction: column; }
      body .home .container .sec1 .bg img {
        width: 100%; }
      body .home .container .sec1 .pic img {
        width: 100%;
        height: auto; }
      body .home .container .sec1 .content {
        width: 100%;
        padding: 30px 5%; }
        body .home .container .sec1 .content .des {
          width: 100%;
          line-height: 1.6; }
    body .home .container .sec2 {
      padding: 30px 0; }
      body .home .container .sec2 h1 {
        font-size: 24px; }
      body .home .container .sec2 .content {
        margin: 0; }
        body .home .container .sec2 .content .bg img {
          width: 80%; }
        body .home .container .sec2 .content .flex {
          position: static;
          padding: 0 5%; }
          body .home .container .sec2 .content .flex .items:not(:last-child) {
            margin-bottom: 30px; }
          body .home .container .sec2 .content .flex .item {
            width: 100%; }
            body .home .container .sec2 .content .flex .item:not(:last-child) {
              margin-bottom: 30px; }
            body .home .container .sec2 .content .flex .item .wrap {
              width: 100%;
              justify-content: space-between;
              gap: 0; }
              body .home .container .sec2 .content .flex .item .wrap .icon {
                width: 40px;
                height: 40px; }
              body .home .container .sec2 .content .flex .item .wrap .text {
                width: calc(100% - 50px); }
    body .home .container .sec3 {
      padding: 30px 5%; }
      body .home .container .sec3 .tbg {
        font-size: 100px; }
      body .home .container .sec3 .t {
        font-size: 24px; }
      body .home .container .sec3 .list {
        grid-template-columns: 1fr !important;
        gap: 20px; }
        body .home .container .sec3 .list .item {
          padding: 20px; }
          body .home .container .sec3 .list .item .pt {
            font-size: 18px;
            margin-bottom: 10px; }
          body .home .container .sec3 .list .item .des {
            height: auto; }
          body .home .container .sec3 .list .item .pic {
            margin-top: 10px;
            padding-top: 20px; }
            body .home .container .sec3 .list .item .pic img {
              width: 80px; }
          body .home .container .sec3 .list .item .btn {
            right: 20px;
            bottom: 20px;
            width: 40px;
            height: 40px; }
            body .home .container .sec3 .list .item .btn svg {
              width: 24px; }
    body .home .container .sec4 {
      padding: 30px 5%; }
      body .home .container .sec4 .t {
        font-size: 24px;
        margin-bottom: 30px; }
      body .home .container .sec4 .content {
        flex-direction: column; }
        body .home .container .sec4 .content .lbox {
          width: 100%;
          margin-left: 0; }
          body .home .container .sec4 .content .lbox .pt {
            padding-left: 20px; }
            body .home .container .sec4 .content .lbox .pt::before {
              width: 4px;
              left: 0; }
          body .home .container .sec4 .content .lbox .des {
            font-size: 16px;
            margin-top: 20px; }
        body .home .container .sec4 .content .r {
          margin-top: 30px; }
          body .home .container .sec4 .content .r img {
            width: 100%;
            height: auto; }
    body .home .container .sec5 {
      padding: 30px 5%; }
      body .home .container .sec5 .t {
        font-size: 24px;
        margin-bottom: 30px; }
      body .home .container .sec5 .list {
        grid-template-columns: 1fr !important;
        gap: 30px; }
        body .home .container .sec5 .list .item .pic img {
          height: 200px; }
        body .home .container .sec5 .list .item .p1 {
          margin: 20px 0 10px 0;
          height: auto;
          font-size: 22px; } }

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