#content{
	/*height: 1420px;*/ /*float: left;*/
}
.tilteBorder{
	margin-bottom: 80px;
}
.list{
	width: 100%; clear: both; margin-bottom: 45px; display: block;
}
.img{
	width: 256px; height: 144px; overflow: hidden; float: left;
}
.list img{
	width: 256px; 
}
.listR{
	width: 980px; height: 144px; margin-left: 44px; float: left; color: #333333; font-size: 16px; font-weight: bolder; position: relative; line-height: 27px;
}
.date{
	 color: #999999; font-size: 18px; font-weight: normal; margin-top: 12px;
}
.clear{
	clear: both;
}

.XLine{
	width: 980px; border-bottom: 1px solid #e1e1e1; margin-bottom: 60px;
}

.listYear{
	font-size: 14px; color: #aeaeae; width: 155px; height: 30px; background: #ededed; border-radius: 4px; text-align: center; line-height: 30px; margin-bottom: -13px;
}

.YLine{
	height: 120px; width: 1280px; background: #fff; border-top:1px #cccccc solid;  position: relative; 
}
.yaerList{
	width: 1280px; position: absolute;	top: 0; height: 100px; margin-top: -50px;
}

.year{
	width: 12px; height: 12px; position: relative; background: transparent;
}
.first{
	transition:.4s
}
.cycle div{
	width: 8px; height: 8px; border-radius: 4px; background: #999999; margin: 2px;  
}
.cycle{
	width: 12px; height: 12px; border:1px solid #999999; background: #fff; border-radius:6px; display: block;
}
.yearText{
	font-size: 14px; color: #999999; width: 84px; height: 32px; line-height: 38px; text-align: center; padding: 0 6px; box-sizing: border-box;
	cursor: pointer; margin-left: -49px; margin-top:50px;
}

.yearL .yearText{
    margin-top: -64px;
}

.yearSelect .cycle div,.from .cycle div{
	background: #5e9d79; 
}
.yearSelect .cycle,.from .cycle{
	border:1px solid #5e9d79;
}
.yearSelect .yearText,.from .yearText{
	color: #fff !important; border-radius: 4px; background: url(/static/images/icon7.png); margin-top: 68px;
}
/*.yearL .yearText{
	left: -104px;
}*/
.yearSelect.yearL .yearText{
	background: url(/static/images/icon8.png); margin-top: -68px; line-height: 26px;
}
.from{
	position: absolute; bottom: 165px; width: 200px;
}


.topIcon,.bottomIcon{
	width: 27px; height: 27px; z-index: 2; position: absolute; top: -14px;  background: url(/static/images/icon10.png); background-position: bottom; cursor: pointer;
}
.topIcon{
	left: 0;
}
.bottomIcon{
	background: url(/static/images/icon9.png); background-position: bottom; right: 0;
}
.null{
	background-position: top; cursor: default;
}

#gallery{
	width: 100%; height: 100px; margin-top: -50px; padding: 0 14px 0 60px;
    box-sizing: border-box;
}

.yeartips{
	color: #5e9d79;
    width: 110%;
    font-size: 14px;
    margin-top: 52px;
    margin-left: -101px;
    font-weight: bolder;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after  {
	background: #5e9d79;
    width: 27px;
    height: 27px;
    border-radius: 27px;
    color: #fff;
    font-size: 12px !important;
    text-align: center;
    font-weight: bolder;
    line-height: 27px !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right: 0 !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left: 0 !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1 !important; 
}
.swiper-button-next.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:after{
	background: #cccccc;
}