/*background*/
.page1{background:url(../images/page1_bg.jpg) no-repeat; background-size:100% 100%;}
.page2,.page7{background:url(../images/page2_bg.jpg) no-repeat; background-size:100% 100%;}
.page3{background:url(../images/page3_bg.jpg) no-repeat; background-size:100% 100%;}
.page4{background:url(../images/page4_bg.jpg) no-repeat; background-size:100% 100%;}
.page5,.page9{background:url(../images/page5_bg.jpg) no-repeat; background-size:100% 100%;}
.page6{background:url(../images/page6_bg.jpg) no-repeat; background-size:100% 100%;}
.page8{background:url(../images/page8_bg.jpg) no-repeat; background-size:100% 100%;}
.page10{background:url(../images/page10_bg.jpg) no-repeat; background-size:100% 100%;}

/*logo*/
.section .logo{position:relative; width:5rem; height:1.33rem; background:#0a4f9d; margin-left:8rem; z-index:20;}
.section .logo .logo1{float:left; width:1.97rem; margin:0.36rem 0.15rem 0;}
.section .logo .logo2{float:left; width:2.53rem; margin-top:0.46rem;}
/*arrow*/
.arrowDown{position:absolute; bottom:0.4rem; left:48.8%; width:0.7rem; z-index:20; -webkit-animation:down 1s ease-in-out infinite; -moz-animation:down 1s ease-in-out infinite; -ms-animation:down 1s ease-in-out infinite; -o-animation:down 1s ease-in-out infinite; animation:down 1s ease-in-out infinite;}
.arrowDown img{float:left; width:0.7rem;}

/*page1*/
.page1 .opa{position:relative; width:16rem; margin-left:10.6rem; margin-top:0.8rem;}
.page1 .opa img{width:10.6rem; position:absolute; left:-0.12rem; top:-0.12rem;}
.page1 .opa li{float:left; width:3.2rem; line-height:2.6rem; font-size:0.4em; text-align:center; color:#d5e1ed; z-index:10; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
.page1 .opa li:nth-child(1){position:absolute; left:0; top:0; font-size:0.44rem;}
.page1 .opa li:nth-child(2){position:absolute; left:2.38rem; top:1.32rem;}
.page1 .opa li:nth-child(3){position:absolute; left:4.77rem; top:0;}
.page1 .opa li:nth-child(4){position:absolute; left:7.16rem; top:1.32rem; font-size:0.44rem;}
.page1 .opa li:nth-child(5){position:absolute; left:0; top:2.58rem;}
.page1 .opa li:nth-child(6){position:absolute; left:4.77rem; top:2.6rem;}
.page1 .opa li:nth-child(7){position:absolute; left:2.38rem; top:3.86rem;}
.page1 .opa li:nth-child(8){position:absolute; left:7.16rem; top:3.84rem; font-size:0.35rem;}
.page1 .opa li a{color:#fff; width:3.2rem; line-height:2.6rem; display:block;}

.page1 .info{position:absolute; top:9.6rem; left:3.8rem; width:24rem; text-align:center;}
.page1 .info .info1{font-size:0.5rem; color:#fff; margin-left:7rem;}
.page1 .info .icon1{width:23.5rem; margin:0 0 -0.3rem 1rem;}
.page1 .info .info2{width:11.5rem; height:1rem; line-height:1rem; font-size:0.533rem; color:#fff; letter-spacing:2px; background:#22ac38; border-radius:1rem; margin:0 auto;}

/*page1动画*/
.current .opa li{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}


/*page2*/
.page2 .imp{width:16rem; margin:-0.25rem auto 0;}
.page2 .imp .letter{position:relative; width:9.3rem; float:right; margin-bottom:0.3rem; margin-right:-4rem; opacity:0;}
.page2 .imp .letter img{position:absolute; left:0; top:0; width:10rem; margin:-0.1rem -0.35rem;}
.page2 .imp .letter p{font-size:0.26rem; color:#fff; line-height:0.4rem;}
.page2 .imp .icon21{font-size:0.67rem; font-weight:bold; color:#fff; margin-left:0.6rem; clear:both;}
.page2 .imp .icon21 span{font-size:0.92rem;}
.page2 .imp .icon22{float:right; font-size:0.583rem; color:#feef46; margin-right:1.16rem;}

.page2 .graph{position:relative; width:15.5rem; margin:0.4rem auto 0;}
.page2 .graph img{width:15.47rem;}
.page2 .graph .graph1{position:absolute; left:1.8rem; top:7.46rem;}
.page2 .graph .graph1 p{position:absolute; bottom:0; width:0.66rem; height:0;}
.page2 .graph .graph1 p:nth-child(1){background:#04619f; left:0;}
.page2 .graph .graph1 p:nth-child(2){background:#1285b2; left:1.5rem;}
.page2 .graph .graph1 p:nth-child(3){background:#1a96b1; left:3rem;}
.page2 .graph .graph1 p:nth-child(4){background:#22ac73; left:4.5rem;}
.page2 .graph .graph1 p:nth-child(5){background:#16be98; left:6rem;}
.page2 .graph .graph1 p:nth-child(6){background:#1a96b1; left:7.5rem;}
.page2 .graph .graph1 p:nth-child(7){background:#1285b2; left:9rem;}
.page2 .graph .graph1 p:nth-child(8){background:#04619f; left:10.5rem;}
.page2 .graph .graph1 p:nth-child(9){background:#043c89; left:12rem;}
.page2 .graph .graph1 p span{display:block; font-size:0.3rem; color:#fff; margin-top:-0.36rem; opacity:0;}

/*.page2 .graph .info{font-size:0.23rem; color:#fff; margin-left:1.4rem; margin-top:-0.2rem;}
.page2 .graph .info span{float:left; width:1.5rem; text-align:center;}*/
.page2 .graph .info{position:absolute; width:13rem; left:1.7rem; top:7.8rem;}

/*page2动画*/
.current .imp .letter{margin-right:0.3rem; opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

.current .graph .graph1 p:nth-child(1){height:4.1rem;}
.current .graph .graph1 p:nth-child(2){height:4.57rem;}
.current .graph .graph1 p:nth-child(3){height:4.87rem;}
.current .graph .graph1 p:nth-child(4){height:3.13rem;}
.current .graph .graph1 p:nth-child(5){height:2.72rem;}
.current .graph .graph1 p:nth-child(6){height:5.78rem;}
.current .graph .graph1 p:nth-child(7){height:3.67rem;}
.current .graph .graph1 p:nth-child(8){height:3.67rem;}
.current .graph .graph1 p:nth-child(9){height:2.43rem;}
.current .graph .graph1 p{ -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; -o-transition:height 1s; transition:height 1s;}

.current .graph .graph1 p span{opacity:1; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -ms-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s;}

/*page3*/
.page3 .imp1{width:13.4rem; margin:-0.25rem auto 0;}
.page3 .imp1 .letter{position:relative; width:7.7rem; float:right; margin-bottom:0.3rem; margin-right:-4rem; opacity:0;}
.page3 .imp1 .letter img{position:absolute; left:0; top:0; width:8.4rem; margin:-0.2rem -0.35rem;}
.page3 .imp1 .letter p{font-size:0.26rem; color:#0e6dd9; line-height:0.5rem;}

.page3 .imp1 .icon31{margin-left:3.5rem; font-size:0.67rem; font-weight:bold; color:#0e6dd9; clear:both;}
.page3 .imp1 .icon31 span{font-size:0.92rem;}
.page3 .imp1 .icon32{float:left; font-size:0.583rem; color:#595959; clear:both;}

.page3 .book{width:14rem; margin:0.8rem auto 0;}
.page3 .book li{float:left; width:4rem; margin-right:0.9rem;}
.page3 .book .book3{margin-right:0;}
.page3 .book li .book{width:2.13rem; margin:0 0 0.4rem 0.9rem;}
.page3 .book li p{font-size:0.27rem; color:#000; line-height:0.5rem;}
.page3 .book li p.book1{width:2.8rem; height:0.5rem; text-align:center; color:#fff; background:#1055a3; margin-bottom:0.1rem;}
.page3 .book li p.book2{width:3.3rem; height:0.5rem; text-align:center; color:#fff; background:#0ea2d9; margin-bottom:0.1rem;}
.page3 .book li p.book3{width:4rem; height:0.5rem; text-align:center; color:#fff; background:#7157aa; margin-bottom:0.1rem;}
.page3 .book li .book3{margin-right:0;}

/*page3动画*/
.current .imp1 .letter{margin-right:0.4rem; opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

/*page4*/
.page4 .yuan{width:15rem; margin:1.33rem auto 0; position:relative;}
.page4 .yuan .yuan1{width:7.2rem; float:right; margin-right:3.5rem; margin-top:1.6rem;}
.page4 .yuan .icon41{position:absolute; top:4.4rem; font-size:0.67rem; font-weight:bold; color:#fff;}
.page4 .yuan .icon41 span{font-size:0.92rem;}
.page4 .yuan .icon42{position:absolute; top:5.7rem; left:3.8rem; font-size:0.583rem; color:#e8dd36;}

.page4 .yuan ul{font-size:0.27rem; color:#fff; position:relative; line-height:0.4rem;}
.page4 .yuan ul .page4_1{position:absolute; left:5.95rem; top:1rem; opacity:0;}
.page4 .yuan ul .page4_1 img{width:1.72rem;}
.page4 .yuan ul .page4_1 .info4_1{position:absolute; top:-0.9rem; left:1.25rem; width:3.67rem;}
.page4 .yuan ul .page4_2{position:absolute; left:9.4rem; top:1.8rem; opacity:0;}
.page4 .yuan ul .page4_2 img{width:1.5rem;}
.page4 .yuan ul .page4_2 .info4_2{position:absolute; top:0.6rem; left:1.8rem; width:2.5rem;}
.page4 .yuan ul .page4_3{position:absolute; left:10.8rem; top:4rem; opacity:0;}
.page4 .yuan ul .page4_3 img{width:1.52rem;}
.page4 .yuan ul .page4_3 .info4_3{position:absolute; top:0.6rem; left:1.8rem; width:2.5rem;}
.page4 .yuan ul .page4_4{position:absolute; left:9.37rem; top:6.67rem; opacity:0;}
.page4 .yuan ul .page4_4 img{width:1.9rem;}
.page4 .yuan ul .page4_4 .info4_4{position:absolute; top:0.7rem; left:2.2rem; width:3.4rem;}
.page4 .yuan ul .page4_5{position:absolute; left:5.57rem; top:7.5rem; opacity:0;}
.page4 .yuan ul .page4_5 img{width:1.53rem;}

/*page4动画*/
.current .yuan ul .page4_1{opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
.current .yuan ul .page4_2{opacity:1; -webkit-transition:all 1s 0.5s; -moz-transition:all 1s 0.5s; -ms-transition:all 1s 0.5s; -o-transition:all 1s 0.5s; transition:all 1s 0.5s;}
.current .yuan ul .page4_3{opacity:1; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -ms-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s;}
.current .yuan ul .page4_4{opacity:1; -webkit-transition:all 1s 1.5s; -moz-transition:all 1s 1.5s; -ms-transition:all 1s 1.5s; -o-transition:all 1s 1.5s; transition:all 1s 1.5s;}
.current .yuan ul .page4_5{opacity:1; -webkit-transition:all 1s 2s; -moz-transition:all 1s 2s; -ms-transition:all 1s 2s; -o-transition:all 1s 2s; transition:all 1s 2s;}

/*page5*/
.page5 .teachers{width:15.5rem; margin:0.5rem auto 0;}
.page5 .teachers .teacher1{float:left; position:relative; width:4rem; margin-top:1rem;}
.page5 .teachers .teacher1 img{width:3.68rem; opacity:0.1; cursor:pointer;}

.page5 .teachers .teacher2{float:left; position:relative; width:4rem; margin-top:0.2rem;}
.page5 .teachers .teacher2 img{width:3.65rem; opacity:0.1; cursor:pointer;}

.page5 .teachers .teacher3{float:left; position:relative; width:4.5rem; margin-top:0.5rem;}
.page5 .teachers .teacher3 img{width:3.9rem; opacity:0.1; cursor:pointer;}

.page5 .teachers .teacher4{float:left; position:relative; width:2.8rem; margin-top:0.2rem;}
.page5 .teachers .teacher4 img{width:2.65rem; opacity:0.1; cursor:pointer;}

.page5 .teachers .teachInfo{position:absolute; left:0; top:0; padding:0 1rem; color:#fff; z-index:10;}
.page5 .teachers .teachInfo p:nth-child(1){font-size:0.5rem; font-weight:bold; color:#f8ee5c;}
.page5 .teachers .teachInfo p:nth-child(2){font-size:0.5rem; font-weight:bold; color:#f8ee5c;}
.page5 .teachers .teachInfo p:nth-child(3){font-size:0.3rem; border:1px solid #fff; width:5.5rem; margin:0.2rem 0; padding:0.2rem 0.5rem;}
.page5 .teachers .teachInfo p:nth-child(3) span{display:block; line-height:0.5rem;}
.page5 .teachers .teachInfo p:nth-child(4){font-size:0.67rem; font-weight:bold; clear:both;}
.page5 .teachers .teachInfo p:nth-child(4) span{font-size:0.92rem;}
.page5 .teachers .teachInfo p:nth-child(5){font-size:0.5rem; color:#f8ee5c;}
.page5 .teachers .teachInfo p:nth-child(6){font-size:0.367rem; width:8rem; height:0.67rem; line-height:0.67rem; background:#0d8dd6; text-align:center; border-radius:1rem; margin-top:0.2rem;}

.page5 .teachers .show1{left:3.5rem; top:2.9rem;}
.page5 .teachers .show2{left:2.8rem; top:3.5rem;}
.page5 .teachers .show2 p:nth-child(3){padding:0.2rem 0 0.2rem 0.3rem;}
.page5 .teachers .show3{text-align:right; left:-9rem; top:3.4rem;}
.page5 .teachers .show3 p:nth-child(3){padding:0.2rem; width:5.8rem; float:right;}
.page5 .teachers .show3 p:nth-child(6){float:right;}
.page5 .teachers .show4{text-align:right; left:-9.7rem; top:3.4rem;}
.page5 .teachers .show4 p:nth-child(3){float:right; width:4rem;}
.page5 .teachers .show4 p:nth-child(6){float:right;}
.page5 .teachers .show2,.page5 .teachers .show3,.page5 .teachers .show4{display:none;}

.page5 .teachers div .opa{opacity:1;}


/*page6*/
.page6 .glass1{position:absolute; left:0; top:0; width:100%; height:100%;}
.page6 .content{width:15.8rem; margin:1.2rem auto 0;}
.page6 .content .title{width:9.5rem; margin-left:-4rem; opacity:0;}
.page6 .content .title p:nth-child(1){font-size:0.67rem; font-weight:bold; color:#242424;}
.page6 .content .title p:nth-child(1) span{font-size:0.92rem;}
.page6 .content .title p:nth-child(2){font-size:0.583rem; color:#1f76b0; text-align:right; margin-right:0.3rem;}

.page6 .content table{float:left; width:9.2rem; font-size:0.3rem; color:#212121; margin-top:1.33rem;}
.page6 .content table tr{line-height:0.8rem;}
.page6 .content table tr td,.page6 .content table tr th{text-align:center; border:1px solid #fff;}
.page6 .content table tr th{font-size:0.36rem; font-weight:bold;}

.page6 .content .r_icon{width:6.3rem; float:left; margin-top:2.16rem;}
.page6 .content .r_icon img{width:6.3rem; float:left; margin-bottom:0.2rem;}

.page6 .content .b_icon{float:left; margin-top:1.1rem; position:relative;}
.page6 .content .b_icon .free{float:left; font-size:0.33rem; font-weight:bold; color:#212121; margin:0.16rem 0.5rem 0 0;}
.page6 .content .b_icon .ty{float:left; width:3.8rem; height:0.66rem; line-height:0.66rem; font-size:0.366rem; color:#fff; background:#8469bb; border-radius:1rem; text-align:center; cursor:pointer;}
.page6 .content .b_icon .form{position:absolute; top:-2rem; left:3.3rem; font-size:0.3rem; color:#fff; display:none;}
.page6 .content .b_icon .form img{width:9.75rem;}
.page6 .content .b_icon .form .f{position:absolute; top:0.43rem; left:0.43rem;}
.page6 .content .b_icon .form .f p{float:left; margin-right:0.4rem;}
.page6 .content .b_icon .form .f p input{width:2.4rem; height:0.5rem; border:1px solid #fff; background:#937bc4; color:#fff; text-indent:2px;}
.page6 .content .b_icon .form .f a{float:left; width:1.2rem; height:0.5rem; line-height:0.5rem; border:1px solid #fff; text-align:center; color:#fff; font-size:0.37rem; cursor:pointer;}

/*page6动画*/
.current .content .title{ margin-left:0; opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

/*page7*/
.page7 .content{width:16.32rem; margin:0.5rem auto 0;}
.page7 .content .title1{width:7rem; margin:0.3rem 0 0.6rem; text-align:center; opacity:0;}
.page7 .content .title1 p:nth-child(1){font-size:0.67rem; font-weight:bold; color:#fff;}
.page7 .content .title1 p:nth-child(1) span{font-size:0.92rem;}
.page7 .content .title1 p:nth-child(2){font-size:0.583rem; color:#feef46;}

.page7 .content ul li{float:left; width:3.8rem; color:#fff; text-align:center; margin-right:0.35rem;}
.page7 .content ul .last{margin-right:0;}
.page7 .content ul li img{width:1.45rem;}
.page7 .content ul li div{border:1px solid #fff; padding:10px; text-align:left;}
.page7 .content ul li div h4{color:#ffef44; font-size:0.367rem; line-height:30px;}
.page7 .content ul li div p:nth-child(2){color:#ffef44; font-size:0.3rem;}
.page7 .content ul li div p:nth-child(3){font-size:0.27rem; text-indent:2em; line-height:0.5rem; margin-top:0.16rem;}

.page7 .content .heart{display:block; font-size:0.367rem; color:#fff; text-align:center; background:#1873ba; width:6.67rem; height:0.67rem; line-height:0.67rem; border-radius:1rem; margin:0.5rem auto 0;}

/*page7动画*/
.current .content .title1{margin-left:4.8rem; opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

/*page8*/
.page8 .glass{position:absolute; left:0; top:0; width:100%; height:100%;}
.page8 .content{width:15.33rem; margin:1rem auto 0; position:relative;}
.page8 .content .title{width:8.5rem; margin-left:-4rem; opacity:0;}
.page8 .content .title p:nth-child(1){font-size:0.67rem; font-weight:bold; color:#fff;}
.page8 .content .title p:nth-child(1) span{font-size:0.92rem;}
.page8 .content .title p:nth-child(2){font-size:0.583rem; color:#feef46;}

.page8 .content .course{margin-top:1rem;}
.page8 .content .course fieldset{float:left; width:4rem; height:4.4rem; border:1px solid #fff; padding:0.25rem; margin-right:0.6rem;}
.page8 .content .course .spe{margin-right:0;}
.page8 .content .course fieldset legend{font-size:0.33rem; color:#fff; margin-left:0.66rem; padding:0.15rem;}
.page8 .content .course fieldset img{width:100%; margin-top:-0.3rem;}
.page8 .content .course fieldset p{font-size:0.29rem; color:#feef46; line-height:0.5rem; text-align:center;}

.page8 .content .know{font-size:0.26rem; text-align:center; position:relative;}
.page8 .content .know .knowN{width:7.2rem; height:0.7rem; line-height:0.7rem; background:#2bbb66; border-radius:1rem; font-size:0.37rem; color:#fff; margin:2.1rem auto 0; letter-spacing:2px; cursor:pointer;}
.page8 .content .know .allSchool{position:absolute; left:1.2rem; top:-3.3rem; width:12.5rem; display:none; z-index:30;}
.page8 .content .know .allSchool img{width:12.5rem;}
.page8 .content .know .allSchool .school{position:absolute; left:0.6rem; top:0.4rem; width:10rem;}
.page8 .content .know .allSchool .school a{float:left; color:#fff; margin-right:0.3rem; line-height:0.6rem;}
.page8 .content .know .allSchool .school .spe{margin-right:0;}
.page8 .content .know .allSchool .other{color:#f5ff5c; position:absolute; right:0.6rem; top:1.1rem;}

/*page8动画*/
.current .content .title{margin-left:0; opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

.current .content .know .allSchool{display:block; animation:opa 2s ease-in-out forwards; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}

/*page9*/
.page9 .content{position:relative; width:15rem; margin:0 auto; color:#fff;}
.page9 .content .map{width:14.95rem;}
.page9 .content .wb1{position:absolute; left:-0.2rem; top:1.46rem; width:9rem; height:3rem; background:rgba(16,159,215,0.7); padding:0.2rem 0.3rem 0 0.4rem; opacity:0;}
.page9 .content .wb1 p:nth-child(1){font-size:0.67rem; font-weight:bold; line-height:1.2rem;}
.page9 .content .wb1 p:nth-child(1) span{font-size:0.92rem;}
.page9 .content .wb1 p:nth-child(2){font-size:0.23rem; line-height:0.5rem;}
.page9 .content .wb2{position:absolute; left:1.6rem; top:7.1rem; width:6rem; background:rgba(121,95,209,0.7); padding:0.3rem 0.4rem; font-size:0.23rem; z-index:10; opacity:0;}
.page9 .content .wb2 p{line-height:0.5rem;}
.page9 .content .imgA{position:absolute; left:7.7rem; top:4.9rem; width:5.5rem;}
.page9 .content .imgB{position:absolute; left:11.4rem; top:7.3rem; width:3.5rem;}
.page9 .content .addr{position:absolute; left:8.8rem; top:10.7rem; width:4.6rem; background:rgba(14,103,195,0.85); padding:0.14rem 0.7rem; border-radius:1rem; font-size:0.3rem;}
.page9 .content .arrow{position:absolute; left:10.2rem; top:9.2rem; width:2.43rem; z-index:10;}

/*page9动画*/
.current .content .wb1{opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
.current .content .wb2{opacity:1; -webkit-transition:all 1s 0.5s; -moz-transition:all 1s 0.5s; -ms-transition:all 1s 0.5s; -o-transition:all 1s 0.5s; transition:all 1s 0.5s;}

/*page10*/
.page10 .content{width:15.2rem; margin:4rem auto; text-align:center;}
.page10 .content .pageP1{font-size:0.67rem; font-weight:bold; color:#0a4f9d; margin-bottom:0.4rem;}
.page10 .content .pageImg1{width:15.13rem; margin-bottom:0.4rem;}
.page10 .content .xhd{display:block; width:5.83rem; height:1rem; line-height:1rem; background:#22ac38; font-size:0.533rem; color:#fff; letter-spacing:2px; border-radius:1rem; margin:0 auto 0.2rem;}
.page10 .content .allweb{display:block; font-size:0.267rem; color:#0a4f9d; text-decoration:underline;}

@-webkit-keyframes opa{
	0%  {opacity:0}
	30%  {opacity:1}	
	70%  {opacity:1}	
	100%  {opacity:0}		
}
@-moz-keyframes opa{
	0%  {opacity:0}
	30%  {opacity:1}	
	70%  {opacity:1}	
	100%  {opacity:0}		
}
@-ms-keyframes opa{
	0%  {opacity:0}
	30%  {opacity:1}	
	70%  {opacity:1}	
	100%  {opacity:0}		
}
@-o-keyframes opa{
	0%  {opacity:0}
	30%  {opacity:1}	
	70%  {opacity:1}	
	100%  {opacity:0}		
}
@keyframes opa{
	0%  {opacity:0}
	30%  {opacity:1}	
	70%  {opacity:1}	
	100%  {opacity:0}		
}

@-webkit-keyframes down{
	0%  {bottom:0.4rem;}
	50% {bottom:0.6rem;}
	100%{bottom:0.4rem;}	
}
@-moz-keyframes down{
	0%  {bottom:0.4rem;}
	50% {bottom:0.6rem;}
	100%{bottom:0.4rem;}	
}
@-ms-keyframes down{
	0%  {bottom:0.4rem;}
	50% {bottom:0.6rem;}
	100%{bottom:0.4rem;}	
}
@-o-keyframes down{
	0%  {bottom:0.4rem;}
	50% {bottom:0.6rem;}
	100%{bottom:0.4rem;}	
}
@keyframes down{
	0%  {bottom:0.4rem;}
	50% {bottom:0.6rem;}
	100%{bottom:0.4rem;}	
}