﻿
/*Common For Max 960*/
@media only screen and (max-width: 1500px) { 
	.wp{width: 94%;}
	.index_news .news_one .text{padding-right: 80px;}
}

@media only screen and (max-width: 1199px) {
	.wp,.deta_wp{width: 96%;}
	#mm_index_banner{display: block;}
	#web_head_mm{display: block;}
	#head{display: none;}
	.nei_banner,.index_banner{margin-top: 55px;}
	.index_about .left .look_mass{width: 100%;}
	.index_about .right{display: none;}
	.index_about .left{width: 100%;}
	.index_news .news_one .pic{display: none;}
	.index_news .news_one,.index_news .news_one .text{padding-right: 0;}
	.index_news .list .item{width: 100%;}
	.index_news .list .item:nth-child(2n-1) .con{border-right:none;
		padding-right:0;
	}
	#web_food .nav{display: block;}
	#web_food .nav dl{display: none;}
	#web_food .nav .link_us{width: 100%;text-align: center;}
	#web_food .nav .link_us span,#web_food .nav .link_us h4
	,#web_food .nav .link_us p{text-align: center;}
	#web_food .nav .icon{display: none;}
	#web_food .copy{text-align: center;}
	
	.web_product_list .list .item{width: 50%;}
	.nei_banner {
	    padding-top: 90px;
	    padding-bottom: 100px;
	}
	
	.news_list .item .pic{width: 330px;margin-left: -330px;height: 200px;}
	.news_list .item{padding-left: 330px;}
	.news_list .item .text{padding-top: 0;padding-left: 30px;}
	.news_list .item .time{margin-top: 30px;}
	
	.about_us{padding: 60px 0;}
	.about_us h4{font-size: 26px;}
	.about_us p{font-size: 14px;margin-top: 12px;}
	.about_us .left{padding-right: 20px;}
	.about_us .pic{padding-left: 20px;}
	.about_us2 .pic{padding-left: 0;padding-right: 20px;}
	.about_us .left{padding-right: 0;padding-left: 20px;}
	.about_honor .list .item{width: 33.333%;}
	.about_partner .list .item{width: 20%;}
	.mp3_ul li{width: 100%;}
	
	
	
}
/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.index_solve .list .item{width: 100%;}
	.index_case .list .item{width: 50%;}
	.index_title h3{font-size: 22px;}
	.index_title .more{display: none;}
	.index_title_left{display: block;text-align: center;}
	.index_solve .list .text h4{font-size: 18px;}
	.index_solve .list .text .icon{display: none;}
	.index_solve .list .tit{padding-left: 0;}
	.index_partner .item{width: 33.333%;margin: 20px 0;}
	.web_product_list .list .item{width: 100%;}
	.web_product_list{padding: 40px 0;}
	
	.news_list .item .pic{width: 260px;margin-left: -260px;height: 160px;}
	.news_list .item .text h4{height: auto;overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news_list .item .text p{margin-top: 12px;}
	.news_list .item .time{margin-top: 26px;}
	.news_list .item{padding: 30px 0;padding-left: 260px;}
	.about_us .wp{display: block;}
		.about_us .left{width: 100%;padding-left: 0;padding-right: 0;}
		.about_us .pic{width: 100%;padding-right: 0;padding-left: 0;margin-top: 20px;}
		.about_us2 .pic{margin-top: 0;}
		.about_us2 .left{margin-top: 20px;}
		.about_us h4{font-size: 22px;}
	.about_honor .list .item{width: 50%;}
	.about_partner .list .item{width: 33.33333%;}
	.case_map #main{height: 400px;}
	
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	#web_right{display: none;}
	.index_banner .prev, .index_banner .next{display: none;}
	.index_solve{padding: 40px 0;}
	.index_title p{font-size: 12px;}
	.index_title h3{font-size: 18px;}
	.index_solve .list{margin-top: 25px;}
	.index_solve .list .text{padding: 20px 12px;}
	.index_solve .list .text p{margin-top: 8px;}
	.index_case .list .item{width: 100%;}
	.index_case .list .text .time span{display: block;margin-right: 0;margin-top: 15px;}
	.index_case .list .text{padding: 15px 10px;}
	.index_case .list .text h4{font-size: 18px;}
	
	.index_more .more{width: 150px;height: 50px;line-height: 50px;font-size: 14px;}
	.index_about .left p{font-size: 14px;}
	.index_about .left .look_mass{position: static;overflow: hidden;
		margin-top: 20px;
	}
	.index_about .left{padding-bottom: 0;}
	.index_about .look_mass .item{width: 100%;padding: 20px 30px;
		border-bottom: 1px solid #e6e8ed;border-right: none;
	}
	.index_news .news_one .text .index_more{display: none;}
	.index_news .list .item h5{font-size: 14px;}
	.index_news .list .item span{font-size: 12px;}
	.index_news .news_one{padding: 20px 0;}
	.index_news .news_one .text h4{font-size: 18px;}
	.index_news .news_one .text p{font-size: 14px;height: 45px;}
	.index_partner .item{width: 50%;}
	#web_food .nav .link_us h4{font-size: 20px;}
	#web_food .nav .link_us p{font-size: 14px;}
	#web_food .copy{height: auto;line-height: 1.7;padding: 15px 0;}
	#web_food{padding-top: 40px;}
	.index_about{padding-bottom: 40px;}
	.index_about .left h4{font-size: 18px;}
	.index_about .left span{font-size: 16px;}
	.index_about .left .index_more{text-align: center;}
	
	.home_now_cur .con{padding: 12px 0;}
	.home_now_cur .con span{padding: 0 15px;font-size: 12px;height: 32px;
		line-height: 32px;
	}
	.web_product_list .list .text h4{font-size: 18px;}
	.nei_banner {
	    text-align: center;
	    padding-top: 38px;
	    padding-bottom: 45px;
	}
	.nei_banner h4 {
	    font-size: 20px;
	    font-weight: bold;
	}
	.nei_banner p{font-size: 14px;}
	.web_product_list,.index_solve{padding-top: 20px;}
	.home_news_page{margin-top: 30px;padding-bottom: 40px;}
	.news_deta_con .tit h4{font-size: 18px;}
	.index_solve .list .more{display: none;}
	.news_list .item .pic{width: 120px;margin-left: -120px;height: 80px;}
	.news_list .item {padding: 15px 0; padding-left: 120px;}
	.news_list .item .time{display: none;}
	.news_list .item .text{padding-left: 15px;}
	.news_list .item .text h4{font-size: 16px;}
	.news_list .item .text p{margin-top: 6px;line-height: 1.5;height: 40px;}	
	.about_us{padding: 40px 0;}
	.about_honor .list .item{width: 100%;}
	.about_partner .list .item{width: 50%;}
	.case_map #main{height: 300px;}
	.case_map{padding: 10px 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) {

 

}