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

	.width_all{ max-width:980px;}
	
	.nav a{ padding:0 14px;}
	
	.hezuo .hezuo_js{ margin:18px auto 21px auto;}
	
	.footer_nav .f_nav_left dl{ margin:0 7% 0 0;}

}

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

	.width_all{ width:92%;}
	
	.head_top{ display:none;}
	
	.head_nav .logo{ margin:18px 0;}
	.head_nav .search_pc{ margin:19px 40px 19px 0;}

	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:6px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#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:#1da2da;}
	#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:#1da2da;}
	.header{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.why_us_w ul li{ width:44.5%; margin:0 1% 1% 0; background:#f7f8f9; padding:1.5% 2.5%;}
	.why_us_w ul li:nth-child(2n){ margin:0 0 1% 0;}
	.why_us_w ul li:nth-child(3n){ margin:0 1% 1% 0;}
	.why_us_w ul li:nth-child(6n){ margin:0 0 1% 0;}
	
	.footer_nav .f_nav_left dl{ display:none;}
	.footer_nav .footer_contact{ float:none; width:100%;}
	
	.links:before{ left:13%;}
	.links_name{ width:13%;}
	.link{ width:85%;}
	
	

}

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

	.why_us_w ul li{ float:none; width:94%; margin:0 0 2% 0; padding:2% 3%;}
	.why_us_w ul li:nth-child(2n){ margin:0 0 2% 0;}
	.why_us_w ul li:nth-child(3n){ margin:0 0 2% 0;}
	.why_us_w ul li:nth-child(6n){ margin:0 0 2% 0;}
	
	.new_p_b{ margin:0 auto 4% auto;}
	.new_p_b dl{ position:inherit; width:100%; margin:0 auto; overflow:hidden;}
	.new_p_b dl dd{ width:48%;}
	.new_p_b dl dt{ width:44%; margin:0 4% 0 0;}
	.new_p_p ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_p ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_p_p ul li:nth-child(3n){ margin:0 4% 0 0;}
	.new_p_p ul li:nth-child(4n){ margin:0;}
	
	.linian{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.fangan{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.hezuo{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	.news{ float:none; width:100%; margin:0 0 4% 0; overflow:hidden;}
	
	.links:before{ left:24%;}
	.links_name{ width:24%;}
	.link{ width:72%;}
	.link ul li{ margin:0 4% 0 0;}
	
	.footer .footer_left{ float:none; margin:0 0 8px 0;}
	.footer .footer_right{ float:none;}

}