/* 时间线开始 */
.jm-timeline {
  height: 100%;
  width: 100%;
  position: relative;
}
.jm-timeline > .line {
  width: 3px;
  height: 508px;
  border: solid 2px #6ca6dd;
  background-color: #6ca6dd;
  margin-left: 10%;
  transform: translateY(6%);
  position: relative;
}
.jm-timeline .line .node {
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 3px solid #6ca6dd;
  border-radius: 15px;
  position: absolute;
  left: -7px;
}
.jm-timeline .line .node2018 {
  bottom: 5%;
}
.jm-timeline .line .node2019 {
  bottom: 21%;
}
.jm-timeline .line .node2020 {
  bottom: 37%;
}
.jm-timeline .line .node2021 {
  bottom: 53%;
}
.jm-timeline .line .node2022 {
  bottom: 69%;
}
.jm-timeline .line .node2023 {
  bottom: 85%;
  width: 18px;
  height: 18px;
  left: -8px;
  border: 5px solid #005bac;
  background-color: #ffffff;
}
.jm-timeline .line .Xline {
  width: 60px;
  height: 3px;
  position: absolute;
  left: 6px;
  bottom: calc(85% + 8px);
  background-image: linear-gradient(270deg, #178cf5 0%, rgba(12, 124, 217, 0.5) 50%, rgba(1, 108, 188, 0.99) 99%, #ffffff 100%);
}
.jm-timeline > .time {
  position: absolute;
  left: 6%;
  bottom: 5%;
  color: #0d0d0d;
  font-size: 14px;
}
.jm-timeline > .time2018 {
  bottom: 5%;
}
.jm-timeline > .time2019 {
  bottom: 20%;
}
.jm-timeline > .time2020 {
  bottom: 35%;
}
.jm-timeline > .time2021 {
  bottom: 50%;
}
.jm-timeline > .time2022 {
  bottom: 65%;
}
.jm-timeline > .time2023 {
  bottom: 80%;
  color: #016cbc;
}
.jm-timeline > .now-time {
  color: #016cbc;
  font-size: 24px;
  position: absolute;
  top: 15%;
  left: 18%;
}
.jm-timeline > .content-text {
  position: absolute;
  top: 28%;
  left: 18%;
}
.jm-timeline .content-text div {
  margin-bottom: 20px;
}
.jm-timeline .content-text .icon {
  color: #016cbc;
}
.jm-timeline > .content-text > .text {
  font-size: 14px;
  color: #000000;
}
/* -------------------结束--------------------- */
/* 图片滚动效果开始 */
@keyframes rowleft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }
}
.partner {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  box-sizing: border-box;
}
.partner .partnerUlBox.fast {
  -webkit-animation: 60s rowleft linear infinite normal;
  animation: 60s rowleft linear infinite normal;
}
.partner .partnerUlBox {
  width: 3760px;
  font-size: 0;
  white-space: nowrap;
  -webkit-animation: 80s rowleft linear infinite normal;
  animation: 80s rowleft linear infinite normal;
  height: 124px;
  line-height: 124px;
}
.partner .partnerUlBox img {
  width: 217px;
  height: 133px;
  vertical-align: middle;
  margin: 0 34px;
}
/* ------------------结束----------------- */
.jminfo-header {
  height: 420px;
  background: url('../image/banner1.jpg') no-repeat;
  background-size: 100% 100%;
  padding-top: 2%;
}
.jminfo-header-text__title {
  font-size: 48px;
  color: #323b4b;
  margin-top: 80px;
}
.product_desc{
  font-size: 14px;
}
.jminfo-header-text__chiltitle {
  font-size: 16px;
  color: #5e6f98;
  width: 100%;
  height: 20px;
      line-height: 20px;
}
.jminfo-header-text__chiltitle  .video_model{
  float: left;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: url('../image/video.png') no-repeat;
    background-size: 100% 100%;
        cursor: pointer;
}
.jminfo-header-text__chiltitle  .video_model:hover{
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: url('../image/video_hover.png') no-repeat;
    background-size: 100% 100%;
}
.jminfo-header-text__info {
  color: #2d3341;
  font-size: 16px;
  margin-top: 30px;
  list-style: 28px;
}
.jminfo-main-trait__item {
  display: flex;
  padding: 28px;
}
.video_wrap {
  background: url('../image/video_bg.jpg') no-repeat;
    height: 240px;
    cursor: pointer;
    background-position: 60px 30px;
}
.home_intro {
  position: relative;
  top: -52px;
  background: #fff;
  padding: 30px 0 28px;
}
.home_intro .row .row {
  margin-top: 30px;
  margin-bottom: 20px;
}
.home_intro img {
  max-width: 62px;
  max-height: 62px;
  margin: 8px 0 0 14px;
}
.home_intro .jminfo-main-trait_item_title {
  font-size: 22px;
  color: #131313;
  margin: 4px 0 6px;
}
.home_intro .jminfo-main-trait_item_content {
  font-size: 14px;
  color: #666666;
  margin: 0;
}
.home_intro .border_r {
  border-right: 1px solid #eee;
}

