.about_body {
    float: right;
    width: 50%;
}

.about_body p {
    line-height: 34px;
}

.about_body a {
    float: left;
    padding-left: 15px;
}

.video {
    width: 960px;
    float: left;
}

.picture-3 {
    position: relative;
    padding-top: 450px;
    background: #000;
}

.picture-3 .imgbox,
.picture-3 .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.picture-3 .imgbox {
    z-index: 2;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}

.picture-3 .imgbox span {
    display: block;
    position: relative;
    height: 100%;
    opacity: 0.3;
}

.picture-3 .imgbox .icon {
    position: absolute;
    width: 48%;
    height: 48%;
    left: 50%;
    top: 50%;
    background: url(/static/css/../images/video.png) no-repeat;
    background-size: 50px;
}

.picture-3 .video {
    z-index: 1;
    display: none;
}

.picture-3 .video video {
    width: 100%;
    height: 100%;
}

@media (min-width: 200px) {
    .video {
        text-align: center;
        width: 100%;
    }

    .picture-3 {
        margin: 0 auto;
        width: 160px;
        padding-top: 90px;
    }

    .about_body {
        width: 100%;
        text-align: center;
        float: none;
    }

    .about_body p {
        width: 160px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_body a {
        float: none;
    }
}

@media (min-width: 320px) {
    .video {
        text-align: center;
        width: 100%;
    }

    .picture-3 {
        margin: 0 auto;
        width: 288px;
        padding-top: 162px;
    }

    .about_body {
        width: 100%;
        text-align: center;
        float: none;
    }

    .about_body p {
        width: 288px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_body a {
        float: none;
    }
}

@media (min-width: 480px) {
    .video {
        text-align: center;
        width: 100%;
    }

    .picture-3 {
        margin: 0 auto;
        width: 320px;
        padding-top: 180px;
    }

    .about_body {
        width: 100%;
        text-align: center;
        float: none;
    }

    .about_body p {
        width: 320px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_body a {
        float: none;
    }
}

@media (min-width: 769px) {
    .video {
        text-align: center;
        width: 100%;
    }

    .picture-3 {
        margin: 0 auto;
        width: 640px;
        padding-top: 360px;
    }

    .about_body {
        width: 100%;
        text-align: center;
        float: none;
    }

    .about_body p {
        width: 640px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_body a {
        float: none;
    }
}

@media (min-width: 992px) {
    .video {
        text-align: center;
        width: 100%;
    }

    .picture-3 {
        margin: 0 auto;
        width: 640px;
        padding-top: 360px;
    }

    .about_body {
        width: 100%;
        text-align: center;
        float: none;
    }

    .about_body p {
        width: 640px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .about_body a {
        float: none;
    }
}

@media (min-width: 1200px) {
    .video {
        float: left;
        width: 640px;
    }

    .picture-3 {
        width: 640px;
    }

    .about_body {
        float: right;
    }

    .picture-3 {
        margin: 0;
    }

    .about_body {
        float: right;
        width: 460px;
    }

    .about_body p {
        width: 100%;
        margin: 0;
    }

    .about_body a {
        float: left;
    }
}