/* ------------------------------------------------------ */
/* - 标签重置
/* ------------------------------------------------------ */
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; margin:0; font:12px Garamonds,Tahoma,'微软雅黑'; }


/* ------------------------------------------------------ */
/* - common
/* ------------------------------------------------------ */
.amn{ transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.amns{ transition:all ease-out .5s 0s; -moz-transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; -o-transition:all ease-out .5s 0s; }


/* ------------------------------------------------------ */
/* - index
/* ------------------------------------------------------ */
.index-div{ width:100%; height:100%; background:url(images/index.jpg) center center no-repeat #E9E9E9; }
.index-div{ animation:index-background 2s infinite 1s; -webkit-animation:index-background 2s infinite 1s; }
.index-div table{ width:100%; height:100%; }
.index-div table td{ text-align:center; vertical-align:middle; }
.index-div table td .index-logo{ width:100%; height:110px; text-align:center; }
.index-div table td .index-logo i{ width:640px; height:80px; display:inline-block; background:url(images/index.png?20240627); }
.index-div table td .index-logo i{ animation:index-logo 2s; -webkit-animation:index-logo 2s; }
.index-div table td .index-languages{ height:60px; text-align:center; font-size:0; }
.index-div table td .index-languages{ animation:index-languages 3s; -webkit-animation:index-languages 3s; }
.index-div table td .index-languages a{ width:103px; height:32px; margin:0 4px; border-radius:6px; border:1px solid #CCC; display:inline-block; line-height:32px; font-size:14px; text-decoration:none; background:url(images/index.png?20200422) -8px -88px; color:#999; }
.index-div table td .index-languages a:hover{ background:url(images/index.png?20200422) -8px -120px; border:1px solid #FFDD00; color:#FFF; box-shadow:0 0 6px rgba(0,0,0,0.2); }
.index-div .index-mark img{ height:70px; }

@keyframes index-logo{ 0%{ opacity:0; margin:-200px 0 0 0; } 70%{ opacity:1; margin:0; } }
@-webkit-keyframes index-logo{ 0%{ opacity:0; margin:-200px 0 0 0; } 70%{ opacity:1; margin:0; } }

@keyframes index-languages{ 0%{ opacity:0; } 100%{ opacity:1; } }
@-webkit-keyframes index-languages{ 0%{ opacity:0; } 100%{ opacity:1; } }

@keyframes index-background{ 0%{ background-size:830px 388px; } 50%{ background-size:913px 427px; } 100%{ background-size:830px 388px; } }
@-webkit-keyframes index-background{ 0%{ background-size:830px 388px; } 50%{ background-size:913px 427px; } 100%{ background-size:830px 388px; } }