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

.mid-header {
	margin:0 auto;
	vertical-align: middle;
	padding:15px;
}
.mid-header .logo{
	height: 74px;
	float:left;
	
}
.mid-header .logo img{
	display: inline-block;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	float:left;
}

.search{ width:254px; height:34px; border:solid #aaa9a9 1px; border-radius:3px; margin-top:20px; float:right;}
.search .fidtext{ width:198px; height:32px; line-height:32px; border:0; background:none; float:left;}
.search .bnt{ width:44px; height:32px; background:#525252 url(../images/search-bnt.png) no-repeat center center; border:0 none; float:right; cursor:pointer; border-radius:0 3px 3px 0;}
.hotline{ height:34px; line-height:34px; font-size:14px; margin:20px 20px 0 0; float:right;}
.hotline b{ background:url(../images/ind_icons.png) no-repeat; width:23px; height:23px; float:left; margin:5px 6px 0 0;}

@media only screen and (max-width: 769px) {
	.mid-header .logo{
		height: 64px;
	}
	.search{ margin:20px 0 0 0;}
	.hotline{ margin:0 20px 0 0; display:none;}
}
@media only screen and (max-width: 480px) {
	.mid-header .logo{
		height:54px;
	}
	.search{ width:100%; margin-top:10px; position:relative;}
	.search form{ width:100%; display:-webkit-box; -webkit-box-align:center;}
	.search .fidtext{ width:100%; -webkit-box-flex:1; float:none; display:block;}
	.search .bnt{ float:none; position:absolute; right:0; top:0;}
	.hotline{ clear:both; float:none; margin:0;}
}

.zlogin { padding-top:20px; text-align: right; float:right; margin-left:14px;}
.zl_loading { width: 74px; height: 32px; border: none; border-radius:3px; background-color: #b13d2c; vertical-align: middle; color: #fff;}
@media only screen and (max-width: 480px) {.zlogin{ padding-top:10px;}}
.zafter_login{ text-align: left;}
.zaf_layout { display: inline-block;  padding-top:10px; padding-left: 30px; background: url(../images/icons.png) -100px 10px no-repeat; color: #e25b5b;}
.zaf_course { position:relative;/*width: 106px;*/ height: 34px; border-radius: 3px; line-height: 34px; vertical-align: middle; z-index:99;}
.zaf_course a { color: #000;}
.zaf_cur {}
.zaf_text { text-align: center; font-size: 14px; padding:1px 1px 1px 6px;}
.zaf_text img { display: inline-block; vertical-align: middle; margin-right: 4px;}
.zaf_text a,.zaf_cur a { display: inline-block; vertical-align: middle; color: #000;}
.zaf_cur { padding:0 0 0 5px; border: 1px #ddd solid; border-bottom: 0; border-radius: 3px 3px 0 0;}
.zaf_space { display: inline-block; width: 20px; height: 20px; background:url(../images/icons.png) -18px 9px no-repeat; vertical-align: middle;}
.zaf_endter { display: inline-block; padding-top: 10px; padding-right: 10px; color: #999;}
.zaf_endter b { padding-left: 5px; padding-right: 5px; color: #333;}
.zaf_ul {position: absolute; left: 0; top: 34px; width: 100%; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid;  border-radius:0px 0px 5px 5px;  z-index:999; display: none}
.zaf_bg { border-bottom:1px #ddd solid; text-align: center; background-color: #f2f2f2;}
.zaf_bg:hover { background-color: #fff;}



/* .nav {position: relative;background:#525252;border-top:solid #343434 3px;}
.nav ul{ font-size:16px; padding:0;}
.nav li{padding:0 10px; list-style:none;display:inline-block;}
.nav a{padding:15px 12px;display:inline-block;text-decoration: none;color:#FFF;display:block;font-size:18px}
.nav a:hover {color: #FFF;}
.nav .current a {background:#b13d2c;color: #fff;}
.navbar-toggle{ float:left;} */

.nav {position: relative;background:#525252;border-top:solid #343434 3px;}
.nav ul{ font-size:15px; padding:0;}
.nav li{ list-style:none;float:left;position: relative;}
.nav a{padding:15px 20px;display:inline-block;text-decoration: none;color:#FFF;display:block;font-size:18px}
.nav a:hover {color: #FFF;background:#b13d2c;}
.nav .current a {color: #fff;}
.nav .current{background:#b13d2c;}
.navbar-toggle{ float:left;}
.w_pull_item{position: absolute;width: 100%;left: 0px;top: 57px;font-size: 14px;z-index: 100;background: #525252;display: none;}
.w_pull_item p{}
.w_pull_item a{color: #fff;font-size: 18px;}
.nav li:hover .w_pull_item{display: block;}


@media screen and (max-width: 768px) {
	.nav {position: relative;	min-height:54px;}	
	.nav ul {width:100%;
		position: absolute;
		top: 0;
		left: 0;
		background:#525252;
		z-index:99;
	}
	.nav li{display:block;}
	.nav .current {	display: block; height:54px; margin:0 20px;}
	.nav .current a{background: none;color: #FFF;}
	.nav a {display: block;	padding:15px 20px;text-align:left;}
	.nav:not(.expand) li:nth-child(n+2){ display:none;}
	.nav li:nth-child(n+2) a{ padding:10px 20px;}
	.nav li:nth-child(n+2) a:hover{ background:#b13d2c;}

}

/*登录-pop*/
.maskLayer{width:100%;height:100%;filter:alpha(opacity=70);opacity:0.5;background:#000;position:absolute;z-index:996;top:0;left:0;display:none;}
.zfield { width: 458px; border-radius: 6px; background: #fff; position:absolute; z-index: 999; display:none;}
.zfield_header { height: 60px;}
.zfield_close { float: right; margin-top: 12px; margin-right: 14px; width: 40px; height: 40px; background: url(../images/btn_x_04.png) no-repeat;}
.zfield_body { padding: 0 30px 30px;}
.zfield_row { height: 50px; padding-top: 15px; border-bottom: 1px #ccc solid;}
.zfield_user,.zfield_psw,.zfield_vfy { display: inline-block; float:left; width: 30px; height: 30px; background: url(../images/login_01.png) no-repeat; text-align: right; vertical-align: middle;}
.zfield_user { background-position: 0px 2px;}
.zfield_psw { background-position: 0px -49px;}
.zfield_vfy { background-position: 0px -103px;}
.zfield_input { padding:0 4px; width:360px; float:left; display:block; height: 30px; border: none; background: #fff; font-size: 13px; color: #333; vertical-align: middle;}
.zfield_red { color: red; font-size: 14px; vertical-align: middle;}
.zfield_gray { color: #999; vertical-align: middle;}
.zfield_wSM { width: 210px;}
.zfield_veriflyImg { vertical-align: middle;}
.zfield_veriflyImg img { vertical-align: middle;}
.zfield_btn { margin-top: 20px; text-align: center;}
.zfield_ok { width:60%; height: 34px; border: none;  border-radius: 3px; background: #ac3013; color: #fff;}
.zfield_forget { padding-top: 20px; padding-left: 15px;}
.zfield_forget a { display: inline-block; padding: 1px 10px; border: 1px #581e16 solid; border-radius: 2px; background: #fff; font-size: 12px; color: #000; line-height: 1.4;}

@media only screen and (max-width: 769px) {
	.zfield{ width:80%;}
	.zfield_ok{ width:60%;}
	.zfield_forget { width:30%;}
	.zfield_user,.zfield_psw,.zfield_vfy { float:none;B}
	.zfield_row { height: 50px; padding-top: 15px; border-bottom: 1px #ccc solid;
	 display:-webkit-box; -webkit-box-align:center;
	 display:-moz-box; -moz-box-align:center;
	 display:-ms-box; -ms-box-align:center;
	 display:-o-box; -o-box-align:center;
	}
	.zfield_input {-webkit-box-flex:1; float:none; padding:0 4px; width:100%; display:block; height: 30px; border: none; background: #fff; font-size: 13px; color: #333; vertical-align: middle;}
	.zfield_ok {-webkit-box-flex:1; width:60%; height: 34px; border: none;  border-radius: 3px; background: #ac3013; color: #fff;}
	.zfield_forget {-webkit-box-flex:1; padding-top: 20px; padding-left: 15px;}
	.zfield_forget a { display: inline-block; padding: 1px 10px; border: 1px #581e16 solid; border-radius: 2px; background: #fff; font-size: 12px; color: #000; line-height: 1.4;}

	
}
@media only screen and (max-width: 480px) {
	.zfield{ width:80%;}
	.zfield_ok{ width:100%;}
	.zfield_forget { width:100%; padding:10px 0 0 0; display:block;}
	.zfield_forget a { width:100%;}
}



.footer{ border-top:solid #b13d2c 8px; padding:25px 15px; line-height:30px; font-size:14px; color:#000;}