@charset "utf-8";
/* CSS Document */
@media (max-width: 1680px){
	.max{ max-width:1400px; width:100%;}
	.pro_r li{ max-width:840px;}

}
@media (max-width: 1400px){
	.max{ max-width:1200px; width:100%;}
	.ab_l .intro{ line-height:26px; margin-top:50px;}
	.pro_r li{ max-width:700px;}
}
@media (max-width: 768px){
	.max{padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	header.header{ padding:10px 2%; box-sizing:border-box;}
	.header .logo{ max-width:60%; margin-top:0px;}
	.header .logo img{ float:left;}
	.header .contact{ display:none;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	.dh{ display:block;}

	
	.nav{ position:absolute; float:left; background:rgba(71,164,31,0.55); overflow:hidden; max-height:0px; z-index:20;overflow:hidden; top:0px; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px; margin:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:15px 0px;}
	.nav li:hover{background:#fff;}
	.nav li a{ font-size:16px;}
	
	.banner li img,.banner{ height:350px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:350px;}
	
	section.products{ display:block;}
	.pro_l{ max-width:100%;}
	.pro_r{ max-width:100%;}
	.pro_r li{ max-width:768px;}
	.pro_r .picture img{ height:450px;}
	.products .inventory{ right:0px; left:auto; width:136px; top:auto; bottom:380px;}
	.products .inventory span{ max-width:50%;}
	.case_b li{ width:570px;}
	.news_l{ max-width:100%;}
	.news_b .picture img{ height:auto;}
	.news_c{ max-width:100%; margin:0px; margin-top:10px;}
	.news_r{ margin-top:10px; max-width:100%;}
	
	.ab_l{max-width:100%;}
	.ab_r{ max-width:100%; margin-top:20px;}
	.ab_r .picture img{ height:auto;}
	
	.footer .url .content{ max-width:100%; margin-top:10px;}
	.foot_b .logo{ float:none; display:block; margin:0px auto; width:131px; box-sizing:border-box;}
	.foot_b .code{ max-width:100%; margin-top:30px;}
	.foot_b .code div{ display:flex; flex-wrap:wrap;}
	.foot_b .code div .title{ max-width:100%; width:100%; order:1; text-align:center;}
	.foot_b .code div .picture{ max-width:116px; width:100%; float:none; display:block; margin:0px auto;}
	.foot_b .content{ max-width:100%; margin:0px; text-align:center; margin-top:20px;}
	.copy_l{ max-width:100%;}
	.copy_r{ float:left; margin-top:10px;}
	
	
	
	
	
	
	
	.sj_footer{ display:block; z-index:20;}
	footer.copyright{ padding-bottom:150px;}
	
	.page_column{ margin-top:0px;}
	.page_picture .picture img{ height:350px;}
	.pro_list li{ max-width:49%; margin-right:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.case_list li{ max-width:49%; margin-right:0px;}
	.case_list li:nth-of-type(even){ float:right;}
	.case_list li .picture img{ height:200px;}
	.honor_list li{ max-width:49%; margin-right:0px;}
	.honor_list li:nth-of-type(even){ float:right;}
	.honor_list li .picture img{ height:400px;}
}

@media (max-width: 425px){
	.iconnav-list:before{ font-size:50px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.banner li img,.banner{ height:270px;}
	header.header{ position:static;}
	.header .logo img{ max-height:55px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:200px;}
	
	.often .title{ font-size:20px; margin-top:30px !important;}
	.often .text{ font-size:12px;}
	section.products{ margin-top:30px;}
	.pro_l .content{ margin-top:20px;}
	.pro_l{ padding:0px 2% 30px 2%;}
	.pro_r li{ max-width:425px;}
	.pro_r .picture img{ height:300px;}
	.products .inventory{ bottom:230px;}
	.case_b .case_li{ max-width:calc(100% - 50px)}
	.case_b li{ width:345px;}
	.case_b .inventory{ z-index:3; width:auto; display:block; top:48%; bottom:auto; width:100%;}
	.case_b .inventory span:nth-of-type(2){ float:right;}
	.case_b li .picture img{ height:260px;}
	.case .case_more{ margin-top:30px;}
	section.case{ padding-bottom:30px;}
	.news_b{ margin-top:30px;}
	.news_b .content .title{ font-size:20px;}
	section.news{ padding-bottom:40px;}
	section.about{ margin-top:0px;}
	.ab_l .intro{ margin-top:30px;}
	.about .often .title{ text-align:center;}
	.often .text{ text-align:center;}
	.about .often .picture img{ float:none;}
	.ab_l ul{ padding:20px 0px;}
	.ab_l ul li{ max-width:calc(100% / 3);}
	.ab_l ul li:nth-of-type(n+4){ margin-top:20px;}
	.ab_r .title{ max-width:30%;}
	section.about{padding-bottom:20px;}
	.footer .url .content a{ max-width:49%; float:left; margin-left:0px !important;}
	.footer .url .content a:nth-of-type(even){ float:right;}
	.foot_b .content{ line-height:32px;}
	


	
	.foot_l .contact{ flex-wrap:wrap;}
	.foot_l .contact div{ max-width:100%; width:100%; margin-bottom:30px; margin-right:0px; flex-wrap:wrap;}
	.foot_l .contact div:last-child{margin-bottom:0px;}
	.foot_l .contact .content{ margin-top:10px;max-width:100%; text-align:center; width:100%; margin-left:0px;}
	.foot_l .contact .picture{ margin:0px auto;}
	.foot_l ul li{ max-width:25%;}
	.foot_l ul li:nth-of-type(4n){ border:0px;}
	.footer .code .picture{ max-width:100%;}
	.foot_l .copy{ text-align:center;}





	footer.footer{ padding:20px 0px 100px 0px;}
	
	
	.pro_list .page_r li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:10px 2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	.news_list .page_r li span:nth-of-type(2) time{ margin:5px 0px; display:block;}
	.page_odd_content form p input[type=text]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p input[type=tel]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p textarea{ max-width:calc(100% - 100px) !important; height:100px;}
	.pro_list li .content{ padding:20px 4%;}
	.pro_list li .picture img{ height:auto;}	
	
	
	.page_picture .picture img{ height:180px;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding:10px; height:auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text p:nth-of-type(2){ height:auto;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	.news_list_img img{ object-fit:unset;}
	.case_list li .picture img{ height:140px;}
	.honor_list li .picture img{ height:240px;}
	
	.pro_list li{ max-width:100%;}
	.pro_list li a span img{ height:auto;}
	.news_list li{ transform:translate(0,0);}
	.page_odd time{ margin-bottom:10px;}
	.page_odd .page_intro .picture{ max-width:100%;}
	.page_odd .page_intro .picture img{ height:auto;}
	.page_odd .page_intro .intro{ max-width:100%;}
	.page_odd .content{ margin-top:0px;}
}
@media (max-width: 375px){
	header.header{ display:block; padding:7px 2%; box-sizing:border-box;}
	.header .logo{ margin-top:3px;}
	.banner li img,.banner{ height:230px;}
	
	.case_b li{width:295px;}	
	.news_c ul li:nth-of-type(n+2){ margin-top:10px;}
	
	

	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.pro_list{ margin-top:0px;}
	.list{ margin:15px auto;}
	.column_list{ display:flex; justify-content:center;}
}



@media (max-width: 320px){
	header{ padding:18px 2% 16px 2%;}
	.header .logo{ margin-top:5px;}
	.banner li img,.banner{ height:150px !important;}
	.pro_b li{ width:280px;}
	.news_b li{ width:290px;}
	.hon_b ul li{ margin:0px 30px;}
}