@charset "utf-8";
/* CSS Document */

@media (max-width:1300px){
	.inve_l{ left:0px;}
	.inve_r{right:0px;}
	
}
@media (max-width: 768px){
	.banner{ height:auto;}
	.max,.url,.sever{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
		
	#dh{ display:block; text-align:right; width:auto; margin-right:0px;}
	.dh{ width:80px; height:80px; font-size:30px; background:#fff; border:1px solid #ccc;}
	
	.header_r{ max-width:100%; position:absolute; top:0px; left:0px; overflow:visible; z-index:10;}
	.nav{ position:absolute; top:0px; height:0px; overflow:hidden; background:#fff; width:35%; right:0px; z-index:20;}
	.nav li{ float:left; max-width:100%; line-height:48px;}
	.nav>li a{ display:block; width:100%;}
	.nav>li a:hover{ border:0px;}
	.often{ margin:20px auto 30px auto;}
	.logo img{ display:none;}
	.phone_logo{ display:block;}
	.phone_logo img{ display:block;}
	
	.sever_b .sever_pic li{ width:360px;}
	.mien li{ max-width:49%; margin-right:0px;}
	.mien li:nth-of-type(even){ float:right;}
	.mien li .picture img{ height:250px;}
	.about_l{ max-width:100%;}
	.about_r{ max-width:100%;}
	.about_l img{ margin:0px; width:100%;}
	
	.advantage{ display:none;}
	.news_l{ max-width:100%;}
	.news_l li img{ height:400px;}
	.news_r{ max-width:100%;}
	
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.page_odd{ margin:20px 2%;}
	.honor_list li{max-width:49%; margin:0px; margin-bottom:10px;}
	.honor_list li:nth-of-type(even){ float:right;}
	.pro_list li{ max-width:49%; padding-left:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.banner ul li img{ min-height:150px; object-fit:cover;}
	
	
}
@media (max-width: 425px){
	.header_line{ display:none;}
	
	.sj_footer{ display:block; z-index:200;}
	.footer_b{ padding-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	.header_logo{ margin:10px auto;}
	.phone_logo img{ max-height:50px; float:left;}
	.often .title{ font-size:20px; padding-bottom:10px;}
	.often .content{ font-size:12px; line-height:24px;}
	.often .content p{ max-height:24px; overflow:hidden;}
	.sever_b .sever_pic li{ width:400px;}
	.sever{ padding-bottom:30px;}
	.mien li .picture img{ height:150px;}
	.mien{ margin-bottom:30px;}
	.about_r .ts{ font-size:18px;}
	.about_r .more{ margin-top:20px;}
	.about{ padding-bottom:30px;}
	.honor_b li{max-width:410px;}
	.honor_b li .picture img{ height:300px;}
	.honor_b .sever_pic{ height:350px;}
	.honor{padding-bottom:30px;}
	.mien li{ max-width:100%;}
	.mien li .picture img{ height:auto;}
	.mien li:nth-of-type(n+5){ display:none;}
	.about_r .text{ font-size:12px; line-height:28px;}
	
	.footer{display:block;}
	.footer span{ max-width:100%; width:100% !important;}
	.news_l li div{padding:26px 60px 26px 2.5%; font-size:14px;}
	.news_r li .contact .text{ line-height:20px; font-size:12px;}
	.url{ padding:20px 0px;}
	.footer span p:first-child{ font-size:16px;}
	.footer span p{ font-size:12px; line-height:28px;}
	.footer span:last-child{ display:none;}
	
	
	.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;}
	
	.honor_list li span img{ height:150px;}
	.pro_list li{ max-width:100%;}
	.pro_list li a span img{ height:auto;}
	.news_l ul{ overflow:hidden;}
	
	
}

@media (max-width: 375px){
	.logo{ max-width:85%;}
	#dh{ max-width:15%;}
	.sever_b .sever_pic li{ width:335px;}
	.honor_b li{ width:360px;}
	.news_l li div{padding:13px 60px 13px 2.5%;}
	.chunk table{ bottom:15px;}
	.often .title{ font-size:16px;}
	.honor_list li{ max-width:100%;}
	.honor_list li span img{ height:auto;}
}



@media (max-width: 320px){
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.sever_b .sever_pic li{ width:300px;}
	.honor_b li{ width:310px;}
	.pro_list li .more{ display:none;}

}


