

@media only screen and (max-width:1440px){
    .z_history_item img{
        width:520px;
        height:300px;
    }
    .z_history_con{
        width:520px;
        min-height:300px;
    }


	.wp{

		max-width:1100px;

	}

	.list_product_tit_z:before{

		width:40px;

	}

	.list_imgtxt2 .list_imgtxt_img,.list_imgtxt_img{

		width:715px;

		height:385px;

	}
    .list_imgtxt_img{

        width:745px;

        height:385px;

    }

	.list_imgtxt2 .list_imgtxt_txt,.list_imgtxt_txt{

		width:345px;

		height:385px;

	}
    .list_imgtxt_txt{

        width:355px;

        height:385px;

    }


	.common_problem_img, .common_problem_img img{

		width:605px;

		height:383px;

	}

	.common_problem_txt{

		width:535px;

	}

	.common_problem_txt .box{

		height:325px;

	}

	.common_problem_txt h3{

		margin-top:10px;

		font-size:16px;

		height:24px;

		line-height:24px;

	}

	.common_problem_txt p{

		line-height:24px;

		margin-bottom:30px;

	}

	#z_map{

		height:350px;

	}

	

	

	.m_bgbox3{

	    padding:40px 0;

	}

	

}

/*Common For Max 960*/

@media only screen and (max-width: 1199px) {

    /* module: 公用 */

    .wp {width: 99%;}



    .m_bgbox2 .wp{

        padding: 0 5px;

    }

    

    .brand_tit_tit{

        width: 100%;

        left: 0;

        margin-left: 0;

    }



    .brand_bantit{

        max-width: 100%;

        width: 100%;

        left: 0;

        margin-left: 0;

    }



    .brand_bantit h4{

        font-size: 40px;

        height: 40px;

        line-height: 40px;

    }



    .brand_bantit p{

        font-size: 20px;

        height: 40px;

        line-height: 40px;

    }



    .brand_tit_a{

        margin: 0 12px;

    }



    .brand_tit_a{

        min-width: 54px;

    }



    .brand_tit_icon{

        width: 30px;

        height: 30px;

    }



    .brand_tit_tit{

        height: 90px;

    }



    .brand_join_nav{

        padding: 5px 0;

    }



    .z_tit{

        padding: 20px 0;

        font-size: 24px;

    }



    .z_list_news_img{

        width: 100%;

        height:auto;

        float: none;

    }



    .z_list_news_img img{

        width: 100%;

        height:auto;

    }



    .z_list_news_con{

        margin-left: 0;

        padding-top: 16px;

        height: 156px;

    }



    .z_list_news_time strong{

        font-size: 30px;

    }



    .z_list_news{

    margin-top: -20px;

    }



    .z_list_news_tit{

        font-size: 16px;

    }



    .z_list_news_item{

        margin-top: 20px;

    }



    .m_page a, .m_page span{

        font-size: 12px;

        height: 20px;

        line-height: 20px;

        min-width:20px;

    }



    .m_page_next em,{

        padding-right: 5px;

    }

/*

    .m_page_prev em{

        padding-left: 12px;

    }*/



    .m_page_arr{

        padding: 0 10px;

    }



    .m_page2{

        padding: 20px 0;

    }



    .z_ins_xq h1{

        font-size: 16px;

    }



    .z_ins_hd em{

        font-size: 12px;

    }



    .z_ins_xq p{

        font-size: 12px;

        line-height: 20px;

    }



    .ins_footer a{

        height: 30px;

        line-height: 28px;

        font-size: 12px;

    }



    .about_num_item em{

        font-size: 22px;

    }

    

    .about_num{

        padding: 30px 0;

    }



    .about_num_item{

        margin:0 5px;

    }



    .about_video{

        height: 250px;

    }



    .about_video_btn{

        background-size: 40px auto;

    }



    .m_bgbox{

        padding: 20px;

    }



    .about_culture_item{

        width: 50%;

    }



    .about_culture_con i{

        margin:5px 0;

    }



    .about_culture_con p{

        font-size: 12px;

    }



    .about_culture_box:hover:before,

    .about_culture_con{

        left: 10px;

            top: 10px;

            right: 10px;

            bottom: 10px;

    }



    .about_culture_con h3 strong{

        margin:10px 0 5px;

    }



    .history_tit{

        font-size: 30px;

    }



    .z_history{

        padding-left: 30px;

    }



    .history_tit:after{

        margin:0 0 0 0px;

    }



    .z_history_item img{

        width: 100%;

        height: auto;

        float: left !important;

    }



    .z_history:before{

        left: 16px;

    }

    

    .z_history_item{

        padding: 0;

    }



    .z_history_con{

        padding: 20px 0 !important;

        height: auto !important;

        min-height:0 !important;

        width: 100% !important;

    }



    .z_history_con h3{

        font-size: 20px;

    }



    .z_history_con h3,

    .z_history_txt p{

        padding: 0 !important;

    }



    .z_history_txt{

        padding: 10px 0;

        min-height:0;

    }



    .z_history_txt:before,

    .z_history_txt:after{

        display: none;

    }



    .z_history{

        padding-bottom: 40px;

        margin-bottom: 20px;

    }



    .pb60{

        padding-bottom: 20px;

    }



    .m_partner_item{

        /*width: 50%;*/

    }



    .z_list_item{

        width: 50%;

    }



    .z_list_box{

        margin: 10px 0 0 10px;

    }



    .z_list{

        margin: -10px 0 0 -10px;

    }



    .z_list_pop p{

        display: none;

    }



    .z_list_pop{

        padding-top: 12%;

    }



    .z_list_pop img{

        width: 30px;

        height: 30px;

    }



    .z_list_pop p{

        font-size: 12px;

        height: 30px;

        line-height: 30px;

    }



    .list_imgtxt_img{

        width: 100% !important;

        height: auto;

    }



    .list_imgtxt_img em{

        padding-top: 54%;

    }



    .list_imgtxt_txt{

        padding: 15px 5px;

        width: 100% !important; 

        height: auto;

    }



    .list_imgtxt_txt p{

        margin:20px 0;

    }



    .list_imgtxt_txt_img{

        width: 95px;

        height: 36px;

    }



    .list_contact_item{

        width: 50%;

        height: 200px;

    }



    .list_contact_item h3{

        font-size: 12px;

        margin: 5px ;

    }



    .z_list_address_img{

        width: 100% !important;

        height: auto !important;

    }



    .z_list_address_con{

        position: static;

        padding: 5px;

        width: 100%;

    }



    .list_contact{

        margin-bottom: 0;

    }



    .z_list_tablehd_item1, .z_list_tablebd_item1,

    .z_list_tablehd_item4, .z_list_tablebd_item4{

        flex:1;

    }



    .z_list_tablebd_item{

        font-size: 12px;

    }



    .z_list_tablebd a{

        font-size: 12px;

    }



    .z_table_bd{

        padding: 10px;

    }



    .h70{

        height: 20px;

    }



    .z_table_hd{

        padding: 0 10px;

        font-size: 12px;

    }



    .z_table_bd p{

        font-size: 12px;

    }



    .list_product_item_z{

        height: 300px;

    }



    .list_img_z_item{}



    .list_product_btn_z a{

        padding: 0 10px;

        line-height: 40px;

        height: 40px;

    }



    .list_img_z{

        padding: 20px 10px;

    }



    .z_list_pic_item{

        width: 50%;

    }



    .z_list_pic{

        margin:-10px 0 0 -10px;

        padding: 0 5px;

    }



    .z_list_pic_box{

        margin:10px 0 0 10px;

    }



    .z_product_scene_item{

        position: static !important;

        width: 100%;

        height: auto  !important;

    }



    .z_product_scene_item2,

    .z_product_scene_item3,

    .z_product_scene_item4,

    .z_product_scene_item5{

        width: 50%;

        float: left;

    }



    .z_product_scene{

        padding-top: 0;

        overflow: hidden;

    }



    

    .product_xq .z_tit{

        padding: 20px 0;

    }



    .z_product_scene_box{

        position: static;

    }



    .z_product_scene_img em{

        padding-top: 66%;

    }



    .product_slide{

        width: 100%;

    }



    .product_config_xq{

        margin-top: 10px;

        height: auto;

    }



    .list_imgtxt2 .list_imgtxt_img{

        height: auto;

    }



    .product_config_xq_rig,

    .product_config_xq_item{

        height: 60px;

        font-size: 12px;

    }



    .product_config_xq_rig p{

        padding: 0 10px;

    }



    .product_config_xq_let{

        height: 60px;

        line-height: 60px;

        font-size: 12px;

    }



    .list_imgtxt2 .list_imgtxt_txt{

        height: auto;

        padding: 20px 10px;

    }



    .list_imgtxt2 .list_imgtxt_txt p{

        height: 48px;

        -webkit-line-clamp: 2;

    }



    .list_imgtxt2{

        padding-bottom: 0;

    }



    .m_module_bg{

        padding: 30px 0;

    }



    .common_problem_img{

        float: none;

    }



    .common_problem_img, .common_problem_img img{

        width: 100%;

        height:auto;

    }



    .common_problem_txt{

        width: 100%;

        position: static;

    }



    .common_problem_txt .box{

        margin:0 10px;

        height: auto;

    }



    .common_problem{

        padding-bottom: 30px;

    }

    .z_customer_service_item{

        width: 100%;

        margin-bottom: 10px;

    }







    .z_customer_service{

            height: auto;

    }

    .z_customer_service_box{

        padding: 15px;

    }



    .z_customer_service_box p{

        font-size: 14px;

        height: 120px;



        -webkit-line-clamp: 4;



    }



    .z_list_down_item{

        width: 50%;

    }



    .z_list_down_box{

        padding: 10px;

    }



    .z_list_down_box p{

        font-size: 12px;

    }



    .cooperation_m1_item{

        /*width: 50%;*/

    }



    .cooperation_m1_icon img{

        width: 50px;

        height: 50px;

    }



    .cooperation_m1_box{

        height: 137px;

    }



    .cooperation_m1_txt p{

        font-size: 12px;

    }



    .cooperation_m2_box{

        width: 50%;

    }



    .cooperation_m2_box h3{

        font-size: 16px;

    }



    .cooperation_m2_box{

        margin-bottom: 1px;

        padding: 25px 5px 0;

        height: 200px;

    }



    .z_customer_service2 .z_customer_service_item{

        width: 50%;

    }



    .z_customer_service2 .z_customer_service_box{

        padding: 10px;

    }



    .z_customer_service_img{

        width: 50px;

        height: 50px;

    }



    .class_type_item{

        padding: 20px;

    }



    .z_list_pic_tit{

        font-size: 14px;

    }



    .z_list_pic_price{

        font-size: 16px;

    }



    .z_list_pic_price:after{

        font-size: 12px;

    }



    .z_list_pic_con{

        font-size: 12px;

    }



    .z_list_pic_price, .z_list_pic_tit, .z_list_pic_con{

        height: 30px;

        line-height: 30px;

    }



    .m_bgbox{

        padding: 20px 0;

    }



    .m_partner_img{

        padding:5px;

    }



    #z_map{

        height: 300px;

    }



    .cooperation_m2_box p{

        font-size: 12px;

    }



    .cooperation_m1_box{

        margin:10px 0 0 10px;

    }



    .cooperation_m1_div{

        margin:-10px 0 0 -10px;



    }



    .m_partner_itembox{

        margin:0;

    }



    .m_dots2 .slick-dots{

        padding-top: 0;

    }



    .z_list_pic_lastof .z_list_pic_item:last-of-type{

        display: none;

    }



    .contact_footer .txt{

        font-size: 14px;

        text-align: center;

        width: 100%;

        line-height: 24px;

    }

}







/*Common For Max 768*/

@media only screen and (max-width: 959px) {

    /* module: 公用 */

    .wp {width: 98%;}

 

	.brand_ban{

		height:45vh;

	}

	.brand_ban_img .img{

		background-size:1280px 540px;

		background-position:top center;

	}

}







/*Common For Max 480*/

@media only screen and (max-width: 767px) {

 

	.pop_z{

		width:80%;

		height:350px;

		margin:0;

		margin-top:-175px;

		padding:30px 5%;

		margin-top:-200px;

		left:5%;

		-webkit-box-sizing:content-box;

		-moz-box-sizing:content-box;

		box-sizing:content-box;

	}

	



}





/*Common For Max 320*/

@media only screen and (max-width: 500px) {



	.z_list_tablehd_item2, .z_list_tablebd_item2{

		display:none;

	}

	.z_list_tablehd{

		font-size:14px;

	}

	.z_list_tablehd_item4, .z_list_tablebd_item4{

		width:10%;

	}

	.z_list_tablehd select{

		margin-left:5px;

	}

	

 

}



@media only screen and (max-width: 450px) {

	.brand_bantit h4 {

	    font-size: 34px;

	}

}

