.history-box {
	/* margin-top: -375px; */
	position: relative;
	z-index: 0;
	background-color: #fff;
	padding-bottom: 130px;
	background-image: url('../images/history/back-all.png');
	background-size: cover;
}
.history-center {
	padding: 0 8%;
}
.history-center-center .logo{
	width: 154px;
	margin: 0 auto;
	margin-top: 43px;
}
.history-center-center .logo img{
	width: 100%;
}
.history-center-center .logo-title {
	width: 340px;
	margin: 0 auto;
	margin-top: 18px;
}
.history-center-center .logo-title img {
	width: 100%;
}
.history-center-center .history-msg {
	overflow: hidden;
	position: relative;
	height: 1230px;
	background-image: url('../images/history/history-line.png');
	background-size: 1614px 1614px;
	background-position: -80px -190px;
	width: 1400px;
	margin: 0 auto;
}
.history-center-center .history-msg img{
	width: 100%;
	margin-top: -190px;
}
.history-center-center .history-msg .title-box {
	margin: 0 auto;
	position: relative;
	width: 1140px;
}
.history-center-center .history-msg .title-a {
	width: 26.4rem;
}
.history-center-center .history-msg .title-a p{
	font-size: 43px;
	line-height: 60px;
	color: #2d2d2d;
	font-family: "Microsoft Ya Hei";
	text-align: right;
}
.history-center-center .history-msg .title-a span {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	font-family: "Microsoft Ya Hei";
	text-align: right;
	display: block;
}
.history-center-center .history-msg .title-all {
	left: -76px;
}
.history-center-center .title-all-b {
	right: -24px;
}
.history-center-center .history-msg .title-1 {
	position: absolute;
	top: 194px;
}
.history-center-center .history-msg .title-2 {
	position: absolute;
	/* left: 176px; */
	top: 410px;
}
.history-center-center .history-msg .title-3 {
	position: absolute;
	top: 674px;
}
.history-center-center .history-msg .title-4 {
	position: absolute;
	top: 962px;
}
.history-center-center .history-msg .title-b p {
	text-align: left;
}
.history-center-center .history-msg .title-b span {
	text-align: left;
}
.history-center-center .history-msg .title-5 {
	position: absolute;
	top: 296px;
}
.history-center-center .history-msg .title-6 {
	position: absolute;
	top: 530px;
}
.history-center-center .history-msg .title-7 {
	position: absolute;
	top: 822px;
}
.history-center-center .history-msg .title-8 {
	display: none;
}
@media (max-width: 1400px) and (min-width: 1000px) {
	.history-center-center .history-msg {
		background-position:-220px -190px;
	}
	.history-center-center .history-msg {
		width: 950px;
	}
	.history-center-center .history-msg .title-all {
		left: -102px;
	}
}
/* 移动端 */

@media screen and (max-width: 1000px) {
	.history-box {
		margin-top: 0;
		margin-bottom: 2rem;
	}
	.history-center {
		padding: 0 0.18rem;
	}
	.history-center-center .logo {
		width: 0.94rem;
		margin-top: 0.47rem;
	}
	.history-center-center .logo-title {
		width: 2.08rem;
		margin-top: -0.8rem;
	}
	.history-center-center .history-msg {
		background-image: url('../images/history/history-line-mobile.png');
		background-size: contain;
		background-position: center -0.5rem;
		background-repeat: no-repeat;
		height: 6.3rem;
	}
	.history-center-center .history-msg .title-a {
		width: 2.3rem;
	}
	.history-center-center .history-msg .title-all {
		left: 10px;
	}
	.history-center-center .title-all-b {
		right: 280px;
	}
	.history-center-center .history-msg .title-a p{
		font-size: 0.25rem;
		line-height: 0.45rem;
		color: #2d2d2d;
		font-family: "Microsoft Ya Hei";
		text-align: right;
	}
	.history-center-center .history-msg .title-a span {
		font-size: 0.19rem;
		line-height: 0.27rem;
		color: #000000;
		font-family: "Microsoft Ya Hei";
		text-align: right;
		display: block;
	}
	.history-center-center .history-msg .title-1 {
		position: absolute;
		top: 0.6rem;
	}
	.history-center-center .history-msg .title-2 {
		position: absolute;
		top: 1.7rem;
	}
	.history-center-center .history-msg .title-3 {
		position: absolute;
		top: 3.04rem;
	}
	.history-center-center .history-msg .title-4 {
		position: absolute;
		top: 4.54rem;
	}
	.history-center-center .history-msg .title-b p {
		text-align: left;
	}
	.history-center-center .history-msg .title-b span {
		text-align: left;
	}
	.history-center-center .history-msg .title-5 {
		position: absolute;
		top: 1.1rem;
	}
	.history-center-center .history-msg .title-6 {
		position: absolute;
		top: 2.3rem;
	}
	.history-center-center .history-msg .title-7 {
		position: absolute;
		top: 3.8rem;
		display: none;
	}
	.history-center-center .history-msg .title-8 {
		position: absolute;
		top: 3.8rem;
		display: block;
	}
}
@media (max-width: 999px) and (min-width: 700px) {
	.history-center-center .history-msg {
		width: 699px;
		background-size: 200px 798px;
		background-position: center -52px;
		height: 700px;
	}
	.history-center-center .history-msg .title-a {
		width: 242px;
	}
	.history-center-center .history-msg .title-1 {
		position: absolute;
		top: 92px;
	}
	.history-center-center .history-msg .title-2 {
		position: absolute;
		top: 232px;
	}
	.history-center-center .history-msg .title-3 {
		position: absolute;
		top: 400px;
	}
	.history-center-center .history-msg .title-4 {
		position: absolute;
		top: 585px;
	}
	.history-center-center .history-msg .title-5 {
		position: absolute;
		top: 156px;
	}
	.history-center-center .history-msg .title-6 {
		position: absolute;
		top: 308px;
	}
	.history-center-center .history-msg .title-8 {
		position: absolute;
		top: 494px;
	}
	.history-center-center .history-msg .title-all {
		left: -12px;
	}
	.history-center-center .title-all-b {
		right: 416px;
	}
}
@media screen and (max-width: 699px) {
	.history-center-center .history-msg {
		width: 350px;
		background-size: 97px 361px;
		background-position: center -52px;
		height: 300px;
	}
	.history-center-center .history-msg .title-a {
		width: 126px;
	}
	.history-center-center .history-msg .title-a p {
		font-size: 0.1rem;
		line-height: 0.23rem;
	}
	.history-center-center .history-msg .title-a span {
		font-size: 0.12rem;
		line-height: 0.2rem;
	}
	.history-center-center .history-msg .title-1 {
		position: absolute;
		top: 5px;
	}
	.history-center-center .history-msg .title-2 {
		position: absolute;
		top: 68px;
	}
	.history-center-center .history-msg .title-3 {
		position: absolute;
		top: 150px;
	}
	.history-center-center .history-msg .title-4 {
		position: absolute;
		top: 230px;
	}
	.history-center-center .history-msg .title-5 {
		position: absolute;
		top: 38px;
	}
	.history-center-center .history-msg .title-6 {
		position: absolute;
		top: 108px;
	}
	.history-center-center .history-msg .title-8 {
		position: absolute;
		top: 192px;
	}
	.history-center-center .history-msg .title-all {
		left: 0px;
	}
	.history-center-center .title-all-b {
		right: 788px;
	}
}