﻿*{margin:0;padding:0;list-style:none;border:none;}
body {font-family:"Microsoft YaHei";}
.slider-pro {
    font-family: Microsoft YaHei, 'Open Sans',Arial;
}

.slider-title  {position: absolute;left: 0;top: 0px;width: 870px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 1.12em;font-weight: bold;background: -webkit-linear-gradient(bottom, transparent, rgba(0,142,210,0.6));}


#example5 .sp-thumbnail-image-container {
	width: 100px;
	height: 50px;
	overflow: hidden;
	float: left;
}

#example5 .sp-thumbnail-image {
	height: 100%;
}

#example5 .sp-thumbnail-text {
	width: 140px;
    text-align: center;
    height:50px;
	padding:15px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}

.about_content{ width: 80%; margin: 0 auto;}
.about_content p{ font-size: 16px; color: #000; line-height: 180%; margin-bottom: 20px; text-align: center;}
.about_content.history{ text-align: center; position: relative;}