.company_box {
	max-width: 1200px;
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}

.company_box .content_box {
	font-size: 0.18rem;
	color: #555555;
	line-height: 1.8;
	margin-bottom: 0.8rem;
}

.company_box .content_box p {
	text-indent: 2em;
}

.honorary_box {
	background: #FAFAFA;
	padding: 0.9rem 0 1.2rem;
}

.honor_box {
	display: flex;
	justify-content: center;
	position: relative;
	/* padding-top: 0.6rem; */
}

.honor_line {
	position: relative;
	/* position: absolute; */
	width: 2px;
	/* height: 100%;
	top: 0; */
	background: #FF2E2E;
}

.honor_line .dian {
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
}

.honor_line .dian>div {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.honor_line .dian::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 21px;
	height: 21px;
	background: linear-gradient(130deg, #FF908D, #FF2B15);
	box-shadow: 0px 7px 35px 0px rgba(176, 5, 0, 0.57);
	border-radius: 50%;
	z-index: 2;
}

.honor_line .dian::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 31px;
	height: 31px;
	background: #FF3120;
	border-radius: 50%;
	z-index: 1;
	animation: fadeIn 2s infinite;
	-webkit-animation: fadeIn 2s infinite;
}

.honor_list {
	padding-left: 15px;
	padding-top: 0.6rem;
}

.honor_year {
	position: relative;
	padding-left: 0.15rem;
	font-size: 0.26rem;
	font-family: Arial;
	font-weight: bold;
	color: #FF2E2E;
}

.honor_year::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px;
	left: -15px;
	background: #FFFFFF;
	border: 3px solid #FF2E2E;
	border-radius: 50%;
	box-sizing: border-box;
}

.honor_item ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.35rem;
}

.honor_item ul {
	padding-left: 0.65rem;
}

.honor_item li {
	position: relative;
	margin-right: 0.21rem;
	width: 2.58rem;
	margin-bottom: 0.4rem;
	z-index: 2;
}

.honor_item li img {
	width: 2.58rem;
	height: 1.85rem;
}

.honor_item li p {
	margin-top: 0.6rem;
	font-size: 0.16rem;
	line-height: 2;
	text-align: justify;
}

.honorary_box .honor_item li:nth-child(4n-3) img {
	position: relative;
	z-index: 2;
}

.honorary_box .honor_item li:nth-child(4n-3)::after {
	content: "";
	background: url(../image/honor_bg.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 1.53rem;
	left: -0.39rem;
	width: 11.76rem;
	height: 0.72rem;
	z-index: 1;
}

.history_box {
	display: flex;
	background: linear-gradient(0deg, #FCEFEF, #FFFFFF);
	padding: 35px 5% 0.7rem;
	box-sizing: border-box;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.history_box::after {
	content: "";
	display: block;
	width: 8.94rem;
	height: 8.92rem;
	background: url(../image/history.png) no-repeat left bottom;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: 0;
}

.company_introduct {
	padding-top: 0.65rem;
	box-sizing: border-box;
	font-size: 0.4rem;
	font-weight: bold;
	color: #D71F1D;
	text-align: center;
	padding-bottom: 0.8rem;
}
.honorary_box .honor_box {
	max-width: 1200px;
	width: 92%;
	margin: 0 auto;
}
.history_box .honor_box {
	max-width: 956px;
	width: 55.3%;
}

.history_left {
	max-width: 573px;
	width: 44%;
	padding-right: 20px;
	box-sizing: border-box;
}

.history_box .honor_item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.3rem;
}

.history_box .honor_year {
	min-width: 1.2rem;
	padding-right: 0.2rem;
	box-sizing: border-box;
}

.history_box .history_con {
	font-size: 0.16rem;
	font-family: Arial;
	color: #5A5858;
	line-height: 2;
	margin-top: -0.02rem;
}

.history_left {
	display: flex;
	justify-content: flex-end;
}

.history_left_box {
	max-width: 389px;
	width: 90%;
	line-height: 1.2;
}

.history_left img {
	width: 0.94rem;
}

.history_left p {
	font-size: 0.26rem;
	color: #B9B3BA;
	margin: 0.15rem 0 0.08rem;
}

.history_left span {
	font-size: 0.2rem;
	color: #B9B3BA;
}

.history_left .des {
	font-size: 0.2rem;
	color: #D71F1D;
	opacity: 0.8;
}

@media only screen and (max-width: 750px) {
	.company_box {
		width: 100%;
		padding: 0 0.3rem;
		box-sizing: border-box;
	}

	.company_box .content_box {
		font-size: 0.28rem;
	}

	.history_box {
		flex-wrap: wrap;
		padding: 0 0.3rem 0.3rem;
	}

	.history_left {
		width: 100%;
		justify-content: flex-start;
		padding-bottom: 0.3rem;
	}

	.history_left p {
		font-size: 0.32rem;
	}

	.history_left .des {
		font-size: 0.28rem;
		margin-top: 0.05rem;
	}

	.history_left span {
		font-size: 0.28rem;
	}

	.history_box .honor_box {
		width: 100%;
		padding-left: 2%;
		margin-top: 35px;
	}

	.honor_item {
		flex-direction: column;
	}

	.history_box .honor_year {
		font-size: 0.3rem;
		margin-bottom: 0.2rem;
	}

	.history_box .history_con {
		padding-left: 0.15rem;
		font-size: 0.24rem;
	}

	.history_box .honor_item {
		margin-bottom: 0.5rem;
	}

	.company_introduct {
		padding: 0.5rem 0;
	}

	.honor_box {
		padding-top: 35px;
	}

	.honorary_box {
		padding-top: 0.3rem;
	}

	.honor_item li {
		width: 4.86rem;
	}

	.honor_item li img {
		width: 4.86rem;
		height: 3.49rem;
	}

	.honor_item li p {
		font-size: 0.28rem;
		margin-top: 0.7rem;
		text-align: center;
	}

	.honorary_box .honor_item li:nth-child(4n-3)::after,
	.honorary_box .honor_item li::after {
		content: "";
		background: url(../image/honor_bg.png) no-repeat;
		background-size: 100% 100%;
		display: block;
		position: absolute;
		top: 3.22rem;
		left: 50%;
		width: 6.42rem;
		height: 0.72rem;
		z-index: 1;
		transform: translateX(-50%);
	}

	.honorary_box .honor_item li img {
		position: relative;
		z-index: 2;
	}
	.honor_item ul{
		padding-left: 1rem;
	}
}