@font-face {
    font-family: 'Source Han Sans CN Bold';
    src: url('/static/font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'Source Han Sans CN Light';
    src: url('/static/font/SourceHanSansCN-Light.otf');
}
h2{
  font-family:"Source Han Sans CN Bold";
}
p{
    font-family:"Source Han Sans CN Light" ;
}
.img-hover{
    width: 85%;
    background:#fafafa;
}
.img-hover:hover{
    cursor: pointer;
    transform: scale(1.2);
    /*box-shadow: rgb(136, 136, 136) 0px 0px 12px;*/
    box-shadow: 10px 10px 5px #B9B9B9;
    background:#fafafa;
}
.cover{
    position: fixed;top:0;
    width: 100%;height:1650px;
    background: rgba(0,0,0,0.8);
    margin: 0 auto;
}
.img{
    margin-top: 50px;
    margin-left:50px;
    text-align: center;
}
.font{
    padding-right: 20px;
    margin-left:50px;
    margin-top: 50px;
}
.x-style{
    position: absolute;top:15px;right:15px;
    cursor: pointer;
}
.slide-fade-enter-active {
    transition: all .3s ease;
}
.slide-fade-leave-active {
    transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
    /* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateX(0px);
    opacity: 0;
}
.floor-1{
    height: 360px;
    background: #fafafa;
}
.floor-2{
    height: 360px;
    background: white;
}

.pc_box_width{
   width:62.6%;
}
.pc_center_style{
    width:94%;
    margin-top:43px;
}
.pc_center_width{
    width:66.6%;
}
.center_margin{
    margin:1.3vw 0 1.3vw 0;
}
.pc_bottom{
    margin-bottom:1.5vw;
}
.pc_bottom_margin{
    margin:0.20vw 0 0 0.6vw;
    width:40vw;
}
.center_style{
    width:20.7%;
    margin-top:5.15vw;
}
.center_left{
    margin-left:1vw;
    margin-top:0.7vw;
    width:40vw;
}
.center_left_top{
    margin-left:1vw;
    margin-top:0.5vw;
}
.bottom_margin{
    margin-bottom:6.77vw;
}

/*mobile*/
.mb_container{
    width:100%;
}

.m_t{
    width:calc(320vw/3.75);
    margin:0px auto;
}