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

	.width_all{ max-width:980px;}
	.head_top .search{ width:17px; float:right; margin:42px 0 41px 1%;}
	.nav a{ padding:0 12px;}
	
	.product_right{ width:36%;}
	.chaxnt input{ width:91%;}

}

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

	.width_all{ max-width:800px;}
	.head_top h1{ margin:13px auto 12px auto;}
	.head_top .cnen{ margin:28px 0;}
	.head_top .search{ margin:32px 0 31px 1%;}
	
	.header{ float:none;}
	.header .nav{ display:none;}
	.menu{ display:block; z-index:999; float:right; margin:20px 0;}
	.openclose{ display:block; margin:0; width:40px; height:40px; line-height:40px; text-align:center; background:url(../Images/menu.png) center center no-repeat;}
	.openclose:hover{ background:url(../Images/menu_hover.png) center center no-repeat;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display:none; position:fixed; left:50%; top:80px; width:800px; margin:0 0 0 -400px; z-index:10000; background:rgba(17,89,135,.9);}
	.sub_menu .box{ padding:22px;}
	.sub_menu .nav_er ul{ margin:0 auto;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom:1px solid #fff;}
	.sub_menu .nav_er li a{ color:#fff; display:block; font-size:16px;}
	.sub_menu .nav_er li a:hover{ color:#fff; display:block; text-decoration:none;}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}
		
	.foot_l{ display:none;}
	
	
	.product_right{ width:20%;}
	.chaxnt input{ width:89%;}
	
	.download ul li{ width:22.6%; margin:0 3.2% 3.2% 0;}
	.download ul li:nth-child(4n){ margin:0 0 3.2% 0;}
	.download ul li:nth-child(5n){ margin:0 3.2% 3.2% 0;}

}

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

	.width_all{ width:92%;}
	.head_top h1{ width:168px; margin:10px auto;}
	.head_top .cnen{ margin:18px 40px 18px 0;}
	.head_top .cnen a{ margin:0 6px; font-size:14px;}
	.head_top .search{ margin:22px 0 21px 1%;}
	
	.menu{ position:absolute; right:3%; top:10px; margin:0;}
	.sub_menu{ left:4%; top:60px; width:92%; margin:0;}
	
	.new_p_name{ font-size:24px; line-height:28px; margin:6% auto 4% auto;}
	.new_p_name span{ font-size:18px; padding:0 0 10px 0;}
	.new_p_name:after{ width:88px; margin:0 0 0 -44px;}
	.new_product{ margin:4% auto 6% auto;}
	.new_product .new_p_left{ float:none; width:100%; margin:0 0 4% 0;}
	.new_product .new_p_left .put1{ margin:0 0 4% 0;}
	.new_product .new_p_left .put2{ width:100%; float:none; margin:0 0 4% 0;}
	.new_product .new_p_left .put3{ width:100%; float:none; margin:0 0 4% 0;}
	.new_product .new_p_center{ float:none; width:100%; margin:0 0 4% 0;}
	.new_product .new_p_right{ position:inherit; width:100%;}
	.new_product .new_p_right .put4{ width:100%; margin:0 0 4% 0;}
	.new_product .new_p_right .put5{ width:100%; margin:0;}
	
	.about_us{ background:#474747 url(../Images/aboutbg.jpg) top center no-repeat; margin:6% auto; padding:6% 0;}
	.about_files{ width:100%; float:none;}
	.company{ display:none;}
	
	.news{ margin:4% auto 6% auto;}
	.news ul li{ float:none; width:100%; margin:0 0 4% 0;}
	
	.video{ margin:4% auto 6% auto;}
	.video ul li{ width:48%; margin:0 4% 4% 0;}
	.video ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.footer{ padding:4% 0;}
	.foot_c{ float:none; width:100%;}
	.foot_nav{ display:none;}
	.foot_r{ display:none;}
	.foot_icp{ margin:0 auto;}	
	
	
	.subnav{ text-align:center; margin:4% auto;}
	.subnav li{ width:100%; margin:0 0 2% 0;}
	.subnav li:last-child{ margin:0;}
	
	.ny_name{ margin:4% auto; font-size:24px; line-height:28px;}
	.ny_name:after{ width:88px; margin:0 0 0 -44px;}
	
	.content{ margin:4% auto 6% auto;}
	
	.honor{ margin:4% auto 6% auto;}
	.honor ul li{ width:48%; margin:0 4% 4% 0;}
	.honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.products{ margin:4% auto 6% auto;}
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}
	
	.chaxnt{ padding:4% 0;}
	.chaxnt input{ width:74%;}
	
	.support{ margin:4% auto 6% auto;}

	.news_width{ margin:4% auto 6% auto;}	
	.news_width ul li .news_l{ float:none; width:100%; margin:0 0 2% 0;}
	.news_width ul li .news_r{ float:none; width:100%; margin:0;}
	
	.video_center{ margin:4% auto 6% auto;}
	.video_center ul li{ width:48%; margin:0 4% 4% 0;}
	.video_center ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.download{ margin:4% auto 6% auto;}
	.download ul li{ width:48%; margin:0 4% 4% 0;}
	.download ul li:nth-child(2n){ margin:0 0 4% 0;}
	.download ul li:nth-child(5n){ margin:0 4% 4% 0;}
	.download ul li:nth-child(10n){ margin:0 0 4% 0;}
	
	.feedback{ margin:4% auto 6% auto;}

}