@charset "utf-8";

.history{width:1140px;height:785px;position:relative}
.history .title{margin-left:110px;height:100px;}
.history .content{width:1140px;height:355px;overflow:hidden;background:url(vertical.png) no-repeat 154px 0;padding-top:10px;}
.history .content .list{overflow:hidden;position:relative;}
.history .content .list li{height:110px;overflow:hidden;vertical-align:bottom;position:relative;}
.history .content .list li .liwrap{min-height:55px;margin-top:25px;}
.history .content .list li .liwrap .lileft{position:absolute;top:0;left:0px;height:55px;width:120px;line-height:55px;text-align:right;}
.history .content .list li .liwrap .lileft .year{font-size:1.6rem;color:#aeaeae;margin-right:10px;}
.history .content .list li .liwrap .point{width:55px;height:55px;position:absolute;top:0;left:129px;background:url(point.png) no-repeat 0px 18px;overflow:hidden;}
.history .content .list li .liwrap .point b{
	height:16px;width:16px;background:#fff;display:block;margin:17px 0 0 19px;
    border-radius:18px;border:2px solid #79af8f;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
	position:absolute;
	top:0;left:0;
}
.history .content .list li .liwrap .liright{position:absolute;top:1.3rem;right:0;width:950px;}
.history .content .list li .liwrap .liright .hisct{
    font-size:1.2rem;line-height:18px;color:#7f7f7f;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.history .content .list li.thiscur .liwrap .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
.history .content .list li.thiscur .liwrap .hisct{font-size:1.4rem;line-height:1.8rem;color:#6bc30d;}
.history #arrow{position:absolute;top:18px;left:250px;}
.history #arrow ul li{
	display:block;height:20px;width:20px;background:url(icons.png) no-repeat 0 0;
    cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.history #arrow ul li:active{background-color:#000;}
.history #arrow ul .arrow_active{
	background-color:#000;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	transition:all 0.1s ease-in;
}
.history #arrow ul .arrowup{background-position:0px -26px;margin-bottom:10px;}
.history #arrow ul .arrowdown{background-position:0px 0px;}

@media only screen and (max-width:1025px){ 
.history,
.history .content{width:1000px}
.history .content .list li .liwrap .liright{width:700px;margin-right:105px}
}

@media only screen and (max-width:640px){ 
.history,
.history .content{width:100%}
.history{height:46rem}
.history .content .list li .liwrap .lileft{width:30%;}
.history .content .list li .liwrap .liright{width:50%;margin-right:0}
}

@media only screen and (max-width:420px){ 
.history{height:36rem}
.history .content{background-position:110px 0}
.history .title{margin-left:65px}
.history .content .list li .liwrap .lileft{width:27%;}
.history .content .list li .liwrap .lileft .year{font-size:1.2rem;margin-right:0}
.history .content .list li .liwrap .point{left:85px;}
.history .content .list li .liwrap .liright{width:55%;margin-right:0}
}