.list-mod1:after, .list-mod1:before, .wrap:after, .wrap:before, .row:after, .row:before, .inner-row:after, .inner-row:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.inner-row { padding: 60px 0; }
.history-bd { background-color: #fbfaf8; }
.history-bd .tit { text-align: center; background-color: #fff; padding-bottom: 5%; }
.history-bd .tit h4 { font-size: 45px; color: #999; line-height: 90px; }
.history-bd .tit p { font-size: 23px; color: #d70011; }
.vertical-line { position: relative; z-index: 20; }
.vertical-line:after { content: ''; position: absolute; left: 50%; top: -40px; bottom: -30px; width: 1px; background-color: #ccc; }
.vertical-line:before { content: ''; width: 14px; height: 14px; top: -50px; border: 3px solid #d70011; left: 50%; position: absolute; border-radius: 50%; margin-left: -7px; z-index: 20; -webkit-box-shadow: 0px 4px 8px -2px rgba(219,25,40,0.9); box-shadow: 0px 4px 8px -2px rgba(219,25,40,0.9); -webkit-box-sizing: border-box; box-sizing: border-box; }
.history-bd .vertical-line:after { top: 80px; }
.history-bd .vertical-line:before { top: 80px; z-index: 20; background: #fff; }
.year-bd .item { padding: 3% 0; position: relative; }
.year-bd .item:hover .img-bor { -webkit-transform: scale(1.04); transform: scale(1.04); }
.year-bd .item:hover:after { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 1)'; }
.year-bd .item:hover h3 em { font-size: 50px; }
.year-bd .item:hover h3 span { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; }
.year-bd .item:after { content: ''; position: absolute; left: 0; height: 100%; bottom: 0; background-color: #fff; left: -2000px; right: -2000px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; }
.year-bd .img img { display: inline-block; }
.year-bd .txt p { font-size: 15px; color: #333; line-height: 32px; margin: 15px 0; }
.year-bd .img, .year-bd .txt { display: table-cell; width: 50%; vertical-align: top; padding: 0 7%; position: relative; z-index: 10; }
.year-bd .img { position: relative; z-index: 30; }
.year-bd .pad { display: table; width: 100%; max-width: 1400px; margin: 0 auto; }
.year-bd .even .img { text-align: right; }
.year-bd .img-bor { position: relative; -webkit-transition: 0.3s; transition: 0.3s; font-size: 0; }
.year-bd .img-bor:after { content: ''; position: absolute; top: 0; bottom: 0; width: 3px; background-color: #d70011; }
.year-bd h3 { line-height: 1; color: #d70011; font-size: 26px; font-weight: bold; position: relative; margin-top: 0.5em; margin-bottom: 0.7em; }
.year-bd h3:before { content: ''; width: 40%; border-top: 1px dashed #c9cfcb; position: absolute; margin-top: 3.5%; top: 0; }
.year-bd h3 span { text-transform: uppercase; display: block; font-size: 24px; color: #999; top: -30px; position: absolute; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; -webkit-transition: 0.3s; transition: 0.3s; }
.year-bd h3 em { z-index: 20; -webkit-transition: 0.3s; transition: 0.3s; letter-spacing: 0.075em; position: relative; }
.year-bd .even .txt, .year-bd .even h3 { text-align: left !important; }
.year-bd .even h3:before { left: -40%; }
.year-bd .even h3 span { left: 0; }
.year-bd .even .img-bor:after { right: 0; }
.year-bd .odd .txt, .year-bd .odd h3 { text-align: right !important; }
.year-bd .odd h3:before { right: -39%; }
.year-bd .odd h3 span { right: 0; }
.year-bd .odd .img-bor:after { left: 0; }
.year-bd .no-img h3:before { display: none; }
.year-hd { position: relative; z-index: 10; }
.year-hd .item { text-align: center; position: relative; padding-bottom: 40px; cursor: pointer; }
.year-hd .item:after { -webkit-transition: 0.3s; transition: 0.3s; content: ''; width: 14px; height: 14px; border: 3px solid #e5e5e5; left: 50%; bottom: 7px; position: absolute; border-radius: 50%; margin-left: -7px; background-color: #fff; z-index: 20; -webkit-box-shadow: 0px 4px 8px -2px #ccc; box-shadow: 0px 4px 8px -2px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }
.year-hd h4 { font-size: 24px; -webkit-transition: 0.3s; transition: 0.3s; color: #999; }
.year-hd .slick-current h4 { color: #d70011; }
.year-hd .slick-current:after { border: 3px solid #d70011; -webkit-box-shadow: 0px 4px 8px -2px rgba(219,25,40,0.9); box-shadow: 0px 4px 8px -2px rgba(219,25,40,0.9); }
.history-hd { margin-bottom: 1.2%; position: relative; }
.history-hd:after { content: ''; position: absolute; left: 0; width: 100%; border-bottom: 1px dashed #ddd; bottom: 13px; }
.year-hd1.slick-initialized, .year-bd1.slick-initialized, .slider.slick-initialized { visibility: visible; opacity: 1; }
.year-hd1, .year-bd1, .slider { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.wrap { margin: 0 auto; width: 80%; }