abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{font-family:"microsoft yahei",simhei,arial,sans-serif}article,aside,details,div,figcaption,figure,footer,header,hgroup,li,menu,nav,section,ul{display:block;-webkit-box-sizing:-webkit-border-box;box-sizing:border-box}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;-webkit-box-sizing:-webkit-border-box;box-sizing:border-box}ul li{list-style:none;border:none;outline:0 none;outline-width:0}a{text-decoration:none}@font-face{font-family:'Roboto Light';src:url(../images/newimages/Roboto-Light.ttf)}body.home{min-width:1000px;background-image:url(http://cdn.iciba.com/web/img/home_bg.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;background-color:#43adf1;overflow:hidden}.clear{clear:both}.display-b{display:block}.display-n{display:none}a{color:#4bacf3}a:hover{color:#5095c7}p{line-height:20px}.header-nav{position:fixed;z-index:99999;width:100%;min-width:1000px;height:60px;background:#40464e}.header-nav .nav-list a{color:#96a5b7}.header-nav .nav-logo{float:left;margin-left:20px;display:inline-block;width:67px;height:24px;margin-top:20px;background:url(http://cdn.iciba.com/web/img/iciba_logo.png) no-repeat}.header-nav ul.nav-list{float:left;margin-left:10px}.header-nav ul.nav-list li{float:left;margin-left:5px;padding:17px 5px 0 5px;border-top:4px solid #40464e}.header-nav ul.nav-list li.active{border-top:4px solid #4bacf3}.header-nav ul.nav-list li a.current{color:#fff}.header-nav .user{position:absolute;right:22px;top:15px}.header-nav .user .u-option{display:none;position:absolute;left:-26px;width:80px;background:#6a737e;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.header-nav .user .u-option li{height:40px;line-height:40px;text-align:center;font-size:14px}.header-nav .user .u-option li a{color:#fff}.header-nav .user .u-option li.u-register{border-bottom:1px solid #76818d}.header-nav .user .u-option .u-triangle{position:absolute;left:35px;top:-7px;width:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #6a737e}.header-nav img.u-profile{width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;margin-bottom:8px}
/*广告底部*/
.footer{  width:100%;  height:40px;  text-align:center;  background-color:#37414f;  }
/*公安备*/
.footer_main{  text-align:center;  white-space: nowrap;  height:40px;  line-height:40px;  }
.footer_main img{  display: inline;  vertical-align:middle;  }
.footer a,.footer span{  text-decoration: none;  color: #939393;  letter-spacing:1px;  font-size: 12px;  }
/* .footer_main a:hover{  border-bottom: 1px solid #6bbfde;  } */
.page{
    font-family:"pingfang SC","Helvetica","微软雅黑","Comic Sans MS","黑体",sans-serif;font-weight: 200;position: relative;vertical-align: bottom;
text-align: center;
}
.title{  position: relative; width:100%;  margin:0px auto;  }
.cp-link{  border-top:1px solid #ebebec;  border-bottom:1px solid #ebebec;  height:42px;  background-color:#ffffff; font-family:"pingfang SC","Helvetica","微软雅黑","Comic Sans MS","黑体",sans-serif;font-weight: 300; }
.cp-link-box{  width:1002px;  height:41px;  position:absolute;  left:50%;  margin-left:-501px; top:2%; background-color: #fff; border-radius: 30px;  }
.cp-link-box li{  width:25%;   height:41px;  float:left; color: #aaa; list-style-type: none;}
.cp-link-box li:hover{ color: #49ABF6;}
.cp-link-box li.active{ color: #000;}
.cp-link-box li i{  margin-left: 40px;vertical-align: middle;}
.cp-link-box .cp-link-box-4 i{  margin-left: 49px;vertical-align: middle;}
.cp-link-box li a{  width:100%;  height:100%;  display:block;  }


/*pc android ios pcc mac*/

.cp-link-box-1 i{  display:inline-block;   width: 41px; height: 41px;     background: url('../images/css_sprites.png') no-repeat -10px -193px;  cursor: pointer;  }
/* .cp-link-box-2 i{  display:inline-block;   width: 41px; height: 41px;   background: url('../images/css_sprites.png') no-repeat -71px -10px;  cursor: pointer;  } */
/* .cp-link-box-3 i{  display:inline-block;   width: 41px; height: 41px;    background: url('../images/css_sprites.png') no-repeat -71px -71px;  cursor: pointer;  } */
.cp-link-box-4 i{  display:inline-block;   width: 41px; height: 41px;  background: url('../images/css_sprites.png') no-repeat -193px -71px;  cursor: pointer;  }
.cp-link-box-5 i{  display:inline-block;   width: 41px; height: 41px;   background: url('../images/css_sprites.png') no-repeat -10px -10px;  cursor: pointer;  }
.cp-link-box-6 i{  display:inline-block;   width: 41px; height: 41px;   background: url('../images/mobile1.png') no-repeat 0px 4px; cursor: pointer;  }
.cp-link-box-1:hover i{   background: url('../images/css_sprites.png') no-repeat -70px -193px;  }
/* .cp-link-box-2:hover i{   background: url('../images/css_sprites.png') no-repeat -10px -71px;  } */
/* .cp-link-box-3:hover i{   background: url('../images/css_sprites.png') no-repeat -132px -71px;  } */
.cp-link-box-4:hover i{   background: url('../images/css_sprites.png') no-repeat -193px -132px;  }
.cp-link-box-5:hover i{   background: url('../images/css_sprites.png') no-repeat -132px -132px;  }
.cp-link-box-6:hover i{   background: url('../images/mobile2.png') no-repeat 0px 4px;  }
.cp-link-box-1.active i{   background: url('../images/css_sprites.png') no-repeat -130px -193px;  }
/* .cp-link-box-2.active i{   background: url('../images/css_sprites.png') no-repeat -71px -132px;  } */
/* .cp-link-box-3.active i{   background: url('../images/css_sprites.png') no-repeat -132px -10px;  } */
.cp-link-box-4.active i{   background: url('../images/css_sprites.png') no-repeat -193px -10px;  }
.cp-link-box-5.active i{   background: url('../images/css_sprites.png') no-repeat -10px -132px;  }
.cp-link-box-6.active i{   background: url('../images/mobile3.png') no-repeat 0px 4px;  }

h1{ font-size: 55px;line-height: 1.5;font-weight: 200;}
h3{ font-size: 35px;line-height: 1.5;color: #222222;font-weight: 100;}
.download-btn{
        cursor: pointer;
        width: 320px;height: 70px;
        margin: 21px auto 16px;
        background: #1DBFF9;
        box-shadow: 0 5px 10px 0 rgba(29,191,249,0.30);
        border-radius: 100px;
        font-family: PingFang-SC-Regular;
        font-size: 26px;
        line-height: 70px;
        color: #FFFFFF;}
.page1{  height:945px;  background:#FBFBFB;}
.page1 .page1-top{padding-top: 80px;opacity: 0}

.page1 .page1-top p{
        opacity: 0.5;
        font-family: PingFangSC-Thin;
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;}

.page1 .page1-bottom{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -527px;
}
.page1.active .page1-top{animation: move_down 1s;animation-fill-mode:forwards;}
.page1.active .page1-bottom{animation: move 1s;animation-fill-mode:forwards;}
.page2{  height:900px;  background:url('../images/p2-bg.jpg') no-repeat center center;

}
.page2 .page2-top{padding-top: 196px;margin-bottom: 68px;opacity: 0 }
.page2.active .page2-top{animation: move_down 1s;animation-fill-mode:forwards;}

.page2.active .page2-bottom{animation: move 1s;animation-fill-mode:forwards;}
.page3{  height:1140px;  background:url('../images/p3-bg.jpg') no-repeat center center;}
.page3 .page3-top{padding-top: 120px;margin-bottom: 30px; opacity: 0}
.page3 .page3-mid{margin:0 0 84px 700px; transform: translateX(10%);opacity: 0;display: block;}
.page3.active .page3-top{animation: move_down 1s;animation-fill-mode:forwards;}
.page3.active .page3-mid{animation: move 1s;animation-fill-mode:forwards;}
.page4{  height:1165px;  background:url('../images/p4-bg.jpg') no-repeat center center;}
.page4 .page4-top{padding-top: 120px;margin-bottom: 80px; color: #fff;opacity: 0}
.page4 .page4-top h3{color: #fff; }
.page4.active .page4-top{animation: move_down 1s;animation-fill-mode:forwards;}
.page4.active .page4-bottom{animation: move 1s;animation-fill-mode:forwards;}
.page5{  height:800px;  background-color: #F7F8F9; }
.page5 .page5-top{padding-top: 120px; opacity: 0}
.page5 .page5-bottom{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -445px
}
.page5.active .page5-top{animation: move_down 1s;animation-fill-mode:forwards;}
.page5.active .page5-bottom{animation: move 1s;animation-fill-mode:forwards;}
.page6{   background-color: #fff;}
.page6 .page6-top{padding-top: 132px;opacity: 0;margin-bottom: 116px}
.page6 .page6-foot{height:240px;
    background:url('../../../static/images/phone_email.png') no-repeat center center;
    background-color: #26282A;}
.page6.active .page6-top{animation: move 1s;animation-fill-mode:forwards;}

@keyframes move_horizontal_left {
    from{
        transform: translate(120px);
        -webkit-transform: translate(120px);
        -moz-transform: translate(120px);
        -ms-transform: translate(120px);
        -o-transform: translate(120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-webkit-keyframes move_horizontal_left {
    from{
        transform: translate(120px);
        -webkit-transform: translate(120px);
        -moz-transform: translate(120px);
        -ms-transform: translate(120px);
        -o-transform: translate(120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-moz-keyframes move_horizontal_left {
    from{
        transform: translate(120px);
        -webkit-transform: translate(120px);
        -moz-transform: translate(120px);
        -ms-transform: translate(120px);
        -o-transform: translate(120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-ms-keyframes move_horizontal_left {
    from{
        transform: translate(120px);
        -webkit-transform: translate(120px);
        -moz-transform: translate(120px);
        -ms-transform: translate(120px);
        -o-transform: translate(120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-o-keyframes move_horizontal_left {
    from{
        transform: translate(120px);
        -webkit-transform: translate(120px);
        -moz-transform: translate(120px);
        -ms-transform: translate(120px);
        -o-transform: translate(120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@keyframes move_horizontal_left_long {
    from{
        transform: translate(200px);
        -webkit-transform: translate(200px);
        -moz-transform: translate(200px);
        -ms-transform: translate(200px);
        -o-transform: translate(200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-webkit-keyframes move_horizontal_left_long {
    from{
        transform: translate(200px);
        -webkit-transform: translate(200px);
        -moz-transform: translate(200px);
        -ms-transform: translate(200px);
        -o-transform: translate(200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-moz-keyframes move_horizontal_left_long {
    from{
        transform: translate(200px);
        -webkit-transform: translate(200px);
        -moz-transform: translate(200px);
        -ms-transform: translate(200px);
        -o-transform: translate(200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-ms-keyframes move_horizontal_left_long {
    from{
        transform: translate(200px);
        -webkit-transform: translate(200px);
        -moz-transform: translate(200px);
        -ms-transform: translate(200px);
        -o-transform: translate(200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-o-keyframes move_horizontal_left_long {
    from{
        transform: translate(200px);
        -webkit-transform: translate(200px);
        -moz-transform: translate(200px);
        -ms-transform: translate(200px);
        -o-transform: translate(200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@keyframes move_horizontal_right {
    from{
        transform: translate(-120px);
        -webkit-transform: translate(-120px);
        -moz-transform: translate(-120px);
        -ms-transform: translate(-120px);
        -o-transform: translate(-120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-webkit-keyframes move_horizontal_right {
    from{
        transform: translate(-120px);
        -webkit-transform: translate(-120px);
        -moz-transform: translate(-120px);
        -ms-transform: translate(-120px);
        -o-transform: translate(-120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-moz-keyframes move_horizontal_right {
    from{
        transform: translate(-120px);
        -webkit-transform: translate(-120px);
        -moz-transform: translate(-120px);
        -ms-transform: translate(-120px);
        -o-transform: translate(-120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-ms-keyframes move_horizontal_right {
    from{
        transform: translate(-120px);
        -webkit-transform: translate(-120px);
        -moz-transform: translate(-120px);
        -ms-transform: translate(-120px);
        -o-transform: translate(-120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-o-keyframes move_horizontal_right {
    from{
        transform: translate(-120px);
        -webkit-transform: translate(-120px);
        -moz-transform: translate(-120px);
        -ms-transform: translate(-120px);
        -o-transform: translate(-120px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@keyframes move_horizontal_right_long {
    from{
        transform: translate(-200px);
        -webkit-transform: translate(-200px);
        -moz-transform: translate(-200px);
        -ms-transform: translate(-200px);
        -o-transform: translate(-200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-webkit-keyframes move_horizontal_right_long {
    from{
        transform: translate(-200px);
        -webkit-transform: translate(-200px);
        -moz-transform: translate(-200px);
        -ms-transform: translate(-200px);
        -o-transform: translate(-200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-moz-keyframes move_horizontal_right_long {
    from{
        transform: translate(-200px);
        -webkit-transform: translate(-200px);
        -moz-transform: translate(-200px);
        -ms-transform: translate(-200px);
        -o-transform: translate(-200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-ms-keyframes move_horizontal_right_long {
    from{
        transform: translate(-200px);
        -webkit-transform: translate(-200px);
        -moz-transform: translate(-200px);
        -ms-transform: translate(-200px);
        -o-transform: translate(-200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@-o-keyframes move_horizontal_right_long {
    from{
        transform: translate(-200px);
        -webkit-transform: translate(-200px);
        -moz-transform: translate(-200px);
        -ms-transform: translate(-200px);
        -o-transform: translate(-200px);
    }
    to{
        opacity: 1;
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -ms-transform: translate(0px);
        -o-transform: translate(0px);
    }
}
@keyframes Rotate {
    from{
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
@-webkit-keyframes Rotate {
    from{
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
@-moz-keyframes Rotate {
    from{
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
@-ms-keyframes Rotate {
    from{
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
@-o-keyframes Rotate {
    from{
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform-origin: 233px 20px;
        -webkit-transform-origin: 233px 20px;
        -moz-transform-origin: 233px 20px;
        -ms-transform-origin: 233px 20px;
        -o-transform-origin: 233px 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}
@keyframes move {
    from{
        transform: translate(0px,40px);
        -webkit-transform: translate(0px,40px);
        -moz-transform: translate(0px,40px);
        -ms-transform: translate(0px,40px);
        -o-transform: translate(0px,40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-webkit-keyframes move {
    from{
        transform: translate(0px,40px);
        -webkit-transform: translate(0px,40px);
        -moz-transform: translate(0px,40px);
        -ms-transform: translate(0px,40px);
        -o-transform: translate(0px,40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-moz-keyframes move {
    from{
        transform: translate(0px,40px);
        -webkit-transform: translate(0px,40px);
        -moz-transform: translate(0px,40px);
        -ms-transform: translate(0px,40px);
        -o-transform: translate(0px,40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-ms-keyframes move {
    from{
        transform: translate(0px,40px);
        -webkit-transform: translate(0px,40px);
        -moz-transform: translate(0px,40px);
        -ms-transform: translate(0px,40px);
        -o-transform: translate(0px,40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-o-keyframes move {
    from{
        transform: translate(0px,40px);
        -webkit-transform: translate(0px,40px);
        -moz-transform: translate(0px,40px);
        -ms-transform: translate(0px,40px);
        -o-transform: translate(0px,40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@keyframes move_short {
    from{
        transform: translate(0px,50px);
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        -o-transform: translate(0px,50px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-webkit-keyframes move_short {
    from{
        transform: translate(0px,50px);
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        -o-transform: translate(0px,50px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-moz-keyframes move_short {
    from{
        transform: translate(0px,50px);
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        -o-transform: translate(0px,50px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-ms-keyframes move_short {
    from{
        transform: translate(0px,50px);
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        -o-transform: translate(0px,50px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-o-keyframes move_short {
    from{
        transform: translate(0px,50px);
        -webkit-transform: translate(0px,50px);
        -moz-transform: translate(0px,50px);
        -ms-transform: translate(0px,50px);
        -o-transform: translate(0px,50px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@keyframes move_new {
    from{
        transform: translate(0px,80px);
        -webkit-transform: translate(0px,80px);
        -moz-transform: translate(0px,80px);
        -ms-transform: translate(0px,80px);
        -o-transform: translate(0px,80px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-webkit-keyframes move_new {
    from{
        transform: translate(0px,80px);
        -webkit-transform: translate(0px,80px);
        -moz-transform: translate(0px,80px);
        -ms-transform: translate(0px,80px);
        -o-transform: translate(0px,80px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-moz-keyframes move_new {
    from{
        transform: translate(0px,80px);
        -webkit-transform: translate(0px,80px);
        -moz-transform: translate(0px,80px);
        -ms-transform: translate(0px,80px);
        -o-transform: translate(0px,80px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-ms-keyframes move_new {
    from{
        transform: translate(0px,80px);
        -webkit-transform: translate(0px,80px);
        -moz-transform: translate(0px,80px);
        -ms-transform: translate(0px,80px);
        -o-transform: translate(0px,80px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-o-keyframes move_new {
    from{
        transform: translate(0px,80px);
        -webkit-transform: translate(0px,80px);
        -moz-transform: translate(0px,80px);
        -ms-transform: translate(0px,80px);
        -o-transform: translate(0px,80px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@keyframes move_down {
    from {
        transform: translate(0px,-40px);
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-webkit-keyframes move_down {
    from {
        transform: translate(0px,-40px);
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-moz-keyframes move_down {
    from {
        transform: translate(0px,-40px);
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-ms-keyframes move_down {
    from {
        transform: translate(0px,-40px);
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@-o-keyframes move_down {
    from {
        transform: translate(0px,-40px);
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
    }
    to{
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
    }
}
@keyframes fadeOut {
    from {
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-moz-keyframes fadeOut {
    from {
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-ms-keyframes fadeOut {
    from {
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-o-keyframes fadeOut {
    from {
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes new {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    25%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    65%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}
@-webkit-keyframes new {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    25%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    65%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}
@-moz-keyframes new {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    25%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    65%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}
@-ms-keyframes new {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    25%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    65%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}
@-o-keyframes new {
    from{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    25%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    65%{
        opacity: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to{
        opacity: 1;
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}