﻿

@media only screen and (max-width: 1600px) {
	.wp{max-width: 92%;}
	#web_head{padding: 0;}
	.index_banner .txt,.index_swiper .txt{width: 96%;}
	#web_food .nav dl{margin-right: 100px;}
	.about_join .join_con .txt1{width: 96%;}
	.about_join .join_con .txt2{width: 96%;}

	.map_con .list{padding-left: 2%;padding-right: 2%;}

}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	#web_head{display: none;}
	#web_head_mm{display: block;}
	.index_banner,.web_now,.product_deta_banner{margin-top: 55px;}
	.index_product{padding: 50px 0;}
	.index_product .list{margin-left: -20px;}
	.index_product .list .item{padding-left: 20px;margin: 10px 0;}
	#web_food .nav{display: none;}
	#web_food .con{display: block;text-align: center;}
	#web_food .contact{display: inline-block;text-align: left;}
	#web_food .copy{text-align: center;}
	#web_food{padding: 50px 0;}
	#web_food .copy{margin-top: 40px;}
	.n_banner p{width: 96%;}
	.n_banner2{margin-top: 55px;}
	.about_join_con{margin-top: 55px;padding-top: 40px;}
	
	.index_product .list .item .through{display: none;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	
	.index_banner .txt .con img{width: 320px;}
	.index_banner .txt .con h5{font-size: 16px;margin-top: 10px;}
	.index_banner .txt .con p{font-size: 12px;}
	.index_banner .txt .con .btn{margin-top: 15px;width: 120px;
		height: 44px;line-height: 44px;font-size: 14px;background-size: 6px auto;
		background-position: 85% 45%;
	}
	.index_product .list .item{width: 50%;}
	.index_swiper .txt .con h5{font-size: 18px;}
	.index_swiper .txt .con pre{font-size: 12px;margin-top: 20px;}
	
	.index_swiper .txt .con .btn{margin-top: 15px;width: 120px;
		height: 44px;line-height: 44px;font-size: 14px;background-size: 6px auto;
		background-position: 85% 45%;
	}
	.index_advert p{font-size:28px;text-align: center;}
	
	.web_now .wp .left{display: none;}
	.web_now .wp .right{width: 100%;text-align: center;}
	.web_now .wp .right a{padding: 0 8px;font-size: 14px;}
	
	.product_deta_money .money .con{display: block;height: auto;
		padding: 15px 0;
	}
	.product_deta_money .money .left span{font-size: 22px;padding-right: 0;}
	.product_deta_money .money .left span i{display: none;}
	.product_deta_money{position: static;}
	.product_deta_money .money .right span{font-size: 22px;}
	.product_deta_money .money .right .btn{margin-left: 0;width: 100%;}
	.product_deta_money .chose span{width: 45%;font-size: 16px;height: 54px;line-height: 54px;}
	#product_deta_can{padding: 30px 0;}
	#product_deta_can h3{font-size: 20px;}
	#product_deta_can .item .tit span{font-size: 16px;}
	#product_deta_can .item .data_item{width: 100%;}
	#product_deta_can .item .item_con{padding: 20px 0;}
	.service_sale,.product_question{padding: 30px 0;}
	.service_sale h3,.product_question h3{font-size: 20px;}
	.service_sale h3,.product_question h3{margin-bottom: 20px;}
	.service_sale p{font-size: 14px;}
	.service_sale b{font-size: 14px;margin-top: 12px;}
	.product_question .item .tit span{font-size: 14px;}
	.product_question .item .tit em{font-size: 20px;}
	.product_question .item .item_con p{font-size: 12px;}
	.product_question .item .item_con{padding: 20px 0;}
	.service_down_list .item_down{width: 50%;}
	.about_us,.about_news{padding-top: 40px;}
	.about_us .con img{max-width: 100%;}
	.about_us .con{padding: 20px;}
	.about_us .con p{font-size: 14px;}
	.about_us .con img{max-width: 60%;}
	.about_news h3,.about_video h3,.about_join h3{font-size: 20px;}
	
	.about_news .list .item .pic{
		margin-left: 0;float: none;width: 100%;height: auto;
		aspect-ratio: 3 / 2;
	}
	.about_news .list .item .txt p{-webkit-line-clamp: 1;}
	.about_news .list .item{padding-left: 0;height: auto;margin-bottom: 20px;}
	.about_news .list .item .txt{padding: 12px;}
	.about_news .list .item .txt h4{padding-right: 0;font-size: 16px;}
	.about_news .list .item .txt h4 em{display: none;}
	.about_news .list,.about_video .list{margin-top: 20px;}
	.about_news .list .item .txt p{margin-top: 12px;font-size: 14px;}
	.about_video .list .item{width: 100%;margin-bottom: 20px;}
	
	.about_video{padding-top: 40px;}
	.about_video .list .item .doing_btn img{width: 60px;}
	.about_join{padding-top: 40px;}
	.about_join .join_con .txt1{display: none;}
	.about_join .join_con .txt2{display: none;}
	.about_join .join_con{margin-top: 20px;}
	.about_join{padding-top: 20px;}
	
	.web_deta .title2 h4{font-size: 16px;}
	.web_deta .deta p{font-size: 14px;}
	.about_news_list,.about_video2{padding-bottom: 20px;}
	.about_join_con{padding-top: 20px;}
	
	.about_join_con .txt h3{font-size: 20px;}
	
	.about_join_con .txt p{font-size: 14px;margin-top: 12px;}
	
	.about_join_mass .mass_con{display: block;margin-top: 0;}
	.about_join_mass .mass_con .left{width: 100%;}
	
	.about_join_mass{margin-top: 40px;}
	.about_join_mass .mass_con .left p{font-size: 14px;margin-top: 5px;}
	.about_join_mass .mass_con h5{font-size: 16px;}
	
	.about_join_mass .mass_con .left img{width: 98%;vertical-align: middle;margin-top: 20px;}
	
	.about_join_mass .mass_con .right{width: 100%;margin-top: 26px;}
	.about_join_mass .mass_con .right .item{margin-top: 15px;}
	.about_join_mass .mass_con .right .item input,.about_join_mass .mass_con .right .item select{height: 44px;font-size: 14px;}
	
	.about_join_mass .mass_con .right .item select{width: 100%;margin-bottom: 15px;}
	.about_join_mass .mass_con .right .item.item2{display: block;}
	.about_join_mass .mass_con .right .item.item_btn input{line-height: 42px;font-size: 16px;}
	.platform_list .item{width: 33.3333%;padding-left: 10px;margin-bottom: 10px;}
	.platform_list{padding: 20px 0;margin-left: -10px;}
	.platform_list .item .con{padding: 14px;}
	.map_con .list{width: 100%;padding: 20px;}
	.platform_store h3{font-size: 20px;}
	.map_con{margin-top: 20px;}
	.map_con .list select{height: 44px;font-size: 14px;}
	.map_con .list .item{margin-top: 15px;}
	.map_con .list .item_s p{font-size: 14px;line-height: 1.8;}
	.map_con .list .item_s h4{font-size: 16px;}
	.map_con .list .item_s{padding: 15px 0;}
	#dituContent{height: 250px;}
	.map_con .list{position: static;}
	.map_con .list .store_list{margin-top: 20px;}
	
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.index_banner .txt .con .btn{display: none;}
	.index_product{padding: 20px 0;}
	.index_product .list{margin-left: -10px;}
	.index_product .list .item{padding-left: 10px;margin-top: 5px;margin-bottom: 5px;}
	.index_product .list .item .txt p{font-size: 14px;}
	.index_product .list .item .txt{padding: 20px 12px;}
	.index_banner .doing_btn img{width: 40px;}
	
	.index_product .more .btn{width: 150px;height: 48px;line-height: 48px;
		margin-top: 25px;font-size: 16px;
	}
	
	.index_swiper .txt .con .btn{display: none;}
	.index_advert p{font-size: 20px;}
	.index_news .list .item{width: 50%;}
	#web_food .contact .tel p,#web_food .contact .look span{font-size: 16px;}
	#web_food .copy{font-size: 12px;}
	.service_down_list{margin-left: -10px;}
	.service_down_list .item_down{padding-left: 10px;margin-bottom: 10px;}
	.service_down_list .more{margin-top: 20px;}
	#web_food .contact .tel p{display: inline-block;vertical-align: middle;}
	#web_food .contact .tel b{font-size: 26px;display: inline-block;vertical-align: middle;margin-top: 0;}
	#web_food .contact .look .code>img{width:34px;}
	#web_food .contact .look span{width: 130px;}
	
	.pc_img{display: none;}
	.mm_img{display: block;}
	.web_now .wp{height: auto;}
	.web_now .wp .right a{height: 48px;line-height: 48px;padding: 0 18px;}
	
	.product_deta_money .money .right .btn{height: 58px;line-height: 58px;font-size: 16px;}
	
}


/*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) {



}