@media (max-width: 768px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .exclusive .top {
        background-image: url("../img/web/solve/mmcs1.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/solve/mmcs1.png*/;
        /* background-size: cover; */
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 22rem;
        background-position: 0 0px;
    }

    .exclusive .top-con {
        width: 100%;
        padding: 0px 0px;
    }

    .exclusive .top-title {
        font-size: 46px;
        /* line-height: 60px; */
        font-weight: bold;
        margin-top: 0px;
    }

    .exclusive .top-title {
        font-size: 20px;
        /* line-height: 60px; */
        font-weight: bold;
        margin-top: 0px;
        padding-top: 6rem;
        margin-left: 3rem;
    }

    .exclusive .top-text {
        width: 90%;
        font-size: 16px;
        margin: 10px 0 24px;
        font-weight: 100;
        word-break: break-all;
        margin-left: 3rem;
    }

    .exclusive .btn-font {
        margin-left: 3rem;
        display: inline-block;
        width: 100px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        background: #2598FE;
        border-radius: 4px;
        font-size: 16px;
        cursor: pointer;
    }

    .news-nav-inner {
        width: 100%;
        margin: 0px auto;
        white-space: nowrap;
    }

    /* 产品介绍 */
    .tpm-section__title {
        font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
        --swiper-theme-color: #007aff;
        --qcloud-float-ratio: 1;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        outline: none;
        font-weight: bold;
        font-size: 20px;
        color: #000;
        line-height: 48px;
    }

    .view-column {
        max-width: 100%;
        margin: 0 auto 5rem auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .tp-grid__col--8 {
        width: 100%;
    }

    .product2018-items {
        position: relative;
        width: 100%;
        margin-bottom: 5rem;

    }

    .product2018-items-container {
        position: relative;
        width: 100%;
        /* height: 3000px; */
        margin: 0 auto;
        padding-top: 30px;

        /* border-bottom: 1px solid rgb(215, 213, 213); */
    }

    .product2018-items-pic {
        float: none;
        width: 100%;
        height: 330px;
        margin: 0rem 0rem;
    }

    .product2018-items-content {
        float: none;
        width: 100%;
        margin: 0 0px;
        padding-top: 130px;
        height: 200px;
        padding: 20px;
    }

    /* 日志使用场景 */

    .product2018-items-scene {
        position: relative;
        width: 100%;
        height: 142rem;
        padding-top: 70px;
        background-color: #f7f7f7;
    }

    .product2018-items-scene-title {
        margin: 3rem 0 30px;
        text-align: center;
        font-size: 20px;
        color: #000;
        font-weight: bold;
    }

    .product2018-items-scene-picContainer {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .product2018-items-scene-pic-sm {
        float: none;
        width: 338px;
        height: 400px;
        margin: 2rem auto;
        background-color: #fff;
        border: 1px solid #fff;
    }

    /* 客户案例 */
    .product2018-items-case {
        position: relative;
        width: 100%;
        /* height: 770px; */
        padding-top: 4rem;
        background-color: #fff;
    }

    .product2018-items-case-picContainer {
        position: relative;
        width: 100%;
        height: 230px;
        margin: 0 auto;
        overflow: hidden;
    }

    .product2018-items-case-pic {
        display: block;
        width: auto;
        height: 100%;
        overflow: hidden;
        margin-top: 30px;
    }

    .product2018-items-case-pic-text {
        position: absolute;
        top: 150px;
        width: 100%;
        left: 50px;
        font-size: 14px;
        color: #fff;
    }

    .product2018-items-case-picFoot {
        position: relative;
        width: 100%;
        height: 45px;
        margin: -1px auto 0;
        background-image: -webkit-gradient(linear, left top, right top, from(#036CE2), to(#4796FF));
        background-image: -webkit-linear-gradient(left, #036CE2 0, #4796FF 100%);
        background-image: -moz- oldlinear-gradient(left, #036CE2 0, #4796FF 100%);
        background-image: linear-gradient(90deg, #036CE2 0, #4796FF 100%);
    }

    .product2018-items-case-content {
        position: relative;
        width: 100%;
        height: 60px;
        margin: 0 auto;
    }

    .product2018-items-case-pic-subtitle {
        float: left;
        margin: 0;
        /* width: 352px; */
        width: 33%;
        height: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    table {
        margin: 0 auto;
        text-align: center;
        border-collapse: collapse;
        width: 100%;
    }

    table th,
    td {
        border: 1px solid rgb(206, 205, 205);
        padding: 15px;
        width: 30%;
        text-align: left;
    }




}


@media screen and (min-device-width: 768px) and (max-device-width: 1366px) {

    /* 这里就是10/16x100%=62.5% 也就是默认10px的字号 */
    html {
        font-size: 62.5%;
    }

    .exclusive .top {
        background-image: url("../img/web/solve/mmcs1.png")/*tpa=https://tbdingtalk.com/assets/addons/cms/img/web/solve/mmcs1.png*/;
        /* background-size: cover; */
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 38rem;
        background-position: 0 0px;
    }

    .exclusive .top-con {
        width: 100%;
        padding: 50px 0px 0px 3rem;
        margin-top: 84px;
    }

    /* 日志使用场景 */

    .product2018-items-scene {
        position: relative;
        width: 100%;
        height: 124rem;
        padding-top: 70px;
        background-color: #f7f7f7;
    }

    .product2018-items-scene-picContainer {
        position: flex;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
    }

    .product2018-items-scene-pic-sm {
        display: inline;
        float: none;
        width: 30%;
        height: 400px;
        margin: 0 10px;
        background-color: #fff;
        border: 1px solid #fff;
    }
    .product2018-items-scene-pic {
        display: block;
        width: 300px;
        height: 199px;
        margin: 0 auto;
    }
    .product2018-items-scene-text {
        width: 300px;
        margin: 15px auto 0;
        font-size: 16px;
        color: #4A4A4A;
        line-height: 26px;
        text-align: center;
    }

}