.shi-scene-top{
    position: relative;
}
.shi-scene-top-1{
    height: 100%;
    width: 100%;
}
.shi-scene-top-2{
    width: 16.5%;;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 1;
    animation:fall 1s  1
}
.shi-scene-top-3{
    width: 18.91%;
    position: absolute;
    bottom: 0;
    left: 24%;
    animation:fall2 1.4s  1
}
.shi-scene-map{
    padding-top: 80px;
    background: white;
    height: 100%;
    width: 100%;
}
.shi-scene-line{
    width: 85%;
    height: 1px;
    background: #9999;
    margin: auto;
}
.shi-scene-look{
    width: 1300px;
    margin: auto;
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.shi-dis-flex{
    display: flex;
    align-items: center;
}
.shi-scene-img{
    height: 216px;
    width: 288px;
    padding: 5px;
    border: 1px solid #9999;
}
.shi-scene-img img{
    height: 100%;
    width: 100%;
}
.shi-scene-specific{
    display: flex;
    width: 50%;
    margin-bottom: 30px;
}
.shi-scene-name{
    color: #444444;
    padding: 15px 0;
    border-bottom: 1px solid #9999;
    font-weight: bold;
    font-size: 2.3rem;
}
.shi-scene-direction{
    padding: 0 25px;
}
.shi-scene-date{
    font-size: 1.55rem;
    font-weight: bold;
}
.shi-scene-text{
    white-space: nowrap;
}
.shi-cooperation-service{
    position: absolute;
    top: 45%;
    right: 10px;
}
.shi-pos-rel{
    position: relative;
}
.shi-cooperation-two-move{
    position: relative;
    height: 100%;
}
.shi-cooperation-two-zero{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 14%;
}
.shi-cooperation-two-group{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1186px;
}
.shi-cooperation-two-one{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.shi-cooperation-two-two{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    margin: auto;
}
.shi-cooperation-two-three{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25%;
    margin: auto;
}
.shi-cooperation-two-four{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0%;
    margin: auto;
}
.shi-cooperation-three-intermediate{
    position: absolute;
    height: 100%;
    width: 46.9%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.shi-cooperation-one-zero{
    position: absolute;
    height: 9%;
    left: 0;
    right: 0;
    top: 27%;
    margin: auto;
}
.shi-cooperation-three-zero{
     position: absolute;
     height: 71.4%;
     width: 85%;
     bottom: 0;
     top: 5%;
     right: 0;
     left: 0;
     margin: auto;
 }
.shi-cooperation-three-one{
    position: absolute;
    height: 18.3%;
    left: 5.5%;
    top: 27%;
    animation:sway 2s 0.2s infinite
}
.shi-cooperation-three-two{
    position: absolute;
    height: 18.3%;
    top: 27%;
    right: 5.5%;
    animation:sway 2s 1s infinite
}
.shi-cooperation-three-three{
    position: absolute;
    height: 18.3%;
    bottom: 22%;
    left: 5.5%;
    animation:sway 2s 0.4s infinite
}
.shi-cooperation-three-four{
    position: absolute;
    height: 18.3%;
    bottom: 22%;
    right: 5.5%;
    animation:sway 2s 0.8s infinite
}
.shi-cooperation-three-fives{
    position: absolute;
    margin: auto;
    height: 18.3%;
    left: 0;
    right: 0;
    bottom: 5.5%;
    animation:sway 2s 0.6s infinite
}
.shi-cooperation-three-six{
    position: absolute;
    height: 48%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.shi-cooperation-three-seven{
    position: absolute;
    height: 8%;
    left: 0;
    right: 0;
    top: 7%;
    margin: auto;
}
.shi-cooperation-four-intermediate{
    position: absolute;
    height: 100%;
    width: 900px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.shi-cooperation-four-zero{
    height: 26.6%;
    position: absolute;
    bottom: 0;
    right: 10%;
    z-index: 1;
}
.shi-cooperation-four-one{
    height: 30%;
    position: absolute;
    bottom: 0;
    right: 200%;
    z-index: 0;
}
.shi-cooperation-four-two{
    position: absolute;
    bottom: 19%;
    right: 25%;
    z-index: 1;
}
@keyframes sway {
    0%,
    100%,
    80%{
        transform:rotate(0deg);
    }
    85%,95%{
        transform:rotate(15deg);
    }
    90%{
        transform:rotate(-15deg);
    }
}
#trigger{
    min-height: 1px;
}
@keyframes fall {
    0%{
        bottom: 2000px;
    }
    100%{
        bottom: 0;
    }
}
@keyframes fall2 {
    0%,29%{
        bottom: 2000px;
    }
    100%{
        bottom: 0;
    }
}