.timeline .tl-items{width:50%;float:left;display:flex;}
.timeline .swiper-slide:after{content:'';clear:both;display:block;}
.timeline .swiper-slide:nth-child(2n) .tl-items{float:right}
.timeline  .tl-content{width:505px;background: url(/js/35486/w-bg.png) no-repeat left top;padding: 27px 45px;background-size:100% 100%}
.timeline .swiper-slide:nth-child(2n+1) .tl-items{flex-direction:row-reverse}
.timeline .swiper-slide:nth-child(2n+1) .tl-content{background-image:url(/js/35486/w-bg1.png)}
.timeline .tl-year{font-size:22px;padding:20px;display:flex;align-items:center;position:relative}
.timeline .tl-year:after{content:'';position:absolute;width:16px;height:16px;background:#1b7535;border-radius:50%;top:50%;transform:translateY(-50%)}
.timeline .swiper-slide:nth-child(2n) .tl-year:after{left:-8px;}
.timeline .swiper-slide:nth-child(2n+1) .tl-year:after{right:-8px;}
.siggle-page{background:url(/js/35486/licheng_bg.jpg);}
.timeline{position:relative}
.timeline .line{width:2px;height:100%;position:absolute;background:#1b7535;left:50%;transform:translateX(-50%)}
.timeline .swiper-slide:nth-child(2n+1):hover .tl-content{background-image:url(/js/35486/b-bg1.png)}
.timeline .swiper-slide:nth-child(2n):hover .tl-content{background-image:url(/js/35486/b-bg.png)}
.timeline .swiper-slide:hover .tl-content{color:#fff}
@media (max-width:768px){.timeline .tl-items{width:100%}
.timeline .swiper-slide:nth-child(2n+1) .tl-items{flex-direction:row}
.timeline .swiper-slide{margin-bottom:20px}
.timeline .swiper-slide:nth-child(2n+1) .tl-year:after{left:-8px;right:initial}
.timeline .line{left:0;}
.timeline .tl-content{background:#fff !important}
}
.timeline .swiper {
  height: 750px;
  width: 100%;
  position: relative;
}
@media (max-width:768px){.timeline .swiper-wrapper{flex-direction:column}
.timeline .swiper-slide{height:auto}
.timeline .swiper{height:auto}
.timeline .swiper-slide:hover .tl-content{color:#000}
}
.timeline .swiper{height:auto;}
.timeline .swiper .swiper-wrapper{transform:none !important}