@media only screen and (max-width : 959px) {
    .header{
        height: auto;
        position: relative;
    }
	.header_content{
        width: 100%;
        height: auto;
    }
    .logo{
        width:200px;
        height:auto;
        margin:10px 0 10px 10px;
    }
    .tel{
        display: none;
    }
    .abouts1{
        width: 100%;
    }
    .abouts_content{
        width: 95%;
        float: none;
    }
	.products{
		width:100%;
		height:auto;
	}
    .products1{
        width: 100%;
    }
    .products_title{
        width: 90%;
        height: auto;
        background-size: 100% 100%;
    }
    .products_content{
        width: 100%;
        height: auto;
        margin: 45px auto 0px;
    }
    .products_content ul{
        width: 100%;
    }
    .products_content ul li{
        width: 48%;
        margin:1% 1% 0px 1%;
    }
    .products_content ul li img{
        width: 100%;
        height: auto;
    }
    .products_content ul li p{
        line-height: 40px;
        height:40px;
        overflow:hidden;
    }
	.anli1{
		width:100%;
	}
    .da-thumbs li{
        width: 46%;
        height: auto;
        margin: 2.5% 0px 0px 2.6%;
    }
    .news1{
        width: 100%;
    }
    .news_content ul li{
        margin: 0 1% 0 1%;
    }
    .news_content ul li a{
        font-size: 14px;
    }
    .footer1{
        width: 100%;
    }
    .link,.footer_txt{
        display: none;
    }

    .ny_header1{
        width: 100%;
    }
	.ny_banner{
        width:100%;
        height:auto;
        overflow:hidden;
        margin:0px auto;
    }
    .daohang{
        width: 100%;
    }
    .daohang p{
        display: none;
    }
	.ny_main{
        width:100%;
        height:auto;
        margin:3% auto 30px;
        overflow: hidden;
    }
    .ny_fl ul{ width: 100%;}
    .ny_fl ul li{
        width: 45%;
        height: 25px;
        float: left;
        display: inline;
        padding: 0px 0px;
        margin:1% 2%;
        line-height: 25px;
        overflow: hidden;
    }

	.ny_news_list,.ny_pro_list{
        width:96%;
    }
.newsdetail_txt p img{ width:100%;}
    .prodetail_1 img{
        width:auto;
        height:100%;
        float: none;
        margin: 0px auto;
        display: block;
    }
    .prodetail_1 span{
        width:100%;
    }
    .prodetail_1 p{
        width:100%;
    }
    .ny_news_list ul{
        width: 102%;
    }
    .ny_news_list ul li{
        width: 46%;
        margin: 0% 1.15% 1.5% 0;
    }
    .ny_news_list ul li p{
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .nav nav .peiseka{ display:block;}
    .izl-rmenu{ display:none;}
    
    .footer{ margin-bottom:53px;}
    .footers { width: 100%; height: 56px; border: 8px solid #faf7f2; border-left: none; border-right: none; position: fixed; z-index: 99999; bottom: 0; background-color:#4b4a47; 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: 26px; height:auto; margin: 1% auto; display: block; }
    .footers ul li p a { color: #ffffff; font-size: 0.8rem;}
}

/*Styles for screen 960px-1200px,主要为了小屏浏览器 */
@media screen and (min-width: 960px) and (max-width: 1200px) {
    .nav{ width: 73%; margin: 2% 1%;}
	.nav nav{ width:100%; height:auto; float:right;}
	.nav nav ul { width: 100%; height:auto; float:right; margin:0px 0px;}
    .banner{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}
}
/*Styles for screen 768px-959px 主要是平板横屏显示*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    .nav{ width: 72%; margin: 28px 0px 0 0px;}
	.nav nav{ width:100%; height:auto; float:right;}
	.nav nav ul { width: 100%; height:auto; float:right; margin:0px 0px;}
    .nav nav ul li{ width: 12.5%;}
	.ny_pro_list ul li{ width:46%; height:auto; float:left; margin:20px 0px 0px 2%;}
    .ny_pro_list ul li img{ width:99%; height:auto; border:1px solid #ffffff; display: block;}
	.ny_pro_list ul li .pro_txt p{ margin: 20px auto;}
    .ny_pro_list ul li:last-child{ display: none}
}

/*Styles for screen 480px-767px,主要是手机横屏和平板竖屏显示*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nav{ width: 100%; height:auto; margin: 0px;}
	.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:#1D2027;}
	.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:#1D2027;}
	.nav nav .nav_active a{  background:#1D2027;}
	.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;}

    .ny_pro_list ul li{ width:48%; height:auto; float:left; margin:20px 0px 0px 1%;}
    .ny_pro_list ul li img{ width:99%; height:auto; border:1px solid #ffffff; display: block;}
    .ny_pro_list ul li .pro_txt p{ margin: 20px auto;}
    .ny_pro_list ul li:last-child{ display: none}
}

/*479px,主要是手机竖屏显示*/
@media only screen and (max-width : 479px) {
	.nav{ width: 100%; height:auto; margin: 0;}
	.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;}
	.nav nav a#pull { width:30px; display: block; position:absolute; margin:-57px 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;}
	.nav nav li a{ width:auto; display:block; color: #ffffff; text-align: left; margin-left: 41%; text-decoration: none; line-height: 45px; font-size:0.9em;}
    .nav nav li a i{ display: inline-block; margin-left: 10px;}
	.aboutus_l{ background-size: 100%;}

    .ny_pro_list ul li{ width:48%; height:auto; float:left; margin:20px 0px 0px 1%;}
    .ny_pro_list ul li img{ width:99%; height:auto; border:1px solid #ffffff; display: block;}
    .ny_pro_list ul li .pro_txt p{ margin: 20px auto;}
    

    .prodetail_1 i {
        width: 99%;
        height: 100px;
        line-height: 100px;
    }
    .prodetail_1 img{
        width:90%;
        height:auto;
        margin-left: 4%;
    }
    .prodetail_2_content img{ width:100%;}
}