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

	.width_all{ max-width:1202px;}
	
	.nav li a{ padding:0 16px;}
	
	.footer_left dl{ margin:0 6% 0 0;}
	
	.products dl dd{ width:40%;}
	.products dl dt{ width:56%;}
	.product_right{ width:45%;}

}

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

	.width_all{ max-width:980px;}
	
	.header{ float:right; margin:0 1% 0 0;}
	.head_top .logo{ width:156px; margin:20px auto;}
	.head_top .logo_h{ width:156px; margin:20px auto;}
	.head_top .logo_xian{ width:45.6px;}
	.top_r_ss{ margin:24px 0;}
	.head_top .cnen{ margin:27px 0 27px 12px;}
	.nav li a{ line-height:76px; padding:0 6px;}
	.nav .sub{ top:76px;}
	
	.footer_left dl{ margin:0 3% 0 0;}
	.footer .follow_us .follow_link ul li{ margin:0 6px 0 0;}
	
	.product_right{ width:34%;}

}

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

	.width_all{ width:92%;}
	
	.h_active .logo_xian{ display:none;}
	#navToggle{ height:auto; padding:9px; display:block;}
	#navToggle span{ position:relative; width:25px; height:1px; margin:29px 0 0 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:#fff;}
	#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:#fff;}
	.nav{ display:none;}
	.h_active #navToggle span,.h_active #navToggle span:before,.h_active #navToggle span:after{ background:#00c5ff;}
	.h_active #navToggle.open span:before,.h_active #navToggle.open span:after{ background:#00c5ff;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block}
	
	.product ul li{ width:50%; margin:0 0 5% 0;}
	
	.footer_left{ display:none;}
	.footer_right{ float:none; width:100%; overflow:hidden;}
	.footer .follow_us .follow_link ul li{ margin:0 15px 0 0;}
	
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.pro_sj .flexslider{ height:100%;}
	.pro_sj .flexslider .slides img{ height:100%;}
	.pro_sj .flex-control-nav{ bottom:0;}
	.pro_sj .flex-control-paging li a{ width:16px; height:3px; border-radius:0;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

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

	.head_top .logo{ margin:10px auto;}
	.head_top .logo_h{ margin:10px auto;}
	.top_r_ss{ margin:14px 0; padding:0 9px 0 0;}
	.top_r_ss:hover .ss_xl{ width:236px;}
	.head_top .cnen{ margin:17px 0 17px 10px;}
	#navToggle span{ margin:19px 0 0 0;}
	
	.flex-control-nav{ bottom:-6px;}
	.flex-control-nav li{ margin:0 3px;}
	.flex-control-paging li a{ width:20px; height:2px;}
	
	.solution_width ul li{ width:48%; margin:0 4% 4% 0;}
	.solution_width ul li:nth-child(2n){ margin:0 0 4% 0;}
	.solution_width ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.solution_width ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.cooperation_b_width ul li{ width:33.333333334%;}

}