.wrapperMain{margin: 0 auto ;clear: both;zoom: 1;overflow: hidden;}
.yearsMain{background: #000;color: #848484;position: relative; padding:1.5em 0;}
.yearsSwiper{width: 70%;margin: 0 auto;text-align: center;overflow: hidden;}
.yearsSwiper .swiper-wrapper{white-space: nowrap;width: 100%;}
.yearsSwiper .swiper-slide{display: inline-block;/* width: 7.69%; */cursor: pointer;line-height: 2em;margin: 0 1em;}
.yearsSwiper .swiper-slide.swiper-slide-active{color: #99003a; font-size:1.25em;font-family: HYQiHei-80S; line-height: 1.5em; }
.yearPrev,.yearNext{position: absolute;width: 5%;height: 100%;top: 0;cursor: pointer;}
.yearPrev{left: 11%;background: url(../image/path_prev.png) center center no-repeat;}
.yearNext{right: 11%;background: url(../image/path_next.png) center center no-repeat;}
.yearPrev.noSlide{background: url(../image/path_prev1.png) center center no-repeat;}
.yearNext.noSlide{ background: url(../image/path_next1.png) center center no-repeat;}

.pathMain{width: 92%;margin: 5% auto 0; position: relative}
.pathMain .line{position: absolute; left: 0; top: 0.75em; height: 100%; border-left: 1px solid #99003a;}
.yearItem{margin-bottom: 4%;}
.yearItem h3{position:relative;padding: 0 0 0 6%;color: #99003a;font-weight: normal;margin-bottom: 2%;}
.yearItem h3 span{position: absolute;left: -0.7%;top: 50%;width: 1.4%;padding-top: 1.4%;background: #99003a;border-radius: 50%;margin-top: -0.7%;}
.yearList{margin-left: 6%;clear: both;overflow: hidden;zoom: 1;padding: 0 3%;background: #f3f5f7;}

.yearListMain{border-bottom: 1px solid #d1d3d4;position: relative;padding:3% 0 3% 10em;}
.yearListMain:nth-last-child(1){ border:none; }
.yearDate{left: 0;position: absolute;top: 50%;margin-top: -0.5em;}
.yearMore{width: 100%;line-height: 1.75em;clear: both;overflow: hidden;zoom: 1;}
.yearMore img{float: left;width: 30%;margin: 0 3% 3% 0;}
.yearMore strong{display: block;margin-bottom: 0.25em;}
.yearMore span{ }

.gloryMain .yearList{ }
.gloryMain .yearListMain{border: none;background: #f3f5f7;padding: 3% 0;clear: both;overflow: hidden;zoom: 1;}
.gloryMain .yearMore img{align-self: center;margin: 0 3% 0 0;}
.gloryMain .text{align-self: center;float: left;width: 70%;}
.gloryMain .text.longText{width: 100%;}
.yearsSwiper.floryYears .swiper-wrapper{ width: 100%;}
.floryYears .swiper-slide{width: 14.2%;}
.gloryMain .yearMore{display: flex; }

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