.banner{background-image: url('../images/ban-honor.jpg');}
.banner .en{background-image: url('../images/ban-en-honor.png');}
.main-honor{padding: 75px 0 0;}
.honor{position: relative;}
.side-year{height: 310px;overflow: hidden;width: 245px;position: absolute;}
.side-year-list{position: absolute;height: 310px;}
.side-year-list li{position: relative; font-size: 16px;width: 240px;height: 52px;font-size: 16px;line-height: 52px;margin-bottom: 10px;color: #252423;background-color: #FBFBFB;border-left: 5px solid #F5F5F5;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;cursor: pointer;}
.side-year-list li span{display: inline-block;height: 52px;line-height: 52px;margin-left: 40px;}
.side-year-list li.current{border-left: 5px solid #FF7600;background-color: #FF983F;color: #fff;}
.center{position: relative;margin-left: 315px;border-left: 1px solid #E3E3E3; padding-left: 25px;}
.year-wrap{margin-bottom: 80px;}
.year-tit{font-size: 36px;  font-weight: 600; color: #252423; margin-bottom: 30px;}
.month-list li{position: relative; font-size: 14px; padding: 10px; margin-bottom: 20px; line-height: 20px; display: flex; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.month-list li::before{content: '';width: 16px; height: 16px; position: absolute; left: -34px;top: 12px; background: url('../images/icon_diamond.png') no-repeat center / cover;filter: alpha(opacity=0);opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.month-list li:hover{background-color: #FF983F; color: #fff;}
.month-list li:hover::before{opacity: 1;filter: alpha(opacity=100);zoom: 1;}
.month-list .month{display: inline-block; font-size: 18px; font-weight: 600; position: absolute; margin-right: 14px;}
.month-list .split{left: 66px; position: absolute; line-height: 20px;}
.month-list .info{margin-left: 70px;}