@charset "utf-8";
/* CSS 初始化 */
html, body, div, span, object, iframe,h1, h2,
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption, tbody,
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary,time, mark,
audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline-style:none;/*FF*/
}
body {
    line-height:1;
}
ul,li,ol{
    list-style: none;
    margin:0;
    padding:0;
}
a{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

}
a:hover,a:focus{
    text-decoration:none;
    bblr:expression(this.onFocus=this.blur());/*IE*/
    outline-style:none;/*FF*/
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}
/*css为clearfix，清除浮动*/
.clearfix::before,
.clearfix::after{
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}


.upDown{
    -webkit-animation: upDown 1s infinite linear;
    -moz-animation: upDown 1s infinite linear;
    -ms-animation: upDown 1s infinite linear;
    -o-animation: upDown 1s infinite linear;
    animation: upDown 1s infinite linear;
    z-index: 3;
}
.leftR{
    -webkit-animation: leftR 1s infinite linear;
    -moz-animation: leftR 1s infinite linear;
    -ms-animation: leftR 1s infinite linear;
    -o-animation: leftR 1s infinite linear;
    animation: leftR 1s infinite linear;
    z-index: 3;
}
.scales{
    -webkit-animation: scales 1s infinite linear;
    -moz-animation: scales 1s infinite linear;
    -ms-animation: scales 1s infinite linear;
    -o-animation: scales 1s infinite linear;
    animation: scales 1s infinite linear;
    z-index: 3;
}
.hiddenToShow{
    -webkit-animation: hiddenToShow 4s ease-in-out linear;
    -moz-animation: hiddenToShow 4s ease-in-out linear;
    -ms-animation: hiddenToShow 4s ease-in-out linear;
    -o-animation: hiddenToShow 4s ease-in-out linear;
    animation: hiddenToShow 4s ease-in-out linear;
}

.moveMent{
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}
.moveMent2{
    -webkit-animation: movement2 4s linear normal both infinite;
    -o-animation: movement2 4s linear normal both infinite;
    animation: movement2 4s linear normal both infinite;
}
@-webkit-keyframes leftR{
    0% {transform:translateX(3px);}
    25% {transform: translateX(0px);}
    50% {transform: translateX(-3px);}
    75% {transform: translateX(0px);}
    100% {transform: translateX(3px);}
}
@keyframes leftR{
    0% {transform:translateX(3px);}
    25% {transform: translateX(0px);}
    50% {transform: translateX(-3px);}
    75% {transform: translateX(0px);}
    100% {transform: translateX(3px);}
}
@-webkit-keyframes upDown {
    0% {-webkit-transform: translateY(3px);}
    25% {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(-3px);}
    75% {-webkit-transform: translateY(0px);}
    100% {-webkit-transform: translateY(3px);}
}
@keyframes upDown {
    0% {transform:translateY(3px);}
    25% {transform: translateY(0px);}
    50% {transform: translateY(-3px);}
    75% {transform: translateY(0px);}
    100% {transform: translateY(3px);}
}

@keyframes scales{
    0%{
        transform:scale(0.9,0.9);
    }
    50%{
        transform:scale(1,1);
    }
    100%{
        transform:scale(0.9,0.9);
    }
}

@keyframes hiddenToShow{
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% {opacity: 1;}
}
@-webkit-keyframes hiddenToShow{
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% {opacity: 1;}
}

 @keyframes rotateY {
     0% {
     transform:rotateY(0deg);
     -webkit-transform:rotateY(0deg);
    }
     50% {
     transform:rotateY(180deg);
     -webkit-transform:rotateY(180deg);
    }
     100% {
     transform:rotateY(0deg);
     -webkit-transform:rotateY(0deg);
    }
}
@-webkit-keyframes rotateY {
     0% {
     transform:rotateY(0deg);
     -webkit-transform:rotateY(0deg);
    }
     50% {
     transform:rotateY(180deg);
     -webkit-transform:rotateY(180deg);
    }
     100% {
     transform:rotateY(0deg);
     -webkit-transform:rotateY(0deg);
    }
}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(3px,6px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(0px,-3px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(0px,-3px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(8px,0px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(3px,6px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(0px,-3px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(0px,-3px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(8px,0px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}