body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0;}
/* html{font-size:0.875em} */
body{ font-family:"微软雅黑";overflow-x:hidden;overflow-x: scroll;color:#666;}
a{text-decoration:none;color: #666;}
a:hover{ text-decoration:none;transition: all 1s;/*color:#E50B0B;*/}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
h1,h2,h3,h4{font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}

.mar_auto{ margin:0px auto;}
button{border:none; background: none;}
.w_1200{ width:100rem; margin: 0 auto; }

.index_nav1{ overflow: hidden; position: relative; width: 100rem; margin: 0 auto }
.index_nav1 span{ position: absolute; display: block; left: 0; top: 0 }
.index_nav1 .x1{
    left:10%;
    top:10%;
    animation-name:myfirst;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfirst;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfirst
{
    0%   {left:10%; top:10%;}
    25%  { left:15%; top:15%;}
    50%  { left:13%; top:13%;}
    75%  { left:15%; top:15%;}
    100% { left:10%; top:10%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
     0%   {left:10%; top:10%;}
    25%  { left:15%; top:15%;}
    50%  { left:13%; top:13%;}
    75%  { left:15%; top:15%;}
    100% { left:10%; top:10%;}
}
.index_nav1 .x2{
    left:80%;
    top:30%;
    animation-name:myfirstt;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfirstt;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfirstt
{
    0%   {left:80%; top:30%;}
    25%  { left:75%; top:26%;}
    50%  { left:85%; top:30%;}
    75%  { left:80%; top:40%;}
    100% { left:80%; top:30%;}
}

@-webkit-keyframes myfirstt /* Safari and Chrome */
{
    0%   {left:80%; top:30%;}
    25%  { left:83%; top:32%;}
    50%  { left:85%; top:30%;}
    75%  { left:83%; top:36%;}
    100% { left:80%; top:30%;}
}

.index_nav1 .x3{
    left:15%;
    top:82%;
    animation-name:myfirs;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfirs;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfirs
{
    0%   {left:15%; top:82%;}
    25%  { left:17%; top:85%;}
    50%  { left:16%; top:82%;}
    75%  { left:18%; top:88%;}
    100% { left:15%; top:82%;}
}

@-webkit-keyframes myfirs /* Safari and Chrome */
{
      0%   {left:15%; top:82%;}
    25%  { left:17%; top:85%;}
    50%  { left:16%; top:82%;}
    75%  { left:18%; top:88%;}
    100% { left:15%; top:82%;}
}
.index_nav1 .x4{
    left:12%;
    top:26%;
    animation-name:myfir;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfir;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfir
{
    0%   {left:12%; top:26%;}
    20%  { left:14%; top:28%;}
    35%  { left:16%; top:32%;}
    80%  { left:13%; top:38%;}
    100% { left:12%; top:26%;}
}

@-webkit-keyframes myfir /* Safari and Chrome */
{
     0%   {left:12%; top:26%;}
    20%  { left:14%; top:28%;}
    35%  { left:16%; top:32%;}
    80%  { left:13%; top:38%;}
    100% { left:12%; top:26%;}
}
.index_nav1 .x5{
    left:86%;
    top:36%;
    animation-name:myfi;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfi;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfi
{
    0%   {left:86%; top:32%;}
    20%  { left:89%; top:38%;}
    35%  { left:83%; top:32%;}
    80%  { left:85%; top:38%;}
    100% { left:82%; top:26%;}
}

@-webkit-keyframes myfi /* Safari and Chrome */
{
     0%   {left:86%; top:32%;}
    20%  { left:89%; top:38%;}
    35%  { left:83%; top:32%;}
    80%  { left:85%; top:38%;}
    100% { left:82%; top:26%;}
}
.index_nav1 .x6{
    left:32%;
    top:15%;
    animation-name:myf;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myf;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myf
{
    0%   {left:32%; top:15%;}
    20%  { left:30%; top:30%;}
    35%  { left:36%; top:32%;}
    80%  { left:35%; top:36%;}
    100% { left:32%; top:28%;}
}

@-webkit-keyframes myf /* Safari and Chrome */
{
     0%   {left:28%; top:28%;}
    20%  { left:30%; top:30%;}
    35%  { left:36%; top:32%;}
    80%  { left:35%; top:36%;}
    100% { left:3%; top:28%;}
}
.index_nav1 .x7{
    left:82%;
    top:70%;
    animation-name:myfeee;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfeee;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfeee
{
    0%   {left:83%; top:74%;}
    20%  { left:83%; top:66%;}
    35%  { left:80%; top:70%;}
    80%  { left:86%; top:70%;}
    100% { left:83%; top:74%;}
}

@-webkit-keyframes myfeee /* Safari and Chrome */
{
    0%   {left:83%; top:74%;}
    20%  { left:83%; top:66%;}
    35%  { left:80%; top:70%;}
    80%  { left:86%; top:70%;}
    100% { left:83%; top:74%;}
}
.index_nav1 .x8{
    left:8%;
    top:74%;
    animation-name:myfee;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-delay:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfee;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}

@keyframes myfee
{
    0%   {left:8%; top:74%;}
    20%  { left:3%; top:80%;}
    35%  { left:10%; top:82%;}
    80%  { left:12%; top:80%;}
    100% { left:8%; top:74%;}
}

@-webkit-keyframes myfee /* Safari and Chrome */
{
   0%   {left:8%; top:74%;}
    20%  { left:3%; top:80%;}
    35%  { left:10%; top:82%;}
    80%  { left:12%; top:80%;}
    100% { left:8%; top:74%;}
}