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

html{height:100%;margin:0;overflow-x:hidden;}
body{height:100%;margin:0;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
img{border:0 none;}
.rollbanner{width:100%;height:100%;margin:0;position:relative;overflow:hidden;}
.rollbg1{background-color:#0076ca;}
.b1boardwrapper{width:900px;height:336px;margin:0 auto;position:relative;top:12%;}
.b1boardimg1{position:absolute;width:900px;height:336px;top:0;left:0;}
.b1boardimg2{position:absolute;width:900px;height:0;top:168px;left:0;}
.b1boardwordwrapper{position:absolute;width:660px;height:210px;padding:48px 180px 78px 60px;top:0;left:0;overflow:hidden;}
.b1boardword{position:relative;width:660;height:210px;top:30px;left:0;overflow:hidden;}
.b1conceptwrapper{}
.b1boardwordwrapper.b1conceptwrapper{display:none;}
.b1boardword.b1-concept1{height:0;top:105px;}
.b1-title-concept1{position:absolute;width:340px;height:34px;color:#0b607a;top:10px;left:220px;font-weight:bold;font-size:24px;}
.b1-title-concept2{position:absolute;width:240px;height:34px;color:#ffa200;top:58px;left:40px;font-weight:bold;font-size:24px;}
.b1-title-concept3{position:absolute;width:340px;height:34px;color:#068a00;top:70px;left:300px;font-weight:bold;font-size:24px;}
.b1-title-concept4{position:absolute;width:340px;height:34px;color:#e21e4d;top:114px;left:100px;font-weight:bold;font-size:24px;}
.b1-title-concept5{position:absolute;width:400px;height:34px;color:#ffa200;top:158px;left:210px;font-weight:bold;font-size:24px;}
.b1-concept1{color:#0b607a;font-size:16px;line-height:40px;}
.b1-concept2{color:#ffa200;font-size:16px;line-height:40px;}
.b1-concept3{color:#068a00;font-size:16px;line-height:26px;}
.b1-concept4{color:#e21e4d;font-size:15px;line-height:22px;}
.b1-concept5{color:#ffa200;font-size:15px;line-height:26px;}
.b1backbtn{position:absolute;width:40px;left:724px;top:40px;display:none;_background:url(#)}
.b1cloud{position:absolute;height:10%;_height:70px;_width:133px;top:1%;left:60%;z-index:2}
.b1bigball{position:absolute;height:20%;_width:151px;_height:222px;left:85%;top:40%;z-index:4;}
.b1smallball{position:absolute;height:5%;_width:45px;_height:51px;left:94%;top:30%;z-index:1;}
.b1ball{position:absolute;height:20%;_width:168px;_height:169px;left:8%;_left:5%;top:52%;z-index:1;}
.b1paperplane{position:absolute;height:10%;_width:112px;_height:87px;left:84%;top:54%;z-index:1;}
.b1clouds{position:absolute;width:100%;bottom:0;z-index:2;_display:none;}
.b1dash{position:relative;width:900px;height:53px;margin:90px auto 0 auto;display:block;}
.b1menuwrapper{position:relative;width:900px;height:70px;margin:5px auto 0 auto;font-size:18px;font-weight:bold;color:#fff;}
.b1menuitem{float:left;width:180px;text-align:center;line-height:70px;}
.b1menuitemadj{line-height:28px;margin-top:3px;}
.b1other{position:relative;width:900px;height:40px;margin:10px auto 0 auto;font-size:14px;color:#fff;text-align:center;}
.b2wrapper{width:500%;height:100%;position:relative;left:-200%;z-index:11;_left:-40%;}
.rollbg2-1{position:relative;width:20%;height:100%;background-color:#dfeffc;float:left;margin-left:40%;background-image:url(/zwwy/img/kechengjieshao/b2-1-bg.png);background-position:center center;background-repeat:no-repeat;text-align:center;}
.rollbg2-2{width:20%;height:100%;background-color:#35b5bb;float:left;background-image:url(/zwwy/img/kechengjieshao/b2-2-bg.png);background-position:center bottom;background-repeat:no-repeat;text-align:center;overflow:hidden;}
.rollbg2-3{width:20%;height:100%;background-color:#13416b;float:left;background-image:url(/zwwy/img/kechengjieshao/b2-3-bg.png);background-position:center;background-repeat:no-repeat;}
.b2-1-main{display:inline-block;width:700px;vertical-align:middle;_margin-top:150px;}
.b2-2-main{display:inline-block;width:1000px;}
.b2-3-main{position:relative;width:1100px;height:100%;margin:0 auto;}
.verticalcener{display:inline-block;width:1px;height:100%;vertical-align:middle;_display:none;}
.b2-1-boy{width:240px;}
.b2-1-book{width:440px;}
.b2-1-bookdetail{position:absolute;width:45%;height:auto;line-height:20px;font-size:15px;color:#464646;font-weight:bold;left:27.5%;bottom:3%;text-align:left;}
.b2-2-circlewrapper{width:560px;position:relative;float:left;}
.b2-2-circle{width:560px;margin-top:60px;}
.b2-2-lesson{width:380px;height:63px;position:absolute;top:200px;left:92px;}
.b2-2-q1wrapper{width:380px;height:40px;position:absolute;top:320px;left:92px;}
.b2-2-question{width:300px;height:32px;cursor:pointer;_background:url(#)}
.b2-2-q2wrapper{width:380px;height:40px;position:absolute;top:390px;left:92px;}
.b2-2-cloudwrapper{width:400px;height:357px;float:left;margin:30px 0 0 40px;position:relative;}
.b2-2-cloud{width:400px;height:357px;}
.b2-2-answer1{display:none;position:absolute;top:105px;left:100px;width:200px;height:249px;overflow:hidden;line-height:24px;font-size:16px;color:#fff;text-align:left;}
.b2-2-answer2{display:none;position:absolute;top:105px;left:110px;width:200px;height:249px;overflow:hidden;line-height:24px;font-size:16px;color:#fff;text-align:left;}
.b2-3-girl{position:absolute;width:373px;height:459px;bottom:0;}
.b2-3-rightwrapper{width:660px;height:100%;position:absolute;right:0;}
.b2-3-lesson{width:660px;height:194px;margin-top:100px;}
.b2-3-letterwrapper{width:660px;height:254px;position:absolute;bottom:60px;_left:0;}
.b2-3-letter{width:660px;height:254px;}
.b2-3-ping{height:24px;position:absolute;_background:url(#)}
.b2-3-ping1{width:200px;top:14px;left:90px;}
.b2-3-ping2{width:226px;top:14px;left:350px;}
.b2-3-ping3{width:149px;top:48px;left:90px;}
.b2-3-ping4{width:131px;top:48px;left:350px;}
.b2-3-pingdetail{display:none;width:540px;height:120px;position:absolute;top:100px;left:60px;font-size:15px;color:#ff664e;line-height:26px;_line-height:24px;}
.b3-main{position:relative;width:1200px;height:100%;margin:0 auto;background-image:url(/zwwy/img/kechengjieshao/b3-bg.png);background-position:bottom;background-repeat:no-repeat;overflow:hidden;vertical-align:center;}
.b3-title{display:block;width:540px;height:75px;margin:0 auto;padding-top:3%;}
.b3-contentwrapper{width:1200px;height:400px;margin-top:3%;overflow:hidden;}
.b3-leftwrapper{float:left;width:600px;height:400px;background-image:url(/zwwy/img/kechengjieshao/b3-bomb.png);background-position:center;background-repeat:no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/zwwy/img/kechengjieshao/b3-bomb.png" ,sizingMethod="crop");}
.b3-leftimgwrapper{position:relative;width:450px;height:250px;padding:90px 40px 60px 110px;}
.b3-onlineimg{position:absolute;top:90px;left:-1100px;width:450px;height:250px;z-index:22;_background:url(#);}
.b3-mingshiwrapper{text-align:center;width:auto;height:250px;float:left;margin-left:15px;background-color:#d5fcf4;}
.b3-mingshiimg{width:110px;height:200px;background-position:center;background-repeat:no-repeat;filter:alpha(opacity:60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;border-radius:15px;}
.b3-wuleping{background-image:url(/zwwy/img/kechengjieshao/b3-wuleping.png);}
.b3-renmeng{background-image:url(/zwwy/img/kechengjieshao/b3-renmeng.png);}
.b3-liuxianghui{background-image:url(/zwwy/img/kechengjieshao/b3-liuxianghui.png);}
.b3-name-wuleping{width:64px;height:20px;display:inline-block;margin:0 auto;padding:15px 0;}
.b3-name-renmeng{width:42px;height:20px;display:inline-block;margin:0 auto;padding:15px 0;}
.b3-name-liuxianghui{width:64px;height:20px;display:inline-block;margin:0 auto;padding:15px 0;}
.b3-rightwrapper{position:relative;float:left;width:600px;height:400px;overflow:hidden;background-image:url(/zwwy/img/kechengjieshao/b3-whiteboard.png);background-position:center;background-repeat:no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/zwwy/img/kechengjieshao/b3-whiteboard.png" ,sizingMethod="crop");}
.b3-word{position:absolute;width:380px;top:120px;left:170px;}
.b3-word-online{position:absolute;width:380px;top:120px;left:170px;z-index:27;}
.b3-hintmaskwrapper{position:absolute;width:100px;height:40px;top:330px;left:98px;overflow:hidden;}
.b3-hintwrapper{position:relative;width:100px;height:90px;top:-30px;}
.b3-hint{width:100px;height:25px;}
.b3-hintfenge{width:100px;height:20px;}
.b3-button{position:absolute;width:80px;height:80px;z-index:28;cursor:pointer;}
.b3-button-offline{left:140px;bottom:15%;bottom:20px\9;}
.b3-button-online{left:240px;bottom:15%;bottom:20px\9;}
.b3-hand{position:absolute;width:57px;height:82px;z-index:29;}
.b3-hand-offline{left:200px;bottom:10%;bottom:0\9;}
.b3-hand-online{left:300px;bottom:10%;bottom:0\9;}
@media screen and (max-height: 650px) {
	.b1dash{position:relative;width:900px;height:53px;margin:55px auto 0 auto;display:block;}
	.b1clouds{position:absolute;width:100%;bottom:0;z-index:2;display:none;}
	.b1menuwrapper{position:relative;width:900px;height:55px;margin:0 auto 0 auto;font-size:18px;font-weight:bold;color:#fff;}
	.b1menuitem{float:left;width:180px;text-align:center;line-height:50px;}
    .b1menuitemadj{line-height:25px;margin-top:3px;}
	.b2-1-bookdetail{position:absolute;width:66%;height:auto;line-height:18px;font-size:14px;color:#464646;font-weight:bold;left:17.5%;bottom:1%;text-align:left;}
	.b2-3-lesson{width:660px;height:194px;margin-top:10px;}
    .b3-button-offline{left:140px;bottom:20px;}
	.b3-button-online{left:240px;bottom:20px;}
	.b3-hand-offline{left:200px;bottom:0;}
    .b3-hand-online{left:300px;bottom:0;}
	.b3-leftimgwrapper{position:relative;width:450px;height:250px;padding:20px 40px 60px 110px;}
	.b3-onlineimg{position:absolute;top:20px;left:-1100px;width:450px;height:250px;z-index:22;_background:url(#);}
}
.leftarrow{position:absolute;width:96px;height:183px;left:40.5%;top:40%;cursor:pointer;z-index:99;filter:alpha(opacity:70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;_background:url(#);}
.rightarrow{position:absolute;width:96px;height:183px;right:40.5%;top:40%;cursor:pointer;z-index:99;filter:alpha(opacity:70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;_background:url(#);}
.rollbg3{background-color:#d5fcf4;z-index:21;}
.b4wrapper{width:500%;height:100%;position:relative;left:-200%;_left:-40%;}
.rollbg4-1{width:20%;height:100%;float:left;margin-left:40%;}
.rollbg4-2{width:20%;height:100%;position:center;float:left;}
.rollbg4-3{width:20%;height:100%;position:center;float:left;}
.b4-bg{width:100%;height:100%;}
.rollbg5{background-color:#65c0ff;}
.b5-bg{position:absolute;width:100%;height:100%;}
.b5item{position:absolute;width:17%;height:21.4%;top:35%;border-radius:20px;cursor:pointer;}
.b5item1{left:15%;}
.b5item2{left:33%;}
.b5item3{left:51%;}
.b5item4{left:69%;}
.b5title{position:absolute;width:17%;top:59%;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.b5-cloud{position:absolute;width:38%;height:44.46%;left:45%;top:27%;display:none;}
.b5-detail{position:absolute;width:25%;height:28%;left:50%;top:36%;filter:alpha(opacity:0);opacity:0;-moz-opacity:0;-khtml-opacity:0;display:none;}
.b5-backbtn{position:absolute;width:10%;height:5.33%;left:58%;top:73%;cursor:pointer;display:none;}
.rollbg6{background-color:#fff;}
.b6-bg{position:absolute;width:100%;height:100%;}
.rollbg7{background-color:#fff;}
.b7-bg{position:absolute;width:100%;height:100%;}
.mousekey{width:14%;_width:190px;_height:70px;left:43%;top:83%;position:fixed;z-index:100;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-60);}
.mousekeyadj{_display:none;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-130);}
.picgone{display:none;}
.mousekeytip{width:16%;_width:228px;_height:34px;left:42%;top:94%;position:fixed;z-index:100;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-20);}
.kechengjieshaotop{position:fixed;right:2%;bottom:5%;width:40px;height:40px;filter:alpha(opacity:70);opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;cursor:pointer;z-index:100;display:none;}