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



/*列表*/
.page_banner01{width:100%;height:260px;background:url(../images/page_banner.jpg) center no-repeat;}
.page_banner02{width:100%;height:260px;background:url(../images/page_banner02.jpg) center no-repeat;}

.gk_title{width:1200px;height:56px;border-bottom:1px solid #e7e7e7; position:relative;padding-top:12px;}
.gk_title li{margin:0 18px;float:left;font-size:14px;color:#999;line-height:32px;}
li.tj_zbtitle{padding:0 30px;line-height:32px;background:#2984e1;border-radius:18px;margin:0 10px;color:#fff;}
span.iconimg{ position:absolute;top:55px;left:0px;}
.gk_title li a:hover{color:#2984e1}
.gk_title li.hover a{color:#2984e1}
.more03{float:right;padding-top:15px;color:#999}
.kc_con{width:1160px;height:auto;border-left:1px solid #e7e7e7;margin-left:13px;padding-left:26px;margin-bottom:50px;}

.kc_con_nr{width:1160px;padding:20px 0 35px 0;border-bottom:1px dashed #e7e7e7; position:relative}
.kc_con_img{float:left;}
.kc_con_jj{width:860px;height:auto;float:right;padding-top:10px;}
.kc_con_jj h2{font-size:20px;line-height:50px;color:#333}
.kc_con_jj p{line-height:34px;font-size:13px;color:#666}
.kc_con_jj span{float:right;color:#ea562e;font-size:28px;font-weight:bold; position:absolute;top:40px;right:100px;}
.kc_time_wan{width:100%;height:48px;background:#e6e6e6;line-height:48px;display:block;margin-top:20px; position:relative}
.kc_time_wan p.dot{ position: absolute;left: -34px;top: 38%;width: 6px;height: 6px;border: 4px solid #999;background: #fff;border-radius: 50%;}
.kc_time_wan span{font-size:30px;color:#666;padding-left:10px;}
.kc_time_wan a.btn_jr{width:178px;background:#fff;border-radius:8px;line-height:38px;margin-top:5px;display:block;float:right;margin-right:40px; text-align:center;font-size:16px;color:#666}
.kc_time_ing{width:100%;height:48px;background:#2984e1;line-height:48px;display:block;margin-top:20px; position:relative}
.kc_time_ing p.dot{ position: absolute;left: -34px;top: 38%;width: 6px;height: 6px;border: 4px solid #2984e1;background: #fff;border-radius: 50%;}
.kc_time_ing span{font-size:30px;color:#fff;padding-left:10px;}
.kc_time_ing a.btn_jr{width:178px;background:#fff;border-radius:8px;line-height:38px;margin-top:5px;display:block;float:right;margin-right:40px; text-align:center;font-size:16px;color:#2984e1}

.fenlei{position:relative;width:1200px;float:left;border-bottom:1px dotted #e7e7e7}
span.fl_title{line-height:50px;font-size:14px;width:110px; text-align:center;color:#999999;display:inline-block;}
.fenlei ul{width:1080px;float:right;overflow:hidden}
ul.fl_nr li{float:left;line-height:50px;font-size:14px;padding:0 20px;}
.fl_nr li a{color:#999999;}
.fl_nr li a:hover{color:#2984e1;}
.fl_nr li.hover a{color:#2984e1;}
.shaixu{width:1200px;line-height:46px;height:46px;background:#f4f4f4;margin-top: 10px;}
.shaixu li a{float:left;line-height:46px;font-size:14px;width:110px; text-align:center;display:block;color:#999999}
.shaixu li a:hover{background:#2984e1;color:#fff;}
.listpage{width:1200px;height:80px;line-height:80px; text-align:center;float:left;font-size:14px}
.listpage a{padding:8px 14px;border:1px solid #ededed;color:#666;}
.listpage span{padding:8px 14px;color:#fff;background:#2984e1}

.taocan_list{width:1240px;height:auto;margin:0 auto;}
.taocan_list_nr{width:575px;height:auto;float:left;margin:40px 40px 0 0;}
.taocan_list_nr .tancan_img{float:left}
p.tc_title{width:380px;height:20px;font-size:16px;font-weight:bold;color:#333;}
p.tc_title span{font-weight:normal;font-size:12px;color:#999;background:url(../images/icon07.png) left no-repeat;padding-left:20px;margin-left:10px;}
p.tc_title span b{color:#ff7200;font-weight:normal}
p.tc_nr{width:360px;line-height:20px;color:#999;margin-top:10px;}
p.tc_price{width:380px;height:22px;color:#ea562e;font-size:16px;font-weight:bold;margin-top:15px;}
p.tc_price span{font-size:12px;color:#999;text-decoration:line-through ;font-weight:normal;margin-left:10px;}
ul.tancan_li{width:575px;height:auto;margin-top:20px;border:1px solid #e7e7e7;padding:0 0 14px 0}
ul.tancan_li h3{line-height:40px;width:535px;background:#f4f4f4;padding:0 20px;font-size:14px;color:#333;margin-bottom:14px;}
ul.tancan_li h3 a{float:right;font-size:12px;color:#999;}
ul.tancan_li li{font-size:14px;line-height:26px;;padding-left:20px;}
ul.tancan_li li a{color:#999}

.c-s-more {
	position: absolute;
	right: 5px;
	top: 16px
}
.c-s-more a{color:#2984e1}

.jy_kc_list{width:1200px;height:auto; position:relative}
.jy_kc_nr{padding:40px 0;border-bottom:1px solid #f3f3f3;float:left;width:1200px;}
.jy_kcimg{float:left;}
.jk_kc_right{width:710px;height:254px;float:right}
.jk_kc_right h3{font-size:28px;line-height:50px;display:block;}
.jk_kc_right h3 a{color:#333}
p.jy_dercition{font-size:14px;line-height:38px;color:#666;}
.jy_content{width:668px;height:40px;border:1px solid #f3f3f3;padding: 15px 20px;margin:20px 0;}
.jy_content p{line-height:22px;color:#999;font-size:12px;}
.jy_btnjj{width:710px;height:auto;}
.jy_btnjj .jy_btn{width:192px;height:48px;background:#2984e1;font-size:20px;line-height:48px;display:inline-block;border-radius:5px; text-align:center;color:#fff}
.jy_btnjj span{background:url(../images/icon08.jpg) left no-repeat;font-size:14px;color:#333;padding-left:25px;margin-left:30px;}

h2.jy_bt{margin:70px 0;width:1200px; text-align:center;font-size:38px;color:#333}
.jy_liucheng{width:1180px;height:auto;padding:0 0 0 20px;}
.jy_liucheng li{width:190px;height:180px;margin:0 20px;float:left;}
.jy_liucheng li .liuimg{width:190px; text-align:center}
.jy_liucheng li span{font-size:18px;margin:20px 0 10px 0;display:block; text-align:center;}
.jy_liucheng li p{font-size:14px;colro:#999;line-height:22px;color:#999; text-align:center;width:190px;}
.jy_liucheng li span.l01{color:#0574f7;}
.jy_liucheng li span.l02{color:#df3dad;}
.jy_liucheng li span.l03{color:#f06300;}
.jy_liucheng li span.l04{color:#95b718;}
.jy_liucheng li span.l05{color:#c68515;}


.vs_pk{width:1200px;height:500px;background:url(../images/vs_bg.png) no-repeat;}
.vs_pk ul{width:540px;height:auto;}
.hqyj_pk{float:left;text-align:right;}
.hqyj_pk h3{font-size:28px;line-height:50px;color:#fff;display:block; padding:12px 30px 9px 0;}
.hqyj_pk li{font-size:18px;color:#fff;margin-top:43px;font:18px/135% "\5FAE\8F6F\96C5\9ED1"; }
.qt_pk{float:right;text-align:left;}
.qt_pk h3{font-size:28px;line-height:50px;color:#333;display:block; padding:12px 0px 9px 60px;}
.qt_pk li{font-size:18px;color:#333;margin-top:43px; margin-left:60px; font:18px/135% "\5FAE\8F6F\96C5\9ED1";}
.zj_img{width:100%;height:212px;background:url(../images/zhuanjia_img01.jpg) center no-repeat;}


/* 三级*/
	

.class_little{ width:100%; background:url(../images/background.jpg) center no-repeat; height:465px;}
.course_little{ width:100%;height:465px; background:#fff;}
.little{ width:1200px; margin:0 auto;}
.little_left{ width:510px; float:left; text-align:center; }
.little_right{ width:675px; float:left; padding-left:15px;}
.right_tit{ font-size:26px; color:#fff; margin:10px 0;}
.right_course{font-size:26px; color:#333; margin:10px 0;}
.right_peo{ font-size:14px; color:#ddd; display:block; margin:15px 0;}
.right_peo1{ font-size:14px; color:#b0b0b0; display:block; margin:15px 0;}
.right_ban{ width:675px; background:url(../images/tou1.png) center no-repeat; height:100px; margin:25px 0 30px 0;}
.right_ban1{ width:675px; height:100px; margin:25px 0 30px 0; border:1px #f1f1f1 solid;}
.right_tea{ font-size:12px; color:#ddd; display:block; padding:15px 0 0 15px;}
.right_tea_a{ font-size:12px; color:#999; display:block; padding:15px 0 0 15px;}
.right_tea2{ font-size:12px; color:#ddd; display:block; padding:11px 0 11px 15px;}
.right_tea3{ font-size:12px; color:#ddd; display:block; padding:0 0 15px 15px;}
.right_tea2_a{ font-size:12px; color:#999; display:block; padding:11px 0 11px 15px;}
.right_tea3_a{ font-size:12px; color:#999; display:block; padding:0 0 15px 15px;}
.right_mon{ font-size:32px; color:#fbfd32;font-weight:bold;}
.right_mon1{ font-size:32px; color:#e85308; font-weight:bold;}
.right_hua{ font-size:14px; color:#ddd; text-decoration:line-through; margin:0 15px;}
.right_hua1{ font-size:14px; color:#999; text-decoration:line-through; margin:0 15px;}
.right_a{ width:195px; height:50px;  background:#8f7e75;border-radius: 2px;display: block;text-align: center;  margin: 15px 0 0 6px; float:left;}
.right_a_lan{ width:195px; height:50px;  background:#2984e1;border-radius: 2px;display: block;text-align: center;  margin: 15px 0 0 6px;font-size:20px; color:#fff; float:left; line-height:50px;}
.right_a img{     margin: 13px 13px 13px 38px; float:left;}
.right_a_ap{font-size:20px; color:#fff; float:left;margin: 12px 38px 12px 0px; display:block;}
.right_la{width:675px;}
.right_love{color: #ddd;margin: 35px 5px 0 70px;display: block;float: left;}
.right_love img,.right_fen img,.right_love2 img,.right_fen2 img{margin: 0 5px;}
.right_fen{color: #ddd;margin: 35px 5px 0 0px;display: block;float: left;}
.right_love2{color: #666;margin: 35px 5px 0 70px;display: block;float: left;}
.right_fen2{color: #666;margin: 35px 5px 0 0px;display: block;float: left;}
.right_xiang{display: block;float: right}
.right_shou{display: block;float: right; margin-top:-1px;}
.class_introduce{ width:1200px; height:auto; margin:0 auto; display:table;}
.introduce_left{ width:855px; background:#fff; float:left; height:720px; margin-top:25px;}
.introduce_left_set{ width:855px; background:#fff; float:left; height:820px; margin-top:25px;}
.introduce_right{ width:330px; float:right; height:720px; margin-top:25px;}
.introduce_top{width: 825px;height: 70px;line-height: 70px;border-bottom: 1px solid #e7e7e7;text-align: center; margin:0 auto;}
.introduce_top ul li{ float: left;font-size: 18px;color: #666; padding: 1px 25px 0 25px;margin-top: 5px;height: 64px; cursor: pointer;}
.introduce_top ul li.hit{    border-bottom: 1px solid #2984e1; cursor: pointer;color: #2984e1;}
.introduce_down{ width:855px;}
.pane{ width:855px;}
.down_p{ width:795px; height:60px; color:#666; font-size:12px; background:#efefef; margin:0 auto;}
.down_p span{ display: block; padding: 5px 10px;line-height: 25px;     margin: 30px 0px;}
.down_ul{ width:765px; margin:0 auto;}
.down_ul li{    border-bottom: 1px #ddd dashed;padding: 15px 0px;}
.down_ul span{ font-size:14px; color:#666; font-family:"宋体";display: block;    margin: 5px 0 10px 0;}
.down_ul p{ font-size:12px; color:#999; font-family:"宋体";line-height: 25px;}
.set_ul{ width:765px; margin:0 auto;}
.set_ul li{ width:765px; height:175px; border-bottom:1px #ddd dashed;}
.set_ul_left{ float:left; text-align:center;}
.set_ul_left img{ margin:29px 0;}
.set_ul_right{ float:left;width: 587px; padding-left: 20px; padding-bottom: 25px;padding-top: 30px;}
.set_ul_right h2{ font-size:18px; color:#333; float:left; padding-right:15px;}
.sing{ font-size:14px; color:#3ab773; position:relative; top:-5px; margin-left:5px;}
.set_ul_right p{ color:#999; font-size:12px; padding:15px 0; width: 320px;line-height: 20px; float:left; height:42px;}
.set_note{ font-size:14px; color:#999; float:left;}
.set_mon{ float:right; font-size:22px; color:#e85308; font-weight:bold; padding-top: 30px;padding-right: 40px;padding-left: 140px;}

.introduce_middle{ width:330px; height:365px; background:#fff;}
.introduce_middle_set{ width:330px; height:460px; background:#fff;}
.middle_up{width: 295px;height: 70px;line-height: 70px;border-bottom: 1px solid #e7e7e7;text-align: center; margin:0 auto;}
.middle_li{float: left;font-size: 18px;color: #666; padding: 1px 25px 0 10px;margin-top: 5px;height: 64px;}
.middele_under{ width:275px; margin:0 auto;    height: 115px; border-bottom: 1px #f3f3f3 solid;}
.under_1{ font-size:20px; color:#666; display:block; float:left; margin: 28px 0 10px 5px;}
.set_jiang{ font-size:12px; color:#666; float:left;    margin: 34px 0px 0px 12px;}
.under_2{ font-size:14px; color:#999;display:block; float:left; margin:0px 0 0 5px;}
.middele_under img{    float: left;margin: 20px 15px;}
.middele_under p{ font-size:12px; color:#999;clear: both;padding: 15px 0;line-height: 20px;}
.middele_font{ width:330px; height:335px; background:#fff; margin-top:20px;}
.middele_font_set{ width:330px; height:340px; background:#fff; margin-top:20px;}
.middle_more{ font-size:12px; color:#999; font-family:"宋体";float: right;line-height: 90px;}
.middle_center{ width:275px; margin:0 auto;}
.middle_center li{width: 275px;height: 40px;}
.middle_center span{ font-size:14px; color:#666; display: block; float: left;margin: 0 0 0 15px;    position: relative;top: 18px;}
.middle_center img{float: left;margin: 17px 0 0 0;}

.study_st{ width:100%; height:auto;padding-bottom: 25px;}
.study_course,.servoce{ width:1200px; margin:0 auto; display:table;clear: both; border-bottom:1px #e7e7e7 solid;}
.study_course_left{ width:90%; float:left; padding-bottom:15px;}
.study_course_left_l h1{ font-size:22px; color:#333; }
.study_course_left_l h2{ font-size:18px; color:#666;padding:10px 0;}
.study_course_left_l{ width:100%; text-align:center;height: auto;}
.study_course_left_i{ width:100%; height:auto;}
.i_o{ font-size:16px; color:#333;padding-left: 10px;display: block; margin-top: -20px; padding-bottom:20px;padding-top:1px;}
.i_p{ font-size:14px; color:#666; text-indent:2em; line-height:25px;}
.study_course_right{ width:5%; float:left; padding-left:15px; text-align:center;padding-top: 135px; padding-bottom:13px;}
.i_m{ font-size:24px; color:#e85308; font-weight:bold; display:block;}
.i_y{ font-size:16px; color:#c5c5c5; text-decoration:line-through;display:block; margin-left:80px;}
.i_l{ font-size:20px; color:#fff; display:table-cell;vertical-align:middle;}
.study_course_right_g{ width:195px; background:#2984e1;border-radius: 2px; text-align:center; display:table; height:50px; margin:25px 57px;}
.service_rav{ list-style:none; display: inherit; padding-bottom: 40px;}
.service_rav li{    float: left; width: 240px;text-align: center;}
.service_rav img{ padding:5px 0;}
.rav_mo{ font-size:16px; color:#333; display:block; padding:15px 0;}
.embed{width:1200px; margin:0 auto; height:180px; clear: both; border-left:1px #e7e7e7 solid;border-right:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 solid;}
.embed li{ float: left; width: 300px; border-right: 1px #e7e7e7 solid;text-align: center;    margin: 17px 0;height: 147px;}
.embed_kuai{width: 255px;height: 55px; margin: 0 auto;padding: 46px 0;text-align: left;}
.embed_kuai img{ float: left; margin-right: 15px;margin-left: 30px;}
.embed_s{ font-size: 20px;color: #2984e1; display: block;float: left;line-height: 30px;}
.embed_v{ font-size:16px; color:#999;float: left;}
.study_phase{ width:1200px; margin:0 auto; height:auto;}
.study_time{ width: 100%;height: 70px;padding-bottom: 30px; padding-top: 55px;}
.study_time ul{ background:#daf596; height:5px; width:240px; float:left; position:relative;}
.study_time .step-text { position: absolute; top: -7px;right: 0;width: 16px; height: 16px;}
.study_time ul.first { width: 60px;}
.study_time li{ position:absolute;}
.step-text{    color: #666; text-decoration: none;}
.study_time .step-text .disc { width: 14px;height: 14px;}
.study_time li .disc {overflow: hidden;display: block;background-color: #fff;border: 2px solid #f0f0f0; -webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.study_time .step-text p { position: absolute;top: 100%; left: 50%;width: 60px;margin: 10px 0 0 -25px; color: #666; font-size: 14px;text-align: center;}
.study_time ul.send {width: 298px;}
.send li { top: -8px; width: 12px;height: 12px;}
.learn-progress .poptips-progress { display: block;}
.poptips { position: relative;z-index: 10; display: inline-block; vertical-align: middle;}
.poptips .disc {width: 8px; height: 8px;}
.study_time ul.last .step-text {right:45px;}
.study_time ul.last{ width:246px;}
.last li {top: -8px;width: 12px;height: 12px;}
.phase_star{ padding-bottom:20px;}
.phase_star header{ width:100%; height:50px; background:#f0f0f0; border-top:1px #e7e7e7 solid;border-right: 1px #e7e7e7 solid;border-left: 1px #e7e7e7 solid;}
.phase_star h3{ font-size:18px; color:#333; line-height:50px; padding-left:20px;}
.phase_table{ border-top:1px #e7e7e7 solid;border-right: 1px #e7e7e7 solid;border-left: 1px #e7e7e7 solid; width:1202px;}
.t_o{ font-size:16px; color:#666; height:110px; border-right:1px #e7e7e7 solid; width:188px; border-bottom:1px #e7e7e7 solid; font-weight:normal;}
.t_b{ font-size:16px; color:#666; height:55px; border-right:1px #e7e7e7 solid; width:188px; border-bottom:1px #e7e7e7 solid; font-weight:normal;}
.t_i{border-right: 1px #e7e7e7 solid;border-bottom: 1px #e7e7e7 solid;font-size: 14px;color: #666;padding-left: 60px; width:335px; height:55px}
.t_c{border-right: 1px #e7e7e7 solid;border-bottom: 1px #e7e7e7 solid;font-size: 14px;color: #666;padding-left: 60px; width:345px;height:55px}
.phase_over{ width:1200px; border:1px #e7e7e7 solid; height:315px; overflow:hidden}
.phase_over ul li{width:297px;float:left;position:relative;overflow:hidden;text-align:center;}
.phase_over .txt{width:297px;height:45px;position:absolute;left:0;bottom:0;color:#fff; background: url(../images/dianhei.png) repeat;}
.phase_over .txt h3{font-size:18px;height:45px;text-align:center;line-height:45px; color:#fff; font-weight:normal;}
.phase_over .txt p{font-size:14px;text-align:center;}
.phase_over .txt1{width:280px;height:45px;position:absolute;left:8px;bottom:3px;color:#fff; background: url(../images/1px.png) repeat;}
.phase_over .txt1 h3{font-size:18px;height:45px;text-align:center;line-height:45px; color:#fff; font-weight:normal;}
.phase_over .txt1 p{font-size:14px;text-align:center;}
.phase_over .txt2{width:289px;height:45px;position:absolute;left:4px;bottom:3px;color:#fff; background: url(../images/1px.png) repeat;}
.phase_over .txt2 h3{font-size:18px;height:45px;text-align:center;line-height:45px; color:#fff; font-weight:normal;}
.phase_over .txt2 p{font-size:14px;text-align:center;}
.phase_over .txt3{width:273px;height:45px;position:absolute;left:11px;bottom:3px;color:#fff; background: url(../images/1px.png) repeat;}
.phase_over .txt3 h3{font-size:18px;height:45px;text-align:center;line-height:45px; color:#fff; font-weight:normal;}
.phase_over .txt3 p{font-size:14px;text-align:center;}
.phase_star a:hover{ color:#2984e1;}
.phase_over1{ width:1200px; border:1px #e7e7e7 solid; height:315px; overflow:hidden}
.phase_over1 ul li{width:180px;float:left;text-align:center; height:287px; margin:14px 10px;}
.an_wen{ font-size: 12px;color: #666;line-height: 20px;text-align: left;padding: 10px 0;}

/*vip会员页面*/
.vip_banner{width:100%;height:260px;background: url(../images/vip_banner.jpg) center no-repeat;}
.vip_star{ width:1200px; margin:0 auto;clear:both;}
.vip_top,.vip_down{ width:1130px; margin:0 auto; display:table; padding:30px 0 40px 0;}
.vip_fu{ font-size:22px; color:#333; font-weight:normal;}
.vip_top li{ width:170px; height:227px; float:left; margin:0 9px; text-align:center;}
.vip_down li{ width:240px; height:168px; float:left; margin:0 25px; text-align:center;}
.vip_buy{ position:relative; top:-50px;}
.how{ font-size:16px; padding-bottom:35px; text-align:center;}
.vipkuang{width: 100%; height: 100%;overflow: hidden;}
.bdvip{ width:1200px; height:505px;padding: 10px 3px 0px 3px; background:#f9f9f9; margin-bottom:25px;}
.morecl{width: 350px; display: inline-block;border-radius: 5px;background: none;color: #2984e1;font-size: 22px;line-height: 50px;height: 50px;border: 1px solid #2984e1; text-align:center;}
.morecl:hover{ background:#2984e1; color:#fff;}
.opc{ text-align:center;}
.mrt12{ margin-top:20px;}
.xm_jing{font-size:16px;line-height:38px; float:left;}
span.shi{float:right; font-size:16px;font-family:"Georgia";color:#ea562e; line-height:38px;}


.course_q{ margin-top:30px;}
.course_w{ width:100%; height:auto; text-align:center;}
.course_e{ width:800px; height:auto; margin:0 auto; margin-top:45px; border-bottom:1px #ddd dashed;}
.curse_r{ font-weight:bold; font-size:16px; color:#333; padding-left:20px; padding-bottom:25px; text-align:left;}
.course_t{ font-size:14px; color:#666; text-indent:2em;line-height: 25px;}
.course_y{ background:#eaeaea;padding: 6px 0;margin: 20px 0;}
.course_u{ font-size:14px; color:#666;margin-left: 25px;}
.course_i{ width:800px; height:auto; margin:0 auto; margin-top:20px; border-bottom:1px #ddd dashed; text-align:center;position: relative;}
.course_o{width:800px; height:auto; margin:0 auto; margin-top:20px; border-bottom:1px #ddd dashed; text-align:center;}
.course_p{width:800px; height:auto; margin:0 auto; margin-top:20px; text-align:center;}
.course_a{ position:absolute; width: 194px; height: 28px; top: 225px; right: 202px;}