html,body { width:100%; height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1.3;font-size:28px;font-family:"黑体","微软雅黑",Arial,Verdana,Helvetica,sans-serif;margin:0 auto; color:#000; background-color: #000;}
ol,ul{list-style:none;}
a{text-decoration:none;color:#b53535;}
a:hover{color:#b53535;}
p{font-family:"微软雅黑";}
img{border:0px;vertical-align:middle;}
em{ font-style: normal;}
input,button,select,textarea{outline:none}
.none{display: none}
.pageWraper .page7.active a img.yinc{ opacity: 0;}
.block{display: block}
/*css3动画定义*/
.ts0_1 { -webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -ms-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease; }
.ts0_5 { -webkit-transition:600ms all cubic-bezier(0.165, 0.84, 0.44, 1); transition:600ms all cubic-bezier(0.165, 0.84, 0.44, 1);}
.ts1 { -webkit-transition:1s all ease; -moz-transition:1s all ease; -ms-transition:1s all ease; -o-transition:1s all ease; transition:1s all ease; }
.ts2 { -webkit-transition:2s all ease; -moz-transition:2s all ease; -ms-transition:2s all ease; -o-transition:2s all ease; transition:2s all ease; }
.ts3 { -webkit-transition:3s all ease; -moz-transition:3s all ease; -ms-transition:3s all ease; -o-transition:3s all ease; transition:3s all ease; }
.ts10 { -webkit-transition:10s all linear; -moz-transition:10s all linear; -ms-transition:10s all linear; -o-transition:10s all linear; transition:10s all linear; }

/*animate动画时间*/
.active>.delay100{ -webkit-animation-delay: 100ms; animation-delay: 100ms;}
.active>.delay300{ -webkit-animation-delay: 300ms; animation-delay: 300ms;}
.active>.delay500{ -webkit-animation-delay: 500ms; animation-delay: 500ms;}
.active>.delay600{ -webkit-animation-delay: 600ms; animation-delay: 600ms;}
.active>.delay700{ -webkit-animation-delay: 700ms; animation-delay: 700ms;}
.active>.delay800{ -webkit-animation-delay: 800ms; animation-delay: 800ms;}
.active>.delay1000{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms;}
.active>.delay1100{ -webkit-animation-delay: 1100ms; animation-delay: 1100ms;}
.active>.delay1200{ -webkit-animation-delay: 1200ms; animation-delay: 1200ms;}
.active>.delay1300{ -webkit-animation-delay: 1300ms; animation-delay: 1300ms;}
.active>.delay1500{ -webkit-animation-delay: 1500ms; animation-delay: 1500ms;}
.active>.delay1700{ -webkit-animation-delay: 1700ms; animation-delay: 1700ms;}
.active>.delay1800{ -webkit-animation-delay: 1800ms; animation-delay: 1800ms;}
.active>.delay2000{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms;}
.active>.delay2200{ -webkit-animation-delay: 2200ms; animation-delay: 2200ms;}
.active>.delay2500{ -webkit-animation-delay: 2500ms; animation-delay: 2500ms;}
.active>.delay3000{ -webkit-animation-delay: 3000ms; animation-delay: 3000ms;}

.active>.duration300{ -webkit-animation-duration: 300ms; animation-duration: 300ms;}
.active>.duration500{ -webkit-animation-duration: 500ms; animation-duration: 500ms;}
.active>.duration1000{ -webkit-animation-duration: 1000ms; animation-duration: 1000ms;}
.active>.duration1500{ -webkit-animation-duration: 1500ms; animation-duration: 1500ms;}
.active>.duration1800{ -webkit-animation-duration: 1800ms; animation-duration: 1800ms;}
.active>.duration2000{ -webkit-animation-duration: 2000ms; animation-duration: 2000ms;}
.active>.duration2500{ -webkit-animation-duration: 2500ms; animation-duration: 2500ms;}
.active>.duration3000{ -webkit-animation-duration: 3000ms; animation-duration: 3000ms;}
.active>.duration4000{ -webkit-animation-duration: 4000ms; animation-duration: 4000ms;}
.active>.duration5000{ -webkit-animation-duration: 5000ms; animation-duration: 5000ms;}
.active>.duration6000{ -webkit-animation-duration: 6000ms; animation-duration: 6000ms;}
.active>.duration7000{ -webkit-animation-duration: 7000ms; animation-duration: 7000ms;}
.active>.duration8000{ -webkit-animation-duration: 8000ms; animation-duration: 8000ms;}
.active>.duration9000{ -webkit-animation-duration: 9000ms; animation-duration: 9000ms;}
.active>.duration10000{ -webkit-animation-duration: 10000ms; animation-duration: 10000ms;}


/***********************====翻*页*样*式====****************************/
/* 下面的样式是必需的 */
#page{ position: absolute; width: 100%; height: 100%; overflow: hidden; }
#page .page{ width: 100%; height: 100%; position:relative; overflow: hidden;}
#page .pageWraper{ position: absolute; width: 100%; height: 100%; }  
/* 上面的样式是必需的 */


/*loading*/
#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background-color: #000;
}
#loading .con {
    display: block;
    position: relative;
    width: 200px;
    margin: 0 auto;
    top: 300px;
}

#loading .con span {
    display: block;
    width: 0;
    height: 6px;
    background:#f66942;
}
#loading .con p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    color: #f66942;
    margin-top: 5px;
}


