.content{
   
   
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    /* background: url(../image/member-bg.png) no-repeat center 0; */
    background: url(https://file.c-sgba.com/uploads/ab7c2e91-b966-4fc4-8efb-ede4c1d36b66.png) no-repeat center 0;
    background-size: 38.4rem 8.36rem;
}


.mt834{
    margin-top: 8.34rem;
}


.recovery-middle-bg{
    background: url(../image/recovery-middle-bg.jpg) no-repeat center 0;
    background-size: 38.4rem 13.6rem;

}

.floor2{
    min-height:16rem;
    background: url(../image/recovery-middle.png) no-repeat right 0;
    background-size: 10.8rem 15.8rem; 
}

.floor2-left{
    flex-shrink: 0;
    width: 12.2rem;
}
.floor2-left .title{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .64rem;
    color: #000000;
    text-align: left;
    position: relative;
    padding-bottom: .28rem;
    margin-bottom: .56rem;
}

.floor2-left .title::after{
    content: '';
    position: absolute;
    display: block;
    width: 1.48rem;
    height: .08rem;
    background: #000000;
    border-radius: 0px 0px 0px 0px;
    bottom: 0%;
    left: .5rem;
}

.floor2-left .subtitle{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .28rem;
    color: #686767;
    line-height: .56rem;
    text-align: justify;
    text-align-last: left;
}
.floor2-right{
    width: 15.68rem;
    height:12.8rem ;  
   
}





.floor3{
    background: url(https://file.c-sgba.com/uploads/db50b4a0-4984-4258-b282-68c76a519e8f.png) no-repeat center 0;
    background-size: 100% 100%; 
    min-height: 15.16rem;
    padding: 1.48rem 0 3.38rem 0;
    box-sizing: border-box;
}
.floor3-title{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .4rem;
    color: #FFFFFF;
    text-align: left;
    text-align: center;
}

.floor3-title p:nth-child(1){
    font-weight: bold;
    font-size: .64rem;
    line-height: 1rem;
}

.news{
    margin-top: 1.2rem;
}
.news .item{
    width: 7.7rem;
    height: 7.7rem;
    margin-right: .45rem;
    position: relative;
    margin-bottom: .3rem;
}
.news .item:nth-child(3n){
    margin-right: 0;
}
.news .item img{
    width: 100%;
    height: 100%;
}
.news .item .title{
    width: 7.7rem;
    position: absolute;
    height: 1.2rem;
    line-height: 1.2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    border-radius: 0px 0px 0px 0px;
    font-weight: 400;
    font-size: .32rem;
    color: #FFFFFF;
    padding: 0 .3rem;
    box-sizing: border-box;
    text-align: center;
    bottom: 0;
}
.news .item .make{
    width: 7.7rem;
    position: absolute;
    height: 7.7rem;
    background: rgba(1,17,33,0.59);
border-radius: 0px 0px 0px 0px;
top: 0%;
left: 0;
display: flex;
transition: all .3s;
    transform: scaleX(0);
}
.news .item .make span{
    margin: auto;
    width: 3.24rem;
    height: .84rem;
    background: #D81111;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #D81111;
    font-weight: 400;
    font-size: .24rem;
    line-height: .84rem;
    color: #FFFFFF;
    text-align: center;
    
}

.news .item:hover .make{ 
    transform: scaleX(1);
}


@media (max-width: 651px) {


    .content {
        background: url(../image/m-recovery-bg.png) no-repeat center 0;
        background-size: 100% 3.6rem;
        margin-top: 1.2rem;
    }

    .recovery-middle-bg{
        padding:0 .32rem;
        /* background: url(../image/recovery-middle-bg.jpg) no-repeat left 0;
        background-size: 100%  2rem;
        box-sizing: border-box;
        overflow: hidden; */
        background: none;
    }

    .floor2{
        width: 100%;
        margin-top: 3.6rem;
        box-sizing: border-box;
        overflow: hidden;
        background: none;
    }

    .floor2-left{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .floor2-left .title{
        text-align: center;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        padding-top: .8rem;
    }
    .floor2-left .title::before{
        content: 'ABOUT US';
        display: block;
        position: absolute;
        font-weight: 800;
        font-size: 1.1rem;
        color: rgba(226, 215, 215,.5);
        left: 0;
        right: 0;
        transform: translate(0,-50%);

        z-index: -1;
    }


    .floor2-left .title::after{
        display: none;
    }
    .floor2-left .subtitle{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        word-wrap: break-word;
        padding: .32rem;
    }
    .floor2-left .subtitle {
        background: url(../image/m-recovery-middle.png) no-repeat left 0;
    background-size: 100% 100%;
    }
    .floor3{
        width: 100%;
        padding: .4rem .32rem;
        box-sizing: border-box;
        overflow: hidden;
        background: url(../image/m-recovery-bottombg.png) no-repeat center 0;
    background-size: 100% 100%;
    }
    .floor3 .w240{
        width: 100%;
    }
    .news{
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
      
    }
    .floor3-title{
        width: 100%;
    }
    .news .item{
        width: 48%;
        height: auto;

        margin-right: 0;
    }
    .news .item img{
        height: auto;
    }
    .news .item .make{
        width: 100%;
        height: auto;
        display: none;
    }
    .news .item .title{
        width: 100%;
    }

}