html, body {position: relative;height: 100%;}
body {margin: 0;padding: 0;font-family: "微软雅黑"!important;}
/* 头部导航 */
.dowebok-hd{width: 100%; height: 76px; position: fixed;top: 0;left: 0; z-index: 1000; background: #00c9fb;}
.dowebok-hd .header{width: 1200px;height: 76px;margin: 0 auto;position: relative;}
.dowebok-hd .header .logo{width: 244px!important; height: 72px!important;margin-right: 20px;margin-top: 2px;float: left;}
.dowebok-hd .header .logo img{width: 100%;height: 100%;display: block;border: 0;}
.dowebok-hd .header .nav{width: auto;float: left;}
.dowebok-hd .header .nav li{float: left;}
.dowebok-hd .header .nav li a{width: 88px;height: 76px;display: block;text-align: center;line-height: 80px;font-size: 16px;color: white;text-decoration: none;}
.dowebok-hd .header .nav li a:hover{background: white;color: #00c9fb;}
.dowebok-hd .header .nav li a.cur{background: white;color: #00c9fb;}
.dowebok-hd .header .phone{width: 130px;height: 120px;position: absolute;right: 0;background: rgba(255,255,255,0.6);}
.dowebok-hd .header .phone p:nth-child(1){margin-top: 30px;color: #fff;font-size: 16px;font-family: "微软雅黑";}
.dowebok-hd .header .phone p:nth-child(1) i{width: 25px;height: 25px;display: block;float: left;margin-right: 10px;margin-left: 10px;}
.dowebok-hd .header .phone p:nth-child(1) i img{width: 100%;height: 100%;display: block;border: 0;}
.dowebok-hd .header .phone p:nth-child(2){color: #f94607;margin-top: 36px;font-size: 18px;text-align: center;}
/************* 左侧的导航栏**************/
/* .left_nav {
    width:110px;  
    position:fixed;
    top:40%;
    margin-top:-226px;
    z-index:10000; 
}
.weixin_two {
    position:relative;
}
.weixin_two .out{
    display:none;
    width:200px;
    height:200px;
    position:absolute;
    left:115px;
    top:-45px;
    border:4px solid #a88c4b;
}
.weixin_two:hover .out{
    display:block;
} */

/* 情商课程 */
.eq_course{width: 100%;height: 840px;background: url(http://www.byteq.cn/uploads/allimg/kc_bg.png) bottom no-repeat;background-size: 100% 45%;}
.eq_coursecon{width: 1200px;height: 100%;margin: 0 auto;}
.eq_course h3,.eq_course p,.eq_course strong .line_up7{text-align: center;}
.eq_course h3{font-size: 30px;margin-top: 45px;}
.eq_course p{font-size: 24px;color: #757575;margin-bottom: 20px;}
.hide_div{height: 260px;width: 100%;background:rgba(255,255,255,1);text-align: center;}
.hide_div i{width: 216px;height: 16px;display: block;margin: 10px auto;}
.hide_div i img{width: 100%;height: 100%;display: block;border: 0;}
.hide_div span{font-size: 24px!important;margin-top: 10px!important;}
.hide_div span a{color: #000;}
.hide_div p{font-size: 16px!important;margin-top: 10px!important;}
/* banner轮播 */
.swiper-container {width: 100%;height: 100%;cursor: pointer;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{width: 100%;height: 100%;cursor: pointer;display:block;}
.swiper-slide a img{width: 100%;height: 100%;display: block;border: 0;padding-top: 76px;}
/* 课后感言 */
.recollections{width: 100%;height: 850px;background: url(http://www.byteq.cn/uploads/allimg/kh_bg.png) no-repeat bottom center;overflow: hidden;background-size: 100% 80%;}
.recollectionscon{width: 1200px;height: 100%;margin: 0 auto;}
.recollections strong .div_title,.recollections strong p,.recollections strong .line_up{text-align: center;}
.recollections strong .div_title{font-size: 30px;margin-top: 45px;font-weight: normal;}
.recollections strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top: 5px;}
.ul_video{width: 454px;height: 298px;margin-top: 230px;margin-left: 40px;float: left;}
.re_r{width: 585px;height: 658px;background: url(http://www.byteq.cn/uploads/allimg/txt_bg.png) no-repeat center center;float: left;margin-left: 90px;position: relative;}
.re_r .give_span{width: 500px;height: 36px;display: block;line-height: 36px; font-size: 24px;text-align: center;margin: 60px auto 20px;color: black;}
#main{width: 400px;height: 390px;margin: 0 auto;line-height: 26px;}
#main p{text-indent: 28px;font-size: 14px;text-align: justify;margin-bottom: 0px!important;}
.re_r .add_testimonials{width: 33px;height: 16px;display: block;margin: 0 auto;position: absolute;bottom: 70px;left: 280px;}
.re_r .gth{width: 70px;height: 64px;display: block;margin: 0 auto;position: absolute;top: 30px;right: 70px;}
/* 教师团队 */
.teacher{width: 100%;height: 850px;overflow: hidden;margin-top: 20px;}
.teachercon{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.teacher strong .div_jiaoshi,.teacher strong p,.teacher strong .line_up2,.teacher strong .hg{text-align: center;}
.teacher strong .div_jiaoshi{font-size: 30px;margin-top: 15px;font-weight: normal;}
.teacher strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top: 5px;}
.teachercon .main{width: 1045px;height: 430px;margin: 0 auto;margin-top: 110px;}
.teachercon .main .all{width: 1045px;height: 240px;margin: 0 auto;background: #fcbe02;}
.teachercon .main .all .info_show{width: 1045px;height: 240px;display: none;position: relative;}
.teachercon .main .all div:nth-child(1) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 57px;}
.teachercon .main .all div:nth-child(2) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 205px;}
.teachercon .main .all div:nth-child(3) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 354px;}
.teachercon .main .all div:nth-child(4) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 500px;}
.teachercon .main .all div:nth-child(5) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 647px;}
.teachercon .main .all div:nth-child(6) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 797px;}
.teachercon .main .all div:nth-child(7) i{width: 32px;height: 18px;display: block;position: absolute;bottom: -15px;left: 947px;}
.teachercon .main .all .info_show .s_l{width: 300px;height: 240px;float: left;}
.teachercon .main .all .info_show .s_l a{width: 249px;height: 320px;display: block; margin-top: -90px;margin-left: 20px;}
.teachercon .main .all .info_show .s_r{float: left;width: 700px;height: 240px;color: white;}
.teachercon .main .all .info_show .s_r h3 b{font-size: 24px;font-weight: 100;}
.teachercon .main .all .info_show .s_r h3 span{font-size: 14px;margin-left: 20px;}
.teachercon .main .all .info_show .s_r div{font-size: 16px;text-indent: 32px;text-align: justify;margin-top: 50px;line-height: 28px;}
.teachercon .main .teacher_menu{width: 1045px;height: 160px;margin: 0 auto;margin-top: 18px;}
.teachercon .main .teacher_menu li{float: left;width: 110px;height: 160px;margin: 0 19px;cursor: pointer;}
.teachercon .main .teacher_menu li.cur1{background:#fcd20c;color: white;}
.teachercon .main .teacher_menu li i.cur2{display: block;}
.teachercon .main .teacher_menu li b{width: 96px;height: 96px;display: block;margin: 0 auto;margin-top: 10px;}
.teachercon .main .teacher_menu li div{width: 110px;height: 28px;line-height: 28px;text-align: center;font-size: 18px;margin-top: 5px;}
.teachercon .main .teacher_menu li span{width: 110px;height: 24px;line-height: 24px;display: block;text-align: center;}
.teachercon .add_teacher{width: 43px;height: 43px;display: block;margin: 0 auto;position: absolute;bottom: 30px;left: 589px;}
/* 情商简介 */
.intro{width: 100%;height: 850px;overflow: hidden;}
.introcon{width: 1200px;height: 100%;margin: 0 auto;}
.intro strong .div_jianjie,.intro strong p,.intro strong .line_up4{text-align: center;}
.intro strong .div_jianjie{font-size: 30px;margin-top: 45px;font-weight:normal;}
.intro strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top:5px;}
.introcon a{width: 43px;height: 43px;display: block;margin: 0 auto;}
.introcon a img{margin-top: 116px;}
.qs1, .qs2, .qs3 {width: 29%; height: 356px; color: #000;text-align: center;float: left;margin: 0 2%;margin-top: 100px;}
.qs1 span, .qs2 span, .qs3 span{font-size: 14px;}
.qs1 p a, .qs2 p a, .qs3 p a{font-size: 20px;width: 200px;margin-top: 40px;color:#000;}
.qs1 b{width: 55px;height: 2px;background: #fb9606;display: block;margin: 27px auto;}
.qs2 b{width: 55px;height: 2px;background: #298ae2;display: block;margin: 27px auto;}
.qs3 b{width: 55px;height: 2px;background: #19c697;display: block;margin: 27px auto;}
/* 关于龅牙兔 */
.about{width: 100%;height: 850px;background: url(http://www.byteq.cn/uploads/allimg/about_bg.png) no-repeat center center;background-size: 100% 100%; overflow: hidden;}
.aboutcon{width: 1200px;height: 100%;margin: 0 auto;}
.about strong .div_guanyu,.about strong p,.about strong .line_up3{text-align: center;}
.about strong .div_guanyu{font-size: 30px;margin-top: 45px;font-weight: normal;}
.about strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top:5px;}
.about_info{width: 1042px;height: 107px;margin: 50px auto;}
.about_info li{width: 185px;height: 107px;background: #06bffc;margin-right: 100px;float: left;position: relative;border-radius: 10px;}
.about_info li:nth-child(4){margin-right: 0;float: left;}
.about_info li a{width: 50px;height: 56px;display: block;position: absolute;top: -24px;left: -13px;}
.about_info li span{color: white;}
.about_info li span:nth-child(1){width: 185px;height: 30px;display: block;margin-left: 150px;font-size: 16px;line-height: 30px;}
.about_info li span:nth-child(2){width: 185px;height: 40px;display: block;text-align: center;font-size: 32px;}
.about_info li span:nth-child(3){width: 185px;height: 36px;display: block;text-align: center;line-height: 36px;font-size: 16px;}
.plist{width: 1200px;height: 136px;}
.aboutcon .plist p{font-size: 14px;line-height: 16px!important;text-align: center;}
.ceo{width: 1200px;height: 345px;margin-top: 20px;position: relative;}
.ceo li{float: left;}
.ceo li:nth-child(1){width: 433px;height: 433px;margin-top: -80px;}
.ceo li:nth-child(2){width: 650px;height: 210px;margin-left: 50px;color: white;}
.ceo li:nth-child(2) span{font-size: 28px;margin-top: 55px;margin-left: 28px;}
.ceo li:nth-child(2) div{font-size: 14px;text-indent: 28px;text-align: justify;margin-top: 30px;}
.ceo .add_about{width: 43px;height: 43px;display: block;margin: 0 auto;position: absolute;bottom: 40px;left: 589px;}
/* 新闻资讯 */
.news{width: 100%;height: 850px;background: #d6f2df;overflow: hidden;}
.newscon{width: 1200px;height: 100%;margin: 0 auto;}
.news strong .div_zixun,.news strong p,.news strong .line_up5{text-align: center;}
.news strong .div_zixun{font-size: 30px;margin-top: 45px;font-weight:normal;}
.news strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top: 5px;}
.news_list{width: 100%;height: 580px;}
.news_list li{width: 100%;height: 128px;margin-top: 10px;cursor: pointer;text-align: center;}
.news_list li.current{background: #03bd40;color: white!important;}
.news_list li.current .news_left{width: 250px;}
.news_list li.current .news_left b{background: white;}
.news_list li.current .news_m .m{color: white;}
.news_list li.current .news_m .y{color: white;}
.news_list li.current .news_r a{color: white;}
.news_list li .news_left{width: 180px;height: 128px;float: left;}
.news_list li .news_left b{width: 2px;height: 81px;display: block;background: #03bd40;margin-left: 120px;margin-top: 27px;}
.news_list li .news_m{width: 150px;height: 128px;float: left;}
.news_list li .news_m span:nth-child(1){width: 150px;height: 36px;display: block;line-height: 36px;font-size: 25px;text-align: right;margin-top: 28px;color: #03bd40;}
.news_list li .news_m span:nth-child(2){width: 150px;height: 36px;display: block;line-height: 36px;font-size: 16px;text-align: right;color: black;}
.news_list li .news_r{float: left;width: 660px;height: 128px;margin-left: 75px;}
.news_list li .news_r h5{font-size: 18px;margin-top: 30px;width: 660px;text-align:left;}
.news_list li .news_r h5 a{color: black;}
.news_list li .news_r h5 a:hover{text-decoration: none;}
.news_list li .news_r div{font-size: 14px;text-align: justify;text-indent: 28px;}
.news_list li .news_r div a{color: black;}
.news_list li .news_r div a:hover{text-decoration: none;}
.newscon .news_more{width: 43px;height: 43px;display: block;margin: 0 auto;}
/* 加盟优势 */
.join{width: 100%;height: 800px;overflow: hidden;}
.joincon{width: 1200px;height: 100%;margin: 0 auto;}
.join strong .div_jiameng,.join strong p,.join strong .line_up6{text-align: center;}
.join strong .div_jiameng{font-size: 30px;margin-top: 45px;font-weight: normal;}
.join strong p{font-size: 24px;color: #757575;margin-bottom: 20px;margin-top:5px;}
.join_con{width: 1200px;height: 718px;margin: 0 auto;overflow: hidden;position: relative;margin-top: 50px;}
.join_con .list{width: 1200px;height: 520px;position: relative;}
.join_con .list li:nth-child(1){position: absolute;top: 30px;left: 15px;width: 426px;height: 179px;background: url(http://www.byteq.cn/uploads/allimg/f_l.png) no-repeat center center;}
.join_con .list li:nth-child(1) h6{font-size: 24px;color: white;margin-left: 90px;margin-top: 10px;}
.join_con .list li:nth-child(1) a{margin-left: 125px;width: 88px;height: 88px;display: block;}
.join_con .list li:nth-child(2){position: absolute;bottom: 30px;left: 15px;width: 348px;height: 179px;background: url(http://www.byteq.cn/uploads/allimg/line_up.png) no-repeat center bottom;}
.join_con .list li:nth-child(2) h6{font-size: 24px;color: black;margin-left: 70px;margin-top: 10px;}
.join_con .list li:nth-child(2) a{margin-left: 125px;width: 88px;height: 88px;display: block;margin-top: 20px;}
.join_con .list li:nth-child(3){position: absolute;top: 60px;left: 456px;width: 323px;height: 323px;background: url(http://www.byteq.cn/uploads/allimg/f_c.png) no-repeat center center;}
.join_con .list li:nth-child(4){position: absolute;top: 385px;left: 485px;font-size: 32px;}
.join_con .list li:nth-child(4) b{width: 33px;height: 33px;display: block;float: left;margin-top: -3px;margin-right: 10px;}
.join_con .list li:nth-child(5){position: absolute;top: 30px;right: 15px;width: 348px;height: 179px;background: url(http://www.byteq.cn/uploads/allimg/line_down.png) no-repeat center top;}
.join_con .list li:nth-child(5) h6{font-size: 24px;color: black;margin-left: 70px;margin-top: 10px;}
.join_con .list li:nth-child(5) a{margin-left: 125px;width: 88px;height: 88px;display: block;}
.join_con .list li:nth-child(6){position: absolute;bottom: 30px;right: 15px;width: 426px;height: 179px;background: url(http://www.byteq.cn/uploads/allimg/f_r.png) no-repeat center center;}
.join_con .list li:nth-child(6) h6{font-size: 24px;color: white;margin-left: 110px;margin-top: 10px;}
.join_con .list li:nth-child(6) a{margin-left: 205px;margin-top: 20px;width: 88px;height: 88px;display: block;}
/* 底部信息 */
.foot_info{ width: 100%;height:auto; background: #555;overflow: hidden;}
.copyright{width: 1200px;height: 60px;margin: 0 auto;}
.copyright a, .copyright span { margin: 0 5px; font-size: 14px; color: white;}
.copyright a:hover{text-decoration: none!important;color: #00cafc;}
.copyright div{width: 1200px;height: 60px;line-height: 80px;margin: 0 auto;}
.copyright .toolbar_c{width: 130px;height: 52px;float: left;margin-top: 14px;}
.copyright .toolbar_c a{float: left;margin: none;}

.toolbar-item-c,.toolbar-layer-c{background:url(http://www.byteq.cn/uploads/allimg/toolbar4.png) no-repeat;}
.toolbar-item-c{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item-c:hover .toolbar-layer-c{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer-c{height:212px;background-position:0 0;}
.toolbar-item-weibo{background-position:0 -426px;}
.toolbar-item-weibo:hover{background-position:0 -488px;}
.toolbar-item-weibo .toolbar-layer-c{height:212px;background-position:0 -930px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer-c{height:194px;background-position:0 -222px;}
.toolbar-layer-c{position:absolute;right:-63px;bottom:44px;width:172px;z-index:10000;opacity:0;filter:alpha(opacity=0);
transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/*----------------------------导航----------------------------*/
.toolbar-item,.toolbar-layer{background:url(http://www.byteq.cn/uploads/allimg/toolbar5.png) no-repeat;}
.toolbar{position:fixed;right:10px;bottom:100px;z-index: 9999;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-item-yuyue{background-position:-120px -426px;}
.toolbar-item-yuyue:hover{background-position:-120px -488px;}

.toolbar-item-zixun{background-position:-120px -550px;}
.toolbar-item-zixun:hover{background-position:-120px -610px;}

.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}