@media only screen and (min-width:300px) and (max-width: 1200px){
    .about{
        width: 100%;
        background: #ffffff;
        color: #222222;
        padding-top: 51px;
    }
    .about-top{
        background: url('/ui/pc/img/APP_07.jpg') no-repeat center;
        height: 184px;
        background-size: 100%;
    }
    .about-middle{
        display: flex;
        border-bottom: 1px solid #cccc;
        padding: 20px 0;
        justify-content: center;
    }
    .about-middle a{
        padding: 0 20px;
        font-size: 16px;
    }
    .about-middle .curr{
        color: #0a8ddf;
    }
    .about-content{
        width: 100%;
        padding: 0 20px;
        margin:20px auto;
    }
    .about-content img{
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width:1200px) {
    .about{
        width: 100%;
        background: #ffffff;
        color: #222222;
        padding-top: 51px;
    }
    .about-top{
        background: url('/ui/pc/img/PC_08.jpg') no-repeat center 100%;
        height: 392px;
    }
    .about-middle{
        display: flex;
        border-bottom: 1px solid #cccc;
        padding: 20px 0;
        justify-content: center;
    }
    .about-middle a{
        padding: 0 20px;
        font-size: 16px;
    }
    .about-middle .curr{
        color: #0a8ddf;
    }
    .about-content{
        width: 1200px;
        margin:20px auto;
    }
}