@media screen and (max-width: 1700px) {
    .navbar .content ul li {
        margin-right: 30px;
        color: red;
    }

        .navbar .content ul li:last-child {
            margin-right: 0px;
        }

    .navbar .content ul {
        margin-left: 4%;
    }
}

@media screen and (max-width: 1490px) {
}

@media screen and (max-width: 1415px) {
    .navbar .content ul li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1375px) {
}

@media screen and (max-width: 1345px) {
    .navbar .content ul {
        margin-left: 2%;
    }

    .navbar .content .sm_phone {
        margin-right: 10px;
    }

    .navbar .content ul li {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1250px) {
}

@media screen and (max-width: 1200px) {
}


@media screen and (max-width: 1160px) {
}

@media screen and (max-width: 1140px) {
    .container {
        max-width: 94%;
    }

    .tjdata {
        width: 100%;
        float: inherit;
    }

    .index_about .fenbu {
        text-align: center;
        margin-top: 12px;
        float: inherit;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: 94%;
    }

    
.footer_nav  div.fl{
    width: 100%
}
.wap_mendian {
    display: block;
}

.pc_mendian {
    display: none;
}

.footer_nav ul {
    float: left;
     margin-right: 13%; 
}

    .navbar {
        display: none;
    }

    .clm_header {
        display: block;
    }

    .banner {
        margin-top: 68px;
    }

    .crumbs dt {
        padding-left: 0;
    }

    .page_left {
        display: none;
    }

    .page_right {
        float: inherit;
        width: 100%;
    }

    .right_content {
        padding-left: 0;
        margin-top: 23px;
    }

    .product_box li {
        width: 31%;
    }

    .product_nav li {
        margin-right: 6%;
    }

    .tjdata ul li {
        margin-right: 10%;
    }

    .main .title_box {
        height: 154px;
    }

    .footer_nav .footer_right {
        display: none;
    }

    .m_wxbox {
        display: block;
    }
}

@media screen and (max-width: 1040px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 860px) {

    .m_ft_tabar {
        display: flex;
    }

    .index_advantage,
    .index_news,
    .index_about {
        padding: 20px 0;
    }



    .main .tit_about {
        background: url(../images/mtit_about.png) center no-repeat;
        background-size: cover;
    }

    .main .tit_product {
        background: url(../images/mtit_product.png) center no-repeat;
        background-size: cover;
    }

    .main .tit_advantage {
        background: url(../images/mtit_ser.png) center no-repeat;
        background-size: cover;
        margin-bottom: 20px;
    }

    .main .tit_news {
        background: url(../images/mtit_news.png) center no-repeat;
        background-size: cover;
    }

    .index_product {
        padding: 20px 0;
        padding-bottom: 0;
    }

    .product_nav {
        width: 96%;
    }

    .index_news .product_nav {
        display: block;
    }

    .index_news .index_news_box {
        width: 100%;
        display: none;
        float: none !important;
    }

        .index_news .index_news_box:first-child {
            display: block;
        }

        .index_news .index_news_box .title {
            display: none;
        }

    .met-tools span {
        float: none !important;
        display: block;
        font-size: 1.0rem;
    }

    .right-extra {
        width: 100%;
    }

    .pro_1fr {
        width: 100%;
        padding-left: 0;
        padding-top: 14px;
    }

    .pages {
        padding: 10px 0;
        width: 100% !important;
        float: none;
    }

    .videos li {
        width: 100%;
        float: none;
    }

    .videos_cover {
        width: 100%;
    }

    .media-lg .media-object {
        width: 128px;
    }

    .met-news-list li h4 {
        font-size: 1rem;
    }

    .met-news-list li p.des {
        display: none;
    }

    .formDDL {
        padding: 0;
        padding-top: 14px;
    }

    .m_sub_nav {
        display: block;
    }

    .crumbs {
        margin-top: 14px;
    }

    .m_product_fliter {
        display: block;
    }

    .pro_1fr2 {
        height: auto;
        overflow: inherit;
    }

    .pro_3 {
        min-height: 180px;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .footer .copyright {
        width: 94%;
        margin: 0 auto;
        margin-bottom: 62px;
    }

    .formDDL dd label {
        display: block;
        float: none;
        text-align: left;
        width: 100%;
        margin-right: 0;
    }

    .spec-scroll .prev, .spec-scroll .next {
        display: none;
    }

    .spec-scroll .items {
        float: none;
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
    }

        .spec-scroll .items ul {
            width: 160%;
            overflow-x: auto;
            flex-wrap: nowrap;
            white-space: nowrap;
        }
}

@media screen and (max-width: 767px) {
    .main .title_box {
        height: 106px;
        margin-bottom: 0;
    }

    .navbar {
        display: none;
    }

    .clm_header {
        display: block;
    }

    .banner {
        margin-top: 68px;
    }

    .crumbs dt {
        padding-left: 0;
    }

    .tjdata ul li {
        font-size: 0.9rem;
        margin-right: 4px;
        text-align: center;
    }

        .tjdata ul li p.tit {
            margin-bottom: 0;
        }

        .tjdata ul li strong {
            font-size: 1.2rem;
        }

    .index_about .fenbu {
        margin-top: 2rem;
    }

    .index_about .more_link a {
        padding: 3% 32%;
    }

    .product_nav li {
        font-size: 1.0rem;
        padding: 4px 10px;
        margin-right: 12px;
    }

    .product_box li {
        width: 48%;
    }

    .productList2 li {
        width: 49%;
        margin-right: 2px;
    }

    .qualifieds {
        width: 100%;
        height: auto;
    }

    .index-brand li.item {
        width: 44%;
    }

    .index_advantage ul li {
        width: 100%;
        margin: 0;
        height: auto;
        margin-bottom: 6px;
    }

        .index_advantage ul li:nth-child(3),
        .index_advantage ul li:nth-child(4) {
            height: auto;
        }

        .index_advantage ul li .t2 {
            width: 100%;
            text-align: center;
        }

        .index_advantage ul li .img span {
            font-size: 1.0rem;
            padding: 2% 0;
        }

    .page_left {
        display: none;
    }

    .page_right {
        float: inherit;
        width: 100%;
    }

    .right_content {
        padding-left: 0;
        margin-top: 23px;
    }

    .footer_nav {
        padding: 20px 0;
    }

        .footer_nav ul {
            float: left;
            width: 86px;
            overflow: hidden;
            margin: 4px 10px;
        }

        .footer_nav .footer_right {
            display: none;
        }

    .footer .links {
        display: none;
    }

    .m_wxbox {
        display: block;
    }
}

@media screen and (max-width: 720px) {
}

@media screen and (max-width: 620px) {
}

@media screen and (max-width: 570px) {
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 440px) {
}

@media screen and (max-width: 380px) {
}

@media screen and (max-width: 350px) {
}