.top{display:none;}
.index{width:100%;height:100%;position:absolute;top:0;}
.index .logo{margin:18% 0 10%;text-align:center;position:relative;opacity: 0;
    -webkit-animation:FadeInOut 20s ease-in-out 1s infinite forwards;
    animation:FadeInOut 20s ease-in-out 1s infinite forwards;}
.index .kouhao{font-size:12px;color:#d8b473;text-align:center;}
.index .kouhao .sshd{margin-right:10px;}
.index .menu{margin:20% 0 0;text-align:center;}
.index .menu a{padding:0px 8px;margin:18px 9px 0;color:#cabd92;border:1px solid #cabd92;display:inline-block;border-radius:3px;}
.footer{display:block;}

@media only screen and (min-width: 800px) {

.index{width:800px;left:calc(100% / 2 - 400px)}

}

@-webkit-keyframes FadeInOut{
    0%{opacity:0;}
    30%{opacity:.8;}
    35%{opacity:.3;}
    40%{opacity:.8;}
    45%{opacity:.3;}
    50%{opacity:1;}
    85%{opacity:.8;}
    100%{opacity:0;}
}
@keyframes FadeInOut{
    0%{opacity:0;}
    30%{opacity:.8;}
    35%{opacity:.3;}
    40%{opacity:.8;}
    45%{opacity:.3;}
    50%{opacity:1;}
    85%{opacity:.8;}
    100%{opacity:0;}
}