/*767px以下通用样式*/
@media only screen and (max-width : 959px) {
	.header{ width:100%; height:auto;}
	.header_top1 { width:100%; }
	.header_top1 p { display: none;}
	.header_center{ width:100%;}
	.logo{ position: relative; left: 37%; margin: 0px; }
	.header_txt{ display: none;}
	.nav{ width:100%; height:auto; overflow:hidden; display: none; float:left;}
	.nav li{ height: auto;}
	.nav li ul{ position: relative;}
	.mune img{ width: 100%; height: auto;}

	.abouts{ width: 100%; height: auto; left: 0%; margin-left: -0px; background-size: cover;}
	.abouts1{ width: 100%;}
	.about_title{ width: 65%; margin: 15px auto 40px;}
	.about_title img,.pro_title img,.wenti_title img{ width: 100%;}
	.about_content{ width: 96%; text-align: left; text-indent: 2em; margin: 0px auto;}
	.about_content span{ display: inline;}
	.shipin{width: 300px;}


	.product_bg{ width: 100%; height: auto;  background: url("../images/pro_bg.jpg")/*tpa=http://www.huaxiudp.com/images/pro_bg.jpg*/ no-repeat; left: 0%; margin-left: -0px; }
	.product { width: 100%;}
	.pro_title{  width: 65%; margin: 10px auto 20px;}
	#focus_Box{ width:100%; height:400px; margin:15px auto;}

	.wenti{ width: 100%; left: 0%; margin-left: -0px;}
	.wenti1{ width: 100%;}
	.wenti_title{ width: 65%; margin: 0px auto;}
	.wenti_content img{ width: 100%;}

	.youshi { width: 100%; margin-left: 0px; left:0%;}
	.youshi_title{ width: 65%; margin: 0px auto 30px;}
	.youshi_title img{ width: 100%; }
	.youshi_content{ background: none;}
	.youshi_1 { width: 100%; margin: 0px auto 30px; background: url("../images/youshi_hx.png")/*tpa=http://www.huaxiudp.com/images/youshi_hx.png*/ no-repeat bottom left;}
	.youshi_1 img{ width: 18%; height: auto; margin-bottom: 0px; margin-top: 3%;}
	.youshi_1_txt{ width: 76%; margin: 0px 2% 2% 0%;}
	.youshi_2{background: url("../images/youshi_hx.png")/*tpa=http://www.huaxiudp.com/images/youshi_hx.png*/ no-repeat bottom right;}
	.youshi_2_txt{ margin: 0px 0% 0 6%; text-align: left;}

	.huoban { width: 100%; left: 0%; margin-left: 0px; background: url("../images/huoban_bg.jpg")/*tpa=http://www.huaxiudp.com/images/huoban_bg.jpg*/ no-repeat bottom; }
	.huoban_title{ width: 65%; margin: 0px auto;}
	.huoban_title img{ width: 100%; display: block; margin: 10px auto 30px;}
	.huoban_content { width: 100%;}
	.huoban_img{ width: 99.6%;}
	.huoban_img img{ width: 49.7%;}

    .anli{ width:100%; height:auto; overflow:hidden;left: 0%;margin-left: 0px; background-size: 100% 100%;}
	.anli_title{ width: 65%; margin: 0px auto;}
	.anli_title img{ width: 100%;}
	.anli_content{ width:100%;}

	.news{ width:100%; height:auto; left: 0%; margin-left: 0px; background-size: 100% 100%; margin-bottom: 71px;}
	.news_title{ width: 65%; margin: 0px auto; }
	.news_title img{ width: 100%;margin: 60px auto 40px; }
	.news_content{ width:100%; }
	.news_content dl dt{ width: 100%; margin-right: 0%;}
	.news_content dl dt img{ width: 98%;}
	.news_content dl dt p a{ display: none; }
	.news_content dl dd{ width: 99%;}


	
	.footers{ width:100%; height:56px; border:8px solid #fabe00; border-left:none; border-right:none; position: fixed; z-index: 99999; bottom:0; background-color:#8fbb31; display:block;}
	.footers ul li{ width:25%; height:56px; float:left;}
	.footers ul li p{ width:85%; height:48px; margin:0px auto; text-align:center; padding:4px 0px;}
	.footers ul li p img{ width:30%; margin:1% auto; display:block;}
	.footers ul li p a{ color:#ffffff; font-size:0.8rem;}
	.link,.footer{ display:none;}

    .izl-rmenu{ display:none;}
    .nav .peiseka{ display:block;}


	.daohang{ width:98%; background:none; border-bottom:1px solid #D5D5D5;}
	.ny_main{ width:100%; height:auto; overflow:hidden; margin:3% auto 0%;}
	.ny_pro{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.ny_cont{ display:none;}
	.ny_fl{ width: 100%; }
	.ny_fl_title{ margin-bottom: 0; height: 45px; line-height: 45px;}
	.ny_fl_title img{ margin: 7% auto 5%;}
	.ny_fl_content{ padding-bottom: 50px;}
	.ny_fl_content dt{ height: 40px;}
	.ny_fl_content dt span{ line-height: 40px;}
	.ny_fl_content dd{ width: 48%; margin-left: 2%; float: left;}
	.ny_fl_content dd a{ line-height: 30px;}

	/*产品列表页*/
	.ny_pro_content{ width:100%;}
	.ny_pro_content ul{ width:100%; margin:0px auto;}
	.ny_pro_content ul li{ width:48%; height:auto; margin:1%; }
	.ny_pro_content ul li a{ width:100%; height:auto; line-height:40px;}
	.ny_pro_content ul li img{ width:100%; height:auto;}
	.ny_pro_content ul li p{ width:100%; height:auto;}

	.ny_anli{ width: 100%; height: auto; left: 0; margin-left: 0; margin-bottom: 72px;}

	/* 产品详细页 */
	.ny_prodetail_txt{ width:94%; margin:2% auto; overflow:hidden;}
	.ny_prodetail_txt img{ width:93%; height:auto; margin:0px auto; float:none; display:block;}
	.shuoming{ width:90%; height:auto; float:none; margin:0px auto;}
	.shuoming span{ width:100%; font-size:20px; border-bottom:1px solid #C1C1C1; line-height:50px; float:left;}
	.shuoming p{ width:100%; height:auto; float:left; margin-top:30px; line-height:25px; padding-bottom:20px;}
	.ny_prodetail_txt2{ width:94%; height:auto; overflow:hidden;}
	.ny_detailtxt_content{ width:100%; margin:0px auto; float:none;}

	/*新闻列表页*/
	.ny_news{ width:100%;}
	.ny_news_content{ width:100%;}

	.ny_news_content ul li span{ width: 17%;}
	.news_txt2{ width:75%; height:auto; margin-right: 1%;}
	
	
	.ny_main_r_content .news_list li p{ width:65%;}
	.ny_main_r_content .news_name{ width:100%;}
	
	.prodetail22{ width:100%;}
	

    .line{ margin: 1% auto;}
	
}



/*Styles for screen 960px-1200px,主要为了小屏浏览器 */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	
	
}
/*Styles for screen 768px-959px 主要是平板横屏显示*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.mune{ float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}
	.header_txt{background:#23487F;}
	.header_tel{ display:none;}
	.nav_bg{ width:100%; height:auto; display:none; position:relative;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%;}

	.about_title,.pro_title,.wenti_title,.youshi_title,.huoban_title,.anli_title,.news_title{ width: 45%;}
	.youshi_1{ width: 70%;}
	#focus_Box ul{ width: 775px;}


	.picScroll-left .bd{ height: auto;}
	.picScroll-left .bd ul li{ width: 33.33%; margin: 0%;}
	.picScroll-left .bd ul li a{ display: block; width: 99%; margin: 0 0.5%;}
	.picScroll-left .hd{ margin: 20px auto;}

	.product_r_content ul li{ width:31.3%; height:auto; float:left; margin:1%;}
    .huoban_img img{ width: 24.85%; height: auto;}


	.footers ul li p img{ width:15%; margin:1% auto; display:block;}
	
	/*新闻列表页*/
	.ny_news{ width:100%;}
	.ny_news_content{ width:100%;}
	.ny_news_content ul{ width:96%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_content ul li{ width:100%; height:auto; margin-bottom:15px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:15px;}
	.ny_news_content ul li img{ display:block;}
	.news_txt2{ width:67%; height:auto;}
	
	
	.ny_pro_content ul li{ width:31.33%; height:auto; float:left; margin:1%;}
	.ny_prodetail_txt img{ width:auto; height:100%; margin:0px auto; float:none; display:block;}
}

/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo{ height: auto; left: 36%;}
	.header_txt{background:#23487F;}
	.header_tel{ display:none;}
	.mune{ float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto; display:none; position:relative;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%;}

	#focus_Box ul{ width: 480px;}
	.picScroll-left .bd{ height: auto;}
	.picScroll-left .bd ul li{ width: 50%; margin: 0%;}
	.picScroll-left .bd ul li a{ display: block; width: 99%; margin: 0 0.5%;}
	.picScroll-left .hd{ margin: 20px auto;}


    .prodetail22 img{ width:100%; height:auto; display:block; margin:0px auto;}

	.ny_news_content ul li img{ display: none;}


	.footers ul li p img{ width:18%; margin:1% auto; display:block;}

    .ny_news_content dl dt img{ margin: 0px auto; float: none; display: block;}
}



/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ height: auto; left: 32%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:10% 2% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto; display:none; position:relative;}
	.nav{ width:100%; height:auto; display: none;}
	.nav li{ width:100%; height: auto;}

	#focus_Box ul{ width: 380px;}
	.huoban_img img{ width: 49.7%;}

	.picScroll-left .bd{ height: auto;}
	.picScroll-left .bd ul li{ width: 50%; margin: 0%;}
	.picScroll-left .bd ul li a{ display: block; width: 99%; margin: 0 0.5%;}
	.picScroll-left .hd{ margin: 20px auto;}

    .news_content dl dd span{ width:17%;}
    .news_content dl dd p{ width:75%; float:left;}
	.ny_banner{ display: none;}
	.daohang span{ display:none;}
	.daohang p{ float:left;}
	
	.prodetail22 img{ width:100%; height:auto; display:block; margin:0px auto;}

	.ny_fl_content li{ width: 100%;}
	
	.ny_main_r_content ul{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.ny_main_r_content ul li{ width:90%; height:auto; float:none; margin:20px auto 0px; overflow:hidden;}
	.ny_main_r_content ul li img{ width:100%; height:auto;}

	.ny_news_content ul li img{ display: none;}

	.footers{ display:block;}
	
	.newslist dd span{ display:none}

    .ny_news_content dl dt img{ margin: 0px auto; float: none; display: block;}
	
}