.timeline_top{
	text-align: center;
}
#cd-timeline {
	position:relative;
	padding:0.4rem 0;
	margin-bottom:0.2rem
}
#cd-timeline::before {
	content:'';
	position:absolute;
	top:0;
	left:18px;
	height:100%;
	width:38px;
	background:url(../images/keduxian.png);
}
@media only screen and (min-width:1170px) {
	#cd-timeline {
	margin-bottom:.3rem
}
#cd-timeline::before {
	left:50%;
	margin-left:-19px
}
}.cd-timeline-block {
	position:relative;
	margin:.2rem 0;
}
.cd-timeline-block:after {
	content:"";
	display:table;
	clear:both
}
.cd-timeline-block:first-child {
	margin-top:0;
	min-height: 2rem;
}
.cd-timeline-block:last-child {
	margin-bottom:0
}
@media only screen and (min-width:1170px) {
	.cd-timeline-block {
		margin:-.5rem 0 0
	}
	.cd-timeline-block:first-child {
		margin-top:0
	}
	.cd-timeline-block:last-child {
		margin-bottom:0
	}
}
.cd-timeline-img {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)
}
.cd-timeline-img img {
	display:block;
	width:24px;
	height:24px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px
}
.cd-timeline-img.cd-picture {
	background:#36a390
}
.cd-timeline-img.cd-movie {
	background:#c03b44
}
.cd-timeline-img.cd-location {
	background:#f0ca45
}
@media only screen and (min-width:1170px) {
	.cd-timeline-img {
	width:60px;
	height:60px;
	left:50%;
	margin-left:-30px;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
.cssanimations .cd-timeline-img.is-hidden {
	visibility:hidden
}
.cssanimations .cd-timeline-img.bounce-in {
	visibility:visible;
	-webkit-animation:cd-bounce-1 .6s;
	-moz-animation:cd-bounce-1 .6s;
	animation:cd-bounce-1 .6s
}
}@-webkit-keyframes cd-bounce-1 {
	0% {
	opacity:0;
	-webkit-transform:scale(.5)
}
60% {
	opacity:1;
	-webkit-transform:scale(1.2)
}
100% {
	-webkit-transform:scale(1)
}
}@-moz-keyframes cd-bounce-1 {
	0% {
	opacity:0;
	-moz-transform:scale(.5)
}
60% {
	opacity:1;
	-moz-transform:scale(1.2)
}
100% {
	-moz-transform:scale(1)
}
}@keyframes cd-bounce-1 {
	0% {
	opacity:0;
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
	transform:scale(.5)
}
60% {
	opacity:1;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
100% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
}.cd-timeline-content {
	position:relative;
	margin-left:60px;
	background:#fff;
	border-radius:.25rem;
	padding:.1rem;
}
.cd-timeline-content:after {
	content:"";
	display:table;
	clear:both
}
.cd-timeline-content h2 {
	color:#303e49
}
.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	font-size:13px;
	font-size:.14rem
}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	display:inline-block
}
.cd-timeline-content p {
	margin:.1rem 0;
	line-height:1.6
}
.cd-timeline-content .cd-read-more {
	float:right;
	padding:.1rem .3rem;
	background:#acb7c0;
	color:#fff;
	border-radius:.25rem
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color:#bac4cb
}
.cd-timeline-content .cd-date {
	float:left;
	padding:.8em 0;
	opacity:.7
}
.cd-timeline-content::before {
	content:'';
	position:absolute;
	top:16px;
	right:100%;
	height:0;
	width:0;
	border:7px solid transparent;
	border-right:7px solid #fff
}
@media only screen and (min-width:768px) {
	.cd-timeline-content h2 {
	font-size:20px;
	font-size:.16rem;
	color:#36a390;
	font-weight: bold;
}
.cd-timeline-content p {
	font-size:16px;
	font-size:.14rem
}
.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
	font-size:14px;
	font-size:.14rem
}
}@media only screen and (min-width:1170px) {
	.cd-timeline-content {
	margin-left:0;
	width:45%
}
.cd-timeline-content::before {
	top:24px;
	left:100%;
	border-color:transparent;
	border-left-color:#fff
}
.cd-timeline-content .cd-read-more {
	float:left
}
.cd-timeline-content .cd-date {
	position:absolute;
	width:100%;
	left:122%;
	top:6px;
	font-size:16px;
	font-size:.16rem
}
.cd-timeline-block:nth-child(odd) .cd-timeline-content {
	text-align: left;
}
.cd-timeline-block:nth-child(odd) .cd-timeline-content h2{
	line-height: .6rem;
	padding-right: .3rem;
	background: url(../images/right_line.png) bottom right no-repeat;
}
.cd-timeline-block:nth-child(odd) .cd-timeline-content p{
	padding-right: .3rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float:right
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top:24px;
	left:auto;
	right:100%;
	border-color:transparent;
	border-right-color:#fff
}
.cd-timeline-block:nth-child(even) .cd-timeline-content h2{
	line-height: .6rem;
	padding-left: .3rem;
	background: url(../images/left_line.png) bottom left no-repeat;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content p{
	padding-left: .3rem;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	float:right
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left:auto;
	right:122%;
	text-align:right
}
.cssanimations .cd-timeline-content.is-hidden {
	visibility:hidden
}
.cssanimations .cd-timeline-content.bounce-in {
	visibility:visible;
	-webkit-animation:cd-bounce-2 .6s;
	-moz-animation:cd-bounce-2 .6s;
	animation:cd-bounce-2 .6s
}
}@media only screen and (min-width:1170px) {
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
	-webkit-animation:cd-bounce-2-inverse .6s;
	-moz-animation:cd-bounce-2-inverse .6s;
	animation:cd-bounce-2-inverse .6s
}
}@-webkit-keyframes cd-bounce-2 {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100px)
}
60% {
	opacity:1;
	-webkit-transform:translateX(20px)
}
100% {
	-webkit-transform:translateX(0)
}
}@-moz-keyframes cd-bounce-2 {
	0% {
	opacity:0;
	-moz-transform:translateX(-100px)
}
60% {
	opacity:1;
	-moz-transform:translateX(20px)
}
100% {
	-moz-transform:translateX(0)
}
}@keyframes cd-bounce-2 {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	-ms-transform:translateX(-100px);
	-o-transform:translateX(-100px);
	transform:translateX(-100px)
}
60% {
	opacity:1;
	-webkit-transform:translateX(20px);
	-moz-transform:translateX(20px);
	-ms-transform:translateX(20px);
	-o-transform:translateX(20px);
	transform:translateX(20px)
}
100% {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
}@-webkit-keyframes cd-bounce-2-inverse {
	0% {
	opacity:0;
	-webkit-transform:translateX(100px)
}
60% {
	opacity:1;
	-webkit-transform:translateX(-20px)
}
100% {
	-webkit-transform:translateX(0)
}
}@-moz-keyframes cd-bounce-2-inverse {
	0% {
	opacity:0;
	-moz-transform:translateX(100px)
}
60% {
	opacity:1;
	-moz-transform:translateX(-20px)
}
100% {
	-moz-transform:translateX(0)
}
}@keyframes cd-bounce-2-inverse {
	0% {
	opacity:0;
	-webkit-transform:translateX(100px);
	-moz-transform:translateX(100px);
	-ms-transform:translateX(100px);
	-o-transform:translateX(100px);
	transform:translateX(100px)
}
60% {
	opacity:1;
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	-ms-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	transform:translateX(-20px)
}
100% {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
}