﻿/*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: 2%; height:auto; }
	.nav_bg{width: 100%;display: none;height: auto;}
	.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;}

	.sy_title{ width: 100%;}
	.sy_title i{ position: relative; margin-left: 0;}
	.youshi_title{width: 96%; margin: 0px 2%;}
	.m_youshi_title{ display: block;}
	.m_youshi_title img{ margin: 0 auto; display: block;}

	.aboutus{margin: 5% 0;}
	.aboutus1{ width: 92%; margin: 0px auto; padding: 0;}
	.abouts_span{ }
	.about_txt{margin-top: 5%;}
	.about_txt span{font-size: 17px;line-height: 38px; display:contents;}
	.about_txt > p{ margin: 0; padding: 3%;}
	.about_txt ul{width: 100%;padding-top: 30px;}
	.about_txt ul li{
		width: 30%;
		height: auto;
		float: left;
		margin: 0px 10% 5%;
		text-align: center;
	}


	.product1{ width: 100%; }
	.slideTxtBox .hd{ width:96%; margin-left:2%;}
	.slideTxtBox .hd ul{ width: 100%;  margin-left: 0; float: left; padding: 10px 0;}
	.slideTxtBox .hd ul li{width: 48%;height: auto;float: left;margin: 0.5% 1%;text-align: center;padding: 10px 0;}
	.slideTxtBox .hd ul li p,.slideTxtBox .hd ul li i{margin: 0 5%;
    font-size: 1.125em;
    /* display: block; */
    width: 80%;
    /* line-height: 60px; */
    padding: 0 5%;}
	.slideTxtBox .hd ul li.on{ }
	.slideTxtBox .bd ul{ width: 100%;}
	.slideTxtBox .bd li { }
	.slideTxtBox .bd li div{width: 93%;padding: 2% 3.5%;}
	.slideTxtBox .bd li img{ width: 93%; padding: 2% 3.5%;}
	.slideTxtBox .bd li div span{ font-size: 1.8em;}
	.slideTxtBox .bd li div i {  margin: 15px 0;}
	.slideTxtBox .bd li div p{font-size: 1em;line-height: 32px;}
	.slideTxtBox .bd li p i{ margin: 0; display: block; width: 100%; text-align: center; line-height: 35px;}


	.anli_bg{ margin: 10% 0;}
	.anli{ width: 100%; height: auto; margin: 20px 0 0; background: none;}
	.picFocus .bd{ width: 100%; margin-top: 0;}
	.picFocus .bd p{ display: none;}
	.picFocus .hd{ display: none; width: 100%;}

	.duibi{ width: 100%; height: auto; margin: 0; background: none;}
	.duibi_title{ width: 100%; height: auto; left: 0; margin-left: 0;}
	.duibi1{ width: 100%; margin-top: 30px; }
	.duibi_l,.duibi_r{ width: 90%; margin: 0; padding: 5%; background: #0967D9; }
	.duibi_r{ background: #EB9003;}

	.youshi{width: 100%;margin: 5% 0;float: left;background: none;}
	.youshi_title{width: 95%;}
	.youshi_title img{ width: 100%; display: block;}
	.youshi1{ width: 100%; height: auto; margin: 0; background: none;}
	.youshi_1{width: 93%;margin: 4% 3.5%;min-height: 50px;}

	.zizhi{ height: auto;}
	.zizhi_content{ width: 96%; margin: 2%;}


	.anli_content{ width: 100%;}
	.picMarquee-left{ margin: 30px auto 50px;}

	.huoban{ background-size: cover;}
	.huoban_content{width: 98%;margin-bottom: 50px;}
	.huoban_content img{ width: 46%; margin: 2%;}

	.news{ width: 100%; float: left; margin-top: 0; margin-bottom: 75px;}
	.news > img{ display: none;}
	.news_l{ width: 90%; padding: 3% 5%; background-size: contain;}
	.news_r{ width: 99%; float: none; margin: 0px auto;}
	.news_r > img{ margin: 12px auto; display: block; float: none;}

	.footers{width:100%;height:56px;border: 8px solid #ca670d;border-left:none;border-right:none;position: fixed;z-index: 99999;bottom:0;background-color: #428abc;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:95%; background-image: none}
	.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:1px solid #D6D6D6;}
	.ny_news_fl ul li a{ padding: 0; }

	.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; }
	.ny_prodetail_txt h2{ font-size:30px;}
	.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;  background:#fff; overflow:hidden;}
	.ny_detailtxt_content{ width:95%; margin:0px auto; float:none;}

	/*新闻列表页*/
	.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;}

	.ny_newsdetial{ width:94%; height:auto; overflow:hidden; margin: 30px auto; color: #333333;}
	.ny_newsdetial .news_name{ width:95%; margin:0px auto; text-align:center; padding-bottom:30px;}

    .pro_tj_content{ width:100%; margin:10px auto 10px;}

.demo-gallery a figure{ margin:0; font-size:0.875em;overflow: hidden;
    height: 20px;}
	
}



/*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:4% 0 5% 1%;}
	.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; }
	.nav li{ width:100%; background-image: none;}

	.news_l_txt span { width: 11%;}
	.news_list{ width: 31%; height: auto; margin: 1% 0 0 1%;}

	.youshi1 ul li { width: 31.33%; padding: 0%; margin: 0 1%; }
	.youshi1 ul li:nth-child(2){ margin: 0;}

	.footers ul li p img{ width:15%; margin:1% auto; display:block;}

	.ny_prodetail_txt img{ width: auto; height: 100%;}
	
	/*新闻列表页*/
	.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;}
    .ny_news_r ul li img{ margin: 0;}
	.ny_prodetail_xq img{ width:auto; height:100%; float:none; display:block;}
}

