@charset "utf-8";
/* CSS Document */
html,body{width:100%}
input,textarea{margin:0;padding:0;border:none; outline:none;}
em{ font-style:normal;}
h1,p,h2{margin:0;font-weight:normal;}
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{ border:none; vertical-align:top;}
body{margin:0;position:relative;color:#666;}
.page{position:absolute;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff;z-index:1;display:none;}
.pageShow{ display:block}
.page:nth-of-type(1){ z-index:10;}
.page:nth-of-type(2){ z-index:9;}
.page:nth-of-type(3){ z-index:8;}
.page:nth-of-type(4){ z-index:7;}
.page:nth-of-type(5){ z-index:6;}
/*#index:active .info{-webkit-transform:scale(1); opacity:1;}*/
/* 欢迎页 */
#welcome{ transition:.7s;}
@-webkit-keyframes tree
{
    100%
    {
        -webkit-transform:translateY(0px);
        opacity:1;
    }   
}
@keyframes tree
{
    100%
    {
        transform:translateY(0px);
        opacity:1;
    }   
}
@-webkit-keyframes logo
{
    100%
    {
        opacity:1;
    }   
}
@-webkit-keyframes shake
{
    0%
    {
        -webkit-transform:rotate(-50deg);
    }
    10%
    {
        -webkit-transform:rotate(45deg);
    }
    20%
    {
        -webkit-transform:rotate(-40deg);
    }
    30%
    {
        -webkit-transform:rotate(35deg);
    }
    40%
    {
        -webkit-transform:rotate(-30deg);
    }
    50%
    {
        -webkit-transform:rotate(25deg);
    }
    60%
    {
        -webkit-transform:rotate(-20deg);
    }
    70%
    {
        -webkit-transform:rotate(15deg);
    }
    80%
    {
        -webkit-transform:rotate(-10deg);
    }
    90%
    {
        -webkit-transform:rotate(5deg);
    }
    100%
    {
        -webkit-transform:rotate(0deg);
    }
}
@-webkit-keyframes cloud
{
    0%
    {
        -webkit-transform:translateX(0px);
    }
    100%
    {
        -webkit-transform:translateX(-50px);
    }
    
}
.tree{ position:absolute;left:0;top:10%;width:100%; -webkit-transform:translateY(100px);transform:translateY(100px); opacity:0; -webkit-animation:1s tree; animation:1s tree; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
#copylogo{ text-align:center; position:absolute;left:0;width:100%;bottom:5%; opacity:0; -webkit-animation:logo .5s 1s; -webkit-animation-fill-mode:forwards;}
.welcome2{ position:relative; padding-top:50px; opacity:0; transform:translateY(50px);animation:1s .3s tree; animation-fill-mode:forwards; }
.shake{ position:absolute;left:309px;top:30px;width:22px;height:22px; background:url(../img/shake.png) no-repeat; -webkit-transform-origin:left bottom; -webkit-animation:shake .3s 2s;}
.tree3{padding-top:20px;opacity:0; transform:translateY(30px);animation:1s .6s tree; animation-fill-mode:forwards;}
.cloud{ position:absolute; background:url(../img/cloud.png) no-repeat; background-size:contain;}
.cloud:nth-of-type(1){ left:282px;top:15px;width:58px;height:44px; -webkit-animation:cloud 3s 2s infinite alternate linear;}
.cloud:nth-of-type(2){ left:69px;top:77px;width:71px;height:50px; -webkit-animation:cloud 3s 2.5s infinite alternate linear;}
.cloud:nth-of-type(3){ left:262px;top:142px;width:54px;height:41px;-webkit-animation:cloud 3s 2.8s infinite alternate linear;}

/* 首页 */
/*@-webkit-keyframes newsBtn
{
    0%
    {
        -webkit-transform:scale(0);
        opacity:0.1;
    }
    100%
    {
        -webkit-transform:scale(1.5);
        opacity:1;
    }
}*/
@-webkit-keyframes newsBtn
{
    0% { box-shadow: 0px 0px 0px 0px rgba(0,0,0,0),0px 0px 0px 1px rgba(230,0,18,0); }
    10%{ box-shadow: 0px 0px 0px 1px rgba(0,0,0,0), 0px 0px 0px 2px rgba(230,0,18,0.1);}
    20%{ box-shadow: 0px 0px 0px 2px rgba(0,0,0,0), 0px 0px 0px 4px rgba(230,0,18,0.2);}
    40%{ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px 1px rgba(230,0,18,0.1),0px 0px 0px 4px rgba(0,0,0,0), 0px 0px 0px 6px rgba(230,0,18,0.3);}
    50%{ box-shadow: 0px 0px 0px 1px rgba(0,0,0,0), 0px 0px 0px 3px rgba(230,0,18,0.2),0px 0px 0px 5px rgba(0,0,0,0), 0px 0px 0px 8px rgba(230,0,18,0.4);}
    60%{ box-shadow: 0px 0px 0px 2px rgba(0,0,0,0), 0px 0px 0px 5px rgba(230,0,18,0.3),0px 0px 0px 6px rgba(0,0,0,0), 0px 0px 0px 10px rgba(230,0,18,0.5);}
    70%{ box-shadow: 0px 0px 0px 3px rgba(0,0,0,0), 0px 0px 0px 6px rgba(230,0,18,0.4),0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 11px rgba(230,0,18,0.4);}
    80%{ box-shadow: 0px 0px 0px 4px rgba(0,0,0,0), 0px 0px 0px 7px rgba(230,0,18,0.3),0px 0px 0px 8px rgba(0,0,0,0), 0px 0px 0px 12px rgba(230,0,18,0.3);}
    90%{ box-shadow: 0px 0px 0px 5px rgba(0,0,0,0), 0px 0px 0px 6px rgba(230,0,18,0.2),0px 0px 0px 9px rgba(0,0,0,0), 0px 0px 0px 13px rgba(230,0,18,0.2);}
    100%{ box-shadow: 0px 0px 0px 7px rgba(0,0,0,0), 0px 0px 0px 7px rgba(230,0,18,0.1),0px 0px 0px 10px rgba(0,0,0,0), 0px 0px 0px 14px rgba(230,0,18,0);}
}
#index{ transition:0.5s;}