

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



    /*introduce*/

    .introduce div p{display: block;}

    .introduce p span{font-size: 18px;}

    .introduce div small{display: none;}



    /*protype*/

    .pro-type .pro-type-right .pro-type-title{ margin-top: 19%;}

    .pro-type .pro-type-right .pro-type-title2{ margin-top: 6%;}

    .pro-type .pro-type-right .pro-type-title span{font-size: 31px;}

    .pro-type .pro-type-right .pro-type-title b{font-size: 20px;}

    .pro-type .pro-type-right .pro-type-title2 small{padding-right: 0;}

    .pro-type .pro-type-title2{ padding-right: 0;}

    .pro-type .pro-type-right .product-swiper .swiper-container-list{ margin-right: 0;}



    .pro-type .pro-type-right .pro-type-name{ width: 70%;}

    .pro-type .pro-type-right .pro-type-name li{ height: 68px; }

    .pro-type .pro-type-right .pro-type-name li a b{font-size: 19px;}

    .pro-type .pro-type-right .pro-type-name li a small{font-size: 16px;}



    .pro-type .pro-type-left{display: none; width: 100%;}

    .pro-type .pro-type-right{ width: 100%;position: relative;padding-right: 3%;padding-bottom: 7%;}

    .pro-type .pro-type-right .product-swiper .swiper-slide span{line-height: 25px;}

    .pro-type .pro-type-right .product-swiper .swiper-container3{ margin-right: 0;}



    .pro-type .pro-type-right .product-swiper .button-wrap{display: none;}





    /*company*/

    .company .company_bg{ height: 200px;}

    .company .container .com-title{ padding-top: 3%; margin-bottom: 3%;}

    .company .container .com-title h3{font-size: 22px;}

    .company .container .com-title small{font-size: 18px;}

    .company .container .com-content .com-content-r{ width: 100%;position: relative; top: 0;transform: translateY(0);-webkit-transform:translateY(0); right: 0;padding: 5% 0;}

    .company .container .com-content .com-content-r > small{margin: 3% auto; width: 90%;}

    .company .container .com-content .com-content-r ul li p span{font-size: 32px;}

    .company .container .com-content .com-content-r ul li p i{ right: 0 !important;}



    /*case*/

    .case .case-left{ height: 188px;position: relative; width: 100%; left: 0; top: 0;}

    .case .case-left .case-tit {left: 7%;top: 6%;right: inherit;}

    .case .case-left .case-tit span{ margin-left: 8px;}

    .case .case-left .case-left-con {position: absolute;left: 35%;top: 15px;width: auto;margin-left: 0;}

    .case .case-left .case-left-con ul li{line-height: inherit;}

    .case .case-right{ width: 100%;}



    /*link*/

    .link .link-con{padding: 10px 0;}

    .link .link-con ul li{ height: 40px; width: 33%;}

    .link .link-con ul li:last-of-type{display: none;}

    .link .link-con ul{ width: 60%;}



    /*.video*/

    .video{ height: 150px;}

    .video .vdo-txt img{ width: 35px;}



    /*footer*/

    footer .f-bottom{ padding-top: 3%;}

    footer .f-top{padding: 3% 0;display: none;}



    /*详情页banner*/

    .info-banner{ height: 200px; margin-top: 0; background-position: center 0;background-attachment: inherit;background-size: cover;}

    .info-banner .container .info-banner-title{ margin-top: -50px; height: 80px;transform: translateY(0) !important;-webkit-transform: translateY(0) !important; }

    .info-banner .container .info-banner-title h3{font-size: 25px;}

    .info-banner .container .info-banner-title span{ width: 100px; line-height: 30px;}

    .info-banner .container .info-banner-title span b{font-size: 18px;}



    /*详情页公司简介*/

    .info-logo-img{ width: 100px;margin: -50px auto 0 auto !important;}

    .info-company .info-company-content .swiper-container-com{ width: 100%;position: relative; top: 0;transform: translateY(0);-webkit-transform:translateY(0); }

    .info-company .info-company-content .company-con{ width: 100%;}

    .info-company .info-company-content .company-con .company-con-r{ width: 100%;float: none; margin-right: 0;padding: 3%;}

    .info-banner .container .info-banner-title{ margin-top: -50px; height: 80px;transform: translateY(0) !important;-webkit-transform: translateY(0) !important; }

    .info-company .info-company-content .company-con .company-con-r > h3{font-size: 18px;}



    /*.info-mission*/

    .info-mission{ height: inherit;}

    .info-mission ul li{ width: 50%; height: 130px;}

    .info-mission ul li div span{ margin-top: 0;}

    .info-mission ul li div p{ margin-bottom: 15px;}

    .info-mission ul li div b{margin:15px auto 0 auto; opacity: 1;transform: translateY(0);font-size: 13px; width: 90%;}

    .info-mission ul li div small{font-size: 14px;}

    .info-mission ul li div span{font-size: 16px;}

    .info-mission ul li:after{display: none;}



    /* .info-video*/

    .info-title span{font-size: 25px;}

    .info-title small{font-size: 16px;}

    .info-video .info-vdo{ height: 200px; width: 100%;}



    /*设备展示*/

    .equipment-con > img{display: none;}

    .equipment-con .equipment-con-right{ width: 100%;}

    .equipment-con .equipment-con-right .shebei-con{ width: 100%; margin-right: 0;padding: 5%;}

    .equipment-con .equipment-con-right .shebei-con span{font-size: 18px;display: block;}

    .equipment-two .container > p span{font-size: 25px;}

    .equipment-two ul li p b{font-size: 35px;}

    .equipment-two ul li{ width: 100%; margin-bottom: 3%; margin-left: 0;}

    .equipment-two ul li p{ width: 90%;}



    /*子页面案例*/

    .i_case_content small{ width: 90%;margin: 0 auto;}

    .i_case_list li{ width: 50%;padding: 0 5px;}



    /*子页面产品*/

    .info-product .i-product-type{margin-top: 0;}

    /*子页面产品展示*/

    .i-product-type .i-product-type-list p img{ height: 70px;}

    .i-product-type .i-product-type-list{ width: 100%; margin-left: 0;}

    .i-product-type .i-product-type-list p span{font-size: 18px;}

    .i-product-type .i-product-type-list div{ height:auto;}

    .i-product-type .i-product-type-list ul{ width: 95%;}

    .i-product-type .i-product-type-list ul li span{font-size: 16px; margin-left:2px;}



    .i-pro-list ul li{ width: 47%;}

    .i-pro-list ul li div span{font-size: 18px;}



    /*子页面服务*/

    .info-service .info-logo-img{margin:-50px auto 0 -50px !important}

    .info-service-one img{ width: 100%;display: none;}

    .info-service-one .i-ser-one-r{ width: 100%;position: inherit; left: 0; top: 0;padding: 20% 15px 3% 15px;}

    .info-service-one .i-ser-one-r p b{font-size: 22px;}

    .info-service-one .i-ser-one-r p{position: inherit; top: 0;    transform: translateY(0);}

    .info-service-two .i-ser-two-con-wrap > img{ width: 100%;float: none;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con{ width: 100%;padding: 5% 15px;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p b{font-size: 38px;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p span{margin-top: 2%;font-size: 16px;}



    /*子页面新闻*/

    .info-news-l{ width: 100%;float: none;}

    .info-news-l ul li .new-list-con p{ width: 100%;float: none;text-align: center;}

    .info-news-l ul li .new-list-con p img{max-width: 100%;}

    .info-news-l ul li .new-list-con div{ width: 100%; padding-top: 2%;}

    .info-news-l ul li .new-list-con div > span{font-size: 18px;}

    .info-news-l ul li .new-list-con div > small{line-height: inherit;}

    .info-news-l ul li .new-list-con div a{ margin-top: 3%;}

    .n_left{ margin-top: 20px;}

    .n_left ._title{font-size: 24px;}

    .n_left{ width: 100%;float: none;}

    #prev_next{margin-bottom: 10%;}





    /*custom-con*/

    .custom-con ul li{text-indent: 0; height: 70px;position: relative;}

    .custom-con ul li span{position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); width: 100%;display: block;text-align: center;}

    .info-message small{ width: 100%;}

    .info-message button{ width: 150px;line-height: 35px;}



    #allmap{ width: 90%;margin: 0 auto; height: 250px;}

    .info-maps-con{ margin-top: 8%;display: none;}

    .info-maps{ margin-bottom: 50px;}

    .info-message textarea{ height: 160px;}

    /*产品详情页*/

    .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: 30px;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;}

}



