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

.wrap{ width:100%; margin:0 auto;}
.banner .wrap{ height:455px; position:relative;}
.banner .pan{ width:100%; height:455px; position:absolute; top:0; overflow:hidden; text-align:center;}
.banner .pan a{display:inline-block;height:455px;width:100%;}
.banner .pan a.ban1{background:url(../images/banne.jpg) no-repeat center}
.banner .pan a.ban2{background:url(../images/datouwang2.jpg) no-repeat center}
.banner .pan a.ban3{background:url(../images/datouwang3.jpg) no-repeat center}
ul.tab{ position:absolute; bottom:0px; left:0; z-index:1; cursor:pointer;width:100%;text-align:center;background:url(../images/filter.png) repeat;height:104px}
ul.tab li{ padding-left:7px;display:inline-block;margin-top:15px;position:relative}
ul.tab img,ul.wdl img,.map{ border:2px solid #fff; -webkit-box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3); box-shadow:0px 0px 3px 1px rgba(6, 0, 1, 0.3);}
ul.tab li.current img{ border:4px solid #fff; width:92px; height:57px;border-radius:5px}
ul.tab li.current b{position:absolute;width:20px;height:10px;background:url(../images/jiao.png) no-repeat;left:45%;top:-10px}
a.arr_l,a.arr_r{ background:url(../images/arr2.png) no-repeat; width:43px; height:82px; position:absolute; top:197px; z-index:1;}
a.arr_l{ left:0;background-position:left -82px;}
a.arr_r{ background-position:right -82px; right:0;}
a.arr_l:hover{ background-position:0 top;}
a.arr_r:hover{ background-position:right top;}

.zy{padding-bottom:65px;border-bottom:solid 4px #e1e1e1;margin-top:66px}
.zy dl{float:left;width:196px;margin-right:53px}
.zy dl dt{width:196px;height:151px;border-radius:50px;background:#eaeaea;text-align:center;padding-top:45px;font-size:20px}
.zy dl dt i{display:inline-block;width:92px;height:88px;margin:0 auto;background:url(../images/icon_01.png) no-repeat;margin-bottom:10px} 
.zy dl dd{text-align:center;font-size:30px;color:#305484;font-weight:bold;margin-top:15px}
.zy dl dt i.ion02{background-position:left -103px}
.zy dl dt i.ion03{background-position:left -211px}
.zy dl dt i.ion04{background-position:left -311px}
.zy dl dt i.ion05{background-position:left -408px}

.hotLoad{width:233px;margin-top:15px}
h3.hotTitle{height:70px;line-height:70px;font-weight:bold;font-size:24px}
.hotLoad ul li{font-size:16px;line-height:2}

.courseZy{width:950px;margin-top:15px}
.courseZy1{width:1180px;margin-top:15px}
.courseZy dl{float:left;width:220px;height:200px;border:solid 1px #e9e9e9;border-radius:1px;overflow:hidden;margin-right:13px;margin-bottom:12px}
.courseZy dl dt{height:143px}
.courseZy dl dd{padding:5px 10px;font-size:14px}
.courseZy dl dd p{color:#888}
.eye{background:url(../images/eye_13.png) no-repeat left center;padding-left:20px;font-size:12px}

.blue{background:#305484;padding-bottom:70px;margin-top:60px}
.blue h3{height:109px;font-size:24px;font-weight:bold;color:#fff;line-height:109px}
.blue a{float:left;margin-right:14px;margin-bottom:10px}



/*Login*/
.zlogin {width: 136px; margin-top: 20px;  margin-right: 10px;}
.zl_loading { width: 74px; height: 32px; border: none; border-radius:3px; background-color: #2e659d; vertical-align: middle; color: #fff;}
/*After*/
.zafter_login{ margin-left: 14px; text-align: left;}
.zaf_layout { display: inline-block;  padding-top:10px; padding-left: 30px; background: url(../images/icons111.png) -100px 10px no-repeat; color: #e25b5b;}
.zaf_course { position:relative;width: 131px; height: 30px; border-radius: 3px; line-height: 30px; vertical-align: middle; z-index: 10;}
.zaf_course a { color: #000;}
.zaf_cur {}
.zaf_text { padding:1px;/* text-align: center; */ font-size: 14px;}
.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; 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/icons111.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: 30px; width: 129px; border-left:1px #ddd solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid;  border-radius:0px 0px 5px 5px;  z-index: 1; display: none}
.zaf_bg { border-bottom:1px #ddd solid; text-align: center; background-color: #f2f2f2;}
.zaf_bg:hover { background-color: #fff;}

/*----------------------------------------------------
/*登录-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: 999999999; 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: 36px; 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%;}
}