.home {
  position: relative;
  width: 100%; }
  .home .banner {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .home .banner img {
      width: 100%;
      display: block;
      object-fit: cover;
      max-height: 100vh; }
    .home .banner .text {
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      text-align: center;
      transform: translateY(-50%);
      font-size: 3.2vw;
      color: white;
      font-weight: 600;
      text-transform: uppercase;
      font-style: italic; }
  .home .section1 {
    width: 70vw;
    margin: 4vw auto;
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    .home .section1 .item {
      width: 33%; }
      .home .section1 .item .pic {
        width: 100%;
        overflow: hidden; }
        .home .section1 .item .pic img {
          width: 100%;
          object-fit: cover;
          transition: all 600ms; }
        .home .section1 .item .pic:hover img {
          transform: scale(1.05); }
      .home .section1 .item .text {
        margin: 20px 0; }
        .home .section1 .item .text .p1 {
          color: #151C24;
          font-size: 1.26vw;
          font-weight: 600; }
        .home .section1 .item .text .des {
          color: #151C24;
          font-size: 0.9vw;
          margin-top: 1vw;
          line-height: 1.5; }
  .home .section2 {
    width: 80vw;
    margin: 0 auto 4vw auto; }
    .home .section2 .item {
      display: flex;
      justify-content: space-between; }
      .home .section2 .item .text {
        width: calc(50% - 6vw);
        padding: 3vw; }
        .home .section2 .item .text .p1 {
          color: #C60C3E;
          font-size: 1.4vw;
          font-weight: 600; }
        .home .section2 .item .text .pp1 {
          color: #C60C3E;
          font-size: 1.1vw;
          font-weight: 600;
          margin: 2vw 0 1vw 0; }
        .home .section2 .item .text .p2 {
          color: #3D474C;
          font-size: 0.9vw;
          line-height: 1.8;
          margin: 1.5vw 0; }
        .home .section2 .item .text .des {
          color: #3D474C;
          font-size: 0.9vw;
          line-height: 1.8;
          width: 90%;
          margin: 0 auto 2vw auto; }
        .home .section2 .item .text .des2 {
          font-style: italic;
          color: #3D474C;
          font-size: 1vw;
          font-weight: bold;
          line-height: 1.5;
          margin-top: 1vw; }
        .home .section2 .item .text .links a {
          display: flex;
          align-items: center;
          margin-bottom: 0.8vw; }
          .home .section2 .item .text .links a p {
            color: #3D474C;
            font-size: 1vw;
            font-weight: 600;
            margin-right: 10px; }
      .home .section2 .item .pic {
        width: 50%;
        overflow: hidden; }
        .home .section2 .item .pic img {
          width: 100%;
          object-fit: cover;
          transition: all 600ms; }
        .home .section2 .item .pic:hover img {
          transform: scale(1.05); }
    .home .section2 .item:nth-child(2n) {
      flex-direction: row-reverse; }
  .home .section3 {
    background: #F7F7F7;
    padding: 4vw 10vw;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .home .section3 .l {
      width: 55%; }
      .home .section3 .l img {
        width: 100%; }
    .home .section3 .r {
      width: 45%; }
      .home .section3 .r .item {
        text-align: center;
        margin: 4vw 0; }
        .home .section3 .r .item .t1 {
          color: #181818;
          font-size: 1.4vw;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          padding-bottom: 15px;
          font-family: 'Montserrat-Light'; }
          .home .section3 .r .item .t1::after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            bottom: 0;
            background: #D9D9D9;
            width: 70px;
            height: 4px;
            transform: translateX(-50%); }
          .home .section3 .r .item .t1 .num {
            color: #C8161E;
            font-size: 1.8vw;
            margin-right: 10px;
            font-family: 'Montserrat-Light'; }
        .home .section3 .r .item .t2 {
          font-size: 0.8vw;
          font-weight: 300;
          margin: 1vw 0; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .banner .text {
        font-size: 24px; }
      .home .section1 {
        width: 90%;
        margin: 30px auto 0 auto;
        gap: 10px;
        flex-direction: column; }
        .home .section1 .item {
          width: 100%; }
          .home .section1 .item .text {
            margin: 15px 0; }
            .home .section1 .item .text .p1 {
              font-size: 18px; }
            .home .section1 .item .text .des {
              font-size: 14px;
              margin-top: 10px; }
      .home .section2 {
        width: 90%;
        margin: 0 auto 30px auto; }
        .home .section2 .item {
          flex-direction: column; }
          .home .section2 .item .text {
            width: 100%;
            padding: 20px 0; }
            .home .section2 .item .text .p1 {
              font-size: 18px; }
            .home .section2 .item .text .pp1 {
              font-size: 16px; }
            .home .section2 .item .text .p2 {
              font-size: 16px;
              line-height: 1.5; }
            .home .section2 .item .text .links a {
              margin-bottom: 10px; }
              .home .section2 .item .text .links a p {
                font-size: 16px; }
            .home .section2 .item .text .des {
              font-size: 14px; }
            .home .section2 .item .text .des2 {
              font-size: 14px; }
          .home .section2 .item .pic {
            width: 100%; }
        .home .section2 .item:nth-child(2n) {
          flex-direction: column; }
      .home .section3 {
        padding: 20px 5%;
        flex-direction: column; }
        .home .section3 .l {
          width: 100%; }
        .home .section3 .r {
          width: 100%; }
          .home .section3 .r .item {
            margin: 30px 0; }
            .home .section3 .r .item .t1 {
              font-size: 18px; }
              .home .section3 .r .item .t1 .num {
                font-size: 18px; }
            .home .section3 .r .item .t2 {
              font-size: 14px;
              margin: 15px 0; } }

/*# sourceMappingURL=service.css.map */
