/*homepage layout*/

/*layout first header*/
.header{
	width:100%;
	overflow: hidden;
	height: 178px;
	background-color: #FFFFFF;
}
.header-main{
	width:1200px;
	height: 178px;
	margin:0px auto;

}
.header-brand{
	width: 100%;
	height: 110px;
	line-height: 130px;
}
.nav{
	width: 100%;
	height: 68px;
}
.nav ul{
	width:782px;
	float: right;
	margin-top:20px;
}
.nav ul li{
	display:block;
	float:left;
	

}
.nav ul li a{
	height:26px;
	margin-right:48px;
	padding:10px;
}
.nav ul li a:link{
	text-decoration: none;
	color:#363636;
}
.nav ul li a:hover{
	background-color: #1E90FF;
	color:#FFFFFF !important;
}
.nav ul li a:visited{
	text-decoration: none;
	color:#363636;
}
/*banner*/
.banner{
	width:100%;
	overflow: hidden;
	background-color: #FFFFFF;
}
.banner img{
	width:100%;
}
/*main layout*/
.main{
	width:100%;
	background-color: #FFFFFF;
	overflow: hidden;
}
.main-layout{
	width:1200px;
	margin:0px auto;
	overflow: hidden;

}

.main-top{
	width: 1200px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 60px;
	height: 60px;
	background: #FFFFFF;
}
.main-top span{
	color:#1E90FF;
}


.main-content-layout{
	width:1200px;
	margin:0px auto;
	overflow: hidden;
}
.main-nav{
	width:224px;
	overflow: hidden;
	height: auto;
	float: left;
}
.main-content{
	float: right;
	width:900px;

	padding-top: 40px;
	color:#636363;
}
.main-content>ul{
}
.main-content>ul li{
	height: 200px;
	margin-bottom: 60px;
}
.left-content-div{
	width:300px;
	height: 200px;
	float: left;

}
.right-content-div{
	width: 570px;
	float: right;
	overflow: hidden;
	height: 200px;

	position:relative;

}
.right-content-div-title{
	text-align: center;
	margin-top: 27px;
	color:#1E90FF;
	font-size: 18px;
}

.right-content-div-content{
	margin-top: 40px;
	color:#1E90FF;
	font-size: 14px;
	text-align: justify;
	line-height: 36px;
	color:#898989;
}
.right-content-div-bottom-bom{
	display: block;
	height: 26px;
	border-bottom: 1px dashed #cccccc;
	width: 500px;
	
	
}
.detial{
	position: absolute;
	top:176px;
	left:500px;
	width: 80px;
	display: inline-block;
	font-size: 14px;
	color:#B7B7B7;
}
/*pagelist*/
.pagelist{
	margin-top: 20px;
	width: 100%;
	height: 30px;
}
.pagelist>ul li{
	float: left;
	border:1px solid #CCCCCC;
	width: 30px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	margin-right: 5px;

}
.pagelist>ul li:first-child{
	width: 50px;
}
.pagelist>ul li:last-child{
	width: 50px;
}
.current-active{
	background-color:#178DFF;
	color:#FFFFFF;
}


.main-nav-bk{
	margin-top: 20px;
	
}
.main-nav-bk li{
	height: 58px;
	line-height: 58px;
	
	border-bottom:1px solid #cccccc;
}
.main-nav-bk li a:link{
	height: 58px;
	line-height: 58px;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	color:#5E5E5E;

}
.main-nav-bk li a:hover{
	height: 58px;
	line-height: 58px;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	
	background: #178DFF;
	color:#FFFFFF !important;
}
.main-nav-bk li a:visited{
	height: 58px;
	line-height: 58px;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	color:#5E5E5E;
}
.active{
		background: #178DFF;
		color:#FFFFFF !important;
}
.pagelist span,.pagelist a{
	display: inline-block;
	padding: 5px 0;
	line-height: 20px;
	height: 20px;
}
.pagelist span.disabled{
	border: 1px solid #eee;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    color: #ddd;
}
.current{
	padding: 5px 12px !important;
    margin: 0 0 0 8px !important;
    color: #FFFFFF;
    font-weight: bold !important;
    background-color: #178DFF !important;
     line-height: 20px !important;
    height: 20px !important;
    display: inline-block !important;
}
.pagelist a{
	display:inline-block;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    border: 1px solid #e1e2e3;
    line-height: 20px;
    height: 20px;
    /*color: #000000;*/
    background: #fff;
    text-decoration: none;
}
.pagelist{
	height: 35px !important;
}