@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px){
	.contactMap,.cust,.news,.products,.about{filter:blur(0px);}
	.page_address .max{ margin-left:0px;}
}
@media (max-width: 1400px){
	.banner ul li .title{ font-size:50px; padding:0px 8%; box-sizing:border-box;}
}
@media (max-width: 768px){
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	.dh{ display:block; color:#fff;}
	
	.nav{ position:absolute; float:left; background:rgba(255,255,255,0.8); max-height:0px; z-index:20;overflow:hidden; top:0px; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important; display:block;}
	.nav ul{ float:right;}
	.nav ul>li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px; overflow:visible;}
	.nav ul>li>a{ font-size:16px; float:left; width:100%; border-right:0px; padding:20px 0px;}
	.nav ul>li:hover a::after{ display:none;}
	nav ul>li a[href$=":;"]{ padding:30px 0px}
	.nav ul ol{ left:-100%; top:0px;}
	.nav:hover{ overflow:visible;}
	.header .logo{ max-width:calc(100% - 300px); margin-top:0px;}
	.map_l,.map_r{ flex-wrap:wrap; justify-content:center;}
	.map_b .content{ text-align:center; max-width:100%; order:1; margin-top:20px;}
	
	

	.max{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
}
@media (max-width: 425px){
	.banner li .title .logo{ display:block;}
	.banner ul li .title{ padding:0px;}
	.banner ul li .title p{ text-align:center;font-size:30px; line-height:60px;}
	header.header{ padding:8px 0px;}
	.header .logo{ max-width:80%;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.about_l{ max-width:100%;}
	.about .often{ display:block;}
	.about_l .title{ display:none;}
	.about_l .content{ margin-top:20px;}
	.about_l .column{ display:none;}
	.about_r{ display:none;}
	.about_b{ padding-top:50px !important;}
	
	.pro_l{ display:none;}
	.pro_r{ max-width:100%;}
	.pro_r .often{ display:block; margin-bottom:50px;}
	.pro_r li .picture img{ height:160px;}
	
	.map_b{ margin-top:20px; display:flex;flex-wrap:wrap;}
	.map_l{ max-width:100%;margin-top:0px; order:1;}
	.map_r{ max-width:100%; margin-top:0px;}
	.map_b .icon{ display:none;}
	.map_b .content{ text-align:center; max-width:100%; line-height:36px;}
	.map_c{ max-width:100%; margin-top:20px;}
	
	
	
	
	.page_address{ padding-top:0px; border:0px;}
	.page_address .max{ padding:0px !important;}
	.page_address .address{ max-width:100%; border-bottom:1px solid #eee; padding:10px 2%; box-sizing:border-box;}
	.page_address .page_column{ max-width:100%; margin-top:15px; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.page_address .page_column a{ padding-bottom:6px; margin:6px;}
	.page_odd{ margin-top:20px;}
	.page_address .page_title{ display:none;}
	
	
	.page_news_list{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	.page_news_list li .picture{ max-width:100%;}
	.page_news_list li .picture img{ height:auto;}
	.page_news_list li .content{ max-width:100%; width:100%; margin-top:20px;}
	.page_news_list li .content .text{ margin-top:0px;}
	.page_news_list li .content time{ line-height:20px; font-size:12px;}
	
	
	
	.page_img img{ height:180px !important;}
	.page_often .text{ font-size:24px;}
	.page_often .title{ font-size:12px;}
	.page_often{ margin: 20px auto 40px auto;}
	
	
	
	.sj_footer{ display:block;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	
	.page_pro_list{ margin-top:0px;}
	
	.page_news_list li div:first-child{ width:100%;}
	.page_news_list li div img{ height:auto;}
	.page_news_list li div:nth-of-type(2){ width:100%;}
	
	.page_pro_list li{ max-width:49%; float:left; margin-right:0px; margin-bottom:10px;}
	.page_pro_list li:nth-of-type(even){ float:right;}
	.page_pro_list li .picture img{ height:180px;}
	
	.page_odd .title{ font-size:18px; line-height:normal;}
	.page_odd time{ border-top:0px;}
	.about{ background-size:cover;}
	.about .page_title .title{ margin:30px auto;}
	.about_b{ margin-top:30px;}
	.page_message form .line:nth-of-type(1){ max-width:100%;}
	.page_message form .line:nth-of-type(2){ max-width:100%;}
	footer.footer .max{ display:block;}
	.footer .logo{ max-width:100%;}
	.footer .foot_l{ max-width:100%;}
	.footer .foot_r{ max-width:100%; margin-top:10px;}
	footer.footer{ padding-bottom:100px !important;}
	
}

@media (max-width: 375px){
	.news_b li{ max-width:300px; margin:0px 25px;}
	.switch select{ margin-top:10px;}
	.page_title{ max-width:90%; float:right;}
	.page_pro_list li{ max-width:100%;}
	.page_pro_list li div img{ height:auto;}
	
	.footer .content .contact .contact_t span{ max-width:100%;}
	
}



@media (max-width: 320px){
}
@media (max-height: 700px){
	.about_b{ padding-top:104px;}
	.pro_b{padding-top:104px;}
	.news .often{ margin-top:104px;}
	.map .often{ margin-top:104px;}
	.map .map_b{ margin-top:60px;}
	
	.full{ display:block;}
	.news_b{ margin-top:20px;}
}
@media (max-height: 300px){
}