.centent{
        width: 100%;
        box-sizing: border-box;
        border: 1px solid red;
        min-height: 100vh;
}
.main{
        max-width:1280px ;
        box-sizing: border-box;
        margin:0 auto;
        border: 1px solid yellow;
}



.title{
        text-align: center;
        font-size: .4rem;
}

/* 一楼 */
.one-floor{

}

#wrap{
        width:700px;
        height:300px;
        margin:60px auto;
        overflow:hidden;
}
#wrap ul{
        width:120%;
}
#wrap ul li{
        list-style:none;
        width:100px;
        height:300px;
        float:left;
}
#wrap ul li .wrap-txt{
        width:100px;
        height:300px;
        background:rgba(0,0,0,.5);
        overflow:hidden;
}
#wrap ul li .wrap-txt p{
        padding:10px 42px;
        background:rgba(0,0,0,.5);
        color:#fff;
        font-family:'Microsoft yahei';
        font-size:14px;
}

/*  */



.story {
        overflow: hidden
    }
    
    .story .sub_column {
        margin: 0 0 20px
    }
    
    .story_con {
        width: 100%;
        border-radius: 5px;
        display: flex;
        color: #fff;
        margin-bottom: 18px
    }
    
    .story_con img {
        width: auto;
        height: 315px;
        max-width: none
    }
    
    .story_con .img_scale {
        position: unset
    }
    
    .story_height {
        width: 120px
    }
    
    .story_con .story_item {
        width: 120px;
        position: relative;
        margin-left: -15px;
        border-radius: 5px;
        overflow: hidden
    }
    
    .story_con .story_item:first-child {
        margin-left: 0
    }
    
    .story_con .story_item .black {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 315px;
        background: rgba(0,0,0,.6);
        border-radius: 5px
    }
    
    .story_con .story_item h3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 105px;
        height: 315px;
        writing-mode: vertical-rl;
        padding: 20px 0;
        box-sizing: border-box;
        transition: all .4s;
        letter-spacing: 2px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-weight: 300;
        opacity: 1
    }
    
    .story_con .story_item p {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 550px;
        padding: 10px 15px;
        box-sizing: border-box;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
        display: none
    }
    
    .story_con .story_item p a {
        color: #fff
    }
    
    .story_con .story_item.story_cur {
        width: 560px
    }
    
    .story_con .story_item.story_cur h3 {
        opacity: 0
    }