@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img,  q, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,textarea{margin:0; padding:0;}
body{background:#fff; width:100%; color:#38383a; font:20px/24px "microsoft yahei",Arial;}
a{text-decoration:none; outline:none; color:#38383a; cursor:pointer;}
a:hover{color:#1157a1;}
ul,ol,dl{list-style:none outside none;}
img{border:0 none; vertical-align:middle;}
.clear{clear:both; height:0; font-size:0; line-height:0;}
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table; line-height: 0; content: "";}
.clearfix:after{clear: both;}
.rows{width:1000px; margin:0 auto; overflow:hidden;}
#wrapper{width:100%;}

/* == 头部底部固定 == */
.header{background:url(../images/opa.png) repeat; height: 40px; left: 0; position: fixed; top: 0; width: 100%; z-index: 99; color:#fff; line-height:40px;}
.header a{color:#fff;}
.hInner{float:left; font-size:16px;}
.header .hInner .telphone i{background:url(../images/icon_01.png) 0 -200px no-repeat; width:20px; height:19px; display:inline-block; margin-right:10px; margin-top:-4px; vertical-align:middle;}
.header .hInner a{background:url(../images/icon_01.png) 1px -260px no-repeat; padding-left:30px; margin-left:20px;}

.logIn li.login{
	background:#808080; 
	width:70px; 
	height:22px; 
	line-height:22px; 
	margin-top:-5px; 
	*margin-top:7px; 
	text-align:center; 
	display:inline-block; 
	font-size:14px; 
	vertical-align:middle;
 }
.logIn li.register{
	background:#ff7900; 
	width:70px; 
	height:22px; 
	line-height:22px; 
	margin-top:-5px; 
	*margin-top:7px; 
	text-align:center; 
	display:inline-block; 
	font-size:14px; 
	vertical-align:middle;
}

.logintop-right ul {
	float: right;
}


.logIn {
	float:right; 
	margin-right:10px; 
	display:inline;
}

.logIn ul {
	float: right;
}

.logIn ul li {
	height: 50px;
	line-height: 43px;
	color: white;
	font-size: 14px;
	float: left;
	margin-left: 15px;
	z-index: 12;
	display: block;
	cursor: pointer;
}


.logIn ul li a {
	color: white;
}

.logIn ul li.userli {

}

.logIn ul li a.userimg img {
	width: 28px;
	height: 28px;
	margin: 7px 5px 0 0;
	float: left;
	border-radius: 50%;
}


.logIn ul li a.user {
	display: inline-block;
	max-width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.usermore {
	width: 114px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 300px;
	padding-bottom: 7px;
	z-index: 100;
	display: none;
}

ul.usermore li.arrowup {
	height: 11px;
	position: absolute;
	top: -11px;
	left: -1px;
	background: none;
	z-index: 100;
}

ul.usermore li {
	width: 114px;
	height: 33px;
	line-height: 36px;
	text-align: center;
	position: relative;
	float: left;
}

ul.usermore li a:hover {
	color: #008dd9;
}

span.ulmask {
	position: absolute;
	top: 49px;
	left: 50%;
	height: 300px;
	width: 200px;
    margin-left: 260px;
	display: block;
	z-index: 99;
	display: none;
}

ul.usermore li.arrowdown {
	height: 7px;
}



ul.msgmore {
	width: 114px;
	position: absolute;
	top: 50px;
	/*left: 50%;*/
	margin-left: -72px;
	padding-bottom: 7px;
	z-index: 50;
	display: none;
}

ul.msgmore li.arrowup {
	height: 11px;
	position: absolute;
	top: -11px;
	left: -1px;
	background: none;
	z-index: 50;
}

ul.msgmore li {
	width: 114px;
	height: 33px;
	line-height: 36px;
	text-align: center;
	position: relative;
	float: left;
}

ul.msgmore li a:hover {
	color: #008dd9;
}

ul.msgmore li.arrowdown {
	height: 7px;
}




.freeke{background:url(../images/opa.png) repeat; bottom: 0; height: 56px; left: 0; position: fixed; width: 100%; color:#fff; line-height:56px;}
.freeke a{color:#fff;}
.freeke .hInner span{margin-left:10px; margin-right:10px;}
.freeke .hInner .telphone i{background:url(../images/icon_01.png) 0 -200px no-repeat; width:20px; height:19px; display:inline-block; margin-right:10px; margin-top:-4px; vertical-align:middle;}
.freeke .hInner a{background:url(../images/icon_01.png) 1px -258px no-repeat; padding-left:30px; margin-left:10px; margin-right:20px;}
.freeke li{float:left; display:inline; margin:0 8px; overflow:hidden;}
.freeke li input{padding: 8px 0; border:0 none; text-indent:10px; font-size:16px;}
.freeke li .book-btn{color:#fff;background:#ff7900; width:106px; height:36px; line-height:20px; display:inline-block; text-align:center; font-size:18px; vertical-align:middle;text-indent:0px;}

/* == 导航部分 == */
#nav{width:100%; height:114px; margin-top:35px;}
#nav h1{float:left; margin:20px 0 26px 0; display:inline;}
#nav nav{float:right;}
#nav nav li{float:left;}
#nav nav a{float:left; margin:45px 0 45px 36px; display:block;}
#nav nav a.on{color:#1157a1;}
#nav nav a:active{background:none;}

/* == footer == */
footer{width:100%; background:#202020; text-align:center; color:#666; padding-top:30px; font-size:18px; position:relative;}
.footer-nav a{margin:0 20px; color:#666;}
.cooperation dt{margin:30px 0 30px 0;}
.footer-info{padding:40px 0 76px;}
.footer-info p{font-size: 16px;}

/* == 右侧边栏 == */
div.goback{bottom: 76px; height: 285px; position: fixed; right: 20px; width: 90px; z-index: 3;}
div.goback li a{background: #333; display: block; height: 90px; margin-bottom: 5px; width: 90px; text-align: center;font-size: 16px;}
div.goback li a p{color: #fff; line-height:20px;}
div.goback li a.consult i{background:url(../images/icon_01.png) 0 0 no-repeat; width:39px; height:39px; display:inline-block; margin-top:15px;}
div.goback li a.weixin {position:relative;}
div.goback li a.weixin i{background:url(../images/icon_01.png) 0 -70px no-repeat; width:37px; height:34px; display:inline-block; margin-top:15px;margin-bottom: 5px;}
div.goback .wxcode{display: none; position: absolute; top:0; right: 100px; padding:0 8px 17px; color:#fff; white-space:nowrap;}
div.goback li a.back i{background:url(../images/icon_01.png) 0 -140px no-repeat; width:40px; height:20px; display:inline-block; margin-top:15px; margin-bottom:18px;}

/* == 标题栏 == */
.title-h1{font-size:36px; font-weight:400; margin:55px 0 40px;}
.title-h2{position:relative; text-align:center; font-size:36px; font-weight:400; margin-top:80px; margin-bottom:90px;}
.title-h2 i{position:absolute; top:55px; left:50%; margin-left:-61px; width:122px; height:6px; background:#1157a1;}

/* == 广告图 == */
.banner-01{background:#323a45; text-align:center;}
.banner-02{background:#edeeeb; text-align:center;}
.banner-03{background:#f8f7f5; text-align:center;}
.banner-04{background:#cccccc; text-align:center;}
.banner-05{background:#e3e3e3; text-align:center;}
.banner-02 img, .banner-03 img, .banner-05 img{max-width:100%;}

/* == 首页 == */
.index-about{text-align:center;}
.index-about dd{overflow:hidden; margin-top:60px;}
.index-about li{width:33.33%; float:left;}
.index-about li span{display:block; margin:65px 0 80px;}
.module-01{background:#1157a1; text-align:center;}
.module-02{background:#fff; text-align:center;}
.module-03{padding-bottom:80px; text-align:center;}
.module-03 h2{font-size:36px; font-weight:400; margin:80px 0 50px;}
.module-03 p{line-height:36px;}
.module-03 ul{overflow:hidden; margin-top:55px;}
.module-03 li{width:21%; float:left; padding:0 2%; display:inline;}
.module-03 li i{display:block; font-style:normal; font-size:30px; margin-top:8px; line-height:60px;}
.module-03 li span{display:block;}
.module-04{background:#fff url(../images/module_bg04.jpg) top left no-repeat; text-align:center;}

/* == 关于我们 == */
.about p{text-indent:2em; line-height:34px; letter-spacing:1px;}
.contact-us{background:url(../images/contact_01.jpg) left top no-repeat; padding-left:104px; margin-top:70px; margin-bottom:80px;}
.contact-us li{float:left; width:300px; line-height:55px; padding-left:120px;}
.contact-qq{background:url(../images/contact_02.jpg) 40px 0 no-repeat;}
.contact-tel{background:url(../images/contact_02.jpg) 40px -260px no-repeat;}
.contact-talk{background:url(../images/contact_02.jpg) 40px -85px no-repeat; margin-top:30px;}
.contact-email{background:url(../images/contact_02.jpg) 40px -346px no-repeat; margin-top:30px;}
.contact-us li.contact-address{background:url(../images/contact_02.jpg) 40px -170px no-repeat; width:720px; margin-top:30px;}

/* == 教学理念 == */
.teach-advantage{background:url(../images/teach_pic01.jpg) top center no-repeat; margin-top:65px; padding-top:15px; overflow:hidden; height:505px;}
.advantage-l{width:260px; text-align:right; float:left;}
.advantage-r{width:260px; float:right;}
.advantage-l li, .advantage-r li{margin-top:45px;}
.advantage-l h3, .advantage-r h3{font-size:20px; font-weight:400; color:#000;}
.advantage-l p, .advantage-r p{font-size:18px; color:#454547;}
.teach-module01{text-align:center;}
.teach-module01 dd{margin-top:56px; margin-bottom:35px;}
.teach-pic{margin-bottom:80px;}
.teach-pic li{float:left; width:50%;}
.teach-pic img{float:left;}
.color-light, .color-deep{padding:20px 15px 15px; color:#fff; font-size:12px; line-height:19px; width:220px; height:111px; float:left; display:inline;}
.color-light{background:#aeb0b0;}
.color-deep{background:#606060;}

/* == 教师团队 == */
.team{margin-bottom:80px;}
.team img{text-align:center; margin:75px 0 60px;}
.team ul{overflow:hidden; width:1020px;}
.team li{float:left; margin-top:20px; width:490px; background:#f6f6f6; margin-right:20px; display:inline;}
.team li img{margin:0; float:left;}
.team-text{float:left; margin:10px; display:inline; width:170px;}
.team-text h3{font-size:20px; line-height:50px; font-weight:400; padding-left:10px;}
.team-text h4{font-size:26px; border-bottom:2px solid #38383a; border-top:2px solid #38383a; color:#1157a1; line-height:40px; padding-left:10px;}
.team-text p{font-size:18px; margin-top:10px;}

/* == 课程设置 == */
.course{text-align:center; margin-bottom:55px;}
.course-module{margin-bottom:25px; overflow:hidden;}
.course-module h2 i{margin-left:-29px; width:58px;}
.course-module dd{margin-top:60px;}

/* == 弹窗 == */
.slideTxtBox{ width:440px; position:relative;margin:0px auto;}
.slideTxtBox .hd{height:60px; line-height:60px; border-bottom:1px solid #ddd; font-size:30px;width:350px}
.slideTxtBox .hd li{float:left; padding:0 55px; cursor:pointer; display:inline; position:relative;}
.slideTxtBox .hd li a{color:#666;}
.slideTxtBox .hd li.on a{color:#1157a1;}
.slideTxtBox .hd li.on:after{position:absolute; content:""; width:20px; height:5px; background:#1157a1; left:50%; margin-left:-10px; top:58px;}
.slideTxtBox .bd{margin:0px auto;}
.slideTxtBox .bd ul{padding-top:15px;}
.slideTxtBox .bd li{margin-top:3px;}
.pop input{width:320px; padding:11px 5px;}
.slideTxtBox .bd .remember{text-align:right; margin-right:75px; font-size:16px;width:331px}
.slideTxtBox .bd .remember input{width:auto;}
.slideTxtBox .bd .login-btn input{line-height:10px;font-size:18px;border:0px solid red;background:#ff7900; width:330px; height:40px; color:#fff; display:inline-block; margin-top:13px;}
.close-btn a{background:url(../images/pop-sbtn.png) 0 0 no-repeat; height: 16px; position: absolute; right: 20px; top: 22px; transition: all 0.2s ease-out 0s; width: 16px;}
.close-btn a:hover{background:url(../images/pop-sbtn.png) right 0 no-repeat;}


/* == 登陆成功 == */
.success{padding:40px; width:360px;margin:0px auto}
.success h2{line-height:100px; font-size:40px; font-weight:400; color:#ff7900; text-align:center;}
.success p{line-height: 1.5;letter-spacing: 1px;}
.success a{background:#ff7900; text-align:center; width:150px; height:40px; line-height:40px; color:#fff; display:inline-block; margin:50px 0 30px 18px; font-size:18px;}