article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
.box_black,.last_download li div,.last_download li span,.logo h1,.logo span,.main_animate dl dd,.tobe_part3 ul li div.icon,.tobe_part3 ul li span,.upload_list ul li span{background:url(../images/MainImg.png) no-repeat;background-size:723px 621px}
.auto1000{position:relative;width:1000px;margin:0 auto;height:auto}
.index_part1 .right_auto .img_yxj,.top_content .logo span,.mar .imgA{ background-image:url(../images/imgs_01.png); background-size:436px 400px;}
.top_content{width:100%;height:auto;display:inline-block;padding:20px 0 0 0}
.top_content .logo{width:200px}
.top_content .logo span{display:block;width:150px;height:120px;float:left;   background-position: 0px 0px;}
/*.top_content .logo h1{width:97px;height:46px;background-position:-180px -493px;margin:10px 0 0 10px;float:left}*/
.top_content .menu{position:absolute;right:-54px;top:18px;top: 40px;}
.top_content .menu li{float:left;border-right:2px solid #323232;padding:0 40px;height:26px}
.top_content .menu li.last{border-right:none}
.top_content .menu li a{color:#323232;font-size:24px;margin-top:-3px;display:block}
.middle_content{position:relative;width:100%;height:auto}
.part1{width:100%;height:620px;background:url(../images/indexbg.jpg) no-repeat;background-size:1920px 620px}
.lianxifs{padding:40px 0 140px;color:#323232}
.lianxifs h3{padding:60px 0 20px;font-size:38px;line-height:60px}
.lianxifs p{position:relative;font-size:24px;line-height:40px}
.lianxifs p.blod{font-weight:700;padding-top:20px}
.lianxifs p:nth-child(2) a{position:absolute;top:5px}
.footer_content{width:100%;padding:50px 0 67px;background-color:#000;color:#FFF;font-size:16px}
.footer_content .auto1000{width:1100px}
.footer_content h3{color:#FFF;float:left}
.footer_content p{color:#747474;float:right}
.phone{position:relative;width:100%;height:620px;background-color:#000}
.phone .pbg{width:888px;height:620px;background:url(../images/phonebg.jpg) no-repeat;background-size:888px 620px;margin:0 auto;display:none}
.phone .showtime{font-size:40px;line-height:620px;color:#FFF;width:500px;margin:0 auto}
.main_animate_fzc{width:762px;height:620px;overflow:hidden;margin:0 auto}
.main_animate_fzc iframe{border:none;background-color:none}
.main_animate{position:relative;width:100%;height:100%}
.group{position:absolute;width:100%;top:0;left:0}
.box_black{position:relative;width:675px;height:215px;background-position:-17px -137px;margin:15px auto;color:#FFF;font-size:26px;line-height:40px;display:none}
.box_black div{position:absolute;top:25px;left:45px;display:block;width:590px}
.main_animate dl{width:675px;height:110px;margin:30px auto 20px;display:none}
.main_animate dl dd{position:relative;width:289px;height:110px;float:left;font-size:26px;line-height:36px;background-position:-113px -12px;cursor:pointer}
.main_animate dl dd.first{margin:0 34px 0 10px}
.main_animate dl dd.second{margin:0 4px 0 40px}
.main_animate dl dd.Cur{background-position:-419px -12px}
.main_animate dl dd div{position:absolute;display:block;top:20px;left:40px;width:220px}
.box_black div.point1{top:48px;left:45px}
.box_black div.point2{top:66px;left:45px}
.main_animate dl dd div.point1{top:35px;left:45px;width:210px}
.main_animate dl dd div.point2{top:35px;left:40px;width:210px}
.lws_gdjcdzn{width:100%;text-align:center;font-size:35px;line-height:48px;color:#FFF;margin-top:30px;display:none;-webkit-animation:textChange 1s linear infinite}
@-webkit-keyframes textChange{0%{opacity:.8}
100%{opacity:1}
}
.margin_toplarger{margin-top:30px}
.btn_replay{position:absolute;left:57%;top:530px;cursor:pointer;text-align:center;line-height:40px;width:200px;margin-left:-100px;height:80px;display:none}
.btn_replay dl dt{width:75px;height:75px;background-color:#31CFE6;border-radius:75px;float:left}
.btn_replay dl dt span{width:44px;height:46px;display:block;background:url(../images/renew_03.png);margin:16px}
.btn_replay dl dd{color:#FFF;font-size:20px;float:left;padding:15px 0 0 11px}
.upload_list{background-color:#373737;height:100px;padding:10px 0;position:relative}
.auto100{width:1200px;position:relative;margin:0 auto;height:auto}
.upload_list .note{color:#777;line-height:100px;margin-left:40px}
.upload_list ul{position:absolute;width:1000px;left:194px;top:10px}
.upload_list ul li{float:left;padding:0 60px 0 0}
.upload_list ul li .yuan{width:80px;height:80px;border-radius:40px;background-color:#565656;float:left}
.upload_list ul li span{display:block;width:57px;height:57px;margin:11.5px}
.upload_list .down{background:url(../images/wanshu_nav_03.jpg);width:80px;height:80px;float:left}
.upload_list .menDown{background:url(../images/wanshu_nav_05.jpg);width:80px;height:80px;float:left}
.upload_list .android a{color:#FFF;display:block;padding-left:20px}
.upload_list .android h1{font-size:24px;line-height:50px}
.upload_list .android p{font-size:18px;line-height:20px}
.upload_list .ios a{color:#FFF;display:block;padding-left:20px}
.upload_list .ios h1{font-size:24px;line-height:50px}
.upload_list .ios p{font-size:18px;line-height:20px}
.upload_list .android a:hover{color:#24C8E0}
.upload_list .ios a:hover{color:#24C8E0}
.upload_list ul li.ios span{background-position:-62px -372px}
.upload_list ul li.wp span{background-position:-116px -370px}
.upload_list ul li a{float:left;color:#848484;display:block;line-height:80px;padding:0 0 0 10px;cursor:pointer}
.upload_list ul li:hover div{background-color:#FFF;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}
.upload_list ul li:hover a{color:#FFF;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}
.index_part1{width:100%;height:550px;margin:80px 0 150px}
.index_part1 .left_auto{background:url(../images/aaaa_06.png) no-repeat;width:621px;height:670px;float:left}
.index_part1 .right_auto{width:560px;height:600px;float:left}
.index_part1 .right_auto .img_yxj{
    margin: 10px auto;
    width: 175px;
    height: 178px;
    background-position: -136px 0px;
    background-size: 340px auto;

}
.auto11{width:1200px;margin:0 auto;height:400px}
.index_part1 p{font-size:20px;line-height:36px;text-align:center;color:#474747}
.index_part1 p.last{font-size:34px;color:#474747;padding-top:36px}
.font36{font-size:34px;line-height:96px;text-align:center;color:#474747}
.blod{font-weight:700}
.booklist{width:100%;background:url(../images/jianbianbg.jpg) repeat-x;height:780px}
.booklist .main{width:1320px;height:390px; margin:0px auto; position: relative; }
.booklist h1{font-size:34px;text-align:center;padding:30px 0 6px 0;color:#000; position: absolute; width: 1320px; top:5px;}
.booklist h3{font-size:20px;text-align:center;color:#474747; position: absolute; width: 1320px; top:85px;}
.booklist ul{width:1320px;height:390px; position: absolute; top: 165px; left: 0px; -webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
.booklist ul li{position:relative;width:203px;height:520px;float:left;margin:0 10px}
.booklist ul li img{position:relative;top:50%;left:0;height:auto;cursor:pointer;z-index:1;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:scale(1);transform:scale(1)}
.booklist ul li p{top:0;left:0;width:100%;position:absolute;text-align:center;height:30px;line-height:30px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out}
.booklist ul li span{position:absolute;display:block;text-align:center;margin-top:30px;width:70%;left:15%;height:15px;border-radius:50%;background-image:-webkit-radial-gradient(rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 200%);background-image:radial-gradient(rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 200%);box-shadow:0 0 10px #bbb;bottom:-30px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:scale(1);transform:scale(1)}
.booklist ul li.blist1{width:200px}
.booklist ul li.blist1 img{margin:-172px 0 0 0}
.booklist ul li.blist1 p{top:60px}
.booklist ul li.blist1 span{bottom:50px}
.booklist ul li.blist2{width:260px}
.booklist ul li.blist2 img{margin:-232px 0 0 0}
.booklist ul li.blist2 p{top:-10px}
.booklist ul li.blist2 span{bottom:0}
.booklist ul li.blist3{width:300px}
.booklist ul li.blist3 img{margin:-259px 0 0 0}
.booklist ul li.blist3 p{top:-35px}
.booklist ul li.blist3 span{bottom:-46px}
.booklist ul li.on img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.booklist ul li.on p{-webkit-transform:rotateY(360deg) translateY(-20px);transform:rotateY(360deg) translateY(-20px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.booklist ul li.on span{-webkit-transform:scale(1.2) translateY(20px);transform:scale(1.2) translateY(20px);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.index_part2{width:1320px;height:650px;margin:0 auto;position:relative}
.index_part2 .back_top{ width: 1320px; position: absolute; top: 0px; left: 0px; z-index: 5; height: 109px; background:url(../images/baise-mengban_shang.png) no-repeat center;}
.index_part2 .back_bottom{ width: 1320px; position: absolute; bottom: 0px; left: 0px; z-index: 5; height: 109px; background:url(../images/baise-mengban_xia.png) no-repeat center;}
.phoneBox .choice,.phoneBox .text1,.phoneBox .text2{display:none}
.phoneBox{float:left;width:640px;height:570px;padding:40px 0;background:url(../images/phone.jpg) no-repeat center top;background-size:100%}
.text{width:520px;height:190px;padding:15px 20px;margin:0 auto 30px;font-size:28px;background:url(../images/p2_textBox.png) no-repeat center center;background-size:100% 100%}
.choice{text-align:center;overflow:hidden}
.choice a{display:inline-block;width:300px;height:153px;font-size:28px;text-align:left;color:#472b20;background:url(../images/p2_btn_1.png) no-repeat center center;background-size:100%}
.choice a p{padding:36px 50px}
.choice a.on{background:url(../images/p2_btn_2.png) no-repeat center center}
.text2{height:120px}
.index_part2 .p2_right{width:680px;height:650px;position:absolute;top:0;right:0}
.p2_right .back,.p2_right .p1,.p2_right .text3,.p2_right h3{position:absolute;display:none}
.index_part2 .p2_right h3{left:100px;top:115px;font-size:38px;height:100px;line-height:100px}
.index_part2 .p2_right .p1{left:100px;top:206px;font-size:20px;line-height:40px}
.index_part2 .p2_right .back{width:1px;height:155px;left:-30px;top:283px;background:url(../images/back.png) no-repeat left top}
.index_part2 .p2_right .text3{width:534px;height:187px;padding:25px 15px;left:100px;top:428px;background:url(../images/p2_btn.png) no-repeat center}
.index_part2 .p2_right .text3 p{font-size:28px;line-height:51px;padding:10px 0}
.index_part3{position:relative;width:100%;height:780px;background-image:url(../images/wanshub_02.jpg);background-size:1920px 730px;background-repeat:no-repeat;background-position:center top}
/*.mar a{position:absolute;left:240px;top:116px;display:block;width:230px;height:88px;background-color:#24C8E0;color:#FFF;text-align:center;line-height:88px;font-size:34px;border-radius:20px}*/
.mar{width:555px;height:330px;margin:0 auto;position:relative}
.mar .imgA{
    width: 435px;
    margin: 65px 0 0 70px;
    height: 158px;
    display: block;
    float: left;
    background-position: 0px -240px;

}
.ppa{padding-top:230px}
.mar p{line-height:40px;text-align:center}
.mar .pp1{font-size:20px}
.mar .pp2{font-size:34px;padding-top:24px}
.last_download{width:100%;display:inline-block;padding:60px 0}
.last_download h1{font-size:34px;text-align:center}
.last_download ul{width:561px;height:159px;margin:0 auto;padding:70px 0 90px}
.last_download li{position:relative;width:159px;height:159px;margin:0 60px;float:left}
.last_download li a{display:block;cursor:pointer}
.last_download li span{display:block;width:160px;height:160px}
.last_download li:first-child span{background:url(../images/index_03.jpg) no-repeat 100%}
.last_download li:nth-child(2) span{background:url(../images/index_05.jpg) no-repeat 100%}
.last_download li div{position:absolute;left:29px;top:22px;width:100px;height:113px}
.last_download li p{text-align:center;font-weight:700;font-size:17px;padding:10px 0}
.last_download li:hover{color:#24c8e0}
.last_download li h2{font-size:24px;text-align:center}
.last_download li em{font-size:18px;text-align:center;line-height:40px;display:block}
.tobe_part1{width:100%;height:730px;background-image:url(../images/zuozhezhaomobg.jpg);background-size:1920px 730px;background-repeat:no-repeat;background-position:center}
.tobe_part1 a{position:absolute;width:500px;height:96px;left:470px;top:448px;cursor:pointer}
.tobe_part2{width:100%;height:704px;display:inline-block}
.tobe_part2 .font_content{width:600px;height:704px;color:#323232}
.tobe_part2 .font_content h1{font-size:38px;padding:70px 0 20px}
.tobe_part2 .font_content p{font-size:20px;padding:16px 0}
.tobe_part2 .wspeitu{position:absolute;top:0;right:-100px;width:444px;height:704px;background:url(../images/imgbig2.jpg) no-repeat;background-size:444px 708px;background-position:0 -1px}
.tobe_part3{width:100%;background-color:#E2E7ED;display:inline-block;padding:80px 0 100px}
.tobe_part3 h1{font-size:38px;padding:20px 0 10px}
.tobe_part3 h3{font-size:28px;padding:10px 0;color:#323232}
.tobe_part3 p{font-size:24px;color:#323232}
.tobe_part3 ul{width:1000px;height:auto;padding:60px 0 30px;display:inline-block}
.tobe_part3 ul li{position:relative;float:left;width:100px;margin-right:80px}
.tobe_part3 ul li.last{margin-right:0}
.tobe_part3 ul li div.icon{width:100px;height:100px;margin:20px 0;cursor:pointer;border-radius:10px}
.tobe_part3 ul li div.azbjq{background-position:-281px -491px}
.tobe_part3 ul li div.zczh{background-position:-387px -491px}
.tobe_part3 ul li div.cjzp{background-position:-493px -491px}
.tobe_part3 ul li div.fkxz{background-position:-597px -492px}
.tobe_part3 ul li div.tjsh{background-position:-598px -377px}
.tobe_part3 ul li div.zpsj{background-position:-493px -377px}
.tobe_part3 ul li:hover div.icon{box-shadow:0 0 10px 2px #FFF}
.tobe_part3 ul li span{position:absolute;display:block;width:79px;height:25px;background-position:-15px -98px;left:101px;top:57px}
.tobe_part3 ul li div.font{width:120px;margin-left:-5px;color:#323232}
.tobe_part3 ul li div.font div.title{font-size:24px;font-weight:700;text-align:center;padding:0 0 30px}
.tobe_part3 ul li div.font div.title p:nth-child(1){padding-top:10px}
.tobe_part3 ul li div.font div.desc{font-size:18px;line-height:30px}
.tobe_part4{width:100%;display:inline-block;padding:100px 0}
.tobe_part4 .cffsck{width:428px;height:574px;background:url(../images/imgbig3.jpg) no-repeat;background-size:428px 574px;float:left;margin-left:-20px}
.tobe_part4 .font_content{width:500px;position:absolute;left:530px;padding:50px 0;color:#323232}
.tobe_part4 .font_content h1{font-size:38px;margin-bottom:10px}
.tobe_part4 .font_content h3{font-size:28px;margin-bottom:10px}
.tobe_part4 .font_content p{margin-top:40px;font-size:20px}
.tobe_part4 .font_content p span{display:block;font-size:24px;color:#000;margin:0 0 10px 0}
.tobe_part5{width:100%;height:891px;display:inline-block;background:url(../images/jianbianbg1.jpg) repeat-x;background-size:19px 1051px;padding:80px 0}
.tobe_part5 h1{font-size:38px;padding:0 0 10px}
.tobe_part5 .duanluo{margin-top:25px}
.tobe_part5 .duanluo .title{font-size:24px;padding:10px 0}
.tobe_part5 .duanluo p{font-size:20px;line-height:40px}
.tobe_part6{width:100%;padding:100px 0 140px; background:#E2E7ED;}
.tobe_part6 .auto1000{width:1100px}
.tobe_part6 h1{font-size:38px}
.tobe_part6 .btn_woydzz{position:absolute;top:0;right:110px;width:220px;height:70px;border-radius:16px;font-size:32px;color:#FFF;text-align:center;line-height:70px;background-color:#24C8E0;cursor:pointer}
.tobe_part6 ul{margin-top:40px;border-top:1px solid #CECECE}
.tobe_part6 ul li{height:80px;border-bottom:1px solid #CECECE;line-height:80px}
.tobe_part6 ul li dt{font-size:24px;float:left;width:150px;padding-left:10px}
.tobe_part6 ul li dd{float:left;width:470px;font-size:16px;color:#323232}
.tobe_part6 ul li.first{padding-left:160px}
.tobe_part6 ul li.first dt{width:470px;padding-left:0}
#bg{display:none;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);position:fixed}
#show{display:none;position:fixed;top:32%;left:30.8%;width:700px;height:420px;padding:8px;background-color:#fff;z-index:1999;overflow:auto;border-radius:5px}
#show p{padding:98px 0 40px 54px;font-size:24px}
#show dl{margin-left:100px}
#show dl dt{width:162px;height:162px;float:left;border:1px solid #CCC}
#show dl dt span{width:140px;height:140px;margin:10px auto;display:block}
#show dl dt span img{width:140px;height:140px}
#show dl dd{float:left;width:300px;height:150px;padding-left:40px}
#show dl dd a{display:block;width:300px;height:61px;border:2px solid #24c8e0;border-radius:5px}
#show dl dd a:first-child i{background:url(../images/icondown_07.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#show dl dd a:first-child em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px}
#show dl dd a:nth-child(2){margin-top:30px}
#show dl dd a:nth-child(2) i{background:url(../images/icon_03.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#show dl dd a:hover{background:rgba(36,200,224,.2)!important}
#show dl dd a:nth-child(2) em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px}
#showIos{display:none;position:fixed;top:32%;left:30.8%;width:700px;height:420px;padding:8px;background-color:#fff;z-index:1999;overflow:auto;border-radius:5px}
#showIos p{padding:98px 0 40px 54px;font-size:24px}
#showIos dl{margin-left:100px}
#showIos dl dt{width:162px;height:162px;float:left;border:1px solid #CCC}
#showIos dl dt span{width:140px;height:140px;margin:10px auto;display:block}
#showIos dl dt span img{width:140px;height:140px}
#showIos dl dd{float:left;width:300px;height:150px;padding-left:40px}
#showIos dl dd a{display:block;width:300px;height:61px;border:2px solid #24c8e0;border-radius:5px;background-color:#fff}
#showIos dl dd a:hover{background:rgba(36,200,224,.2)!important}
#showIos dl dd a:first-child i{background:url(../images/icondown_07.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#showIos dl dd a:first-child em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px}
#showIos dl dd a:nth-child(2){margin-top:30px}
#showIos dl dd a:nth-child(2) i{background:url(../images/icon_03.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#showIos dl dd a:nth-child(2) em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px}
.close{background:#CCC;color:#FFF;width:22px;height:22px;position:absolute;top:12px;right:15px;background:url(../images/close_03.png)}
.jijiang{position:fixed;background:#ccc;color:#000;font-size:22px;z-index:9999;text-align:center;width:200px;height:100px;top:56%;left:45%;border-radius:5px;line-height:100px;display:none}
/* animate */
#index_part1 .left_auto,#index_part1 .right_auto{ display: none;}
.animation1{
-webkit-animation:flip 1s .2s ease both;
-moz-animation:flip 1s .2s ease both;}
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
0%{-moz-transform:perspective(400px) rotateY(0);
-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in}
}
.animation2{
-webkit-animation:flipInY 1s .2s ease both;
-moz-animation:flipInY 1s .2s ease both;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.animation3{
-webkit-animation:flipInX 1s .2s ease both;
-moz-animation:flipInX 1s .2s ease both;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.animation4{
-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1}
}

.animation5{
-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;}
@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}
.animation6{
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both;}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
.animation7{
-webkit-animation:bounceInRight 1s .2s ease both;
-moz-animation:bounceInRight 1s .2s ease both;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}