.wp{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.page1{
    background: url("../imgs/page1/1_bg.jpg") no-repeat bottom;
    background-size: 100% 100%;
    position: relative;
}
.page1 div:nth-child(1){
    position: absolute;
    left: 50%;
    top: 15%;
}
.page1 div:nth-child(1) span{
    background-image: url("../imgs/page1/1_yixi.png");
    background-size: 100% 100%;
    position: absolute;
    width: 78px;
    height: 235px;
    margin-left: -77.5px;
/*    position: absolute;
    width: 28px;
    height: 140px;
    margin-left: -20.5px;*/
}

.page1 div:nth-child(2){
    position: absolute;
    left: 51%;
    top: 28%;
}
.page1 div:nth-child(2) span{
    background-image: url("../imgs/page1/1_yuelo.png");
    background-size: 100% 100%;
    position: absolute;
    width: 95px;
    height: 202px;
    margin-left: -20.5px;
}
.page1 div:nth-child(3){
    position: absolute;
    left: 28%;
    top: 15%;
}
.page1 div:nth-child(3) span{
    background-image: url("../imgs/page1/1_out.png");
    background-size: 100% 100%;
    position: absolute;
    width: 211px;
    height: 290px;
    margin-left: -38.5px;
}
.page1 div:nth-child(4){
    position: absolute;
    left: 62%;
    top: 25%;
}
.page1 div:nth-child(4) span{
    background-image: url("../imgs/page1/1_red.png");
    background-size: 100% 100%;
    position: absolute;
    width: 56px;
    height: 16px;
    margin-left: -38.5px;
}

.page2{
    background: url("../imgs/page2/2_bg.jpg");
    background-size: 100% 100%;
    position: relative;
}
.page2 div:nth-child(1){
    position: absolute;
    left: 50%;
    top: 7%;
}
.page2 div:nth-child(1) span{
    background-image: url("../imgs/page2/2-LOGO.png");
    background-size: 100% 100%;
    position: absolute;
    width: 220px;
    height: 85px;
    margin-left: -110px;
}
/*
.page2 div:nth-child(2){
    position: absolute;
    left: 32%;
    top: 22%;
}
.page2 div:nth-child(2) span{
    background-image: url("../imgs/page2/2_观山.png");
    background-size: 100% 100%;
    position: absolute;
    width: 33px;
    height: 69px;
    margin-left: -87px;
}
.page2 div:nth-child(3){
    position: absolute;
    left: 52%;
    top: 22%;
}
.page2 div:nth-child(3) span{
    background-image: url("../imgs/page2/2_观水.png");
    background-size: 100% 100%;
    position: absolute;
    width: 33px;
    height: 69px;
    margin-left: -100px;
}
 .page2 div:nth-child(4){
    position: absolute;
    left: 68%;
    top: 22%;
}
.page2 div:nth-child(4) span{
    background-image: url("../imgs/page2/2_观天下.png");
    background-size: 100% 100%;
    position: absolute;
    width: 33px;
    height: 114px;
    margin-left: -100px;
}
.page2 div:nth-child(5){
    position: absolute;
    left: 80%;
    top: 22%;
}
.page2 div:nth-child(5) span{
    background-image: url("../imgs/page2/2-英文.png");
    background-size: 100% 100%;
    position: absolute;
    width: 159px;
    height: 81px;
    margin-left: -100px;
}*/
.page2 div:nth-child(2){
    position: absolute;
    left: 50%;
    top: 32%;
} 
.page2 div:nth-child(2) span{
    background-image: url("../imgs/page2/2-电话.png");
    background-size: 100% 100%;
    position: absolute;
    width: 300px;
    height: 80px;
    margin-left: -150px;
}
.page2 div:nth-child(3){
    position: absolute;
    left: 50%;
    top: 56%;
}
.page2 div:nth-child(3) span{
    background-image: url("../imgs/page2/vr_1-1.png");
    background-size: 100% 100%;
    position: absolute;
    width: 90px;
    height: 90px;
    margin-left: -45px;
}

/* 箭头 */
@-webkit-keyframes start {
    0%,30% {
        opacity: 0.2;
        -webkit-transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translate(0, -5px);
    }
}
@keyframes start {
    0%,30% {
        opacity: 0.2;
        transform: translate(0,10px);
    }
    60% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 0.2;
        transform: translate(0, -5px);
    }
}

.start{
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 99%;
    margin-top: -34px;
    width: 34px;
    height: 34px;
}
.start b{
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -9px;
    width: 19px;
    height: 12px;
    background: url(img/arrow.png);
    background-size: 100% 100%;
    -webkit-animation: start 1.5s infinite ease-in-out;
    animation: start 1.5s infinite ease-in-out;
}