@charset "utf-8";
/* CSS Document topAside*/

.topAside .pageBody{}
.topAside .pageAside{}
.topAside .pageContent{}



.rootColumnTitleBar{ line-height:3em; text-align:center; font-weight: normal; padding-top: 50px; max-width: 1300px; text-align: left; font-size: 20px; margin: auto; color: #fff; text-transform: uppercase; display: block; font-weight: bold; display: none;}
.columnTitleBar{ line-height:3em; text-align:center; font-weight: normal; padding-top: 50px; max-width: 1250px; text-align: left; font-size: 20px; margin: auto; color: #fff; text-transform: uppercase; display: block; font-weight: bold;}
.subNav{ padding:20px 0;}

.banner .columnTitleBar{ font-weight: normal; width: 700px; height: auto; padding: 30px 30px; background-color: rgba(255,255,255,0.9); margin: 0; position: absolute; left: 50px; top: 180px; line-height: 2em; display: none; border-radius: 10px;}
.banner .columnTitleBar .columnName{ font-size: 32px; color:#1a264f;}
.banner .columnTitleBar .slaveColumnName{}
.banner .columnTitleBar .intro{ font-size: 18px; line-height: 2em; color: #666; margin-top: 10px;}

.rootColumn_3 .banner .columnTitleBar,
.rootColumn_20 .banner .columnTitleBar,
.rootColumn_21 .banner .columnTitleBar,
.rootColumn_22 .banner .columnTitleBar,
.rootColumn_23 .banner .columnTitleBar,
.rootColumn_24 .banner .columnTitleBar,
.rootColumn_25 .banner .columnTitleBar,
.rootColumn_26 .banner .columnTitleBar,
.rootColumn_27 .banner .columnTitleBar{ display: block;}

.banner .columnTitleBar{ display: block;}

.columnContent{
	margin:auto;
	padding: 30px 0;
	min-height: 600px;
}

.banner{ height: 390px; width: 100%;max-width: 1200px; margin:auto;  background-image: url("../../images/banner/1.jpg");background-position: center top; background-size: cover; background-color: #757575; position: relative;
border-radius: 10px;}


@media only screen and (max-width:480px) {
	.banner{height:120px; margin: 0 20px; width: auto;}
	.banner .columnTitleBar{ left: 20px; top: 20px; background: none; padding:0 ; width: auto;}
	.banner .columnTitleBar .columnName{ font-size: 18px; line-height:1em; font-weight: bold; color: #fff}
	.banner .columnTitleBar .intro{ font-size: 12px; padding-top: 0; line-height: 1.5em; display: none;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.banner{height:120px; margin: 0 20px; width: auto;}
	.banner .columnTitleBar{ left: 40px; top: 40px; background: none; padding:0 ; width: auto;}
	.banner .columnTitleBar .columnName{ font-size: 24px; line-height:1em; font-weight: bold; color: #fff;}
	.banner .columnTitleBar .intro{ font-size: 12px; padding-top: 0; line-height: 1.5em; display: none;}
}
@media only screen and (min-width:1025px) {
	.banner{height:390px}
	.columnContent{ min-height: 600px;}
}

.breadcrumbs{
	line-height: 50px;
	font-size: 0.75rem;
	color: #999;
	margin: 0 0px;
	display: none;
}
.rootColumn_3 .breadcrumbs{ display: block;}




.breadcrumbs .wrapper{ width: 1300px;}
.breadcrumbs span{ padding: 0 5px;}

.topAside .subNavList{
	flex-wrap: wrap;
}
.topAside .subNavList li{
	width: 120px;
	width:auto;
	margin: 5px 5px;
}
.subNavList li{
	line-height: 30px;
}
.subNavList li a{
	background-color: #f4f4f4;
	color: #333;
	display: block;
	border-radius: 4px;
	margin: 0 0px;
	padding: 0 20px;
}

.subNavList li.current a{
	background-color: #2a59a7;
	color: #fff;
}
.rootColumn_20 .subNavList li a{
	padding: 0 10px;
}




@media only screen and (max-width:480px) {
	.subNavList li a{
		font-size: 12px;
		padding: 0 10px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}









.pageAside{
	border-bottom: solid 1px #eee;
	/*max-width: 1200px;*/
	margin: auto;
}





#pageAside{
	position: relative;
}
#pageAside.open{
	visibility: visible;
}
#pageAside.close{
	visibility: hidden;
}
#pageFixedAside{
	position: fixed;
	left: 0;
	top:0;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
}
#pageFixedAside.open{
	visibility: visible;
}
#pageFixedAside.close{
	visibility: hidden;
}

.rootColumn_4 .pageAside,
.rootColumn_67 .pageAside{
	/*display: none !important;*/
}


@media only screen and (max-width:480px) {
	#pageFixedAside{
		display: none !important;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}