@charset "utf-8";

.aboutnav .banner {

	height: 300px;

	background: url("../img/aboutnav.jpg") no-repeat center;

	background-size: cover;

}

.aboutnav {

	border-bottom: 1px solid #ccc;

}

.aboutnav .col-lg-1 {

	line-height: 50px;

	font-size: 14px;

	text-align: center;

}

.aboutwrap {

	padding: 50px 0 80px;

}

.abouttitle {

	margin-bottom: 30px;

}

.abouttitle h3 {

	text-align: center;

	font-size: 36px;

	line-height: 64px;

	font-weight: bold;

	color: #08A;

	margin: 0;

}

.abouttitle p {

	color: #999;

	line-height: 25px;

	text-indent: 2em;

}

.about1, .about3 {

	background: #fafafa;

}

.aboutlist4 .col-sm-3 img {

	display: block;

	margin: 0 auto;

	width: 60%;

}

.aboutlist4 .col-sm-3 p {

	text-align: center;

	line-height: 30px;

	font-size: 15px;

}

.aboutnavfix {

	border-bottom: 2px solid rgba(200, 200, 200, 0.5);

	position: fixed;

	top: 0;

	display: none;

	z-index: 100;

	background: rgba(255, 255, 255, 0.98);

}

.aboutnavfix .col-lg-1 {

	line-height: 50px;

	font-size: 14px;

	text-align: center;

}

.about2 .aboutlist4 i.icon {

	position: absolute;

	width: 60px;

	height: 60px;

	font-size: 48px;

	line-height: 60px;

	color: #ccc;

	right: -24px;

	top: 0;

	bottom: 0;

	margin: auto;

}

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

	.about1 .col-xs-6 p {

		font-size: 12px;

	}

}

@media only screen and (max-width: 767px) {

	.about1 .col-xs-6 {

		padding: 0 15px;

	}

	.about1 .col-xs-6 p {

		font-size: 13px;

		line-height: 20px;

		margin-bottom: 20px;

	}

	.aboutwrap {

		padding: 20px 0;

	}

	.aboutnav .banner {

		height: 150px;

	}

	.aboutnav .col-lg-1 {

		font-size: 12px;

		line-height: 40px;

	}

}