@media screen and (min-width: 1501px){
    .menuBtn{
        display: none;
    }
}
@media screen and (max-width: 1860px) { 
  .nav{
      margin:0 20px;
  }
  .nav .nav1{
      margin-right:30px;
  }
}
@media screen and ( max-width:1650px ){
    .wrapper{
        width: 100%;
        padding:0 3%;
    }
    .application .menu{
        right: 10%;
    }
    .certificate .list .list_item .bd .img{
        height: 200px;
    }
}
@media screen and (max-width: 1505px) { 
    .nav{
        display: none;
    }
    .header_wrap .tel{
        padding-right: 100px;
    }
    .header_wrap .tel i{
        font-size:24px;
    }
    .header_wrap .tel span{
        font-size:24px;
    }
}
@media screen and (max-width: 1367px) {
    .wrapper{
        width: 100%;
        padding:0 20px;
    }
    .product_menulist .item .tit{
        padding-top: 60px;
    }
    .hot_product_tit .tit{
        font-size:36px;
    }
    
    .application .menu{
        padding-right: 0.8rem;
    }
    .footer_tel_menu_code .menu .item{
        margin:0 30px;
    }
    .al_list .list .item_wrap{
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .mb_none{
        display: none;
    }
    .menuBtn.active .line:nth-child(1){
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
    .menuBtn.active .line:nth-child(3){
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        -o-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }
    .pl_list .list .item_wrap{
        width: 50%;
    }
    .product_menulist .item .tit{
        padding-top: 0.4rem;
    }
    .product_menulist .item .ico{
        padding-top: 0.1rem;
    }
    .button_wrap .button{
        width: 100px;
        font-size:12px;
        padding:6px;
    }
    .return_page i{
        width: 30px;
        height: 30px;
        font-size:12px;
    }
    .header_wrap{
        height: 50px;
    }
    .menuBtn{
        width: 50px;
        height: 50px;
        padding-top:8px;
    }
    .menuBtn .line{
        width:26px;
        height:2px;
        margin:7px auto;
    }
    .header_wrap.header_on .logo img{
        height: 30px;
    }
    .header_wrap .tel{
        padding-right: 70px;
    }
    .header_wrap .tel i{
        font-size:18px;
    }
    .header_wrap .tel span{
        font-size:16px;
    }
    .section{
        height: auto!important;
        position: relative;
    }
    .banner_txt{
        padding-top: 50px;
    }
    .banner_txt .desc{
        font-size:14px;
    }
    .banner_txt .tit{
        font-size:30px;
        padding:10px 0;
    }
    .banner_txt .layer{
        margin-top: 10px;
        padding:6px 15px;
    }
    .application .item{
        padding:20px 0 0;
    }
    .application{
        height:300px;
    }
    .application .menu{
        position: initial;
        height: auto;
        flex-direction: row;
        padding-right: 0;
    }
    .application .menu .menu_item{
        margin-left: 20px;
    }
    .certificate{
        background-size: cover;
        background-repeat: no-repeat;
    }
    .certificate .menu{
        padding:30px 0;
    }
    .certificate .list{
        width: 100%;
    }
    .certificate .list{
        position:initial;
        padding:12px;
    }
    .certificate .menu{
        display: flex;
    }
    .certificate .menu .item{
        width: auto;
        flex:1;
    }
    .certificate .list .list_item .hd .desc{
        padding:15px 0;
    }
    .application .item .item_con .tit,.certificate .list .list_item .hd .tit,.about_tit .tit{
        font-size:36px;
    }
    .about{
        padding:30px 0;
        height: auto;
        background-size: cover;
    }
    .about_tit{
        padding:0 0 20px;
    }
    .about_tit .tit{
        margin-bottom: 30px;
    }
    .about_con{
        opacity: 1;
        flex-direction: column;
    }
    .about_con_info{
        padding:30px;
    }
    .about_con_info .tit:after{
        margin:10px 0;
        width: 40px;
        height: 3px;
    }
    .about_con_info .more{
        margin-top: 20px;
    }
    .about_con_list .item{
        padding:30px;
    }
    .about_con_list .item .a{
        font-size:42px;
    }
    .news{
        padding: 30px 0;
    }
    .news_tit .tit{
        font-size:24px;
    }
    .news_list .item{
        padding:20px;
    }
    .news_list .item .column_more .more{
        padding:6px 20px;
    }
    .news_list .swiper-button-next, .news_list .swiper-button-prev{
        top: -100px;
    }
    .footer{
        background: #222937;
        height: auto;
        padding:15px 0 70px!important;
    }
    .footer_copyright{
        text-align: center;
        margin-top: 0;
    }
    .toolbar{
        display: block;
    }
    .hot_product_tit .tit{
        font-size:24px;
    }
    .hot_product_tit .img img{
        width: 24px;
    }
    .product_menulist{
        overflow-x: scroll;
        padding-top: 30px;
        margin:0 -6px;
    }
    .product_menulist .item.img_scale .img{
        display: none;
    }
    .product_menulist .item{
        flex: none;
        display: flex;
        height: 40px;
        padding:0 10px;
        align-items: center;
        justify-content: center;
        margin:0 6px;
    }
    .product_menulist .item .tit{
        padding-top: 0;
    }
    .product_menulist .item .ico{
        padding-top: 0;
        transform: rotate(-90deg);
        margin-left: 10px;
    }
    .product_menulist .item:hover .ico{
        animation:none;
    }
    .product_index_tab .item>.flex{
        
    }
    .product_index_tab .item .item_left .desc{
        width: 100%;
        padding:14px 0 20px;
    }
    .hot_product_list .swiper-button-next, .hot_product_list .swiper-button-prev{
        top: -13px;
    }
    .page_banner{
        padding-top:50px;
    }
    .pl_wrap{
        padding-top: 50px;
    }
    .pl_menu{
        display: none;
    }
    .pl_list{
        margin-left: 0;
    }
    .pl_list .list{
        margin:0 -8px;
    }
    .pl_list .list .item_wrap{
        padding:8px;
    }
    .pl_list .list .item{
        padding:15px;
    }
    .pl_list .list .item .btns a{
        padding:3px 14px;
        margin:0 3px;
        font-size:12px;
    }
    .pl_list .list .item .tit{
        margin:20px 0;
    }
    .page_about1_left .desc{
        margin:10px 0 30px;
    }
    .page_about1{
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .page_about1_left{
        flex: none;
        position: relative;
        width: 100%;
    }
    .page_about1_left .more_style3{
        position: absolute;
        right: 0;
        top: 0;
    }
    .page_about1_right{
        width: 100%;
    }
    .al_list .list{
        margin:0 -15px;
    }
    .al_list .list .item_wrap{
        padding:15px;
    }
    .page_banner .tit{
        font-size:36px;
    }
    .page_banner .tit:after{
        top: -20px;
        width: 50px;
    }
    .tl_honor_tit{
        margin-bottom: 20px;
    }
    .tl_honor_tit .tit{
        font-size:36px;
    }
    .cc_content_hd .tit h4{
        font-size:36px;
    }
    .cc_content_hd .tit p{
        font-size:18px;
    }
    .cl_tit{
        font-size:36px;
    }
    .dl_list .item a .tit{
        font-size:18px;
    }
    .nl_list_tit{
        font-size:36px;
    }
    .nl_list .list .item .info .tit{
        font-size:18px;
    }
    .nl_list .list .item .info .date{
        margin:10px 0 15px;
    }
    .nld_tit h1{
        font-size:36px;
    }
    .nld_content{
        min-height: 20vh;
        padding:20px 0;
        font-size:14px;
    }

    .nld_content iframe{
        width: 100%;
        height: auto;
    }

    .page_about1_left .tit{
        font-size:40px;
    }
    .page_about2_tit{
        font-size:36px;
    }
    .page_about{
        padding-top: 0;
        height: auto;
    }
    .page_about2_list .item{
        padding:40px;
    }
    .page_about2_list .item .desc{
        width: 100%;
    }
    .page_about2_list{
        height: auto;
    }
    .page_about3{
        display: none;
    }
    .page_about4{
        padding-top: 50px;
    }
    .page_about4_tit .tit{
        font-size:36px;
    }
    .pd_hd_wrap{
        padding-top: 50px;
    }
    .pd_hd{
        padding:30px 0 50px;
    }
    .pd_bd_tit{
        font-size:30px;
    }
    .layui-layer{
        width:calc(100% - 40px)!important;
        left: 20px!important;
    }
}
@media screen and (max-width: 1024px) {
    .al_menu{
        display: none;
    }
    .al_list,.al_show_detail{
        padding-left: 0;
    }
    .al_all{
        padding-top: 0;
    }
    .dl_list_imgs{
        flex-direction: column;
    }
    .dl_img{
        width: 100%;
    }
    .dl_list{
        margin: 30px 0 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 860px) {
    .wrapper{
        padding:0 12px;
    }
    .header_wrap .tel{
        display: none;
    }
    .product_index_tab .item>.flex{
        flex-direction: column;
    }
    .product_index_tab .item .item_left{
        flex: none;
    }
    .pd_hd .img_info{
        flex-direction: column;
    }
    .pd_hd .img{
        width: 100%;
        padding:5px;
    }
    .pd_hd .pics{
        padding: 0 0 20px;
    }
    .pd_hd .info h1{
        font-size:24px;
    }
    .pd_hd .info{
        width: 100%;
    }
    .pd_hd .btn_box{
        
    }
    .pd_hd .btn_box .btn{
        margin:0 4px;
        padding:4px 10px;
        min-width: 120px;
        height: 30px;
    }
    .pd_bd{
        overflow: hidden;
        padding:20px 0;
    }
    .return_page{
        flex-direction: column;
    }
    .return_page .next{
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-top: 10px;
    }
    .pd_bd_con{
        padding-bottom: 0;
    }
    .pd_bd_con img{
    width:auto;
}
    .return_page .next i{
        margin:0 10px 0 0;
    }
    .al_list{
        padding-bottom: 40px;
        min-height: 40vh;
    }
    .al_list .list{
        margin:0 -8px;
    }
    .al_list .list .item_wrap{
        padding:8px;
    }
    .cl_list .item_wrap{
        width: 50%;
    }
    .cl_list .item .info{
        padding:20px;
    }
    .cl_list .item .info .desc{
        margin:10px 0 20px;
    }
    .cl_list .list{
        margin:10px -10px 0;
    }
    .cl_list .item_wrap{
        padding:10px;
    }
    .jy_position_wrap{
        margin-top: 50px;
    }
    .tl_honor2_wrap{
        padding:30px 0;
    }
    .tl_honor2_con .list .list_item .item{
        height: 300px;
        border-width: 8px;
    }
    .tl_honor2_con .list .list_item .item .img img{
        height:240px;
    }
    .tl_honor2_con .swiper-button-prev{
        bottom: 1.8rem;
        left: -120px;
    }
    .tl_honor2_con .tab .item .tit{
        font-size:16px;
    }
    .tl_honor2_con .tab .item{
        margin-bottom: 15px;
    }
    .tl_honor2_con .tab .item.cur .tit:before{
        height: 18px;
    }
    .tl_honor2_con .tab .item.cur .tit{
        font-size:18px;
    }
    .tl_honor_tit{
        margin-bottom: 20px;
    }
    .tl_honor1_con{
        margin-bottom: 30px;
    }
    .page_about1_left .more_style3{
        padding:0 15px;
        height: 40px;
        line-height: 40px;
    }
    .page_about1_right{
        font-size:14px;
    }
    .page_about1{
        padding-top: 70px;
    }
    .page_about{
        padding-top: 0;
    }
    .page_about2_tit{
        height: auto;
        padding:20px 0;
    }
    .page_about2_list{
        flex-wrap: wrap;
        height: auto;
    }
    .page_about2_list .item{
        flex: none;
        padding:20px;
        width: 100%;
    }
    .page_about2_list .item .desc{
        width: auto;
    }
    .page_about4{
        padding:0;
    }
    .page_about4_list .img{
        margin:0;
    }
    .page_about2_list .item:nth-child(2){
        border:none;
    }
    .nl_list_new{
        flex-wrap: wrap;
    }
    .nl_list{
        width: 100%;
        padding-bottom: 30px;
    }
    .nl_list .list .item .info .desc{
        display: none;
    }
    .nl_list .list .item img{
        height: 140px;
        width:140px;
    }
    .nl_list .list .item .info{
        padding-left: 20px;
    }
    .nl_list .list .item .info .more_style5{
        margin-top: 0;
    }
    .nl_new{
        flex: auto;
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        padding-bottom: 40px;
    }
    .nl_new .list .item{
        padding:20px 0;
    }
    .nl_new .list .item .tit_ico .ico{
        margin-top: 0;
    }
    .dl_list{
         
    }
    .cl_tit{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .dl_list .list{
        margin:0;
    }
    .dl_list .item{
        padding:8px;
    }
    .dl_list .item a{
        padding:20px;
        height: 220px;
    }
    .ju_hd{
        height: auto;
        padding-bottom: 30px;
    }
    .ju_hd_con .con{
        width: 100%;
    }
    .ju_hd_con .btn{
        margin-top: 20px;
    }
    .ju_bd{
        padding:10px 0 40px;
    }
    .ju_bd .hd p,.jub_tit p{
        padding:0;
    }
    .jub_tit p:first-child{
        padding-left: 15px;
    }
    .jub_tit .btn{
        display: none;
    }
    .jub_txt{
        padding:20px;
    }
    .cc_contact_message{
        flex-wrap: wrap;
        padding-bottom: 40px;
    }
    .cc_content{
        flex: auto;
        padding-right: 0;
    }
    .cc_message{
        width: 100%;
    }
    .cc_message_bd .submit{
        margin-top: 20px;
    }
    .cc_message .cc_content_hd .tit{
        margin-top: 30px;
    }
    .cc_message_bd .item{
        padding-top:10px;
    }
    .page_banner_menu .item{
        flex:1;
    }
    .page_banner_menu .item a{
        height: 40px;
        width: auto;
    }
    .al_list .list .item .info .button_wrap{
        display: none;
    }
    .al_list .list .item .info .tit{
        margin-bottom: 0;
        font-size:16px;
    }
    .al_list .list .item .info{
        padding-bottom: 15px;
    }
    .page_banner .tit{
        font-size:20px;
        left: 0;
        top: 60%;
        transform:translateY(0);
        width: 100%;
        text-align: center;
    }
    .application, .application .list, .application .item .wrapper, .application .item .item_con{
        height: auto;
    }
    .tl_honor2_con .list .list_item .item .tit{
        margin-top: 10px;
    }
    .tl_honor2_con .swiper-button-next{
        bottom: 90px;
        left: -120px;
    }
    .tl_honor3{
        padding:30px 0;
    }
    .tl_honor3_con{
        padding-bottom:50px;
    }
    .page_about2_tit{
        font-size:30px;
    }
    .page_about2_list .item .tit{
        font-size:22px;
    }
    .page_about4_tit{
        padding:30px 0;
    }
    .page_about4_tit .tit{
        font-size:24px;
    }
    .nl_list .list .item{
        margin-top:30px;
    }
    .nl_list_tit{
        font-size:30px;
    }
    .ju_hd_con .tits .tit{
        font-size:24px;
    }
    .ju_hd_con .con{
        font-size:16px;
    }
    .ju_hd_con .tits .subtit{
        font-size:60px;
    }
    .jy_position{
        padding:15px 0;
    }
    .ju_hd_con{
        padding:20px 0 0;
    }
    .cc_content_hd .tit h4{
        font-size:24px;
    }
    .cc_content_hd .tit p{
        font-size:16px;
        margin:15px 0 0;
        padding-bottom:20px;
    }
    .cc_content_bd .tel1 .con p{
        font-size:16px;
    }
    .cc_content_bd .tel1{
        padding:30px 0;
    }
    .cc_content_bd .tel3 .item p{
        margin-top: 10px;
    }
    .tl_honor2_con .tab{
        width: 160px;
    }
}
@media screen and (max-width: 768px){
    .cl_list .item_wrap{
        width: 100%;
    }
    .dl_list .item{
        
    }
    .dl_list .list .item.item_hd{
        font-size: 14px;
        font-weight: bold;
    }
    .dl_list .list .item.item_bd{
        font-size: 14px;
    }
    .banner_txt .tit{
        font-size:24px;
        padding:0;
    }
    .application .item .item_con .tit, .certificate .list .list_item .hd .tit, .about_tit .tit{
        font-size:24px;
    }
    .application .item .item_con{
        width: 90%;
        top: 30px;
        padding-bottom: 60px;
    }
    .application .item .item_con .desc{
        margin:15px 0;
    }
    .about_con_info .tit{
        font-size:24px;
    }
    .about_con_list .item{
        padding:15px;
    }
    .about_con_list .item .a{
        font-size:24px;
    }
    .about_con_list .item .desc{
        font-size:14px;
    }
    .news_list .item .tit{
        font-size:20px;
        margin:15px 0;
    }
    .news_list{
        margin-top: 0;
    }
    .news_list .item .desc{
        margin-bottom: 30px;
    }
    .product_index_bg1{
        margin-top: -20px;
    }
    .product_index_tab.bb-custom-wrapper{
        margin-left: 0;
    }
    .product_index_tab .item .item_left{
        padding: 15px;
    }
    .product_index_tab .item>.flex{
        flex-direction: column-reverse;
    }
    .product_index_tab .item .item_left .tit{
        font-size:24px;
    }
    .product_index_tab .item .item_right{
        width: 100%;
        padding:20px 40px;
    }
    .pl_list_tit{
        font-size: 24px;
    }
    .product_index_tab .item .item_left .desc{
        display: none;
    }
    .product_index_tab .item .item_left .more{
        margin-top: 20px;
        text-align: center;
    }
    .pl_list .list .item .btns a i{
        display: none;
    }
    .jy_position{
        flex-wrap: wrap;
    }
    .bb-custom-wrapper nav a{
        width: 40px;
        height: 40px;
    }
    .hot_product_wrap{
        padding-bottom: 40px;
    }
    .pl_list .list .item .img img{
        height: 160px;
    }
    .pd_bd_tit{
        font-size:24px;
    }
    .return_page{
        padding-bottom: 30px;
    }
    .cl_list{
        padding-bottom:40px;
    }
    .cl_tit{
        font-size: 30px;
    }
    .nld_tit{
        margin-top: 20px;
    }
    .nld_tit h1{
        font-size:30px;
        line-height: 1.3;
    }
    .tl_honor_tit .tit{
        font-size:24px;
    }
}