.banner{
	max-width:1920px;
	height:400px;
	margin: 0 auto;
	position: relative;
}
.swiper-container{
	height: 400px;
}
.swiper-pagination-bullet{
	width:72px;
height:6px;
background:rgba(249,88,54,1);
opacity:0.4;
border-radius:3px;
}
.swiper-pagination-bullet-active{
	opacity:0.9;
}
.swiper-wrapper img{
	width: 100%;
	height: 488px;
	object-fit: cover;
}
.food{
	width: 1200px;
	margin: 25px auto 45px;
	overflow:auto;
}
.food h2{
	height:36px;
font-size:36px;
font-family:Source Han Sans CN;
font-weight:bold;
color:rgba(255,95,61,1);
}
.food h2 a{
	height:18px;
font-size:18px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(255,95,61,1);
float: right;
padding-top: 18px;
padding-right: 18px;
}
.food .line{
width:1200px;
height:6px;
background:rgba(255,255,255,1);
box-shadow:1px 2px 6px 0px rgba(153,153,153,0.27);
border-radius:3px;
margin: 17px 0 14px 0;
}
.food .recomend_list li{
	width:290px;
height:173px;
border-radius:6px;
margin: 0 13px 17px 0;
float: left;
position: relative;
overflow: hidden;
}
.food .recomend_list li:last-child, .food  .recomend_more li:last-child{
	margin-right: 0;
}
.food .recomend_list li img{
		width:290px;
height:173px;
object-fit: cover;
}
.food .recomend_list li p{
	position: absolute;
	left: 0;
	bottom: 0;
	height:53px;
	z-index: 2;
	width: 100%;
	font-size:24px;
font-weight:400;
text-indent: 10px;
line-height: 62px;
color:rgba(255,255,255,1);
	background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,1));
}
.food .recomend_more li{
width:174px;
height:173px;
border-radius:6px;
margin-right: 31px;
overflow: hidden;
position: relative;
float: left;
}
.food .recomend_more li img{
	object-fit: cover;
	width:174px;
height:173px;
}
.food .recomend_more .info{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(255,95,61,.4);
	transition: .3s;
	transform: translateY(100%);
}
.food .recomend_more{
	margin-bottom: 84px;
	overflow:auto;
}
.food .recomend_more li:hover .info{
	transition: .3s;
	transform: translateY(0);
}
.food .recomend_more .info h4{
	font-size:24px;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
margin: 0 10px;
padding: 36px 0 30px 0;
}
.food .recomend_more .info p{
	font-size:16px;
font-weight:400;
color:rgba(255,255,255,1);
margin: 0 10px;
line-height: 20px;
}
.food  h2>p{
	font-size:18px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(63,63,65,1);
display: inline-block;
padding-left: 38px;
}
.food h2>p span{
	padding: 0 10px;
	cursor: pointer;
}
.food h2>p span.active{
	color: #FF5F3D;
}
.food h2>p span:hover{
	color: #FF5F3D;
}
.food .hot{
	margin-bottom: 48px;
	overflow:auto;
}
.food .hot li{
	width:290px;
height:240px;
background:rgba(255,255,255,1);
box-shadow:6px 7px 16px 0px rgba(153,153,153,0.21);
border-radius:6px;
float: left;
margin-right: 13px;
margin-bottom: 13px;
}
.food .hot li img{
	width:290px;
height:161px;
border-radius:6px 6px 0px 0px;
}
.food .hot li h5 {
	height:18px;
font-size:18px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(63,63,65,1);
margin:10px 18px 16px 18px;
}
.food  .hot li a{
	display: block;
		width:290px;
height:240px;
}
.food .hot li p{
	margin:0 18px 0 18px;
	font-size:16px;
font-weight:400;
color:rgba(255,95,61,1);
}
.food .hot li:nth-of-type(4n){
	margin-right: 0;
}
.detail{
	width: 1200px;
	margin: 42px auto 60px;
	padding-bottom: 10px;
border-bottom: 2px solid rgba(255,95,61,0.4);
}
.swipInfo{
	width:503px;
height:460px;

}
  .swiper-slide {
      background-size: cover;
      background-position: center;
      border-radius: 6px;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 64px;
      box-sizing: border-box;
      margin: 15px 18px 0 18px;
      position: relative;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
 
.gallery-box{
	position: relative;
}
.swiper-button-next,.swiper-button-prev{
	background: none;
	top: 62%;
	outline: none;
}
.swiper-button-next{
	    right: -18px;
}
.swiper-button-prev{
	left: 0;
}
.swiper-button-next:c{
	border: none;
}
.intro{
	width: 650px;
	height: 100%;
}
.intro h1{
	font-size:36px;
font-weight:500;
color:rgba(51,51,51,1);
letter-spacing: 4px;
}
.intro h1 span{
	font-size:18px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(255,95,61,1);
padding-left: 56px;
letter-spacing: normal;
}
.intro .abstract{
	font-size:17px;
font-weight:400;
color:rgba(153,153,153,1);
line-height: 23px;
padding: 36px 0 23px 0;
text-indent: 36px;
letter-spacing: 1px;
}
.intro .ingredients{
	font-size:18px;
color:rgba(51,51,51,1);
padding-bottom: 12px;
}
.intro  .concat{
	font-size:18px;
font-weight:500;
color:rgba(51,51,51,1);
padding-top: 18px;
}
.article{
	width: 1200px;
	margin: 40px auto;
	line-height: 22px;
	color: #333;
}
.article img{
	max-width: 100%;
	width:750px;
}
.level{
	font-size:18px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(255,95,61,1);
padding: 22px 0 43px 0;
}
#adver {
	width: 1300px;
	margin: 0 auto;
	position: relative;
}

	#adver ul {
		position: absolute;
		text-align: center;
		list-style-type: none;
		margin: 0 auto;
	}

		#adver ul li {
			float: left;
			height: 32px;
			width: 32px;
			padding: 0px;
			margin-left: 1px;
			text-align: center;
			line-height: 20px;
			font-size: 12px;
			color: #AAC3E6;
			padding-top: 4px;
			background: Url(../images/graypoint.png);
			background-repeat: no-repeat;
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

.pic {
	max-width: 1300px;
	height: 420px;
	margin: 0 auto;
	position: absolute;
}

	.pic img {
		width: 1300px;
		border: none;
		max-height: 420px;
	}

#btnnext {
	margin-left: 400px;
	background: Red;
	clear: both;
}