@charset "utf-8";
/* CSS Document */
html{ font-size:10px}
body{ background:#171717; margin:0; padding:0; font-family:"微软雅黑"}
ul,li,h1,h2,h3,h4,h5,h6,p,span,input{ margin:0; padding:0; list-style:none}
a{ text-decoration:none; color:#fff}
a:hover{ color:#fff}
em,i{ font-style:normal}
img{ border:0}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both}
.wrap_box{ background:#232323; margin-bottom:10px; padding:15px 0}
.tit img{ display:block; margin:0 auto; width:50%}
.tit01 img{ width:80%; display:block; margin:0 auto}
.mar_b{ margin-bottom:10px}
.mar_lr{ margin:0 4%}

#header{padding-bottom: 50px;}
#header .header_box{position: fixed;z-index: 100;width: 100%;}

/*顶部*/
.top_bar{ height:37px; background:#333333; color:#fff; font-size:1.6rem; padding-top:13px;}
.top_bar .l{ width:20%; margin-left:4%; float:left; text-align:left}
.top_bar .l i img{ width:12px; margin-left:6px}
.top_bar .r i img{ width:18px; margin-right:6px; vertical-align:middle; margin-bottom:2px}
.top_bar .c{ width:52%; float:left ; text-align:center}
.top_bar .c img{ width:75%; margin-top:2px;}
.top_bar .r{ width:20%;margin-right:4%; float:left; text-align:right}

.school{background:#333; position:relative; left:0; width:100%; border-top:1px solid #484848; color:#adadad; text-align:left; padding-bottom:15px;}
.school span{ display:block; margin:0 4%; font-size:14px; display:block; line-height:38px;}
.school p{ margin-left:-10px;}
.school p a{ display:inline-block; background:#474747; font-size:14px; padding:2px 0px; width:47%; text-align:center; margin-left:9px; line-height:20px; margin-bottom:0px;}
.school p a.current{ background:#0078ff}
.menu_list{ background:#333; position:absolute; top:50px; left:0;z-index: 100;width:100%;}
.menu_list li { border-top:1px solid #484848; width:25%; text-align:center; font-size:14px; padding:17px 0; border-left:1px solid #484848; float:left; height:92px; box-sizing:border-box}
.menu_list li.bod_none{ border-left:0}
.menu_list li img{display:block;margin: 0 auto 10px;width:40%}
.gold_course li { width:28%; margin-left:4%; float:left; font-size:15px; text-align:center}
.gold_course li img{ width:100%; display:block; margin:0 auto 5px;}

.jxhj li { width:30%; margin-left:2.5%; float:left; font-size:15px; text-align:center; margin-bottom:10px; position:relative;}
.jxhj li img{ width:100%; display:block; margin:0 auto 0px;}
.jxhj li span img{ width:30%; position:absolute; top:50%; left:50%; margin-top:-15%; margin-left:-15%}
.zgrz li { width:30%; margin-left:2.5%; float:left; font-size:15px; text-align:center; margin-top:10px; position:relative}
.zgrz li img{ width:100%; display:block; margin:0 auto 0px;}
.zgrz li span img{ width:30%; position:absolute; top:50%; left:50%; margin-top:-15%; margin-left:-15%}
.zgrz li p{ font-size:12px; margin-top:5px; padding:0 20px;color:#CCC}
.zgrz li p span{ display:block; color:#0078ff}

.banner img{ width:100%; height:auto; display:block}
.super_teacher{ background:#232323 url(../images/c_04.png) no-repeat center 20px; background-size:86%;margin-bottom:0}
.super_teacher .tit{ margin:41px auto 55px}
.super_teacher ul li{ width:47%;height: 260px;margin-left:2%; float:left; background:url(../images/bj_001.png) no-repeat; background-size:100% 100% ; padding:10px 0 0; margin-bottom:12px; text-align:center;font-size:16px ; position:relative }
.super_teacher li img{ width:60%; display:block; margin:0 auto;}
.super_teacher li em{ color:#353536; font-family:Tahoma, Geneva, sans-serif; font-size:55px; font-weight:bold; line-height:100px; white-space: nowrap;}
.super_teacher li p{ background:#0f0f0f; padding:8px;}
.super_teacher li p span{ font-size:11px; color:#999999 ; display:block;height:60px;overflow:hidden;line-height: 20px;;}
.super_teacher li a{  display: block;  margin-top:-100px }
.super_teacher01{ background:none;}
.super_teacher01 li{ margin-top:34px;}
.super_teacher01 ul{ margin-top:-34px;}
.clear_more01{ margin-top:20px}
.jfxb li{ width:20%; margin-left:4%; float:left; font-size:14px; text-align:center}
.jfxb li img{ display:block; width:100%; margin-bottom:10px;}
.jfxb p{ font-size:12px; color:#fff; margin:0 4%; padding-top:20px; line-height:22px; }
.jfxb p span{ color:#0065fd}
.jfxb li{ width:20%; margin-left:4%; float:left; font-size:14px; text-align:center}
.jfxb li img{ display:block; width:100%; margin-bottom:10px;}
.jfxb p{ font-size:12px; color:#fff; margin:0 4%; padding-top:20px; line-height:22px; }
.jfxb p span{ color:#0065fd}

.kcsz li{ width:41.8%; font-size:14px; color:#fff; font-size:14px; float:left; height:60px; line-height:60px; padding:0 4%}
.kcsz li.fenge{ width:1px; padding:0;background:#353535}
.kcsz li.bg_none{ background:none}
.kcsz li.fenge img{ width:1px; height:40px; margin-right:0}
.kcsz li img{ width:26px; vertical-align:middle; margin-right:15px;}
.kcsz li.bg{ background:#353535}

/*3.1导师*/
.banner_t{  width:100%;height:50%; min-height:280px}
.banner_t img{ margin:0 auto; width:100%; margin-top:-200px }
.banner_t p{ font-size:85px; font-family:Arial, Helvetica, sans-serif; color:#fff ; text-align:center;margin:100px 62px 0px; }
.banner_t p span{ font-weight:bold; font-style:italic; line-height:70px; font-size:90px; display:block; height:10px}
.banner_t p em{ font-size:16px; }
.tab_change{ text-align:center;}
.tab_change span{ width:30%; margin:0 1.5%; line-height:31px; background:#474747; display:inline-block; color:#fff; font-size:15px; vertical-align:top}
.tab_change span.current{ background: url(../images/change_bj.png) no-repeat center; background-size:100% 40px; height:40px }

.mentor li{ width:44%; height:200px; margin-left:4%; float:left;   background:gradient(linear, 0 0, 0 100%, from(＃2074af), to(＃2c91d2));}
.more{ color:#bbb; text-align:center; font-size:15px; line-height:40px;}

 
.banner_s{  width:100%}
.banner_s img{ margin:0 auto; width:100%}


/*footer*/
.kong{height:60px;color:#555;text-align:center;margin-top:10px;}
footer{z-index:100; height:50px; background:#232323; color:#fefefe; position:fixed; bottom:0; left:0; width:100%;display: flex;justify-content: space-between;align-items: center;}
footer a{  text-align:center; line-height:50px; color:#fefefe; width:33.1%; box-sizing:border-box; font-size:14px;background:#1070ff;}
/* footer a.first{ border:0} */


/*9金牌课程*/
.course_box{ width:100%; background:#131313;}
.course_box img{ width:100%; margin:0 auto;}
.foot_list{ height:60px;color:#555;text-align:center;position:relative}
.class_nav{ width:100%; background:#1b1b1b; height:60px;}
.class_nav span{ width:100%; display:block; margin:0 auto;}
.class_nav span i{ width:50%; display:inline-block; background:#464646; color:#fff; font-size:1.4rem; font-weight:bold; padding-top:15px;padding-bottom: 15px;text-align:center;}
.class_nav span i.current {  color:#fff; font-size:1.4rem; background:#007EFF;  text-align:center;} 
.tab { display:none; }
.tab ul{ margin-bottom:2rem;}
.tab li{    margin-left: 15%;   color: white; font-size: 1.5rem; margin-bottom: 1rem;}
.selected { display:block; }
/*6.新闻动态*/
.news_ram{ width:100%; }
.news_ram .banner_n img{ width:100%; margin:0 auto;}
.news_nav{ width:100%; background:#1b1b1b; height:60px;}
.news_nav span{ width:70%; display:block; margin:0 auto;}
.news_nav span i{ width:80px; display:inline-block; background:#464646; color:#fff; font-size:1.4rem; padding:10px 15px;text-align:center;}
.news_nav span i.current { width:80px;display:inline-block; background:url(../images/change_bj.png) no-repeat; color:#fff; font-size:1.4rem; background-size:100% 100%; padding:15px 15px; text-align:center;margin-top:-7px;}
.news_list{width:90%; margin:0 auto;}
.news_listbox{ background:#1b1b1b;}
.news_list ul{width:100%;}
.news_list li{ margin-bottom:14px; background:#282828;}
.news_list li a{ display:inline-block;}
.news_list li img{display:inline-block; width:30%; float:left;}
.news_list span{ display:inline-block; width:70%; float:left;}
.news_list span h3{ font-size:1.5rem; color:#fff; font-weight:normal; padding:10px;}
.news_list span p{ font-size:1.3rem; color:#ababab; margin-left:10px;}

/*10.指导就业*/
.job_box{ width:100%; margin:auto; background:#171717;}
.job_box img{ width:100%;display:block;}
.super_student{ background:#232323 url(../images/c_05.png) no-repeat center 20px; background-size:86%;margin-bottom:0}
.super_student .tit{ margin:32px auto 55px}
.super_student ul li{ width:47%;min-height: 315px;margin-left:2%; float:left;  background-size:100% 100% ;  padding-bottom:10px;  text-align:center;font-size:16px ; position:relative }
.super_student li img{ width:100%; display:block; margin:0 auto;}
.super_student li em{ color:#353536; font-family:Tahoma, Geneva, sans-serif; font-size:55px; font-weight:bold; line-height:100px; white-space: nowrap;}
.super_student li p{ background:#0f0f0f; padding:8px;}
.super_student li p span{ font-size:11px; color:#999999 ; display:block;height:60px;overflow:hidden;line-height: 20px;;}
.super_student li a{  display: block;  margin-top:-100px }
 
/*校区*/
.school{ margin:0 auto;width:100%; background:#171717;}
.school .banner img{ width:100%;}
.school .tit img{ width:100%;}
.school .text{ background:url(../images/xq_tp_05.png) no-repeat top center; /*background-size:100% 100%;*/}
.school .text p{ font-size:12px; color:#fff; width:90%; margin:0 auto;}
.gold{ width:100%; margin:0 auto; margin:14px 0 14px 0;}
.gold img{ width:100%;}
.env_box{ width:94%; background:#1c1c1c; margin:0 auto; position:relative;}
.env_box ul{ margin-left:-3%; *float:left;}
.env_box li{ width:30%;float:left; margin-left:3%; position:relative;}
.env_box li i{ display:block; width:60px; height:60px; background:url(../images/sp.png) no-repeat; position:absolute; top:35%; left:35%; background-size:70% 70%;}
.env_box li img{ width:100%;}
.coach{width:100%; margin:0 auto; background:#232323;}
.coach img{width:100%;}
.coupon{width:100%; margin:0 auto;}
.coupon img{width:100%;}
.school .more{ font-size:14px; color:#bbbbbb; text-align:center; padding:10px 0;}
.school .more i{ background:url(../images/jt.png) no-repeat; width:12px; height:26px; display:inline-block; vertical-align:middle; background-size:60% 60%; margin-left:8px; margin-top:10px;}

/*3.2教师详情*/
.mentor{overflow: hidden;}
.mentor .banner_t{ position:relative; background:#0078ff; text-align:center; padding:10px 0 0; }
.mentor .banner_t img{ width:58%}
.mentor i{ width:37px; height:67px; display:inline-block;}
.mentor .left{z-index:100; background:url(../images/left.png) no-repeat; position:absolute; top:50%; left:10px; margin-top:-30px; background-size:70% 70%;}
.mentor .right{z-index:100; background:url(../images/right.png) no-repeat;position:absolute; top:50%;right:10px;;margin-top:-30px; background-size:70% 70%;}
.info_box01 .banner_t{ background:url(../images/bj_002.png) no-repeat center; background-size:100% 100% }
.info_box01 .banner_t img{ margin:-200px 0 0 -100px; width:45%}
.info_box01 .banner_t p{ text-align:right}

.info_box02 .banner_t{ background:url(../images/bj_003.png) no-repeat center; background-size:100% 100% }
.info_box02 .banner_t img{ margin:-200px 0 0 -100px; width:64%}
.info_box02 .banner_t p{ text-align:right}


.details{ width:90%; margin:0 auto; padding:20px;}
.details h4{ font-size:24px; color:#fff; text-align:center;}
.details em{ font-size:14px; color:#787878; display:inline-block;text-align:center; width:100%; margin:3px 0 20px 0;}
.details p{font-size:16px; color:#e0e0e0; font-weight:normal;text-align:center;}


.info_box01{}
/*4.2照片详情*/
.banner_bg{ margin-top:40px;}
.mentor .left01{z-index:100;background:url(../images/left01.png) no-repeat; position:fixed; top:40%;left:0;margin-top:-30px; background-size:100% 100%;}
.mentor .right01{z-index:100; background:url(../images/right01.png) no-repeat;position:fixed; top:40%; right:0;margin-top:-30px; background-size:100% 100%;}

.details01{}
.details01 em{ font-size:20px;}
.details01 p{ position:absolute; bottom:0; left:30px;}
.details01 span{ display:inline-block; font-size:30px;}
.details01 h2{font-weight: 400;color: #787878;font-size: 15px;text-align: center;}
.details01 h2 em{display:inline;font-size: 15px;;}

/*5.更多证书*/
.zgrz .zgrz_text{ padding:0 5px; text-align:left; font-size:14px;} 

/*合作伙伴*/
.partner{ background:#232323 url(../images/c_06.png) no-repeat center 20px; background-size:86%;margin-bottom:0}
.partner .tit{ margin:20px auto 55px}
.partner ul li { width:30%; margin-left:2.5%; float:left; font-size:15px; text-align:center; margin-top:10px; position:relative}
.partner li img{ width:100%; display:block; margin:30px auto 0px;}
.partner .cont {height:395px;background:#131315 }

/*报名*/
.bi_form{ background:#131314}
.form_bj{ background:url(../images/form_bj.jpg) no-repeat center top; background-size:100% 100%; padding:60px 0}
.form_box{ width:80%; margin:0px auto; border-radius:5px; background: linear-gradient(to bottom,#404040,#222); min-height:390px; padding-bottom:30px}
.form_box h3 img{ display:block; margin:0 auto; width:80%}
.form_box h3{ padding:30px 0 20px}
.form_box p{ background:#1f1f1f; border-radius:5px; height:44px; line-height:44px; margin:18px 8% 0 8%}
.form_box p img{ width:22px;vertical-align:middle}
.form_box p input.text{ border:0; background:0; height:44px; line-height:44px; font-family:"微软雅黑"; font-size:16px; color:#a9a9a9; width:78%}
.form_box p.button{ background:#006cfe; color:#fff; text-align:center;font-size:20px;}
.form_box p.button img{ margin-right:10px;}


.news_cont{padding: 0 15px;}
.news_cont img{display:block;margin:0 auto;max-width: 90%;}

#classInfoList li{height:164px;overflow:hidden;}
 
     
.mask {       
    position: absolute; top: 0px; filter: alpha(opacity=70); background-color: #232323;     
    z-index: 1002; left: 0px;     
    opacity:0.7; -moz-opacity:0.7;     
}