.header-dh {
        width: 100%;
        height: 58px;
        background-color: #bd8552;
        max-width: 768px;
    }
    
    .header-bt {
        width: 100%;
        text-align: center;
        padding-top: 18px;
    }
    
    .nav-button {
        float: left;
    }
    
    .nav-button-img {
        position: absolute;
        top: 21px;
        right: 39px;
        background: url("../../static/img/daohang.png") no-repeat;
        background-size: 100%;
        width: 27px;
        height: 27px;
    }
    
    .nav-list {
        padding-bottom: 80px;
        overflow: hidden;
        background-color: #f2f2f2;
        width: 100%;
        height: 100%;
    }
    
    .nav-list a {
        color: black;
    }
    
    .li-list {
        display: inline-block;
        margin-top: 20px;
    }
    
    .li-list-mg {
        float: left;
        padding-top: 15px;
        display: inline-block;
        width: 350px;
        height: 50px;
    }
    
    .nav-list li {
        line-height: 20px;
        width: 100%;
        height: 55px;
        border-bottom: 1px solid #e3e3e3;
    }
    
    #li-list-md {
        color: #333;
        padding-left: 50px;
    }
    
    .li-on {
        color: black;
    }
    
    .nav-list li a {
        font-size: 18px;
        color: white;
    }
    
    .nav-drowdown-mobile {
        width: 100%;
        height: 150px;
        margin-top: 60px;
    }
    
    .nav-drowdown-mobile li {
        list-style-type: none;
    }
    
    .nav-drowdown-mobile li a {
        line-height: 59px;
    }
    
    .li-list-kz {
        float: left;
    }
    
    .li-list-kz {
        line-height: 50px;
    }
    
    .li-list-kz a {
        font-size: 18px;
    }
    
    #li-list-children {
        display: none;
    }
    /* 网站轮播图  */
    
    .swiper,
    .swiper-wrapper {
        width: 100%;
    }
    
    .swiper-slide img {
        width: 100%;
        overflow: hidden;
    }
    
    .mobile-qiehuan {
        width: 270px;
        margin-top: -5px;
        background-color: black;
    }
    
    .m-head-banner {
        width: 100%;
        max-width: 768px;
        overflow: hidden;
    }
    
    .about-bt {
        float: left;
        font-size: 34px;
        color: black;
    }
    
    .about-bg {
        margin-top: 110px;
    }
    
    .about {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
    .about-dest {
        font-size: 23px;
        color: rgb(0, 161, 234);
    }
    
    .about-bt-en {
        padding: 20px;
        float: left;
        font-size: 14px;
        color: rgb(153, 153, 153);
    }
    
    .about-font {
        padding-top: 30px;
        font-size: 14px;
        line-height: 30px;
        color: rgb(153, 153, 153);
    }
    
    .about-right-img {
        margin-top: 5%;
        margin-left: 50px;
    }
    
    .about-right-img img {
        width: 100%;
    }
    
    .about-button {
        margin-top: 90px;
        border: 1px solid #9b9b9b;
        width: 162px;
        height: 50px;
        text-align: center;
        line-height: 48px;
    }
    
    .about-button a {
        color: black;
    }
    
    @media screen and (max-width:768px) {
        .container {
            padding: 0;
        }
        .style-none {
            display: none;
        }
        .row {
            margin: 0px;
        }
        a {
            text-decoration: none
        }
        .col-1,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-10,
        .col-11,
        .col-12,
        .col,
        .col-auto,
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm,
        .col-sm-auto,
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md,
        .col-md-auto,
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg,
        .col-lg-auto,
        .col-xl-1,
        .col-xl-2,
        .col-xl-3,
        .col-xl-4,
        .col-xl-5,
        .col-xl-6,
        .col-xl-7,
        .col-xl-8,
        .col-xl-9,
        .col-xl-10,
        .col-xl-11,
        .col-xl-12,
        .col-xl,
        .col-xl-auto {
            padding: 0!important;
            ;
        }
        .mobile-qiehuan {
            width: 100%;
        }
        .m-head-banner {
            margin: 0;
        }
        .m-head-banner {
            width: 100%;
            overflow: hidden;
        }
        .search-bg {
            width: 100%;
            height: 250px;
        }
        .search-key {
            text-align: center;
            display: grid;
            height: 50px;
        }
        .head-se {
            width: 80%;
        }
        .fk-newSearchInput {
            width: 100%;
        }
        .brand-adv-bt-img {
            width: 100%;
        }
        .brand-adv-bt-img img {
            width: 100%;
        }
        .brand-adv-bt-big {
            font-size: 20px;
        }
        .brand-list-con {
            width: 100%;
            text-align: center;
        }
        /*  四大理由*/
        .idea-left-img {
            width: 100%;
        }
        .idea-left-img img {
            width: 100%;
        }
        .idea-left-bg {
            top: -237px;
        }
        .idea-right {
            width: 100%;
        }
        /*  精品*/
        .grown-big-bt {
            margin-top: 38px;
            font-size: 20px;
        }
        .grown-small-bt {
            padding: 10px 3px;
            line-height: 30px;
        }
        /* 关于我们 */
        .about-us {
            padding-bottom: 80px;
            height: 100%;
            background-size: cover;
        }
        .about-center {
            padding: 3%;
        }
        /* 新闻资讯 */
        .under-new-left-content {
            width: 100%;
        }
        /* 底部 */
        .linklist-con-bt {
            padding: 3%;
            width: 100%;
        }
        .linklist-con-con {
            padding: 3%;
            margin: 0;
            width: 100%;
        }
        .footer-con {
            padding: 3%;
            width: 100%;
        }
        .footer {
            width: 100%;
            height: 100%;
        }
        .footer-left {
            float: none;
            text-align: center;
        }
        .solution-img-1 img {
            padding: 3%;
            width: 100%;
        }
        .picCenter {
            width: 100%;
        }
        .md-logo-bg {
            margin: 30px auto;
        }
        .pz-brand-con {
            font-size: 24px;
        }
        .pz-brand-con {
            text-align: center;
            margin-top: 20px;
        }
        .pz-brand-phone {
            text-align: center;
            float: none;
            margin-top: 18px;
        }
        .phone-prolist-list-img {
            padding: 2%;
            width: 100%;
        }
        .phone-prolist-list-img img {
            width: 100%;
        }
        .hot-pro {
            height: 100%;
        }
        .phone-prolist-list-bt {
            padding: 10px;
            text-align: center;
        }
        .idea-right {
            margin-top: 0;
            padding: 3%;
            height: 100%;
            margin-bottom: 10%;
        }
        .n-pro-js-big {
            font-size: 24px;
        }
        .n-pro-js-sm {
            font-size: 20px;
        }
        .pro-ch-list-bq ul li {
            margin-left: 0px;
            float: none;
            width: 100px
        }
        .pro-ch-list {
            width: 30%;
            float: left;
        }
        .pro-ch {
            float: left;
        }
        .pro-ch .pro-ch-list-list {
            width: 70%;
            position: absolute;
            top: 0px;
            left: 0px;
            float: left;
        }
        .pro-ch-list-list-con {
            width: 100%;
        }
        .n-phone-pro-list-bt {
            text-align: center;
            font-size: 24px;
            color: black;
            font-weight: bold;
            margin-top: 30px;
        }
        .n-phone-pro-zs {
            padding: 3%;
        }
        .n-phone-pro-zs-bt {
            padding: 3%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 10px;
            text-align: center;
        }
        .n-phone-pro-zs-img img {
            width: 100%;
        }
    }