.inner-section { padding-top: 70px; }
.inner-section .sec-name { font-size: 40px; font-weight: bold; margin-bottom: 13px; }
.inner-section .sec-desc { font-size: 24px; color: #666666; font-weight: 300; margin-bottom: 40px; }
.inner-section .sec-head.white .sec-name, .inner-section .sec-head.white .sec-desc { color: #fff; }
.inner-section .sec-more { display: block; margin: 50px auto; position: relative; z-index: 3; }

.history-list { padding-left: 20px; padding-top: 30px; margin: 40px 0; }
.history-list .history-title { font-size: 30px; margin-left: 200px; margin-bottom: 30px; }
.history-list .history-item .item-year { flex: 0 0 280px; max-width: 280px; font-size: 20px; text-align: center; border-right: 1px solid #eee; position: relative; }
.history-list .history-item .item-year .year-num span { display: block; width: 158px; height: 50px; line-height: 50px; border: 1px solid #e9e9e9; position: relative; color: #9e9e9e; background-color: #FFFFFF; }
.history-list .history-item .item-year .year-num span::before, .history-list .history-item .item-year .year-num span::after { content: ''; position: absolute; display: block; margin: auto; }
.history-list .history-item .item-year .year-num span::before { width: 12px; height: 19px; right: -1px; top: 0; bottom: 0; z-index: 2; background-color: #FFFFFF; }
.history-list .history-item .item-year .year-num span::after { border: 1px solid #e9e9e9; width: 13px; height: 13px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); right: -8px; top: 0; bottom: 0; z-index: 1; }
.history-list .history-item .item-year .year-num .dot { position: absolute; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #c1c1c1; right: -12px; margin: auto; top: 20px; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.history-list .history-item .item-year .year-num .dot::before { content: ''; width: 9px; height: 9px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #c1c1c1; z-index: 2; border-radius: 50%; margin: auto; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span, .history-list .history-item .item-year .year-num:hover span { background-color: #e54d49; color: #FFFFFF; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::before, .history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::after, .history-list .history-item .item-year .year-num:hover span::before, .history-list .history-item .item-year .year-num:hover span::after { border-color: #e54d49; background-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed span::before, .history-list .history-item .item-year .year-num:hover span::before { background-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed .dot, .history-list .history-item .item-year .year-num:hover .dot { border-color: #e54d49; }
.history-list .history-item .item-year .year-num.scroll-to-fixed-fixed .dot::before, .history-list .history-item .item-year .year-num:hover .dot::before { border-color: #e54d49; background-color: #e54d49; }
.history-list .history-item .item-con { padding-left: 40px; flex: 0 0 870px; max-width: 870px; padding-bottom: 40px; }
.history-list .history-item .item-con p { line-height: 50px; position: relative; padding-left: 50px; font-size: 16px; }
.history-list .history-item .item-con p strong { position: absolute; margin: auto; display: block; left: 0; top: 14px; font-weight: normal; margin-right: 10px; color: #dd3834; height: 24px; line-height: 24px; text-align: right; width: 40px; }