@media only screen and (min-width:769px){
	p.grey-en {
	    font-size: 44px;
	    margin: 30px 0;
	}
	span.year {
    	font-size: 26px;
	}
	.time {
	    padding-left: 96px;
	}
	.time>.year {
	    position: absolute;
	    left: 0;    top: 14px;
	}
	.time>ul {
	    padding-left: 31px;
	    line-height: 1.8;
	    padding-bottom: 34px;
	}
	li.history-item:after {
	    width: 8px;
	    height: 8px;
	    left: -36px;
	    top: 9px;
	}
	span.month {
	    font-size: 14px;
	    font-weight: bold;
	}
	li.history-item:before {
	    width: 20px;
	    left: -32px;
	    top: 12.5px;
	}
	a.show-all {
	    font-size: 14px;
	    width: 80px;
	    left: 114px;
	    top: -46px;
	}
}
@media only screen and (max-width:768px){
	p.grey-en {
	    font-size: 22px;
	    margin: 12px 0;
	}
	span.year {
    	font-size: 15px;
	}
	.time {
	    padding-left: 70px;
	}
	.time>.year {
	    position: absolute;
	    left: 0;
	    top: 18px;
	    font-weight: bold;
	}
	.time>ul {
	    padding-left: 20px;
	    line-height: 1.5;
	    padding-bottom: 34px;
	}
	li.history-item:after {
	    width: 5px;
	    height: 5px;
	    left: -23px;
	    top: 11px;
	}
	li.history-item:before {
	    width: 13px;
	    left: -20px;
	    top: 12.5px;
	}
	span.month {
	    font-size: 14px;
	}
	.time:nth-child(2n):after {
	    background: #f7f7f7;
	    position: absolute;
	    left: -3%;
	    right: -3%;
	    top: 0;
	    bottom: 0;
	    content: ' ';
	    z-index: -1;
	}
	a.show-all {
	    font-size: 14px;
	    width: 80px;
	    left: 102px;
	    top: -60px;
	}
}
p.grey-en {
    color: rgba(51, 51, 51, 0.2);
    font-family: 'Calibri';
    font-weight: bold;
}
span.year {
    color: #e95103;
    font-family: 'Arial';
}
span.month {
    color: #737373;
}
.history-p{
    font-size: 14px;
    color: #737373;
}
.time {
    position: relative;
    float: left;
	width: 80%;
}
li.history-item:after {
    content: '';
    display: block;
    position: absolute;
    background: #ec6d2c;
    border-radius: 50%;
}
.time>ul {
    border-left: 1px dashed #dbdbdb;
    line-height: 1.8;
    float: left;
}
li.history-item {
    position: relative;
    padding-left: 38px;
}

li.history-item:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: #dbdbdb;
}
li.history-item>.month {
    position: absolute;
    left: 0;
}
.history-p {
    margin: 14px 0;
}
.time-box{
	margin-bottom:30px
}
a.show-all {
    color: #737373;
    position: relative;
    display: block;
    cursor: pointer;
}
a.show-all:hover {
    color: #e04c02;
}
a.show-all:after, a.show-all:before {
    content: ' ';
    width: 0;
    height: 0;
    right: 0;
    display: block;
    position: absolute;
    top: 0;
    z-index: 5;
    border-bottom: 9px transparent dashed;
    border-left: 9px transparent dashed;
    border-right: 9px transparent dashed;
    border-top: 9px white solid;
    overflow: hidden;
}
a.show-all:before {
    top: 3px;
    border-top: 9px #737373 solid;
}
a.show-all:after {
    top: 1px;
    border-top: 9px white solid;
}<!--ºÄÊ±1793627069.0104Ãë-->