@charset "gb2312";
/* CSS Document */

a{-webkit-transition:all 0.3s ease-in-out;}
.colzi01{color:#ffba00}
.colzi02{color:#fff}
.bg01{background:#f0f2f1;}
/*banner*/
.logo{float:left;margin:50px 0 0 0px;}
.banner{width:100%;height:698px; background:url(../images/banner.jpg) center no-repeat;min-width:1200px;}
.banner01{width:1200px;height:auto;margin:0 auto;padding-top:222px;text-align:center;display:block; position:relative}
.banner01img{ position:absolute;bottom:90px;right:162px}
.banner01 span{font-size:36px;color:#fff; }
.banner01 p{font-size:52px; font-weight:bold;color:#fff;line-height:100px;}
.banner01 p b{ font-weight:bold;color:#ffba00;}
.banner02{width:652px;height:32px;margin:0 auto; }
.banner02 span{ color:#ffba00;font-size:18px; font-weight:bold;line-height:32px;padding:0 34px;}
.banner03{width:423px;height:46px; margin:0 auto; background:#fff; border-radius:25px;margin-top:26px;}
.banner03 p{font-size:16px;color:#1f1f1f;line-height:46px; text-align:center;}
.banner04{width:328px;height:auto;margin:0 auto; margin-top:45px;  text-align:center}
.banner04 p{font-size:36px;font-weight:bold;color:#f01f33;}
.banner04 p em{font-size:14px; font-weight:normal;color:#817f7f;text-decoration:line-through; padding-left:15px;}
.banner-btn{padding:0 47px;line-height:47px; background:#ffba00; border-radius:5px; color:#1f1f1f; text-align:center; display:inline-block;margin-top:15px;transition: .4s ease; -webkit-transition: .4s ease;}
.banner-btn:hover{background:#fff;transform: translateY(5px);-webkit-transform: translateY(5px);}
.banner-btn2{padding:0 47px;line-height:47px; background:#424242; border-radius:5px; color:#fff; text-align:center; display:inline-block;margin-top:15px;transition: .4s ease; -webkit-transition: .4s ease;}
.banner-btn2:hover{background:#ffba00;color:#1f1f1f;transform: translateY(5px);-webkit-transform: translateY(5px);}

/*受追捧*/
.on_con1{width:100%;height:100%; overflow:hidden;min-width:1200px;padding-bottom:100px;}
.on_con2{width:100%;height:100%; overflow:hidden;min-width:1200px;padding-bottom:80px;}
.on_title{width:1200px;height:auto;padding-top:90px;margin:0 auto;display:block; text-align:center}
p.tiltep{font-size:32px;color:#333;font-weight:bold;} 
p.tiltep2{font-size:32px;color:#fff;font-weight:bold;} 
.on_title p b{font-weight:bold;color:#ffba00;}
.on_title span{font-size:16px;color:#666;line-height:42px; }
.on_car{width:1200px; height:350px; margin:0 auto;background:url(../images/car-bg.png) center top no-repeat;margin-top:80px;}
.car-video{position:relative;width:550px;height:auto}
.car-btn{padding:60px 0 0 112px; float:left;}
.car-btn img{-webkit-transition: .4s; }
.car-btn:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);transition: .4s;-webkit-transition: .4s}
.car-video span{font-size:18px;color:#333;height:32px; border-bottom:1px solid #333; position:absolute;top:120px; left:320px;}
.car-hot{width:584px;height:auto;margin-top:90px;}
.car-hot  span{font-size:24px;color:#333}
.car-hot span em{width:4px;height:24px; background:#ffba00;display:inline-block ;margin-right:18px; vertical-align:middle}
.car-hot p{font-size:14px;color:#666; text-indent:2em;;margin-top:25px;line-height:24px;}

 /*6大人群*/
.bg02{ background:url(../images/bg02.jpg) center no-repeat;width:100%;height:900px; min-width:1200px;}
.renlist{width:1200px;height:auto;margin:0 auto;margin-top:40px;}
.renlist li{width:167px;height:167px; border:1px solid #434343; border-radius:100px; float:left; margin:0 14px 0 14px;text-align:center;color:#434343; position:relative; transition: .4s ease; -webkit-transition: .4s ease; }
.renlist li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px); }
.renlist li em{width:32px;height:32px; line-height:32px; border:1px solid #434343; border-radius:32px; background:#ffba00; color:#434343;font-size: 18px; display:block; text-align:center;margin:26px auto 20px;font-weight:bold} 
.renlist li div{ width:167px;height:167px; border:1px solid #434343;text-align:center;border-radius:100px;font-size:14px; position:absolute;top:-1px;left:-1px;display:none;background:#434343; color:#fff;padding:40px 0 0 15px;}
.renlist li div span{width:138px; text-align:center;display:block}
.renlist li.list01{margin-top:40px;}
.renlist li.list02{ background:#434343;color:#fff;}
.btn-kf{width:1200px;height:auto;margin:0 auto;margin-top:346px; text-align:center}
.btn-kf3{width:1200px;height:auto;margin:0 auto;text-align:center}


/*3大优势*/
.youshi{width:1200px;height:auto; margin:0 auto; position:relative;}
.fei{ position:absolute;left:-110px;top:78px;}
.youshilist{width:825px;height:420px;float:right;margin-top:100px;}
.youshilist li{width:255px;height:400px; border-radius:8px; background:#fff;float:left;margin-left:20px; position:relative; transition: .4s ease; -webkit-transition: .4s ease;}
.youshilist li h2{display:block;height:68px;line-height:68px; border-top-left-radius:8px;border-top-right-radius:8px;font-size:18px;font-weight:bold;color:#fff; text-align:center}
.youshilist li p{font-size:14px;line-height:24px;color:#666;padding:30px;}
.youshilist li span{ position:absolute;bottom:55px; left:80px;display:block; text-align:center;width:107px;height:34px; border-radius:17px; border:1px solid #333;line-height:34px; }
.youshilist li:hover{box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1);transform: translateY(-8px);-webkit-transform: translateY(-8px); }
.youshilist li:hover span{ background:#333;color:#fff;transition: .4s ease; -webkit-transition: .4s ease;}
.youshilist li em{width:100%;height:5px;border-bottom-left-radius:8px;border-bottom-right-radius:8px; position:absolute;bottom:0px}
.yls1 h2,.yls1 em{background:#686a69;}
.yls2 h2,.yls2 em{background:#fdb813;}
.yls3 h2,.yls3 em{background:#262625;}


/*5课时*/
.bg03{background:url(../images/bg03.jpg) no-repeat;width:100%;height:1335px; min-width:1200px;}
.lesson{width:1200px;height:1000px;margin:0 auto; position:relative;margin-top:75px; }
.lesson li{ position:absolute;height:auto;padding:25px 35px;color:#fff;}
.lesson li em{ position:absolute;right:65px;top:0px; color:#fff;font-size:24px;line-height:60px;}
.lesson li.lesson1{width:528px;height:410px;background:url(../images/lesson1.jpg) no-repeat; left:40px;top:0}
.lesson li.lesson2{width:528px;height:347px;background:url(../images/lesson2.png) no-repeat; right:40px;top:30px; color:#333}
.lesson li.lesson3{width:528px;height:344px;background:url(../images/lesson3.png) no-repeat; left:40px;top:450px; color:#333}
.lesson li.lesson4{width:528px;height:356px;background:url(../images/lesson4.png) no-repeat; right:40px;top:417px; }
.lesson li.lesson5{width:528px;height:217px;background:url(../images/lesson5.png) no-repeat; right:40px;top:812px; color:#333}
.lesson li dl{padding:25px 0;}
.lesson li dl dt {width:116px;height:30px; border-radius:15px; background:#fff;color:#333; line-height:30px;font-size:16px; display:block; text-align:center;margin-bottom:22px;}
.lesson li dl dd{font-size:16px;line-height:28px;}
.lesson li i.ilne1{width:100%;height:5px;border-bottom:1px solid #525252; display:block}
.lesson li i.ilne2{width:100%;height:5px;border-bottom:1px solid #e4a510; display:block}
.lesson li dl.dl5-1{width:225px;height:auto;float:left;padding:50px 0 0 0}
.lesson li dl.dl5-2{width:220px;height:auto;float:right;padding:50px 0 0 0}
.btn-kf2{ position:absolute;left:180px;bottom:62px;}

/*直播答疑*/
.bg04{background:#262625}
.zhibo{width:1200px;height:353px;margin:70px auto 0; background:url(../images/answer.png) center no-repeat;}
.bo01{width:328px;height:auto;float:left;margin:36px 0 0 205px;}
.bo span{font-size:24px;color:#333; display:block; text-align:center}
.bo em{width:34px;height:4px;background:#ffba00; margin:15px auto; display:block; text-align:center; }
.bo p{font-size:16px;line-height:26px;color:#262625;padding:0 10px;}
.bo02{width:338px;height:auto;float:right;margin:76px 205px 0 0px;}
.bo02 em{width:34px;height:4px;background:#333; margin:15px auto; display:block; text-align:center; }

/*老师*/
#teacher{width:1000px;height:auto;margin:0 auto 50px;margin-top:90px;}
.slides{width:950px;height:auto;margin:0 auto;}
.teacher-img{width:368px;height:414px;float:left; background:url(../images/teacher-bg.png) 0 38px no-repeat; position:relative;margin-left:20px;}
.teaimg{ position:absolute;right:30px;top:0px;}
.teacher-img div{margin-top:180px;margin-left:-70px; }
.teacher-img div span{font-size:36px;color:#fff;display:block;}
.teacher-img div p{font-size:16px;color:#fff;line-height:34px;}
.teacher-jj{width:540px;height:auto;float:right; background:url(../images/icon.png) 0 50px no-repeat;margin-right:20px;}
.teacher-jj p{margin-top:130px;font-size:16px;color:#666;line-height:30px; text-align:left}

.flexslider{margin:0px auto;position:relative;width:100%;height:400px;zoom:1;}
.flex-viewport{max-height:2000px;}
.flexslider .slides{zoom:1; text-align:center;margin:0 auto}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;}
.flex-direction-nav .flex-next{background:url(../images/right.png) no-repeat;right:-5%;}
.flex-direction-nav .flex-prev{background:url(../images/left.png) no-repeat;left:-5%;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:10px;height:10px; border-radius:10px;background:#7d7d7d;display:block;overflow:hidden;cursor:pointer;text-indent:-99em;}
.flex-control-paging li a.flex-active{background:#f9a166;}


/*收货满满*/
.shlist{width:1078px;height:400px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8; background:#fff; margin:0 auto;margin-top:70px;}
.shlist li{width:269px;height:200px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; float:left;color:#666;transition: .4s ease; -webkit-transition: .4s ease;}
.shlist li span{font-size:24px; font-weight:bold;display:block; text-align:center;margin-top:40px;}
.shlist li em{width:27px;height:5px; background:#fdb813;display:block; text-align:center; margin:0 auto;margin-top:16px; transition: .4s ease; -webkit-transition: .4s ease;}
.shlist li p{font-size:16px; text-align:center; line-height:26px;margin-top:16px; }
.shlist li:hover{background:#fdb813; color:#333;box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1);transition: .4s ease; -webkit-transition: .4s ease;}
.shlist li:hover em{background:#333;transition: .4s ease; -webkit-transition: .4s ease;}

/*心动*/
.bg05{background:url(../images/bg05.jpg) no-repeat;width:100%;height:810px; min-width:1200px;}
.buy{width:790px;height:342px; background:url(../images/buy-bg.png) no-repeat;margin:80px auto 70px;}
.buy-l{width:460px;height:auto;margin:82px 0 0 40px;float:left;}
.buy-l span{font-size:24px;color:#333;font-weight:bold;}
.buy-l p{margin-top:18px;width:460px;}
.buy-l p span{font-size:36px;font-weight:bold;color:#f01f33;float: left;}
.buy-l p em{font-size:14px; font-weight:normal;color:#817f7f;text-decoration:line-through; padding-left:15px;margin-top:16px;float: left;}
.buy-l p i{height:18px;width:2px; background:#c3bebe;margin-left:12px; display:inline-block; padding-top:10px;float: left;margin-top:17px;}
.buy-l p b{font-size:16px;color:#333;margin-left:16px;float: left;margin-top: 14px;}
.buy-l p.zhuyi{width:457px;float:left;font-size:14px;color:#e33c3c;line-height:22px;margin-top:55px;}
.buy-r{width:250px;height:auto;float:right;margin:61px 16px 0 0px; text-align:center}
.buy-r img{box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1); border-radius:10px;}
.buy-r span{display:block; text-align:center;font-size:14px;color:#333333;margin-top:16px;}


/*热门项目*/
.nl_content{width:1094px;margin:0 auto;text-align:center;margin-top:60px;}
.tab-hd {overflow:hidden; zoom:1;margin-left:264px;}
.tab-hd li{ float:left;height:120px; width:150px; color:#fff; text-align:center; cursor:pointer;}
.tab-hd li.active {width:150px;height:120px;}
.tab-hd li.active p{color:#ffba00; font-size:14px;margin-top:85px;}
.tab-hd li p{color:#333; font-size:14px;margin-top:85px;}
.color01{background:url(../images/wu11.png) top no-repeat;width:76px;height:76px;}
.color02{background:url(../images/wu22.png) top no-repeat;width:76px;height:76px;}
.color03{background:url(../images/wu33.png) top no-repeat;width:76px;height:76px;}
.color04{background:url(../images/wu44.png) top no-repeat;width:76px;height:76px;}
.color01.active {background:url(../images/wu1.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s; }
.color02.active {background:url(../images/wu2.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.color03.active {background:url(../images/wu3.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.color04.active {background:url(../images/wu4.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.tab-bd{width:100%;background:#fff;margin-top:30px;height:363px;box-shadow: 0px 15px 23px rgba(32,34,30,0.18);border-radius:15px; text-align:left;}
.tab-bd li{display:none;}
.tab-bd li.thisclass{ display:list-item;}
.nlc_left{float:left;width:504px;margin-left:40px;margin-top:35px;}
.n_01{width:504px;height:284px;}
.n_02{width:232px;height:122px;border-radius:8px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.2);margin-left:10px;margin-top:20px;}
.nlc_right{float:right;width:506px; height:363px; background:#262625; border-top-right-radius:15px;border-bottom-right-radius:15px;}
.nr_01{width:100%;border-bottom:1px #eeeeee solid;padding-bottom:25px;}
.nr_01 p{color:#0ba0aa; font-size:16px; font-weight:bold;}
.nr_01 span{ display:block;color:#444444; font-size:14px;margin-top:10px; line-height:24px;}
.nr_02{width:100%;margin-top:76px;}
.nr_02 p{font-size:16px; font-weight:bold; display:block; text-align:center;font-size:24px;color:#ffba00;}
.nr_02 em{width:40px;height:5px;background:#ffba00; display:block; text-align:center; margin:30px auto 30px;}
.nr_02 span{float:left; display:block;color:#fff; font-size:14px;margin-top:10px; line-height:26px;font-size:16px;}








/*尾部*/
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:50px;padding-bottom:138px; position:relative;z-index:9;min-width:1200px;}
.online_lo{ width:100%; height:auto; display:table;border-bottom:1px #464646 solid;}
.online_lo li{ float:left;}
.online_go{ width:205px; height:155px;text-align:left;}
.online_go span{ font-size:14px; color:#969696; display:block;margin-top:12px;}
.online_go img{ margin-top:25px;margin-bottom: 4px;}
.online_ad{ width:635px; height:155px;text-align:left;padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#999999;margin-bottom: 6px; display: inline-block;text-decoration: none;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;text-decoration: none;}
.online_ab span{ font-size:16px; color:#b1b1b1; font-weight:bold; display:block; margin-bottom:22px;}
.online_ter{ width:208px;}
.online_ter span{ text-align:left;padding-left:10px;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_ac{width:138px;margin-left:58px;margin-right:0px;}
.online_ac a{ margin-left:5px;margin-right:5px; position:relative;}
.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}
.online_nose{ width:1200px; height:auto; text-align:center;margin-top:20px;}
.online_nose span{ font-size:12px; color:#898686;float:left;margin-right:30px; line-height:24px; display:block;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_cang1{ position: absolute;top: 0px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}

.header_title{ width:100%; height:40px; background:#474747; min-width:1200px;}
.header_left{ float:left;}
.header_jituan{ font-size:14px; color:#ddd; line-height:22px; text-align:left; float:left; width:422px;margin-top: 11px;text-indent: 0.9em;}
.header_phone{ font-size:14px; color:#fff; width:152px; height:40px; background:#219bed; float:left;line-height: 40px;}
.header_phone img{  margin-right: 10px; position: relative; top: 3px;}
.header_right{ float:right;}
.header_right p{color:#b1b1b1; font-size:16px; font-weight:bold; text-align:left;padding-left:12px;}
.header_right ul{padding-top:18px;}
.header_right li{ position:relative; cursor:pointer; float:left;padding:0 20px;text-align:center;}

.header_right .lweixin{background:url(../images/weix.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lweixin span{ display:block; line-height:40px;margin-top:30px;}
.header_right .lweixin:hover{background:url(../images/weixin.png) center  0  no-repeat; color:#31c37c}
.header_right .lqq{background:url(../images/QQ.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lqq span{  display:block; line-height:40px;margin-top:30px;}
.header_right .lqq:hover{background:url(../images/QQh.png) center  0  no-repeat; color:#31c37c}
.header_right .phone{background:url(../images/phone.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .phone span{display:block; line-height:40px;margin-top:30px;}
.header_right .phone:hover{background:url(../images/phoneh.png) center  0  no-repeat; color:#31c37c}
.header-img{ margin-top: 10px;}

.header_right { width: 264px; margin-left: 62px;}
.header_a{ font-size:14px; color:#fff;line-height: 40px;}
.laiweixin { width: 120px; height: 120px; position: absolute; top: 35px; right: -26px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiphone{font-size:14px; color:#7e7a7a; background:url(../images/icon.png) no-repeat;position: absolute; top: 56px; width: 100px; z-index: 10;right: -12px; display:none;width:120px;height:38px;line-height:38px;padding-top:2px;}
.laiweixin img{ margin-top: 15px;}

.laiqq { width: 120px; height: 120px; position: absolute; top: 15px; right: -40px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiqq img{ margin-top: 15px;}
.cnzz a{font-size: 12px; color: #898686; float:left;}