.home {
  position: relative; }
  .home .main {
    padding: 8.3333333333vw 4.1666666667vw 0 4.1666666667vw;
    overflow: hidden; }
    .home .main .section1 {
      display: flex;
      justify-content: space-between; }
      .home .main .section1 .l {
        width: 48.4375vw; }
        .home .main .section1 .l .swiper1 .pic {
          width: 100%;
          height: 48.4375vw;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(0, 0, 0, 0.1);
          background: #FFF; }
          .home .main .section1 .l .swiper1 .pic img {
            max-width: 100%;
            max-height: 100%;
            display: block;
            object-fit: contain; }
        .home .main .section1 .l .thumb_swiper {
          margin-top: 1.71875vw;
          width: 100%; }
          .home .main .section1 .l .thumb_swiper .swiper-slide {
            padding: 0.5208333333vw;
            cursor: pointer;
            border: 1px solid transparent;
            transition: all 600ms; }
            .home .main .section1 .l .thumb_swiper .swiper-slide .pic {
              border: 1px solid rgba(0, 0, 0, 0.1); }
              .home .main .section1 .l .thumb_swiper .swiper-slide .pic img {
                width: 100%;
                display: block;
                height: 8.8541666667vw; }
          .home .main .section1 .l .thumb_swiper .swiper-slide-thumb-active {
            border-color: #0F927B; }
      .home .main .section1 .r {
        width: calc(100% - 52.6vw); }
        .home .main .section1 .r .t {
          color: #000;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 1.5; }
        .home .main .section1 .r .tag {
          margin: 2.0833333333vw 0 1.0416666667vw 0;
          color: #0F927B; }
        .home .main .section1 .r .t2 {
          color: #2F3742; }
        .home .main .section1 .r .des {
          color: #666;
          margin: 1.0416666667vw 0 5.5208333333vw 0; }
        .home .main .section1 .r .box .dt {
          display: flex;
          justify-content: space-between;
          margin-bottom: 2.0833333333vw;
          align-items: center; }
          .home .main .section1 .r .box .dt .btn {
            position: relative;
            font-weight: 600;
            cursor: pointer; }
            .home .main .section1 .r .box .dt .btn span {
              display: none; }
            .home .main .section1 .r .box .dt .btn .show {
              display: block; }
        .home .main .section1 .r .box .nr .item {
          display: flex; }
          .home .main .section1 .r .box .nr .item:not(:last-child) {
            margin-bottom: 1.6666666667vw; }
          .home .main .section1 .r .box .nr .item .p1 {
            width: 3.3333333333vw;
            color: #666; }
          .home .main .section1 .r .box .nr .item .p2 {
            margin-left: 9.7916666667vw;
            color: #000; }
        .home .main .section1 .r .box .nr .hide {
          display: none; }
          .home .main .section1 .r .box .nr .hide.show {
            display: block; }
    .home .main .section2 {
      margin: 5.2083333333vw 0 8.6458333333vw 0;
      display: flex;
      justify-content: space-between; }
      .home .main .section2 .lbox {
        width: 48.4375vw; }
        .home .main .section2 .lbox .des {
          margin-top: 1.4583333333vw;
          color: #333; }
      .home .main .section2 .rbox {
        width: calc(100% - 52.6vw); }
        .home .main .section2 .rbox .box:not(:last-child) {
          margin-bottom: 3.9583333333vw; }
        .home .main .section2 .rbox .box .dt {
          display: flex;
          justify-content: space-between;
          margin-bottom: 2.0833333333vw;
          align-items: center; }
          .home .main .section2 .rbox .box .dt .btn {
            position: relative;
            font-weight: 600;
            cursor: pointer; }
            .home .main .section2 .rbox .box .dt .btn span {
              display: none; }
            .home .main .section2 .rbox .box .dt .btn .show {
              display: block; }
        .home .main .section2 .rbox .box .nr {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 1.0416666667vw 0.4166666667vw; }
          .home .main .section2 .rbox .box .nr .item {
            width: 100%; }
            .home .main .section2 .rbox .box .nr .item .pic {
              overflow: hidden; }
              .home .main .section2 .rbox .box .nr .item .pic img {
                width: 100%;
                display: block;
                object-fit: cover;
                height: 4.6875vw;
                transition: all 600ms; }
            .home .main .section2 .rbox .box .nr .item p {
              text-align: center;
              margin-top: 0.625vw; }
            .home .main .section2 .rbox .box .nr .item:hover .pic img {
              transform: scale(1.05); }
          .home .main .section2 .rbox .box .nr.hide {
            display: none; }
    .home .main .section3 h1 {
      text-align: center;
      padding-bottom: 1.4583333333vw;
      position: relative; }
      .home .main .section3 h1::after {
        content: '';
        display: block;
        width: 5.9895833333vw;
        height: 1px;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        background: #000; }
    .home .main .section3 .content {
      margin-top: 3.125vw;
      position: relative; }
      .home .main .section3 .content .swiper2 {
        width: 100%; }
        .home .main .section3 .content .swiper2 .pic {
          overflow: hidden; }
          .home .main .section3 .content .swiper2 .pic img {
            max-width: 100%;
            display: block;
            object-fit: cover;
            /*height: 16.4583333333vw;*/
            transition: all 600ms;margin:0 auto; }
          .home .main .section3 .content .swiper2 .pic:hover img {
            transform: scale(1.05); }
      .home .main .section3 .content .prev {
        position: absolute;
        left: 1.0416666667vw;
        top: 50%;
        transform: translateY(-50%) rotateY(180deg);
        cursor: pointer;
        z-index: 10; }
        .home .main .section3 .content .prev img {
          width: 4.2708333333vw;
          display: block;
          object-fit: cover; }
      .home .main .section3 .content .next {
        position: absolute;
        right: 1.0416666667vw;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 10; }
        .home .main .section3 .content .next img {
          width: 4.2708333333vw;
          display: block;
          object-fit: cover; }
    .home .main .section4 {
      margin: 5.2083333333vw 0; }
      .home .main .section4 h1 {
        text-align: center;
        padding-bottom: 1.4583333333vw;
        position: relative; }
        .home .main .section4 h1::after {
          content: '';
          display: block;
          width: 5.9895833333vw;
          height: 1px;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          background: #000; }
      .home .main .section4 .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.0833333333vw;
        margin-top: 3.125vw; }
        .home .main .section4 .list .item {
          width: 100%;
          position: relative; }
          .home .main .section4 .list .item .bg {
            width: 100%;
            display: block;
            object-fit: cover;
            height: 25.8333333333vw; }
          .home .main .section4 .list .item .info {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(0.5208333333vw);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 600ms; }
            .home .main .section4 .list .item .info .nr {
              position: relative; }
              .home .main .section4 .list .item .info .nr .icon_bg {
                opacity: .2; }
                .home .main .section4 .list .item .info .nr .icon_bg svg {
                  display: block;
                  width: 31.25vw; }
              .home .main .section4 .list .item .info .nr .c_box {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                text-align: center; }
                .home .main .section4 .list .item .info .nr .c_box .icon2 img {
                  width: 3.5416666667vw;
                  vertical-align: middle;
                  object-fit: contain; }
                .home .main .section4 .list .item .info .nr .c_box p {
                  margin: 1.6666666667vw 0 0.5208333333vw 0;
                  color: white; }
                .home .main .section4 .list .item .info .nr .c_box .icon3 svg {
                  width: 4.53125vw;
                  vertical-align: middle;
                  height: auto;
                  opacity: .2; }
          .home .main .section4 .list .item:hover .info {
            opacity: 0; }
    .home .main .section5 {
      position: relative;
      padding: 5.2083333333vw 0 4.1666666667vw 0; }
      .home .main .section5::before {
        content: '';
        display: block;
        position: absolute;
        left: -4.1666666667vw;
        top: 0;
        width: calc(100% + 8.4vw);
        height: 100%;
        background: #F7F7F7; }
      .home .main .section5 h1 {
        text-align: center;
        padding-bottom: 1.4583333333vw;
        position: relative; }
        .home .main .section5 h1::after {
          content: '';
          display: block;
          width: 5.9895833333vw;
          height: 1px;
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%);
          background: #000; }
      .home .main .section5 .content {
        position: relative;
        margin-top: 3.125vw; }
        .home .main .section5 .content .swiper3 .pic {
          width: 100%;
          height: 41.6666666667vw;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          background: white;
          position: relative; }
          .home .main .section5 .content .swiper3 .pic img {
            max-width: 100%;
            max-height: 100%; }
          .home .main .section5 .content .swiper3 .pic .text {
            position: absolute;
            left: 2.0833333333vw;
            bottom: 2.0833333333vw; }
            .home .main .section5 .content .swiper3 .pic .text .tag {
              color: #666;
              margin-top: 0.8333333333vw; }
        .home .main .section5 .content .prev {
          position: absolute;
          left: 1.0416666667vw;
          top: 50%;
          transform: translateY(-50%) rotateY(180deg);
          cursor: pointer;
          z-index: 10; }
          .home .main .section5 .content .prev img {
            width: 4.2708333333vw;
            display: block;
            object-fit: cover; }
        .home .main .section5 .content .next {
          position: absolute;
          right: 1.0416666667vw;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          z-index: 10; }
          .home .main .section5 .content .next img {
            width: 4.2708333333vw;
            display: block;
            object-fit: cover; }
  @media screen and (max-width: 1024px) {
    .home .main {
      padding: 80px 5% 0 5%; }
      .home .main .section1 {
        flex-direction: column; }
        .home .main .section1 .l {
          width: 100%; }
          .home .main .section1 .l .swiper1 .pic {
            height: 450px; }
          .home .main .section1 .l .thumb_swiper {
            margin-top: 10px; }
            .home .main .section1 .l .thumb_swiper .swiper-slide {
              padding: 5px; }
              .home .main .section1 .l .thumb_swiper .swiper-slide .pic img {
                height: 90px; }
        .home .main .section1 .r {
          width: 100%;
          margin-top: 20px; }
          .home .main .section1 .r .t {
            font-size: 24px; }
          .home .main .section1 .r .tag {
            margin: 15px 0 10px 0; }
          .home .main .section1 .r .des {
            margin: 10px 0 30px 0; }
          .home .main .section1 .r .box .dt {
            margin-bottom: 20px; }
            .home .main .section1 .r .box .dt .btn {
              font-size: 32px; }
          .home .main .section1 .r .box .nr .item {
            flex-direction: column; }
            .home .main .section1 .r .box .nr .item:not(:last-child) {
              margin-bottom: 16px; }
            .home .main .section1 .r .box .nr .item .p1 {
              width: auto; }
            .home .main .section1 .r .box .nr .item .p2 {
              margin: 10px 0 0 0; }
      .home .main .section2 {
        margin: 50px 0 83px 0;
        flex-direction: column; }
        .home .main .section2 .lbox {
          width: 100%; }
          .home .main .section2 .lbox .des {
            margin-top: 14px; }
        .home .main .section2 .rbox {
          width: 100%;
          margin-top: 20px; }
          .home .main .section2 .rbox .box:not(:last-child) {
            margin-bottom: 38px; }
          .home .main .section2 .rbox .box .dt {
            margin-bottom: 20px; }
            .home .main .section2 .rbox .box .dt .btn {
              font-size: 32px; }
          .home .main .section2 .rbox .box .nr {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px; }
            .home .main .section2 .rbox .box .nr .item .pic img {
              height: 60px; }
      .home .main .section3 h1::after {
        width: 80px; }
      .home .main .section3 .content {
        margin-top: 30px; }
        .home .main .section3 .content .swiper2 .pic img {
          height: 200px; }
        .home .main .section3 .content .prev img, .home .main .section3 .content .next img {
          width: 41px; }
      .home .main .section4 {
        margin: 50px 0; }
        .home .main .section4 h1::after {
          width: 80px; }
        .home .main .section4 .list {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
          margin-top: 30px; }
          .home .main .section4 .list .item .bg {
            height: 250px; }
          .home .main .section4 .list .item .info .nr .icon_bg svg {
            width: 300px;
            height: auto; }
          .home .main .section4 .list .item .info .nr .c_box .icon2 img {
            width: 34px; }
          .home .main .section4 .list .item .info .nr .c_box p {
            margin: 16px 0 5px 0; }
          .home .main .section4 .list .item .info .nr .c_box .icon3 svg {
            width: 45px; }
      .home .main .section5 {
        padding: 30px 0; }
        .home .main .section5::before {
          left: -6%;
          width: 115%; }
        .home .main .section5 h1::after {
          width: 80px; }
        .home .main .section5 .content {
          margin-top: 30px; }
          .home .main .section5 .content .swiper3 .pic {
            height: 400px; }
            .home .main .section5 .content .swiper3 .pic .text {
              left: 20px;
              bottom: 20px; }
              .home .main .section5 .content .swiper3 .pic .text .tag {
                margin-top: 8px; }
          .home .main .section5 .content .prev img, .home .main .section5 .content .next img {
            width: 41px; } }

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