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

	.width_all{ max-width:980px;}

}

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

	.width_all{ width:92%;}
	.head_top{ margin:10px auto;}
	.head_top .search{ display:none;}
	.head_top .cnen{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}

	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:19px;}
	#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:#4f4f4f;}
	#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:#4f4f4f;}
	.nav{ display:none;}
	
	.about_width .about_left{ float:none; width:100%;}
	.about_width .about_right{ float:none; width:96%;}
	
	.foot_l{ width:72%;}
	.foot_l dl{ display:none;}
	.foot_l dl:last-child{ display:block; width:100%;}
	.foot_r{ width:22%;}
	
	
	.ny_news ul li{ width:48%; margin:0 4% 4% 0;}
	.ny_news ul li:nth-child(2n){ margin:0 0 4% 0;}
	.ny_news ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.ny_news ul li:nth-child(6n){ margin:0 0 4% 0;}

	.contact_us dl{ float:none; width:100%; margin:0 0 4% 0;}
	.contact ul li{ float:none; width:100%; margin:0 0 4% 0;}

}

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

	.head_top h1{ width:65px;}
	.head_top .company_name{ font-size:18px; margin:12px 16px;}
	
	#navToggle{ top:9px;}
	
	.new_product{ margin:26px auto;}
	.new_product ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_product ul li:nth-child(4n){ margin:0 0 4% 0;}
	
	.about_us{ margin:26px auto; padding:22px 0 26px 0;}
	
	.partner{ margin:26px auto;}
	.partners li{ width:48%; margin:0 4% 4% 0;}
	.partners li:nth-child(2n){ margin:0 0 4% 0;}
	.partners li:nth-child(4n){ margin:0 0 4% 0;}
	
	.news{ padding:26px 0 32px 0;}
	.width_news .news_left{ float:none; width:100%; margin:0 0 30px 0;}
	.width_news .news_right{ float:none; width:100%;}
	
	.footer{ padding:26px 0;}
	.foot_l{ float:none; width:100%; margin:0 0 20px 0; overflow:hidden;}
	.foot_r{ float:none; width:35%; overflow:hidden;}	
	.foot_icp{ padding:12px 0;}
	
	
	.lujing{ padding:20px 0;}
	
	.content{ margin:26px auto;}
	
	.jishi{ margin:26px auto;}
	
	.subnav li{ font-size:16px; width:29.7%; margin:0 1.8%; line-height:42px;}
	
	.products{ margin:26px auto;}
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	.products ul li:nth-child(4n){ margin:0 0 4% 0;}
	
	.ny_news{ margin:26px auto;}
	.ny_news ul li{ float:none; width:100%; margin:0 0 4% 0;}
	
	.join{ margin:26px auto;}
	.join .hor1{ width:34%; padding:10px 1%;}
	.join .hor2{ display:none;}
	.join .hor3{ width:30%; padding:10px 1%;}
	.join_us{ margin:26px auto;}
	
	.contact_us{ margin:26px auto;}
	.contact{ margin:26px auto;}

}