.home {
  position: relative;
  width: 100%; }
  .home img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }
  .home .common_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover; }
  .home .banner {
    position: relative;
    z-index: 36;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
    .home .banner .position {
      position: absolute;
      bottom: 6.25vw;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      width: 5.7291666667vw;
      height: 5.7291666667vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .home .banner .position .center {
        width: 2.34375vw; }
      .home .banner .position .rote {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        animation: animate_rotate 8s linear infinite; }
    .home .banner .p1 {
      width: 57.7604166667vw;
      color: #FFF;
      text-align: center;
      font-size: 4.6875vw;
      font-style: normal;
      font-weight: 400;
      line-height: 5.7291666667vw;
      /* 122.222% */ }
  .home .index1 {
    padding: 1.1458333333vw 5.78125vw 4.1666666667vw 10.4166666667vw; }
    .home .index1 .top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 1.1979166667vw; }
      .home .index1 .top .l {
        width: 35.4166666667vw; }
        .home .index1 .top .l .line {
          width: 5.2083333333vw;
          height: 0.2604166667vw;
          background: #212F45;
          margin: 0 0 1.25vw; }
        .home .index1 .top .l h1 {
          color: #000;
          font-size: 2.5vw;
          font-style: normal;
          font-weight: 600;
          margin: 0 0 2.4479166667vw; }
        .home .index1 .top .l .text {
          color: #333;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 500;
          line-height: 2.0833333333vw;
          /* 200% */ }
        .home .index1 .top .l .red {
          margin: 4.1666666667vw 0 0 0;
          height: 2.7083333333vw;
          background: #B60005;
          padding: 0 1.875vw;
          color: #FFF;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 400;
          width: fit-content;
          display: flex;
          align-items: center;
          transition: all 600ms; }
          .home .index1 .top .l .red:hover {
            background: #212F45;
            color: white; }
      .home .index1 .top .r {
        width: 47.0833333333vw;
        height: 30.2083333333vw; }
        .home .index1 .top .r video {
          width: 100%;
          height: 100%;
          object-fit: contain; }
    .home .index1 .bottom {
      margin: 1.1458333333vw 0 0 0;
      display: flex;
      justify-content: space-between;
      border: 0.0520833333vw solid #E9E9E9; }
      .home .index1 .bottom .item {
        width: 100%;
        height: 26.3020833333vw;
        padding: 4.1666666667vw 4.1666666667vw 4.5833333333vw 4.1666666667vw;
        position: relative;
        z-index: 2;
        overflow: hidden; }
        .home .index1 .bottom .item:hover:after {
          width: 55vw;
          height: 55vw; }
        .home .index1 .bottom .item:hover .circle {
          background: #FFF; }
        .home .index1 .bottom .item:hover .y {
          transform: translateY(-2.6041666667vw); }
        .home .index1 .bottom .item:hover .hide {
          opacity: 1;
          transform: translateY(0);
          transition-delay: .2s; }
        .home .index1 .bottom .item:after {
          content: '';
          width: 6vw;
          height: 6vw;
          position: absolute;
          top: -10vw;
          bottom: auto;
          left: auto;
          right: -10vw;
          transition: 1s;
          z-index: -1;
          background: #ECECEC;
          border-radius: 50%;
          pointer-events: none; }
        .home .index1 .bottom .item:not(:last-child) {
          border-right: 1px solid #ECECEC; }
        .home .index1 .bottom .item .y {
          transition: .6s; }
        .home .index1 .bottom .item .circle {
          width: 3.125vw;
          height: 3.125vw;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #F3F6FC;
          margin: 0 0 5.1041666667vw;
          transition: .6s ease; }
          .home .index1 .bottom .item .circle svg,.home .index1 .bottom .item .circle img {
            width: 1.25vw;
            height: 1.25vw; }
        .home .index1 .bottom .item .dis {
          display: flex;
          align-items: center;
          margin: 0 0 1.6666666667vw; }
          .home .index1 .bottom .item .dis span {
            color: #000;
            font-size: 2.7083333333vw;
            font-style: normal;
            font-weight: 400; }
          .home .index1 .bottom .item .dis .p1 {
            color: #000;
            font-size: 2.7083333333vw;
            font-style: normal;
            font-weight: 400; }
        .home .index1 .bottom .item .text {
          color: #666;
          font-size: 1.25vw;
          font-style: normal;
          font-weight: 400;
          line-height: 2.5vw;
          /* 200% */
          text-transform: uppercase; }
        .home .index1 .bottom .item .hide {
          position: absolute;
          text-align: center;
          font-size: 4.1666666667vw;
          font-style: normal;
          font-weight: 800;
          line-height: 5.7291666667vw;
          /* 137.5% */
          letter-spacing: 4px;
          width: 100%;
          bottom: 0;
          left: 0;
          background: linear-gradient(82deg, rgba(33, 39, 84, 0.14) -7.3%, rgba(185, 190, 208, 0.14) 106.8%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-family: 'Montserrat-Regular.otf';
          opacity: 0;
          transition: .6s ease;
          transform: translateY(40px); }
  .home .index2 {
    background: #000;
    padding: 5.7291666667vw 16.6666666667vw 0 10.4166666667vw;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .home .index2 .bg {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 34.1145833333vw;
      z-index: -1; }
    .home .index2 .title {
      margin: 0 0 2.5520833333vw; }
      .home .index2 .title .line {
        width: 5.2083333333vw;
        height: 0.2604166667vw;
        background: #FFF;
        margin: 0 0 1.1979166667vw; }
      .home .index2 .title h1 {
        color: #FFF;
        -webkit-text-stroke-color: #FFF;
        /*font-family: 'Montserrat-Regular.otf';*/
        font-size: 2.5vw;
        font-style: normal;
        font-weight: 600;
        margin: 0; }
    .home .index2 .content {
      display: flex;
      height: 28.6458333333vw;
      position: relative; }
      .home .index2 .content:after {
        content: '';
        position: absolute;
        width: 99.7916666667vw;
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
        top: 0;
        left: -13.0208333333vw; }
      .home .index2 .content .yi {
        width: 24.2708333333vw;
        height: 100%;
        position: relative; }
        .home .index2 .content .yi .img {
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          .home .index2 .content .yi .img .yiSwiper {
            width: 100%;
            height: 100%; }
            .home .index2 .content .yi .img .yiSwiper .swiper-slide img {
              width: 100%;
              height: 100%;
              opacity: 0;
              pointer-events: none;
              transform: scale(1.1);
              transition: 1s cubic-bezier(0.73, 0.44, 0, 0.92); }
            .home .index2 .content .yi .img .yiSwiper .swiper-slide.swiper-slide-active img {
              opacity: 1;
              pointer-events: auto;
              transform: scale(1);
              transition-delay: .6s; }
        .home .index2 .content .yi .cut {
          position: absolute;
          left: 0;
          top: 0;
          width: 3.125vw;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          z-index: 5; }
          .home .index2 .content .yi .cut .list {
            width: 100%;
            height: 100%;
            background: rgba(9, 11, 25, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: .6s ease; }
            .home .index2 .content .yi .cut .list.on {
              background: #B60005; }
            .home .index2 .content .yi .cut .list p {
              transform: rotate(-90deg);
              color: #FFF;
              font-family: 'Montserrat-Regular.otf';
              font-size: 0.7291666667vw;
              font-style: normal;
              font-weight: 400;
              letter-spacing: 0.1041666667vw;
              text-transform: uppercase;
              text-align: center; }
      .home .index2 .content .er {
        width: 24.3057291667vw;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-top: none;
        padding: 3.0729166667vw 2.5vw 1.25vw 2.5vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .home .index2 .content .er .p1 {
          position: relative;
          overflow: hidden; }
          .home .index2 .content .er .p1 .list {
            color: #FFF;
            font-family: 'Montserrat-Regular.otf';
            font-size: 2.0833333333vw;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -1.44px;
            overflow: hidden;
            width: 100%;
            opacity: 0;
            transition: 1s cubic-bezier(0.73, 0.44, 0, 0.92);
            transform: translate3d(0, 120%, 0) rotateZ(0deg) skew(0deg, 5deg);
            pointer-events: none; }
            .home .index2 .content .er .p1 .list.on {
              opacity: 1;
              pointer-events: auto;
              transform: translate3d(0, 0, 0) rotateZ(0deg) skew(0deg, 0deg);
              transition-delay: .7s; }
            .home .index2 .content .er .p1 .list:not(:first-child) {
              position: absolute;
              top: 0;
              left: 0; }
        .home .index2 .content .er .p2 {
          position: relative;
          overflow: hidden; }
          .home .index2 .content .er .p2 .list {
            overflow: hidden;
            width: 100%;
            opacity: 0;
            transition: 1s cubic-bezier(0.73, 0.44, 0, 0.92);
            transform: translate3d(0, 120%, 0) rotateZ(0deg) skew(0deg, 5deg);
            pointer-events: none; }
            .home .index2 .content .er .p2 .list.on {
              opacity: 1;
              pointer-events: auto;
              transform: translate3d(0, 0, 0) rotateZ(0deg) skew(0deg, 0deg);
              transition-delay: .7s; }
            .home .index2 .content .er .p2 .list:not(:first-child) {
              position: absolute;
              top: 0;
              left: 0; }
            .home .index2 .content .er .p2 .list img {
              width: 12.3958333333vw; }
      .home .index2 .content .san {
        width: 24.3057291667vw;
        height: 100%;
        padding: 3.125vw 2.5vw;
        position: relative;
        border: 0.0520833333vw solid rgba(255, 255, 255, 0.12);
        border-top: none;
        border-left: none; }
        .home .index2 .content .san .list {
          height: 16.6666666667vw;
          width: 100%;
          position: relative;
          overflow: hidden; }
          .home .index2 .content .san .list p {
            color: rgba(255, 255, 255, 0.9);
            font-family: 'Petrona-Regular';
            font-size: 1.25vw;
            font-style: normal;
            font-weight: 400;
            line-height: 1.875vw;
            /* 150% */
            opacity: 0;
            transition: 1s cubic-bezier(0.73, 0.44, 0, 0.92);
            pointer-events: none;
            transform-style: preserve-3d;
            transform: translate3d(0, 120%, 0) rotateZ(0deg) skew(0deg, 5deg); }
            .home .index2 .content .san .list p:not(:first-child) {
              position: absolute;
              top: 0;
              left: 0; }
            .home .index2 .content .san .list p.on {
              opacity: 1;
              pointer-events: auto;
              transform: translate3d(0, 0, 0) rotateZ(0deg) skew(0deg, 0deg);
              transition-delay: 1s; }
  .home .index3 {
    padding: 4.1666666667vw 10.4166666667vw; }
    .home .index3 .top {
      display: flex;
      justify-content: space-between; }
      .home .index3 .top .l {
        width: 35.4166666667vw; }
        .home .index3 .top .l .line {
          width: 5.2083333333vw;
          height: 0.2604166667vw;
          background: #212F45;
          margin: 0 0 1.25vw; }
        .home .index3 .top .l h1 {
          color: #000;
          font-size: 2.5vw;
          font-style: normal;
          font-weight: 600;
          margin: 0 0 2.4479166667vw; }
        .home .index3 .top .l .text {
          color: #333;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 500;
          line-height: 2.0833333333vw;
          /* 200% */ }
        .home .index3 .top .l .red {
          margin: 4.1666666667vw 0 0 0;
          height: 2.7083333333vw;
          background: #B60005;
          padding: 0 1.875vw;
          color: #FFF;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 400;
          width: fit-content;
          display: flex;
          align-items: center;
          transition: all 600ms; }
          .home .index3 .top .l .red:hover {
            background: #212F45;
            color: white; }
      .home .index3 .top .r {
        width: 39.5833333333vw;
        height: 33.75vw;
        overflow: hidden;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0); }
        .home .index3 .top .r img {
          width: 100%;
          height: 100%; }
    .home .index3 .bottom {
      display: flex; }
      .home .index3 .bottom .item {
        width: 39.5833333333vw;
        height: 33.75vw;
        position: relative;
        padding: 2.5vw 2.5vw 4.1666666667vw 2.5vw;
        z-index: 1; }
        .home .index3 .bottom .item .bg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1; }
          .home .index3 .bottom .item .bg img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            transition: 1s;
            pointer-events: none; }
            .home .index3 .bottom .item .bg img.on {
              opacity: 1;
              pointer-events: auto; }
        .home .index3 .bottom .item .headline {
          position: relative; }
          .home .index3 .bottom .item .headline .list {
            color: #000;
            font-size: 1.6666666667vw;
            font-style: normal;
            font-weight: 400;
            line-height: 3.125vw;
            /* 187.5% */
            height: 6.25vw;
            display: flex;
            align-items: center;
            width: 100%;
            opacity: 0;
            pointer-events: none;
            transform: translateY(20px); }
            .home .index3 .bottom .item .headline .list.on {
              opacity: 1;
              pointer-events: auto;
              transform: translateY(0);
              transition: 1s; }
            .home .index3 .bottom .item .headline .list:not(:first-child) {
              position: absolute;
              top: 0;
              left: 0; }
        .home .index3 .bottom .item .count_item {
          margin: 2.0833333333vw 0; }
          .home .index3 .bottom .item .count_item .countSwiper {
            width: 50%;
            margin: 0; }
            .home .index3 .bottom .item .count_item .countSwiper .swiper-slide span {
              color: #000;
              font-family: 'Montserrat-Regular.otf';
              font-size: 5vw;
              font-style: normal;
              font-weight: 600; }
        .home .index3 .bottom .item .pick {
          color: #000;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 400;
          margin: 0 0 2.0833333333vw; }
          .home .index3 .bottom .item .pick .pick_list {
            height: 2.9166666667vw;
            width: 28.3854166667vw;
            display: none; }
            .home .index3 .bottom .item .pick .pick_list.on {
              display: block;
              animation: .6s yAnmimate ease forwards; }
        .home .index3 .bottom .item .bor {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 1.25vw 0 0 0;
          width: 3.9583333333vw; }
          .home .index3 .bottom .item .bor .bor_list {
            width: 0.625vw;
            height: 0.625vw;
            border: 0.1041666667vw solid #000;
            transition: .6s ease;
            cursor: pointer; }
            .home .index3 .bottom .item .bor .bor_list.on {
              background: #000; }
        .home .index3 .bottom .item .more {
          margin: 3.9583333333vw 0 0 0; }
          .home .index3 .bottom .item .more .more_list {
            height: 2.7083333333vw;
            border: 0.0520833333vw solid #000;
            width: fit-content;
            padding: 0 1.71875vw;
            align-items: center;
            justify-content: center;
            color: #000;
            font-size: 1.0416666667vw;
            font-style: normal;
            font-weight: 400;
            display: none;
            transition: .6s ease; }
            .home .index3 .bottom .item .more .more_list:hover {
              background: #000;
              color: #FFF; }
            .home .index3 .bottom .item .more .more_list.on {
              display: flex;
              animation: .6s yAnmimate ease forwards; }
  .home .index4 {
    background: #F7F7F7;
    padding: 4.1666666667vw 10.4166666667vw; }
    .home .index4 .title {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .home .index4 .title .l {
        width: 35.4166666667vw;
        height: auto; }
        .home .index4 .title .l .line {
          width: 5.2083333333vw;
          height: 0.2604166667vw;
          background: #212F45;
          margin: 0 0 1.25vw; }
        .home .index4 .title .l h1 {
          color: #000;
          font-size: 2.5vw;
          font-style: normal;
          font-weight: 600;
          margin: 0; }
        .home .index4 .title .l .text {
          color: #333;
          font-size: 1.0416666667vw;
          font-style: normal;
          font-weight: 500;
          line-height: 2.0833333333vw;
          /* 200% */ }
      .home .index4 .title .red {
        height: 2.7083333333vw;
        background: #B60005;
        padding: 0 1.875vw;
        color: #FFF;
        font-size: 1.0416666667vw;
        font-style: normal;
        font-weight: 400;
        width: fit-content;
        display: flex;
        align-items: center;
        transition: all 600ms; }
        .home .index4 .title .red:hover {
          background: #212F45;
          color: white; }
    .home .index4 .content {
      margin: 2.5vw 0 0 0; }
      .home .index4 .content .latestSwiper {
        overflow: hidden; }
        .home .index4 .content .latestSwiper .swiper-slide .item .img {
          width: 100%;
          height: 25.2604166667vw;
          overflow: hidden; }
          .home .index4 .content .latestSwiper .swiper-slide .item .img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 600ms; }
        .home .index4 .content .latestSwiper .swiper-slide .item .text {
          margin: 0.8333333333vw 0 0 0; }
          .home .index4 .content .latestSwiper .swiper-slide .item .text .p1 {
            color: #333;
            font-size: 0.8333333333vw;
            font-style: normal;
            font-weight: 400;
            margin: 0 0 0.8333333333vw; }
          .home .index4 .content .latestSwiper .swiper-slide .item .text .p2 {
            color: #000;
            font-size: 1.25vw;
            font-style: normal;
            font-weight: 500;
            line-height: 1.875vw;
            /* 150% */
            letter-spacing: 1.68px; }
        .home .index4 .content .latestSwiper .swiper-slide .item:hover .img img {
          transform: scale(1.05); }
      .home .index4 .content .swiper-pagination {
        position: static;
        width: fit-content;
        margin: 2.5vw auto 0; }
        .home .index4 .content .swiper-pagination span {
          width: 0.625vw;
          height: 0.625vw;
          border-radius: 0;
          border: 0.0520833333vw solid #000000;
          background: transparent;
          opacity: 1 !important;
          margin: 0 0.5208333333vw 0 0;
          transition: 1s; }
          .home .index4 .content .swiper-pagination span:last-child {
            margin: 0 !important; }
          .home .index4 .content .swiper-pagination span.swiper-pagination-bullet-active {
            background: #B60005;
            border: 0.0520833333vw solid #B60005; }
@keyframes yAnmimate {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .banner .p1 {
        font-size: 24px;
        line-height: 1.6;
        width: 90%; }
      .home .banner .position {
        width: 80px;
        height: 80px;
        bottom: 7%; }
        .home .banner .position .center {
          width: 30px; }
      .home .index1 {
        padding: 35px 5%; }
        .home .index1 .top {
          flex-direction: column; }
          .home .index1 .top .l {
            width: 100%; }
            .home .index1 .top .l .line {
              width: 80px;
              height: 2px;
              margin: 0 0 15px; }
            .home .index1 .top .l h1 {
              font-size: 24px;
              margin: 0 0 15px; }
            .home .index1 .top .l .text {
              font-size: 14px;
              line-height: 1.7; }
            .home .index1 .top .l .red {
              padding: 8px 12px;
              font-size: 12px;
              height: auto; }
          .home .index1 .top .r {
            width: 100%;
            height: auto;
            margin: 25px 0 0 0; }
        .home .index1 .bottom {
          margin: 25px 0 0 0;
          border: 1px solid #E9E9E9;
          flex-direction: column; }
          .home .index1 .bottom .item {
            height: auto;
            padding: 20px 20px 45px 20px; }
            .home .index1 .bottom .item:hover:after {
              opacity: 1; }
            .home .index1 .bottom .item:after {
              width: 100vw !important;
              height: 100vw !important;
              top: 0;
              left: 0;
              border-radius: 0;
              opacity: 0; }
            .home .index1 .bottom .item .circle {
              width: 50px;
              height: 50px;
              margin: 0 0 20px; }
              .home .index1 .bottom .item .circle svg {
                width: 15px;
                height: 15px; }
            .home .index1 .bottom .item .y .dis span {
              font-size: 34px; }
            .home .index1 .bottom .item .y .dis .p1 {
              font-size: 34px; }
            .home .index1 .bottom .item .y .text {
              font-size: 14px;
              line-height: 1.7; }
            .home .index1 .bottom .item .hide {
              font-size: 34px;
              line-height: unset; }
      .home .index2 {
        padding: 45px 5%; }
        .home .index2 .title {
          margin: 0 0 20px; }
          .home .index2 .title .line {
            width: 80px;
            height: 1px;
            margin: 0 0 15px; }
          .home .index2 .title h1 {
            font-size: 24px;
            margin: 0 0 15px; }
        .home .index2 .content {
          flex-direction: column;
          height: auto; }
          .home .index2 .content .yi {
            width: 100%; }
            .home .index2 .content .yi .cut {
              display: flex;
              width: 100%;
              height: 40px;
              flex-direction: unset; }
              .home .index2 .content .yi .cut .list p {
                font-size: 12px;
                transform: rotate(0); }
          .home .index2 .content .er {
            width: 100%;
            padding: 5%; }
            .home .index2 .content .er .p1 {
              margin: 0 0 25px; }
              .home .index2 .content .er .p1 .list p {
                font-size: 24px; }
            .home .index2 .content .er .p2 .list img {
              width: 100px; }
          .home .index2 .content .san {
            width: 100%;
            padding: 5%; }
            .home .index2 .content .san .list {
              height: 100px; }
              .home .index2 .content .san .list p {
                font-size: 14px;
                line-height: 1.7; }
      .home .index3 {
        padding: 35px 5%; }
        .home .index3 .top {
          flex-direction: column; }
          .home .index3 .top .l {
            width: 100%; }
            .home .index3 .top .l .line {
              width: 80px;
              height: 1px;
              margin: 0 0 15px; }
            .home .index3 .top .l h1 {
              font-size: 24px;
              margin: 0 0 15px; }
            .home .index3 .top .l .red {
              margin: 15px 0 0 0;
              padding: 8px 12px;
              font-size: 12px;
              height: auto; }
          .home .index3 .top .r {
            width: 100%;
            height: auto;
            margin: 20px 0 0 0; }
        .home .index3 .bottom {
          flex-direction: column; }
          .home .index3 .bottom .item {
            width: 100%;
            height: auto;
            padding: 5%; }
            .home .index3 .bottom .item:not(:last-child) {
              margin: 0 0 20px; }
            .home .index3 .bottom .item .bg img {
              object-fit: cover; }
            .home .index3 .bottom .item .headline .list {
              font-size: 18px;
              line-height: 1.5;
              height: auto; }
            .home .index3 .bottom .item .count_item {
              margin: 20px 0; }
              .home .index3 .bottom .item .count_item .countSwiper .swiper-wrapper .swiper-slide span {
                font-size: 34px; }
            .home .index3 .bottom .item .pick .pick_list {
              font-size: 14px;
              line-height: 1.6;
              height: auto;
              width: 100%; }
            .home .index3 .bottom .item .bor {
              margin: 25px 0 0 0;
              width: fit-content; }
              .home .index3 .bottom .item .bor .bor_list {
                width: 9px;
                height: 9px;
                margin: 0 0 0 15px; }
                .home .index3 .bottom .item .bor .bor_list:first-child {
                  margin: 0; }
            .home .index3 .bottom .item .more {
              margin: 25px 0 0 0; }
              .home .index3 .bottom .item .more .more_list {
                height: auto;
                font-size: 14px;
                padding: 8px 14px; }
      .home .index4 {
        padding: 35px 5%; }
        .home .index4 .title {
          flex-direction: column;
          align-items: unset; }
          .home .index4 .title .l {
            width: 100%; }
            .home .index4 .title .l .line {
              width: 80px;
              height: 1px;
              margin: 0 0 15px; }
            .home .index4 .title .l h1 {
              font-size: 24px;
              margin: 0 0 15px; }
          .home .index4 .title .red {
            margin: 15px 0 0 0;
            padding: 8px 12px;
            font-size: 12px;
            height: auto; }
        .home .index4 .content {
          margin: 30px 0 0 0; }
          .home .index4 .content .latestSwiper .swiper-slide .item .img {
            height: auto; }
          .home .index4 .content .latestSwiper .swiper-slide .item .text {
            margin: 15px 0 0 0; }
            .home .index4 .content .latestSwiper .swiper-slide .item .text .p1 {
              font-size: 12px;
              margin: 0 0 10px; }
            .home .index4 .content .latestSwiper .swiper-slide .item .text .p2 {
              font-size: 14px;
              line-height: 1.7;
              letter-spacing: 0; }
          .home .index4 .content .swiper-pagination span {
            width: 9px;
            height: 9px;
            margin: 0 15px 0 0; } }

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