﻿/*767px以下通用样式*/
@media only screen and (max-width : 959px) {
	.header{ overflow:hidden; position: relative;}
	.header_top1{width: 100%;}
	.header_top1 span{ margin-left: 10px;}
	.header_top1 p{ display: none;}
	.header_center{ width:100%;}
	.header_center_r{ width: 100%; height: auto; overflow: hidden; margin: 0px;}
	.mune{ display:block;}
	.tel{display: none;}
	.logo{ margin: 1%; height:auto; }
	.nav_bg{ width: 100%; display: none;}
	.nav{ width:100%; height:auto; overflow:hidden; margin: 0px auto; }
	.nav ul{ width: 100%; height: auto;}
	.nav ul li { margin: 3px 0;}
	.banner{ margin-top: 0;}
	.rmgjc_bg{ width: 100%; height: auto; left: 0; margin-left: 0; background: none; display: none;}

	.product_bg{ width: 100%; height: auto; left: 0; margin-left: 0; background: none;}
	.product{ width:100%; margin: 5px 0; background:none;}
	#outer { width:100%; margin:0px 0px; }
	#tab{ width: 100%; margin: 0 auto 20px;}
	#tab li{ width: 47.4%; margin:1%; padding: 8px 0; float: left;}
	.da-thumbs{ width: 100%; }
	.da-thumbs li{ width:48%; margin: 1%;}

	.aboutus{ width: 100%; height: auto; left: 0; margin-left: 0; background-size: 100% 100%; }
	.aboutus1{ width: 100%; margin: 25px auto 0px;}
	.about_txt{ width:96%; padding: 2%; margin-left: 0;}
	.aboutus1 img{ margin-top: 20px;}



	.youshi_bg{ width: 100%; height: auto; margin-top: 15px;}
	.youshi{ width: 100%; margin-bottom: 0;}
	.youshi_txt{ width: 50%; margin: 0px 0 0px 0px; }
	.youshi_txt span{ }
	.youshi_txt p{ }

	.ad{ display: none;}

	.anli{ width: 100%; height: auto; left: 0; margin-left: 0; }
	.anli_content{ width: 100%; margin-bottom: 20px;}


	.news{ width: 100%; left: 0; margin-left: 0; background: none; margin-bottom: 74px;}
	.news1{ width: 98%; margin-top: 25px; margin-left: 1%;}
	.news_title p{ display: none;}
	.news_content{ width: 100%; margin: 0px 0 0px;}
	.news_l{ width: 100%; margin: 0; padding: 0;}
	.news_content dl{ width: 96%;  padding: 2%; margin: 0; margin-bottom: 5px;}

	.huoban{ width: 100%; margin-top: 0; height: auto; left: 0; margin-left: 0; background-size: 100% 100%;}
	.huoban1{ width: 100%;}
	.huoban_content li { width: 50%; float: left; }



	.footers{ width:100%; height:56px; border:8px solid #299BFC; border-left:none; border-right:none; position: fixed; z-index: 99999; bottom:0; background-color:#0276CB; 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,.izl-rmenu{ display:none;}

	.ny_banner{ margin-top: 0;}
	.daohang{ width:100%; background-image: none}
	.daohang_content{ width:98%; margin:0 1%;}
	.ny_main{ width:100%; height:auto; overflow:hidden; margin:3% auto 0%;}
	.ny_pro{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
	.product_l2{ display:block;}
	
	/*产品列表页*/
	.ny_news{ width:100%; margin: 0px auto 70px;}
	.ny_news_l{  width: 100%; }
	.ny_news_fl{ width: 100%; height: auto; overflow: hidden; margin: 0px auto; float: none; border: none;}
	.ny_news_fl span{display: none}
	.ny_news_fl ul{  width: 100%;  height: auto;  margin: 0px auto; overflow: hidden;}
	.ny_news_fl ul li{ width: 48%; height: 40px; overflow: hidden; margin: 0 0 1% 1%; text-align: center; border:0px solid #0276CB;}
	.ny_news_fl ul li a{ border: none; padding:0; font-size:0.875rem;}

	.ny_pro_content{ width: 100%; height: auto; margin: 0px auto; overflow: hidden;}
	.da-thumbs2{
		height:auto;
		position:relative;
		margin:0px;
		padding:0;
	}
	.da-thumbs2 li{
		width:48%;
		float:left;
		position:relative;
		margin: 1.5% 1% 0 1%;
	}
	.da-thumbs2 li a img{

	}


	/* 产品详细页 */
	.ny_prodetail_txt{ }
	.ny_prodetail_txt img{ width:96%; height: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:100%; height:auto; margin:35px auto 0px; background:#fff; overflow:hidden;}
	.ny_detailtxt_content{ width:95%; margin:0px auto; float:none;}
.ny_detailtxt_content img{ width:100%; height:auto; display:block;}
	/*新闻列表页*/
	.ny_news_r{ width:100%;}
	.ny_news_r ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
	.ny_news_r ul li{ width:98%; height:auto; overflow:hidden; margin: 3% auto 0; float: none;}

	.news_txt2 a{ margin-bottom: 0;}
	.ny_newsdetial{ width:94%; height:auto; overflow:hidden; padding: 2% 2% 8% 2%; margin: 20px auto;}
.ny_newsdetial img{ width:100%; display:block;}

	.ny_newsdetial .news_name{ width:95%; margin:0px auto; text-align:center; padding-bottom:30px;}

    .pro_tj_content{ width:100%; margin:10px auto 10px;}
	
}



/*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{ width:10%; float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}

	.logo{ width:auto; margin:2%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:4% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto; display:none;}
	.nav li{ width:100%; background-image: none;}

	.news_content ul li{ float: none; margin: 20px auto;}
	.news_content ul li:nth-child(odd){ float: none;}

	.footers ul li p img{ width:15%; margin:1% auto; display:block;}

	.ny_prodetail_txt img{ width: auto; height: 100%;}
	
	/*新闻列表页*/
	.ny_news_r ul li span {
		width: 15%;
		margin: 3% 3% 3% 3%;
		padding: 2% 0;
		color: #fff;
		position: relative;
	}
	.news_txt2{ width: 75%; margin: 3% 2% 3% 0;}
}

/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.mune{ width:10%; float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}

	.logo{ margin: 2%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:7% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto; display:none;}
	.nav li{ width:100%; background-image: none;}

	.picMarquee-left .bd ul li{ width: 50%;}

	.news_content ul li{ width: 99%; height: auto; float: none; margin: 10px auto; border: 1px solid #0276cb; background: none; padding: 10px 0;}
	.news_content ul li:nth-child(odd) { float: none; }
	.news_content ul li span{ display: none;}
	.news_content ul li div{ width: 95%; margin: 0px auto;  float: none;}
	.ny_news_fl a{ width:31%; margin: 1%;}
	.ny_news_fl a:hover{ background-size: cover;}
	.ny_news_fl .newsfl_active{ background-size: cover;}
    .ny_news_r ul li img{ display:none;}

	.ny_news_r ul li span {
		width: 15%;
		margin: 3% 3% 3% 3%;
		padding: 2% 0;
		color: #fff;
		position: relative;
	}
	.news_txt2{ width: 75%; margin: 3% 2% 3% 0;}

	.ny_pro_content ul li{ width:48%; height:auto; float:left; margin:1%;}
	.footers ul li p img{ width:18%; margin:1% auto; display:block;}
}



/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ width:80%; margin: 1% 0 1% 1%;}
	.header_tel{ display:none;}
	.mune{ width:10%; float:right; margin:4% 1% 0 0; display:block; cursor: pointer;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%; background:none;}

	.slideTxtBox .hd ul{width: 100%;}
	.slideTxtBox .hd ul li{ width: 30%;}

	.picMarquee-left .bd ul li{ width: 50%;}

	.news_content ul li{ width: 99%; height: auto; float: none; margin: 10px auto; border: 1px solid #0276cb; background: none; padding: 10px 0;}
	.news_content ul li:nth-child(odd) { float: none; }
	.news_content ul li span{ display: none;}
	.news_content ul li div{ width: 95%; margin: 0px auto;  float: none;}

	.ny_news_r ul li span{ display: none;}
	.news_txt2 { width: 96%; margin: 5% 2% 5% 0; }

	.footers{ display:block;}

	
}
