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

	.width_all{ max-width:980px;}
	
	.head_top .company_jies{ display:none;}
	
	.nav{ background:url(../images/nav_bg2.png) center no-repeat;}
	
	.new_p_left .new_p_l_name span{ font-size:16px;}
	
	.believe_us_w dl{ width:296px; left:6%;}
	.believe_us_w dl:nth-child(2){ right:24.3%;}
	.believe_us_w dl:nth-child(3){ right:6%;}
	.believe_us_w dl:nth-child(4){ right:6%;}
	.believe_us_w dl:nth-child(5){ left:24.3%;}
	.believe_us_w dl:nth-child(6){ left:6%;}
	.believe_us_w dl dt{ width:194px;}
	
	.four_s_center{ left:55%;}
	
	.footer_nav span{ margin:0 24px;}
	
	.product_right{ width:45%;}

}

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

	.width_all{ width:92%;}
	
	.head_top h1{ width:204px; margin:26px 0;}
	.head_top .rexian{ display:none;}
	.head_top .language{ margin:30px 42px 26px 0;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-68px;}
	#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{ position:relative;}
	.navbar_nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.new_product .new_p_left{ display:none;}
	.new_product .new_p_right{ float:none; width:100%;}
	
	.believe_us_name{ margin:48px auto 28px auto; font-size:28px; line-height:34px;}
	.believe_us_w{ margin:28px auto 60px auto;}
	.believe_us_w div{ display:none;}
	.believe_us_w dl{ width:100%; position:inherit; left:inherit; top:inherit; border-bottom:#f5f5f5 1px solid;}
	.believe_us_w dl:nth-child(2){ right:inherit; top:inherit;}
	.believe_us_w dl:nth-child(3){ right:inherit; top:inherit;}
	.believe_us_w dl:nth-child(4){ right:inherit; bottom:inherit;}
	.believe_us_w dl:nth-child(5){ left:inherit; bottom:inherit;}
	.believe_us_w dl:nth-child(6){ left:inherit; bottom:inherit;}
	.believe_us_w dl dd{ float:right; background:#e6212a; width:28%; padding:0 2%; height:114px; border-radius:0; border:none; font-size:26px; color:#fff; line-height:36px;}
	.believe_us_w dl dt{ float:left; width:60%; padding:0 4%; height:114px; background:#fff; font-size:18px; color:#525252; line-height:30px;}
	.believe_us_w dl:nth-child(2) dd{ float:left;}
	.believe_us_w dl:nth-child(2) dt{ float:right;}
	.believe_us_w dl:nth-child(3) dd{ float:right;}
	.believe_us_w dl:nth-child(3) dt{ float:left;}
	.believe_us_w dl:nth-child(4) dd{ float:left;}
	.believe_us_w dl:nth-child(4) dt{ float:right;}
	.believe_us_w dl:nth-child(5) dd{ float:right;}
	.believe_us_w dl:nth-child(5) dt{ float:left;}
	.believe_us_w dl:nth-child(6) dd{ float:left;}
	.believe_us_w dl:nth-child(6) dt{ float:right;}
	
	.four_reasons{ display:none;}
	
	.about_width .about_left{ float:none; width:100%; margin:0 0 32px 0;}
	.about_width .about_right{ float:none; width:100%;}
	
	.news_width .news_left{ float:none; width:100%; margin:0 0 20px 0;}
	.news_width .news_img{ margin:0 auto 20px auto;}
	.news_width .news_zti dl{ border:#ebebeb 1px solid; margin:0 0 20px 0; padding:17px 0;}
	.news_width .news_zti dl:after{ display:none;}
	.news_width .news_zti dl dd{ border-right:#ebebeb 1px solid;}
	.news_width .news_zti dl dt{ width:72%; margin:0 3% 0 0;}
	.news_width .news_right{ float:none; width:100%;}
	
	.footer_nav{ display:none;}
	.footer .footer_weixin{ width:36%;}
	.footer .footer_add{ width:60%;}
	
	.content .content_left{ float:none; width:100%; margin:0 0 32px 0;}
	.content_left .content_l_name{ display:none;}
	.content_left ul{ border:#eee 1px solid; border-bottom:none;}

	.content .content_right{ float:none; width:100%;}
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

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

	.new_product .new_p_right ul li{ width:47%; margin:0 6% 6% 0;}
	.new_product .new_p_right ul li:nth-child(2n){ margin:0 0 6% 0;}
	.new_product .new_p_right ul li:nth-child(3n){ margin:0 6% 6% 0;}
	.new_product .new_p_right ul li:nth-child(6n){ margin:0 0 6% 0;}
	
	.footer .footer_weixin{ float:none; width:68%; margin:0 0 30px 0;}
	.footer .footer_add{ float:none; width:100%;}
	.footer .footer_icp{ padding:23px 4%; width:92%;}
	
	.honor ul li{ width:48%; margin:0 4% 4% 0;}
	.honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	.honor ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.honor ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	.products ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.products ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.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;}
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background:rgba(230,33,42,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}

}