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

    .mobile-nav .h-nav-g h1 img{max-height: 27px;}
    /*product*/
    .product ul li{ width: 49.2%;}

    /*company*/
    .company:before,.company:after{display: none;}
    .company .com_left{ width: 100%;float: none;background: #205bab;padding: 4%;}
    .company .com-right{ width: 100%;float: none;background: #e4e4e4;padding: 4%;}
    .company .com-right a{ right: 4%; top: 4%;}

    .company .com_left ol li{ width: 100%;}

    /*news*/
    .news ul{flex-wrap: wrap;}
    .news ul li{ width: 100%; margin-bottom: 3%; padding-bottom: 3%;border-bottom: 1px solid #ccc;}
    .news ul li:last-of-type{display: none;}

    /*footer*/
    footer{text-align: center;}
    footer ul{float: none;width: 100%;}
    footer p{float: none;text-align: center;}

    /*info*/
    .info_company_nav{padding: 3% 0;}
    .info-right2 form{ width: 100%;float: none; margin-bottom: 5%;}
    .info-right2 form div{ margin-bottom: 2%;}
    .info-right2 img{ width: 100%;float: none;}
    .info-right2 h3{font-size: 18px;}

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

    .info-right .pro-list li span{ height: 29px;overflow: hidden;}
    .p_content .info_list_img{ width: 58%;}
    .p_content table{line-height: 18px;}

    .swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev{ width: 18px; height: 20px;    background-size: 18px 20px;    margin-top: -10px;}

    /*招聘*/
    .job_info .container{ width: inherit;}
    .jobs_ul li div.position-name, .jobs_ul li div.date, .jobs_ul li div.address {padding-left: 5px;}
    .jobs_ul li {border-bottom: 1px solid #F2F2F2;padding: 8px;line-height: 24px;font-size: 14px;font-weight: bold;color: #919191;position: relative; }
    .jobs_ul div.link {position: absolute;top: 50%;right: 10px;margin-top: -15px;}
    .job-desc h1{font-size: 22px;}
    .job-desc .row{font-size: 15px;}
    .apply{margin: 15px auto;}
    .job_info .container{margin: 20px auto;}
    .job_title b{font-size: 22px;}
}

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

    /*footer*/
    footer{text-align: center;}
    footer ul{float: none;width: 100%;}
    footer p{float: none;text-align: center;}


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


    /*招聘*/
    .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;}
    /*招聘*/
    .job_info .container{ width: 90%;}

}

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

    /*header*/
    .h-top h1{ width: 350px;}
    .h-top h1 img{max-width: 100%;}
    .banner{ margin-top: 91px;}
    .h-top .wrapper > ul > li p{ top: 39px;}
    .h-top .wrapper > ul > li div{ top: 39px;}
    .h-top ul li{}
    /*footer*/
    footer{text-align: center;}
    footer ul{float: none;width: 100%;}
    footer p{float: none;text-align: center;}
}

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