<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.research {
  overflow: hidden;
}

.research_row {
    max-width: 1070px;
    margin: 0 auto;
    padding: 110px 0 30px;
    position: relative;
    z-index: 1;
}

.research_bg {
  position: relative;
}

.title {
  text-align: center;
  width: 100%;
}

.title img {
  width: 100%;
}

.research_text {
  padding: 25px 0 25px;
  width: 100%;
  color: #3E444B;
  font-size: 23px;
  font-weight: bold;
}

.research_text img {
  width: 100%;
}

.research_box {
  width: 100%;
  position: relative;
  margin: 30px 0 30px;
}

.research_box img {
  width: 100%;
}

.research_box_2 {
    width: 100%;
    margin: 15px 0 25px;
}
.mb_25{
  margin-bottom: 25px;
}
.research_box_2 img {
  width: 100%;
}

.research_time {
  background-image: url(../img/time_be.png);
  background-position: center;
  position: relative;

}

.research_time_row {
  max-width: 1070px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 20px 0;
}

.timeline {
  width: 100%;
  position: relative;

}

.timeline img {
  width: 100%;
}

.timeline_position {
  position: absolute;
  width: 100%;

  max-width: 50%;
}

.timeline_position img {
  width: 100%;
}

.timeline_1 {
  max-width: 378px;
  right: 107px;
  top: 13px;
}

.timeline_2 {
  max-width: 435px;
  left: 103px;
  top: 30px;
}

.timeline_3 {
  max-width: 446px;
  right: 91px;
  top: 196px;
}

.timeline_4 {
  max-width: 444px;
  left: 90px;
  top: 265px;
}

.timeline_5 {
  max-width: 470px;
  right: 65px;
  top: 527px;
}

.timeline_6 {
  max-width: 457px;
  left: 79px;
  top: 591px;
}

.timeline_7 {
  max-width: 442px;
  right: 93px;
  top: 1420px;
}

.timeline_8 {
  max-width: 441px;
  left: 92px;
  top: 1752px;
}

.timeline_9 {
  max-width: 429px;
  right: 107px;
  top: 2046px;
}

.timeline_10 {
  max-width: 440px;
  left: 96px;
  top: 2352px;
}

.timeline_11 {
  max-width: 425px;
  right: 113px;
  top: 2451px;
}



.research_icon {
  position: absolute;

}

.research_icon_1 {
  top: -3%;
  left: -8%
}

.research_icon_2 {
  top: -5%;
  right: 0%;
}

.research_icon_3 {
  bottom: -5%;
  right: -8%;
}

.research_icon_4 {
  top: -5%;
  left: -15%;
}

.research_icon_5 {
  top: -5%;
  right: -20%;
}

.research_icon_6 {
  bottom: -5%;
  right: -8%;
}

.research_icon_7 {
  bottom: 0%;
  left: -12%;
}

.m_text {
  padding: 35px 0 0;
  font-size: 10px;
}

.m_text span {
  font-weight: bold;
}

.research_dk {
  display: block;
}

.research_mo {
  display: none;
}

.research_box_mask {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%) translateX(-50%);
  /* background-color: aqua; */
}

.research_box_mask_img {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/star.png);
  animation-name: spin;
  animation-duration: 2.5s;
  /* background-size: 50%; */
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
  background-position: 0% 0px;
  background-size: cover;
  height: 100%;
}

.molecular {
  position: absolute;
  bottom: 0%;
  right: 12%;
  animation: float 6s ease-in-out infinite;
}

.molecular img {
  max-width: 100%;
}

