.showBanner {
	width: 100%;
}

.showBanner img {
	width: 100%;
}

.catalog {
	color: #666;
	height: 5em;
	line-height: 5em;
	font-size: 17px;
}

.content {
	padding: 0 15%;
}

.culture_text {
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	padding: 1em;
	margin-bottom: 2em;
}

.culture_text h3 {
	text-align: center;
	color: #B11216;
}

.culture_text p {
	line-height: 2em;
	color: #333333;
}

.show_GongYi {
	margin-bottom: 5em;
}

.hengBox {
	display: flex;
	display: -webkit-box;
}

.yiQiBox {
	width: 50%;
	display: flex;
	display: -webkit-box;
	cursor: pointer;
}

.yiQiBox2 {
	width: 75%;
	display: flex;
	display: -webkit-box;
	cursor: pointer;
}

.yiQiBox2:hover .heng_duan3 {
	color: #FFFFFF;
	background-color: #B11216;
}

.yiQiBox:hover .heng_txt {
	color: #FFFFFF;
	background-color: #B11216;
}

.heng_duan {
	width: 50%;
}

.heng_chang2 {
	width: 66.5%;
}

.heng_duan2 {
	width: 25%;
}

.heng_duan3 {
	width: 33.5%;
	cursor: pointer;
}

.heng_chang {
	width: 50%;
	text-align: center;
}

.heng_duan img,
.heng_chang img,
.heng_duan2 img,
.heng_chang2 img {
	width: 100%;
}

.hengBox img:hover .heng_duan {
	background-color: red;
}

.heng_chang p {
	margin-top: 5em;
}

.heng_txt {
	padding: 1em 2em;
	background-color: #EBEBEB;
}

.heng_txt h2 {
	text-align: center;
}

.content {
	padding: 0 15%;
}


/* ie8/9 */

@media screen\0 {
	.yiQiBox,
	.yiQiBox2,
	.heng_duan,
	.heng_duan2,
	.heng_chang,
	.heng_duan3,
	.heng_chang2 {
		float: left;
		height: 280px;
	}
	.hengBox img{
		max-height: 100%;
	}
	.heng_duan img,
	.heng_chang img,
	.heng_duan2 img,
	.heng_chang2 img {
		height: 100%;
	}
	.content{
		display: inline-block;
	}
}

@media screen and (max-width: 1600px) {
	.content {
		padding: 0 12%;
	}
}

@media screen and (max-width: 1500px) {
	.content {
		padding: 0 10%;
	}
}

@media screen and (max-width: 1300px) {
	.content {
		padding: 0 8%;
	}
}

@media screen and (max-width: 1230) {
	.content {
		padding: 0 5%;
	}
}

@media screen and (max-width: 992px) {
	.content {
		padding: 0 2%;
	}
}

@media screen and (max-width: 768px) {
	.content {
		padding: 0;
	}
	.navbar {
		margin-bottom: 0;
	}
	.main {
		padding-bottom: 0px;
	}
	.show_GongYi {
		padding: 1rem;
	}
	.hengBox {
		margin: 0 auto 0px auto;
		text-align: center;
		height: auto;
		max-width: 100%;
	}
	h2 {
		font-size: 14px;
	}
	.yiQiBox p,
	.yiQiBox2 p {
		font-size: 12px;
	}
	.heng_txt {
		padding: 1rem;
	}
}

@media screen and (max-width: 600px) {
	.heng_txt {
		padding: 0.5rem;
	}
	h2 {
		margin-top: 0;
		margin-bottom: 0rem;
	}
}

@media screen and (max-width:400px) {
	.heng_duan img,
	.heng_chang img,
	.heng_duan2 img,
	.heng_chang2 img {
		height: 100%;
	}
	.heng_txt {
		padding: 0.1rem 0;
	}
	.show_GongYi {
		padding: 0.5rem;
	}
	.yiQiBox p,
	.yiQiBox2 p {
		font-size: 10px;
	}
}