@charset "gb2312";
/* CSS Document */

/*首页响应式布局*/
@media screen and (max-width:1200px){
	 .nav li a{padding:0 30px;}	
	 .footer{ position:relative;}
     .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
}

@media screen and (max-width:1024px){
	 .nav li a{padding:0 28px;}	
	 .footer{ position:relative;}
     .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
}

@media screen and (max-width:1000px){
	 .p_l{ padding-left:0;}
	 .p_z{ width:35.91%;}
	 .nav li a{padding:0 24px;}	
	 #focusers {width:332px;}
	 #focusWrap{width:332px;}
	 #focusers ul li { width:332px;}
	 .footer{ position:relative;}
     .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
}

@media screen and (max-width:910px){
	 .nav li a{padding:0 20px;}	
	 .news{ width:100%; float:none; margin-bottom:10px; overflow:hidden;}
	 .p_l{ width:46%; padding:9px 0 0 0;}
	 .p_z{ width:49%; float:left; margin-bottom:10px; overflow:hidden;}	
	 .client{ margin-right:0;}
	 .p_r{ clear:right; width:100%;}
	 #focusers {width:380px;}
	 #focusWrap{width:380px;}
	 #focusers ul li{ width:380px;}
	 #focusers ul li img{ width:380px;}
	 .n_l li{ width:48%;}
	 .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
	 .n_u li a{ max-width:60%;}


}

@media screen and (max-width:840px){
	 .nav li a{padding:0 17px;}
	 .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
	 .news{ width:100%; float:none; margin-bottom:10px; overflow:hidden;}
	 .p_l{ width:46%; padding:9px 0 0 0;}
	 .p_z{ width:49%; float:left; margin-bottom:10px; overflow:hidden;}	
	 .client{ margin-right:0;}
	 .p_r{ clear:right; width:100%;}
	 #focusers {width:400px;}
	 #focusWrap{width:400px;}
	 #focusers ul li{ width:400px;}
	 #focusers ul li img{ width:400px;}
	 .n_l li{ width:48%;}
	 
	 .n_u li a{ max-width:60%;}	
}


@media screen and (max-width:768px){
	.nav li a{padding:0 9px;}
	 .code{ display:none;}	 
	 .code2{ position:absolute; bottom:2px; right:10px; display:block;}
	 .news{ width:100%; float:none; margin-bottom:10px; overflow:hidden;}
	 .p_l{ width:46%; padding:9px 0 0 0;}
	 .p_z{ width:48.9%; float:left; margin-bottom:10px; overflow:hidden;}	
	 .client{ margin-right:0;}
	 .p_r{ clear:right; width:100%;}
	 #focusers {width:330px;}
	 #focusWrap{width:330px;}
	 #focusers ul li{ width:330px;}
	 #focusers ul li img{ width:330px;}
	 .n_l li{ width:48%;}
	 
	 .n_u li a{ max-width:60%;}
}


@media screen and (max-width:640px){
	.nav{ height:24.1em;}
	.nav li{ clear:left; width:100%; background:url(imagesnavbg.jpg) repeat-x; }
	.logoHou img{ width:230px; height:48px;}
	.code,.code2{ display:none;}
	.p_l{ width:100%; float:none; padding-top:0;}
	#focusers {width:600px; float:none;}
	#focusWrap{width:600px;}
	#focusers ul li { width:600px;}
	#focusers ul li img{ width:600px;}
	#focusers ul li p a{ text-align:center;}
	#focusers .btn2 { right:0; left:40px;}
	.news{ width:99%;}
	.p_c,.p_z{ width:99%; float:none;}
	.p_z{ margin:0 0px 10px 0;}
	.p_r{ width:99%; float:none;}
	.x_t{ width:97%;}
	.n_l li{ width:47%;}
	.n_u li a{ max-width:60%;}
	.pageTable{ width:100%;}
}

@media screen and (max-width:480px){
	.logoHou{ width:200px; height:42px;}
	.logoHou img{ width:200px; height:42px;}
	.nav{ height:24.1em;}
	.nav li{ clear:left; width:100%; background:url(imagesnavbg.jpg) repeat-x; }
	.code,.code2{ display:none;}
	.p_l{ width:100%; float:none;}
	#focusers {width:460px; float:none;}
	#focusWrap{width:460px;}
	#focusers ul li { width:460px;}
	#focusers ul li img{ width:460px;}
	#focusers ul li p a{ text-align:left;}
	.news{ width:99%;}
	.p_c,.p_z{ width:99%; float:none;}
	.p_z{ margin:0 0px 10px 0;}
	.p_r{ width:99%; float:none;}
	.x_t{ width:97%;}
	.n_l li{ width:46%;}
    .n_u li a{ max-width:60%;}
	.pageTable{ width:100%;}
}

@media screen and (max-width:360px){
	.logoHou{ width:200px; height:42px;}
	.logoHou img{ width:200px; height:42px;}
	.nav{ height:24.1em;}
	.nav li{ clear:left; width:100%; background:url(imagesnavbg.jpg) repeat-x; }
	.code,.code2{ display:none;}
	.p_l{ width:100%; float:none;}
	#focusers {width:360px; float:none;}
	#focusWrap{width:360px;}
	#focusers ul li { width:360px;}
	#focusers ul li img{ width:360px;}
	#focusers ul li p a{ text-align:left; text-indent:10px;}
	.news{ width:99%;}
	.p_c,.p_z{ width:99%; float:none;}
	.p_z{ margin:0 0px 10px 0;}
	.p_r{ width:99%; float:none;}
	.x_t{ width:97%;}
	.n_l li{ width:44%;}
	.n_u li a{ max-width:60%;}
	.pageTable{ width:100%;}
	
	/*detail页面响应式布局设计*/
	.pageMedia{ display:block;}
	.pageTable{ display:none;}

}

@media screen and (max-width:320px){
	.logoHou{ width:200px; height:42px;}
	.logoHou img{ width:200px; height:42px;}
	.nav{ height:24.1em;}
	.nav li{ clear:left; width:100%; background:url(imagesnavbg.jpg) repeat-x; }
	.code,.code2{ display:none;}
	.p_l{ width:100%; float:none;}
	#focusers {width:320px; float:none;}
	#focusWrap{width:320px;}
	#focusers ul li { width:320px;}
	#focusers ul li img{ width:320px; margin:1px 0 0 1px;}
	#focusers ul li p a{ text-align:left;}
	.news{ width:99%;}
	.p_c,.p_z{ width:99%; float:none;}
	.p_z{ margin:0 0px 10px 0;}
	.p_r{ width:99%; float:none;}
	.x_t{ width:97%;}
	.n_l li{ width:44%;}
    .n_u li a{ max-width:60%;}
	.pageMedia{ display:block;}
	.pageTable{ display:none;}
}