*{box-sizing: border-box;}

.clearfix:after{content:"\20"; display:block; height:0; clear:both;}
.clearfix{*zoom:1; _zoom:1}

html,body{margin:0; padding:0;}

body{
	min-width: 1260px;
	color: #020202;
	box-sizing: border-box;
	font-size: 12px;
	
	font-family: "微软雅黑", "宋体";
	
	background-color: #004caa;
}
a{text-decoration: none; cursor: pointer;}


.app{min-width: 1260px;}

.app_top{	
	background-image: url("bg.png"); background-position: center top; background-repeat: no-repeat;
	background-color: #fff;
}

.app_head{}
.app_body{padding-bottom: 30px;}
.app_foot{color: #fff;}

.app_head_frame{width: 1100px; margin: auto; padding: 50px 0;}
.app_body_frame{width: 1100px; margin: auto; background-color: #f2f2f2; min-height: 500px;}
.app_foot_frame{width: 1100px; margin: auto; padding: 30px 0;}



.app_head .logo{}
.app_head .logo_name{text-align: center; padding-top: 40px;}



.app_search{display: table; padding: 50px 0;}
.app_search > div{display: table-cell;}
.app_search > div.search_c{
	width: 510px; height: 50px; background: url("search_bg.png") no-repeat center center;
	display: table; padding: 7px 16px 0 16px;
}
.app_search > div.search_l,
.app_search > div.search_r{
	position: relative; width: 295px; height: 50px;
}
.app_search > div.search_l:before{
	content: "";
	position: absolute; left: 30px; right: 20px; top: 24px; height: 1px; border-top: 1px solid #e2e2e2;
}
.app_search > div.search_r:before{
	content: "";
	position: absolute; left: 20px; right: 30px; top: 24px; height: 1px; border-top: 1px solid #e2e2e2;
}
.app_search > div.search_c > div{display: table-cell;}
.app_search > div.search_c > div.input{vertical-align: top;}
.app_search > div.search_c > div.button{vertical-align: top; width: 36px;}
.app_search > div.search_c > div.input input{padding: 0; height: 36px; line-height: 36px; width: 430px; border: 0; margin: 0; outline: none; font-size: 14px;}
.app_search > div.search_c > div.button button{width: 36px; height: 36px; padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer;}





.app_main{display: table; width: 100%; padding: 0 30px 30px 30px; min-height: 1200px;}
.app_main > div{display: table-cell;}
.app_main > div.app_main_l{width: 260px; vertical-align: top;}
.app_main > div.app_main_r{vertical-align: top;}
.app_main > div.app_main_l > div.app_main_l_frame{width: 240px;}

.app_main > div.app_main_r{background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0, 0.1);}


.app_menu{list-style: none; padding: 0; margin: 0;}
.app_menu > li{margin-top: 20px; box-shadow: 0 2px 5px rgba(0,0,0, 0.1);}
.app_menu > li:first-child{margin-top: 0;}
.app_menu > li > .root{display: table; width: 100%; padding: 10px 10px; background-color: #ffffff; color: #2358a8;}
.app_menu > li > .root > span{display: table-cell; vertical-align: middle;}

.app_menu > li > .root > span.icon{width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat;}

.app_menu > li > .root > span.icon_1{background-image: url("menu_icon_1.png");}
.app_menu > li > .root > span.icon_2{background-image: url("menu_icon_2.png");}
.app_menu > li > .root > span.icon_3{background-image: url("menu_icon_3.png");}
.app_menu > li > .root > span.icon_4{background-image: url("menu_icon_4.png");}
.app_menu > li > .root > span.icon_5{background-image: url("menu_icon_5.png");}
.app_menu > li > .root > span.icon_6{background-image: url("menu_icon_6.png");}


.app_menu > li > .root > span.name{padding-left: 16px; font-size: 24px; font-weight: bold; line-height: 30px;}
.app_menu > li > .root > span.plus{width: 26px; background: url("menu_plus.png") no-repeat center center;}

.app_menu > li > .sec{list-style: none; padding: 0; margin: 0; background-color: #fff; display: none;}
.app_menu > li > .sec > li.active{background-color: #e7f5ff;}
.app_menu > li > .sec > li > a{display: block; padding: 8px; font-size: 16px; font-weight: bold; text-align: center; color: #2f2f2f;}
.app_menu > li > .sec > li > a:hover{background-color: #e7f5ff;}


.app_menu > li > .root:hover{background-color: #2358a8; color: #fff;}
.app_menu > li > .root:hover > span.icon_1{background-image: url("menu_icon_1_active.png");}
.app_menu > li > .root:hover > span.icon_2{background-image: url("menu_icon_2_active.png");}
.app_menu > li > .root:hover > span.icon_3{background-image: url("menu_icon_3_active.png");}
.app_menu > li > .root:hover > span.icon_4{background-image: url("menu_icon_4_active.png");}
.app_menu > li > .root:hover > span.icon_5{background-image: url("menu_icon_5_active.png");}
.app_menu > li > .root:hover > span.icon_6{background-image: url("menu_icon_6_active.png");}

.app_menu > li > .root:hover > span.plus{background-image: url("menu_plus_active.png");}


.app_menu > li.active > .root{background-color: #2358a8; color: #fff;}
.app_menu > li.active > .sec{display: block;}


.app_menu > li.active > .root > span.icon_1{background-image: url("menu_icon_1_active.png");}
.app_menu > li.active > .root > span.icon_2{background-image: url("menu_icon_2_active.png");}
.app_menu > li.active > .root > span.icon_3{background-image: url("menu_icon_3_active.png");}
.app_menu > li.active > .root > span.icon_4{background-image: url("menu_icon_4_active.png");}
.app_menu > li.active > .root > span.icon_5{background-image: url("menu_icon_5_active.png");}
.app_menu > li.active > .root > span.icon_6{background-image: url("menu_icon_6_active.png");}

.app_menu > li.active > .root > span.plus{background-image: url("menu_plus_active.png");}



.app_foot_info{width: 100%; display: table; line-height: 20px;}
.app_foot_info > div{display: table-cell; vertical-align: top;}
.app_foot_info > div.info_l{}
.app_foot_info > div.info_r{width: 190px; text-align: right;}
.app_foot_copy{}
.app_foot_copy span{display: inline-block; height: 20px; line-height: 20px; float: left; margin-right: 30px;}
.app_foot_copy a{display:inline-block; text-decoration:none; height:20px; line-height:20px;}
.app_foot_copy a p{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#f4f4f4;}

.app_foot .site_name{height: 40px; font-size: 14px; font-weight: bold;}
.app_foot .site_menu{height: 40px;}
.app_foot .site_menu a:link,
.app_foot .site_menu a:visited,
.app_foot .site_menu a:hover{color: #fff;}





/* 分页 */
.page_div{display:inline-block; *display:inline; *zoom:1;}
.page_div > div{display:inline-block; *display:inline; *zoom:1; margin-left: 3px;}
.page_div > div:first-child{margin-left: 0;}
.page_div > div a{
	display:inline-block; *display:inline; *zoom:1; min-width: 32px; height: 26px; line-height: 24px; text-align: center; padding: 0 8px;
	color: #5e5e5e; font-size: 13px;
	border: 1px solid #c9c9c9;
	border-radius: 2px;
}
.page_div > div a:hover{border-color: #004caa; background-color: #004caa; color: #fff;}
.page_div > div.pagination_curr a{border-color: #004caa; background-color: #004caa; color: #fff;}
.page_div > div.pagination_totalCount,
.page_div > div.pagination_totalCount{line-height: 24px}




/* 普通列表 */
.page_list{padding: 20px;}
.page_list > .list{position: relative; width: 740px; min-height: 1070px;}
.page_list > .list > .item{margin-top: 18px;}
.page_list > .list > .item:first-child{margin-top: 0;}
.page_list > .list > .item > .title{
	width: 100%; height: 20px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	font-size: 16px; line-height: 20px;
}
.page_list > .list > .item > .title a:link,
.page_list > .list > .item > .title a:visited{color: #020202;}
.page_list > .list > .item > .title a:hover{color: #2358a8;}

.page_list > .page{text-align: center; padding-top: 24px;}




/* 特殊列表 */
.page_list_two{}
.page_list_two > .group{margin-top: 30px;}
.page_list_two > .group:first-child{margin-top: 0;}


.page_list_two > .group > .title{border-bottom: 1px solid #e0e0e0;}
.page_list_two > .group > .title > span{
	display: inline-block; height: 36px;
	background-color: #2358a8; color: #fff;
	font-size: 16px; line-height: 36px;
	padding: 0 20px;
}


.page_list_two > .group > .list{position: relative; width: 780px; padding: 20px;}
.page_list_two > .group > .list > .item{margin-top: 18px;}
.page_list_two > .group > .list > .item:first-child{margin-top: 0;}
.page_list_two > .group > .list > .item > .title{
	width: 100%; height: 20px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	font-size: 16px; line-height: 20px;
}
.page_list_two > .group > .list > .item > .title a:link,
.page_list_two > .group > .list > .item > .title a:visited{color: #020202;}
.page_list_two > .group > .list > .item > .title a:hover{color: #2358a8;}


.page_list_two > .group > .more{text-align: center;}
.page_list_two > .group > .more > a{
	display: inline-block; width: 100px; height: 32px; text-align: center;
	background-color: #e0e0e0; color: #020202; border-radius: 3px;
	cursor: pointer;
	font-size: 14px; line-height: 32px;
}
.page_list_two > .group > .more > a:hover{
	background-color: #2358a8; color: #fff;
}




/* 单页 */
.page_detail_frame{position: relative; width: 100%; height: 1110px; margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
.page_detail_frame > .page_detail{width: 760px; position: relative;}
.page_detail_frame > .page_detail > .detail_title{padding: 30px; font-size: 20px; font-weight: bold; text-align: center;}
.page_detail_frame > .page_detail > .detail_content{padding: 0 30px 30px 30px; font-size: 16px; line-height: 2;}


.page_detail_frame > .page_scroll{
	width: 10px; height: 1030px; background: rgba(242,242,242,1); border-radius: 5px; position: absolute; top: 80px; right: 10px; cursor: pointer;
}
.page_detail_frame > .page_scroll > .scrollbtn{
	width: 10px; height: 80px; background-color: #2358a8; border-radius: 5px; position: absolute; top: 0;
}