* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }


 /* 背景图片 */
 .header {
 	background-image: url(./../images/38.png);
 	background-repeat: no-repeat;
 	width: 100%;
 	height: 540px;
 	background-position: center center;
 	background-size: cover;
	margin-top: 55px;
 }
 .header-mobile{
	display: none;
}



 /* 吃在华美 */
 .eatHM {
 	width: 100%;
 	height: 220px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }

 .eatTitle {
 	font-family: '宋体';
 	font-size: 36px;
 }

 .eatSubtitle {
 	font-family: '宋体';
 	font-size: 14px;
 }

 .eatAll {
 	height: auto;
 	display: flex;
 	margin-bottom: 123px;
	position: relative;
 }

 .eatImg {
 	width: 739px;
 }

 .eatImg img {
 	width: 100%;
 }

 .restaurantAll {
 	width: 428px;
 	background: white;
 	margin-left: -45px;
 	margin-top: 77px;
 	padding: 66px 44px;
 	box-sizing: border-box;
	position: absolute;
	right: 0;
 }

 .restaurantAllLeft {
 	width: 428px;
 	background: white;
 	margin-right: -45px;
 	margin-top: 70px;
 	padding: 80px 44px;
 	box-sizing: border-box;
	position: absolute;
	left: 0;
 }

 .restaurantTop {
 	display: flex;
 	align-items: center;
 	margin-bottom: 33px;
 }

 .restaurantTop img {
 	width: 39px;
 	height: 27px;
 }

 .topText {
 	margin-left: 4px;
 }

 .textTitle {
 	font-size: 14px;
 }

 .textSubtitle {
 	font-size: 10px;
 	margin-top: -6px;
 }

 .restaurantTitle {
 	font-size: 20px;
 	font-family: '宋体';
 	color: #fe5720;
 }

 .restaurantSubtitle {
 	font-size: 9px;
 	color: #8d8c8c;
 	margin-bottom: 31px;
 }

 .restaurantContent {
	 text-align: justify;
 	font-size: 14px;
 	line-height: 28px;
 }


 /* 第二个 */
 .chineseList {
 	margin-bottom: 30px;
 }

 .chineseImg {
 	width: 100%;
	overflow: hidden;
 }

 .chineseImg img {
 	width: 100%;
 	height: 310px;
	transition: transform 0.5s ease; /* 平滑过渡效果 */
 }
.chineseImg img:hover{
    transform: scale(1.1); /* 放大1.1倍 */      
  }
 .chineseAll {
 	width: 100%;
 	/* height: 374px; */
 	background: white;
 	padding: 30px 45px;
 	box-sizing: border-box;
 }

 .chineseTop {
 	display: flex;
 	align-items: center;
 	margin-bottom: 45px;
 	margin-bottom: 30px;
 }

 .chineseTop img {
 	width: 39px;
 	height: 27px;
 }

 .topLogo {
 	margin-left: 4px;
 }

 .topTitle {
 	font-size: 14px;
 }

 .topSubtitle {
 	font-size: 10px;
 	margin-top: -6px;
 }

 .chineseTitle {
 	font-size: 20px;
 	font-family: '宋体';
 	color: #fe5720;
 }

 .chineseSubtitle {
 	font-size: 9px;
 	color: #8d8c8c;
 	margin-bottom: 22px;
 }

 .chineseContent {
	 text-align: justify;
 	font-size: 14px;
 	line-height: 28px;
	height: 142px;
 }


 /* 网格布局 */
 .gallery {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	gap: 20px;
 	margin-bottom: 40px;
 }

 .gallery-item {
 	position: relative;
 	/* border-radius: 12px; */
 	overflow: hidden;
 	/* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); */
 	transition: all 0.4s ease;
 	aspect-ratio: 1/1;
 	background: #2c3e50;
 }

.gallery-item.big {
 		grid-column: span 2;
 		aspect-ratio: 2/1;
		width: 100%;
		height: 97.5%;
 	}

 .gallery-item:hover {
 	transform: translateY(-8px);
 	/* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5); */
 }

 .gallery-img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	display: block;
 	transition: transform 0.5s ease;
 }

 .gallery-item:hover .gallery-img {
 	transform: scale(1.05);
 }

 .caption {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	padding: 20px;
 	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
 	color: white;
 	transform: translateY(100%);
 	transition: transform 0.3s ease;
 }

 .gallery-item:hover .caption {
 	transform: translateY(0);
 }

 h5 {
 	font-family: '宋体';
 }
