.main{background: url(../images/indexbg.jpg);background-size:100% 100%;width:100%;height:100%;}
.head{width:100%;margin-top:0.35rem;}
.logo{width:4.26rem;margin:0 auto;}
.logo img{width:inherit;}

.nav{position:relative;}
.nav a{display:block;width:1.23rem;height:1.23rem;background-color: #0691e8;position:absolute;transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */}
.nav p{margin: 0.3rem;letter-spacing: 0.09rem;text-align: center;color:#fff;width:0.7rem;font-size:0.24rem;line-height:0.29rem;transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* Internet Explorer */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); /* Opera */}
.nav1{left:1.7rem;top:0.94rem;}
.nav2{left:2.74rem;}
.nav3{left: 3.47rem;top: 0.94rem;}

.indextext{width:100%;text-align: center;margin-top:3.2rem;}
.indextext img{width:5.2rem;margin:0.1rem; auto;}

.nav a:nth-child(1){-webkit-animation: myfirst1 1s;}
.nav a:nth-child(2){-webkit-animation: myfirst2 2s;}
.nav a:nth-child(3){-webkit-animation: myfirst3 3s;}
.indextext img:nth-child(1){-webkit-animation: myfirst4 4s;}
.indextext img:nth-child(2){-webkit-animation: myfirst5 5s;}

@-webkit-keyframes myfirst
{
0%   {top:-1000px;}
100% {top:5%;}
}
@-webkit-keyframes myfirst1
{
  0%{ opacity:0;}
  50%{ opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes myfirst2
{
0%{ opacity:0;}
50%{ opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes myfirst3
{
0%{ opacity:0;}
50%{ opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes myfirst4
{
0%{ opacity:0;}
50%{ opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes myfirst5
{
0%{ opacity:0;}
50%{ opacity:0;}
100%{opacity:1;}
}