@media screen and (max-width: 1024px) {
    *{
        box-sizing: border-box;
        max-width: 100%;
    }
    .main{
        width: 100%;
        padding: 0 3%;
    }
    #top_line_bj{
        display: none;
    }
    #nav_bj{
        display: none;
    }
    #top_index{
        display: none;
    }
    .flash{
        height: 40vw;
        margin: 15vw 0 0 0;
    }
    .flash .flashBox{
        width: 100%;
        height: 100%;
    }
    .flash .flashBox .bd{
        width: 100%;
        height: 100%;
        left: 0;
    }
    .flashBox .bd ul{
        width: 100% !important;
        height: 100% !important;
    }
    .flashBox .bd li{
        height: 100%;
    }
    .flash .flashBox .bd img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .flashBox .hd{
        width: 100%;
        left: 0!important;
        bottom: 5% !important;
        display: flex;
        justify-content: center;
    }
    .flashBox .hd ul li{
        width: 2vw!important;
        height: 2vw!important;
    }
    #ssbj{
        width: 100%;
        height: auto;
        padding: 0;
    }
    #ssnr{
        width: 100%;
        height: auto;
    }
    #ssnr .left{
        display: none;
    }
    .ss{
        width: 100%;
        height: auto;
        margin: 0;
    }
    .sou_left{
        width: 80%;
        height: 10vw;
    }
    .ss_pic{
        height: 10vw;
        width: 20%;
    }

    .hui{
        padding: 5% 0;
    }
    .hui p img{
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .hui .als{
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .pic{
        float: none;
        width: 31%;
        padding: 0;
        margin: 5% 1% 0 1%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .pic img{
        width: 70%;
        margin: 0 0 1vw;
    }
    .pic span{
        font-size: 5vw;
        margin: 0 0 1vw;
    }
    .pic p{
        font-size: 3.2vw;
        width: auto;
        height: auto;
        line-height: 1.8;
        padding: 1vw 3vw;
        margin: 0 0 2vw;
    }
    .pic div{
        font-size: 3vw;
        padding: 0;
    }

    .title{
        font-size: 4.5vw;
        background-size: 200vw;
        margin: 2% 0;
        height: 15vw;
        line-height: 15vw;
    }
    #sidebar{
        width: 100%;
        float: none;
    }
    #left_bt{
        height: auto;
        font-size: 4vw;
        padding: 2vw;
        margin: 0 0 4% 0;
    }
    #pro_list{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0 0 2% 0;
    }
    #pro_list li{
        width: auto;
        height: 12vw;
        line-height: 12vw;
        border-bottom: 0;
        margin: 0;
        min-width: 20%;
    }
    #pro_list li a{
        font-size: 3.5vw;
    }
    #pro_list li:hover, #pro_list li.on{
        width: auto;
    }
    #left_lx{
        display: none;
    }

    #main_right{
        width: 100%;
    }
    .picMarquee{
        width: 100%;
    }

    .picMarquee .bd ul{

    }
    .picMarquee .picList{
        width: 100%;
    }
    .picMarquee .bd ul li{
        width: 32%;
        height: auto;
        margin: 0 2% 4% 0;
    }
    .picMarquee .bd ul li:nth-child(3n){
        margin: 0 0 4% 0;
    }
    .picMarquee .bd ul li a{
        display: block;
    }
    .picMarquee .bd ul li a img{
        width: 100%;
        height: 25vw;
        object-fit: cover;
        margin: 0;
    }
    .picMarquee .bd ul li a .icptit{
        font-size: 3vw;
        height: 6vw;
        line-height: 5vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    #ysbj{
        height: auto;
    }
    #ysbj p{
        padding: 4% !important;
    }
    #ysbj p img{

    }
    #ysnr{
        width: 100%;
        height: auto;
    }
    #ysnr .left{
        display: none;
    }
    #ysnr #ys_cont{
        width: 100%;
        padding: 0 3%;
    }
    #ysnr .font{
        width: 100%;
        float: none;
        display: flex;
        justify-content: space-between;
        padding: 0;
        margin: 0 0 4% 0;
    }
    #ysnr .font .num{
        width: 10vw;
        line-height: 2;
        float: none;
        padding: 2% 0 0 0;
    }
    #ysnr .font .right{
        width: calc(100% - 18vw);
        float: none;
        font-size: 3.5vw;
        line-height: 2;
        color: #555555;
    }
    #ysnr .font .right p{
        font-size: 4.5vw;
        padding: 0 0 2vw 0!important;
        height: auto;
        line-height: 1.6;
        margin: 0 0 2vw 0;
        color: #333333;
    }


    .section-title2{
        padding: 0;
        margin: 0 0 2% 0;
    }
    .section-title2 p.title2{
        font-size: 4.5vw;
        margin:0 0 2% 0
    }
    .section-title2 p{
        font-size: 3.8vw;
    }
    #gsjj{
        width: 100%;
        margin: 0 0 2% 0;
    }
    .content{
        line-height: 1.8;
        font-size: 3.8vw;
        color: #898989;
    }
    #xwnr{
        width: 100%;
        margin: 0 0 2% 0;
    }
    .idxca{
        margin: 0!important;
    }
    #marqueedivcontrola{
        height: auto!important;
        margin: 0 0 4% 0;
    }
    #marqueedivcontrola li{
        width: 50vw;
        height: auto;
        font-size: 3.8vw;
        margin: 0 5px;
    }
    #marqueedivcontrola li img{
        width: 50vw;
        height: 45vw;
    }
    #gg{
        background-size: cover;
        height: 12vw;
    }
    #in_03{
        width: 100% !important;
        overflow: hidden;
        height: auto!important;
        padding: 0 3%;
    }
    #in_03_service{
        width: 100% !important;
        margin: 0!important;
        height: auto!important;
    }


    .in_03_title{
        height: auto;
        margin: 0 0 3% 0;
        border: 0;
    }
    .in_03_title span{
        position: relative;
        width: auto;
        height: auto;
        line-height: 2;
        font-size: 4vw;
    }
    .in_03_more{
        width: auto;
        height: auto;
        line-height: 2;
        padding: 0 20px 0 0;
    }
    .in_03_more a{
        font-size: 3.5vw;
    }

    .in_news_f{
        height: auto;
        margin: 0 0 4% 0;
    }
    .in_news_f a{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .in_news_f .news_img{
        position: relative;
        width: 40%;
        height: 25vw;
        left: auto;
        top: auto;
        margin: 0;
    }
    .in_news_f .news_img img{
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .in_news_f .news_title{
        position: relative;
        width: 100%;
        height: auto;
        line-height: 2;
        margin: 0 0 2% 0;
        float: none;
        font-size: 3.8vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .in_news_f .news_info{
        position: relative;
        width: 100%;
        height: auto;
        line-height: 2;
        font-size: 3.5vw;
        top: auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .idx_xwcn{
        width: 55%;
        margin: 0;
    }



    .news_ul li{
        height: auto;
        line-height: 2;
        padding: 2% 0;
    }
    .news_ul li a{
        font-size: 3.8vw;
    }
    .news_ul li span{
        font-size: 3.8vw;
        height: auto;
        line-height: 2;
        padding: 2% 0;
    }


    #in_03_zxly{
        margin: 4% 0;
        width: 100%;
        height: auto;
    }
    #zxly_title{
        width: 100%;
        height: auto;
        margin: 0 5% 5% 0;
        background-size: 10vw;
    }
    #zxly_title p{
        padding: 0 0 0 14vw;
        font-size: 3.5vw;
        line-height: 1.6;
    }
    #zxly_title span{
        font-size: 4.5vw;
    }

    #zxly_ul{
        width: 100%;
        background: transparent;
    }

    #zxly_c{
        height: auto;
        background: #ffffff;
    }
    #zxly_ul .in_input{
        width: 100%;
        font-size: 3.8vw;
        background: #f1f1f1;
        padding: 0 5%;
        line-height: 12vw;
        height: 12vw;
        margin: 0 0 2% 0;
    }
    #zxly_ul .in_textarea{
        width: 100%;
        font-size: 3.8vw;
        height: 26vw;
        background: #f1f1f1;
        padding: 2% 5%;
    }
    #zxly_ul .in_btn{
        width: 100%;
        height: 10vw;
        line-height: 10vw;
        font-size: 3.8vw;
    }



    #end_nav_bj{
        display: none;
    }

    #end{
        padding: 5% 3%;
    }
    #end_nr{
        width: 100%;
        background: transparent;
    }
    #end_nr .left{
        float: none;
        width: 100%;
        margin: 0;
    }
    #end_nr .left .end_title{
        font-size: 4vw;
    }
    #end .content{
        color: #dddddd;
        margin: 0 0 2% 0;
    }
    #end_end{
        width: 100%;
        height: auto;
        padding: 5% 3%;
    }
    #end_end_nr{
        width: 100%;
        height: auto;
        line-height: 1.4;
    }
    #end_end_nr *{
        float: none!important;
        font-size: 3.5vw;
        line-height: 1.8!important;
    }

    .enonel{
        display: none;
    }

    #title_zy{
        margin: 4% 0;
        padding: 0 4%;
        height: auto;
        line-height: 2.4;
    }
    #title_zy .left{
        float: none;
        font-size: 4vw;
        background-size: 5vw;
        padding: 0 8vw;
    }

    #title_zy .right{
        display: none;
    }

    #content_zy{
        padding: 0 0 4%;
    }

    #con_lx{
        width: 100%;
        font-size: 3.8vw;
        margin: 0 0 4% 0;
    }

    #con_lx p{
        line-height: 2;
        padding: 2% 4%;
    }

    #con_lx p:first-child{
        font-size: 4vw!important;
    }

    #contact_02_title{
        font-size: 3.8vw;
        height: auto;
        line-height: 2;
    }
    #contact_02 .line{
        display: none;
    }

    #contact_02_form{
        width: 100%;
        margin: 4% 0;
    }


    #contact_02_form .form01 .line1{
        width: 100%;
        line-height: 2;
        float: none;
        height: 12vw;
        font-size: 3.8vw;
        padding: 0 10vw 0 4vw;
        background-size: 8vw;
        background-position: 98% center;
        margin: 0 0 4% 0;
    }
    #contact_02_form .form01 textarea{
        font-size: 3.8vw;
        padding: 2vw 4vw;
        height: 28vw;
        margin: 0 0 4% 0;
    }
    #contact_02_form .form02{
        width: 100%;
        height: auto;
    }
    #contact_02_form .form02 input{
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        font-size: 4vw;
    }




    .new_li_content li{
        width: 100%;
        height: auto;
        margin: 0 0 4% 0;
        padding: 0;
        border: 0;
    }
    .new_li_content li:last-child{
        margin: 0;
    }
    .new_li_content li a{
        font-size: 3.8vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .new_li_content li img{
        width: 40%;
        height: 25vw;
        float: none;
        object-fit: cover;
        margin: 0;
    }
    .news_title_content{
        width: 56%;
        height: auto;
        padding: 0;
        float: none;
        margin: 0;
    }
    .news_li_content{
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        word-break: break-all;
        font-size: 3.5vw;
    }
    .news_li_title span{
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        font-size: 4vw;
    }

    .news_li_title .time_news2{
        margin: 0;
        color: #555555;
    }
    .new_li_content li:hover{
        background: transparent;
        border: 0;
    }
    .new_li_content li:hover .news_li_title span{
        color: #555555;
        font-weight: 400;
    }
    .new_li_content li:hover .news_li_title{
        color: #555555;
    }
    .new_li_content li:hover .time_news2{
        margin: 0;
    }
    .new_li_content li:hover .news_li_content{
        color: #999999;
        font-size: 3.5vw;
    }


    .news_title{
        font-size: 4.2vw;
        line-height: 2;
        margin: 0 0 2% 0;
    }
    .meta{
        line-height: 2.4;
        margin: 0 0 2% 0;
    }
    #prev_next{
        margin: 4% 0 0 0;
        padding: 4% 0;
    }
    #prev_next li{
        padding: 0;
        height: auto;
        line-height: 2;
    }
    #graybar{
        height: auto;
    }
    #graybar span{
        width: 30%;
        line-height: 2.6;
    }
    #indexNews1 li{
        line-height: 1.8;
        padding: 2vw 30vw 2vw 0;
        font-size: 3.8vw;
    }




    .fenye{
        margin: 4% 0;
    }


    .pro li{
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 4% 0;
        font-size: 3.8vw;
        padding: 0 0 2vw;
    }
    .pro a{
        font-size: 3.8vw;
        display: block;
    }
    .pro img{
        width: 100%;
        height: 55vw;
        object-fit: cover;
    }
    .pro li:last-child{
        margin: 0 0 0 0;
    }

    .product_left{
        width: 100%;
        height: 80vw;
        margin: 0 0 2% 0;
        float: none;
    }
    .spec-preview{
        width: 100% !important;
        height: 100% !important;
        max-height: none!important;
    }
    .jqzoom{
        width: 100%;
        height: 100%;
    }
    .jqzoom img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    .product_right{
        width: 100%;
        float: none;
        line-height: 1.8;
    }
    .pro_name{
        font-size: 4.5vw;
        margin: 0 0 2% 0;
    }
    .pro_namelb{
        font-size: 3.8vw;
        line-height: 1.8;
        margin: 0 0 2% 0;
        padding: 0 0 2% 0;
        border-bottom: 1px dotted #CCCCCC;
    }
    #cp_tel{
        font-size: 4.5vw;
        background-size: 40vw;
        float: none;
        padding: 4vw 0 0 12vw;
    }
    #ckxq{
        width: 30vw;
        height: 10vw;
        line-height: 10vw;
        margin: 0;
        float: none;
    }

    .info_title{
        width: 100% !important;
        height: auto!important;
        margin: 4% 0!important;
    }
    .info_title b{
        float: none!important;
        width: 30vw!important;
        font-size: 3.8vw!important;
        padding: 0!important;
        line-height: 2.4!important;
    }

    #pro_gd1{
        height: auto;
    }
    .produc{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .produc li{
        width: 48%!important;
        height: auto!important;
        float: none!important;
        margin: 0 0 4% 0!important;
    }
    .produc li a{
        width: 100%!important;
        height: auto!important;
    }
    .producimg1{
        width: 100%!important;
        height: 40vw!important;
        margin: 0!important;
    }
    .producimg{
        width: 100%!important;
        height: 40vw!important;
        margin: 0!important;
    }
    .producimg img{
        width: 100%!important;
        height: 100%!important;
        object-fit: cover;
    }
    .products1{
        width: 100%;
        height: 10vw!important;
        line-height: 10vw!important;
        font-size: 3.8vw!important;
        border-bottom: #c9c9c9 solid 2px!important;
    }

    .wnra{
        width: 100% !important;
        display: none;
    }
    .wnrb{
        width: 100% !important;
    }
    .npd{
        padding: 0!important;
    }

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



















}