/*最大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;}


    .product .pro_type li{height: 100px;width: 33.3%;border-bottom: 1px solid #ccc;}
    .product .pro_type li a .pro_type_1 small{height: 28px;}
    .product .pro_type li a .pro_type_1 small img{max-height: 25px;}
    .product .pro_type li a .pro_type_2{line-height: 100px;}
    .container2{padding: 0 15px;}

    .company .com_l{width: 100%;float: none;display: block;}
    .company .com_r>span{line-height: 26px;}
    .company .com_r{width: 100%;float: none;padding: 2% 10% 3% 10%;}
    .company .com_r b{font-size: 22px;}
    .company .com_r img{width: 255px;}

    .news .news_left,.news .news_right{width: 100%;float: none;}
    .news > div .n_t1{height: auto;}
    .news > div .n_t1 span{font-size: 16px;}
    .news > div .n_t1 b{display: none;}
    .news > div .n_t2{line-height: 25px;}
    .news > div .n_t2 a{width: 115px;}
    .news > div small{font-size: 12px;}

    .case{padding: 3% 15px;}
    .case .case_r_wrap{width: 100%;float: none;}
    .case .case_left{width: 100%;float: none;}
    .case .case_left .case_title b{font-size: 22px;}
    .case .case_left .case_title img{width: 255px;}
    .case .case_r_wrap .case_right li{height: 340px;}
    .case .case_r_wrap .case_right li.swiper-slide-next{height: 450px;}
    .case .case_r_wrap .case_right li.swiper-slide-next .case_2 strong{font-size: 16px;}
    .case .case_r_wrap{padding: 0;height: 280px;overflow: hidden;}
    .case .case_r_wrap .case_right li.swiper-slide-next .case_2{display: none;}
    .case .case_r_wrap .case_right li{height: 280px;}
    .case .case_left small{font-size: 14px;}
    .case .case_left .case_btn span i{font-size: 28px;}
    .case .case_left .case_btn{margin-bottom: 15px;}

    .contact .contact_right{width: 48%;}
    .contact .contact_left{width: 48%;}
    .contact .con_title b{font-size: 22px;}
    .contact .con_title  img{width: 210px;}
    footer .f_left .f_left_1{display: none;}

    .contact .contact_left{width: 100%;float: none;margin-bottom: 20px;}
    .contact .container b{font-size: 18px;margin-bottom: 10px;}
    .contact .contact_left ul li{font-size: 14px;padding: 10px 0 10px 35px;}
    .contact .contact_right{width: 100%;float: none;}
    .contact .contact_right form input{line-height: 35px;margin-bottom: 25px;}
    footer > .container{display: none;}
    footer{padding-top: 0;padding-bottom: 45px;text-align: center;font-size: 12px;}
    footer .f_login span{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: 144px;}
    .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;}


    .banner2 .info_banner_text b{font-size: 22px;}
    .c_1 ul li b{font-size: 15px;}
    .c_1 ul li small{font-size: 12px;}
    .c_1 ul li{width: 32%;}
    .c_1 ul li p{width: 70px;height: 70px;}
    .c_1 ul li p img{width: 25px;}
    .c_2 p a{width: 100px;line-height: 30px;}
    .info_c_title img{max-width: 80%;}
    .swiper-container-honor .swiper-slide{height: 160px;}

}

/*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;}
    /*首页*/

    .product .pro_type li{height: 155px;}
    .product .pro_type li a .pro_type_2{line-height: 155px;}
    .company .com_l{width: 100%;float: none;display: none;}
    .company .com_r{width: 100%;float: none;padding: 2% 10% 3% 10%;}
    .company .com_r b{font-size: 22px;}
    .company .com_r img{width: 255px;}
    .news > div .n_t1 b{display: none;}
    .news > div .n_t2 a{width: 115px;}
    .case .case_r_wrap{width: 100%;float: none;}
    .case .case_left{width: 100%;float: none;}
    .case .case_left .case_title b{font-size: 22px;}
    .case .case_left .case_title img{width: 255px;}
    .case{padding: 3% 10%;}
    .case .case_r_wrap .case_right li{height: 340px;}
    .case .case_r_wrap .case_right li.swiper-slide-next{height: 450px;}
    .case .case_r_wrap .case_right li.swiper-slide-next .case_2 strong{font-size: 16px;}

    .contact .contact_right{width: 48%;}
    .contact .contact_left{width: 48%;}
    .contact .con_title b{font-size: 22px;}
    .contact .con_title  img{width: 255px;}
    footer .f_left .f_left_1{display: none;}

    .banner2 .info_banner_text b{font-size: 35px;}

    /*子页面*/
    .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: 123px;}
    .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-animate .header_top .nav li{margin-left: 36px;}
    .product .pro_type li{height: 165px;}
    .product .pro_type li a .pro_type_2{line-height: 165px;}
    .company .com_r>span{line-height: 20px;}
    .company .com_r{margin-top: 0;}
    .company .com_r b{font-size: 25px; margin-top: 11px;margin-bottom: 10px;}
    .news > div .n_t1 b{font-size: 28px;}
    .news > div .n_t1 span{font-size: 18px;}
    .news > div small{height: 125px;overflow: hidden;}
    .info_contact .info_contact_list ul li{line-height: inherit;overflow: inherit;height: auto;}
    .pdc-list li b{height: 173px;}
    #cpys .cpys_wrap:after{top: 237px;}
    .header_top .nav ul>li{margin-left: 22px;}
    .header_top .nav li .box{width: 482px;left: -210px;}
}


@media (min-width:1200px) {
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
}


@media (min-width:1200px) and (max-width:1300px) {
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    .company .com_r{margin-top: 0;}
}
@media (min-width:1200px) and (max-width:1800px) {
    .company .com_r span {}
    .swiper-container-com ul li{height: 540px;}
}


