.about-timeline {
			    /*background-color: #f5f5f5;*/
			    position: relative;
			    width: 100%;
			    max-width: 1920px;
			    margin-left: auto;
			    margin-right: auto;
			    padding-left: 15px;
			    padding-right: 15px;
			}
			
			.about-timeline .content-box {
			    position: relative;
			    padding-top: 30px;
			    padding-left: 0;
			    padding-right: 0;
			}
			
			.about-timeline .about-timeline-year {
			    position: relative;
			    margin-left: -15px;
			    margin-right: -15px;
			    border-top: 1px solid #dfdfdf;
			    margin-top: 20px;
			    margin-bottom: 40px;
			    padding: 0 25px;
			    overflow: hidden;
			}
			
			.about-timeline .about-timeline-year:before,
			.about-timeline .about-timeline-year:after {
			    position: absolute;
			    font-size: 20px;
			    top: 7px;
			}
			
			.about-timeline .about-timeline-year:before {
			    font-family: 'iconfont' !important;
			    content: '\e744';
			    left: 5px;
			}
			
			.about-timeline .about-timeline-year:after {
			    font-family: 'iconfont' !important;
			    content: '\e743';
			    right: 5px;
			}
			
			.about-timeline .about-timeline-year ul {
			    width: 100%;
			    overflow-y: hidden;
			    overflow-x: auto;
			    -ms-overflow-style: none;
			    /*// IE 10+*/
			    overflow: -moz-scrollbars-none;
			    /*// Firefox*/
			    text-align: center;
			    white-space: nowrap;
			    position: relative;
			}
			
			.about-timeline .about-timeline-year ul::-webkit-scrollbar {
			    display: none;
			    /*Safari and Chrome*/
			}
			
			.about-timeline .about-timeline-year ul li {
			    display: inline-block;
			    margin: 0 10px;
			    overflow: hidden;
			    font-size: 18px;
			}
			
			.about-timeline .about-timeline-year ul li a {
			    float: left;
			    border-top: 2px solid transparent;
			    line-height: 37px;
			}
			
			.about-timeline .about-timeline-year ul li a.active {
			    border-top: 2px solid #c7000b;
			    font-size: 18px;
			    color: #c7000b;
			}
			
			.about-timeline .year-content {
			    text-align: left;
			    overflow: hidden;
			}
			
			.about-timeline .year-content ul {
			    overflow: hidden;
			}
			
			.about-timeline .year-content ul li {
			    float: left;
			    margin-bottom: 25px;
			}
			
			.about-timeline .year-content h4 {
			    font-size: 5em;
			    color: #5a5858;
			    height: 80px;
			    line-height: 80px;
			    margin-bottom: 36px;
			    text-align: left;
			    width: 21%;
			        font-size: 60px;
                float: left;
			}
			
			.about-timeline .year-content .overtext {
			    height: 400px;
			    overflow: hidden;
			    margin-bottom: 1em;
			}
			
			.about-timeline .year-content p {
			    font-size: 14px;
			    line-height: 24px;
			    color: #5a5858;
			    position: relative;
			}
			
			.about-timeline .year-content p span {
			    display: block;
			    margin: 12px 0;
			    font-size: 18px;
			}
			
			.about-timeline .year-content .overtext.active {
			    height: auto;
			}
			
			@media (min-width: 992px) {
			    .about-timeline .content-box {
			        padding: 0;
			    }
			    .about-timeline .content-box h2 {
			        position: absolute;
			        top: 250px;
			        left: 0;
			    }
			    .about-timeline .content-box h2:after {
			        left: 0;
			        margin-left: 0;
			    }
			    .about-timeline .about-timeline-year {
			        position: absolute;
			        right: 25px;
			        top: 0;
			        bottom: 0;
			        border: none;
			        border-right: 2px solid #e9e9e9;
			        padding: 0;
			        padding-top: 100px;
			        width: auto;
			        margin: 0;
			    }
			    
			    .about-timeline .about-timeline-year:after,
			    .about-timeline .about-timeline-year:before {
			        content: '';
			    }
			    .about-timeline .about-timeline-year ul {
			        margin: 0;
			    }
			    .about-timeline .about-timeline-year ul li {
			        margin: 18px 0;
			        display: block;
			    }
			    .about-timeline .about-timeline-year ul li a {
			        height: 40px;
			        line-height: 40px;
			        opacity: 0.35;
			        font-size: 16px;
			        display: inline-block;
			        text-decoration: none;
			        border-right: 2px solid transparent;
			        width: 83px;
			    }
			    .about-timeline .about-timeline-year ul li a.active,
			    .about-timeline .about-timeline-year ul li a:hover {
			        color: #c7000b;
			        font-size: 20px;
			        border-right: 2px solid #c7000b;
			        opacity: 1;
			        border-top: none;
			    }
			    .about-timeline .year-content {
			        padding: 80px 0;
			        padding-left: 100px;
			        height: 400px;
			    }
			    .about-timeline .year-content ul {
			        width: 100%;
			        padding-right: 70px;
			    }
			    .about-timeline .year-content ul li {
			        opacity: 0.1;
			        width: auto;
			        display: block;
			        -webkit-transition: all 0.4s;
			        transition: all 0.4s;
			        width: 100%;
			        display: none;
			    }
			    .about-timeline .year-content ul li.active {
			        opacity: 1;
			        display: block;
			    }
			    .about-timeline .year-content ul li .overtext {
			        height: 500px;
			        overflow: hidden;
			        position: relative;
			        width: 70%;
                    float: left;
			    }
			    .about-timeline .year-content ul li p {
			        font-size: 16px;
			        line-height: 32px;
			    }
			    .about-timeline .year-content ul li .overtext::before{
			        content: "";
			        left: 0;
			        height: 80px;
			        width: 100%;
			        position: absolute;
			        bottom: 0;
			        background: linear-gradient(rgba(245,245,245,0) 0%,rgba(245,245,245,1) 90%);
			        z-index: 9;
			    }
			    .about-timeline .year-content ul li .overtext.no-masking::before,
			    .about-timeline .year-content ul li .overtext.active::before{
			        display: none;
			    }
			}
			@media (max-width:991px){
			    .about-timeline .year-content h4{
			        margin-top: 20px;
			        margin-bottom: 15px;
			        width: 100%;
			        text-align: center;
			    }
			    .fzlc1-2{
			        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
			    }
			    .about-timeline .year-content h4 br{
			            display: contents;
			    }
			    .about-timeline .year-content ul li .overtext.no-masking::before,
			    .about-timeline .year-content ul li .overtext.active::before{
			        display: none;
			    }
			    .about-timeline .year-content .overtext{position: relative;
			            width: 100%;    height: auto;
			    }
			    .about-timeline-year{
			        display: none;
			    }
			    .about-timeline .year-content p span{
			        font-size: 16px;
			    }
			    
			}