@import url(normalize.css);
@import url(base.css);


/* head */
.app_head{
	position: relative; z-index: 10;
	background: url("../images/head_bg.png") repeat center center;
	background: url("../images/head_bg.gif") repeat center center;
	background: #fff;
}
.app_head_c{position: relative; width: 1000px; height: 150px; margin: auto;}

.app_head .logo{position: absolute; z-index: 2; left: 0; top: 30px;}
.app_head .nav{position: absolute; z-index: 2; left: 180px; top: 38px;}
.app_head .tel{position: absolute; z-index: 2; right: 0; top: 30px;}



/* search */
.app_head .search_bar{
	position: absolute; z-index: 10; height: 33px; right: 0; bottom: 0;
}


/* menu */
.app_head .menu_bar{
	position: absolute; z-index: 10; height: 46px; left: 0; bottom: -10px; 
}
.app_head .menu{float: left; list-style: none; padding: 0; margin: 0;}
.app_head .menu li{float: left; padding: 0;}

.app_head .menu .m{
	display: block;
	position: relative; z-index: 2; height: 46px; line-height: 46px; padding: 0 18px;
	font-size: 16px;
	cursor: pointer;
}
.app_head .menu .m:link,
.app_head .menu .m:visited,
.app_head .menu .m:hover{background-color: #231f20; color: #383018; color: #fff;}

.app_head .menu .m_active:link,
.app_head .menu .m_active:visited,
.app_head .menu .m_active:hover{background-color: #ffe400; color: #383018;}






/* foot */
.app_foot{}
.app_foot_body{width: 1000px; margin: auto; color: #999; padding: 30px 0;}
.app_foot .qrcode{float: left; margin-right: 20px;}
.app_foot .l{float: left;}
.app_foot .r{float: right;}

.app_foot .logo{padding-bottom: 10px;}
.app_foot .contact{padding-left: 32px; padding-left: 0}
.app_foot .copy{padding-left: 32px; padding-left: 0;}
.app_foot .copy a{color:#999;}
.app_foot .copy a:hover{color:#444;}

.app_foot .dowww{text-align: left; color: #444; padding-top: 8px;}
.app_foot .dowww span{float: left; height: 16px; line-height: 16px;}
.app_foot .dowww a:link,
.app_foot .dowww a:visited,
.app_foot .dowww a:hover{color: #444;}





/* app body */
.app_body_head{position: relative; z-index: 1; background: url("../images/banner_0.png") no-repeat center top #eeeeee;}
.app_body_head_c{position: relative; width: 1000px; margin: auto; height: 120px;}
.app_body_head .nav{position: absolute; left: 0; bottom: 20px; font-size: 20px; font-weight: bold; line-height: 22px;}
.app_body_head .bread{position: absolute; right: 0; bottom: 20px;}
.app_body_head .bread a,
.app_body_head .bread span{float: left;}
.app_body_head .bread span{margin: 0 10px;}




.app_body{position: relative; z-index: 1; background: #ffffff;}
.app_body_c{position: relative; width: 1000px; margin: auto;  background: #fff;}
.app_body_cc{position: relative; padding-top: 30px; padding-bottom: 30px;}

.app_body_left{position: relative; float: left; width: 160px;}
.app_body_right{position: relative; margin-left: 190px;}

.app_body_menu{}
.app_body_menu a{
	position: relative; display: block; background: #231f20; color: #fff;
	margin-bottom: 1px; padding: 12px 15px; line-height: 16px;
	font-size: 14px; 
}
.app_body_menu a.over{
	background: #ffe400; color: #231f20;
}


.app_body_right img{max-width: 100%;}









/* page */
.page{line-height: 20px; padding: 0; color: #999;}
.page .pages_out,
.page .pages_over{
	display:inline-block; *display:inline; *zoom:1;
	padding: 0 10px; height: 26px; line-height: 26px;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
	font-family:Tahoma,Arial;
	border-radius: 3px;
}
.page .pages_out:link,
.page .pages_out:visited{color: #1798f2; background-color: #fff; border-color: #8bccf9;}
.page .pages_out:hover{color: #fff; background-color: #1798f2; border-color: #1798f2;}

.page .pages_over{color: #666; background-color: #fffa95; border-color: #ccc877;}

.page .pages_more{padding-right: 5px; color: #bbb;}

.page_left{text-align: left;}
.page_left .pages_out,
.page_left .pages_over{margin-right: 5px;}

.page_right{text-align: right;}
.page_right .pages_out,
.page_right .pages_over{margin-left: 5px;}

.page_center{text-align: center;}
.page_center .pages_out,
.page_center .pages_over{margin: 0 3px;}