@media only screen and (max-width: 1600px) {
	.wp {
		max-width: 96%;
	}

	#web_head .nav {
		margin-left: 0;
		float: right;
		margin-right: 130px;
	}

	#web_head .nav .item {
		margin: 0 15px;
	}

	#web_head .nav .item>a {
		font-size: 14px;
	}

	#web_head .cn_en span {
		font-size: 14px;
	}

	.index_banner .swiper-slide .text {
		width: 96%;
	}

	#web_food .left {
		width: 400px;
	}

}

@media only screen and (max-width: 1300px) {
	#web_head .nav {
		margin-right: 100px;
	}

	#web_head .nav .item {
		margin: 0 10px;
	}

	.web_about_us .about_one .pic {
		display: block;
		text-align: center;
	}
}

@media only screen and (max-width: 1199px) {
	#web_head {
		display: none;
	}

	#web_head_mm {
		display: block;
	}

	.index_banner ,.nei_banner{
		margin-top: 56px;
	}

	.index_banner .swiper-slide .text .con {
		width: 100%;
	}

	.index_banner .swiper-slide .text h1 {
		font-size: 18px;
	}

	.index_banner .swiper-slide .text p {
		font-size: 14px;
		margin-top: 20px;
	}

	.index_banner .swiper-slide .text a {
		display: none;
	}

	.index_news_con .news_btn {
		display: none;
	}

	.index_about .txt h2 {
		font-size: 22px;
	}

	.index_about .txt span {
		font-size: 14px;
		display: none;
	}

	.index_about .txt p {
		font-size: 12px;
	}

	.index_about .txt a {
		margin-top: 20px;
	}

	.index_about .txt {
		padding-left: 40px;
	}

	.index_idea .service .right .news_btn {
		display: none;
	}

	#web_food .right {
		width: 100%;
		float: none;
	}

	#web_food .left {
		float: none;
		text-align: center;
		width: 100%;
	}

	#web_food .right .nav {
		display: none;
	}

	#web_food .right .copy {
		margin-top: 20px;
		text-align: center;
	}
	.web_about_us .about_one .pic img{max-width: 100%;}
	.web_about_us .about_two .pic .item{width: 50%;}
	.web_about_us .about_two .pic .item img{max-width: 100%;}
	.nei_wp{max-width: 96%;}
	
	.web_news .list .item{width: 33.333%;}
	.web_two_cur{margin-top: 56px;}
	.web_product .list .item{width: 100%;}
	.product_info .product_pic{width: 100%;float: none;text-align: center;}
	.product_info .product_txt{width: 100%;margin-top: 25px;float: none;
		padding-left: 0;
	}
	
	.contact_us{display: block;}
	.contact_us .left{width: 100%;}
	.contact_us .pic{width: 100%;margin-top: 30px;}
	
	.idea_dong .list .item{width: 100%;}
	.idea_dong .list .item.on{width: 100%;}
	.idea_dong .list .item.on .con .txt p{display: none;}
	
	.idea_dong .list .item .con .txt,.idea_dong .list .item.on .con .txt {
	    text-align: left;
	    padding: 0 35px;
	    padding-right: 100px;
	    background-image: url(../../images/more.png);
	    background-repeat: no-repeat;
	    background-position: right 40px center;
	}
	
	
	
	
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.index_idea .service {
		padding-left: 0;
	}

	.index_idea .service .left {
		position: static;
		transform: translateY(0);
	}

	.index_banner .swiper-slide img {
		height: 200px;
	}

	.index_banner .swiper-slide .text p {
		display: none;
	}

	.index_banner .swiper-slide .text {
		text-align: center;
	}

	.index_news_con {
		padding-top: 30px;
	}

	.index_about .wp {
		display: block;
	}

	.index_about .pic {
		width: 100%;
	}

	.index_about .txt {
		width: 100%;
		padding-left: 0;
	}

	.index_about {
		padding: 30px 0;
	}

	.index_idea .idea .item {
		width: 100%;
	}

	.index_idea .idea .item .mass {
		bottom: 20px;
	}

	.index_idea .service {
		margin-top: 30px;
	}

	.index_idea .service .left a {
		margin-top: 20px;
	}

	.index_idea .service .right {
		margin-top: 20px;
	}
	.web_about_us .about_two .pic .item{width: 100%;}
	.web_about_us .about_two .pic .item img{width: 100%;}
	.web_news .list .item{width: 50%;}
	.news_info .tit h3{font-size: 16px;}
	.contact_us{padding: 30px 0;}
	.contact_us .left h3{font-size: 20px;}
	
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.web_news .list .item{width: 100%;}
	.two_type a{padding: 0 20px;font-size: 14px;}
	.news_info .html p{font-size: 14px;}
	.web_product .list .con .pic{width: 80px;height: 80px;}
	.web_product .list .con{padding-left: 110px;}
	.web_product .list .con .txt{padding: 0;height: 80px;}
	.web_product .list .con .txt p{height: 45px;overflow: hidden;}
	.web_product .list .item{margin-bottom: 15px;}
	.hr_list .item .pic{width: 100px;height: 80px;margin-left: -115px;}
	.hr_list .item .con{padding-left: 115px;}
	.hr_list .item{padding: 10px;}
	.hr_list .item .txt h4{overflow: hidden;
		white-space: nowrap;font-size: 16px;
		text-overflow: ellipsis;
	}
	.hr_list .item .txt p{overflow: hidden;
    white-space: nowrap;font-size: 12px;
    text-overflow: ellipsis;}
	.hr_list .item .txt{height: 80px;padding: 0;}
}



/*Common For Max 320*/
@media only screen and (max-width: 479px) {}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {}



/*240*/
@media only screen and (max-width: 319px) {}