@media only screen and (max-width: 1220px){
	div.wp{
		width: 97%;
	}

	#header div.wp{
		width: 100%;
	}

	.jishu-pic img{
		height: auto!important;
	}
	.jishu-a img{
		height: auto!important;

	}
	
	.logo
	{margin-left: 10px;width: 350px;margin-top: 33px;}
	.header-right{
		margin-right: 10px;
	}

	.xinwen-left{
		float: none;
		width: 100%;
	}

	.xinwen-right{
		width: 100%;
		margin-top: 20px;
	}

	.gonggao-list .item{
		padding: 0	20px;
	}

	.jishu-left{
		float: none;
		width: 100%;
	}

	.jishu-right{
		float: none;
		margin-top: 20px;
		width: 100%;
	}

	.jishu-a{
		float: left;
		width:48%;
		margin:1%;
	}
	.jishu-a:first-child{
		margin:1%;

	}
	.product-wp{
		padding: 30px 0;
	}
	.product-list .owl-prev{
		left: 0;
	}
	.product-list .owl-next{
		right: 0;
	}
	.foo-ul li{
		margin-left: 45px;
	}
	.foo-ul li.lastli{
		/*float: left;*/
	}

	.map{
		float: none;
		width: 100%;
	}
	.map-con{
		padding: 25px;
		padding-bottom: 50px;
	}



	.shang-list1 li{
		width: 30%;
		margin-left: 2.5%;
	}
	.shang-ju{
		padding-top: 40px;
	}
	.shang-ju h1{
		margin-top: 20px;
	}

	.shang-more{
		margin-top: 15px;
	}

	.nav li{
		margin-left: 0;
	}
	.nav li>a{
		padding: 5px	10px;
	}

	.logo{
		width: 270px;
		margin-top: 15px;
	}
	
}

@media only screen and (max-width: 1100px){
	.foo-ul li{
		margin-left:30px;
	}
	
	
}

@media only screen and (max-width: 1000px){
	#header{
		display: none;
	}

	#header-2{
		display: block;
	}

	.banner{
		display: none;
	}

	.banner-x{
		display: block;
	}

	.chenggao{
		display: block;
	}

	.footer-1{
		display: none;
	}

	.logo_22 img{
		display: none;
	}
	.logo_22{
		line-height: 1.8;
	}
	.logo_22 ,.foo2-fr
	{float: none;text-align: center;}

	.foo2-fr{
		margin-top: 5px;
	}
	.footer-2{
		padding: 20px 0;
	}

	.banner-2{
		display: none;
	}

	.banner-2-2{
		display: block;
	}

	.img-list li{
		width: 48%;
	}
	

	.mianbaoxie{
		display: none;
	}

	.dang-baibai{
		padding: 50px 10px 0;
	}
	.dang-date{
		margin-right: 20px;
	}
	.shang-ju{
		position: static;
		width: 100%;
		height: auto;
		padding: 35px 0;
	}
	.shang-li{
		padding-left: 0;
	}
	.shang-list2 li{
		width: 	48%;
	}
}

@media only screen and (max-width: 750px){
	.pro-pic1{background-image: url(../images/pro1h.png);}
	.pro-pic2{background-image: url(../images/pro2h.png);}
	.pro-pic3{background-image: url(../images/pro3h.png);}
	.pro-pic4{background-image: url(../images/pro4h.png);}
	.pro-pic5{background-image: url(../images/pro5h.png);}
	.pro-pic6{background-image: url(../images/pro6h.png);}
	.pro-pic7{background-image: url(../images/pro7h.png);}
	.gonggao-list .item p{
		height: auto;
	}
	.contact{
		padding: 40px 0;
	}
	.shang-list2 li{
		width: 	100%;
		margin-left: 	0;
	}
	.shang-list2  ul{
		margin-left: 	0;
	}
	.map-con h1 {
    padding-top: 50px;
    font-size: 26px;
}
	.gonggao-list .item
	{padding: 0;}
	.xinwen-list li{
		float: none;
		width: 100%;
	}
	.jishu-a{
		float: none;
		width: 100%;
		margin:0;
		margin-top: 15px;
	}
	.jishu-a:first-child{
		margin:0;
		margin-top: 15px;

	}

	.title-11 h1{
		font-size: 18px;
	}
	.title-11 h1 span{
		font-size: 12px;
	}
	.title-11 .fr{
		margin-top: 5px;
		margin-right: 10px;
	}

	.menu{
		position: static;
		width: 100%;
	}
	.menu-pic{
		display: none;
	}
	.erji-div{
		padding-left: 0;
	}
	.menu-title{
		height: 80px;
		line-height: 80px;
	}
	.menu-ul li>a{
		background-position: 95% center;
	}
	.erji-title h1{
		font-size: 22px;
	}
	.bt-page{
		padding: 30px 0;
	}
	.bt-page div{
		width: 28px;
		height: 28px;
		line-height: 28px;
	}

	.ccc {
    width: 28px;
		height: 28px;
		line-height: 28px;
	}
	.dang-pic{
		position: static;
		width: 100%;
	}

	.dang-pic img{
		height: auto!important;
	}
	.dangjian-list li{
		padding-right: 0;
	}
	.dang-baibai{
		margin-top: 22px;
		height: auto;
		padding:50px 20px;
	}
	.dang-date{
		margin-right: 20px;
	}
	.dangjian-div div.wp{
		padding: 	0		10px;
	}
	.dangjian-menu a{
		margin-left: 30px;
	}


	.shang-list1 li{
		float: none;
		width: 95%;
		
		margin-left: 2.5%;
		margin-top: 30px;
	}
	.shang-list1 li:first-child{
		margin-top: 0;
	}
}

@media only screen and (max-width: 600px){
	.img-list li{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 35px;
	}
	.img-list ul{
		margin-left: 0;
	}
}
@media only screen and (max-width: 500px){
	.xinwen-pic{
		width: 100%;
		float: none;
	}
	.xinwen-con{
		padding: 20px;
	}
	.xinwen-con p{
		height: auto;
	}

	.xinwen-pic img{
		height: auto!important;
	}

}

@media only screen and (max-width:350px){

}