@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {

	.width_all{ max-width:980px;}
	
	.nav .m{ margin:0 0 0 48px;}
	
	.product_right{ width:34%;}

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	
	#navToggle{ height:auto; padding:7px 9px; margin:0 -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:30px;}
	#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:#1a954c;}
	#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:#1a954c;}
	.nav{ display:none;}
	
	.about_us{ margin:52px auto; padding:42px 0;}
	.about_us:before{ top:0;}
	.about_us .about_left{ float:none; width:100%;}
	.about_us .about_right{ float:none; width:100%;}
	.about_us .about_right .about_name{ color:#fff;}
	
	.news_width .news_left{ float:none; width:100%; margin:0 0 36px 0;}
	.news_width .news_right{ float:none; width:100%;}
	
	.foot_l{ float:left; width:75%;}
	.foot_l dl{ display:none;}
	.foot_l dl:nth-child(5){ float:none; width:100%;}
	.foot_l dl:last-child{ display:block;}
	.foot_r{ float:right; width:18%;}
	
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.flexslider{ position:relative; height:100%;}
	.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
	.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
	.flex-pauseplay span{ text-transform:capitalize;}
	.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
	.flex-control-nav li{ margin:0 2px; display:inline-block; zoom:1;}
	.flex-control-paging li a{ width:6px; height:6px; border-radius:50%; display:block; border:#f8f8f8 2px solid; cursor:pointer; text-indent:-9999px;}
	.flex-control-paging li a:hover{ background:#1a954c; border:#1a954c 2px solid;}
	.flex-control-paging li a.flex-active{ background:#1a954c; border:#1a954c 2px solid; cursor:default;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

@media screen and (max-width:640px) {

	.head_width .rexian{ display:none;}
	.head_width .search{ display:none;}
	.head_top .logo{ width:81px;}
	.head_top h1{ font-size:24px; line-height:30px;}
	.head_top h1 span{ font-size:13px; line-height:20px;}
	
	#navToggle span{ margin-top:25px;}
	
	.new_product .new_p_name div{ margin:0 28px;}
	.new_product .new_p_name span{ width:52px;}
	.new_p_width .new_p_left{ float:none; width:100%; margin:0 0 4% 0;}
	.new_p_width .new_p_right{ float:none; width:100%;}
	.new_p_width2 ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_width2 ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.case .case_name div{ margin:0 28px;}
	.case .case_name span{ width:52px;}
	.case ul li{ width:48%; margin:0 4% 4% 0;}
	.case ul li:nth-child(2n){ margin:0 0 4% 0;}
	.case ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.case ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.news .news_name div{ margin:0 28px;}
	.news .news_name span{ width:52px;}
	.news_width .news_left ul li{ float:none; width:100%; margin:0 0 28px 0;}
	
	.foot_l{ float:none; width:100%; margin:0 0 28px 0;}
	.foot_r{ float:none; width:48%;}

}