@CHARSET "UTF-8";
/*= Reset =*/


.developmentPath{
    padding-top:150px;
}
.history_title{
    text-align: center;
    margin-bottom:60px;
    text-align: center;

}
.history_title h2{
    font-size:52px;
    font-weight: bold;
    letter-spacing: 2px;
    background-image: linear-gradient(45deg,#00aa50,#80d986); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}

.history-content{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.history-content-left{
    position: absolute;
    width:10%;
    background-color: #f8f8f8;
    padding:60px 0;
    overflow: hidden;
}

.event_year {width: 100%;height: 800px;overflow-y: scroll;overflow-x: hidden;}
.event_year::-webkit-scrollbar{
    display: none;
}
.event_year li { height:48px;font-size:16px;color:#828282;cursor:pointer; text-align: center;position: relative;}
.event_year li::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    left:25%;
    top: 8px;
    z-index: 9;
}
.event_year li::after{
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background: #ccc;
    position: absolute;
    left:27.5%;
    top: 18px;
}
.event_year li.current { width:100%;color:#06aa54;text-align:center;font-size:20px;font-weight: bold;}
.event_year li.current::before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    /* background: #06aa54;
    border-radius: 50%; */
    background: url(../../images/point.png) no-repeat;
    background-size:cover;
    position: absolute;
    left:22%;
    top: 3px;
}


.history-content-right{
    width:100%;
    overflow: hidden;
    background: rgba(6, 170, 84, .1);
    padding:60px 0;
}
.event_list {padding-left:15%;padding-right:8%;height: 800px;overflow: hidden;}
.history-content-line{
overflow: hidden;
}
.history-line-top{position: relative;overflow: hidden;line-height: 60px;border-bottom:1px solid #ddd;}
.history-line-top h1{
    font-size:48px;
    font-weight: bold;
    color:#06aa54;
    line-height: 80px;
    position: relative;
}
.history-line-top h1::after{
    content: "";
    display: block;
    width: 120px;
    height:4px;
    background: #06aa54;
    position: absolute;
    left:0;
    bottom:0;
}
.history-line-top h3{font-size: 60px; font-family: ArialMT;color: rgba(6, 170, 84, .3);position: absolute;right:0;top:0;}
/* .event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('../img/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; } */
.history-line-c{
    padding:40px 0;
    overflow: hidden;
}
.history-line-c ul{
    border-left:1px solid #ddd;
    padding-left:30px;
    padding-right:60px;
    overflow-x: hidden;
    height: 800px;
    overflow-y:scroll
}
.history-line-c ul h4{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
}
.history-line-c ul::-webkit-scrollbar{
    width:4px;
    height:800px;
    background: #ddd;
}
.history-line-c ul::-webkit-scrollbar-thumb{background-color: #06aa54;}

.event_list li { padding:30px 0; border-top:1px solid #eee;}
.event_list li:last-child{border-bottom:1px solid #eee}
.event_list li h3{margin-bottom:10px;font-size: 20px;
    font-weight: bold;}
.event_list .history-pic{
    overflow: hidden;
}
.event_list .history-pic img{
    max-width: 100%;
}
.event_list li span { width:100%;margin-left:24px;display:block; font-size:20px;font-weight: bold; }
.event_list li p { width:100%;line-height:24px;color:#777;text-align: justify;}

.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
.titlelist dd {padding-left: 13px;}
/* h1 {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 12px;
}
.hr {
    border-top: 1px solid #CCD5DE;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 15px 0;
}
.red {
    color: #0065CB;
	font-size:15px;
} */

@media(max-width:1600px)and (min-width:1300px){
    .event_year li.current::before{left:16%}
    .event_year li::after{left:22.5%}
    .event_year li::before{left:19.5%}
}
@media(max-width:1440px) and (min-width:1300px){
    .event_year li::before{left:19%}

}



@media(max-width:767px){
    .developmentPath{padding-top:80px;}
    .history_title{margin-bottom:30px;}
    .history_title h2{font-size:30px;}
    .history-content-left{
        position: relative;
        width: 100%;
        padding:15px 0;
    }
    .event_year{height:60px;overflow-y: hidden;overflow-x: scroll;width:auto;display: flex;}
    .event_year li{width:auto;float:left;padding:0 15px;line-height: 48px;}
    .event_year li.current{width:auto;float:left;}
    .event_year li::before{
        left: 5px;
    top: 40%;
    }
    .event_year li.current::before{width:10px;height:10px;left:5px; top:40%;}
    .event_year li::after{display: none;}


    .history-content-right{
        padding:0px 0 30px;
    }
    .event_list{
        padding-left:10px;
        padding-right:10px;
        height:auto;
    }
    .history-line-top h1{font-size: 30px;}
    .history-line-top h3{top:20px;font-size:40px;}
    .history-line-c ul{padding-right:30px;height: auto;margin-top:30px;}
	.event_list li{padding:10px 0;}
.event_list .history-pic img{
max-height: 300px;
    display: block;
    margin: 0 auto;
	}
}