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

	.width_all{ max-width:980px;}
	
	.head_nav .zhuyingyewu{ display:none;}
	
	.hezuo .he_more{ margin:101px auto 20px auto;}
	
	.news .news_name{ margin:0 0 14px 0;}
	.news .news_right ul li i{ margin:14px 10px 14px 0;}
	.news .news_right ul li a{ line-height:41px;}
	.news .faqs .faqs_name{ margin:0 0 14px 0;}
	.news .faqs dl{ padding:9px 0;}
	.news .faqs dl dt{ margin:0 0 3px 0; font-size:14px; line-height:24px; overflow:hidden;}
	
	.product_right{ width:34%;}

}

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

	.width_all{ width:92%;}
	
	.wecome{ display:none;}
	
	.head_nav .logo{ margin:10px 0;}
	.head_nav .company_name{ margin:15px 0 15px 20px;}
	.head_nav .alibaba{ display:none;}
	.head_nav .alibaba{ margin:25px 8% 24px 16px;}
	.head_nav .search_rexian{ 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:#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;}
	
	.banner{ display:none;}
	.banner_sj{ display:block;}
	.flex-control-nav li{ margin:0 4px;}
	.flex-control-paging li a{ width:6px; height:6px;}
	
	.about_us .about{ float:none; width:100%; margin:0 0 32px 0;}
	.about_us .huanjing{ float:none; width:100%;}
	
	.new_product_nav a{ width:33.3333334%;}
	
	.hezuo .hz_left{ float:none; width:100%; overflow:hidden; margin:0 0 2px 0;}
	.hezuo .he_more{ margin:36px auto 20px auto;}
	.hezuo .hz_right{ float:none; width:100%;}
	
	.news .news_w{ float:none; width:100%; overflow:hidden; margin:0 0 32px 0;}
	.news .faqs{ float:none; width:100%; overflow:hidden;}
	
	.footer .footer_left{ float:none; width:100%;}
	.footer .footer_right{ display:none;}
	
	
	.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:#015eb2; border:#015eb2 2px solid;}
	.flex-control-paging li a.flex-active{ background:#015eb2; border:#015eb2 2px solid; cursor:default;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
}

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

	.cnen{ margin:5px 0;}
	.cnen ul li{ margin:0 10px 0 0;}
	
	.head_nav .logo{ width:61px;}
	.head_nav .company_name{ font-size:12px; line-height:26px; margin:15px 0 15px 15px; letter-spacing:0.05px;}
	.head_nav .company_name h1{ font-size:21px; letter-spacing:0;}
	
	#navToggle{ top:13px;}
	
	.new_product_nav a{ width:50%;}
	.new_product_i ul li{ float:left; width:48%; margin:0 4% 4% 0;}
	.new_product_i ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_product_i ul li:last-child{ margin:0 0 4% 0;}

	.news .news_left{ float:none; width:100%; margin:0 0 22px 0;}
	.news .news_right{ float:none; width:100%;}
	
	

}