.page_title[data-v-550665f9],
.segment-wrap[data-v-550665f9] {
  width: vwPc(1312);
  margin: 0 auto;
}
.timeline-wrapper[data-v-550665f9] {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 100px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.timeline[data-v-550665f9] {
  width: 5240px;
  cursor: grab;
  position: relative;
}
.timeline[data-v-550665f9]:active {
  cursor: grabbing;
}
.timeline-svg-wrap[data-v-550665f9] {
  position: relative;
}
.timeline-svg-wrap[data-v-550665f9]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.timeline-svg-wrap[data-v-550665f9]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.timeline-svg[data-v-550665f9] {
  width: 100%;
  height: 500px;
}
.timeline-list[data-v-550665f9] {
  padding: 0 100px;
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
}
.timeline-item[data-v-550665f9] {
  width: 360px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.timeline-item-0[data-v-550665f9] {
  top: 54px;
}
.timeline-item-1[data-v-550665f9] {
  top: -18px;
}
.timeline-item-2[data-v-550665f9] {
  top: 25px;
}
.timeline-item-3[data-v-550665f9] {
  top: -45px;
}
.timeline-item-4[data-v-550665f9] {
  top: 89px;
}
.timeline-item-5[data-v-550665f9] {
  top: -130px;
}
.timeline-item-6[data-v-550665f9] {
  top: 145px;
}
.timeline-item-7[data-v-550665f9] {
  top: -146px;
}
.timeline-item-8[data-v-550665f9] {
  top: 170px;
}
.timeline-item-9[data-v-550665f9] {
  top: -135px;
}
.timeline-item-10[data-v-550665f9] {
  top: 122px;
}
.timeline-item-11[data-v-550665f9] {
  top: -130px;
}
.timeline-item-12[data-v-550665f9] {
  top: 127px;
}
.timeline-item-13[data-v-550665f9] {
  top: -118px;
}
.flex-end[data-v-550665f9] {
  justify-content: flex-end;
}
.circle[data-v-550665f9] {
  margin-left: -20px;
}
.desc-item-wrap[data-v-550665f9] {
  display: flex;
  align-items: baseline;
}
.dot[data-v-550665f9] {
  width: 5px;
  height: 5px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-right: 10px;
  flex: 0 0 auto;
}
.segment-wrap[data-v-550665f9] {
  text-align: center;
  padding-bottom: 64px;
}
.timeline-desc-wrap[data-v-550665f9] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 1.6;
}
.timeline-desc-wrap .year[data-v-550665f9] {
  font-size: 28px;
  line-height: 0.9;
  margin-bottom: 24px;
}
.timeline-desc-wrap .remark[data-v-550665f9] {
  font-size: 12px;
}.mob-page[data-v-0d7757fd] {
  padding: 0 16px 10px 16px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.segment-wrap[data-v-0d7757fd] {
  display: flex;
  align-items: center;
}
.timeline[data-v-0d7757fd] {
  height: 800px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.timeline-list[data-v-0d7757fd] {
  position: relative;
  margin-left: 33px;
  padding: 63px 0;
}
.timeline-list[data-v-0d7757fd]::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 63px;
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 1;
}
.timeline-list[data-v-0d7757fd]::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 63px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 1;
}
.timeline-line[data-v-0d7757fd] {
  display: block;
  height: 100%;
  width: 1px;
  background: rgb(207, 207, 207);
  position: absolute;
  left: 0px;
  top: 0;
}
.timeline-item[data-v-0d7757fd] {
  display: flex;
  margin-bottom: 45px;
  scroll-margin-top: 100px;
}
.circle[data-v-0d7757fd] {
  margin-left: -36px;
  margin-top: -28px;
  z-index: 2;
}
.timeline-desc-wrap[data-v-0d7757fd] {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 1.6;
}
.timeline-desc-wrap .year[data-v-0d7757fd] {
  font-size: 18px;
  line-height: 0.9;
  margin-bottom: 8px;
}
.timeline-desc-wrap .remark[data-v-0d7757fd] {
  font-size: 12px;
}.page[data-v-0079652a] {
  background-color: #fff;
  font-weight: 500;
  font-family: "Montserrat";
}
.page_title[data-v-0079652a] {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.95);
  line-height: 1.4;
  text-align: center;
  padding-top: clamp(0px, 6.9444444444vw, 100px);
  padding-bottom: clamp(0px, 2.7777777778vw, 40px);
  white-space: pre-wrap;
}
[data-v-0079652a] .circle {
  display: inline-block;
}
[data-v-0079652a] .circle .animate-circle1,[data-v-0079652a] .circle .animate-circle2,[data-v-0079652a] .circle .animate-circle3 {
  stroke-opacity: 0;
}
[data-v-0079652a] .timeline-item.selected .timeline-desc-wrap {
  color: rgba(0, 0, 0, 0.8);
}
[data-v-0079652a] .timeline-item.selected .dot {
  background-color: rgba(0, 0, 0, 0.8);
}
[data-v-0079652a] .timeline-item.selected .animate-circle1 {
  animation: glow1-0079652a 1.5s infinite;
}
[data-v-0079652a] .timeline-item.selected .animate-circle2 {
  animation: glow2-0079652a 1.5s infinite 0.3s;
}
[data-v-0079652a] .timeline-item.selected .animate-circle3 {
  animation: glow3-0079652a 1.5s infinite 0.6s;
}
[data-v-0079652a] .timeline-item.selected .animate-circle4 {
  fill: rgb(245, 245, 245);
}
@keyframes glow1-0079652a {
0%, 100% {
    stroke-opacity: 0;
}
50% {
    stroke-opacity: 0.4;
}
}
@keyframes glow2-0079652a {
0%, 100% {
    stroke-opacity: 0;
}
50% {
    stroke-opacity: 0.2;
}
}
@keyframes glow3-0079652a {
0%, 100% {
    stroke-opacity: 0;
}
50% {
    stroke-opacity: 0.1;
}
}
@media screen and (max-width: 1023.98px) {
.page_title[data-v-0079652a] {
    line-height: 1.5;
    font-size: 18px;
    padding: 64px 16px 96px 16px;
}
}
[data-v-0079652a] .el-segmented {
  --el-segmented-item-selected-color: rgb(0, 0, 0);
  --el-segmented-item-selected-bg-color: #fff;
  --el-segmented-color: rgba(0, 0, 0, 0.4);
}