﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) { 
	.wp {width: 96%;}
	#index_food .nav .left dl{margin-right: 40px;}
	.about_us .left_nav{width: 100%;float: none;border-bottom: 1px solid #eee;}
	.about_us .left_nav .nav a{border-top: 1px solid #eee;}
	.about_us{margin-top: 40px;}
	.about_us .right_con{margin-top: 40px;width: 100%;border-left: none;padding-left: 0;}
	.about_us .right_con .now{display: none;}
	.about_us .right_con .description h5{text-align: center;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	#head_index{display: none;}
	#head_index_mm{display: block;}
	#head_index_mm .top{z-index: 99;border-bottom: 1px solid #f6f6f6;}
	#index_banner .swiper-button-next, #index_banner .swiper-button-prev{display: none;}
	#index_banner .swiper-container-horizontal>.swiper-pagination-bullets, #index_banner .swiper-pagination-custom, 
	#index_banner .swiper-pagination-fraction{bottom: 10px;}
	#index_banner .swiper-pagination-bullet{width: 9px;height: 9px;border-radius: 50%;}
	.index_about .pic{width: 100%;float: none;text-align: center;}
	.index_about .text{width: 100%;float: none;}
	#index_food .nav{display: none;}
	.index_about .pic img{max-width: 100%;}
	.products_list .con .item .text span{position: static;margin-top: 12px;}
	.products_list .con .item .text{padding:25px 20px;}
	.products_list .con .item .text h4{width: 100%;}
	.products_list .con .item .text p{width: 100%;}
	.products_data .shop_title .cp_bnaner{float: none;height: auto;margin: 0 auto;}
	.products_data .shop_title .text{width: 100%;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.wp {width: 94%;}
	.index_idea .con .item{width: 50%;margin-bottom: 25px;}
	#index_product .list .item{width: 200px;margin-left: 20px;}
	#index_product .list .item img{width: 200px;height: 200px;}
	#index_product,.index_about,.index_idea,.index_customer{padding: 40px 0;}
	.index_title h4{font-size: 24px;}
	.index_title h5{font-size: 17px;}
	.index_video{padding-top: 40px;}
	.index_idea .con .item{width: 100%;}
	#index_product .list,.index_idea .con,.index_customer .customer_con{margin-top: 20px;}
	.index_about .text{padding-top: 25px;}
	#index_food .text p{font-size: 12px;}
	.about_us .right_con{margin-top: 0;}
	.about_us{padding-bottom: 40px;}
	.about_us .left_nav .tit h3{font-size: 30px;}
	.about_us{margin-top: 30px;}
	#index_food .text{padding: 15px;}
	.products .con .item .pic{margin-left: 0;width: 100%;height: auto;float: none;}
	.products .con .item .pic img{width: 100%;height: auto;}
	.products .con .item{padding-left: 0;}
	.products .con .item .text{padding: 20px 30px;}
	.products .con .item .text h4{font-size: 22px;}
	.products h3{display: none;} 
	.feedback .item{width: 100%;}
	.feedback .item{padding-left: 100px;}
	.feedback .item span{width: 100px;margin-left: -100px;}
	.products_data .nei_feedback{margin-top: 40px;}
	.products_data .nei_feedback{padding-right: 40px;}
	.products_data .shop_title .text .butt{text-align: center;}
	.products_data .shop_title .text a{display: inline-block;}
	.news_list .item .time{display: none;}
	.news_list .item{padding-left: 0;}
	.news_list .item .pic img{width: 120px;height: 90px;}
	.news_list .item{padding-right: 120px;}
	.news_list .item .text{padding-right: 15px;width: 100%;}
	.news_list .item .text h4{line-height: 1.5;}
	.news_list .item .text p{display: none;}
	.news_list .item{padding-top: 25px;padding-bottom: 25px;}
	#page{margin: 30px 0;}
	.news_list h3{display: none;}
	.news_data .new_tit h3{font-size: 20px;}
	.news_data{margin-top: 40px;}
	.news_data .data{margin-top: 25px;}
	.news_data .data p{font-size: 14px;margin-bottom: 16px;line-height: 25px;}
	.news_data .button a{width: 100%;}
	.news_data .data img{max-width: 100%;}
	.about_us .right_con .description h5{display: none;}
	.about_us .right_con .description h5.h5_2{display: block;text-align: left;font-size: 16px;
		margin-bottom: 10px;
	}
	.feedback{margin-top: 40px;}
	.file_con .item .text h6{line-height: 1.7;}
	.file_con .item .pic img{width: 50px;}
	.file_con .item{padding-left: 0px;padding: 15px 0;}

	.file_con .item .pic{margin-left: -55px;display: none;}
	.about_us .left_nav .nav2{display: none;}
	.about_us .left_nav{border-bottom: none;}
	.news_list .item{padding-top: 15px;padding-bottom: 15px;}
	.about_us .right_con .description p{line-height: 25px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	.nei_banner{text-align: center;width: 100%;overflow: hidden;height: 120px;position: relative;}
	.nei_banner img{width: auto;vertical-align: middle;display: inline-block;height: 120px;
		position: absolute;top: 0;left: 50%;transform: translateX(-50%);
	}
	#index_product .list .item{width: 180px;}
	#index_product .list .item .pic{width: 180px;height: 180px;}
	#index_product .list .item img{width: 180px;height: 180px;}
	.products_list .con .item{padding-left: 110px;}
	.products_list .con .item .pic{margin-left: -110px;text-align: center;width: 100px;height: 100px;}
	.products_list .con .item .text p{line-height: 1.5;height: 34px;overflow: hidden;}
	.products_list .con .item .text span{margin-top: 4px;display: block;transform: translateY(0%);font-size: 12px;}
	.products_list .con .item .text{padding: 10px 12px;}
	.products_list .con .item .text h4{font-size: 16px;}
	.products_data .shop_title .cp_bnaner{width: 100%;}
	.products_data .shop_title .gallery-top{width: 100%;height: auto;}
	.products_data .shop_title .gallery-top .swiper-slide{padding-top: 100%;}
	.products_data .shop_title .gallery-thumbs{width: 300px;}
	.products_data .shop_title .gallery-thumbs .swiper-slide{height: 48px;}
	.feedback .item{padding-left: 0;}
	.feedback .item span{float: none;margin-left: 0;display: block;text-align: left;margin-bottom: 6px;}
	.feedback .item input.btn{width: 100%;}
	.products_data .nei_feedback{margin-left: -3%;margin-right: -3%;padding-left: 3%;padding-right: 3%;}
	.products_data .nei_feedback .feedback{margin-top: 25px;}
	.file_con .item .text a{float: left;margin-top: 10px;}
	.products_list{margin-top: 15px;}
	.index_idea .con .item p{margin-top: 15px;}
	// .index_about .con{overflow: visible;}
	// .index_about .text{margin-left: -2%;margin-right: -2%;}
}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*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) {

 

}