body {
  background: #EFEFF2; }
  body .container .tabs {
    padding: 2.0833333333vw 8.3333333333vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.0416666667vw 2.8645833333vw;
    border-bottom: 1px solid #E2E2E2; }
    body .container .tabs a {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 0.5208333333vw; }
      body .container .tabs a .icon {
        width: 1.4583333333vw; }
        body .container .tabs a .icon img {
          filter: grayscale(100%);
          opacity: .5;
          width: 100%; }
      body .container .tabs a p {
        font-family: "Poppins";
        font-weight: 500;
        color: #797B81;
        white-space: nowrap; }
      body .container .tabs a.on .icon img {
        filter: grayscale(0);
        opacity: 1; }
      body .container .tabs a.on p {
        color: #AE0000; }
  body .container .robotics {
    padding: 4.1666666667vw 8.3333333333vw; }
    body .container .robotics .intro {
      margin: 2.0833333333vw 0;
      color: #333;
      font-weight: 300;
      line-height: 1.5; }
    body .container .robotics .content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body .container .robotics .content .lbox {
        width: 49.0625vw;
        overflow: hidden; }
        body .container .robotics .content .lbox img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 600ms; }
        body .container .robotics .content .lbox:hover img {
          transform: scale(1.05); }
      body .container .robotics .content .rbox {
        width: 31.1458333333vw; }
        body .container .robotics .content .rbox .p1 {
          color: #000;
          line-height: 1; }
        body .container .robotics .content .rbox .des {
          margin-top: 2.0833333333vw;
          color: #333;
          line-height: 1.5;
          font-weight: 300; }
          body .container .robotics .content .rbox .des ul {
            padding-left: 1.5625vw; }
            body .container .robotics .content .rbox .des ul li {
              list-style: disc; }
  body .container .related {
    padding-left: 8.3333333333vw; }
    body .container .related .t {
      color: #000;
      font-weight: 400;
      line-height: 1;
      margin-bottom: 2.0833333333vw; }
    body .container .related .pros {
      width: 100%;
      overflow: hidden; }
      body .container .related .pros .swiper1 {
        width: 100%; }
        body .container .related .pros .swiper1 a {
          display: block;
          background: #FFF;
          padding: 1.875vw;
          position: relative; }
          body .container .related .pros .swiper1 a::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(115deg, #C2C2C2 -58.69%, #FFF 90.79%);
            opacity: 0;
            transition: all 600ms; }
          body .container .related .pros .swiper1 a .bg {
            position: absolute;
            right: 0;
            top: 0;
            width: 7.8125vw; }
            body .container .related .pros .swiper1 a .bg img {
              width: 100%; }
          body .container .related .pros .swiper1 a .name {
            color: #000;
            font-weight: 600;
            line-height: 1.17;
            height: 4.9479166667vw;
            position: relative;
            z-index: 10;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden; }
          body .container .related .pros .swiper1 a .pic {
            margin: 2.03125vw 0 3.28125vw 0;
            position: relative;
            z-index: 10; }
            body .container .related .pros .swiper1 a .pic img {
              width: 100%;
             /* height: 7.65625vw;*/
              object-fit: cover;
              transition: all 600ms; aspect-ratio: 10 /7.5;
  display: block;}
          body .container .related .pros .swiper1 a .common_btn {
            border: 1px solid rgba(0, 0, 0, 0.08); }
            body .container .related .pros .swiper1 a .common_btn p {
              color: #000; }
            body .container .related .pros .swiper1 a .common_btn svg path {
              stroke: #000; }
          body .container .related .pros .swiper1 a:hover::before {
            opacity: 1; }
          body .container .related .pros .swiper1 a:hover .pic img {
            transform: scale(1.05); }
  body .container .solutions {
    padding: 4.1666666667vw 8.3333333333vw;
    padding-bottom: 6.25vw; }
    body .container .solutions .t {
      color: #000;
      font-weight: 400;
      line-height: 1; }
    body .container .solutions .list .item {
      margin-top: 2.0833333333vw;
      position: relative; }
      body .container .solutions .list .item .pic {
        overflow: hidden; }
        body .container .solutions .list .item .pic img,
        body .container .solutions .list .item .pic video {
          width: 100%;
          height: 36.4583333333vw;
          object-fit: cover; }
        body .container .solutions .list .item .pic iframe {
          width: 100%; }
      body .container .solutions .list .item .text {
        position: absolute;
        left: 0;
        padding: 0 3.125vw;
        bottom: 3.125vw;
        color: white; }
        body .container .solutions .list .item .text .pt {
          font-weight: 600;
          line-height: 1.17; }
        body .container .solutions .list .item .text .des {
          margin: 0.4166666667vw 0 1.0416666667vw 0;
          line-height: 1.5; }
        body .container .solutions .list .item .text a {
          display: block;
          width: fit-content; }
    body .container .solutions .pager {
      display: flex;
      justify-content: center;
      margin: 4.1666666667vw 0 0 0;
      gap: 0.625vw; }
      body .container .solutions .pager .btn {
        width: 2.6041666667vw;
        height: 2.6041666667vw;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 600ms; }
        body .container .solutions .pager .btn img {
          transition: all 600ms;
          width: 1.5625vw; }
        body .container .solutions .pager .btn:hover {
          background: #B82234;
          border-color: #B82234; }
          body .container .solutions .pager .btn:hover img {
            filter: invert(1); }
      body .container .solutions .pager a {
        width: 2.6041666667vw;
        height: 2.6041666667vw;
        display: flex;
        align-items: center;
        justify-content: center; }
        body .container .solutions .pager a.on {
          background: #B82234;
          color: #fff; }
  @media screen and (max-width: 768px) {
    body .container .tabs {
      padding: 20px 5%;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
      border-bottom: 1px solid #E2E2E2; }
      body .container .tabs a {
        gap: 10px; }
        body .container .tabs a .icon {
          width: 28px; }
          body .container .tabs a .icon img {
            width: 100%; }
        body .container .tabs a p {
          font-size: 16px;
          white-space: wrap; }
    body .container .robotics {
      padding: 30px 5%; }
      body .container .robotics .intro {
        margin: 20px 0;
        font-size: 16px; }
      body .container .robotics .content {
        flex-direction: column;
        gap: 20px; }
        body .container .robotics .content .lbox {
          width: 100%; }
        body .container .robotics .content .rbox {
          width: 100%; }
          body .container .robotics .content .rbox .p1 {
            font-size: 16px; }
          body .container .robotics .content .rbox .des {
            margin-top: 10px;
            font-size: 16px; }
            body .container .robotics .content .rbox .des ul {
              padding-left: 25px; }
    body .container .related {
      padding-left: 5%; }
      body .container .related .t {
        margin-bottom: 20px; }
      body .container .related .pros .swiper1 a {
        padding: 20px; }
        body .container .related .pros .swiper1 a .bg {
          width: 100px; }
        body .container .related .pros .swiper1 a .name {
          height: 70px; }
        body .container .related .pros .swiper1 a .pic {
          margin: 20px 0; }
          body .container .related .pros .swiper1 a .pic img {
            height: 120px; }
    body .container .solutions {
      padding: 30px 5%;
      padding-bottom: 60px; }
      body .container .solutions .list .item {
        margin-top: 20px; }
        body .container .solutions .list .item .pic img,
        body .container .solutions .list .item .pic video {
          height: 300px; }
        body .container .solutions .list .item .text {
          padding: 0 20px;
          bottom: 20px; }
          body .container .solutions .list .item .text .des {
            margin: 5px 0 10px 0;
            font-size: 16px; }
      body .container .solutions .pager {
        margin: 30px 0 0 0;
        gap: 10px; }
        body .container .solutions .pager .btn {
          width: 25px;
          height: 25px; }
          body .container .solutions .pager .btn img {
            width: 15px; }
        body .container .solutions .pager a {
          width: 25px;
          height: 25px; } }

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