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

    /*banner*/
    .banner{ margin-top: 0;}
    .banner2{height: 180px;background-position: center;background-attachment: inherit;background-size: cover;}
    .main-title{margin:6% 0;}
    .main-title h3{font-size: 25px;}
    /*introduce*/
    .introduce{ margin-top: 5%;height: auto;background: url("../images/it2.png") no-repeat center;background-size: cover;padding: 10px 3%;}
    .introduce b{    width: 125px;height: 58px;line-height: 58px;font-size: 18px;float: none;margin: 0 auto;background-size: 125px;}
    .introduce p{ width: 100%;float: none; margin-top: 5%;}
    .introduce p span{font-size: 14px;text-align: center;}
    .introduce p span + span{text-align: center;}
    /*honor*/
    .honor{ padding-bottom: 13%;}

    /*company*/
    .company{background-size: cover; padding-top: 20px;}
    #main .company .com_content p{ width: 90%;position: inherit;left: inherit;right: inherit;top: inherit;margin: 20px auto;}
    .company .com_content{ padding:0 0 40px 0;}
    .company .com_content img{display: none;}
    .company .com_content p b{display: block;}
    .company .com_content p:after{ left: -20px;}

    ul.honor_list li{ width: 23%;}

    /*product*/
    .pro-info .pro-list ul li{ width: 48%;}{}
    .product .pro-list ul li{ width: 48%;}
    .product .pro-list ul li:nth-of-type(4n){ display: none;}
    .pro-type ul{display: block;overflow: hidden; width: 105%;}
    .pro-type ul li{ width: 31%;float: left; margin-right: 1.5%;}
    .pro-type ul li a span{font-size: 14px;}
    .pro-type ul li a:after{ left: 8%;}

    .pro-type ul li a{height: 45px;line-height: 45px;}
    .pro-list-2 ul li span{font-size: 17px;}
    .pro-list-2 ul li p img{ width: 23%;}
    /*case*/
    .case .case_top img{width: auto;max-width: 100%;}
    .case .case_top div{ position: inherit;left: inherit;top: inherit; width: 100%;right: inherit;}
    .case .case_top div:before{display: none;}
    .case .case_top div span{font-size: 20px;}
    .case .case_top div small{font-size: 14px;}

    .case .case_top p{position: inherit;left: inherit;top: inherit; width: 100%;right: inherit;}
    .case .case_top p span{font-size: 13px;}
    .case .case_top div b{font-size: 15px;margin: 0;}
    .case .case_top div:before{ width: 47px; left: -52px;}

    .case .case_bottom ul{ width: 103%;}
    .case .case_bottom ul li{ width: 47.5%; margin-right: 2%; margin-bottom: 5%;}

    /*chang*/
    .chang .chang_list ul{ width: 103%;}
    .chang .chang_list ul li{ width: 47.5%; margin-right: 2%; margin-bottom: 5%;}

    /*news*/
    .news{ padding-top: 28%;}
    .news .news_ul li{ width: 50%;}
    .news .news_ul li:nth-of-type(2n){display: none;}
    .news .news_ul li div small{ height: 40px;overflow: hidden;}
    .news .img_container{ width: 100%; height: 35%;}
    .news .img_container img{ right: 4.2%;}

    /*form*/
    .contact_form form{flex-wrap: wrap;}
    .contact_form form input{ width: 48%; margin-bottom: 10px;}
    .contact_form form input:nth-of-type(4){ width: 48%;}
    .contact_form form button{ width: 35%;margin: 0 auto;}

    /*footer*/
    #main + footer{ margin-top: 0;}
    footer .f_top{ padding-top:0;}
    footer .f_top img{ width: 100%;float: none;}
    footer .f_top .f_top_con{position: relative;padding: 25px 0;-webkit-transform: translateY(0);transform: translateY(0);right: 0;top: inherit;width: 100%;}

    footer .f_top .f_top_con h1{font-size: 20px;}
    footer .f_top .f_top_con ul li{ margin-bottom: 0;}
    footer .f_top .f_top_con ul li span,
    footer .f_top .f_top_con p span{font-size: 14px;}
    footer .f_top .f_top_con ul li i,
    footer .f_top .f_top_con p i{font-size: 14px;}

    footer .f-bottom{text-align: center;padding-bottom: 55px;}
    footer .f-bottom span{display: none;}

    /*company*/
    .info_company_one .info_company_one_l img{display: none;}
    .info_company_one:nth-of-type(odd) .info_company_one_con .add_div{ width: 100%;position: static;    left: inherit; top: inherit; transform: translateY(0); -webkit-transform: translateY(0);}
    .info_company_one:nth-of-type(even) .info_company_one_con .add_div{ width: 100%;position: static;    left: inherit; top: inherit; transform: translateY(0); -webkit-transform: translateY(0);}
    .info_company_one:nth-of-type(odd) .info_company_one_con .add_div2{ width: 100%;position: static;    left: inherit; top: inherit; transform: translateY(0); -webkit-transform: translateY(0);}
    .info_company_one:nth-of-type(even) .info_company_one_con .add_div2{ width: 100%;position: static;    left: inherit; top: inherit; transform: translateY(0); -webkit-transform: translateY(0);}
    .info_company_one .add_div:after{ bottom: -5%;}

    /*product*/
    .info-right .pro-list li{ width: 48%;}
    .sidebar h3 {line-height: 60px;font-size: 18px;}
    /*产品详情页*/
    .i-product-type{ margin-top: 0; margin-bottom: 20px;}
    .info-pp .i-product-type+.container{padding: 0;}
    .pro-info-con .pro-info-title{font-size: 25px;margin-bottom: 5px; margin-top: 25px;}
    .product-content-tit span{ width: 120px;text-align: center; padding-left: 0;line-height: 40px; height: 40px;}
    div.page{padding: 0 5%;}
    div.page a{    display: inline-block;}
    .pro-type{padding: 0 15px;}

    /*招聘*/
    .zhao_list_all h3{font-size: 20px; width: 50%;}
    .zhao_list_all .zhao_list > div b{font-size: 16px;}
    .zhao_list_all .zhao_list > div strong{font-size: 18px;}
    .zhao_list_all .zhao_list > div em{ width: 35px; height: 20px;}

    .job_t .mainsTitle{font-size: 20px;}
    .job_t .mainsInfo {font-size: 18px;line-height: 24px;padding-bottom: 13px;}


    .zhao_list_con .mainTitle{font-size: 20px;}
    .zhao_list_con .title{font-size: 22px;}
    .zhao_list_con .mainSub{margin: 15px auto;}
    .zhao_list_con .info{font-size: 14px;}

    /*info-message*/
    .info-message small{ width: 80%;}
    #allmap {width: 90%;margin: 0 auto;height: 250px;}
    .info-message button {width: 150px;line-height: 35px;}
    .info-message h3{font-size: 25px;}

    /*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%;}

    .n_left ._title{font-size: 22px;}
    .n_left{ width: 100%;}
    .n-add{display: none}
    .nad p{width: 100%!important;}
    .swiper-containerba{margin-top: 0}
    .footer_mob{position: fixed;bottom: 0;left: 0;width: 100%}
    .footer_mob li{width: 25%;float: left;background: #009c84;padding: 10px 0;
    text-align: center;color: #fff;box-sizing: border-box}
    .footer_mob li{border-right: 1px solid #ddd;}
    .footer_mob li a{color: #fff}
}

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

    /*banner*/
    .banner{ margin-top: 0;}
    .banner2{height: 560px;background-position: center 60px;}

    /*introduce*/
    .introduce p{ width: 65%;}
    .introduce p span{font-size: 14px;}


    /*company*/
    #main .company .com_content p{ width: 90%;position: inherit;left: inherit;right: inherit;top: inherit;margin: 20px auto;}
    .company .com_content{ padding:0  0 40px 0;}
    .company .com_content img{display: none;}
    .company .com_content p b{display: block;}

    /*case*/
    .case .case_top p span{font-size: 13px;}
    .case .case_top div{ right: 0;}
    .case .case_top div b{font-size: 17px;margin: 0;}
    .case .case_top div:before{ width: 47px; left: -52px;}

    /*news*/
    .news .img_container{ height: 26%;}

    /*footer*/
    #main + footer{ margin-top: -20px;}
    footer .f_top{ padding-top: 20px;}
    footer .f_top .f_top_con h1{font-size: 20px;}
    footer .f_top .f_top_con ul li{ margin-bottom: 0;}
    footer .f_top .f_top_con ul li span,
    footer .f_top .f_top_con p span{font-size: 14px;}
    footer .f_top .f_top_con ul li i,
    footer .f_top .f_top_con p i{font-size: 14px;}

    /*招聘*/
    .zhao_list_all .zhao_list > div b{font-size: 20px;}
    .zhao_list_all .zhao_list > div strong{font-size: 22px;}
    .zhao_list_all .zhao_list > div em{ width: 35px; height: 20px;}

    .job_t .mainsTitle{font-size: 30px;}
    .job_t .mainsInfo {font-size: 24px;line-height: 24px;padding-bottom: 13px;}

    .zhao_list_con .mainTitle{font-size: 30px;}
    .zhao_list_con .title{font-size: 28px;}
    .zhao_list_con .mainSub{margin: 15px auto;}


}

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

    /*company*/
    .company .com_content .com_p_l1,
    .company .com_content .com_p_l2{ width: 32%;}
    .company .com_content .com_p_r1{ width: 30%;}
    .company .com_content .com_p_r2{ width: 35%;}

    /*news*/
    .news .img_container{ height: 32%;}

    /*footer*/
    footer .f_top .f_top_con ul li{ margin-bottom: 1%;}
    footer .f_top .f_top_con ul li i,
    footer .f_top .f_top_con p i{font-size: 17px;}
    /*新增推荐*/
    .tuiother li a .i{height: 130px}
}

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