@media only screen and (max-width : 959px) {
	.header_txt1{ width:100%;}
	.header_content,.header_content1{ width:100%; height:auto;}
	.logo{ max-width: 80%; height: auto; margin:1%;}
	.logo img{ width: 100%;}
	.tel{ display:none;}

	.sy_title{ font-size: 30px;}

	.product{ margin: 3% auto;}
	.product_content{ width: 100%;}
	.product_l{ display: none;}
	.product_r{ width: 100%;}
	.product_r dl dt{ margin: 0 1%;}
	.product_r dl dd{ width: 48%; margin: 0 1%;}
	.product_r dl dd:last-child{ width: 98%; margin: 0 1%;}
	.product_r dl dt p, .product_r dl dd p{ line-height: 45px;}

	.aboutus{ margin: 5% 0;}
	.aboutus1{ width:100%; min-height: auto; height:auto;}
	.aboutus_l{ width:100%; }
	.aboutus_l img{ width: 100%;}
	.aboutus_r{ width: 92%; padding: 4%; min-height: auto;}
	.aboutus_r h2{ margin: 20px 0;}

	.anli1{ width:100%; height:auto; margin:30px auto 0px;}
	/*tab切换下面遮罩层样式*/
	.da-thumbs{ width:100%; margin:0 0 25px 0;}
	.da-thumbs li{ width:48%; height:auto;  float:left; position:relative; margin:1%;}
	.da-thumbs li a,.da-thumbs li a img{ width:100%; height:auto; display:block;position:relative;}

	.news1{ width: 100%; margin: 50px auto 75px}
	.news_img{ width: 96%; padding: 0 2%;}
	.news_content{ width:98%; margin: 0 1%; }
	.news_content ul{ background: url(../images/news_line.jpg) no-repeat 15px 0;}
	.news_content ul li{ width:100%;}
	.news_content ul li span{ display: none;}
	.news_content ul li a{margin: 20px 0 0 15px;}
	.news_content ul li p{ margin-left: 53px; width: auto;}


	.footer1,.footer_nav{ display: none;}
	.footer{ width:100%; height:auto; overflow:hidden; margin:0px auto; background:#f2f2f2;}
	.ny_banner{ width:100%; height:auto; overflow:hidden; margin:0px auto;}

	.ny_main{ width:100%; height:auto; margin:3% auto 30px; overflow: hidden;}
	.ny_main_l{ width:96%; margin-left: 2%; float: left; margin-top: 5%;}

	.ny_main_r{ width:96%; height: auto; overflow:hidden; float:right; margin-right: 2%;}
	.anli_content2 ul li:last-child{ display: none;}

	.imgnews img{ display: none;}
	.imgnews_txt{ width:98%; height:auto; float:left; margin-left:2%;}
	.imgnews_txt a{ font-size:16px; margin:5px 0 10px; float:left;}
	.imgnews_txt span{ color: #999999;}
	.imgnews_txt p{ margin:10px 0px 0px; float:left; line-height:27px;}
	
	.footer{ display: none; }
    .footers{
	    width: 100%;
        height: 56px;
        border: 8px solid #f3f3f3;
        border-left: none;
        border-right: none;
        position: fixed;
        z-index: 99999;
        bottom: 0;
        background-color: #154db3;
        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;
    }

    .nav .peiseka{ display:block;}
    .izl-rmenu{ display:none;}
}

/*Styles for screen 960px-1200px,主要为了小屏浏览器 */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	.nav nav{ width:100%; height:auto; float:right;}
	.nav nav ul { width: 100%; height:auto; float:right; margin:0px 0px;}
}
/*Styles for screen 768px-959px 主要是平板横屏显示*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.nav nav{ width:100%; height:auto; float:right;}
	.nav nav ul { width: 100%; height:auto; float:right; margin:0px 0px;}
	.tel{ display:block;}

	.ny_pro_list ul li{ width:48%; height:auto; float:left; margin:20px 0px 0px 1%; background-size: 100% 100%;}
	.ny_pro_list ul li img{ width:80%; height:auto; padding:5px; border:1px solid #333333; display: block; margin: 40px auto 10px;}
	.ny_pro_list ul li .pro_txt p{ margin: 20px auto;}
	
	.footers ul li p img {  width: 15%; margin: 1% auto; display: block;}
}




/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nav{ height:auto;}
	.nav nav{ width:100%; height:auto;}
	.nav nav ul{ width:100%; display:none; height:auto; float:left; margin:0px; position:relative; top:1%; z-index:99; background-color:#F79101;}
	.nav nav a#pull { width:30px; display: block; position:absolute; margin:-56px 7% 0 0; right:0; z-index:9;}
	.nav nav a#pull:after { content:""; width: 39px; height: 32px; display: inline-block; position: absolute; right: 15px; top: 10px;}
	.nav nav li { width:100%; height:45px; display:inline; float:left; background:none;}
	.nav nav li:hover{ background:#ffffff;}
	.nav nav .nav_active a{color:#F79101;  background:#ffffff;}
	.nav nav li a{ width:auto; display:block; border:none; color: #ffffff; text-align: center; text-decoration: none; line-height:45px; font-size:0.9em;}
	.nav nav a:hover, nav a:active { color:#F79101;}

	.ny_pro_list ul li{ width:48%; height:auto; float:left; margin:20px 0px 0px 1%; background-size: 100% 100%;}
	.ny_pro_list ul li img{ width:80%; height:auto; padding:5px; border:1px solid #333333; display: block; margin: 40px auto 10px;}
	.ny_pro_list ul li .pro_txt p{ margin: 20px auto;}
	
	.footers ul li p img {  width: 20%; margin: 1% auto; display: block;}
}

@media only screen and (min-width: 680px) and (max-width: 767px)
{
    .footers ul li p img {  width: 15%; margin: 1% auto; display: block;}
}

/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.nav{ height:auto;}
	.nav nav{ width:100%; height:auto;}
	.nav nav ul{ width:100%; display:none; height:auto; float:left; margin:0px; position:relative; top:1%; z-index:99; background-color:#F79101;}
	.nav nav a#pull { display: block; position:absolute; margin:-50px 5% 0 0; right:0; z-index:9;}
	/*.nav nav a#pull:after { content:""; width: 39px; height: 32px; display: inline-block; position: absolute; right: 15px; top: 10px;}*/
	.nav nav li { width:100%; background:none;}
	.nav nav .nav_active a{color:#F79101;  background:#ffffff;}
	.nav nav li a{ text-align: center; }
	.nav nav a:hover, nav a:active { color:#F79101;}


	.ny_pro_list ul li{ float: none; margin: 20px auto 0;}
}