* {
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
}
body {
    cursor: pointer;
    background-color: rgba(13,13,12,1);
}
.allSrc {
    position: fixed;
    width: 1920px;
    height: 100%;
    z-index: 2
}

.main {
    height: 900px;
    background: url(../images/bgimg.png?v=032003) center 0 no-repeat;
    position: relative;
    overflow: hidden;
}
.icon {
    position: relative;
}
.icon div {
    position: absolute;
}
.icon-1 {
    width: 547px;
    height: 535px;
    top: 50%;
    left: 50%;
    margin-top: 137px;
    margin-left: -340px;
    background-image: url(../images/icon-1.png?v=0320);
    animation: icon1 2s steps(8) infinite;
    -webkit-animation: icon1 2s steps(8) infinite;
    -moz-animation: icon1 2s steps(8) infinite;
    -ms-animation: icon1 2s steps(8) infinite;
}

.icon-2 {
    width: 166px;
    height: 249px;
    top: 50%;
    left: 50%;
    margin-top: 420px;
    margin-left: 180px;
    background-image: url(../images/icon-2.png?v=0320);
    animation: icon2 1.5s steps(9) infinite;
    -webkit-animation: icon2 1.5s steps(9) infinite;
    -moz-animation: icon2 1.5s steps(9) infinite;
    -ms-animation: icon2 1.5s steps(9) infinite;
}
.icon-3 {
    width: 467px;
    height: 309px;
    top: 50%;
    left: 50%;
    margin-top: 342px;
    margin-left: 228px;
    background-image: url(../images/icon-3.png?v=0320);
    animation: icon3 1.5s steps(7) infinite;
    -webkit-animation: icon3 1.5s steps(7) infinite;
    -moz-animation: icon3 1.5s steps(7) infinite;
    -ms-animation: icon3 1.5s steps(7) infinite;
}
@keyframes icon1 {0% {background-position: 0 0;}100% {background-position: -7176px 0;}}
@-o-keyframes icon1 {0% {background-position: 0 0;}100% {background-position: -7176px 0;}}
@-moz-keyframes icon1 {0% {background-position: 0 0;}100% {background-position: -7176px 0;}}
@-webkit-keyframes icon1 {0% {background-position: 0 0;}100% {background-position: -7176px 0;}}
@keyframes icon2 {0% {background-position: 0 0;}100% {background-position: -1787px 0;}}
@-o-keyframes icon2 {0% {background-position: 0 0;}100% {background-position: -1787px 0;}}
@-moz-keyframes icon2 {0% {background-position: 0 0;}100% {background-position: -1787px 0;}}
@-webkit-keyframes icon2 {0% {background-position: 0 0;}100% {background-position: -1787px 0;}}
@keyframes icon3 {0% {background-position: 0  0;}100% {background-position: -3799px 0;}}
@-o-keyframes icon3 {0% {background-position: 0  0;}100% {background-position: -3799px 0;}}
@-moz-keyframes icon3 {0% {background-position: 0  0;}100% {background-position: -3799px 0;}}
@-webkit-keyframes icon3 {0% {background-position: 0  0;}100% {background-position: -3799px 0;}}


.btn {
    display: block;
    width: 340px;
    height: 97px;
    top: 50%;
    left: 50%;
    margin-top: 230px;
    margin-left: 85px;
    background: url(../images/btn.png?v=0320) 0 0 no-repeat;
    position: absolute;
}
.btn:hover {
    background-position: 0 -97px;
}