.carousel-inner {
		background: #F5F5F5;
	}
	
	.content {
		width: 80%;
		margin: 0 auto 5%;
		text-align: center;
	}
	
	section h2 {
		color: #666;
		padding: 5% 0 2%;
	}
	
	section p {
		line-height: 32px;
		font-size: 14px;
		color: #8d8d8d;
	}
	
	.row .section {
		margin: 5% auto;
		overflow: hidden;
		max-height: 720px;
		background: #fff;
	}
	
	.row .section:hover {
		box-shadow: 6px 8px 5px #c3c1c1;
	}
	
	.section dt {
		float: left;
		width: 100%;
		vertical-align: middle;
	}
	
	.section dt img {
		width: 100%;
	}
	
	.section-body {
		padding: 4% 2%;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 400px;
	}
	
	.section-body h5 {
		font-size: 14px;
		color: #707070;
	}
	
	.section-body h3 {
		padding-top: 10px;
		padding-bottom: 20px;
		font-size: 23px;
		color: #333333;
		font-weight: 500;
	}
	
	.section-body p {
		line-height: 24px;
		color: #707070;
		font-size: 14px;
	}
.foot-nav{text-align: center;}	
	@media only screen and (min-width: 768px) {
		.content {
			width: 72%;
		}
	}
	
	@media only screen and (min-width: 992px) {
		.row .section {
			margin: 5% auto;
			max-height: 427px;
			overflow: hidden;
			min-width: 1011.45px;
			box-shadow: 2px 4px 6px #cecaca;
		}
		.section dt {
			float: left;
			width: 50%;
			vertical-align: middle;
		}
		.section-body {
			padding: 3%;
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
			max-height: 355px;
		}
	}
	
	@media only screen and (max-width: 414px) {
		.section-body p {
			display: none;
		}
		.section-body h3 {
			font-size: 17px;
		}
	}