@charset "utf-8";
#header .menu ul li.about a span.cn{
	color: #1185de;
	border-bottom: 3px solid #1185de;
}
#header .menu ul li.about:hover a span.cn{
	color: #fff;
}

#banner{
	width: 100%;
	min-width: 1200px;
	margin-top: 90px;
	position: relative;
	z-index: 0;
}
#banner .bannerCon{
	height: 375px;
	background: url(../img/banner_about.jpg) no-repeat center center;
}

#main{
	min-height: 500px;
	padding-bottom: 50px;
	padding-top:60px;
}

#main .aboutBlock{
	position: relative;
	height: 267px;
	margin-bottom: 40px;
}
#main .aboutBlock a{
	display: block;
	width: 100%;
	height: 100%;
}
#main .aboutBlock_01{
	background:url(../img/about_01.jpg) no-repeat;
}
#main .aboutBlock_02{
	background:url(../img/about_02.jpg) no-repeat;
}
#main .aboutBlock_03{
	background:url(../img/about_03.jpg) no-repeat;
}
#main .aboutBlock_04{
	background:url(../img/about_04.jpg) no-repeat;
}
#main .aboutBlock_05{
	background:url(../img/about_05.jpg) no-repeat;
}

#main .aboutBlock_01 .aboutCon{
	width: 370px;
	text-align: justify;
	padding: 30px;
	float: right;
	font-size: 16px;
	line-height: 30px;
}
#main .aboutBlock_01 .aboutCon p{
	color: #333;
}
#main .aboutBlock_02 .aboutCon{
	width: 370px;
	text-align: justify;
	padding: 12px 30px;
	font-size: 16px;
	line-height: 26px;
}
#main .aboutBlock_02 .aboutCon h3{
	color: #ff9900;
	margin-top:12px;
}
#main .aboutBlock_02 .aboutCon p{
	color: #666;
}
#main .aboutBlock_03 .aboutCon{
	width: 370px;
	text-align: justify;
	padding: 30px;
	float: right;
	font-size: 16px;
	line-height: 30px;
}
#main .aboutBlock_04 .aboutCon{
	width: 370px;
	text-align: justify;
	padding: 30px;
	font-size: 16px;
	line-height: 30px;
}

#main .aboutBlock_04 .aboutCon p{
	color: #333;
}
#main .aboutBlock_05 .aboutCon{
	width: 500px;
	text-align: justify;
	padding: 35px 0 0 0;
	float: right;
	font-size: 16px;
	line-height: 30px;
}
#main .aboutBlock_05 .aboutCon img{
	box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

#main .detail h4{
	margin-bottom: 15px;
}

#main .detail .slideTxtBox,
#main .detail .slideTxtBox1{
	position: relative;
	padding-bottom: 100px;
}
#main .detail .hd ul li{
	line-height: 32px;
	cursor: pointer;
}
#main .detail .hd ul li.on{
	color: #1185de;
}
#main .detail .bd ul{
	position: absolute;
	right: 0;
	top: 0;
}
#main .detail .bd ul img{
	height: 230px;
}

@media screen and (max-width: 768px) {
	#header .menu ul li.about a span.cn{
	color: #1185de;
	border-bottom:0;
	}
	#header .menu ul li.about:hover a span.cn{
		color: #fff;
	}

	#banner{
		width: 100%;
		min-width: 100%;
		margin-top: 50px;
	}
	#banner .bannerCon{
		height: 50vw;
		background: url(../img/banner_about.jpg) no-repeat center center;
		background-size: cover;
	}

	#main{
		min-height: 500px;
		padding:20px;
	}
	#main .title{
		padding-bottom: 10px;
	}
	#main .aboutBlock{
		position: relative;
		height: auto;
		margin-bottom: 0px;
		padding-bottom: 30px;
		overflow: hidden;
	}
	#main .aboutBlock a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#main .aboutBlock_01{
		background:none;
		padding-bottom: 20px;
	}
	#main .aboutBlock_02{
		background:none;
	}
	#main .aboutBlock_03{
		background:none;
	}
	#main .aboutBlock_04{
		background:none;
	}
	#main .aboutBlock_05{
		background:none;
	}

	#main .aboutBlock_01 .aboutCon{
		width: 100%;
		text-align: justify;
		padding: 0px;
		float: right;
		font-size: 16px;
		line-height: 30px;
	}
	#main .aboutBlock_01 .aboutCon p{
		color: #333;
	}
	#main .aboutBlock_01 .aboutCon img{
		width: 100%;
	}
	#main .aboutBlock_02 .aboutCon{
		width: 100%;
		text-align: justify;
		padding: 12px 0px;
		font-size: 16px;
		line-height: 26px;
	}
	#main .aboutBlock_02 .aboutCon h3{
		color: #ff9900;
		margin-top:12px;
	}
	#main .aboutBlock_02 .aboutCon p{
		color: #666;
	}
	#main .aboutBlock_03 .aboutCon{
		width: 100%;
		text-align: justify;
		padding: 0px;
		float: right;
		font-size: 16px;
		line-height: 30px;
	}
	#main .aboutBlock_04 .aboutCon{
		width: 100%;
		text-align: justify;
		padding: 0px;
		font-size: 16px;
		line-height: 30px;
	}

	#main .aboutBlock_04 .aboutCon p{
		color: #333;
	}
	#main .aboutBlock_05 .aboutCon{
		width: 100%;
		text-align: justify;
		padding: 0 0 0 0;
		float: right;
		font-size: 16px;
		line-height: 30px;
	}
	#main .aboutBlock_05 .aboutCon img{
		box-shadow: 0 5px 10px rgba(0,0,0,0.2)
	}

	#main .detail h4{
		margin-bottom: 15px;
	}

	#main .detail .slideTxtBox,
	#main .detail .slideTxtBox1{
		position: relative;
		padding-bottom: 10px;
	}
	#main .detail .hd ul li{
		line-height: 32px;
		cursor: pointer;
	}
	#main .detail .hd ul li.on{
		color: #1185de;
	}
	#main .detail .bd ul{
		position: relative;
		right: 0;
		top: 0;
		padding: 20px 0 0;
	}
	#main .detail .bd ul img{
		height: auto;
	}