/*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:4% 1% 0 0; display:block; cursor: pointer;}
	.nav_bg{ width:100%; height:auto;  position:relative;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%; background-image: none;}

	.picMarquee-left .bd ul li{ width: 50%;}


	.news_list:last-child{
		display: none;
	}
	.ny_news_r ul li .newsmore{
		display: 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_pro_content ul li{ width:48%; height:auto; float:left; margin:1%;}
	.footers ul li p img{ width:18%; margin:1% auto; display:block;}
}
@media screen and (min-width: 480px) and (max-width: 590px) {
	.mune{ width:10%; float:right; margin:5% 1% 0 0; display:block; cursor: pointer;}
	.logo{ width: 83%;  margin: 4% 3%;}
	.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;}
	.nav li{ width:100%; background-image: none;}

	.m_youshi_title{ display: block;}
	.m_youshi_title img{ width: 100%; display: block; margin: 0px auto;}
	.youshi_title{ display: none;}

	.news_l li{ width: 100%;}

	.footers ul li p img{ width:18%; margin:1% auto; display:block;}
}


/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.logo{ width:85%; margin: 4% 0 4% 0%;}
	.header_tel{ display:none;}
	.mune{width:10%;float:right;margin: 5% 1% 0 0;display:block;cursor: pointer;}
	.nav{ width:100%; height:auto;}
	.nav li{ width:100%; background:none;}

	.sy_title{margin: 6% auto 3%;/* float: left; */}
	.sy_title p{ font-size: 2.3em;}
	.sy_title span{/* margin-top: -49px; */font-size: 28px;margin: 20px auto;}

	.slideTxtBox .bd li img{ width: 93%; padding: 2% 3.5%;}

	.about_txt img{ width: 100%;}

	.youshi_1 h2{ font-size: 1.25em;}
	.youshi_1 p{/* font-size: 0.875em; */line-height: 24px;}


	.shili ul li{ width: 100%; margin: 0.5% 0;}
	.shili ul li img{ width: 100%;}

	.news_l li{ width: 100%;}
	.txtScroll-left .bd ul li{ width: 100%;}
	.txtScroll-top .hd{ width: 88%; margin: 0 6%;}
	.txtScroll-top .hd ul{ margin-top: 40px;}
	.txtScroll-top .bd{ width: 100%;}



	.m_youshi_title img{ width: 100%; display: block; margin: 0px auto;}


	.picMarquee-left .bd ul li{ width: 50%;}

    .ny_news_r ul li img{ display:none;}

	.footers{ display:block;}

	
}
