﻿@media only screen and (max-width: 1440px) {
	.wp{max-width: 96%;}
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	#web_head{display: none;}
	#web_head_mm{display: block;}
	
	.index_banner{margin-top: 55px;}
	.index_about,.index_product,.index_service,.index_honor,.index_contact{padding: 60px 0;}
	.index_tit h4{font-size: 32px;}
	.index_tit p{font-size: 18px;}
	.about_swiper{margin-top: 30px;}
	.about_swiper .txt .left pre{font-size: 14px;}
	.index_about .about_page .swiper-slide .num{font-size: 28px;opacity: 0.5;}
	.index_about .about_page{margin-top: 40px;}
	
	.index_contact .list .item{width: 28%;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.about_swiper .txt{display: block;}
	.about_swiper .txt .left{width: 100%;}
	.about_swiper .txt .right{width: 100%;margin-top: 20px;}
	.index_service .list .item{width: 100%;margin-bottom:40px;}
	.index_service .index_more{margin-top: 40px;}
	.index_contact .list{overflow: hidden;margin-top: 40px;}
	.index_contact .list .item p{font-size: 14px;}
	.index_contact .list .item{width: 32%;}
	.index_contact .list .item span{font-size: 20px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.index_about,.index_product,.index_service,.index_honor,.index_contact{padding: 30px 0;}
	.index_tit h4{font-size: 20px;}
	.index_tit p{font-size: 14px;}
	.index_product .product_list .swiper-slide .name{font-size: 16px;}
	.index_more .btn{width: 150px;height: 44px;line-height: 44px;}
	.index_more .btn img{width: 26px;}
	.index_more .btn span{font-size: 14px;}
	.index_service .list .item p{font-size: 16px;margin-top: 18px;}
	.index_service .index_more{margin-top: 12px;}
	.index_contact .list .item img{width: 40px;}
	.index_contact .list .item p{margin-top: 8px;}
	.index_contact .list .item span{margin-top: 8px;}
	.index_contact .list{margin-top: 20px;}
	#web_food{padding: 20px 0;}
	#web_food p{font-size: 14px;}
	
	.about_honor .list .item{width: 100%;}
	.about_honor .list .item{padding-left: 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) {



}