body .home {
  overflow: hidden; }
  body .home .container .sec1 {
    background: #EDF0F6;
    padding: 5.2083333333vw 16.875vw 5.2083333333vw 19.9479166667vw;
    display: flex;
    justify-content: center; }
    body .home .container .sec1 .l {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 4.8958333333vw; }
      body .home .container .sec1 .l .imgs {
        display: block;
        position: absolute;
        width: 21.0416666667vw;
        height: 21.0416666667vw;
        border-radius: 50%;
        overflow: hidden; }
        body .home .container .sec1 .l .imgs .img {
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          overflow: hidden;
          opacity: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: 0.6s; }
          body .home .container .sec1 .l .imgs .img img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
          body .home .container .sec1 .l .imgs .img p {
            position: absolute;
            color: #FFF;
            font-weight: 600;
            text-align: center; }
          body .home .container .sec1 .l .imgs .img.on {
            opacity: 1; }
      body .home .container .sec1 .l .swiper_control {
        position: relative;
        width: 27.34375vw;
        height: 27.03125vw;
        transition: 0.6s; }
        body .home .container .sec1 .l .swiper_control .cir {
          width: 26.6145833333vw;
          height: 26.6145833333vw;
          border-radius: 50%;
          background: rgba(24, 117, 188, 0.19);
          clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 0% 78.9%);
          position: absolute;
          transition: 0.6s;
          cursor: pointer; }
          body .home .container .sec1 .l .swiper_control .cir:nth-child(2) {
            transform: translateX(0.78125vw) rotate(120deg); }
          body .home .container .sec1 .l .swiper_control .cir:nth-child(3) {
            transform: translate(0.3645833333vw, 0.625vw) rotate(240deg); }
          body .home .container .sec1 .l .swiper_control .cir.on {
            background: #1875BC; }
    body .home .container .sec1 .r {
      width: 31.6666666667vw; }
      body .home .container .sec1 .r .title {
        position: relative; }
        body .home .container .sec1 .r .title .t {
          color: #162D52;
          font-weight: 700;
          line-height: 1.25;
          display: none; }
          body .home .container .sec1 .r .title .t.on {
            display: block; }
      body .home .container .sec1 .r .num_control {
        display: flex;
        gap: 0 2.0833333333vw;
        margin: 1.8229166667vw 0;
        cursor: pointer; }
        body .home .container .sec1 .r .num_control .item {
          color: rgba(22, 45, 82, 0.4);
          font-weight: 900;
          transition: 00.6s; }
          body .home .container .sec1 .r .num_control .item:hover, body .home .container .sec1 .r .num_control .item.on {
            color: #162D52; }
      body .home .container .sec1 .r .text .text_item {
        display: none;
        color: #162D52;
        font-weight: 400;
        line-height: 1.6667; }
        body .home .container .sec1 .r .text .text_item.on {
          display: block; }
  body .home .container .sec2 {
    padding: 5.2083333333vw 10.4166666667vw; }
    body .home .container .sec2 h1 {
      color: #162D52;
      line-height: 1.25;
      margin-bottom: 3.125vw; }
    body .home .container .sec2 .list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 3.125vw 2.0833333333vw; }
      body .home .container .sec2 .list .item {
        width: 100%; }
        body .home .container .sec2 .list .item .pic {
          overflow: hidden; }
          body .home .container .sec2 .list .item .pic img {
            width: 100%;
            height: 18.4375vw;
            object-fit: cover;
            transition: all 600ms; }
        body .home .container .sec2 .list .item .text {
          color: #162D52; }
          body .home .container .sec2 .list .item .text .pt {
            margin: 1.5625vw 0 1.0416666667vw 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 700; }
          body .home .container .sec2 .list .item .text .des {
            line-height: 1.67;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        body .home .container .sec2 .list .item:hover .pic img {
          transform: scale(1.05); }
  @media screen and (max-width: 768px) {
    body .home .container .sec1 {
      padding: 60px 5vw;
      display: block; }
      body .home .container .sec1 .l {
        width: 90vw;
        height: 90vw;
        margin: 0 0 30px; }
        body .home .container .sec1 .l .swiper_control {
          width: 100%;
          height: 100%; }
          body .home .container .sec1 .l .swiper_control .cir {
            width: 100%;
            height: 100%; }
        body .home .container .sec1 .l .imgs {
          width: 65vw;
          height: 65vw; }
      body .home .container .sec1 .r {
        width: 100%; }
        body .home .container .sec1 .r .num_control {
          gap: 0 15px;
          margin: 20px 0; }
    body .home .container .sec2 {
      padding: 30px 5%; }
      body .home .container .sec2 h1 {
        font-size: 24px;
        margin-bottom: 16px; }
      body .home .container .sec2 .list {
        display: block; }
        body .home .container .sec2 .list .item {
          margin-bottom: 30px; }
          body .home .container .sec2 .list .item .pic img {
            height: 160px; }
          body .home .container .sec2 .list .item .text .pt {
            margin: 12px 0 5px 0;
            height: auto; } }

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