@keyframes goAnimate {
  100% {
    transform: translateX(-50%); } }
@keyframes yAnimate {
  0% {
    transform: translateY(60px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; }

.common_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.item_hover {
  overflow: hidden; }
  .item_hover:hover img {
    transform: scale(1.05); }
  .item_hover img {
    width: 100%;
    height: 100%;
    transition: .6s ease; }

.home .section1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10.78125vw;
  padding: 1.7708333333vw 0; }
  .home .section1 .item {
    text-align: center; }
    .home .section1 .item .dis {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      margin: 0 0 0.5208333333vw; }
      .home .section1 .item .dis span {
        color: #0A0A0A;
        font-weight: 500;
        line-height: 2.7083333333vw; }
      .home .section1 .item .dis .p1 {
        color: #191919;
        font-weight: 500;
        margin: 0 0 0 0.5208333333vw; }
    .home .section1 .item .p2 {
      color: #191919;
      font-weight: 350; }
.home .section2 {
  padding: 6.1979166667vw 9.4791666667vw 2.3958333333vw 10.4166666667vw;
  display: flex;
  justify-content: space-between; }
  .home .section2 .l .title {
    color: #000;
    margin: 0 0 4.84375vw;
    font-weight: bold; }
  .home .section2 .l .cut .list {
    display: flex;
    align-items: center;
    gap: 0.78125vw;
    cursor: pointer; }
    .home .section2 .l .cut .list.on span {
      background: #000; }
    .home .section2 .l .cut .list.on p {
      color: #000; }
    .home .section2 .l .cut .list:not(:last-child) {
      margin: 0 0 2.8645833333vw; }
    .home .section2 .l .cut .list span {
      width: 0.2083333333vw;
      height: 0.2083333333vw;
      border-radius: 50%;
      background: #C2C2C2;
      transition: .6s ease; }
    .home .section2 .l .cut .list p {
      color: #C2C2C2;
      transition: .6s ease; }
  .home .section2 .r {
    width: 61.875vw;
    margin: 5.2083333333vw 0 0 0;
    position: relative; }
    .home .section2 .r .map {
      width: 100%; }
    .home .section2 .r .position {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .home .section2 .r .position .point {
        position: absolute; }
        .home .section2 .r .position .point.on {
          z-index: 5; }
          .home .section2 .r .position .point.on .hide {
            opacity: 1;
            pointer-events: auto; }
        .home .section2 .r .position .point .circle {
          width: 0.78125vw;
          height: 0.78125vw;
          border-radius: 50%;
          background: #44B3A0; }
        .home .section2 .r .position .point .hide {
          width: 24.2708333333vw;
          height: 14.84375vw;
          border-radius: 0.3125vw 0.3125vw 0px 0px;
          overflow: hidden;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -10.4166666667vw;
          opacity: 0;
          pointer-events: none;
          transition: .6s ease; }
          .home .section2 .r .position .point .hide img {
            width: 100%; }
      .home .section2 .r .position .point1 {
        top: 7.8125vw;
        left: 11.8229166667vw; }
      .home .section2 .r .position .point2 {
        top: 11.1458333333vw;
        left: 49.6875vw; }
      .home .section2 .r .position .point3 {
        top: 10.4166666667vw;
        left: 51.09375vw; }
      .home .section2 .r .position .point4 {
        top: 17.8125vw;
        left: 51.09375vw; }
      .home .section2 .r .position .point5 {
        top: 3.125vw;
        left: 51.09375vw; }
.home .section3 {
  padding: 5.625vw 10.4166666667vw 8.59375vw 10.4166666667vw;
  background: #277E6E;
  overflow: hidden; }
  .home .section3 .title {
    color: #FFF;
    margin: 0 0 3.125vw;
    font-weight: bold; }
  .home .section3 .cut {
    display: flex;
    gap: 1.25vw; }
    .home .section3 .cut .list {
      width: 8.3333333333vw;
      height: 2.6041666667vw;
      border: 1px solid #C3E6E0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF;
      opacity: .3;
      cursor: pointer;
      transition: .6s ease;
      line-height: 2.6041666667vw; }
      .home .section3 .cut .list.on {
        opacity: 1;
        background: #C3E6E0;
        color: #277E6E; }
  .home .section3 .content {
    margin: 4.1666666667vw 0 0 0;
    position: relative; }
    .home .section3 .content .matter {
      justify-content: space-between;
      display: flex;
      width: 100%;
      opacity: 0;
      transform: translateY(60px);
      pointer-events: none; }
      .home .section3 .content .matter.on {
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
        transition: 1s; }
      .home .section3 .content .matter:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0; }
      .home .section3 .content .matter .l .list {
        display: flex;
        align-items: center;
        gap: 1.5625vw;
        opacity: .4;
        transition: .6s ease;
        cursor: pointer; }
        .home .section3 .content .matter .l .list:not(:last-child) {
          margin: 0 0 2.5vw; }
        .home .section3 .content .matter .l .list.on {
          opacity: 1; }
        .home .section3 .content .matter .l .list img {
          width: 1.3541666667vw;
          height: 1.3541666667vw; }
        .home .section3 .content .matter .l .list p {
          color: #FFF; }
      .home .section3 .content .matter .r {
        width: 45.78125vw;
        margin-top: -6.25vw; }
        .home .section3 .content .matter .r .end {
          display: flex;
          justify-content: flex-end;
          margin: 0 0 2.6041666667vw; }
          .home .section3 .content .matter .r .end .button {
            display: flex;
            width: 5.8854166667vw;
            justify-content: space-between; }
            .home .section3 .content .matter .r .end .button svg {
              cursor: pointer; }
              .home .section3 .content .matter .r .end .button svg:first-child {
                transform: rotateY(180deg); }
              .home .section3 .content .matter .r .end .button svg path {
                stroke: #fff; }
        .home .section3 .content .matter .r .swiper1 {
          width: 77.1875vw; }
          .home .section3 .content .matter .r .swiper1 .swiper-slide img {
            width: 100%;
            height: 25.8333333333vw; }
.home .section4 {
  padding: 6.25vw 10.4166666667vw; }
  .home .section4 .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 3.3854166667vw; }
    .home .section4 .top .title {
      color: #000;
      font-weight: bold; }
    .home .section4 .top .more {
      display: flex;
      align-items: center;
      gap: 1.25vw; }
      .home .section4 .top .more:hover svg {
        transform: translateX(10px); }
      .home .section4 .top .more svg {
        width: 1.3541666667vw;
        transition: 600ms; }
      .home .section4 .top .more p {
        color: #090909; }
  .home .section4 .content {
    display: flex;
    justify-content: space-between; }
    .home .section4 .content .item {
      width: 24.375vw;
      height: 29.375vw;
      background: #D9D9D9;
      position: relative;
      z-index: 1; }
      .home .section4 .content .item:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 15.46875vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #050505 100%);
        bottom: 0;
        left: 0; }
      .home .section4 .content .item .text {
        position: absolute;
        padding: 1.5625vw 2.0833333333vw;
        color: #FFF;
        left: 0;
        bottom: 0;
        z-index: 5;
        transform: translateY(7.2916666667vw);
        transition: all 600ms; }
        .home .section4 .content .item .text .p1 {
          line-height: 2; }
        .home .section4 .content .item .text .des {
          line-height: 1.5;
          margin-top: 0.8333333333vw;
          height: 5.625vw;
          overflow-y: scroll; }
          .home .section4 .content .item .text .des::-webkit-scrollbar {
            width: 2px; }
          .home .section4 .content .item .text .des::-webkit-scrollbar-thumb {
            background-color: #FFF; }
      .home .section4 .content .item:hover .text {
        transform: translateY(0); }
.home .section5 {
  padding: 0 0 6.4583333333vw;
  overflow: hidden; }
  .home .section5 .title {
    padding: 0 10.4166666667vw;
    color: #000;
    font-weight: bold; }
  .home .section5 .content {
    margin: 4.5833333333vw 0 0 0; }
    .home .section5 .content .go {
      display: flex;
      width: max-content;
      animation: goAnimate 150s linear infinite; }
      .home .section5 .content .go:not(:last-child) {
        margin: 0 0 4.6875vw; }
      .home .section5 .content .go:nth-child(2) {
        animation-direction: reverse; }
      .home .section5 .content .go .flex {
        display: flex;
        align-items: center; }
        .home .section5 .content .go .flex .img {
          margin: 0 7.8125vw 0 0; }
@media screen and (max-width: 768px) {
  .home {
    padding-top: 60px; }
    .home .section1 {
      padding: 40px 0;
      gap: 40px 20px;
      flex-wrap: wrap; }
      .home .section1 .item {
        width: 30%; }
        .home .section1 .item .dis {
          margin: 0 0 10px; }
          .home .section1 .item .dis span {
            line-height: 1; }
    .home .section2 {
      padding: 40px 5%;
      flex-direction: column; }
      .home .section2 .l .title {
        margin: 0 0 20px; }
      .home .section2 .l .cut {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px 10px; }
        .home .section2 .l .cut .list {
          margin: 0 !important;
          gap: 10px; }
          .home .section2 .l .cut .list p {
            font-size: 14px; }
          .home .section2 .l .cut .list span {
            width: 4px;
            height: 4px; }
      .home .section2 .r {
        width: 100%;
        margin: 30px 0 0 0; }
        .home .section2 .r .position .point {
          position: static;
          display: none; }
          .home .section2 .r .position .point.on {
            display: block;
            animation: yAnimate 1s linear forwards; }
          .home .section2 .r .position .point .circle {
            display: none; }
          .home .section2 .r .position .point .hide {
            display: block !important;
            position: static;
            transform: none;
            width: 57%;
            height: auto;
            margin: 30px auto 0; }
    .home .section3 {
      padding: 40px 5%; }
      .home .section3 .title {
        margin: 0 0 20px; }
      .home .section3 .cut {
        gap: 20px; }
        .home .section3 .cut .list {
          width: fit-content;
          height: 40px;
          padding: 0 20px; }
      .home .section3 .content {
        margin: 30px 0 0 0; }
        .home .section3 .content .matter {
          flex-direction: column; }
          .home .section3 .content .matter .l .list {
            gap: 15px; }
            .home .section3 .content .matter .l .list:not(:last-child) {
              margin: 0 0 15px; }
            .home .section3 .content .matter .l .list img {
              width: 10px;
              height: auto; }
          .home .section3 .content .matter .r {
            width: 100%;
            margin-top: 30px;
            display: flex;
            flex-direction: column-reverse; }
            .home .section3 .content .matter .r .end {
              justify-content: center;
              margin: 30px 0 0 0; }
              .home .section3 .content .matter .r .end .button {
                width: fit-content;
                gap: 30px; }
            .home .section3 .content .matter .r .swiper1 {
              width: 100%;
              margin: 25px 0 0 0; }
              .home .section3 .content .matter .r .swiper1 .swiper-slide img {
                height: 220px; }
    .home .section4 {
      padding: 50px 5%; }
      .home .section4 .top {
        gap: 20px;
        margin: 0 0 30px; }
        .home .section4 .top .more {
          gap: 20px; }
          .home .section4 .top .more svg {
            width: 20px;
            height: fit-content; }
      .home .section4 .content {
        flex-direction: column;
        gap: 15px; }
        .home .section4 .content .item {
          width: 100%;
          height: 400px; }
          .home .section4 .content .item::after {
            height: 200px; }
          .home .section4 .content .item .text {
            padding: 20px 5%;
            transform: translateY(0); }
            .home .section4 .content .item .text .des {
              max-height: 100px;
              height: auto; }
    .home .section5 {
      padding: 20px 5% 50px 5%; }
      .home .section5 .title {
        margin: 0 0 40px;
        padding: 0; }
      .home .section5 .content .go:not(:last-child) {
        margin: 0 0 20px; }
      .home .section5 .content .go .flex .img {
        width: 80px;
        height: fit-content;
        margin: 0 50px 0 0; }
        .home .section5 .content .go .flex .img img {
          width: 100%;
          object-fit: contain; } }

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