@media only screen and (max-width: 1220px){
	div.wp{
		width: 98%;
	}
	.nav{
		margin-left: 0px;
		float: right;
	}
	.nav li{
		margin-left:5px;
	}
	.index-1-left{
		width: 35%;
		padding-bottom: 3%;
	}

	.index-1-right{
		width: 63%;
	}
	.index-2{
		padding: 35px 0;
	}
	.index-2-left{
		float: none;
		text-align: left;
		margin:0 auto 20px;
	}
	.index-2 .m72{
		text-align: center;
		font-size: 0;
		line-height: normal;
	}
	.index-2-pro{
		float: none;
		text-align: left;
		display: inline-block;
		margin-left: 0;
	}
	.index-2-right{
		text-align: left;
		float: none;
		display: inline-block;
		margin-left: 50px;vertical-align: top;
	}

	.chanpin-11{
		display: none;
	}

	.chanpin-22{
		float: none;
		margin-left: 0;
		display: inline-block;
	}

	

	.banner-2 div.wp{
		margin-left: 0;
		left: 1%;
		top: 0;
	}
	.banner-2 div.wp h1{
		-webkit-background-size: cover;
		background-size: cover;
	}
	.contact-left{
		margin-left: 0;
	}

	.contact-right{
		margin-left: 0;
		float: right;
	}

		
}

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

	#header-2{
		display: block;
	}
	.chenggao{
		display: block;
	}
	.banner{
		display: none;
	}

	.banner-x{
		display: block;
	}
	.contact-right{
		width: 49%;
	}

	.contact-left{
		width: 49%;
	}
}

@media only screen and (max-width: 1000px){
	.index-1-left{
		float: none;
		width: 100%;
		padding-right: 0;
		border-right: 0;
		padding-bottom: 0;
	}
	.more{
		text-align: 	left;	
	}
	.index-1-right{
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	.news-con li:hover{
		border-color: #fff;
	}
	.m72{
		margin-top: 50px;
	}
	.news-span{
		padding: 	0		12px;
	}
	.news-span span:first-child{
		margin-left: 0;
	}
	.news-span .fr{
		margin-right: 0;
	}

	.foo2{
		margin-left: 40px;
	}
	.erji-div{
		padding: 20px 10px;
	}
	.erji-menu{
		position: static;
		width: 100%;
	}
	.erji-content{
		margin-left: 0;
		margin-top: 20px;
	}
	.banner-2{
		height: auto;
		padding: 120px 0;
	}
	.banner-2 div.wp h1{
		font-size: 28px;
	}
	.yuangong{
		margin-left: 0;
	}
}
@media only screen and (max-width: 900px){
	.foo1{
		float: none;
		width: 100%;
		margin-left: 	0;
	}
	.foo2{
		float: none;
		margin-left: 	0;
		width: 100%;
		margin-top: 20px;
	}
	.foo3{
		float: none;
		width: 282px;
		margin:20px auto 0;
	}
	#footer{
		background-image: none;
		background-color: #86c152;
	}
}

@media only screen and (max-width: 750px){
	.chanpin-22-hei{
		visibility: visible;opacity: 1;
	}
	.sanji-con{
		padding: 15px;
	}
	.sanji-a{
		padding:0 15px;

	}
	.yuangong li{
		width: 46%;
	}
	.contact-left{
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.contact-right{
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.map-box{
		padding: 0;
		margin-top: 20px;
	}
	.title-11 h2:before,.title-11 h2:after{
		display: none;
	}
}





@media only screen and (max-width: 600px){
	
.index-2-pro,.index-2-right{
	display: none;
}
	
	

	.product-pic{
		position: static;
		width: 100%;
	}
	.product-con{
		margin-left: 0;
		margin-top: 20px;
	}

	.news-list li{
		margin-left: 0;
		padding-left: 30px;
	}
	.i1{
		left: 5px;
	}

	.i2{
		left: 9px;
	}
	.yuangong ul{
		margin-left: 0;
	}
	.yuangong li{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.yuangong+.page-m{
		padding-top: 20px;
	}
}
@media only screen and (max-width: 500px){
	.news-pic{
		margin-top: ;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.news-con li h1{
		padding-top: 15px;
	}
	.news-con li p{
		height: auto;
	}
	.more2{
		text-align: left;
		margin-top: 10px;
	}
	.news-span span{
		margin-left: 15px;
	}
	.index-2-left{
		background-image: none;
		background-color: #f9f9f9;
		box-shadow: 0 0 5px #aeaeae;
		width: 	95%;
		margin:0 auto;
		padding:15px ;
		padding-bottom: 25px;
		height: auto;
		border-radius: 8px;
	}
	.pro-pic{
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.index-2-left h1{
		margin-top: 15px;
	}
	.contact2 .fr{
		margin-right: 0;
		float: none;

	}
	.contact2 .fr img{
		display: block;
		margin:0 auto;
	}
	.contact2 h1,.contact2 h2,.contact2 h3{
		padding-left: 0;
		text-align: center;
	}
	.contact1-pic{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.contact1 p{
		margin-top: 15px;
	}
	.contact-a a{
		position: static;
		display: 	inline-block;
	}
	.contact-a{
		margin-top: 	15px;
		text-align: left;
	}


	.chanpin-22{
		width: 100%;
	}
	.chanpin-22-hei p{
		height: 75px;
		overflow: hidden;
		font-size: 14px;
		padding-right: 0;
		line-height: 1.8;
	}
	.chanpin-22-hei{
		padding: 15px;
	}
	.chanpin-22-more{
		margin-top: 10px;
	}
	.chanpin-22  img{
		height: 280px!important;
	}

}