@charset "gb2312";
@import url(style_fonts.css); /* 引用WEB字体样式 */
/*------------------头部控件------------------*/
.ctrl-bar .head-bar {
	width: 100%;
	height: 50px;
	_POSITION: absolute;/*兼容IE6*/
	position: fixed;
	z-index: 666;
	top: 0px;
	_TOP: 0px;
	left: 0px;
	background-image: url(../m_img/head-bg.png);
}
.home-head-bar {
	width: 100%;
	height: 100%;
}
.home-head-bar .home-logo {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../m_img/logo.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: auto 36px;
}
.page-head-bar {
	width: 100%;
	height: 100%;
}
.page-head-bar .return {
	display: block;
	position: fixed;
	z-index: 999999;
	top: 10px;
	left: 20px;
	width: 30px;
	height: 30px;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-position: center -210px;
	background-size: 30px auto;
}
.page-head-bar .page-logo {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../m_img/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 36px;
}
/*------------------底部控件------------------*/
.ctrl-bar .bottom-bar {
	width: 100%;
	height: 50px;
	_POSITION: absolute;/*兼容IE6*/
	position: fixed;
	z-index: 666;
	bottom: 0px;
	_TOP: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
	background-image: url(../m_img/head-bg.png);
}
.ctrl-bar .bottom-bar a {
	display: block;
	float: left;
	width: 20%;
	height: 50px;
	padding: 8px 0px;
}
.ctrl-bar .bottom-bar a .icon {
	display: block;
	width: 20px;
	height: 20px;
	margin: auto;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.ctrl-bar .bottom-bar a:nth-child(1) .icon {
	background-position: center 0px;
}
.ctrl-bar .bottom-bar a:nth-child(2) .icon {
	background-position: center -20px;
}
.ctrl-bar .bottom-bar a:nth-child(3) .icon {
	background-position: center -40px;
}
.ctrl-bar .bottom-bar a:nth-child(4) .icon {
	background-position: center -60px;
}
.ctrl-bar .bottom-bar a:nth-child(5) .icon {
	background-position: center -80px;
}
.ctrl-bar .bottom-bar a .title {
	display: block;
	width: 100%;
	height: 14px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
/*------------------导航控件------------------*/
.ctrl-nav-show-btn {
	position: fixed;
	z-index: 999999;
	top: 10px;
	right: 20px;
	width: 30px;
	height: 30px;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-position: center -150px;
	background-size: 30px auto;
}
.ctrl-nav-hide-btn {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 10px;
	right: 20px;
	width: 30px;
	height: 30px;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-position: center -180px;
	background-size: 30px auto;
}
.ctrl-nav-top-btn {
	display: none;
	position: fixed;
	z-index: 999999;
	bottom: 100px;
	right: 20px;
	width: 50px;
	height: 50px;
	padding: 10px;
	background-color: #1b1b1b;
	border-radius: 5px;
}
.ctrl-nav-top-btn i {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-position: center -240px;
	background-size: 30px auto;
}

.ctrl-nav {
	display: none;
	width: 100%;
	padding: 0px 20px;
	position: fixed;
	z-index: 888888;
	background-color: #001F3C;
	filter: alpha(opacity=95); /*IE*/
	-moz-opacity: 0.95; /*MOZ , FF*/
	background: rgba(0,31,60,0.95)!important; /*　使用IE专属滤镜实现IE背景透明*/
	overflow: auto;
}
.ctrl-nav-head {
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #666;
	padding: 15px 0px;
}
.ctrl-nav-head .title {
	width: 100%;
	padding-left: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	border-left: 4px solid #FFF000;
}
.ctrl-nav-list {
	width: 100%;
}
.ctrl-nav-list .list-holder {
	width: 100%;
	padding-bottom: 20px;
}
.ctrl-nav-list .list-holder p {
	width: 100%;
	display: none;
}
.ctrl-nav-list .list-holder a {
	display: block;
	width: 100%;
	height: 41px;
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	text-indent: 5px;
	border-bottom: 1px solid #001F3C;
}
.ctrl-nav-list .list-holder a i {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-top: 15px;
	background-image: url(../m_img/m-ui.png);
	background-repeat: no-repeat;
	background-position: center -90px;
	background-size: 10px auto;
}
.ctrl-nav-list .list-holder p a {
	padding-left: 15px;
}
.ctrl-nav-list .list-holder p a i {
	background-position: center -100px;
	background-size: 10px auto;
}
/*控件---分页--------------------------------------------------*/
.ctrl_paging {
	width:100%;
	height: 76px;
	margin: auto;
	padding: 20px 0px;
	font-size: 12px;
	color: #C0C0C0;
	text-align: center;
	clear: both;
}
.ctrl_paging #pageCount {
	display: block;
	display:inline-block;  
    _display:inline;  
    *display:inline;  
    zoom:1; 
	height: 36px;
	line-height: 26px;
	margin: auto 2px;
	padding: 5px;
}
.ctrl_paging a {
	display: block;
	display:inline-block;  
    _display:inline;  
    *display:inline;  
    zoom:1; 
	min-width: 36px;
	height: 36px;
	margin: auto 2px;
	padding: 5px 10px;
	border: 1px solid #F0F0F0;
	font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
	font-size: 14px;
	color: #C0C0C0;
	text-align: center;
	line-height: 24px;
}
.ctrl_paging a:hover {
	border: 1px solid #DF0000;
	color: #ff0000;
}
.ctrl_paging #Current {
	display: block;
	display:inline-block;  
    _display:inline;  
    *display:inline;  
    zoom:1; 
	min-width: 36px;
	height: 36px;
	padding: 5px;
	margin: auto 2px;
	border: 1px solid #DF0000;
	background-color: #DF0000;
	font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
}
.ctrl_paging #First {
	background-image: url(../m_ctrls/paging/First.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ctrl_paging #Previous {
	background-image: url(../m_ctrls/paging/Previous.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ctrl_paging #Next {
	background-image: url(../m_ctrls/paging/Next.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ctrl_paging #Finally {
	background-image: url(../m_ctrls/paging/Finally.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}