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

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

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

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

/* 2560px */
@media screen and (max-width:1920px) {}

/* 1920px */
@media screen and (max-width:1700px) {}

/* 1700px */
@media screen and (max-width:1600px) {}

/* 1600 */
@media screen and (max-width:1440px) {}

/* 1440 */

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

/* 1366 */

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

/* 1281 */

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

/* 1153 */

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

/* 1024 */

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

    .logo,
    .news_l .news_txt,
    .footer .guan {
        display: none;
    }

    .menu {
        display: block;
        background: url(../images/bg01.png) repeat-x center top;
        background-size: contain;
    }

    .about,
    .news2,
    .contact,
    .news_detail {
        display: inherit;
    }

    .about {
        margin-top: 0;
    }

    .about_l,
    .about_r,
    .news_l,
    .news_r {
        width: 100%;
    }

    .news_r {
        margin-top: 30px;
    }

    .news_l .news_img {
        width: 100%;
        border-radius: 0;
        border: none;
    }

    .about_l h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about_l .more a {
        margin: 20px auto;

    }

    .bt h3 {
        font-size: 24px;
    }

    .bt h3 span {
        margin-left: 0;
        font-size: 14px;
        display: none;
    }

    .footer {
        padding: 10% 5% 2.5% 5%;
        margin-top: 0;
    }

    .footer .ser {
        margin: 0 auto;
    }

    .footer dl dt {
        margin-top: 10px;
        font-size: 26px;
    }

    .footer dl dt .icon-dianhua {
        font-size: 30px;
    }

    .footer h3 {
        line-height: 25px;
        margin: 20px auto;
    }

    .more a {
        border: none;
        width: auto;
    }

    .rong .bt .more a {
        border: none;
    }

    .n_banner {
        padding-top: 0px;
        margin-bottom: -20px;
    }

    .n_banner h1 {
        font-size: 20px;
        padding-bottom: 13%;
    }

    .about_jj dd video {
        width: 100%;
    }

    .about_sj {
        display: none;
    }

    .pro_cate {
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
        background: none;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .pro_cate li {
        width: 32%;
        background: #fafafa;
        margin: 5px 0;
        line-height: 40px;
    }

    .pro_cate2 li {
        width: 48%;
    }

    .pro_cate::after {
        display: block;
        content: "";
        width: 32%;
        height: 0px;
    }

    .pro_list li {
     
        border-radius: 10px;
       flex: 0 0 calc(50% - 17px);
    }

    .pro_list li img {
        border-radius: 10px;
    }

    .pro_list li p {
        line-height: 50px;
    }

    .footer .ser,
    .footer .ser button {
        height: 50px;
        line-height: 50px;
    }

    .hornor_list li {
        width: 90%;
        margin: 0 0 5% 0;
        padding: 5% 5% 0 5%;
    }

    .news_list li a {
        display: inherit;
        padding: 0;
        margin-bottom: 8%;
    }

    .hornor_list li p {
        height: 50px;
        line-height: 50px;
    }

    .news_list li a span {
        font-size: 16px;
        padding: 0;
    }

    .news_list li a h1 {
        margin: 0;
    }

    .news_list li a span em {
        border: none;
        display: inline;
        font-size: 16px;
    }

    .news_list li a .news_list_img {
        width: 100%;
        background-size: 30%;
        padding-bottom: 10%;
    }

    .news_list li a h1 .p2 {
        display: none;
    }

    .news_list li a h1 .p1 {
        font-size: 18px;
        margin-top: 10px;
    }

    .contact ul {
        width: 100%;
        margin: 20px 0 40px 0;
    }

    .contact ul li p {
        font-size: 18px;
    }

    .contact ul li {
        font-size: 16px;
        border-bottom: 1px solid #eee;
        border-left: none;
        padding-left: 0;
        padding-bottom: 3%;
        margin-bottom: 5%;
    }

    .message ul li {
        width: 100%;
    }

    .message h1 .p1 {
        font-size: 24px;
    }

    .message h1 .p2 {
        font-size: 14px;
    }

    .message h1 .p3 {
        font-size: 14px;
    }

    .tj a {
        margin: 30px auto;
    }

    .news_detail,
    .pro_detail {
        padding: 8% 5% 5% 5%;
    }

    .news_detail_l {
        width: 100%;
    }

    .news_detail_l h1 {
        margin-bottom: 20px;
    }

    .news_detail_l dl {
        display: none;
    }

    .news_detail_r {
        margin-left: 0;
        border-radius: 10px;
    }

    .news_detail_r h1 {
        font-size: 20px;
    }

    .news_detail_r .content img {
        width: 100%;
    }

    .pro_content img {
        width: 100%;
    }

    .pro_content h1 {
        font-size: 20px;
        background: url(../images/line.png) no-repeat right center;
        background-size: 65%;
    }

    .pro_detail_pic {
        display: inherit;
        background: none;
    }

    .pro_detail_r {
        background: #fff;
        margin-top: 10px;
    }

    .pro_detail_l .mySwiper {
        display: none;
    }

    .pro_detail_l {
        width: 100%;
    }

    .pro_detail_r h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .pro_detail_r .p2 {
        margin-bottom: 10px;
    }

    .pro_detail_r .p3 a {
        margin: 20px auto;
    }

    .pro_detail_r .p1 {
        line-height: 35px;
        font-size: 14px;
    }

    .pro_detail_r .p1 span {
        margin-right: 10px;
    }

    .pro_detail_r .p2 span {
        font-size: 20px;
    }

    .news_r li a {
        font-size: 18px;
    }

    .news_r li p {
        display: none;
    }

    .pro_cate li a {
        font-size: 16px;
    }

    .contact_main {
        background: url(../images/about09.png) no-repeat left 10%;
        background-size: 80%;
    }

    .n_banner .pc_img {
        display: none;
    }

    .n_banner .mob_img {
        display: block;
    }

    .about_jj,
    .hornor_list {
        margin-top: 20px;
    }
}

/* 861 */

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

/* 641 */

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

/* 481 */

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

/* 400 */

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

/* 321 */