.banner{
	height:600px!important;
	background: #e9e9e9;
	background: url(../images/banner10.png) no-repeat;
	background-size:cover;
}
.banner .mask{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(27,27,27,0.2);
	z-index: 0;
}
	.banner i{
		position:absolute;
		top:216px;
		left:492px;
		width:13px;
		height:13px;
		border-radius: 50%;
		box-sizing: border-box;
		border:2px solid #007cc2;
		z-index: 1;
	}
	.banner i:nth-of-type(2){
		left:542px;
	} 
	.banner h2{
		font-size: 50px;
		position:absolute;
		left:470px;
		top:246px;
		color:#fff;
		z-index: 1;
		font-family: "苹方","常规";
	}
	.banner span{
		font-size: 26px;
		position:absolute;
		left:440px;
		top:326px;
		color: #f8f8f8;
		z-index: 1;
		font-family: "苹方","细体";
	}
	.center{
		padding-top:100px;
	}
	.center h3{
		width:100%;
		text-align: center;
		font-size: 28px;
		color:#343434;
	}
	.list:after{
		content: "";
		clear:both;
		display: block;
		
	}
	.list{
		margin-top:60px;
		}
	.list li{
		position:relative;
		float:left;
		margin-right:33px;
		margin-bottom:33px;
		width:31%;
		height:399px;
		border-radius:10px;
		text-align: center;
		padding-top:46px;
		background-color: #f5f8ff;
	}
	.list li:nth-of-type(3n){
		float:right;
		margin-right:0;
	}
	.list li span{
		display: block;
		margin-top:40px;
		font-size: 24px;
		color:#343434;
	}
	.list li p{
		margin-top:40px;
		font-size: 18px;
		text-align: left;
		color:#666;
		max-width:310px;
		margin-left:39px;
		line-height: 30px;
	}
	.item{
		margin-top:82px;
		background: url(../images/banner11.png) no-repeat;
		background-size:cover;
		height:543px;
		width:100%;
		position: relative;
		z-index: 1;
	}
	.item .mask{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:1;
		background-color: rgba(27,27,27,0.3);
	}
	.item-title{
		position:relative;
		width:100%;
		padding-top:98px;
		z-index: 2;
	}
	.item-title h3{
		color:#fff;
		font-size: 30px;
		width:100%;
		text-align: center;
	}
	.item-title .select{
		width:1480px;
		margin:0 auto;
		margin-top:90px;
	}
	.item-title .select:after{
		content: "";
		clear:both;
		display: block;
	}
	.item-title .select li{
		float:left;
		width:340px;
		height:190px;
		background-color: rgba(255,255,255,0.5);
		border-radius: 5px;
		text-align: center;
		margin-right:40px;
		padding-top:47px;
		box-sizing: border-box;
	}
	.item-title .select li:last-child{
		margin-right:0;
	}
	.item-title .select h4{
		width:100%;
		text-align: center;
		color:#fff;
		font-size: 24px;
	}
	.item-title .select span{
		width:100%;
		text-align: center;
		margin-top:27px;
		color:#fff;
		font-size: 44px;
	}
	.meal{
		padding-top:100px;
	}
	.meal:after{
		content: "";
		clear:both;
		display: block;
	}
	.meal h3{
		color:#343434;
		font-size: 34px;
	}
	.meal .set-meal{
		margin-top:60px;
		padding-bottom: 43px;
	}
	.meal .set-meal:after{
		content: "";
		display: block;
		clear:both;
	}
	.meal .num{
		padding-top:44px;
		box-sizing: border-box;
		text-align: center;
		width:384px;
		position:relative;
		height:630px;
		display: inline-block;
		float:left;
		border-radius: 10px;
		margin-right:20px;
		box-shadow: 0 0 27px rgba(1,1,1,0.08);
	}
	.meal .num:nth-of-type(3){
		margin-right:0;	
	}
	.meal .num span{
		display:block;
	}
	.meal .num .edition{
		color:#343434;
		font-size: 24px;
		margin-top:44px;
	}
	.meal .num .describe{
		color:#666;
		font-size: 16px;
		margin-top:10px;
	}
	.meal .num .price{
		margin-top:30px;
		color:#fc5859;
	}
	.meal .num .price .show1{
		color:#fc5859;	
	}
	.meal .num3 .price{
		margin-top:36px;
		color:#fc5859;
	}
	.meal .num .price .show1{
		color:#fc5859;
	}
	.meal .num .price .show2{
		font-size: 60px;	
	}
	.meal .num ul{
		display: block;
		margin:0 56px;
	}
	.meal .num ul:after{
		content: "";
		display: block;
		clear:both;
	}
	.meal .num .conditions{
		display: block;
		margin-top:16px;
		color:#ff9e50;
		margin-bottom:86px;
	}
	.meal .num a{
		display: block;
		width:288px;
		height:74px;
		line-height: 74px;
		border-radius: 5px;
		text-align: center;
		box-shadow:0 0 40px rgba(255,184,80,0.49) ;
		margin-left:48px;
		background-color:#fcb831;
		color:#fff;
		font-size: 24px;
		position:absolute;
		bottom:-30px;
	}
	.meal .num:nth-of-type(2) a{
		bottom:-30px;	
	}
	.meal .num ul li{
		text-align:center;
		line-height: 34px;
		font-size: 18px;
		color:#343434;
		width:50%;
		float:left;
	}
	.meal .num ul li{
		text-align:center;
		line-height: 34px;
		font-size: 18px;
		color:#343434;
		width:50%;
		float:left;
	}
	.meal .num ul li{
		text-align:center;
		line-height: 34px;
		font-size: 18px;
		color:#343434;
		width:50%;
		float:left;
	}
	.case{
		padding-top:100px;
	}
	.case h3{
		color:#343434;
		font-size: 34px;
	}
	.case .put{
		margin-top:84px;
	}
	.news{
			padding-top:102px;
			box-sizing: border-box;
		}
			.news h3{
				text-align:center;
				color:#1d1d1d;
				font-size:28px;
			}
			.news ul:after{
			content: "";
			display: block;
			clear:both;
			}
			.news ul{
				width:100%;
				margin-top:60px;
			}
				.news ul li{
					width:31.7%;
					height:312px;
					float:left;
					background: #fff;
					position:relative;
					margin-bottom:28px;
					margin-right:28px;
					box-shadow:0 0 43px rgba(0,0,0,0.06) ;
				}
				.news ul li:nth-of-type(3n){
					margin-right:0;
				}
				
					.news ul li h4{
						position:absolute;
						overflow: hidden;
						font-size: 22px;
						color:#343434;
						white-space: nowrap;
						text-overflow: ellipsis;
						text-align: center;
						width:278px;
						top:58px;
						left:51px;
					}
					.news ul li p{
						position:absolute;
						font-size: 16px;
						color:#666;
						text-align: left;
						width:290px;
						top:109px;
						left:45px;
					}
					.news ul li span{
						position:absolute;
						font-size: 36px;
						color:#dedede;
						bottom:55px;
						right:58px;
					}
					.news ul li a{
						position:absolute;
						display: block;
						left:53px;
						bottom:25px;
					}	@media only screen and (max-width:1430px ) {
		.item-title .select{
			width: 1200px;
		}
		.item-title .select li{
			width: 270px;
		}
	}				
	@media screen and (max-width:780px ) {
			.banner{
			height:300px!important;
		}		
		.banner img{
			width:40%;
			height:60%;
			right:50px;
		}
		.banner i{
			top:110px;
			left:18%;
		}
		.banner i:nth-of-type(2){
			top:110px;
			left:13%;
		}
		.banner h2{
			font-size: 36px;
			top:130px;
			left:12%;
		}
		.banner span{
			font-size: 20px;
			top:180px;
			left:12%;
		}
		.goodness .list{
			width:100%;
		}
		.meal .set-meal{
			width:100%;
		}
		.case .put{
			width:100%;
		}
		.case .put img{
			width:100%;
		}
		.news{
			width:100%;
		}
		.item-title .select {
    		width:100%;
		}
		.list li {
    		margin-right: 25px;
    		height:300px;
		}
		.item-title .select li {
    		width: 21%;
		}
		.meal .num {
    		width: 31%;
    		}
    	.meal .num a {
   			width: 200px;
    		margin-left: 20px;
    		font-size: 24px;
			}
			.meal .num ul {
    		margin: 0 30px;
			}
			.news ul{
				padding-left:20px;
				padding-right:20px;
				box-sizing: border-box;
			}
			.news ul li {
    			width: 48%;
    			height: 312px;
			}
			.news ul li:nth-of-type(3n) {
    		margin-right: 28px;
			}
			.news ul li:nth-of-type(2n) {
    		margin-right: 0;
    		float:right;
			}
}
@media screen and (max-width:640px ) {
	.list li {
    		margin-right: 22px;
    		height:300px;
	}
	.list li p{
    	font-size: 16px;
	}
	.item-title .select li{
		margin-right:34px;
	}
	.meal .num .price .show2{
		font-size: 50px;
		}
		.meal .num a{
		width:150px;
		font-size: 24px;
	}
	.news ul li p{
	left:15px;
}
.news ul li p{
	left:15px;
	width:auto;
}
.news ul li{
	margin-right:15px;
}
.news ul li:nth-of-type(2n){
	float:right;
}
.news ul li:nth-of-type(3n){
	float:left;
}
.news ul li:nth-of-type(6){
	float:right;
}
.news ul li h4{
	left:15px;
}
.news ul li:nth-of-type(3n) {
    margin-right:0!important;
	}
}
@media  screen and (max-width: 480px) {
	.banner{
			height:200px!important;
			}
	.banner i{
			width:10px;
			height:10px;
			top:80px;
			left:18%;
		}
		.banner i:nth-of-type(2){
			top:80px;
			left:13%;
		}
		.banner h2{
			font-size: 20px;
			top:100px;
			left:12%;
		}
		.banner span{
			font-size: 16px;
			top:130px;
			left:12%;
			max-width:100%;
		}
		.goodness .list li{
			width:100%;
			height:250px;
		}
		
		.item-title h3{
			font-size: 20px;
		}
		.item-title .select{
			margin-top:50px;
			padding:0 10px;
			box-sizing: border-box;
		}
		.item .item-title .select li{
			width:45%;
			height:100px;
			margin-bottom: 10px;
			padding-top:20px;
		}
		.item .item-title .select span{
			font-size: 34px;
		}
		.item .item-title .select li h4{
			font-size: 20px;
		}
		.item .item-title .select li:nth-of-type(2n+1){
			margin-right:20px;
		}
		.item .item-title .select li:nth-of-type(2n){
			margin-right:0;
			float:right;
		}
		.set-meal .num{
			width:100%;
			margin-bottom: 15px;
		}
		.set-meal .num a{
			width:120px;
			margin-left:32%;
			height:60px;
			line-height: 60px;
		}
		.center .news ul li{
			width:100%;
		}
		
	}