.develop { width: 100%; background-size: cover; overflow: hidden; position: relative; color: #222; background-position: center; background-repeat: no-repeat; }
.text1_wrap { position: relative; margin: 0 auto; }
.text1 { padding: 100px 10px 160px; }
.years { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 20px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.year_wrap { width: 100%; border-top: 1px dashed #9b9c9c; position: relative; }
.develop .year { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -6px; }
.develop .year li { width: 26px; height: 12px; border-left: 1px solid #9b9c9c; flex: 1; }
.develop .year_text { text-align: center; font-weight: 700; margin-top: 10px; }
/*年份text*/
.years .box_wrap{ width: 100%; position: relative; margin-bottom: 30px; opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; }
.swiper-slide-active .box_wrap { opacity: 1; }
.years .top_box { width: 100%; border-top: 4px solid #d3291a; padding: 25px 2px; color: #666; background: #fff; white-space: normal; word-wrap: break-word; word-break: break-all; font-size: 14px; display: block !important; }
.years .top_box::after { content: ""; width: 10px; height: 10px; background: #FFFFFF; position: absolute; bottom: -3px; left: 50%; margin-left: -5px; z-index: 10; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top_box_content { height: auto; overflow-y: auto; padding: 0 30px; }
.years .top_box li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 30px; }
.lastli { display: none; }
.years .top_box li span { width: 5px; height: 5px; border-radius: 5px; display: block; margin-right: 10px; background: #d3291a; }
.text1 .swiper-button { width: 50px; height: 50px; border-radius: 25px; background: #fff; color: #858585; outline: none; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 16px!important; }
.text1 .swiper-button-wrap { width: 150px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; margin-top: 60px; position: relative; }
.text1 .swiper-button-next { background: #d3291a; color: #fff; }
.swiper-slide-active .year_wrap { color: #d3291a; border-top: 1px dashed #d3291a; -webkit-transition: all 0.6s; transition: all 0.6s; }
.swiper-slide-active .year .year_center { position: relative; height: 18px; top: -11px; border-left: 1px solid #d3291a; -webkit-transition: all 0.6s; transition: all 0.6s; }
.swiper-slide-active .year_center span { position: absolute; width: 9px; height: 9px; border-radius: 9px; border: 2px solid #d3291a; left: -5px; top: 12px; background: #fff; -webkit-transition: all 0.6s; transition: all 0.6s; }
.swiper-slide-active .year li { border-color: #D3291A; }
.swiper-slide-active .year li:last-child { border-right: 1px solid #D3291A; }
.swiper-slide-active .year li:nth-last-child(2) { border-right: 1px solid #D3291A; }
.bg-year-text { color: rgba(255,255,255,0.2); font-size: 262px; font-weight: bold; width: 100%; text-align: center; display: block; margin-bottom: -300px; }
.swiper-wrapper { align-items: flex-end; }

/**
 * 媒体查询
 */
@media screen and (max-width: 1400px) {
  
}

@media screen and (max-width: 1200px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 800px) {
  .swiper-slide { width: 100% !important; padding-left: 20px; padding-right: 20px; }
  .swiper-slide-active .year .year_center { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; width: 0; }
  .bg-year-text { font-size: 160px; margin-top: -120px; }
  .lastli { display: block; }
}