/* --------------------------------历史单页面-------------------------------- */
/* --------------------------------Modules - reusable parts of our design-------------------------------- */
.cd-container {	width: 100%;margin: 0 auto;}
.cd-container::after {content: '';display: table;clear: both;}
/* --------------------------------Main components-------------------------------- */
#cd-timeline {position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}
#cd-timeline::before {content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 4px;background: #d7e4ed;}

@media only screen and (min-width: 1170px) {
	#cd-timeline {margin-top: 3em;margin-bottom: 3em;}
	#cd-timeline::before {left: 50%;margin-left: -2px;}
}
.cd-timeline-block {position: relative;	margin: 2em 0}
.cd-timeline-block:after {content: "";display: table;	clear: both;}
.cd-timeline-block:first-child {margin-top: 0;}
.cd-timeline-block:last-child {margin-bottom: 0;}

@media only screen and (min-width: 1170px) {
	.cd-timeline-block:first-child {margin-top: 0;}
	.cd-timeline-block:last-child {margin-bottom: 0;}
}
.jianju{margin-top:50px;}
.cd-timeline-img {
	position: absolute;
	top: 46%;
	left: 11px;
width: 20px;
height: 20px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 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: #0f790b;
}

.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: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}

	.cssanimations .cd-timeline-img.is-hidden {
		visibility: hidden;
	}

	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		-moz-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s;
	}
}
.cd-date{
        position: absolute;
    left: 51%;
    top: 44%;
    margin-left: 25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    color: #0f790b;
    font-size: 32px;
    font-weight: bold;
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white;
	/*border-radius: 12px;*/
	box-shadow: 0 3px 0 #f0f0f0;
	    justify-content: space-between;
	display: flex;
     flex-wrap: wrap; 
    align-items: center;
    margin-bottom: 20px;
    padding: 22px;
}
.cd-timeline-content .history_img{
    width: 30%;
}
.cd-timeline-content .history_text{
    width: 60%;
    
}
	.cd-timeline-content .history_text:first-child{
	    width: 100%;
	}
.cd-timeline-content img{
    width: 100%;
}
.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;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
	display: inline-block;
}
.cd-timeline-content h3{
    font-size: 24px;
    color: #0f790b;
}
.cd-timeline-content p {
	line-height: 1.6;
}

.cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb;
}

a.cd-read-more:hover {
	text-decoration: none;
	background-color: #424242;
}

.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: 17px solid transparent;
	border-right: 17px solid white;
}

@media only screen and (min-width: 768px) {
	.cd-timeline-content h2 {font-size: 20px;}
	.cd-timeline-content p {font-size: 16px;}
	.cd-timeline-content .cd-read-more,
	.cd-timeline-content .cd-date {	font-size: 14px;}
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-content {margin-left: 0;width: 40%;}
	.cd-timeline-content::before {top: 83px;left: 100%;border-color: transparent;border-left-color: #f0f0f0;}
	.cd-timeline-content .cd-read-more {float: left;}
	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 16px;
		color: #000;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;clear: both;}
	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		top: 43%;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: #f0f0f0;
	}

	.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 0.6s;
		-moz-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s;
	}
}

@media only screen and (min-width: 1170px) {

	/* inverse bounce effect on even content blocks */
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s;
	}
}
@media only screen and (max-width: 1185px) {
  .cd-date{
      display: none;
  }  
}
@media only screen and (max-width: 375px) {
  .cd-timeline-content .history_img,.cd-timeline-content .history_text{
      width: 100%;;
  }  
}


.recognition_img{
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
.recognition_contetn{
      padding: 20px;
       width: 33.33333%;
           display: flex;
}
.recognition_img .recognition_item{
   padding: 15px;
     border: 1px solid #ccc;
         width: 100%;
}
.recognition_img h3{
    margin: 15px 0;
}
.recognition_item img {
    height: 300px;
    width: 350px;
}
@media only screen and (max-width: 1500px) {
   .recognition_item img {
    height: 200px;}
}
@media only screen and (max-width: 950px) {
    .recognition_contetn{
      padding: 20px;
       width: 50%;
}
.recognition_item img {
    height: auto;}
}

@media only screen and (max-width: 480px) {
    .recognition_contetn{
      padding: 20px;
       width: 100%;
}
}