.home {
  position: relative; }
  .home .main {
    padding: 0 4.1666666667vw;
    overflow: hidden; }
    .home .main .section1 {
      margin: 5.2083333333vw 0; }
      .home .main .section1 .t1 {
        text-align: center;
        padding-bottom: 1.4583333333vw;
        position: relative; }
        .home .main .section1 .t1::after {
          content: '';
          display: block;
          width: 5.9895833333vw;
          height: 1px;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          background: #000; }
      .home .main .section1 .t2 {
        margin: 3.125vw 0 2.0833333333vw 0; }
      .home .main .section1 .tag {
        color: #333; }
      .home .main .section1 .content {
        margin-top: 2.0833333333vw;
        position: relative; }
        .home .main .section1 .content .swiper1 {
          width: 100vw; }
          .home .main .section1 .content .swiper1 .swiper-slide a {
            display: block;
            position: relative; }
            .home .main .section1 .content .swiper1 .swiper-slide a .pic {
              overflow: hidden; }
              .home .main .section1 .content .swiper1 .swiper-slide a .pic img {
                width: 100%;
                display: block;
                object-fit: cover;
                height: 30.625vw;
                transition: all 600ms; }
            .home .main .section1 .content .swiper1 .swiper-slide a .dt {
              position: absolute;
              left: 0;
              background: rgba(0, 0, 0, 0.4);
              backdrop-filter: blur(6px);
              bottom: 0;
              padding: 0.9375vw 2.0833333333vw;
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center;
              color: white; }
              .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn {
                display: flex;
                align-items: center; }
                .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn img:nth-child(1) {
                  width: 1.3541666667vw;
                  height: auto;
                  display: block; }
                .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn p {
                  margin: 0 0.625vw 0 0.2083333333vw; }
                .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn img:nth-child(3) {
                  width: 1.4583333333vw;
                  height: auto;
                  display: block; }
            .home .main .section1 .content .swiper1 .swiper-slide a:hover .pic img {
              transform: scale(1.05); }
        .home .main .section1 .content .next {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          z-index: 10; }
          .home .main .section1 .content .next img {
            width: 4.2708333333vw;
            height: auto;
            display: block; }
    .home .main .section2 .t1 {
      text-align: center;
      padding-bottom: 1.4583333333vw;
      position: relative; }
      .home .main .section2 .t1::after {
        content: '';
        display: block;
        width: 5.9895833333vw;
        height: 1px;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        background: #000; }
    .home .main .section2 .types {
      display: flex;
      justify-content: center;
      margin: 3.0208333333vw 0 2.1875vw 0; }
      .home .main .section2 .types .item {
        color: #999;
        margin: 0 3.125vw;
        position: relative;
        padding-bottom: 1.0416666667vw;
        cursor: pointer;
        transition: all 600ms; }
        .home .main .section2 .types .item::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          height: 0.2083333333vw;
          background: #0F927B;
          width: 0;
          transition: all 600ms; }
        .home .main .section2 .types .item:hover, .home .main .section2 .types .item.on {
          color: #000; }
          .home .main .section2 .types .item:hover::after, .home .main .section2 .types .item.on::after {
            width: 100%; }
    .home .main .section2 .boxes .box {
      display: none; }
      .home .main .section2 .boxes .box.show {
        display: block; }
      .home .main .section2 .boxes .box .tag {
        text-align: center;
        color: #000;
        line-height: 1.58;
        margin-bottom: 2.0833333333vw; }
      .home .main .section2 .boxes .box .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.0833333333vw; }
        .home .main .section2 .boxes .box .list a {
          display: block;
          position: relative; }
          .home .main .section2 .boxes .box .list a .pic {
            overflow: hidden; }
            .home .main .section2 .boxes .box .list a .pic img {
              width: 100%;
              display: block;
              object-fit: cover;
              height: 30.625vw;
              transition: all 600ms; }
          .home .main .section2 .boxes .box .list a .stag {
            position: absolute;
            top: 1.0416666667vw;
            left: 0;
            z-index: 5; }
            .home .main .section2 .boxes .box .list a .stag::before {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 0.2604166667vw;
              height: 100%;
              background: #EEC8A8; }
            .home .main .section2 .boxes .box .list a .stag svg {
              display: block;
              width: 100%; }
            .home .main .section2 .boxes .box .list a .stag p {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              width: 100%;
              text-align: center;
              color: white; }
          .home .main .section2 .boxes .box .list a .info {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(10px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 3.3854166667vw;
            opacity: 0;
            transition: all 600ms; }
            .home .main .section2 .boxes .box .list a .info ul li {
              list-style: disc;
              color: white;
              line-height: 1.8; }
          .home .main .section2 .boxes .box .list a .dt {
            position: absolute;
            left: 0;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(6px);
            bottom: 0;
            padding: 0.9375vw 2.0833333333vw;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white; }
            .home .main .section2 .boxes .box .list a .dt .btn {
              display: flex;
              align-items: center; }
              .home .main .section2 .boxes .box .list a .dt .btn img:nth-child(1) {
                width: 1.3541666667vw;
                height: auto;
                display: block; }
              .home .main .section2 .boxes .box .list a .dt .btn p {
                margin: 0 0.625vw 0 0.2083333333vw; }
              .home .main .section2 .boxes .box .list a .dt .btn img:nth-child(3) {
                width: 1.4583333333vw;
                height: auto;
                display: block; }
          .home .main .section2 .boxes .box .list a:hover .pic img {
            transform: scale(1.05); }
          .home .main .section2 .boxes .box .list a:hover .info {
            opacity: 1; }
      .home .main .section2 .boxes .box .pager {
        margin: 2.0833333333vw 0 5.2083333333vw 0;
        display: flex;
        justify-content: center;
        align-items: center; }
        .home .main .section2 .boxes .box .pager a {
          margin: 0 0.3125vw; }
          .home .main .section2 .boxes .box .pager a svg {
            width: 1.25vw;
            display: block;
            height: auto; }
        .home .main .section2 .boxes .box .pager .nums {
          display: flex; }
          .home .main .section2 .boxes .box .pager .nums a {
            padding: 0 0.625vw;
            position: relative; }
            .home .main .section2 .boxes .box .pager .nums a::after {
              content: '';
              display: block;
              position: absolute;
              width: 0;
              height: 0.1041666667vw;
              left: 0;
              background: #0F927B; }
            .home .main .section2 .boxes .box .pager .nums a.on::after {
              width: 100%; }
  @media screen and (max-width: 1024px) {
    .home .main {
      padding: 0 5%; }
      .home .main .section1 {
        margin: 30px 0; }
        .home .main .section1 .t1::after {
          width: 80px; }
        .home .main .section1 .t2 {
          margin: 30px 0 20px 0;
          font-size: 18px; }
        .home .main .section1 .content {
          margin-top: 20px; }
          .home .main .section1 .content .swiper1 {
            width: 100%; }
            .home .main .section1 .content .swiper1 .swiper-slide a .pic img {
              height: 200px; }
            .home .main .section1 .content .swiper1 .swiper-slide a .dt {
              padding: 8px 10px;
              font-size: 14px; }
              .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn img:nth-child(1), .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn img:nth-child(3) {
                width: 20px; }
              .home .main .section1 .content .swiper1 .swiper-slide a .dt .btn p {
                margin: 0 6px 0 2px; }
          .home .main .section1 .content .next img {
            width: 41px; }
      .home .main .section2 .t1::after {
        width: 80px; }
      .home .main .section2 .types {
        margin: 24px 0 20px 0; }
        .home .main .section2 .types .item {
          margin: 0 10px; }
      .home .main .section2 .boxes .box .tag {
        margin-bottom: 20px; }
      .home .main .section2 .boxes .box .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px; }
        .home .main .section2 .boxes .box .list a .pic img {
          height: 300px; }
        .home .main .section2 .boxes .box .list a .stag {
          top: 10px; }
          .home .main .section2 .boxes .box .list a .stag::before {
            width: 3px; }
          .home .main .section2 .boxes .box .list a .stag svg {
            width: 140px; }
          .home .main .section2 .boxes .box .list a .stag p {
            font-size: 16px; }
        .home .main .section2 .boxes .box .list a .info {
          padding: 0 10px 0 30px;
          font-size: 14px; }
        .home .main .section2 .boxes .box .list a .dt {
          padding: 8px 10px;
          font-size: 14px; }
          .home .main .section2 .boxes .box .list a .dt .btn img:nth-child(1), .home .main .section2 .boxes .box .list a .dt .btn img:nth-child(3) {
            width: 20px; }
          .home .main .section2 .boxes .box .list a .dt .btn p {
            margin: 0 6px 0 2px; }
      .home .main .section2 .boxes .box .pager {
        margin: 20px 0 50px 0; }
        .home .main .section2 .boxes .box .pager a {
          margin: 0 6px; }
          .home .main .section2 .boxes .box .pager a svg {
            width: 24px; } }

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