/*最大768px*/
@media (max-width: 767px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}

    /*banner*/
    .header_top{display: none;}
    /*首页*/
    .banner{ margin-top: 60px;height: 180px !important;;}
    .banner_txt{padding: 0 15px;}
    .banner .swiper-pagination{bottom: 30px;}
    .banner2{height: 200px;background-size:cover;margin-top: 60px;}
    .banner2 .info_banner_text{ top: 30%;width: 100%;}
    .banner2 .info_banner_text span{font-size: 14px;}
    .banner2 .info_banner_text img{width: 230px;}

    .main_title{padding: 6% 0;}
    .main_title b{font-size: 30px;    background-size: 210px;}
    .main_title span{font-size: 17px;}
    .technology .technology_left ul{flex-wrap:wrap;}
    .technology .technology_left ul li{width: 49%;margin-bottom: 5px;}
    .technology .technology_left ul li a{padding: 5px 0;}
    .technology .technology_left ul li a b{background: none;padding-left: 0;display: block;text-align: center;}
    .technology .technology_left ul li a b span{font-size: 14px;}
    .technology .technology_left{margin-bottom: 5px;}

    .technology .technology_right ul li p.pro_l_img{width: 100%;float: none;height: 150px;}
    .technology .technology_right ul li div.pro_r_title{width: 100%;float: none;position: relative;border-left: 6px solid #c9c9c9;border-top: 0;padding: 20px;}
    .technology .technology_right ul li div.pro_r_title p b{font-size: 18px;}
    .technology .technology_right ul li div.pro_r_title p span{font-size: 14px;}
    .technology .technology_right ul li div.pro_r_title p span:after{margin: 10px 0;}
    .technology .technology_right ul li div.pro_r_title p small{line-height: 20px;}
    .technology_more a{width: 140px;}
    .technology_more a{background: #505050 url("../images/tec_ico1.png") no-repeat 10px center;}
    .technology_more a + a{background: #253d99 url("../images/tec_ico2.png") no-repeat 10px center;}


    .company .company_left{height: 240px;width: 100%;float: none;margin-bottom: 15px;}
    .company .company_right{width: 100%;float: none;}
    .company .company_right p{margin-bottom: 10px;}
    .company .company_right p span{font-size: 18px;}
    .company .company_right b{font-size: 16px;}
    .company .company_right div{line-height: 20px;}
    .company .company_right a{margin: 0 auto;display: block;}

    .ys{padding: 20px 0;background-size: inherit;}
    .ys .container > img{max-width: 100%;margin: 0 auto;}
    .ys p{display: none;}

    .ys_all ul{flex-wrap: wrap;}
    .ys_all ul li{width: 100%;float: none;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
    .ys_all ul li p{padding: 10px 0;}
    .ys_all ul li p span{font-size: 15px;margin-left: 60px;}
    .ys_all ul li p b{font-size: 18px;margin-left: 60px;}
    .ys_all ul li div small{font-size: 12px;}
    .ys_all ul li p strong{font-size: 46px;left: 12px;top: 2px;}
    .ys_all ul li p img {display: none;}
    .ys_all ul li > img{margin: 0 auto;}
    .ys_all ul li div{margin-left: 9px;margin-top: 10px;}

    .case .ys_top_title b{font-size: 20px;}
    .case .ys_top_title small{font-size: 14px;}
    .case .case_all ol li span{width: 40px;height: 40px;background-size: 20px;border: 2px solid #d1d1d1;}
    .case .case_all ol li b{font-size: 12px;}
    .case .case_all ol li{padding: 13px 0;}
    .case .case_all{height: 230px;}
    .case .case_all ul{height: 88px;}
    .case .case_all ul li b{font-size: 18px;}
    .case .case_all ul li b:after{margin: 10px 0;}
    .case .case_all ul li{top: 40px;}
    .case .case_all ul li span{margin-top: 15px;width: 30px;height: 30px;line-height: 30px;}

    .news .news_right{display: none;}
    .news .news_left{width: 100%;flex-wrap: nowrap;}
    .news .news_left ul li div b{font-size: 16px;height: 22px;overflow: hidden;}
    .news .news_left ul li{height: 100px;}
    .news .news_left ul li div small{font-size: 12px;margin: 10px 0;height: 33px;overflow: hidden;}
    .news .news_left ul li div span{display: none;}
    .technology_more{margin-top: 20px;}
    footer>.container{display: none;}
    footer{padding-top: 0;padding-bottom: 45px;}
    .f_icp{padding: 10px 0;text-align: center;}
    .f_icp .right{display: none;}

    /*子页面*/
    .info_com_type ul li i{width: 35px;height: 35px;line-height: 34px;}
    .info_com_type ul li i img{width: 20px;}
    .info_com_type ul{flex-wrap: wrap;padding: 15px 0;}
    .info_com_type ul li span{font-size: 12px;}
    .info_com_con .info_com_r{width: 100%;float: none;margin-top: 20px;}
    .info_com_con .info_com_r b{font-size: 18px;margin-bottom: 10px;}
    .info_com_con .info_com_r .p_con{line-height: 25px;font-size: 14px;}

    .cj_title b{font-size: 20px;}
    .cj_title small{font-size: 12px;}
    .cj_list li{width: 48%;margin-bottom: 1%;}

    .sc_list li{width: 49%;margin-bottom: 15px;padding-right: 10px;}
    .sc_list li:after{display: none;}
    .sc_list li span{width: 50px;height: 50px;background-size: 20px;border: 2px solid #d1d1d1;}
    .sc_list li b{margin-top: 5px;}
    .sc_list li small{margin-top: 5px;height: 80px;}
    .sc_list li:last-of-type small{height: auto;}

    #cpys .cpys_list li{width: 100%;float: none;margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
    #cpys .cpys_list{width: 100%;}
    #cpys .cpys_wrap:after{display: none;}
    #cpys .cpys_list li img{margin: 0 auto;display: block;}
    #cpys .cpys_list li div:after{display: none;}
    #cpys .cpys_list li div{margin-top: 0;padding-top: 15px;}
    #cpys .cpys_list li div b{font-size: 16px;}
    #cpys .cpys_list li div small{font-size: 14px;}

    .yf_list li{width: 48%;float: none;margin-bottom: 20px;}
    .yf_list li span img{width: 45px;height: 45px;}
    .yf_list li span{font-size: 38px;}
    .yf_list li b{font-size: 18px;margin-top: 10px;}
    .yf_list li b:before{margin-bottom: 10px;}
    .yf_list li small{font-size: 12px;margin-top: 10px;}

    .location{line-height: 40px;}
    .location b{font-size: 18px;margin-top: 3px;}
    .location span{font-size: 12px;}

    /*news*/
    .i_news .i_news_list li{ margin-bottom: 5%;}
    .i_news .i_news_list li img{display: none;}
    .i_news .i_news_list li div{ width: 100%;float: none;padding: 5% 6%;}
    .i_news .i_news_list li div strong{margin-top: inherit;top: inherit;bottom: 5%;}
    .news_info .container{padding: 15px;}
    .news_info .news_info_top h3{font-size: 18px;}

    /*product*/
    #LeftNav{ width: 100%;}
    .divBox+.divBox{display: none;}
    #LeftNav h3{margin:10px 0;font-size: 16px;}
    #LeftNav .NavMenu li{ height: 40px; line-height: 40px;}
    #LeftNav .divBox{padding:10px;}
    #LeftNav .NavMenu ul{display: none;}
    /*info_right*/
    .info_right{ width: 100%;padding: 10px;}
    .location2 h3{float: none;}
    .location2 div{float: none; margin-top: 5px;}

    .product_list li div{padding: 10px;}
    .location{margin-bottom: 15px;}

    .product_list li div small{overflow: hidden;}
    .info-right-image{width: 100%;float: none;}
    .info-right-image-t{width: 100%;float: none;margin-top: 20px;}
    .pro-info-con .pro-info-title{font-size: 18px;}
    .pro-info-con .more_btn{width: 120px;}

    .info2 .tea_list ul li p.tea_p small{height: 60px;margin-bottom: 10px;}
    .info2 .tea_list ul li p.pro_p{width: 42%;}
    .info2 .tea_list ul li p.tea_p{width: 55%;}
    .p_content .sylx_img ul li p{height: 105px;}



    .info_contact .info_contact_list ul li{line-height: 42px;overflow: inherit;height: 42px;width: 100%;margin-bottom: 5px;}
    .info_contact #allmap{height: 220px;}


    .input-group{padding-right: 25px; width: 100%;}
    .input-group input[type=text]{ width: 100%;}
    .input-group textarea{ width:100%;}
    #submit{margin-left: 0;}
    .input-group textarea:focus{ width: 100%;}
    .input-group input[type=text]:focus{ width: 100%;}
    .message-img{display: block;margin-top: 15px;}


    .info_c_title b{font-size: 20px;}
    .info_c_title small{font-size: 14px;}
    .info_com_con .info_com_l{width: 100%;float: none;}
    .info_com_con .info_com_r{width: 100%;float: none;margin-top: 20px;}

    .info2 .product_list li{width: 46%;}
    .pdc-list li b{height: 150px;}
    .location2 span{display: none;}

    .pro-info-con_left{width: 100%;float: none;margin-top:20px;}
    .pro-info-con .pro-email{display: none;}
    .pro-info-con .pro-order{font-size: 14px;width: 45%;}

    .case_list li p{height: 95px;}
    .case_list li span{font-size: 12px;height: 33px;}

    .i_news .i_news_list li p {width: 100%;transition: 300ms ease-in-out;-webkit-transition: 300ms ease-in-out;position: relative;left: 0;top: 0;height: 150px;}
    .ifo_mes{padding: 0;}
    .info_contact_title b{font-size: 17px;}
    .info_contact .info_contact_list ul li{font-size: 14px;line-height: 35px;height: 35px;}
    .info_contact .info_contact_list ul li b{width: 35px;height: 35px;}

    .banner .swiper-button-next,.banner .swiper-button-prev{width: 23px;height: 23px;background-size: cover;}
    .info-right-image p{height: 240px;}
    .mobile_type ul li{font-size: 14px;}

    .info_com_con .info_com_l p{height: 220px;}
    .info_com_con .info_com_l span{padding: 5px 0 5px 10px;font-size: 12px;}
    .product-content-tit{margin: 20px 0;}

    .pro-info-con .pro-small{display: none;}
    .pro-info-con .pro-order{display: none;}
}

/*768px至992px*/
@media (min-width:768px) and (max-width:991px) {
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}

    /*banner*/
    .banner{ margin-top: 55px;}
    .banner2{height: 250px;background-size:cover;margin-top: 60px;}
    .banner2 .info_banner_text{ top: 30%;}
    .banner2 .info_banner_text span{font-size: 20px;}
    .banner2 .info_banner_text img{width: 300px;}
    .banner .swiper-pagination{bottom: 50px;}
    /*首页*/

    .main_title b{font-size: 30px;}
    .main_title span{font-size: 20px;}
    .technology .technology_left ul li a b{background-size: 20px;padding-left: 35px;}
    .technology .technology_left ul li a b span{font-size: 14px;}
    .technology .technology_right ul li div.pro_r_title p b{font-size: 20px;}
    .technology .technology_right ul li div.pro_r_title p span{font-size: 20px;display: none;}
    .technology .technology_right ul li div.pro_r_title p small{line-height: 20px;}
    .technology .technology_right ul li p.pro_l_img{height: 300px;}

    .company .company_left{height: 240px;}
    .company .company_right p{margin-bottom: 10px;}
    .company .company_right p span{font-size: 18px;}
    .company .company_right b{font-size: 16px;}
    .company .company_right div{line-height: 20px;}

    .ys .container > img{width: 60%;}
    .ys p{margin-right: 0;}
    .ys p strong{font-size: 19px;}

    .ys_all ul li p span{font-size: 15px;margin-left: 68px;}
    .ys_all ul li p b{font-size: 18px;margin-left: 68px;}
    .ys_all ul li div small{font-size: 12px;}
    .ys_all ul li p strong{font-size: 46px;left: 12px;top: 21px;}
    .ys_all ul li p img {left: -9px;top: -4px;}

    .news .news_right{display: none;}
    .news .news_left{width: 100%;flex-wrap: nowrap;}
    footer .footer_center{display: none;}
    footer .footer_right{display: none;}
    footer .container>img{width: 400px;}

    /*子页面*/
    .cj_title b{font-size: 30px;}
    .cj_title small{font-size: 14px;}

    .info_c_title b{font-size: 30px;}
    .info_c_title small{font-size: 14px;}
    .case .ys_top_title b{font-size: 28px;}

    .info_com_con .info_com_r b{font-size: 22px;}
    .info_com_con .info_com_r .p_con{line-height: 25px;}
    #cpys .cpys_wrap:after{top: 190px;}
    .pdc-list li b{height: 146px;}
    .case_list li p{height: 155px;}

    .info_contact .info_contact_list ul li{line-height: inherit;overflow: inherit;height: auto;}

}


/*992-1199*/
@media (min-width:992px) and (max-width:1199px) {
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    .pc-nav .container .logo_bg img{width: 530px;}
    .company .company_left{height: 318px;}
    .company .company_right p{margin-bottom: 10px;}
    .company .company_right p span{font-size: 22px;}
    .company .company_right b{font-size: 20px;}

    .ys_all ul li p span{font-size: 22px;}
    .ys_all ul li p b{font-size: 23px;}
    .ys_all ul li div small{font-size: 13px;}
    .news .news_right ul li b{width: 168px;}
    footer .footer_right{display: none;}
    .technology .technology_right ul li div.pro_r_title p b{font-size: 25px;}
    .technology .technology_right ul li div.pro_r_title p span{font-size: 15px;}
    .info_contact .info_contact_list ul li{line-height: inherit;overflow: inherit;height: auto;}

    #cpys .cpys_wrap:after{top: 237px;}
}


@media (min-width:1200px) {
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
}