@charset "utf-8";

body {
	border-right-color: #FAFAFA;
}

.title {
	font-size: 24px;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	display: block;
}

.biaoti {
	text-align: center;
	padding-top: 35px;
}

.border {
	display: inline-block;
	width: 75px;
	height: 2px;
	background: rgba(204, 204, 204, 1);
	position: relative;
	top: -4px;
}

.history_content {
	width: 1080px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 26px;
	margin-top: 20px;
	margin-bottom: 35px;
}

.history_right {
	width: 50%;
	height: 365px;
	background: rgba(20, 120, 240, 1);
	padding-bottom: 35px;
}

.history_left {
	width: 50%;
}

.company_history {
	padding-bottom: 25px;
	padding-top: 25px;
}

.company {
	font-size: 26px;
	font-weight: 500;
	color: rgba(250, 250, 250, 1)
}

.biaoyu {
	font-size: 18px;
	font-weight: 500;
	color: rgba(250, 250, 250, 1);
}

.content {
	width: 85%;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 15px;
	font-weight: 400;
	color: rgba(250, 250, 250, 1);
	line-height: 28px;
}

.content span {
	/*white-space:nowrap;*/
}

.banner_list {
	width: 1160px;
	margin: 0 auto;
}

.banner_list img {
	margin: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.banner_list img:hover {
	-webkit-transform: scale(1.02);
	/* for Chrome || Safari */
	-moz-transform: scale(1.02);
	/* for Firefox */
	-ms-transform: scale(1.02);
	/* for IE */
	-o-transform: scale(1.02);
	opacity: 0.8;
}

.demeanor {
	padding-bottom: 60px;
}

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


	.history_right {
		width: 50%;
		height: auto;
		background: rgba(20, 120, 240, 1);
		font-size: 15px;
	}

	.history_content {
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		line-height: 26px;
		margin-top: 20px;
		margin-bottom: 35px;
	}

	.banner_list {
		width: 90%;
		margin: 0 auto;
	}

	.banner_list img {
		margin: 41px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}

	.content {
		width: 93%;
		margin: 0 auto;
		margin-top: 20px;
		font-size: 14px;
		font-weight: 400;
		color: rgba(250, 250, 250, 1);
		line-height: 22px;
	}

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

		.banner_list img {
			width: 23%;
			margin: 9px;
		}

		.content {
			width: 85%;
			margin: 0 auto;
			margin-top: 40px;
			font-size: 14px;
			font-weight: 400;
			color: rgba(250, 250, 250, 1);
			line-height: 29px;
		}
	}

	@media only screen and (min-width:1200px) {
		.history_content {
			width: 1080px;
			margin: 0 auto;
			font-size: 14px;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			line-height: 26px;
			margin-top: 20px;
			margin-bottom: 35px;
		}

		.banner_list {
			width: 1160px;
			margin: 0 auto;
		}

		.banner_list img {
			width: auto;
			margin: 15px;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			cursor: pointer;
		}

		.history_right {
			width: 50%;
			height: auto;
			background: rgba(20, 120, 240, 1);
		}

		.content {
			width: 85%;
			margin: 0 auto;
			margin-top: 40px;
			font-size: 14px;
			font-weight: 400;
			color: rgba(250, 250, 250, 1);
			line-height: 28px;
		}

	}