.restaurantAllLeft-mobile{
	display: none;
}
@media (max-width: 766px) {
	.header-mobile{
		display: block;
	}
	.header {
		background-image: none;
		margin-top: 47px;
		height: auto;
	}
	.eatHM{
		height: auto;
		padding: 20px 0;
	}
}
 /* 响应式设计 */
 @media (max-width: 900px) {
 	.gallery {
 		grid-template-columns: repeat(2, 1fr);
 	}

 	
 }

 @media (max-width: 600px) {
 	.gallery {
 		grid-template-columns: 1fr;
 	}

 	.gallery-item,
 	.gallery-item.big {
 		grid-column: span 1;
 		aspect-ratio: 1.5/1;
 	}
 }



 @media (max-width: 1200px) {
	 .chineseContent {
	 	height: 160px;
	 }
	 .chineseAll {
	     padding: 30px 34px;
	     box-sizing: border-box;
	 }
	 .chineseTop {
	     margin-bottom: 29px;
	 }
	 .chineseImg img {
	     height: 269px;
	 }
	 
	 
 	/* .restaurantAll {
 		width: 428px;
 		padding: 30px 20px;
 		box-sizing: border-box;
 	}

 	.restaurantAllLeft {
 		width: 428px;
 		padding: 30px 20px;
 		box-sizing: border-box;
 	}

 	.restaurantTop {
 		margin-bottom: 30px;
 	}

 	.restaurantSubtitle {
 		font-size: 9px;
 		margin-bottom: 30px;
 	} */
 }

 @media (max-width: 996px) {
 	.restaurantAll {
 		width: 428px;
 		margin-left: -76px;
 		margin-top: 45px;
 		padding: 25px 18px;
 		box-sizing: border-box;
 	}

 	.restaurantAllLeft {
 		width: 428px;
 		margin-right: -76px;
 		margin-top: 45px;
 		padding: 25px 18px;
 		box-sizing: border-box;
 	}

 	.restaurantTop {
 		margin-bottom: 15px;
 	}

 	.restaurantSubtitle {
 		font-size: 9px;
 		margin-bottom: 15px;
 	}

 	.eatAll {
 		margin-bottom: 20px;
		 flex-direction: column;
 	}
	.eatImg {
		width: 100%;
	}
	.restaurantAll {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding: 16px 15px;
		box-sizing: border-box;
		position: relative;
	}
	.chineseAll {
	    width: 100%;
	    background: white;
	    padding: 22px 23px;
	    box-sizing: border-box;
	}
	.chineseTop {
	    margin-bottom: 6px;
	}
	.restaurantContent {
	    font-size: 14px;
	    line-height: 22px;
	}
	/* .eatHM {
	    width: 100%;
	    height: 141px;
	}
	.eatTitle {
		font-size: 32px;
	} */
 }

 @media (max-width: 767px) {
 	.chineseContent {
 	    height: auto;
 	}

 	.restaurantAll {
 		width: 428px;
 		margin-left: -76px;
 		margin-top: 65px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
	 .restaurantAll {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding: 16px 15px;
		box-sizing: border-box;
		position: relative;
	}
 	.restaurantAllLeft {
 		width: 428px;
 		margin-right: -76px;
 		margin-top: 65px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
	 .restaurantAllLeft {
		width: 428px;
		margin-right: 0;
		margin-top: 0;
		padding: 16px 15px;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		text-align: left;
	}
 	.restaurantTop {
 		margin-bottom: 10px;
 	}

 	.restaurantSubtitle {
 		font-size: 8px;
 		margin-bottom: 10px;
 	}

 	.restaurantContent {
 		font-size: 10px;
 		line-height: 20px;
 	}
 }

 @media (max-width: 580px) {
 	    

 	.restaurantAll {
 		width: 100%;
 		margin-left: -76px;
 		margin-top: 45px;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}
	 .restaurantAll {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding: 16px 15px;
		box-sizing: border-box;
		position: relative;
	}
 	.restaurantAllLeft {
 		width: 100%;
 		margin-right: -76px;
 		margin-top: 0;
 		padding: 16px 15px;
 		box-sizing: border-box;
 	}

 	.restaurantTop {
 		margin-bottom: 6px;
 	}

 	.restaurantTitle {
 		font-size: 19px;
 	}

 	.restaurantSubtitle {
 		font-size: 9px;
 		margin-bottom: 6px;
 	}
	 .chineseSubtitle{
		margin-bottom: 6px;

	 }
 	.restaurantContent {
 		font-size: 10px;
 		line-height: 20px;
 	}
 }

 @media (max-width: 430px) {

 	.restaurantAll {
 		width: 100%;
 		margin-left: 0;
 		margin-top: 0;
 		padding: 10px 15px;
 		box-sizing: border-box;
		position: relative;
 	}
	.eatImg{
		width: 100%;
	}
	.eatAll>.eatImg>img{
		width: 100%;
		height: 269px!important;
	}
	.eatAll{
		flex-direction: column;
	}
 	.restaurantAllLeft {
 		width: 100%;
 		margin-right: 0;
 		margin-top: 0;
 		padding: 10px 15px;
 		box-sizing: border-box;
		position: relative;
 	}
	.restaurantAllLeft-pc {
		display: none;
	}
	.restaurantAllLeft-mobile {
		display: block;
	}
	.restaurantAllLeft-mobile .restaurantCenter{
		text-align: left;
	}
 	.restaurantTop {
 		margin-bottom: 6px;
 	}

 	.restaurantTop img {
 		width: 27px;
 		height: 15px;
 	}

 	.textTitle {
 		font-size: 15px;
 	}

 	.textSubtitle {
 		font-size: 8px;
 		margin-top: -6px;
 	}

 	.restaurantTitle {
 		font-size: 20px;
 	}

 	.restaurantSubtitle {
 		font-size: 7px;
 	}

 	.restaurantContent {
 		font-size: 14px;
 		line-height: 28px;
		text-align: left;
 	}
	
 }