@media screen and (max-width:1024px){
.historyPage{padding: 20px 0 0 0;}
	.historyPage .titem{ float: none; width: 100%; text-align: center; padding-bottom: 30px; padding-left: 0px;}
	.historyPage .titem .about-t2 .bot{ margin: 0px auto;}
	.historyPage .citem{ float: none; width: 100%;}
	.historyDemo .year{ font-size: 30px;}
	.historyPage .citem{ height: auto;}
	.historyDemo .item{ height: auto;}
	.hisBot{top: 0px;left: 4px;width: 2px;height: 100%;margin-top: 0px;background-color: #d5d5d5;}
	.historyDemo .hitem1,.historyDemo .hitem2,.historyDemo .hitem3,.historyDemo .hitem4{ float: none; width: auto; position: relative; left: auto; top: auto; height: auto; margin-bottom: 25px; padding-top: 0px;}
	.historyDemo .c{ font-size: 1.8;}
	.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian,.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian{ bottom: auto; top: 3px; height: 5px;}
	.historyDemo .dian,.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian{top: 0px;bottom: 0px;left: 0;background: #009F3C;border-radius: 50%;width: 10px;height: 10px;}
	.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian{ top: 0px;}
	.historyDemo .year{line-height: 1;margin-bottom: 5px;position: relative;top: -4px;font-size: 20px;color: #009F3C;}
}