html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{
font:1em/100% arial,"//5b8b//4f53";color:#333;outline:0;
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-focus-ring-color: rgba(255, 255, 255, 0);
outline: none;
}
body{background:#fff;color: #666;}
.imp{color:#4686de;}
.c000{color:#000;}
.c333{color:#333;}
ul,li{
    list-style:none;
}
a{
    color:#666;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-focus-ring-color: rgba(255, 255, 255, 0);
    outline:none;
    border:0;
    -webkit-user-select:none;
}

*:focus{
    border:0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    outline: none;
}
html,body{
    height:100%;
    overflow: hidden;
}
.wrap , .container , .section{
    height:100%;
    font-family:"Microsoft Yahei";
    font-size:14px;
    overflow: hidden;
}

.row{margin:0 auto;width:1200px;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after,
.row:after,
.fl:after,
.fr:after {
    clear:both;
    content:'\0020';
    display:block;
    height:0;    
}
.clearfix{zoom: 1;}
.pr{position: relative;}
.pa{position: absolute;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}


@font-face
{
    font-family:firstFont;
    src:url('../font/SourceHanSansCN-ExtraLight.eot') format("embedded-opentype")  ,  url('../font/SourceHanSansCN-ExtraLight.otf');
}
.trd{
    -webkit-transition-delay:.5s;
    -moz-transition-delay:.5s;
    -o-transition-delay:.5s;
    -ms-transition-delay:.5s;
    transition-delay:.5s;
}


.ts li a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section{
    position: relative;
}
.section-00{
    background:url(../images/bg_1.png) no-repeat center bottom #0681C4;
    z-index:0;
}
.section-01{
    z-index:1;
}
.section-02{
    background:url(../images/bg_2.png) #0a9fe9;
    z-index:2;
}
.section-03{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#efefef');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#efefef));
    background: -moz-linear-gradient(top, #f1f1f1, #efefef);
    background: -ms-linear-gradient(top, #f1f1f1, #efefef);
    background: -o-linear-gradient(top, #f1f1f1, #efefef);
    z-index:3;
}
.section-04{
    z-index:4;
}
.section-05{
    background:#f1f1f1;
    z-index:5;
}
.section-06{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a901', endColorstr='#61c400');
    background: -webkit-gradient(linear, left top, left bottom, from(#23a901), to(#61c400));
    background: -moz-linear-gradient(top, #23a901, #61c400);
    background: -ms-linear-gradient(top, #23a901, #61c400);
    background: -o-linear-gradient(top, #23a901, #61c400);
    z-index:6;
}
.s06-i{
    background:url(../images/bg_2.png);
    height:100%;
}
.section-07{
    background:#f6f6f6;
    z-index:7;
}
.list-btn{
    position: fixed;
    right:50px;
    z-index:99;
    top:50%;
    height:250px;
    margin-top:-125px;
}
.list-btn li{
    width:18px;
    height:18px;
    background:#fff;
    opacity:.6;
    filter:alpha(opacity=60);
    margin-bottom:15px;
    border-radius:50%;
    cursor: pointer;
    position: relative;
    border:1px solid #849ba5;
}
.list-btn li span{
    position: absolute;
    display: block;
    width:36px;
    height:36px;
    text-align: center;
    line-height:36px;
    color:#fff;
    border-radius:50%;
    top:-12px;
    left:-12px;
    z-index:1;
    display: none;
}
.list-btn .lb-current{
    border:1px solid #6e6e6e;
    opacity:1;
    filter:alpha(opacity=100);
}



.header{
    height:80px;
    background:rgba(0, 0, 0, 0.3) !important;
    filter:Alpha(opacity=30);
    background:#000;
}
.header-inner{
    position: relative;
}
.logo a{
    width:206px;
    height:80px;
    display: block;
    background:url(../images/appIndexLogo.png) no-repeat center;
    text-indent:-999em;
}
.login a , .login span{
    line-height:80px;
    color:#fff;
    font-size:16px;
}
.login span{
    margin:0 10px;
}

.led a,.led{
    font-size: 12px;
}

.list-btn .home{
    width:26px;
    height:24px;
    background:url(../images/home.png) -30px 0;
    border:none;
    position: relative;
    left:-4px;
}
.list-btn .lb-current.home{
    background:url(../images/home.png);
    opacity:1;
}
.move-title{
    height:200px;
    position: absolute;
    color:#000;
    top:50%;
    margin-top:-100px;
}
.move-title h2{
    font-size:43px;
    line-height:40px;
    font-weight:normal;
    margin-top:65px;
}
.move-title p{
    font-size:16px;
    margin-top:15px;
}
.mobile-phone{
    width:395px;
    height:750px;
    background:url(../images/mi.png);
    position: absolute;
    bottom:0;
    margin-left:750px;
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    transform-origin:bottom left;
}


.foc-pics{
    margin-top: 62px;
    margin-left: 80px;
    width:228px;
    height:394px;
    position: relative;
    overflow: hidden;
}
.foc-pics li{
    float: left;
    width:228px;
    height:394px;
    position: relative;
    overflow: hidden;
}

.foc-pics .xtaber-tabs{
    position: absolute;
    left:85px;
    bottom:10px;
    z-index: 9;
}
.foc-pics .xtaber-tabs li{
    float: left;
    width: 12px;
    height: 12px;
    background: #0E97E6;
    border-radius: 8px;
    text-align: center;
    line-height: 16px;
    overflow: hidden;
    margin-right:10px;
    cursor: pointer;
    font-size: 12px;
    text-indent:-999em;
}
.foc-pics .xtaber-tabs .current{
    background: #fff;
    color: #000;
}
.line-01{
    width:229px;
    height:205px;
    background:url(../images/line_1.png);
    top:0;
    left:50%;
    margin-left:-110px;
    z-index:-1;
}
.line-02{
    width:65px;
    height:66px;
    background:url(../images/line_2.png);
    bottom:0;
}
.user-w{
    width:898px;
    height:422px;
    position: absolute;
    left:50%;
    margin-left:-449px;
    top:50%;
    margin-top:-211px;
}
.user{
    height:100px;
    position: absolute;
    left:50%;
    margin-left:-388px;
    font-family:firstFont;
    color:#000;
    text-align: center;
}
.user h2{
    font-weight:normal;
    font-size:58px;
    line-height:60px;
}
.user span{
    font-size:20px;
    line-height:60px;
}
.uicon{
    border-radius:50%;
    margin-left:34px;
    width:118px;
    height:118px;
    display: block;
    background:url(../images/user-icon.png) no-repeat #000;
}
.user-list{
    width:930px;
    padding-top:197px;
    height:200px;
}
.user-list li{
    width:184px;
    float: left;
    margin-right:48px;
}
.user-list .icon-01{
    background-position:35px center;
}
.user-list .icon-02{
    background-position:-100px center;
}
.user-list .icon-03{
    background-position:-237px center;
}
.user-list .icon-04{
    background-position:-370px center;
}
.user-list li h3{
    font-size:20px;
    line-height:30px;
    text-align: center;
    font-family:"Microsoft YaHei";
    font-weight:normal;
    margin-top:25px;
    color:#000;
}
.user-list li span{
    display: block;
    margin-top:10px;
    font-size:14px;
    text-align: center;
    line-height:25px;
    color:#666;
    font-family:firstFont;
}
.line-03{
    width:366px;
    height:347px;
    background:url(../images/line_3.png);
    left:-360px;
    top:-5px;
}
.line-04{
    width:431px;
    height:405px;
    background:url(../images/line_4.png);
    right:0;
    bottom:-5px;
}
.app{
    width:760px;
    height:675px;
    position: absolute;
    left:50%;
    margin-left:-380px;
    top:50%;
    margin-top:-337px;
}
.app-recommend{
    width:540px;
    height:96px;
    background:url(../images/app_recommend.png);
}
.app-recommend h2{
    font-family:"Microsoft YaHei";
    font-size:60px;
    text-align: center;
    line-height:75px;
    font-weight:normal;
}
.ar-01{
    margin-left:104px;
}
.ar-01 h2{
    color:#0e97e6;
}
.app-recommend p{
    color:#fff;
    font-size:20px;
    text-align: center;
    padding-top:30px;
    font-family:firstFont;
}
.app-list .app-pic{
    box-shadow:0px 5px 5px #0981b9;
}
.app-list .app-pic , .app-list .app-pic img{
    position: relative;
    width:96px;
    height:96px;
    display: block;
    border-radius:20px;
}
.app-list i{
    top:-35px;
    left:-100px;
    position: absolute;
    z-index:999;
    width:50px;
    height:200px;
    background:#fff;
    opacity:.3;
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    transform:rotate(-30deg);
}

.app-name{
    white-space:nowrap;
    font-size:20px;
    display: block;
    color:#fff;
    line-height:40px;
    width:170px;
    position: relative;
    left:-36px;
    overflow: hidden;
}
.app-list span{
    color:#fff;
    font-family:firstFont;
}
.app-list{
    width:870px;
    margin-top:88px;
}
.app-list li{
    width:96px;
    float: left;
    margin-right:70px;
    margin-bottom:56px;
    text-align: center;
}
.line-05{
    width:140px;
    height:140px;
    background:url(../images/line_5.png);
    right:428px;
    top:0;
}
.app-explain{
    border:1px solid #fff;
    color:#fff;
    height:24px;
    line-height:24px;
    width:330px;
    text-align: center;
    border-radius:5px;
    margin:0 auto;
    *margin-top:80px;
    font-size:13px;
}
.line-06{
    width:160px;
    height:158px;
    background:url(../images/line_6.png);
    bottom:-1px;
    left:351px;
}
.advantage{
    font-family:firstFont;
    color:#000;
    position: relative;
}
.advantage h2{
    font-size:56px;
    height:60px;
    line-height:60px;
    font-weight:normal;
    text-align: center;
}
.advantage h2 strong{
    color:#fff;
    background: url(../images/bg_3.png) 2px 0px no-repeat;
    *background: url(../images/bg_3.png) 2px center no-repeat;
    font-weight: normal;
    padding:0px 8px 0px 5px;
}
.advantage span{
    font-size:20px;
    line-height:20px;
    display:block;
    text-align: center;
    padding-top:20px;
}
.advantage-01{
    width:638px;
    height:410px;
    top:50%;
    left:50%;
    margin-left:-319px;
    margin-top:-205px;
}
.a1-list{
    margin-top:125px;
    width:760px;
    position: relative;
}
.a1-list li{
    width:150px;
    float: left;
    text-align: center;
    margin-right:103px;
}
.a1-list .a1-pic{
    width:150px;
    height:130px;
    background:url(../images/sprites_1.png) no-repeat;
}
.a1-list .a1-pic-2{
    background-position:-155px center;
}
.a1-list .a1-pic-3{
    background-position:-305px center;
}

.a1-name{
    font-size:20px;
    font-family:firstFont;
    line-height:20px;
    margin-top:35px;
}
.line-07{
    width:410px;
    height:380px;
    background:url(../images/line_7.png);
    left:-55px;
    top:0;
}
.line-08{
    width:438px;
    height:416px;
    background:url(../images/line_8.png);
    bottom:-90px;
    right:100px;
}
.advantage-02{
    width:670px;
    height:348px;
    top:50%;
    left:50%;
    margin-left:-335px;
    margin-top:-174px;
}
.a2-list{
     width:730px;
     margin-top:128px;
     position: relative;
}
.a2-list li{
    width:88px;
    text-align: center;
    float: left;
    margin-right:57px;
}
.a2-pic{
    width:88px;
    height:82px;
    background:url(../images/sprites_2.png) no-repeat;
}
.a2-list .a1-name{
    margin-top:17px;
}
.a2-pic-1{background-position:3px center;}
.a2-pic-2{background-position:-120px center;}
.a2-pic-3{background-position:-245px center;}
.a2-pic-4{background-position:-371px center;}
.a2-pic-5{background-position:-494px center;}

.line-09{
    width:110px;
    height:80px;
    background:url(../images/line_8.png) -315px 0px;
    bottom:0;
    left:300px;
}
.advantage-03{
    width:920px;
    height:458px;
    top:50%;
    left:50%;
    margin-left:-460px;
    margin-top:-229px;
}
.show-logo{
    margin-top:65px;
    position:relative;
}
.all-logo{
    width:629px;
    height:242px;
    background:url(../images/all_logo.png);
    margin-top:20px;
}
.td-logo{
    width:260px;
    height:300px;
    background:url(../images/td_logo.png);
}
.line-10{
    width:114px;
    height:90px;
    background:url(../images/line_8.png) 0 -330px;
    right:420px;
}
.line-11{
    width:358px;
    height:340px;
    background:url(../images/line_8.png) 0 -85px;
    left:-10px;
}
.income{
    width:546px;
    height:705px;
    top:50%;
    left:50%;
    margin-left:-270px;
    margin-top:-352px;
}
.ar-02{
    margin-left:3px;
}
.ar-02 h2{
    color:#23a901;
}
.income-list{
    color:#fff;
}
.income-list li{
    width:525px;
    height:30px;
    line-height:30px;
    padding:14px 0;
    *padding:12px 0;
    border-bottom:1px solid #67bc40;
}
.income-list li i{
    font-size:20px;
    float: left;
    width:46px;
    text-align: center;
}
.income-list li a , .income-list li img{
    width:30px;
    height:30px;
    display: block;
    float:left;
}
.message{
    width:410px;
    float:right;
    margin-right:30px;
}
.message em{
    font-size:20px;
    font-weight: normal;
}
.message span{
    font-size:16px;
}
.all-income{
    height:472px;
    overflow-y:scroll;
    margin-top:75px;
}
.ae2{
    margin-top:35px;
}




.contact-us{
    width:1050px;
    height:220px;
    top:50%;
    left:50%;
    margin-left:-560px;
    margin-top:-179px;
    background:#ffffff;
    padding:53px 20px;
    font-family:firstFont;
    border:10px solid #eeeeee;
    border-radius:50px;
}

.cu-left{
    width:500px;
}

.cu-left p{
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px;
    font-size:20px;
    text-align: center;
}
.cu-left h2 , .cu-right h2{
    text-align: center;
    font-size:50px;
    line-height:65px;
    color:#000;
    font-weight:normal;
}
.cu-right{
    width:523px;
    height:220px;
    border-left:3px solid #ededed;
}
#em_1 , #em_2{
    margin-left:45px;
}
.cul-inner{
    margin-top:45px;
}
.em-share{
    position:relative;
}
.em-share i{
    width: 25px;
    height: 25px;
    /*background: url(../images/home.png) no-repeat -76px -1px;*/
    background: url(http://www.tiandi.com/static/v2/images/home.png) no-repeat -76px -1px;
    display: block;
    position: absolute;
    top: -1px;
    left: -30px;
    _top:3px;
    _left: 18px;
}
.login-go span{
    font-size:22px;
    line-height:30px;
}
.login-go a{
    width:180px;
    height:40px;
    background:#21b8ef;
    line-height:43px;
    text-align: center;
    margin:0 auto;
    border:1px solid #4aa0ad;
    border-radius:2px;
    vertical-align:middle;
    color:#fff;
    font-size:20px;
    display: block;
}
.cur-inner{
    margin-top:40px;
    text-align:center;
}
.has-id{
    margin-top:25px;
}
.has-id a{
    font-size:16px;
    text-decoration:underline;
    color:#296490;
}
.has-id em{
    font-weight:normal;
    color:#cbcbcb;
    margin:0 20px;
}


.min .row{
    width:1000px;
}
.min .mobile-phone{
    margin-left:600px;
}
.min .line-04{
    right:-340px;
}
.min .line-05{
    right:57px;
    top:-30px;
}
.min .line-06{
    left:0;
    bottom:-100px;
}
.min .line-07{
    left:-308px;
    bottom:-100px;
}
.min .line-08{
    right: -260px;
}
.min .line-09{
    left: 10px;
}
.min .line-10{
    right: 60px;
}
.min .line-11{
    left: -300px;
}


/* 动画 */
/* 手旋转 */
@keyframes mobilePhone{
    from {-webkit-transform: rotate(100deg);-moz-transform: rotate(100deg);-o-transform: rotate(100deg);-ms-transform: rotate(100deg);transform: rotate(100deg);}
    to {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
@-moz-keyframes mobilePhone{
    from {-webkit-transform: rotate(100deg);-moz-transform: rotate(100deg);-o-transform: rotate(100deg);-ms-transform: rotate(100deg);transform: rotate(100deg);}
    to {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes mobilePhone{
    from {-webkit-transform: rotate(100deg);-moz-transform: rotate(100deg);-o-transform: rotate(100deg);-ms-transform: rotate(100deg);transform: rotate(100deg);}
    to {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
@-o-keyframes mobilePhone{
    from {-webkit-transform: rotate(100deg);-moz-transform: rotate(100deg);-o-transform: rotate(100deg);-ms-transform: rotate(100deg);transform: rotate(100deg);}
    to {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
.animate .mobile-phone{
    -webkit-animation:mobilePhone 1.5s;
    -moz-animation:mobilePhone 1.5s;
    -o-animation:mobilePhone 1.5s;
    -ms-animation:mobilePhone 1.5s;
    animation:mobilePhone 1.5s;
}

/* 文字往上移动 */
@keyframes moveTitle{
    from {opacity:0;top:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
    to {opacity:1;top:50%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes moveTitle{
    from {opacity:0;top:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
    to {opacity:1;top:50%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes moveTitle{
    from {opacity:0;top:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
    to {opacity:1;top:50%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-o-keyframes moveTitle{
    from {opacity:0;top:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
    to {opacity:1;top:50%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.animate .move-title{
    -webkit-animation:moveTitle 1s;
    -moz-animation:moveTitle 1s;
    -o-animation:moveTitle 1s;
    -ms-animation:moveTitle 1s;
    animation:moveTitle 1s;
}

/* 图标旋转 */
@keyframes userList{
    from {-webkit-transform:rotateY(700deg);-moz-transform:rotateY(700deg);-o-transform:rotateY(700deg);-ms-transform:rotateY(700deg);transform:rotateY(700deg);opacity:0;}
    to {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@-moz-keyframes userList{
    from {-webkit-transform:rotateY(700deg);-moz-transform:rotateY(700deg);-o-transform:rotateY(700deg);-ms-transform:rotateY(700deg);transform:rotateY(700deg);opacity:0;}
    to {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@-webkit-keyframes userList{
    from {-webkit-transform:rotateY(700deg);-moz-transform:rotateY(700deg);-o-transform:rotateY(700deg);-ms-transform:rotateY(700deg);transform:rotateY(700deg);opacity:0;}
    to {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
@-o-keyframes userList{
    from {-webkit-transform:rotateY(700deg);-moz-transform:rotateY(700deg);-o-transform:rotateY(700deg);-ms-transform:rotateY(700deg);transform:rotateY(700deg);opacity:0;}
    to {-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
}
.animate .user-list li a{
    cursor:default;
    -webkit-animation:userList 2s;
    -moz-animation:userList 2s;
    -o-animation:userList 2s;
    -ms-animation:userList 2s;
    animation:userList 2s;
}

/* 高光滑过 */
@keyframes appPic{
    from {left:-100px;}
    to {left:100px;}
}
@-moz-keyframes appPic{
    from {left:-100px;}
    to {left:100px;}
}
@-webkit-keyframes appPic{
    from {left:-100px;}
    to {left:100px;}
}
@-o-keyframes appPic{
    from {left:-100px;}
    to {left:100px;}
}
.animate .app-list .app-pic:hover.app-pic i{
    -webkit-animation:appPic .2s;
    -moz-animation:appPic .2s;
    -o-animation:appPic .2s;
    -ms-animation:appPic .2s;
    animation:appPic .2s;
}



/* 标题从上往下移 */
@keyframes advantage{
    from {top:-200px;opacity:0;}
    to {top:0px;opacity:1;}
}
@-moz-keyframes advantage{
    from {top:-200px;opacity:0;}
    to {top:0px;opacity:1;}
}
@-webkit-keyframes advantage{
    from {top:-200px;opacity:0;}
    to {top:0px;}
}
@-o-keyframes advantage{
    from {top:-200px;opacity:0;}
    to {top:0px;opacity:1;}
}
.animate .advantage{
    -webkit-animation:advantage 2s;
    -moz-animation:advantage 2s;
    -o-animation:advantage 2s;
    -ms-animation:advantage 2s;
    animation:advantage 2s;
}


/* 标题下上往上移 */
@keyframes a1List{
    from {bottom:-200px;opacity:0;}
    to {bottom:0px;opacity:1;}
}
@-moz-keyframes a1List{
    from {bottom:-200px;opacity:0;}
    to {bottom:0px;opacity:1;}
}
@-webkit-keyframes a1List{
    from {bottom:-200px;opacity:0;}
    to {bottom:0px;}
}
@-o-keyframes a1List{
    from {bottom:-200px;opacity:0;}
    to {bottom:0px;opacity:1;}
}
.animate .a1-list ,.animate .a2-list{
    -webkit-animation:a1List 2s;
    -moz-animation:a1List 2s;
    -o-animation:a1List 2s;
    -ms-animation:a1List 2s;
    animation:a1List 2s;
}


/* 从小到大 */
@keyframes allLogo{    
    from {-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);left:-900px;}
    to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:0px;}
}
@-moz-keyframes allLogo{
    from {-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);left:-900px;}
    to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:0px;}
}
@-webkit-keyframes allLogo{
    from {-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);left:-900px;}
    to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:0px;}
}
@-o-keyframes allLogo{
    from {-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);left:-900px;}
    to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);left:0px;}
}
.animate .all-logo{
    position: relative;
    -webkit-animation:allLogo 1.4s;
    -moz-animation:allLogo 1.4s;
    -o-animation:allLogo 1.4s;
    -ms-animation:allLogo 1.4s;
    animation:allLogo 1.4s;
}


/* 背景移动 */
@keyframes s06i{    
    0% {background-position:0;}
    30% {background-position:100px 100px;}
    70% {background-position:-100px -100px;}
    100%{background-position:0;}
}
@-moz-keyframes s06i{
    0% {background-position:0;}
    30% {background-position:100px 100px;}
    70% {background-position:-100px -100px;}
    100%{background-position:0;}
}
@-webkit-keyframes s06i{
    0% {background-position:0;}
    30% {background-position:100px 100px;}
    70% {background-position:-100px -100px;}
    100%{background-position:0;}
}
@-o-keyframes s06i{
    0% {background-position:0;}
    30% {background-position:100px 100px;}
    70% {background-position:-100px -100px;}
    100%{background-position:0;}
}
.s06-i , .section-02{
    position: relative;
    -webkit-animation:s06i 40s linear infinite;
    -moz-animation:s06i 40s linear infinite;
    -o-animation:s06i 40s linear infinite;
    -ms-animation:s06i 40s linear infinite;
    animation:s06i 40s linear infinite;
}
.num {
background: #ffa64d;
padding: 1px 5px 2px;
color: #fff;
margin-right: 3px;
font-family: "Tahoma";
font-weight: normal;
}
.login
{
    color:#FEFEFF;
}