/******************************清楚浮动************************************/
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{zoom:1}
.l{float: left;}
.r{float: right;}
.radius{-webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;border-radius: 18px;}
.radius1{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.radius2{-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;}
.shadow{-webkit-box-shadow: 0 5px 15px #b5b5b5;-moz-box-shadow: 0 5px 15px #b5b5b5;-ms-box-shadow: 0 5px 15px #b5b5b5;-o-box-shadow: 0 5px 15px #b5b5b5;box-shadow: 0 5px 15px #b5b5b5;}
/*链接文件*/
.radius,.radius1,.radius2,.shadow{ _position:relative;position:relative\9;behavior: url(pie.htc);}
/*尺寸*/
.margin-out-1400{width: 1400px;margin: 0 auto;overflow: hidden;}
.margin-out-1000{width: 1000px;margin: 0 auto;overflow: hidden;}
.padding-top-60{padding-top: 60px;}

/******************************top 登录和注册******************************/
.m-top{width:100%;height: 31px;line-height: 31px;overflow: hidden;background: #333;}
/*.top{position: absolute;top:0;left:50%;margin-left:-700px;width: 1400px;height: 100%;background: #333;}*/
.top-l li{position:relative;font-size: 13px;color: #fff;float: left;padding-left: 22px;margin-right: 20px;}
.top-r a{position:relative;font-size: 13px;color: #fff;padding-left: 22px;margin-left: 20px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.top-r a:hover{color: #5dca87;}
/*i.ico{position: absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;background: url(../images/top-ico.png) no-repeat;}*/
i.tel-ico{background-position: -16px 0;}
i.login-ico{background-position: 0 -40px;}
i.reg-ico{background-position: -16px -16px;}
/******************************header nav和logo******************************/
.header-bg{width: 100%;height: 115px;background: #fff url(../images/hd-line.png) repeat-x left bottom;}
.m-header{height: 115px;line-height: 115px;}
.logo{height: 115px;line-height: 115px;}
.nav{height: 115px;}
.nav a{font-size: 14px;color: #000;padding: 10px 18px;line-height: 18px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.nav a.on{background: #5dca87;color: #fff;}
.nav a.on:hover{background: #5dca87;color: #fff;}
.nav a:hover{color: #3db26f;}
/******************************轮播滚动******************************/
.m-banner{position:relative;width: 100%;min-width: 1000px;height: 530px;overflow: hidden;}
.banner-bg{position: absolute;left: 50%;margin-left: -960px;bottom: 0;width: 1920px;min-width: 1000px;height: 130px;background: url(../images/banner/banner-bg.png) no-repeat;z-index: 10;}
.banner{width: 1920px;height: 530px;overflow: hidden;position: absolute;left: 50%;margin-left: -960px;}
.banner .bxslider li{width:100%;height: 530px;float: left;}
.banner .bxslider li a{width:100%;height:530px;float: left;position: relative;}
.banner span{float: left;position: absolute;top:50%;margin-top:-75px;width: 60px;height: 60px;cursor: pointer;background: transparent;}
.banner .prev{left:295px;}
.banner .next{right: 296px;}
.banner-text{height:300px;background: transparent;position: absolute;top:50%;;left:50%;margin-top:-135px;margin-left: -494px;}
.banner-text h4{font-size: 42px;color: #000;font-weight: normal;margin-bottom: 14px;}
.banner-text p{font-size: 18px;color: #333;padding-top: 25px;}
.img_2 .banner-text h4,.img_3 .banner-text h4,.img_3 .banner-text p{color: #fff;}
.banner-text em{ position:relative; bottom:-100px; left:0; clear:both; display:block; padding:0px 0 0 0; font-style:normal;}
span.orange_btn{font-size:18px; display:inline-block; text-align:center; width:130px;line-height:35px; height:35px; background:#ff9900; overflow:hidden; cursor:pointer; color:#000; z-index:11;}
a:hover span.orange_btn{ background:#ff6600; color:#fff; text-decoration:none;}

.play-box{position: relative;}
i.ico-play{position:absolute;left:222px;top:9px;float:left;width: 42px;height: 42px;background: url(../images/banner/play.png) no-repeat center center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
i.ico-play1{background-image: url(../images/banner/play2.png);}
i.ico-play:hover{background-image: url(../images/banner/play1.png);}
i.ico-play1:hover{background-image: url(../images/banner/play3.png);}
/******************************content******************************/
.con-hd{width:1000px;text-align: center;}
.con-hd dt{font-size: 36px;color: #5dca87;margin-bottom: 5px;}
.con-hd dd{font-size: 18px;color: #333;background: url(../images/dt-bg.jpg) no-repeat center center;}
.con-t{padding-top: 50px;}
/*教师风采*/
.intro-box{padding-top: 50px;}
.intro-box .t-item{float: left;width:25%;/*margin-right: 3.5%;*/}
.intro-box .t-item.last{margin-right: 0}
.intro-box .t-item a{display:block;overflow: hidden;}
.intro-box .t-item .text h1{font-size: 24px;color: #333;margin-top: 10px;font-weight: normal;}
.intro-box .t-item .text p{font-size: 14px;color: #666;line-height: 24px;}
/*教学优势*/
.con-adv{padding: 90px 0;}
.list-box{padding-top: 50px;}
.list-box li{float: left;width: 25%;text-align: center;}
.list-box li img{display: block;text-align: center;margin: 0 auto;}
.list-box li a{display: block;font-size: 24px;color: #333;padding: 18px 0;}
.list-box li p{text-align: left;font-size: 14px;color: #666;line-height: 24px;width: 90%;}

.list-box1 li a{font-size: 18px;padding: 18px 0 12px 0;}
.list-box1 li p{color: #999;text-align: center;width:100%;}

/*按钮*/
.btn{display:block;width: 216px;height: 42px;line-height: 42px;background: #fff;text-align: center;font-size: 20px;color: #333;margin: 0 auto;border: 2px solid #5dca87;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.btn:hover{background:#5dca87;color: #fff; }

/*滚动评价*/
.m-snews{width: 100%;height: 62px;line-height: 62px;background:#5dca87;margin-top: 95px;}
.m-snews ul{height: 62px;overflow: hidden;}
.m-snews ul li{height: 62px;line-height: 62px;font-size: 16px;color: #fff;}
.m-snews ul li img{margin-right: 15px;}
/******************************footer******************************/
.m-footer{width: 100%;height: 111px;line-height: 111px;background: #333333;}
.ft-box p{font-size: 12px;color: #999;}
.ft-nav a{font-size: 12px;color: #999;margin-right: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.ft-nav a:hover{color: #5dca87;}
/******************************关于我们******************************/
.m-iPagebanner{width: 100%;min-width: 1000px;height:260px;}
.pbBg{background: url(../images/ibnner/1.jpg) no-repeat center center;}
.pbBg1{background: url(../images/ibnner/2.jpg) no-repeat center center;}
.pbBg2{background: url(../images/ibnner/3.jpg) no-repeat center center;}
.iPB{position: relative;height: 100%;}
.iPB-hd{position:absolute;right:0;bottom:44px;width:50%;color: #fff;text-align: right;}
.iPB-hd dt{font-size: 30px;}
.iPB-hd dd{font-size: 18px;}

.con-team{padding-top:30px;padding-bottom: 60px;}
.text-con{padding-top: 25px;padding-bottom: 40px;}
.text-con p{font-size: 16px;color: #666;text-align: center;line-height: 41px;}
.text-con1 p{line-height: 30px;}
.text-con2{padding-bottom: 78px;}
.text-con2 p{color: #808080;line-height: 30px;}

.team-pic li{float: left;width: 31%;margin-right: 3.5%;}
.team-pic li a{float: left;position: relative;}
.team-pic li.last{margin-right: 0;}
i.big-btn{display:none;position: absolute;left:50%;top:50%;width: 56px;height: 56px;margin: -28px 0 0 -28px;background: url(../images/big.png) no-repeat center center;}

.con-song{padding-bottom: 74px;}
.cul-tab{padding-top: 25px;padding-bottom: 30px}
.cul-tab dt{width: 56%;}
.cul-tab dd{text-align: left;font-size: 16px;color: #666;padding: 75px 0 88px 30px;}
.cul-tab dd p{line-height: 36px;}
.play-song{display:block;margin:0 auto;width: 342px;height: 40px;line-height: 40px;text-align: center;/*font-size: 18px;color: #fff;background: #5dca87;*/}

.big-pic{width: 800px;height: 565px;margin: 0 auto;position: relative;overflow: hidden;display: none;}
/*.pic-text{position:absolute;left:0;bottom:0;width: 100%;height:88px;line-height: 88px;background: url(../images/pbg.png) repeat;font-size: 24px;color: #fff;padding-left: 20px;}*/
.pic-text strong{font-size: 30px;margin-right: 10px;}

/******************************联系我们******************************/
.con-contact{padding-top: 58px;padding-bottom: 80px;}
/******************************外教团队******************************/
.teacher-pic{padding-bottom: 20px;}
.teacher-pic li{float: left;width: 50%;padding-bottom: 68px;}
.t-img{float: left;position: relative;overflow: hidden;}
.t-img .mark-box{position:absolute;left:0;top:0;width: 224px;height: 244px;overflow: hidden;display: none;cursor: pointer;}
.mark{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/tbg.png) repeat;overflow: hidden;cursor: pointer;}
i.video-btn{position: absolute;left:50%;top:50%;margin-left:-24px;margin-top:-24px;width: 48px;height: 48px;background: url(../images/video.png) no-repeat center center;}
.t-text{float: left;padding-left: 25px;}
.t-text dt{padding-bottom: 30px;}
.t-text dt h1{float: left;font-size: 30px;color: #333;}
.t-text dt span{float: left;font-size: 16px;color: #666;padding-top: 8px;margin-left: 12px;}
.text-des{height: 148px;}
.text-des p{font-size: 14px;color: #808080;line-height: 24px;}
.share a{float: left;width: 32px;height: 32px;background:#5dca87 url(../images/share.png) no-repeat 0 0;margin-right: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.share a.qq{background-position: -32px 0;}
.share a.weixin{background-position: -64px 0;}
.share a:hover{background-color: #30af61;}
/******************************上课流程******************************/
.con-sc{padding-top: 75px;margin-bottom: 65px;}
.note-text{padding-bottom: 30px;}
.note-text dt{text-align: center;margin-bottom: 75px;}
.note-text dd p{margin-bottom: 30px;font-size: 14px;color: #808080;line-height: 24px;}
.note-text dd span{color: #333;}
/******************************课程介绍******************************/
.con-course{padding-top: 60px;padding-bottom: 20px;}
.list-intro dl{padding-bottom: 20px;}
.list-intro dl dd h2{font-size: 18px;color: #333;font-weight: normal;margin-bottom: 8px;}
.list-intro dl dd p{font-size: 14px;color: #808080;line-height: 32px;}
.list_1{padding-top: 30px;}
.list_1 dd{padding-top: 58px;}
.list_2 dd{padding-top: 20px;}
.list_3 dd{padding-top: 36px;}
.list_4 dd{padding-top: 50px;}
.list_5 dd{padding-top: 42px;}

.con-class{padding-bottom: 64px;}
.list-type{padding-top:10px;margin-bottom: 58px;}
.list-type li.box-li{float: left;width: 31%;margin-right: 3.5%;height:152px;position: relative;}
.list-type li.box-li .mark{position: absolute;left:0;top:0;width:100%;height:100%;background: url(../images/kcbg.png) repeat;cursor: auto;}
.list-type li.box-li.last{margin-right: 0;}
dl.l-text{width: 152px;height:100%;background:#5dca87;}
dl.l-text dt{color: #fff;padding-left:14px;padding-top: 14px;padding-bottom: 35px;}
dl.l-text dt h1{font-size: 22px;font-weight: normal;}
dl.l-text dt p{font-size: 12px;padding-top: 5px;}
.class-type{position: relative;}
.class-type li{width: 49.5%;float: left;text-align: center;color: #fff;}
.class-type li.last{border-right:0;}
.class-type li span{display: block;font-size: 14px;padding-bottom: 2px;}
.class-type li span.char{margin-top: -3px;}
.class-type li em{font-size: 14px;}
.class-type li.line{position:absolute;left:51%;top:3px;width: 1px;height: 30px;background: #fff;}
/******************************相关问题******************************/
.help-hd{width: 100%;height: 38px;line-height:38px;background: #f8f8f8;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.hd-center{width: 440px;margin:0 auto;}
.hd-center li{float: left;margin: 0 5px;}
.hd-center li a{float: left;padding: 0 18px;font-size: 16px;color: #888;height: 40px;line-height: 40px;margin-top: -1px;}
.hd-center li.on a{color: #fff;background: #5dca87;}
.help-text{padding-top: 40px;}
.item-box{display:none;}
.item-box.on{display: block;}
.h-item{padding: 30px 0 26px 0;border-bottom: 1px dashed #b1b3b5;}
.h-item.last{border-bottom: 0;margin-bottom: 60px;}
.h-item h6{font-size: 16px;color: #333;font-weight: normal;background: url(../images/dot.png) no-repeat 6px center;padding-left: 20px;margin-bottom: 8px;}
.h-item p{padding-left: 20px;font-size: 14px;color: #999;line-height: 24px;}
/******************************登录和注册页面的样式******************************/
dl.login{margin-bottom: 84px;margin-top: 100px;}
dl.login dt{float: left;width: 500px;height: 430px;border-right: 1px solid #eee;}
dl.login dd.login-right{float: right;padding-right: 65px;}
.lg-hd{font-size: 18px;color: #000;font-weight: normal;padding-bottom: 60px;}

dl.lr-con{width: 381px;}
ul.lr-box li{width: 366px;height: 38px;line-height:38px;border:1px solid #d2d2d2;margin-bottom: 22px;}
ul.lr-box li.tel{background: url(../images/t.png) no-repeat 96% center;}
ul.lr-box li.pass{background: url(../images/p.png) no-repeat 96% center;}
ul.lr-box li input,ul.rr-box li input{font-size: 14px;color: #666;padding: 11px 0 10px 10px;height: 16px;line-height: 16px;}
ul.lr-box li.tel input,ul.lr-box li.pass input{border-right: 1px solid #d2d2d2;width: 312px;}
ul.lr-box li.yzm{position: relative;}
ul.lr-box li.yzm img{position: absolute;right: 22px;top:6px;}
ul.lr-box li.r-passord{border:0;text-align: right;font-size: 12px;color: #666;}
.tip-reg{text-align: center;font-size: 14px;color: #666;}
.tip-reg a{color: #0099ff;font-size: 14px;text-decoration: underline;}

ul.lr-box li.l-btn{border: 0;margin-top: 22px;margin-bottom: 0;}
ul.lr-box li.l-btn input,ul.rr-box li.l-btn input{font-size: 20px;color: #fff;width: 368px;padding: 0;height: 40px;line-height: 40px;text-align: center;background: #5dca87;cursor: pointer;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s}
ul.lr-box li.l-btn input:hover,ul.rr-box li.l-btn input:hover{background: #48ba74;}

ul.rr-box li{margin-bottom: 18px;float: left;}
ul.rr-box li.type-f{width: 370px;margin-right: 12px;height: 38px;line-height: 38px;border: 1px solid #d2d2d2;}
ul.rr-box li.type-f input{width: 166px;}
ul.rr-box li.grade{border:0;background: url(../images/sel.png) no-repeat;height: 40px;line-height: 40px;width: :;px;color: #666;}
ul.rr-box li.grade input.selectbox{padding: 0;border: none;color: #999;font-size: 14px;padding-left: 10px;display: block;width: 370px !important;cursor: pointer;background: none;height: 40px;line-height: 40px;}
ul.rr-box li.grade div.selectbox-wrapper{z-index: 20;margin-top: 0px;_margin-top: -2px;color: #8d8d8d;position: absolute;text-align: left;left: 0;background: white;border: 1px solid #cecece;border-top: none;width: 370px !important;padding: 0;position: relative;overflow-x: hidden;overflow-y: auto;}
ul.rr-box li.grade div.selectbox-wrapper ul li{margin: 0;padding: 3px 0px 3px 10px;width: 166px !important;cursor: pointer;line-height: 20px;font-size: 14px;}
ul.rr-box li.grade div.selectbox-wrapper ul li.selected{background: #f1f1f1;}
ul.rr-box li.grade div.selectbox-wrapper ul li.current{background: #5dca87;color: #fff;}
ul.rr-box li.big-tel{background: url(../images/t.png) no-repeat 94% center;}
ul.rr-box li.big-tel input{width: 303px;border-right: 1px solid #d2d2d2;}
ul.rr-box li.num-yzm{width: 366px;position: relative;height: 38px;line-height: 38px;border: 1px solid #d2d2d2;}
ul.rr-box li.num-yzm i.get{position:absolute;right:0;top:0;float:right;width: 94px;height: 38px;line-height: 38px;font-size: 14px;color: #666;font-style: normal;text-align: center;background: #eee;border-left: 1px solid #d2d2d2;cursor: pointer;}
ul.rr-box li.intro{width: 366px;height: 38px;line-height: 38px;border: 1px solid #d2d2d2;}
ul.rr-box li.intro input{width: 356px;}
ul.rr-box li.l-btn{margin-top: 12px;}
/******************************2015.6.16注册成功之后页面的样式******************************/
.succeed-box{text-align: center;background: url(../images/regBg.jpg) no-repeat center center;}
.succeed-box h1{width:408px;margin:0 auto;font-size: 36px;color: #5dca87;font-weight: normal;padding: 50px 0 50px 50px;background: url(../images/smile.png) no-repeat left center;}
.succeed-box p{font-size: 18px;color: #333;}
.succeed-box ul{width: 686px;margin: 40px auto 0;}
.succeed-box ul li{float: left;width: 33%;text-align: center;}
.succeed-box ul li p{color: #999;font-size: 16px;text-align: left;}
.succeed-box ul li span{display:block;font-size: 13px;color: #999;text-align: left;margin-top: 96px;}
.btn-box{width: 718px;margin:38px auto 90px;}
.btn-box a{float: left;width: 326px;height: 40px;line-height: 40px;background: #5dca87;font-size: 20px;color: #fff;margin:0 15px;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s}
.btn-box a.another{background: #ff9900;}
.btn-box a:hover{background: #39b769;}
.btn-box a.another:hover{background: #e48900;}
.succeed-box  .WeChatCrowd{ padding: 0 41px; font-size: 12px;}
#giftBag{ margin-top: 50px;}


/*第二个注册页面*/
.m-bg .h2 { text-align:center; color:#5dca87; font-size:36px; font-weight:bolder; margin-top:100px; line-height:60px;}
.m-bg .title { text-align:center; color:#d2d2d2; font-size:18px; line-height:40px; }
.m-bg .title span { color:#333333; padding:0 10px;  }
.m-bg-b { background:#ededed; overflow:hidden; padding-bottom:70px; }
.req-list { margin-top:50px; }
.req-list li { float:left; width:311px; margin-right:30px; color:#333333; }
.req-list h2 { font-size:24px; line-height:40px; }
.req-list p { font-size:14px; line-height:24px; }

.m-bg-f { overflow:hidden; padding-bottom:180px; color:#666; }
.faq-li { margin-top:40px; }
.faq-li li { float:left; width:227px; margin-right:30px; }
.faq-li .pic { width:130px; margin:0 auto; }
.faq-li h2 { text-align:center; font-size:24px; line-height:40px; margin-top:10px;  }
.faq-li p { font-size:14px; line-height:24px; }