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

	.width_all{ max-width:1200px;}
	
	.nav{ margin:0 0 0 4%;}
	.navbar_nav li a{ padding:0 20px;}
	
	.about_width .about_left .v_width{ height:467px;}
	
	.product_right{ width:44%;}

}

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

	.width_all{ max-width:980px;}
	.head_top .shop{ display:none;}
	.nav{ margin:0 0 0 3%;}
	.navbar_nav li a{ padding:0 10px;}
	
	.about_width .about_left .v_width{ height:550px;}
	
	.product_right{ width:33%;}

}

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

	.width_all{ width:92%;}
	.width_all_11{ width:92%;}
	
	.h_active #navToggle{ margin:20px -9px 0 2%;}
	#navToggle{ height:auto; padding:7px 9px; margin:34px -9px 0 2%; display:block; float:right; transition:all .35s;}
	#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;}
	
	.banner{ display:none;}
	.banner_sj{ display:block;}
	.flex-control-nav li{ margin:0 3px;}
	.flex-control-paging li a{ width:32px;}
	
	.main_service{ margin:32px auto;}
	
	.ny_nav li{ width:48%; float:left; margin:0 4% 4% 0;}
	.ny_nav li:nth-child(2n){ margin:0 0 4% 0;}
	
	.about_us{ margin:32px auto;}
	.about_width .about_left{ float:none; width:100%;}
	.about_width .about_left .v_width{ height:316px;}
	.about_width .about_right{ float:none; width:90%; padding:20px 5% 27px; line-height:25px;}
	
	.our_equipments{ margin:32px auto;}
	
	.inquiry{ margin:32px auto;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
}

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

	.head_top .shop2{ display:none;}
	
	.products ul li{ width:48%;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.product_text ul li{ width:48%; margin:0 4% 4% 0;}
	.product_text ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.ny_nav li{ width:100%; float:none; margin:0 0 4% 0;}
	.ny_nav li:nth-child(2n){ margin:0 0 4% 0;}
	
	.about_name span{ line-height:42px; margin:0 0 10px 0;}
	.about_width .about_left .v_width{ height:168px;}
	.about_width .about_right{ padding:16px 5% 18px; font-size:14px; line-height:22px;}
	
	.our_equipments ul li{ width:48%; margin:0 4% 4% 0;}
	.our_equipments ul li:nth-child(2n){ margin:0 0 4% 0;}
	.our_equipments ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.our_equipments ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.messages li{ margin:0 0 4% 0; float:none; width:100%;}
	.messages li:nth-child(3n){ margin:0 0 4% 0;}

}