@charset "utf-8";


@media (max-width:1600px) {
    .about_con .con ul{
        display: none;
    }
    .menu_btn{
        width: 120px;
    }
}
@media (max-width:1400px) {
    .colorLo{
        display: block!important;
    }
    .nav_pc li>a{
        color: #333;
    }
    .logo .whiteLo{
        display: none;
    }
    .nav_pc li>a:after{
        background: #007d2d;
    }
    .nav_pc{
        margin-right: 0;
    }
    .logo_txt p{
        color: #333;
    }
    .logo img{
        border-color: #333;
    }
    .menu_btn{
        display: none;
    }
    .header_wrap{
        background: #fff;
    }
    .header_flex .tel{
        display: none;
    }
    .about_con .more a{
        display: none;
    }
    .worry_con li .con p{
        font-size:12px;
    }
    .tit_box1 .tit h4{
        font-size:30px;
    }
    .header_flex{
        padding: 0 20px;
    }
    .cases_con li .con{
        padding: 30px 60px;
    }
    .cases_con li .con h4{
        font-size:20px;
    }
    .cases_con li .con p{
        font-size:14px;
    }
    .panel1_con{
        padding: 40px 0;
    }
    .panel1_con li .item{
        width: 160px;
        height: 160px;
    }
    .panel1_con li .item i{
        font-size:36px;
    }
    .panel1_con li .item h4{
        font-size:20px;
    }
    .news_con li .con p{
        display: none;
    }
    .footer_menu{
        padding-left: 0;
    }
}

