.d-sec2 img, .d-sec3 .pro img {
    max-width: 100%
}

.d-sec1 img, .d-sec3 .table img, article {
    width: 100%
}

.d-sec3 .data img, .links a, .links span {
    display: inline-block
}

article {
    overflow: hidden;
    padding-top: 60px
}

.d-sec1 {
    position: relative
}

    .d-sec1 div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%)
    }

.d-sec2 .pro {
    padding: 30px
}

.d-sec3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-image: url(/static/images/details/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

    .d-sec3 p {
        color: #fff;
        letter-spacing: 1px;
        font-size: 14px;
        font-weight: lighter
    }

    .d-sec3 .pro {
        padding: 30px
    }

    .d-sec3 .data {
        margin-top: 30px
    }

        .d-sec3 .data img {
            text-align: center;
            width: 49%;
            max-width: 360px
        }

            .d-sec3 .data img:nth-child(2) {
                margin-left: 2%
            }

    .d-sec3 .mw {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }

.links {
    padding: 10px;
    color: #fff;
    background-color: #969697;
    text-align: center
}

    .links a {
        margin: 0 20px;
        color: #fff
    }

        .links a:hover {
            color: #0054a7
        }

    .links .iconfont {
        margin: 5px
    }

.ban-ipad, .ban-uav {
    color: #fff
}

/*.ban-notebook {
    color: #fff
}*/
.ban-smarthome {
    color: #fff
}

@media screen and (max-width:750px) {
    section .p {
        width: 100%
    }

    .d-sec2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .d-sec3 p {
        font-size: 16px
    }

    .d-sec3 .data img {
        width: 100%;
        display: block;
        margin: 10px auto !important
    }

    .links {
        overflow: hidden
    }

        .links a:first-child {
            float: left
        }

        .links a:last-child {
            float: right
        }
}