@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max,.about_b{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	#dh{ display:block; text-align:right; margin-right:0px;}
	.dh{ border:0px; color:#fff;}
	
	.header_nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden;}
	
	.header_r .nav{ position:absolute; float:left; background:rgba(52,153,71,0.90); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px;}
	.header_r .nav li{ float:left; max-width:100%; width:100%; text-align:center;}
	.header_r .nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;}
	.header_r .nav>li>a:hover{ border-bottom:2px solid #fff;  color:#fff;}
	
	
	.banner ul li img{ height:auto;}
	#ban_img ul li img{ height:auto;}
	
	.header .max{ display:block;}
	.header_r form{ display:none;}
	.header_r input{ color:#333;}
	.header_r{ background-size:100% 50px; max-width:calc(100% - 150px);}
	.header_r .ht{ padding:14px 0px 7px 5%; align-items:center; height:50px; box-sizing:border-box;}
	.header_r .tel span{ margin-left:10px;}
	.header_r .tel{ font-size:12px;}
	.logo{ margin-top:10px; max-width:150px;}
	.logo img{ max-height:100px;}
	
	.case_b{ max-width:550px; width:100%;}
	.case_b ul{margin-left:-325px;}
	
	.adva{ height:200px;}
	.warehouse li:first-child{ max-width:100%;}
	.warehouse li:first-child img{ height:auto;}
	.warehouse li{ max-width:50%; box-sizing:border-box;}
	
	.foot{ margin-top:20px; flex-wrap:wrap;}
	.foot .footer_nav li a{ font-size:14px;}
	.url{ max-width:100%; padding-right:0px;}
	.foot_c{ flex-wrap:wrap;}
	.code{ max-width:100%;border-left:0px; padding:0px; margin:30px 0px;}
	.contact{ max-width:100%;border-left:0px; padding:0px;}
	.contact div .text p{ float:left; margin-right:30px;}
	.foot .logo{ max-width:100%; text-align:center;}
	.foot .logo img{ float:none;}
	.foot .footer_nav{ margin-top:20px;}
	
	
	
	.page_l{ display:none;}
	.page_r{ max-width:100%;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; height:auto; width:100%;}
	.news_list_text .text{ height:100%; min-height:72px;}
	
}
@media (max-width: 425px){
	header{ overflow:visible;}
	.header{ background:none;}
	.header .max{ padding-left:0px; padding-right:0px;}
	.header_r{background-size:100% 40px; padding-right:2%;}
	.header_r .ht{ padding:7px 0px 7px 5%; height:40px;}
	.logo img{ max-height:60px; float:none;}
	.logo{ max-width:100px; text-align:center; padding-left:2%; box-sizing:border-box;}
	.header_r{ max-width:calc(100% - 100px);}
	.header_r .tel span:nth-of-type(n+2){ display:none;}
	
	
	.products .pro_r{ max-width:100%;}
	.products .pro_r li{ max-width:49%; margin-right:0px; margin-bottom:10px !important;}
	.products .pro_r li:nth-of-type(even){ float:right;}
	
	.about{ background:url(../images/ab_02.jpg) no-repeat top center; background-size:cover;padding-bottom:40px;}
	.about_r{ max-width:100%;border-left:3px solid #fff;padding:20px;}
	.about_r .more{ margin-top:10px;}
	.often{ margin-top:30px; margin-bottom:25px;}
	.often .title{ font-size:24px;}
	.adva{ height:150px; background-size:cover;}
	
	.warehouse li img{ height:200px;}
	.news li{ margin-left:15px;}
	
	.foot .footer_nav{ display:none;}
	.foot .logo img{ height:auto; max-height:100%;}
	.url .title{ margin:10px 0px;}
	
	.cope{ margin-top:20px;}
	.products .pro_l{ max-width:100%;}
	.products .pro_l .title{ display:none;}
	
	#pro_l::after{ display:none !important;}
	.products .pro_l ul li{ width:auto; margin:5px;}
	.products .pro_l ul li a{ width:auto; padding:5px 15px; font-size:14px;}
	.products .pro_r li a img{ height:160px;}
	
	.case{ padding-bottom:40px;}
	.case_b{ height:auto;}
	.case ul{ position:static; height:auto; margin:0px;}
	.case li{transform:none !important; position:static !important; max-width:49%; float:left; margin-bottom:10px;}
	.case li img{ height:170px;}
	.case li:nth-of-type(even){float:right;}
	.case li:nth-of-type(n+5){ display:none;}
	.case_button{ display:none;}
	
	
	
	
	.news_list li{ padding:10px;}
	.news_list_text .title{ font-size:16px;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text .more{ font-size:12px; float:none; display:block; margin:0 auto;}
	
	.pro_list li{ max-width:49%; padding:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.pro_list .picture img{ height:140px;}
	.pro_list .title{ padding:10px;}
	.page_second .title{ font-size:15px;}
	.page_second .page_address{ font-size:12px;}
	
	
	
	.sj_footer{ display:block;}
	footer{padding-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
}

@media (max-width: 375px){
	.products .pro_l ul li a{ padding:5px 12px;}
	.products .pro_r li a img{ height:150px;}
	.about_r{ padding:15px;}
	.warehouse li img{ height:150px;}
	.warehouse .more a{ margin:25px auto;}
	.news_class{ margin-bottom:20px;}
	#news_class{ font-size:16px;}
	.news_class span{ font-size:16px; margin-right:20px;}
	.news li{ margin-left:0px; width:350px;}
	.news_b{ margin-bottom:40px;}
	.code{ margin:20px 0px;}
	.news li .content .title{ font-size:14px;}
	
	
	
	
	.page_pro_list li{ max-width:100%;}
	.page_pro_list li div img{ height:auto;}
	
}



@media (max-width: 320px){
	.logo{ max-width:70px;}
	.header_r{ max-width:calc(100% - 70px);}
	.header_r .lan{ max-width:85px;}
	.products .pro_l ul li:nth-child(n+7){ display:none;}
	
	.case li{max-width:100%;}
	.case li img{ height:auto;}
	.case li:nth-of-type(n+4){ display:none;}
	.news li .picture img{ height:260px;}
	.news li .content{ top:200px; padding:18px 13px; max-width:95%;}
	
	.warehouse li img{ height:130px;}
	.warehouse li:first-child{ display:none;}
	
	
	.news li{ width:300px;}
	.news li .content .text{ margin-bottom:20px;max-height:126px; height:126px; margin-top:10px; margin-bottom:10px;}
	.news_b{ margin-bottom:30px;}



	
	
	
	#dh{ width:10%;}
	.logo{ width:55%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
}