@charset "UTF-8";.clearfix{*zoom:1}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}body{width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#f6f8f7}#wrapper{width:700px;margin:0 auto}.main{width:700px;height:360px}.title{width:600px;height:20px;margin:10px auto 30px auto;font-size:18px;color:#7a7a7a;text-align:center;background:url("../image/line.jpg") repeat-x left center}.title span{width:170px;display:block;margin:0 auto;background-color:#f6f8f7}.slogan{text-align:center;font-size:22px}.lightning{z-index:5;position:absolute}.database{width:116px;height:138px;position:absolute;z-index:4;background:url("../image/database.png") no-repeat left center}#index-bg{width:100%;background-color:#e0f2f1}#wrapper-index{width:1170px;height:900px;margin:0 auto;background:url("../image/mini_icon.png") no-repeat left top}.cloud{padding-top:120px;width:1170px;height:800px;position:relative;background:url("../image/lightcloud.png") no-repeat center bottom}.ufo{width:781PX;height:340px;position:absolute;top:140px;left:193px;background:url("../image/UFO.png") no-repeat center center;animation:shake 3s .1s infinite}.planet{width:88px;height:74px;position:absolute;left:20%;background:url("../image/planet.png") no-repeat left top}.astronaut{width:417px;height:322px;position:absolute;right:0;top:450px;z-index:1;background:url("../image/astronaut.png") no-repeat right top;animation:slideInRight 2s .1s 1}.ufos{width:105px;height:124px;position:absolute;top:300px;background:url("../image/ufos.png") no-repeat left center}.ufoxs{width:105px;height:124px;position:absolute;top:300px;right:0;background:url("../image/ufoxs.png") no-repeat center center}#index-bg .slogan{width:606px;height:109px;position:absolute;top:626px;left:300px;background:url("../image/slogan.png") no-repeat center center}.main404{margin-top:80px;position:relative;background:url("../image/404.jpg") no-repeat center bottom}.main404 .database{left:292px;top:146px;animation:rubber 2s .8s infinite}@keyframes rubber{from,20%,50%,76%,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}43%{-webkit-transform:scale3d(1,.92,1);transform:scale3d(1,.92,1)}70%{-webkit-transform:scale3d(.95,.99,1);transform:scale3d(.95,.99,1)}80%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.main404 .hammer{width:183px;height:144px;position:absolute;left:220px;top:16px;z-index:6;background:url("../image/hammer.png") no-repeat left top;animation:bounce 2s .1s infinite}.main404 .hammer_shadow{width:69px;height:33px;position:absolute;left:314px;z-index:5;top:149.5px;opacity:1;filter:alpha(opacity=100);background:url("../image/hammer_shadow.png") no-repeat left top;animation:hammer_shadow 2s .1s infinite}@keyframes hammer_shadow{from,to{opacity:1;filter:alpha(opacity=100);top:149.5px}55%{opacity:.5;filter:alpha(opacity=50);top:149.5px}58%{opacity:.5;filter:alpha(opacity=50);top:150px}60%{opacity:.5;filter:alpha(opacity=50);top:151px;width:62px;height:30px}63%{opacity:.8;filter:alpha(opacity=80);top:150px}70%{opacity:.6;filter:alpha(opacity=60);top:149.5px}90%{opacity:.8;filter:alpha(opacity=80);top:149.5px}}.main404 .lightning_left,.main404 .lightning_right{animation:jello 2s 1s infinite linear}.main404 .lightning_left{width:73px;height:62px;left:210px;top:100px;background:url("../image/lightning01.png") no-repeat left top}.main404 .lightning_right{width:65px;height:84px;right:210px;top:80px;background:url("../image/lightning02.png") no-repeat left top}.main500{position:relative;background:url("../image/5.jpg") no-repeat 20px bottom}.main500 .colorbar{width:424px;height:49px;position:absolute;left:220px;top:278px;z-index:3;background:url("../image/colorbar.png") no-repeat left top}.main500 .database{top:155px;animation:headShake 3s 1.2s infinite linear}.main500 .database_left{left:288px}.main500 .database_right{right:110px}.main500 .lightning{width:37px;height:100px;opacity:0;top:80px;filter:alpha(opacity=0);background:url("../image/lightning.svg") no-repeat;animation:lightning 3s 1s infinite linear}.main500 .lightning_left{transform:rotate(-35deg);-ms-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-o-transform:rotate(-35deg);left:310px}.main500 .lightning_right{transform:rotate(20deg);-ms-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);right:130px}@keyframes lightning{0%{opacity:0}1%{opacity:1}5%{opacity:0}6%{opacity:1}16%{opacity:0}}.main500 .circle{width:266px;height:266px;position:absolute;top:94px;background:url("../image/0.png") no-repeat left top}.main500 .circle_inner{width:210px;height:210px;border-radius:99em;position:absolute;top:22px;left:30px;background-color:#ff898e;animation:circlebg 3s 1s infinite linear}.main500 .circle_left{left:209px;z-index:2}.main500 .circle_right{right:36px;z-index:1}@keyframes circlebg{0%{background-color:#ff898e}1%{background-color:#333}2%{background-color:#ff898e}5%{background-color:#ff898e}6%{background-color:#333}12%{background-color:#ff898e}}