@charset "utf-8";
/* CSS Document */

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

	.width_all{ max-width:980px;}
	
	.company_name{ font-size:12px;}
	.company_name em{ font-size:25.6px;}
	.guanggao{ font-size:18px;}
	.rexian span{ font-size:20px;}
	
	.news_right ul li a{ line-height:42px;}
	
	.xq_right{ width:49%;}
	
	.col-sm-5 #FeedabckContent{ max-width:95%;}

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

	.width_all{ width:92%;}
	
	.wecome{ margin:4px 0;}
	.cnen{ margin:4px 0;}
	.head_top h1{ width:112px; margin:10px 0;}
	.company_name{ margin:14px 0 0 10px;}
	.guanggao{ display:none;}
	.rexian{ display:none;}
	
	.header{ float:none;}
	.header .nav{ display:none;}
	.menu{ position:absolute; display:block; z-index:999; right:4%; top:21px;}
	.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:4%; top:81px; width:92%; z-index:10000; background:rgba(49,88,154,.8);}
	.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;}
	.sj_nav{ display:block; width:100%; margin:0 auto;}
	.sj_nav ul{ overflow:hidden;}
	.sj_nav ul li{ float:left; width:24.4%; background:#31589a; border-radius:3px; margin:0 0.8% 0.8% 0;}
	.sj_nav ul li:nth-child(4n){ margin:0 0 0.8% 0;}
	.sj_nav ul li:nth-child(9n){ margin:0 0.8% 0 0;}
	.sj_nav ul li:nth-child(10n){ margin:0 0.8% 0 0;}
	.sj_nav ul li:last-child{ margin:0;}
	.sj_nav ul li a{ width:100%; display:block; text-align:center; line-height:36px; font-size:14px; color:#fff;}
	.sj_nav ul li a:hover{ text-decoration:none;}
	
	.banner_sj{ display:block;}
	.banner_pc{ display:none;}
	
	.new_p_left{ display:none;}
	.new_p_right{ float:none; width:100%;}
	
	.youshi01 .yous_left{ width:100%; float:none; margin:0 0 22px 0;}
	.youshi01 .yous_right{ width:74.4%; float:none; margin:23% 0 0 25.6%;}
	.youshi02 .yous_left{ width:100%; float:none; margin:0 0 22px 0;}
	.youshi02 .yous_right{ width:100%; float:none;}
	.youshi03 .yous_left{ width:100%; float:none; margin:0 0 22px 0;}
	.youshi03 .yous_right{ width:100%; float:none; margin:34.5% 0 0 0;}
	
	.about_left{ float:none; width:100%; margin:0 0 22px 0;}
	.about_right{ float:none; width:100%;}
	
	.news_left{ float:none; width:100%; margin:0 0 22px 0;}
	.news_right{ float:none; width:100%;}
	
	.footer .footer_left{ float:none; margin:0 0 8px 0;}
	.footer .footer_right{ float:none;}
	
	
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.xq_right{ float:none; width:100%; margin:18px 0 0 0;}
	
	
	.qqkefu{ display:none;}
	
}

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

	.wecome{ display:none;}
	
	.company_name{ display:none}
    .phone_name{ display:block; float:left; font-size:13px; color:#424242; line-height:22px; margin:18px 0 0 10px; font-family:Arial;}
    .phone_name em{ display:block; font-size:30px; color:#333; line-height:30px; font-weight:bold; margin:0 0 4px 0;}
	
	.new_product{ margin:30px auto 10px auto;}
	.new_p_t ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_t ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.advertisement{ margin:10px auto 30px auto;}
	
	.hezuo_name{ margin:30px auto 16px auto;}
	.hezuo{ margin:16px auto;}
	.hezuo_width li{ width:6%; margin:0 0.5% 0 0;}
	
	.ys_name{ margin:30px auto 0 auto; padding:22px 0;}
	.youshi01{ margin:24px auto;}
	.youshi02{ margin:24px auto; padding:28px 0;}
	.youshi03{ margin:24px auto;}
	.yous_zt .yous_sz{ width:16%;}
	.yous_zt .yous_wz{ width:80%;}
	.yous_jies ul li{ padding:0 0 0 16%;}
	
	.about_us{ margin:30px auto 24px auto;}
	.cj_name{ margin:24px auto 18px auto;}
	.chejian{ margin:18px auto 30px auto;}
	.chejian ul li{ width:48%; margin:0 4% 4% 0;}
	.chejian ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.news{ padding:24px 0;}
	.news_w{ margin:18px auto 0 auto;}
	.news_right ul li{ width:100%; margin:0;}
	
	.footer_nav_compat{ margin:16px auto;}
	.footer_nav_compat .footer_nav_l{ float:none; margin:0;}
	.footer_nav_compat .footer_nav_r{ float:none; margin:12px 0 0 0;}
	.footer_nav_compat .footer_nav_r .f_nav_l{ float:right; width:73%; text-align:left;}
	.footer_nav_compat .footer_nav_r .f_nav_r{ float:left; width:22%; margin:0;}
	
	
	.content_left{ float:none; width:100%;}
	.content_right{ float:none; width:100%; margin:0 0 22px 0;}
	
	.clientele ul li{ width:48%; margin:0 4% 4% 0;}
	.clientele ul li:nth-child(2n){ margin:0 0 4% 0;}
	.clientele ul li:nth-child(5n){ margin:0 4% 4% 0;}
	
	.products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.office ul li{ width:48%; margin:0 4% 4% 0;}
	.office ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.ny_news .n_left{ float:none; width:100%; margin:0 0 8px 0;}
	.ny_news .n_right{ float:none; width:100%;}
	
	.col-sm-5 #FeedabckContent{ max-width:92%;}

}