* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body {
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	background: #f5f7fb;
	color: #222;
	line-height: 1.6;
	min-width: 1400px;
}

a {
	color: inherit;
	text-decoration: none
}

section::before {
	content: "";
	display: block;
	height: 80px;
	/* 导航栏高度 */
	margin-top: -80px;
	/* 把内容拉回去 */
	visibility: hidden;
}

/* 顶部导航（固定） */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 14px 0
}

.nav-inner {
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px
}

.brand {
	display: flex;
	align-items: center;
	gap: 12px
}

.brand img {
	height: 36px
}

.brand .name {
	color: #fff;
	font-weight: 700;
	font-size: 20px
}

.nav-links {
	display: flex;
	gap: 26px
}

.nav-links a {
	font-weight: 600;
	font-size: 16px;
	color: #323232;
	transition: color .18s
}

.nav-links a:hover {
	color: #427eec
}

/* Banner */
/* .banner {
	width: 100%;
	height: 80vh;
	min-height: 420px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
} */
.video_box {
	width: calc(100vw - 15px);
	max-width: 1900px;
	min-height: 420px;
	margin: 0 auto;
}

.video_b {
	width: calc(100vw - 15px);
	max-width: 1900px;
	height: 100vh;
	min-height: 420px;
}

.video_b video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.banner .wrap {
	padding: 26px 36px;
	border-radius: 12px
}

.banner h1 {
	font-weight: bold;
	font-size: 128px;
	color: #FFFFFF;
	margin-bottom: 19px;
}

.banner p {
	font-weight: 600;
	font-size: 32px;
	color: #FFFFFF;
	opacity: 0.95;
}

/* 主体容器 */
.container {
	max-width: 1440px;
	margin: 40px auto;
	padding: 0 20px
}

.container h2 {
	text-align: center;
	font-weight: bold;
	font-size: 60px;
	color: #191919;
	margin-bottom: 36px;
}

.container p.lead {
	text-align: center;
	font-weight: 500;
	font-size: 22px;
	color: #4B4B4B;
}

.container p.lead2 {
	text-align: center;
	font-weight: 500;
	font-size: 22px;
	color: #4B4B4B;
	margin-top: -36px;
	margin-bottom: 60px;
}

.about_tag {
	max-width: 654px;
	max-height: 66px;
	margin-top: 68px;
	margin-bottom: 60px;
}

/* 四宫格 itinerary */
.grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 12px
}

.cards {
	display: flex;
	gap: 20px;
	overflow: hidden;
	margin-bottom: 180px;
}

.scroll-arrows {
	text-align: right;
	margin-top: -160px;
	cursor: pointer;
}

.scroll-arrows>.left>img {
	transform: rotate(180deg);
}

.scroll-arrow>img {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	margin-left: 12px;
}

.card {
	border-radius: 30px;
}

.card img {
	width: 330px;
	height: 420px;
	display: block;
}

.card2 img {
	width: 330px;
	height: 240px;
	display: block;
}

.card3 img {
	width: 670px;
	height: 410px;
	display: block;
}

.card4 img {
	width: 300px;
	height: 310px;
	display: block;
}

.card5 img {
	width: 300px;
	height: 180px;
	display: block;
}

.card6 img {
	width: 670px;
	height: 400px;
	display: block;
}

/* 鼠标悬停时图片放大 */
/* .card:hover {
	transform: translateY(-6px)
} */

/* 锚点滚动平滑 */
html {
	scroll-behavior: smooth
}