.jminfo-main-business__title,
.jminfo-main-progress__title,
.jminfo-main-culture__title {
  font-size: 36px;
  color: #1d1d1d;
  text-align: center;
   margin: 52px 0 42px 0px;
}
.jminfo-main-business__title{
   margin: 52px 0 42px 0px;
}
.jminfo-main-business__content {
  background-color: #ffffff;
  text-align: center;
  margin-top: 20px;
  padding: 20px;
}
/* .jminfo-main-progress {
    width: 100%;
} */
.jminfo-main-progress__content {
  width: 100%;
  padding-top: 20px;
}
.jminfo-main-culture__content {
  margin-top: 20px;
}
.jminfo-main-culture__content img {
      width: auto;
    height: 307px;
}

.jm-timeline{
      height: 626px;
    background: url(../image/bg2.png) no-repeat;
    background-size: 100% 100%;
}
.jm-timeline .scroll_wrap{
      margin-top: 44px;
    padding: 44px 0;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.jm-timeline .year{
  padding-top: 30px;
  width: 1450px;
   position: absolute;
    top: 0;
  transition: top 0.3s ease;
} 
.jm-timeline .year strong{
  font-size: 20px;
  margin-left: 13%;
}
.jm-timeline .text {
     width: 40%;
    padding-left: 7%;
    line-height: 34px;
    margin-bottom: 24px;
    margin: 14px 0px;
    margin-left: 15%;
    border-left: 1px solid #eee;
    white-space: pre-line;

}
.jm-timeline  .up_down{
    width: 36px;
    height: 86px;
    position: absolute;
    top: 458px;
    left: 59%;
}
.jm-timeline  .up_down .up{
  width: 36px;height: 36px;
  margin-bottom: 14px;
  background: url('../image/up.png') no-repeat;;
}
.jm-timeline  .up_down .up:hover{
  width: 36px;height: 36px;
  margin-bottom: 14px;
  background: url('../image/upHover.png') no-repeat;
}
.jm-timeline  .up_down .down{
  width: 36px;height: 36px;
  background: url('../image/down.png') no-repeat;;
}
.jm-timeline  .up_down .down:hover{
  width: 36px;height: 36px;
  background: url('../image/downHover.png') no-repeat;
}
@media screen and (min-width: 300px) and (max-width: 768px) {
  .jminfo-header {
    height: 400px;
    background: url('../image/topbg-s.png') no-repeat;
    background-size: 100% 100%;
  }
  .jminfo-header-text__info {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    margin: 30px 10px;
  }
  .jminfo-main-progress__content {
    width: 100%;
    margin-top: 20px;
  }
  .jminfo-main-business__content > img {
    width: 100%;
    height: 100%;
  }
  .jminfo-main-culture__content > img {
    width: 100%;
    height: 100%;
  }
  .jm-timeline > .time {
    display: none;
  }
  .jm-timeline > .node {
    left: 9%;
  }
  .jm-timeline > .node2023 {
    left: 8%;
  }
  .jm-timeline > .Xline {
    left: 12.5%;
  }
  .jm-timeline > .now-time {
    left: 30%;
  }
}