.infor-list-con { width: 100%; }

.infor-list-con .infor-list-item { width: 100%; border-bottom: 1px solid #f2f2f2; padding: 40px 0; }

.infor-list-con .infor-list-item .inforItem-l { width: 12%; float: left; margin-top: 20px;}

.infor-list-con .infor-list-item .inforItem-l span { display: block; text-align: left; }

.infor-list-con .infor-list-item .inforItem-l .day { font-size: 64px; color: #4d4d4d; }

.infor-list-con .infor-list-item .inforItem-l .year { font-size: 26px; color: #000; }

.infor-list-con .infor-list-item .inforItem-r { width: 88%; float: left; }

.infor-list-con .infor-list-item .inforItem-r h1 { font-size: 26px; color: #000; font-weight: normal; }

.infor-list-con .infor-list-item .inforItem-r p { font-size: 16px; color: #666; line-height: 28px; margin-top: 14px;}

.infor-list-con .infor-list-item .inforItem-r .ckgd_more { 
	display: inline-block; 
	font-size: 12px; 
	color: #fff; 
	height: 32px; 
	line-height: 32px; 
	background: #a6b9cf;  
	padding: 0 10px; 
	margin-top: 30px; 
	text-decoration: inherit; 
	float: right;
}

.infor-list-con .infor-list-item .inforItem-r a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 158px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #4b7db9;
	margin-top: 20px;
}
.infor-list-con .infor-list-item .inforItem-r a:hover span{
	margin-left: 15px;
	transition: all 0.5s;
}

.infor-list-con .infor-list-item .inforItem-r a span { 
	display: inline-block; 
	width: 38px; 
	height: 8px; 
	background: url("./../images/public/index-icon01.png") no-repeat center; 
	margin-left: 5px; 
	transition: all 0.5s;
}

@media screen and (max-width: 1200px) { .infor-list-con .infor-list-item .inforItem-l .day { font-size: 60px; }
  .infor-list-con .infor-list-item .inforItem-l .year { font-size: 20px; }
  .infor-list-con .infor-list-item .inforItem-r h1 { font-size: 22px; }
  .infor-list-con .infor-list-item .inforItem-r p { font-size: 14px; line-height: 24px; }
}
@media screen and (max-width: 991px) {
	.infor-list-con .infor-list-item .inforItem-r h1 {font-size: 20px;}
	.infor-list-con .infor-list-item .inforItem-r{width: 83%;}
	
}
@media screen and (max-width: 414px){
	.infor-list-con .infor-list-item .inforItem-l{width: 25%;}
	.infor-list-con .infor-list-item .inforItem-r {width: 75%;}
	.infor-list-con .infor-list-item .inforItem-r h1 { font-size: 18px;}
}
@media screen and (max-width: 320px){
	.infor-list-con .infor-list-item .inforItem-l .day{font-size: 50px;}
	.infor-list-con .infor-list-item .inforItem-l .year{ font-size: 17px;	}
}