/*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 span{font-size: 24px;}



    /*protype*/

    .pro-type .pro-type-right .pro-type-title span{font-size: 31px;}

    .pro-type .pro-type-right .pro-type-title b{font-size: 20px;}

    .pro-type .pro-type-right .pro-type-name li{ height: 73px;}

    .pro-type .pro-type-right .pro-type-name li a b{font-size: 20px;}

    .pro-type .pro-type-right .pro-type-name li a small{font-size: 16px;}

    .pro-type .pro-type-right .pro-type-title2 small{padding-right: 0;}



    /*product*/

    .pro-type .pro-type-right .product-swiper .swiper-slide span{line-height: 30px;}

    .pro-type .pro-type-right .pro-type-name li{ height: 65px;}

    .pro-type .pro-type-right .product-swiper .swiper-container3{margin-right: 4%; margin-top: 2%;}

    .pro-type .pro-type-right .product-swiper .button-wrap li{ width: 16px;}



    /*company*/

    .company .company_bg{ height: 225px;}

    .company .container .com-title{ padding-top: 3%; margin-bottom: 3%;}

    .company .container .com-title h3{font-size: 25px;}

    .company .container .com-title small{font-size: 19px;}

    .company .container .com-content .com-content-r > small{margin: 1% 0;}

    .company .container .com-content .com-content-r ul li p span{font-size: 32px;}

    .case-left-con ul{display: none;}



    /*.video*/

    .video{ height: 200px;}



    /*footer*/

    footer .f-top{padding: 3% 0;}

    footer .f-top .f-right{display: none;}

    footer .f-top img{float: none;display: block;margin: 0 auto;}

    footer .f-top .f-top-center{ width: 100%;}



    /*详情页banner*/

    .info-banner{ height: 420px; margin-top: 0; background-position: center 0;}

    .info-banner .container .info-banner-title h3{font-size: 65px;}



    /*详情页公司简介*/

    .info-company .info-company-content .swiper-container-com{ width: 100%;position: relative; top: 0;transform: translateY(0);-webkit-transform:translateY(0); }

    .info-company .info-company-content .company-con{ width: 100%;}

    .info-company .info-company-content .company-con .company-con-r{ width: 100%;float: none; margin-right: 0;padding: 3%;}

    .info-banner .container .info-banner-title{ margin-top: -50px; height: 80px;transform: translateY(0) !important;-webkit-transform: translateY(0) !important; }



    /*.info-mission*/

    .info-mission{ height: 300px;}

    .info-mission ul li div span{ margin-top: 0;transform: translateY(100%)}

    .info-mission ul li div b{ width: 85%;margin: 0 auto;}



    /* .info-video*/

    .info-video .info-vdo{ height: 350px;}



    /*设备*/

    .equipment-two ul li p b{font-size: 52px;}



    /*子页面产品*/

    .info-product .i-product-type{margin-top: 0;}



    /*子页面产品展示*/

    .i-product-type .i-product-type-list p span{font-size: 22px;}

    .i-product-type .i-product-type-list div{ height: 150px;}

    .i-product-type .i-product-type-list ul{ width: 95%;}

    .i-product-type .i-product-type-list ul li span{font-size: 16px; margin-left:2px;}



    /*子页面服务*/

    .info-service-two .i-ser-two-con-wrap > img{ width: 100%;float: none;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con{ width: 100%;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p b{font-size: 38px;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p span{margin-top: 1%;font-size: 16px;}



    /*子页面新闻*/

    .info-news-l ul li .new-list-con p{width: 100%;float: none;text-align: center;}

    .info-news-l ul li .new-list-con p img{max-width: 100%;}

    .info-news-l ul li .new-list-con div{ width: 100%;}

    .info-news-l ul li .new-list-con div > small{line-height: inherit;}

    .info-news-l ul li .new-list-con div a{ margin-top: 0;}

    .info-news-r{ width: 33%;}



    /*custom-con*/

    .custom-con ul li{text-indent: 0;}

    #allmap{ height: 390px;}

    .info-maps-con{ margin-top: 12%;}

    /*产品详情页*/

    .i-product-type{ margin-top: 0;}

}



/*992px至1200pox*/

@media (min-width: 992px) and (max-width: 1200px){

    .hidden-l{display: block;}

    .hidden-g{display: none !important;}



    /*banner*/

    .banner .container .banner-itr p span{font-size: 18px;}



    /*protype*/

    .pro-type .pro-type-right .pro-type-title span{font-size: 38px;}

    .pro-type .pro-type-right .pro-type-title b{font-size: 22px;}

    .pro-type .pro-type-right .pro-type-name li{ height: 73px;}

    .pro-type .pro-type-right .pro-type-name li a b{font-size: 25px;}

    .pro-type .pro-type-right .pro-type-name li a small{font-size: 18px;}

    .pro-type .pro-type-right .pro-type-title2 small{padding-right: 0;}



    /*company*/

    .company .company_bg{ height: 310px;}



    /*case*/

    .case .case-left .case-left-con{ bottom: 1%; width: 92%;margin-left: -46%;}

    .case .case-left .case-left-con ul li{line-height: inherit;}



    /*.video*/

    .video{ height: 220px;}

    footer .f-top .f-top-center{ width: 73%;margin-left: 2%;}

    footer .f-top .f-right{display: none;}



    /*.info-mission*/

    .info-mission{ height: 370px;}

    .info-mission ul li div span{ margin-top: 0;transform: translateY(100%)}

    .info-mission ul li div b{ width: 85%;margin: 0 auto;}



    /* .info-video*/

    .info-video .info-vdo{ height: 400px;}



    /*子页面产品展示*/

    .i-product-type .i-product-type-list p span{font-size: 22px;}

    .i-product-type .i-product-type-list div{ height: 150px;}

    .i-product-type .i-product-type-list ul li span{font-size: 16px;}



    /*子页面服务*/

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p b{font-size: 38px;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p span{margin-top: 1%;font-size: 16px;}



    /*子页面新闻*/

    .info-news-l ul li .new-list-con div > small{line-height: inherit;}

    .info-news-l ul li .new-list-con div a{ margin-top: 0;}

    .info-news-l ul li .new-list-con p{ margin-top: 5%; width: 32%;}

    .info-news-l ul li .new-list-con div{ width: 66%;}



    /*custom-con*/

    .custom-con ul li{text-indent: 5%;}



}



/*最小1200px*/

@media (min-width: 1200px)and (max-width: 1600px){

    .hidden-l{display: block;}

    .hidden-g{display: none !important;}



    .info-company .info-company-content .swiper-container-com{    transform: translateY(-49%); -webkit-transform: translateY(-49%);}



    /*protype*/

    .pro-type .pro-type-right .pro-type-title span{font-size: 50px;}

    .pro-type .pro-type-right .pro-type-name li{ height: 95px;}

    .pro-type .pro-type-right .pro-type-name li a b{font-size: 28px;}

    .pro-type .pro-type-right .pro-type-title small{padding-right: 5%;}

    .pro-type .pro-type-right .pro-type-title2 small{padding-right: 0;}



    /*.info-mission*/

    .info-mission{ height: 470px;}

    .info-mission ul li div b{ width: 95%;margin: 0 auto;}



    /* .info-video*/

    .info-video .info-vdo{ height: 500px;}



    /*设备*/

    .equipment-two ul li p{ width: 85%;}



    /*子页面产品展示*/

    .i-product-type .i-product-type-list div{ height: 135px;}

    .i-product-type .i-product-type-list ul li span{font-size: 16px;}



    /*子页面服务*/

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p b{font-size: 48px;}

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con ul li p span{margin-top: 2%;font-size: 19px;}



    /*子页面新闻*/

    .info-news-l ul li .new-list-con div > small{line-height: inherit;}

    .info-news-l ul li .new-list-con div a{ margin-top: 0;}

    .info-maps-con{ margin-top: 8%;}



}



/*最小1500px*/

@media (min-width: 1500px){

    .hidden-l{display: block;}

    .hidden-g{display: none !important;}



    /*子页面服务*/

    .info-service-two .i-ser-two-con-wrap .i-ser-two-con{ margin-top: 2%;}

    .info-maps-con{ margin-top: 8%;}



}