@media screen and ( max-width: 1200px){
    .header_wrap{
        height: 50px;
        z-index: 99999;
        background:#fff;
        padding-left: 12px;
        padding-right: 12px;
    }
    .header_wrap:after{
        display: none;
    }
    .header_on .header_wrap{
        height: 50px;
        display: block;
    }
    .header_flex,.header_on .header_flex{
        height: 50px;
    }
    #header.header_on .logo,.logo{
        height:20px;
    }
    #header.header_on .logo img{
        height: 100%;
    }
    .more_style1{
        font-size:14px;
        margin-top: 20px;
    }
    .nav_pc{
        display: none;
    }
    .phone_menu_btn{
        display: block;
    }
    .phone_top_nav{
        display: block;
    }
    .product_con .item{
        flex-wrap: wrap;
    }
    .product_con .item .con{
        width: 100%;
        padding: 20px 0 40px;
    }
    .product_con .item .img{
        flex: auto;
    }
    .product_con .item .img img{
        margin:auto;
    }
    .product_con .slick-dots{
        padding-left: 0;
    }
    
    .medc_content {
        display: none;
    }
    
    .page_picList li img{
    width:100%;
    }
    .logo_txt{
        display: none;
    }
    .logo img{
        height: 30px;
        border: none;
    }
}
@media screen and ( max-width: 992px){
    .advantage{
        margin-bottom: 50px;
    }
    .advantage .advFlow .advCon .flow{
        margin-bottom: 15px;
    }
    .advantage .advTit{
        margin-bottom: 30px;
    }
    .advantage .advFlow .advCover{
        width: auto;
        margin-bottom: 30px;
    }
    .advList li .flexAligncenter{
        flex-direction: column;
    }
    .advantage .advTit .titL h1{
        font-size: 32px;
        margin-left: 5px;
    }
    .advantage .advTit .titR h3{
        font-size: 18px;
    }
    .advantage .advTit .titR h4{
        font-size: 16px;
    }
    .advantage .advTit .titL{
        padding-right: 15px;
        margin-right: 15px;
    }
    .advantage .advTit .titL .squ{
        width: 30px;
        height: 30px;
    }
    .advantage .advTit .titL .squ p{
        font-size: 18px;
    }
    .index_foot{
        display: none;
    }
    .footer_message{
        margin-bottom: 50px;
        padding: 50px 0;
    }
    .footer_message h2{
        font-size: 24px;
    }
    .casesFlow{
        margin-bottom: 50px;
    }
    .casesFlow .slick-dots{
        display: none!important;
    }
    .casesFlow li .caseTxt h3{
        font-size: 18px;
        margin: 10px 0 0 0;
    }
    .casesFlow li .caseTxt h4{
        display: none;
    }
    .proFlow .tit .squ{
        margin-bottom: 30px;
    }
    .HeadTit1 h2{
        font-size: 32px;
    }
    .HeadTit1 h3{
        font-size: 18px;
    }
    .bigFlow li .squ{
        margin-bottom: 30px;
    }
    .HeadTit1{
        padding: 30px 0 30px 0;
    }
    .bigFlow li .more{
        margin-top: 30px;
        font-size: 14px;
        padding: 10px 30px;
    }
    .sy_ab_left .more{
        margin: 15px 0;
        font-size: 14px;
        padding: 10px 30px;
    }
    h1{
        font-size: 32px;
    }
    .proFlow{
        padding: 0 0 30px 0;
    }
    .bigFlow li .flex{
        flex-direction: column;
    }
    .chooseFlow{
        padding: 0;
        flex-direction: row;
    }
    .proWide .proGuide{
        display: none;
    }
    .proDivide{
        flex-direction: column;
    }
    .proFlow,.proChoose{
        width: 100%;
    }
    .proWide{
        padding-bottom: 30px!important;
        margin-top: 30px!important;
    }
    .flowTit{
        flex-direction: column;
        margin-top: 0;
    }
    .flowTit li h3{
        font-size: 18px;
    }
    .flowTit .colFlow{
        margin-top: 15px;
    }
    .sy_about{
        padding: 30px 0;
    }
    .partner{
        margin-top: 30px;
        margin-bottom: 0;
    }
    .partner .img{
        padding: 15px;
    }
    .sy_about{
        padding-left: 0;
    }
    .sy_ab_right p{
        font-size: 14px;
    }
    .sy_about .flexBetween{
        flex-direction: column;
    }
    .sy_number ul li .num_txt h4{
        margin-bottom: 0px;
    }
    .sy_ab_left,.sy_ab_right{
        width: auto;
    }
    .sy_number{
        width: 90%;
    }
    .sy_number ul li{
        margin-bottom: 15px;
    }
    .mb_none{
        display: none!important;
    }
    .pc_none{
        display: block!important;
    }
    .sy_number ul li .num_txt b{
        line-height: 32px;
        font-size: 24px;
    }
    .container{
        padding-left:12px;
        padding-right: 12px;
    }
    .header_flex{
        padding: 0;
    }
    .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{
        width: 60%;
    }
    .banner .item .con h4{
        font-size:16px;
        margin-bottom: 20px;
    }
    .banner .item .con p{
        font-size:14px;
    }
    .banner .item .con a{
        margin-top: 0;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size:12px;
    }
    .banner .slick-dots{
        bottom:20px;
    }
    .panel1_con .img img{
        max-width: 80%;
    }
    .phone_fixed_menu{
        display: block;
    }
   .tit_box1{
        display: block;
        padding: 25px 0 15px;
   }
   .tit_box1 .tit{
       flex: inherit;
       text-align: center;
       padding: 0 16px;
   }
   .tit_box1 .tit:after{
       border-top-width:50px;
   }
   .tit_box1 .tit h4{
       font-size:20px;
   }
   .tit_box1 .tit p{
       font-size:12px;
   }
   .about{
       padding:20px;
   }
   .about_con{
       padding: 0;
   }
   .about_con .tit{
       font-size:20px;
   }
   .about_con .con{
       padding: 10px 0 20px;
   }
   .about_con .con p{
       font-size:14px;
   }
   .about_con .con a{
       margin-top: 20px;
   }
   .product_menu ul{
       flex-wrap: wrap;
   }
   .product_menu li{
       flex: auto;
       flex-basis: 40%;
       flex-grow: 1;
       margin-bottom: 4px;
   }
   .product_menu li:nth-child(2n){
       margin-right: 0;
   }
   .product_menu li .con h4{
       font-size:22px;
   }
   .product_menu li .con p{
       font-size:12px;
   }
   .cases_con li{
       flex-wrap: wrap;
   }
   .cases_con li .img{
       flex: auto;
   }
   .cases_con li .con{
       width: 100%;
       padding:20px 15px 30px;
   }
   .news{
       flex-wrap: wrap;
       flex-direction: column-reverse;
   }
   .news_menu{
       margin-bottom: 20px;
   }
   .news_con{
       margin-bottom: 50px;
       justify-content: center;
       width:100%;
       padding: 0;
   }
   .news_menu a{
       width:90px;
       height: 40px;
       line-height: 38px;
       font-size:14px;
   }
   .news_img{
       flex: auto;
   }
   .news_con li a{
       flex-wrap: wrap;
   }
   .news_con li .img{
       flex: auto;
       padding-right: 0;
   }
   .news_con li .con{
       padding: 20px 0;
       width: 100%;
   }
   .news_con li .con h4{
       font-size:16px;
   }
   .news_con li .con p{
       display: block;
       font-size:12px;
   }
   .page_newsList li{
       margin-bottom: 0;
   }
   .page_newsList li .con{
       width: 58%;
   }
   .page_newsList li .con h4{
       margin-bottom: 0;
       font-size:14px;
   }
   .page_newsList li .con span{
       margin-top: 0;
   }
   .footer{
       padding:0;
   }
   .footer_logo>p{
       display: none;
   }
   .footer_ft{
       height: auto;
       border-top: none;
       padding: 20px 0;
       margin-top: 0;
       margin-bottom: 55px;
       font-size:12px;
   }
   .footer_ft p{
       display: block;
       height: auto;
   }
   .footer_ft img{
       display: none;
   }
   .footer_ft a{
       
   }
   .page_menu ul li a{
       padding: 0 10px;
       font-size:14px;
   }
   .page_index{
        padding:15px;
    }
    .page_news_detail{
        padding: 20px 0 0;
    }
    .page_tit{
        margin:10px 0;
        padding: 10px 15px;
    }
    .page_tit h4{
        font-size:22px;
        margin-bottom: 0;
    }
   .ibanner{
       height:100px;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
   }
   .page_about_index .tit{
       font-size:22px;
   }
   .page_service_index .con{
       margin-top: 0;
   }
   .page_honor_index li .con h4{
       font-size:16px;
   }
   .inner{
       padding:0 0 20px;
       background-color: #fff;
   }
    .publeftcon{
        display: none;
    }
    .inner_menu{
        display: none;
    }
    .page_picshow{
        padding: 0;
        margin-bottom: 0;
    }
    .page_picList li{
        width:50%;
        margin-bottom:12px;
    }
    .page_picList li a{
        padding: 10px;
    }
    .page_picList li .con{
        padding: 0;
    }
    .page_picList li .con h4{
        font-size:14px;
        border-bottom:none;
    }
    .page_newsList li{
        padding:10px 0;
    }
    .inner_menu .col-md-7{
        text-align: left;
    }
    .page_newsList li .con{
        margin-left: 15px;
    }
    .page_newsList li .con p{
        line-height: 1.3;
        margin:10px 0 5px;
        max-height: 48px;
    }
    .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:22px;
    }
    .page_index .con{
        padding: 20px 15px;
    }
    .page_index img{
        max-width: 100%!important;
    }
    .page_caseList{
        padding-top: 0;
    }
    .page_caseList li{
        margin-bottom: 5px;
    }
    .page_caseList li .con{
        padding: 15px 0;
    }
    .page_caseList li .con h4{
        font-size:14px;
    }
    .page_contactindex{
        padding: 12px;
    }
    .page_contactindex ul{
        flex-wrap: wrap;
    }
    .page_contactindex ul li{
        margin:0 6px 12px;
        width: auto;
        height: auto;
        flex-basis: 40%;
        flex-grow: 1;
        padding: 20px 10px;
    }
    .page_contactindex ul li i{
        font-size:24px;
    }
    .page_contactindex li h4{
        margin-top: 20px;
    }
    
    .jy_inner_product_flex .page_picList {
        width: 100%;
    }
    
    .page_picdetails .info>.flex{
    height: auto;
    }
    .footer_message{
        display: none;
    }
    .intro{
        margin-bottom: 20px;
    }
    .intro .introDivide{
        flex-direction: column;
        padding: 0 15px;
    }
    .intro .introL h4{
        font-size: 18px;
    }
    .intro .introL p{
        font-size: 14px;
    }
    .intro .introL{
        margin-bottom: 15px;
        padding: 20px 15px;
    }
    .intro .introL h4{
        margin-bottom: 15px;
    }
    .introR{
        flex-direction: row;
        margin: 0;
    }
    .introR .pCover,.introR .cCover{
        width: 48.5%;
    }
    .news_con_left{
        display: none;
    }
    .news_con_right_wrap{
        padding: 0;
    }
    .footer{
        padding-top: 50px;
    }
    .footer ul{
        padding-bottom: 50px;
    }
    .jy_inner_product_flex .page_picList{
        padding-left: 0px;
    }
    .page_picList li{
        width: 100%;
    }
    .page_banner .con_wrap .container{
        margin-left: 0px;
    }
    .page_banner .con_wrap .con p{
        display: none;
    }
    .page_banner img{
        transform: scale(2);
    }
    .page_banner .pos{
        display: none;
    }
    .innerPro .bigFlow li{
        padding: 0;
        margin-bottom: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #999;
    }
    .page_about_panel1 .tit_box2{
        display: none;
    }
    .page_about_panel1 .r_con{
        width: 100%;
    }
    .page_about_panel1{
        padding: 50px 0;
    }
    .page_about_panel2{
        padding: 50px 0;
    }
    .tit_box2 .tit h5:after{
        margin-bottom: 50px;
    }
    .page_about_panel2 ul{
        flex-direction: column;
    }
    .page_about_panel3{
        padding: 50px 0;
    }
    .page_service_panel1{
        padding: 50px 0;
    }
    .page_service_panel2{
        padding: 50px 0;
    }
    .page_service_panel2 ul{
        padding-top: 0;
    }
    .page_service_panel2 ul li .more{
        display: none;
    }
    .page_service_panel2 ul li .con{
        width: 100%;
    }
    .page_contactindex .right_con{
        display: none;
    }
    .page_contactindex .left_con .desc h4{
        padding-top: 0px;
    }
    .page_contactindex .left_con ul li{
        padding-top: 15px;
    }
    .page_contact_msg .msg_flex .img{
        display: none;
    }
    .page_contact_msg .msg_flex .msg{
        padding: 0px 15px;
    }
    .page_picdetails .btn-primary{
        height: 50px;
        line-height: 50px;
    }
    .aboutD{
        margin-top: 0!important;
    }
    .num_icon img{
        max-height: 35px;
    }
    .proFlow .tit h3{
        margin-top: 30PX;
    }
    .bigFlow li .itemTit h2{
        font-size: 24px;
    }
    .news_con_right{
        padding: 15px;
    }
    .news_con_right .bd .item_wrap{
        padding: 0;
        width: 100%;
    }
    .news_con_right .bd{
        margin: 0;
    }
    .news_con_right .con h5 span{
        display: none;
    }
    .news_con_right .hd .item .con a{
        flex-direction: column;
    }
    .news_con_right .bd .item a span{
        display: none;
    }
    .news_con_right .text-overflow{
        white-space: normal;
    }
}
@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;
    }
    .intro{
        padding: 50px 0;
    }
}
