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

.leftAside .pageBody{ display: block;}
.leftAside .pageAside{flex-grow: 0;}
.leftAside .pageContent{flex-grow: 1;}


.rootColumnTitleBar{ line-height:3em; font-weight: normal; font-size: 1.5em; display: none;}
.subNav{ padding:0px 0; }
.subNavList li{ height: 50px; padding-bottom: 5px;}
.subNavList li a{ line-height: 40px; background-color: #eee; display: block; text-indent: 2em; background-image:url(../../my/image/leftAsideBg.png); background-position: right top; background-repeat: no-repeat;}

.subNavList li.current a{ background-color: #00adbc; color: #fff; background-position: center bottom;}
.subNavList li a:hover{ background-color: #00adbc; color: #fff; background-position: center bottom;}



@media only screen and (max-width:480px) {
	.leftAside .pageAside{ padding-top: 30px;}
	.subNavList{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.subNavList li{ width: 48%;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.leftAside .pageAside{ width: 300px; padding: 30px 0;}
	.leftAside .pageContent{padding: 30px 0;}
	.subNav{width: 250px;}
}
@media only screen and (min-width:1025px) {
	.leftAside .pageAside{ width: 300px; padding: 30px 0;}
	.leftAside .pageContent{padding: 30px 0;}
	.subNav{width: 250px;}
}





.columnTitleBar{ line-height:40px; font-weight: normal; font-size: 1.5em; color: #00adbc; font-weight: normal;}
.columnContent{
	margin:auto;
	padding: 20px 0;
	max-width: 900px;
	border-top: solid 2px #00adbc;
}

.banner{ height: 260px; width: 100%; background-image: url("../../images/banner/1.jpg"); background-position: center top; background-size: cover;}

@media only screen and (max-width:480px) {
	.banner{height:150px}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.banner{height:260px}
	.columnContent{ min-height: 600px;}
}
@media only screen and (min-width:1025px) {
	.banner{height:260px}
	.columnContent{ min-height: 600px;}
}



.pageAside .module{ border: solid 1px #ddd; border-radius: 5px; margin-bottom: 25px; width: 250px; position: relative;}
.pageAside .module .titleBar{ border-bottom: solid 1px #ddd; padding: 0 20px; line-height: 40px;}
.pageAside .switch { width: 15px; height: 15px; border: solid 1px #ddd; text-align: center; line-height: 15px; position: absolute; right: 10px; top: 10px;  cursor: pointer; display: none; font-family: Arial, Helvetica, sans-serif;}
.pageAside .switch.open{}
.pageAside .switch.close{}


.pageAside .module .content{ padding: 20px; display: none;}

.pageAside .module.open .content{ display: block;}
.pageAside .module.open .switch.close{ display:block;}
.pageAside .module.close .switch.open{ display:block;}

@media only screen and (max-width:480px) {
	
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.pageBody .wrapper{ display: flex;}
}
@media only screen and (min-width:1025px) {
	.pageBody .wrapper{ display: flex;}
}









.paraList{}
.paraList li{ line-height: 30px;}
.paraList li input{ margin-right: 10px;}



.paraSearch{ display: none; }
.keywordsSearch{border: solid 1px #dddddd;border-radius: 5px; display: flex; margin-bottom: 20px; overflow: hidden;}
.keywordsSearch input.keywords{ border: none;background: none;  line-height: 38px; text-indent: 10px; width: 212px;flex-grow: 1;}
.keywordsSearch .searchButton{ background: none; border: none; background-color: #00adbc; display: block; width:38px; text-align: center;line-height: 38px; color: #fff; color: #fff; background-image: url(../../my/image/scale.png); background-size: 60%; text-indent: -9999px; background-repeat: no-repeat; background-position: center center;}


.searchContent{ height: 38px; border: solid 1px #dddddd; border-radius: 5px;overflow: hidden; display: flex; align-items: center; margin-top: 10px; display: none;}
.searchContent .label{ background-color: #00adbc; display: block; width:150px; text-align: center;line-height: 38px; color: #fff;}
.searchContent .value{ padding-left: 20px; font-size: 14px;}



/*.rootColumn_2 .searchContent{ display: flex;}*/


@media only screen and (max-width:480px) {
	.rootColumn_2 .paraSearch{ display: block;}
	.rootColumn_2 .paraSearch .keywordsSearch{ display: flex;}
	.rootColumn_2 .paraSearch .module{ display: none;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.rootColumn_2 .paraSearch{ display: block; width: 250px;}
}
@media only screen and (min-width:1025px) {
	.rootColumn_2 .paraSearch{ display: block; width: 250px;}
}