@charset "utf-8";/*!
 * //www.51talk.com
 * copyright (c) 2015 51Talk
 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{background-color:#fff;_background-image:url(about:blank);_background-attachment:fixed;_overflow-x:hidden}body{font:13px 'Microsoft YaHei','\5fae\8f6f\96c5\9ed1',Arial,Verdana,Tahoma;color:#1e1e1e}h1,h2,h3,h4,h5,h6,i,em{font-weight:normal;font-style:normal}input,button,select,textarea{font-family:'Microsoft YaHei','\5fae\8f6f\96c5\9ed1',Arial,Verdana,Tahoma;outline:none;vertical-align:middle;border:0;border-radius:0}a{color:#1e1e1e;text-decoration:none;outline:none}a:hover{color:#ff9600}strong{font-weight:bold}img{vertical-align:middle}::-moz-selection{background-color:#ff9600;color:white;text-shadow:none}::selection{background-color:#ff9600;color:white;text-shadow:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{*zoom:1;*display:inline}.hide{display:none}.show{display:block}.left{float:left}.right{float:right}.relative{position:relative}.relativez{position:relative;zoom:1}.absolute{position:absolute}.fixed{position:fixed}.hidden{overflow:hidden}.ft12{font-size:12px}.ft13{font-size:13px}.ft14{font-size:14px}.ft15{font-size:15px}.ft16{font-size:16px}.ft18{font-size:18px}.ft19{font-size:19px}.ft20{font-size:20px}.normal{font-weight:normal}.bold{font-weight:bold}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.f-taj{text-align:justify;text-justify:inter-ideograph}.f-vam,.f-vama *{vertical-align:middle}.f-wsn{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-ti{overflow:hidden;text-indent:-30000px}.f-ti2{text-indent:2em}.f-lhn{line-height:normal}.f-tdu,.f-tdu:hover{text-decoration:underline}.f-tdn,.f-tdn:hover{text-decoration:none}.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.f-csp{cursor:pointer}.f-csd{cursor:default}.f-csh{cursor:hand}.f-csm{cursor:move}.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.fm-arrow-pos{border-style:solid;border-color:#ffa800;border-width:1px}html,body{margin:0;padding:0}.a-hide{display:none}#fp-nav{position:fixed;top:50%;margin-top:-50px;right:35px;height:100px;width:10px;z-index:999}#fp-nav li{float:left;width:10px;height:10px;margin-bottom:20px}#fp-nav li a{border-radius:5px;opacity:.5;filter:alpha(opacity=50);background-color:#fff;display:inline-block;width:100%;height:100%}#fp-nav li .active{opacity:1;filter:alpha(opacity=100)}#fp-nav li span{display:inline-block;width:100%;height:100%}.fp-tableCell{min-height:700px}.page-wrap{height:100%;width:100%;position:relative}.page-wrap .page{overflow:hidden;position:relative;min-height:700px}.page-wrap .content{position:absolute;left:50%;top:50%;margin-left:-599.5px;margin-top:-300px;width:1199px;height:520px}.page-wrap .page1{background:url(../../../images/html/classroom/page1_bg.jpg?v=S8Cr%2FN%2Fos2AGNDZ0z%2BZshg%3D%3D) no-repeat;background-size:100% 100%}.page-wrap .page1 img{position:absolute}.page-wrap .page1 .star{left:0;top:0}.page-wrap .page1 .red_eyes{left:56px;top:388px}.page-wrap .page1 .yellow_eyes{right:56px;top:302px}.page-wrap .page1 .astronaut{left:502px;top:64px}.page-wrap .page1 .bg1{right:0;top:0}.page-wrap .page1 .page1_tit{bottom:158px;left:50%;margin-left:-260px}.page-wrap .page1 .page1_text{bottom:100px;left:50%;margin-left:-314px}.page-wrap .page1 .page1_button{width:148px;height:60px;background:url(../../../images/html/classroom/page1_icon8.png?v=XI%2BjJSUrbPgtagxC1m9YnQ%3D%3D) 0 0 no-repeat;position:absolute;left:50%;bottom:-5px;margin-left:-74px}.page-wrap .page1 .page1_button:hover{bottom:0}.page-wrap .page2{background:url(../../../images/html/classroom/page1_bg.jpg?v=S8Cr%2FN%2Fos2AGNDZ0z%2BZshg%3D%3D) no-repeat;background-size:100% 100%}.page-wrap .page2 .content{height:700px;margin-top:-356px}.page-wrap .page2 .content p{line-height:30px;font-size:18px;color:#dfc3c2;text-align:left;width:268px;padding-left:38px;padding-top:20px;display:none}.page-wrap .page2 .content .list1{position:absolute;top:382px;left:-57px;text-align:center}.page-wrap .page2 .content .list2{position:absolute;top:278px;left:153px;text-align:center}.page-wrap .page2 .content .list3{position:absolute;top:370px;right:193px;text-align:center}.page-wrap .page2 .content .list4{position:absolute;top:278px;right:-20px;text-align:center}.page-wrap .page2 .content div{width:339px;height:301px}.page-wrap .page2 .content div .page2_bg{position:absolute;left:0;bottom:0;display:none}.page-wrap .page2 .content div:hover{margin-top:-10px}.page-wrap .page2 .content div:hover .page2_bg{display:block}.page-wrap .page2 .content div:hover p{display:block}.page-wrap .page2 .content .page2_con1{position:relative;z-index:2}.page-wrap .page2 .page2_tit{position:absolute;left:50%;top:8px;margin-left:-239px}.page-wrap .page2 .page2_text{position:absolute;left:50%;top:74px;margin-left:-215px}.page-wrap .page2 .page2_astronaut{position:absolute;top:127px;left:50%;margin-left:-201px}.page-wrap .page3{background:url(../../../images/html/classroom/page3_bg.jpg?v=kxa%2BkVBK3wcX8wlFePYbfA%3D%3D) 0 0 no-repeat;background-size:cover}.page-wrap .page3 .page3_tit{position:absolute;left:50%;top:0;margin-left:-516.5px}.page-wrap .page3 .page3_cont{padding-top:156px;height:368px}.page-wrap .page3 .page3_list1{float:left;width:242px;margin-right:20px;text-align:center;padding:40px 20px 20px;position:relative;z-index:2;height:308px}.page-wrap .page3 .page3_list1 .page3_bg1,.page-wrap .page3 .page3_list1 .page3_bg2{position:absolute;left:0;top:0;z-index:-1;opacity:.1}.page-wrap .page3 .page3_list1 .page3_bg2{display:none;top:-38px}.page-wrap .page3 .page3_list1 p{height:28px;line-height:28px;overflow:hidden;font-size:18px;color:#ae9acc;margin-top:22px;text-overflow:ellipsis;white-space:nowrap}.page-wrap .page3 .page3_list1.margin_none{margin-right:0}.page-wrap .page3 .page3_list1.page3_now{height:auto}.page-wrap .page3 .page3_list1.page3_now p{height:auto;white-space:normal;text-align:left}.page-wrap .page3 .page3_list1:hover{margin-top:-10px}.page-wrap .page4{text-align:center;min-height:778px;background:url(../../../images/html/classroom/page4_bg.jpg?v=k2MRP9t2%2BxkNvFDKEWsS2Q%3D%3D) 0 0 no-repeat;background-size:cover}.page-wrap .page4 .content{margin-top:-352px;height:664px;padding-top:114px;position:relative}.page-wrap .page4 .page4_tit{margin-bottom:20px}.page-wrap .page4 .page4_text{margin-bottom:10px}.page-wrap .page4 .video_cont{width:740px;height:540px;margin:0 auto;margin-bottom:10px}.page-wrap .page4 .page4_top{text-align:center;position:absolute;left:50%;top:0;margin-left:-285px}.page-wrap .page5{background:url(../../../images/html/classroom/page5_bg.jpg?v=Y996%2FGbVI6IzWLqDkWXSfg%3D%3D) 0 0 no-repeat;background-size:cover}.page-wrap .page5 .content{text-align:center;margin-top:-240px;padding-top:120px}.page-wrap .page5 .page5_tit{position:absolute;top:0;left:50%;margin-left:-220px}.page-wrap .page5 .page5_text{position:absolute;top:78px;left:50%;margin-left:-125px}.page-wrap .page5 .page1_button{width:148px;height:60px;margin-top:5px;background:url(../../../images/html/classroom/page1_icon8.png?v=XI%2BjJSUrbPgtagxC1m9YnQ%3D%3D) 0 0 no-repeat;display:inline-block}.page-wrap .page5 .page1_button:hover{margin-top:0}.g-screenshot-ac{width:100%;height:100%}.g-screenshot-ac .g-screenshot{width:100%;height:100%}.g-screenshot-ac .cls-top{height:100%;width:100%;position:relative;background:url(../../../images/html/classroom/IGS.jpg?v=OU8VIYEmJzLzSWN%2FG%2B%2FV2Q%3D%3D) 0 0 no-repeat}.g-screenshot-ac .cls-top .m-s-m{background-color:#000;opacity:.5;position:absolute;left:0;top:0;width:100%;height:100%}.g-screenshot-ac .cls-top .video_play{width:101px;height:101px;position:absolute;left:50%;top:50%;margin-left:-50.5px;margin-top:-50.5px;background:url(../../../images/html/classroom/ac_screen_c.png?v=V3HIq0iWmGbgrRNsBXLZ9g%3D%3D) 0 0 no-repeat;cursor:pointer}.g-screenshot-ac .cls-top .video_play:hover{background-position:0 -125px}.page-wrap .page .u-animation1{z-index:999;display:block;-webkit-animation:dragLeft .9s ease-in-out both;animation:dragLeft .9s ease-in-out both}.page-wrap .page .u-animation2,.page-wrap .page .u-animation3{z-index:999;display:block;-webkit-animation:bigger .5s ease-in-out both;animation:bigger .5s ease-in-out both}.page-wrap .page .u-animation2{-webkit-animation-delay:.8s;animation-delay:.8s}.page-wrap .page .u-animation3{-webkit-animation-delay:1.4s;animation-delay:1.4s}.page-wrap .page .u-animation4,.page-wrap .page .u-animation5,.page-wrap .page .u-animation7{z-index:999;display:block;-webkit-animation:dragTop .7s ease-in-out both;animation:dragTop .7s ease-in-out both}.page-wrap .page .u-animation4{-webkit-animation-delay:1.9s;animation-delay:1.9s}.page-wrap .page .u-animation6,.page-wrap .page .u-animation8{z-index:999;display:block;-webkit-animation:dragBottom .7s ease-in-out both;animation:dragBottom .7s ease-in-out both;-webkit-animation-delay:.8s;animation-delay:.8s}@keyframes dragLeft{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}97%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes dragLeft{0%{opacity:0;-webkit-transform:translateX(-300px)}60%{opacity:1;-webkit-transform:translateX(20px)}90%{-webkit-transform:translateX(-5px)}97%{-webkit-transform:translateX(-1px)}100%{-webkit-transform:translateX(0)}}@keyframes dragTop{0%{opacity:0}30%{opacity:.3}50%{opacity:.5}70%{opacity:.7}85%{opacity:.85}100%{opacity:1}}@-webkit-keyframes dragTop{0%{opacity:0}30%{opacity:.3}50%{opacity:.5}70%{opacity:.7}85%{opacity:.85}100%{opacity:1}}@keyframes dragBottom{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}60%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}90%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}97%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dragBottom{0%{opacity:0;-webkit-transform:translateY(200px)}60%{opacity:1;-webkit-transform:translateY(20px)}90%{-webkit-transform:translateY(-5px)}97%{-webkit-transform:translateY(-1px)}100%{-webkit-transform:translateY(0)}}@keyframes bigger{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bigger{0%{opacity:0;-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}