@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1240px) {

	.width_all{ max-width:980px;}
	
	.head_top .top_r_ss{ margin:30px 0 30px 10px;}
	.nav a{ padding:0 10px;}

}

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

	.width_all{ width:92%;}
	
	.head_top .top_r_ss{ margin:30px 0 30px 18px;}
	
	#navToggle{ height:auto; padding:7px 9px; margin:0 -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:37px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#d11c19;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#d11c19;}
	.nav{ display:none;}
	
	.banner{ display:none;}
	.banner_sj{ display:block;}
	
	.new_p_left{ float:none;}
	.new_p_nav{ float:none;}
	.new_p_nav ul li{ margin:0 12px 0 0;}
	.new_product_all ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product_all ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.fwlist{ height:872px;}
	.fwlist dl{ width:48%; margin:0 4% 4% 0;}
	.fwlist dl:nth-child(2){ margin:0 0 4% 0;}
	.fwlist dl:nth-child(3){ margin:0 4% 0 0;}
	
	.customer_width .pre{ left:-15px;}
	.customer_width .next{ right:-15px;}
	
	.about_width .about_right{ float:none; width:100%;}
	.about_width .about_left{ float:none; width:100%;}
	
	.news_cp{ float:none; width:100%; margin:0 0 36px 0;}
	.faq{ float:none; width:100%;}
	
	.footer:before{ right:56%;}
	.footer_left{ float:left; width:44%;}
	.footer_right{ float:right; width:54%;}
	.footer_c_nont{ float:none; width:100%; margin:0 0 16px 0;}
	.footer_erweima{ float:none; width:68%;}

}

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

	.head_top .logo{ float:left; width:60px; margin:8px 0; transition:all .35s;}
	.head_top .head_name{ display:none;}
	.head_top .top_r_ss{ margin:14px 0 14px 14px;}
	#navToggle span{ margin-top:21px;}
	
	.new_p_left{ font-size:26px;}
	.new_p_nav{ margin:0;}
	.new_p_nav ul li{ width:48%; margin:4% 4% 0 0;}
	.new_p_nav ul li:nth-child(2n){ margin:4% 0 0 0;}
	.new_p_nav ul li a{ display:block; text-align:center; padding:0;}
	
	.new_p_box .b1{ padding:0 4%; font-size:22px;}
	.new_p_box .b2{ padding:0 4%; font-size:16px;}
	
	.fwlist{ height:1744px;}
	.fwlist dl{ width:100%; margin:0 0 6% 0;}
	.fwlist dl:nth-child(2){ margin:0 0 6% 0;}
	.fwlist dl:nth-child(3){ margin:0 0 6% 0;}
	
	.customer_name{ font-size:26px;}
	.customer_w_id ul li{ width:6%; margin:0 0.5% 0 0;}
	
	.about_us_n_left{ font-size:26px;}
	.pro_item_list ul li{ width:48%; margin:0 4% 4% 0; overflow:hidden;}
	.pro_item_list ul li:nth-child(2){ margin:0 0 4% 0;}
	.pro_item_list ul li:nth-child(3){ margin:0 4% 0 0;}
	
	.news_cp .news_left{ float:none; width:100%; margin:0 0 24px 0; overflow:hidden;}
	.news_cp .news_right{ float:none; width:100%; overflow:hidden;}
	
	.footer{ padding:36px 0 28px 0;}
	.footer:before{ display:none;}
	.footer_left{ float:none; width:100%; margin:0 0 28px 0;}
	.footer_right{ float:none; width:100%;}

}