@charset "utf-8";


@media screen and ( max-width: 1200px){
    #header{
        height: 50px;
        border-top: none;
    }
    .header_wrap{
        height: 50px;
        z-index: 99999;
        position: relative;
    }
    #header.header_on .logo,.logo{
        height: 22px;
    }
    #header.header_on .logo img{
        height: 100%;
    }
    .header_flex{
        height: 50px;
    }
    .topshare{
        line-height: 50px;
    }
    .topshare a{
        color:#fff;
    }
    .header_on .topshare{
        line-height: 50px;
    }
    .more_style1{
        padding: 15px 30px;
    }
    .nav_pc{
        display: none;
    }
    .phone_menu_btn{
        display: block;
    }
    .phone_top_nav{
        display: block;
    }
    
}
@media screen and ( max-width: 992px){
    .mb_none{
        display: none!important;
    }
    .programme_con li>div .img{
        height: 100px;
    }
    .programme_con li>div{
        margin-top:12px;
    }
    .programme_con li:nth-child(-n+3)>div{
        margin-top:12px;
    }
    .jy_new_product .jy_con{
        margin:0;
    }
    .keyword_search{
        flex-wrap: wrap;
    }
    .keyword_search .keyword{
        flex: auto;
        font-size:16px;
        margin-bottom: 15px;
    }
    .keyword_search .search{
        width: 100%;
    }
    .page_downlist ul{
        padding-left: 0;
    }
    .keyword_search .search .key{
        width: 100%;
    }
    .right_con_tit{
        margin-bottom: 20px;
    }
    .right_con_tit .tit{
        font-size:30px;
        margin-bottom: 10px;
        padding-top: 20px;
    }
    .right_con_tit .desc{
        font-size:14px;
    }
    .keyword_search_wrap{
        padding:15px 0;
    }
    .page_downlist ul li .item{
        margin:0 0 12px;
    }
    .container{
        padding-left:12px;
        padding-right: 12px;
    }
    .row{
        margin-left: -6px;
        margin-right: -6px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .banner .item .con{
        transform: translateY(-50%);
    }
    .banner .item .con h4{
        font-size:16px;
    }
    .banner .item .con h4 span{
        font-size:24px;
    }
    .banner .item .con p{
        font-size:16px;
        margin:0 0 10px;
    }
    .banner .item .con p.p1{
        font-size:22px;
    }
    .banner .item .con p:after{
        display: none;
    }
    .banner .owl-pagination{
        height: auto;
    }
    .banner .owl-pagination .owl-page{
        width: 4px;
        height: 4px;
    }
    .banner .owl-pagination .owl-page.active:after{
        width:14px;
        height:14px;
        left: -6px;
        top: -6px;
    }
    .phone_fixed_menu{
        display: block;
    }
   .tit_box1{
        padding:20px 0 10px;
   }
   .tit_box1 .tit h5{
       margin-top: 0;
       line-height: 1;
       font-size:20px;
       font-family: Arial;
   }
   .tit_box1 .tit h5 span{
       font-size:20px;
       margin:0 10px;
   }
   .tit_box1 p{
       font-size:14px;
       margin-top:6px;
   }
   .tit_box1 .tit h4{
       font-size:20px;
       height: 20px;
       line-height: 20px;
   }
   .tit_box1 .tit h4:before, .tit_box1 .tit h4:after{
       background-size: 60%;
       width: 38px;
       height: 20px;
   }
   .programme_menu{
       padding-right: 0;
   }
   .product_con li .con h4{
       font-size:14px;
   }
   .jy_new_product .owl-pagination{
       margin-top: 20px;
   }
   .jy_new_product .owl-pagination .owl-page{
       width: 12px;
       height: 12px;
       
   }
   .about_wrap{
       padding-bottom: 40px;
   }
   .about{
       flex-wrap: wrap;
       padding-top:0;
   }
   .about_phone{
       flex-direction: column-reverse;
       padding-top: 30px;
   }
   .about_img{
       width: 100%;
   }
   .about>div{
       flex-wrap: wrap;
   }
   .about_con{
      padding:20px 0;
      width: 100%;
   }
   .about_con .tit h4{
       font-size:18px;
   }
   .about_con .tit p{
       font-size:14px;
   }
   .about_con .con p{
       font-size:14px;
   }
   .product_con .pics{
       margin-left: 0;
       padding: 15px;
   }
   .product_con .pics ul{
       margin-top: 15px;
   }
   .product_con .pics .hot .con{
       padding-left:20px;
   }
   .product_con .pics .hot .img{
       width: 50%;
   }
   .product_con .pics .hot .con h4{
       font-size:16px;
   }
   .product_con .pics .hot .con p{
       display: none;
   }
   .product_con .pics li .con h4{
       font-size:14px;
   }
   .case_con .item .con{
       max-width: 100%;
       width: auto;
       padding: 20px;
   }
   .case_con .item .con h4{
       font-size:16px;
   }
   .case_con .item .con p{
       display: none;
   }
   .case_con .item .con span{
       font-size:12px;
       margin-top: 10px;
       display: block;
   }
   .case_con .item .con span i{
       font-size:12px;
   }
   .case_con .owl-pagination{
       margin-top: 10px;
   }
   .case_con .owl-pagination .owl-page{
       width: 8px;
       height: 8px;
       margin:0 6px;
   }
   .bg2{
       height: 300px;
   }
   .page_news_menu{
       margin-bottom: 20px;
   }
   .page_news_menu .item{
       margin:0 12px;
   }
   .page_public_tit .tit{
       font-size:24px;
   }
   .online_message form{
       padding:10px;
   }
   #code_img{
       height: 25px;
   }
   .page_news_menu .item a{
       font-size:22px;
   }
   .page_caseList li a{
       flex-wrap: wrap;
   }
   .page_caseList .img{
       width: 100%;
   }
   .page_caseList li .con{
       flex: auto;
   }
   .contact_con{
       width: 100%;
       padding: 20px;
   }
   .contact_con .tit h4{
       font-size:22px;
   }
   .contact_con .tit p{
       font-size:12px;
   }
   .contact_con .con{
       flex-wrap: wrap;
       margin-top: 20px;
   }
   .contact_con .con div{
       font-size:16px;
       flex: inherit;
   }
   .news_con .tit{
       display: none;
   }
   .news_con ul{
       width: 100%;
   }
   .news_con ul li .con h4{
       font-size:16px;
   }
   .news_con ul li{
       margin:20px 0;
   }
   .layui-layer-page{
       width: 300px!important;
   }
   .footer_bd ul{
       padding:0 0 20px 0;
   }
   .footer_bd li a{
       font-size:14px;
   }
   .footer_bd span{
       font-size:14px;
   }
   .footer_ft{
       padding:0 0 60px;
       line-height: 20px;
       height: 120px;
       font-size:12px;
       text-align: center;
       margin-top: 0;
       border: none;
   }
   .footer_ft>.flex{
       flex-wrap: wrap;
       justify-content: center;
   }
   .footer_ft .f_con{
       flex: auto ;
       justify-content: center;
       margin-top: 12px;
   }
   .footer_ft .sup{
       text-align: center;
   }
   .ibanner .con h4{
       font-size:22px;
   }
   .ibanner .con p{
       font-size:14px;
   }
    .page_index{
        padding:0;
    }
    .page_tit h4{
        font-size:22px;
        margin-bottom: 0;
    }
   .footer{
       padding:30px 0 0;
       margin-top: 20px;
   }
   .footer .col-md-4>div{
       padding-left:0;
   }
   .ibanner{
       height:100px;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
   }
   .ibanner .pos{
       display: none;
   }
   .page_about_index .tit{
       font-size:22px;
   }
   .page_service_index .con{
       margin-top: 0;
   }
   .page_honor_index li .con h4{
       font-size:16px;
   }
   .page_caseList li .con p{
      
   }
   .page_newsList li .con{
       padding:14px 0 0;
   }
   .page_newsList li .con h4{
       margin-bottom: 6px;
   }
   .page_newsList dl{
       padding-left: 0;
   }
   .page_newsList dl dd{
       padding:12px 6px 0;
   }
   .inner{
       padding: 20px 0;
   }
    .publeftcon{
        display: none;
    }
    .inner_menu{
        display: none;
    }
    .page_picshow{
        padding: 0;
        margin-bottom: 0;
    }
    .page_picList li{
        width:50%;
        margin-bottom:0;
    }
    .page_picList li .img{
        padding: 0;
        height: 120px;
    }
    .page_picList li .con{
        padding:0;
    }
    .page_picList li .desc{
        display: none;
    }
    .page_picList li a{
        margin-bottom: 12px;
    }
    .page_picList li .con h4{
        font-size:14px;
        border-bottom:none;
    }
    .inner_menu .col-md-7{
        text-align: left;
    }
    .page_picdetails .info p{
        margin:0 0 20px;
    }
    .page_picdetails .con .ptit{
        margin-bottom:15px;
    }
    .page_contact_index .tit{
        padding: 0;
    }
    .page_contact_index .con{
        padding: 0;
    }
    .page_contact_index p{
        margin-bottom: 0;
    }
    .page_hotpic{
        margin-top: 20px;
    }
    .page_hotpic li{
        padding: 0 8px;    
    }
    .page_contact_index{
        padding: 20px 0;
    }
    .page_index .tit h1{
        font-size:24px;
    }
    .page_caseList li{
        margin-bottom: 5px;
    }
    .page_caseList li .con{
        padding: 10px 0 0;
    }
    .page_caseList li .con h4{
       font-size:16px;
   }
   .page_newsList li a{
       display: block;
   }
   .page_newsList li .img{
       width:100%;
   }
   .page_newsList li .img img{
       width: 100%;
   }
    .page_contactindex ul{
        margin:20px 0;
        flex-wrap: wrap;
    }
    .page_contactindex ul li{
        margin:0 6px 12px;
        width: auto;
        height: auto;
        flex-basis: 40%;
        flex-grow: 1;
        padding: 20px 10px;
        text-align: center;
    }
    .page_contactindex ul li i{
        font-size:24px;
    }
    .page_contactindex li h4{
        margin-top: 20px;
    }
}
@media screen and ( max-width: 768px){
    .page_picList li .con p{
        display: none;
    }
    .xg_news{
        margin-top:20px;
    }
    .xg_news ul li .con{
        margin-left: 14px;
    }
}