/*time*/
.time1 {
	background: #d79630;
	margin-top: 20px;
}

.indexcoo {
	padding: 25px 0;
}

.indexcoo .list li {
	float: left;
	width: 20%;
	text-align: center;
	color: #ccc;
}

.indexcoo .list li .num p {
	width: auto;
	display: inline;
	position: relative;
	color: #fff;
}

.indexcoo .list li .num p strong {
	font-size: 18px;
	padding-left: 14px;
}

.indexcoo .list li .num p span {
	animation: r_x 4s ease-in-out forwards;
	-webkit-animation: r_x 4s ease-in-out forwards;
	display: inline-block;
	font-size: 50px;
	line-height: 1;
	font-weight: bold;
}

.indexcoo .list li .num small {
	display: block;
	position: absolute;
	font-size: 30px;
	line-height: 1;
	right: -21px;
	top: -38px;
}

.indexcoo .list li .line {
	margin-left: auto;
	margin-right: auto;
	width: 29px;
	height: 3px;
	margin-top: 15px;
	background: #232323;
}

.indexcoo .list li .text {
	line-height: 50px;
	font-size: 14px;
	color: #fff;
}

@keyframes r_x {
	75% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes r_x {
	75% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}




.m-history {
	margin: 57px 0 0px;
	position: relative;
	z-index: 2;
	font-size: 14px;
	color: #222;
	line-height: 30px
}

.m-history:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 70px;
	bottom: -50px;
	z-index: 3;
	background: #e4c068;
	width: 1px;
	opacity: .8
}

.m-history .item {
	position: relative;
	z-index: 1;
	padding: 40px 0 40px 0;
}

.m-history .item:first-child {
	margin-top: 0
}



.m-history .item:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: -1;
	border:1px #e4c068 solid;
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.m-history .item:hover:before {
	opacity: 1
}

.m-history .item:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.m-history .year {
	float: right;
	width: 50%;
	font-size: 32px;
	color: #d79630;
	font-weight: 700;
	line-height: 48px;
	text-align: left;
	padding-left: 66px;
	margin-block-start: 0em;
    margin-block-end: 0em;
}



.m-history .tit {
	font-size: 22px;
	font-weight: 400;
	margin: 30px 0 5px
}

.m-history .txt1 .tit:first-child {
	margin-top: 22px
}

.m-history .txt1 {
	float: left;
	width: 50%;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 1
}
.m-history .txt1 p{
margin-bottom:8px;
}
.m-history .txt1 span{
   margin-right: 5px;
   color:#d79630;
   display: inline-block;
}
.m-history .item:nth-child(2n+1) {
	background:#efefef;
}
.m-history .item:nth-child(2n+1) .year {
	float: left;
	text-align: right;
	padding-left: 0;
	padding-right: 66px
}

.m-history .item:nth-child(2n+1) .txt1 {
	float: right;
	text-align: left;
	padding-right: 0;
	padding-left: 66px
}



.m-history .item:hover {
	
}

.m-history .item:hover .year {
	
	opacity: 1
}



.btn-all {
	display: block;
	width: 250px;
	height: 60px;
	border: 1px solid #d79630;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 24px;
	color: #d79630;
	line-height: 58px;
	text-align: center;
	margin: 50px auto 50px;
	background: #fff;
	position: relative;
	z-index: 2
}

.btn-all:hover {
	background: #d79630;
	color: #fff
}

.m-history .icon-trophy1 {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/img58.png) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -2px;
	z-index: 2;
	margin-right: -28px
}

.m-history .item:nth-child(2n+1) .icon-trophy1 {
	left: 0;
	right: auto;
	margin-left: -28px;
	margin-right: 0
}



.m-history .icon-trophy1:after {
	content: "";
	width: 30px;
	height: 30px;
	background-color: rgba(212,42,34,.1);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
webkit-animation:warn 2s infinite;-moz-animation:2s infinite warn;-ms-animation:warn 2s infinite;-o-animation:2s infinite warn;animation:2s infinite warn}
@keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-ms-keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-o-keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@media (max-width: 768px) {
	.indexcoo .list li {
		width: 50%;
		margin-bottom: 8px;
	}

	.indexcoo .list li:last-child {
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 100%;
	}

	.indexcoo {
		padding: 25px 0;
	}

	.list-1 .wrap1 {
		margin: 10px 0 0 10px;
	}

	.list-1 .text {
		padding: 10px 0 0;
	}

	.list-1 .text p {
		display: none;
	}
	.btn-all{margin-bottom:30px;width:200px;height:50px;font-size:16px;line-height:48px;margin: 0 80% 93px 10%;}
	.m-history{margin-top:30px;font-size:12px;line-height:1.5;margin-bottom:0}
	.m-history:after{bottom:-30px;left: 30%;}
	.m-history .year{width:30%;font-size:20px;padding-right:20px;text-align:right;padding-left:0px;}


	.m-history .item:nth-child(2n+1) .year{padding-right:20px;}
	.m-history .item:nth-child(2n+1) .txt1{padding-left:20px;padding-right:10px;}
	.m-history .tit,.m-history .txt1 .tit:first-child{font-size:16px;margin:10px 0}
	.m-history .item{margin:0px 0}
	.m-history .item:hover:before{top:0px;bottom:0px}
	.m-history .icon-trophy1{width:40px;height:40px;margin-right:0px}
	.m-history .item:nth-child(2n+1) .icon-trophy1{margin-left: -20px;}
	.m-history .year {
	float: left;
	}
	.m-history .txt1 {
	width:70%;
    float: right;
    text-align: left;
    padding-right: 10px;
    padding-left: 20px;
}
	.icon-trophy1 {
    left: 0;
    right: auto;
    margin-left: -20px;
    margin-right: 0;
   }


}