.footer {
  position: relative;
  min-height: 268px;
  background-color: #ad8945;
  margin-top: 0px;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

@keyframes spin {
  0% {
    background-position: 0px 0%;
  }

  10% {
    background-position: 0px 100%;
  }

  20% {
    background-position: 0px 0%;
  }

  30% {
    background-position: 0px 100%;
  }

  40% {
    background-position: 0px 0%;
  }

  50% {
    background-position: 0px 100%;
  }

  60% {
    background-position: 0px 0%;
  }

  70% {
    background-position: 0px 100%;
  }

  80% {
    background-position: 0px 0%;
  }

  90% {
    background-position: 0px 100%;
  }

  100% {
    background-position: 0px 0px;
  }


}

.research_box .kv_shine {
  width: 3.5vw;
  position: absolute;
  animation: flare linear 1s infinite alternate;
}

.research_box .kv_shine2 {
  width: 4vw;
  position: absolute;
  animation: flare linear 1s infinite alternate;
}

.kv_shine_an {
  top: 4%;
  left: 12%;

}

.kv_shine_an2 {
  top: 1%;
  left: 19%;
}

.kv_shine_an3 {
  top: 36%;
  left: 18%;

}

.kv_shine_an4 {
  top: 35%;
  left: 25.5%;
}

.kv_shine_an5 {
  top: 69%;
  left: 15%;
}

.kv_shine_an6 {
  top: 71.5%;
  left: 22%;
}

@keyframes flare {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1.3);
  }
}

/* .kv_shine img{
  width: 100%;
} */
@media screen and (max-width: 1440px) {
  .kv_shine_an2 {
    top: 4%;
    left: 20.5%;
  }

  .kv_shine_an4 {
    top: 37.5%;
    left: 26.5%;
  }

  .kv_shine_an6 {
    top: 73.5%;
    left: 23.5%;
  }
}

@media screen and (max-width: 960px) {
  .molecular {
    position: absolute;
    bottom: 0;
    right: 2%;
    animation: float 6s ease-in-out infinite;
    width: 110px;
  }

  .research_box_2 {
    position: relative;
    padding: 15px 0;
  }

  .research_text {
    padding: 25px 0 0;
    width: 100%;
    color: #3E444B;
    font-size: 19px;
    font-weight: bold;
  }

  .research_box_mask_img {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/m/star1m.png);
    animation-name: spin;
    animation-duration: 2.5s;
    /* background-size: 50%; */
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end);
    background-position: 0% 0px;
    background-size: cover;
    height: 100%;
  }

  .research_text {
    padding: 15px 0;
    width: 100%;
  }

  .research {
    overflow: hidden;
    padding: 0 15px;
  }

  .research_dk {
    display: none;
  }

  .research_mo {
    display: block;
  }

  .research_row {
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
    z-index: 1;
  }

  .research_time_bg {
    background-image: url(../img/m/line_bg.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 15px 0 0;
  }

  .research_icon_1 {
    top: 0%;
    left: -3.5%;
    z-index: 0;
  }

  .research_icon_2 {
    top: 14%;
    right: -10%;
  }

  .research_icon_3 {
    top: 35%;
    left: -9%;
  }

  .research_icon_4 {
    top: 14%;
    right: -14%;
    left: inherit;
  }

  .research_icon_5 {
    top: 72%;
    right: -12%;
  }

  .m_text {
    padding: 45px 0 0;
    font-size: 10px;
    color: #888;
  }

  .timeline_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .timeline_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .research_box .kv_shine {
    width: 7.3vw;
    position: absolute;
    animation: flare linear 1s infinite alternate;
  }

  .research_box .kv_shine2 {
    width: 6.5vw;
        position: absolute;
        animation: flare linear 1s infinite alternate;
  }

  /* .kv_shine_an {
       

  } */

  .kv_shine_an2 {
            top: 5%;
        left: 19%;

  }

  /* .kv_shine_an3 {
    top: 35%;
    left: 7%;

  } */

  .kv_shine_an4 {
    top: 38%;
    left: 19%;
  }

  /* .kv_shine_an5 {
    top: 85%;
    left: 16%;
  } */

  .kv_shine_an6 {
    top: 74%;
    left: 19%;
  }

  .timeline_positionm {
    padding: 0 0 15px;
  }

  .research_box {
    width: 100%;
    position: relative;
    margin: 10px 0 0;
  }
}</pre></body></html>