.category-top {
  padding-top: 50px;
}
.about_develop .category-bottom {
  padding: 50px 0 50px;
}
.introduce-year {
  font-size: 30px;
}
.introduce-content {
  font-size: 18px;
}
.introduce-video {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.introduce-video img {
  position: absolute;
  height: 100%;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -100%;
  right: -100%;
}
.introduce-word p {
  font-size: 16px;
  line-height: 30px;
}
.about_develop .category-develop_title {
  padding: 100px 0;
}
.history-timeline-bg-pic {
  display: none;
}
.history_timeline_item {
  margin-bottom: 50px;
}
.culture-list {
  display: block;
  margin-bottom: 40px;
}
.video-font-bold {
  font-size: 20px;
}
.video-pre,
.video-next {
  font-size: 16px;
}
.idea-line {
  gap: 10px;
}
@media (min-width: 1024px) {
  .history_timeline {
    height: 0;
    padding: 18% 0;
  }
  .history-timeline-mid {
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto;
  }
  .history-timeline-bg {
    background: none;
    height: auto;
    top: 50%;
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
  }
  .history-timeline-bg-pic {
    display: block;
    width: 100%;
  }
  .history_timeline_item::before {
    display: none;
  }
  .history_timeline_item::after {
    display: none;
  }
  .history_timeline_item h2 {
    font-size: 26px;
  }
  .history_timeline_item p {
    line-height: 20px;
    font-size: 12px;
  }
  .history_timeline_item.history-item2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 260px;
    margin-left: -43.5%;
    margin-top: -10%;
  }
  .history_timeline_item.history-item4 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    margin-left: -21%;
    margin-top: -13.5%;
  }
  .history_timeline_item.history-item5 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    margin-left: 4.6%;
    margin-top: -13%;
  }
  .history_timeline_item.history-item7 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 28%;
    margin-top: -9.5%;
  }
  .history_timeline_item.history-item3 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 320px;
    margin-left: -22.5%;
    margin-top: 9.5%;
  }
  .history_timeline_item.history-item6 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    margin-left: 9.5%;
    margin-top: 9.5%;
  }
  .history_timeline_item.history-item1 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 280px;
    margin-left: -48%;
    margin-top: 11.6%;
  }
  .qcy-name {
    font-size: 26px;
  }
  .qcy-content {
    font-size: 16px;
    line-height: 30px;
  }
  .idea-pic {
    width: 80%;
  }
  .idea-right-bottom {
    margin-top: 50px;
  }
}