@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
	
	.width_all{ max-width:980px;}
	
	.about_us .about_right .about_profiles{ height:125px; -webkit-line-clamp:5;}
	
	.product_right{ width:45%;}

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

	.width_all{ width:92%;}
	
	.company_h .logo{ margin:26px 0;}
	.company_h h1{ margin:26px 0 26px 16px;}
	.company_h .rexian{ display:none;}
	.company_h .weixin{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-78px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin:9px 0;}
	#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{ position:relative;}
	.navbar_nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.about_us .about_left{ float:none; width:100%;}
	.about_us .about_right{ width:100%; float:none;}
	.about_us .about_right .about_name{ margin:36px auto 20px auto;}
	.about_us .about_right .about_profiles{ margin:20px auto 28px auto;}
	.about_us .about_right .about_more{ margin:28px auto 36px auto;}
	
	.foot_w dl{ width:16%;}
	.foot_w dl:last-child{ width:36%;}
	
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

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

	.welcome{ display:none;}
	.company_h .logo{ margin:20px 0; width:56px;}
	.company_h h1{ margin:20px 0 20px 10px; font-size:18px; line-height:26px; letter-spacing:0;}
	.company_h h1 span{ font-size:12px; line-height:18px; margin:4px 0 0 0; text-transform:capitalize; letter-spacing:0.2px;}
	#navToggle{ top:-62px;}
	
	.new_product .new_p_name div{ margin:0 22px;}
	.new_product .new_p_name span{ width:52px;}
	.n_product{ margin:32px auto 0 auto;}
	.n_product li{ width:48%; margin:0 4% 12% 0;}
	.n_product li:nth-child(2n){ margin:0 0 12% 0;}
	
	.equipment .equipment_name div{ margin:0 22px;}
	.equipment .equipment_name span{ width:52px;}
	.equipment ul li{ width:48%; margin:0 4% 4% 0;}
	.equipment ul li:nth-child(2n){ margin:0 0 4% 0;}
	.equipment ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.equipment ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.news .news_name div{ margin:0 22px;}
	.news .news_name span{ width:52px;}
	
	.news .news_left{ float:none; width:100%; margin:0 0 22px 0;}
	.news .news_right{ float:none; width:100%;}
	
	.foot_w dl{ display:none;}
	.foot_w dl:last-child{ display:block; float:none; width:100%;}

}