.main-container-banner {
	background: url(../image/banner2_home.jpg) no-repeat 50%;
	height: 320px;
	background-color: #2d3137;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}


.content-list {
	margin-bottom: 10px;
}

.content-list li {
	text-align: center;
}

.content-list li h3 {
	font-size: 26px;
	margin: 0;
	padding: 50px 0 0;
}

.content-list li span {
	display: inline-block;
	padding: 0 0 50px;
}

.content-list h5 {
	font-size: 16px;
}

.content-list p {
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.introduce {
	width: 550px;
	text-align: left;
}

#aboutus1,
#aboutus2 {
	height: 489px;
}

#aboutus2,
#aboutus4 {
	background: #F7F8FC;
}

.culture {
	width: 497px;
	text-align: left;
}

#aboutus3 {
	height: 792px;
}

#aboutus3 p {
	margin-bottom: 50px;
}

#aboutus4 {
	height: 762px;
}

#aboutus4 ul li {
	float: left;
	width: 250px;
	height: 260px;
	border-right: 1px solid #CED6E0;
	border-bottom: 1px solid #CED6E0;
}

#aboutus4 ul li:hover {
	background: #fff;
}

#aboutus4 ul li img {
	margin-top: 20px;
}

#aboutus4 ul li p {
	margin-top: 3px;
}

#aboutus4 ul li:nth-child(4) {
	border-right: none;
}

#aboutus4 ul li:nth-child(n+5) {
	border-bottom: none;
}

#aboutus4 ul li:last-child {
	border-right: none;
}

@media (min-width: 769px) and (max-width: 991px) {
	.container {
		width: 670px;
	}
	.main-container-banner {
		background: url(http://localhost:51252/img/img1.png) no-repeat 50% 0% /200% 100%;
		height: 300px;
	}
	.nav-second ul li {
		width: 25%;
	}
	
	.content-list li h3 {
		padding-top: 10px;
	}
	
	.content-list li span {
		padding-bottom: 20px;
	}
	
	#aboutus1 {
		height: 770px;
	}
	
	#aboutus2 {
		height: 620px;
	}
	
	#aboutus3 {
		height: 660px;
	}
	
	#aboutus1 img,
	.introduce,
	#aboutus2 img,
	.culture,
	#aboutus3 img {
		width: 670px;
	}
	
	#aboutus4 {
		height: 1120px;
	}
	#aboutus4 ul li {
		width: 335px;
	}
	#aboutus4 ul li:nth-child(even) {
		border-right: none;
	}
	
	#aboutus4 ul li:nth-child(n+5) {
		border-bottom: 1px solid #CED6E0;
	}
	
	#aboutus4 ul li:nth-child(n+7) {
		border-bottom: none;
	}
}

@media (min-width: 500px) and (max-width: 768px) {
	.container {
		width: 500px;
	}

	.main-container-banner {
		background: url(http://localhost:51252/img/img1.png) no-repeat 50% 0% /200% 100%;
		height: 250px;
	}

	.nav-second ul li {
		width: 25%;
	}

	.content-list li h3 {
		padding-top: 10px;
	}

	.content-list li span {
		padding-bottom: 20px;
	}

	#aboutus1 {
		height: 700px;
	}

	#aboutus2 {
		height: 540px;
	}
	
	#aboutus3 {
		height: 510px;
	}

	#aboutus1 img,
	.introduce,
	#aboutus2 img,
	.culture,
	#aboutus3 img {
		width: 500px;
	}
	
	#aboutus4 {
		height: 1120px;
	}
	
	#aboutus4 ul li {
		width: 250px;
	}
	
	#aboutus4 ul li:nth-child(even) {
		border-right: none;
	}
	
	#aboutus4 ul li:nth-child(n+5) {
		border-bottom: 1px solid #CED6E0;
	}
	
	#aboutus4 ul li:nth-child(n+7) {
		border-bottom: none;
	}
}

@media (min-width: 250px) and (max-width: 500px) {
	.container {
		width: 300px;
	}

	.main-container-banner {
		background: url(http://localhost:51252/img/img1.png) no-repeat 50% 0% /200% 100%;
		height: 170px;
	}

	.nav-second ul li {
		width: 25%;
	}

	.content-list li h3 {
		padding-top: 10px;
	}

	.content-list li span {
		padding-bottom: 20px;
	}

	#aboutus1 {
		height: 690px;
	}

	#aboutus2 {
		height: 510px;
	}

	#aboutus1 img,
	.introduce,
	#aboutus2 img,
	.culture,
	#aboutus3 img {
		width: 300px;
	}


	#aboutus3 {
		height: 400px;
	}

	#aboutus4 {
		height: 1120px;
	}

	#aboutus4 ul li {
		width: 150px;
	}

	#aboutus4 ul li:nth-child(even) {
		border-right: none;
	}

	#aboutus4 ul li:nth-child(n+5) {
		border-bottom: 1px solid #CED6E0;
	}

	#aboutus4 ul li:nth-child(n+7) {
		border-bottom: none;
	}
}