/*767px以下通用样式*/
@media only screen and (max-width : 959px) {
	.header{ width:100%; height:auto; left:0; margin-left:0;}
	.header_top1 { width:100%; }
	.header_top1 p { display: none;}
	.header_center{ width:100%;}
	.logo{ margin: 2% 1%;}
	.header_txt{ display: none;}
	.nav_bg { width: 100%; height: auto; background: #1C73D4; left: 0%; margin-left: 0px; }
	.nav{ width:100%; height:auto; overflow:hidden; background: none;}
	.nav li{ height: auto; background: none;}

	.sy_title{ height: auto; margin: 4% auto 4%;}
	.huoban_content { width: 100%; margin: 10px auto 20px; }
	.picMarquee-left .bd{ width: 80%; overflow: hidden; margin-top: 30px;}


	.product_bg{ width: 100%; height: auto;  left: 0%; margin-left: 0px; }
	.product { width: 100%; margin: 30px auto 0px; padding-bottom: 5px;}
	.product_l{ display: none;}
	.product_l dd{ display: none;}
	.product_r { width: 100%; }
	.product_r ul{ width: 100%;}
	.product_r ul li{ width: 48%; height: auto; margin: 0px 1% 2% 1%; }
	.product_r ul li p{ line-height: 30px;}

	.ad1{ width: 100%; height: auto; left: 0; margin-left: 0; display: none;}

	.youshi{ width: 100%; margin-left: 0px; left: 0%; height: auto;}
	.youshi_content{ width: 100%; background: none; padding-bottom: 30px;}
	.youshi_1,.youshi_2,.youshi_3,.youshi_4,.youshi_5 { width: 98%; margin: 1%; float: left;}
	.youshi_1 img{ width: 100%;}
	.youshi_1_txt{ width: 100%;}
	.youshi_1_txt p{ width: 100%; font-size: 15px;}
	.youshi_1 img{
		display: none;
	}
	.youshi_2 p,.youshi_4 p{
		float: left;
	}

	.abouts{ width: 100%; height: auto; left: 0; margin-left: 0; background: none;}
	.abouts_content{ width: 100%;}
	.abouts_content > img{ }
	.abouts_txt{ width: 100%; margin: 0;}
	.abouts_txt img { margin: 15px 0 0 20px;  }
	.abouts_txt p{ margin: 15px 3%;}
	.abouts_txt span{ text-align: center; display: block;}

	.anli{ width:100%; margin-bottom: 10px;}
	.anli_content{ width: 100%;}
	.anli_content ul li { width: 49%; margin: 0 1% 1% 0;}

	.ad{ display: none;}
	.yizhanshi1{ width: 100%; display: none;}

	.news{ width:100%; height:auto; overflow:hidden; margin: 0; background: none;}
	.news_title span,.news_title i{ display: none;}
	.news_content{ height: auto; background: none; margin-bottom: 0;}
	.news_content ul{ width: 100%; margin: 0; padding: 0;}
	.news_content img{ display: none;}
	.news_content ul li,.news_content dl dt,.news_content dl dd{ width: 98%; margin: 0 1%;}

	.huoban{
		width: 100%;
		left: 0;
		margin-left: 0;
		height: auto;
		background: none;
		margin-bottom: 75px;
	}

	
	.footers{ width:100%; height:56px; border:8px solid #3CA830; border-left:none; border-right:none; position: fixed; z-index: 99999; bottom:0; background-color:#007BB1; 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:99.5%; 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;}

	/*.product_l dl dt img{ width: 100%;}*/
	.product_l2{ display: block; width: 100%;}
	.product_l2 dl{ width: 99.5%;}
	.product_l2 dl dt{ display: none;}
	.product_l2 dl dd{ width: 46%; margin: 2%; float: left; display: block; overflow: hidden; background: #007BB1; text-align: center;}
	.product_l2 dl dd a{ margin: 0;}
	.product_l2 .product_l_dh{ display: none;}
	.product_l2 dl dd:hover, .product_l2 dl .fl_active{ background: #3CA830;}
	
	/*产品列表页*/
	.ny_pro_content{ width:100%; margin-bottom: 75px;}
	.ny_pro_content ul{ width:99%; margin:20px auto 0;}
	.ny_pro_content ul li{ width:48%; height:auto; margin:1%; }
	.ny_pro_content ul li a{ width:100%; height:auto; line-height:30px;}
	.ny_pro_content ul li img{ width:92%; height:auto;}

	.ny_anli_content{ margin-top: 10px; margin-bottom: 75px;}


	/* 产品详细页 */
	.ny_prodetail_txt{ }
	.ny_prodetail_txt img{ width:100%; height:auto; margin:0px auto; float:none; display:block;}
	.shuoming{ width:100%; height:auto; float:none; margin:0px auto;}
	.shuoming p{ height:auto; line-height:25px; padding-bottom:20px;}
	.shuoming i{ margin-top: 0;}
	.ny_prodetail_txt2{ margin-bottom: 0;}
	.ny_detailtxt_content{ width:100%; margin:0px auto; float:none;}

	/*新闻列表页*/
	.ny_news,.ny_l{ width:100%;}
	.ny_con{ display: none;}
	.ny_news_content{ width:100%; margin-bottom: 75px;}
	.ny_news_content dl{ width:98%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_content ul li span{ width: 14%;}

	
	
	.ny_main_r_content .news_list li p{ width:65%;}
	.ny_main_r_content .news_name{ width:100%;}
	
	.prodetail22{ width:94%;}

    .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) {
	.logo{ }
	.mune{ width:10%; 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%;}

	#focus_Box {
		width: 760px;
		height: 340px;
	}

	.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%;}


	.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 img{ display:block;}
	
	
	.ny_pro_content ul li{ width:31.3%; 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{ width: 80%; height: auto;}
	.mune{ width:10%; float:right; margin:7% 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%;}

	#focus_Box {
		width: 480px;
		height: 230px;
	}

	.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;}

	.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;}
}

@media only screen and (min-width: 480px) and (max-width: 525px) {
	.news_txt2 a{ margin: 0;}
}



/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ height: auto; }
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:7% 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%; height: auto;}
	.rmgjc{ width:100%;}
	.gjc{ width:95%; margin-left:2%;}
	.suosuo{ display:none;}

	.sy_title{ width: 150%; height: auto; margin-left: -25%;}
	.picMarquee-left .bd ul li{ width: 50%;}

	.abouts_content > img{ width: 96%; margin-left: 2%;}

	.youshi_title{ width: 100%; height: auto; margin: 0px auto 5px;}
    .youshi_title img{ width: 95%; height: auto; margin: 10% auto 10px; display: block;}



	.anli_content{ width: 100%;}
	#focus_Box{ width: 375px; height: 205px;}

	.anli_lx{ width: 100%;}

	
	.daohang span{ display:none;}
	.daohang p{ float:left;}

	.picMarquee-left2 .bd ul li{ width: 35%; }
	
	.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 { width: 95.5%; padding: 3% 2%; margin-bottom: 15px;}
	.ny_news_content ul li span{ display: none;}
	.news_txt2{ width:98%; height:auto; margin-right: 1%;}
	.news_txt2 p{ margin-top:10px;}

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

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