/*banner*/

#banner{
	padding: 25px 0;
	height: auto;
	background: #f2f2f2;
}

#banner2{
	padding: 12.5px 0;
	background: #f2f2f2;
}


#bannerArea{
	height: auto;
}

.bannerList{
	float: left;
	height: auto;
	width: 100%;
	overflow: hidden;
}

.bannerList img{
	width: 100%;
	min-width: 700px;
	height: auto;
}

/*insideContent*/

#insideContent{
	float: left;
	width: calc( 100% - 30px );
	min-height: 390px;
	margin:15px;
	background: #fff;
	padding-bottom: 25px;
}

.title{
	line-height: 30px;
	font-size: 18px;
	font-weight: 900;
	padding: 15px 0;
	color: #333;
	border-bottom: #d2d2d2 1px solid;
}

.title img{
	margin: 0 10px 0 15px;
}

#insideContent p{
	margin: 25px 50px;
	font-size: 15px;
	line-height: 30px;
}

#insideContent h3{
	margin: 25px 50px;
}

#aboutImg{
	float: right;
	margin:0 0 25px 25px;
}

/*news*/

#news{
	width: calc( 100% - 60px );
	margin:20px 30px;
}

#news li{
	line-height: 35px;
	padding: 5px 0;
	overflow: hidden;
}

.date{
	float: left;
	width: 100px;
	margin-right: 10px;
	font-size: 15px;
	color: #639cb7;
}

.newsText{
	float: left;
	width: calc( 100% - 250px );
	margin-right: 10px;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.more{
	line-height: inherit;
	background: #7cc1e2;
	color: #fff;
	text-align: center; 
	transition:.2s;
	overflow: hidden;
}

.more:hover{
	background: #639cb7;
}

li a:hover{
	text-decoration: none;
}

/*page*/

#page{
	width: 100%;
	height: 35px;
	text-align: center;
	border-top: #d2d2d2 1px solid;
	clear: both;
}

#page li{
	display: inline-block;
	line-height: 35px;
	margin: 0 15px;
	color: #999;
}

#page li:hover, #page li.this{
	color: #333;
}

#page li a {
	color: #7cc1e2;
}