/******===*共*同*样*式*===******/
.pageWraper .page img{
    display: block;
    opacity:0;
}
.pageWraper .page.active img.arrow{
    position: absolute;
    bottom: 5%;
    left: 45.31%;
    opacity: 0;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
.pageWraper .page.active img{
    opacity:1;
}
.pageWraper .page.active img.xuehua{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}
.pageWraper .page a.button,a.button_1,a.button_2{
    z-index: 1000;
}
/******===*第*一*屏*===******/

.pageWraper .page img.logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
@-webkit-keyframes levelInsetMove {
    0%, 10%, 100% {width: 100%;} 45%, 55% {width: 0%;}
}
@keyframes levelInsetMove {
    0%, 10%, 100% {width: 100%;} 45%, 55% {width: 0%;}
}

.pageWraper .page2.active .scanbox .levelInset2 {
    -webkit-animation: levelInsetMove2 10s linear normal infinite;
    animation: levelInsetMove2 10s linear normal infinite;
}
@-webkit-keyframes levelInsetMove2 {
    0%, 10%, 100% {width: 0%;} 45%, 55% {width: 100%;}
}
@keyframes levelInsetMove2 {
    0%, 10%, 100% {width: 0%;} 45%, 55% {width: 100%;}
}

.pageWraper .page2.active .scanbox .levelLine {
    -webkit-animation: levelLine 10s linear normal infinite;
    animation: levelLine 10s linear normal infinite;
}
@-webkit-keyframes levelLine {
    0%, 10%, 100% {left: 100%;} 45%, 55% {left: 0%;}
}
@keyframes levelLine {
    0%, 10%, 100% {left: 100%;} 45%, 55% {left: 0%;}
}

.pageWraper .page2.active .scanbox .showtext1 {
    -webkit-animation: showtext1 10s linear normal infinite;
    animation: showtext1 10s linear normal infinite;
}
@-webkit-keyframes showtext1 {
    0%, 25%, 85%, 100% {
        opacity: 0;
    }
    35%, 75% {
        opacity: 1;
    }
}
@keyframes showtext1{
    0%, 25%, 85%, 100% {
        opacity: 0;
    }
    35%, 75% {
        opacity: 1;
    }
}
.pageWraper .page2.active .scanbox .showtext2 {
    -webkit-animation: showtext2 10s linear normal infinite;
    animation: showtext2 10s linear normal infinite;
}
@-webkit-keyframes showtext2 {
    0%, 15%, 75%, 100% {
        opacity: 1;
    }
    25%, 65% {
        opacity: 0;
    }
}
@keyframes showtext2 {
    0%, 15%, 75%, 100% {
        opacity: 1;
    }
    25%, 65% {
        opacity: 0;
    }
}



@-webkit-keyframes shoestop {
    0%{ -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0);}
    100%{ -webkit-transform: none; transform: none;}
}
@keyframes shoestop {
    0%{ -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0);}
    100%{ -webkit-transform: none; transform: none;}
}
.active>.shoestop{
    -webkit-animation-name: shoestop;
    animation-name: shoestop;
}


@-webkit-keyframes flashBut{
    0%, 100%{
        opacity: 1;
    }
    50%,60%{
        opacity: 0;
    }
}
@keyframes flashBut{
    0%, 100%{
        opacity: 1;
    }
    50%,60%{
        opacity: 0;
    }
}
.active>.flashBut{
    -webkit-animation: flashBut 2s linear normal infinite;
    animation: flashBut 2s linear normal infinite;
}




@-webkit-keyframes restoreBlack {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@keyframes restoreBlack{
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
.active>.restoreBlack {
    -webkit-animation-name: restoreBlack;
    -moz-animation-name: restoreBlack;
    -ms-animation-name: restoreBlack;
    -o-animation-name: restoreBlack;
    animation-name: restoreBlack;
}

@-webkit-keyframes restoreRed {
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@keyframes restoreRed{
    0% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
.active>.restoreRed {
    -webkit-animation-name: restoreRed;
    -moz-animation-name: restoreRed;
    -ms-animation-name: restoreRed;
    -o-animation-name: restoreRed;
    animation-name: restoreRed;
}