@media(max-width:767px){
    .center1-bottom {
        background: url(../img/serBg.png) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 55vw;
    }
    .ser-content{
        width: 100vw;
        /* height: 90vh; */
        margin: 0 auto;
        position: relative;
        background-color: #fff;
    }
    .ser-botm-item{
        width: 24vw !important;
        position: relative;
        height: 18vh;
    }
    .ser-botm-item span{
        display: block;
        width: 100%;
        /* height: 8vh; */
        line-height: 4vh;
        font-size: 3.4vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .ser-botm{
        padding: 6vh 2vw;
    }
    .ser-top {
        width: 100%;
        height: 14vh;
        position: absolute;
        top: -9vh;
        left: 0;
        display: flex;
    }
    .ser-top-item{
        margin-right: 1vw;
        position: relative;
    }
    .ser-top-item:last-child{
        margin-right: 0;
    }
    .ser-topit-con{
        padding-left: 0;
        height: 6vh;
        top: 100;
        left: 0;
        transform: translateY(0);
        position: absolute;
        z-index: 10;
    }
    .ser-topit-ttext, .ser-topit-btext {
        width: 100%;
        height: 3vh;
        line-height: 3vh;
        padding-left: 0;
        text-align: center;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .ser-topit-img{
        display: block;
        position: absolute;
        top: 2vh;
        right: 50%;
        width: 4vh;
        height: 4vh;
        transform: translate(50%,0);
        z-index: 10;
    }
    .ser-more{
        margin-top: 0;
    }
    .ser-more-img {
        width: 100%;
        height: 6vh;
        overflow: hidden;
    }
    .ser-more-img img {
        display: block;
        width: 4vh;
        height: 4vh;
        margin: 2vh auto;
    }
    .ser-more-text{
        line-height: 4vh;
    }
}