* { margin: 0; padding: 0; box-sizing: border-box; }
html {
 background: #F5E9DB;
 overflow-x: hidden;
}
body {
 position: relative; width: 1440px;
 margin: 0 auto;
 font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
 -webkit-font-smoothing: antialiased;
 zoom: 1;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
.kai { font-family: "Kaiti SC", "STKaiti", "KaiTi", "楷体", serif; }

.top-ornament {
 position: absolute; top: 0; left: 0;
 z-index: 6; pointer-events: none;
}

.nav {
 position: relative;
 margin-top: 1.29px;
 height: 82.29px;
 background: #77460F;
 z-index: 1;
}
.nav-item {
 position: absolute;
 top: 0; height: 82.29px;
 display: flex; align-items: center; gap: 10px;
 font-size: 18.6px; font-weight: 500; letter-spacing: 0.5px;
 color: #DDD1C3;
}
.nav-item .caret { margin-top: 4px; }
.nav-item.active { color: #FFDFBB; font-size: 22.5px; font-weight: 600; }
.nav-item:nth-child(1) { left: 72.8px; }
.nav-item:nth-child(2) { left: 247.7px; }
.nav-item:nth-child(3) { left: 422.6px; }
.nav-item:nth-child(4) { left: 597.7px; }
.nav-item:nth-child(5) { left: 772.7px; }
.nav-search {
 position: absolute; left: 938.7px; top: 0;
 height: 82.29px; display: flex; align-items: center;
}

.hero {
 position: relative;
 height: 494.43px;
 overflow: hidden;
}
.hero img.bg {
 position: absolute; inset: 0;
 width: 100%; height: 100%;
 object-fit: cover; display: block;
}
.hero .shade {
 position: absolute; inset: 0;
 background: linear-gradient(180deg, rgba(58,32,4,0.05) 0%, rgba(43,22,2,0.28) 55%, rgba(36,18,1,0.62) 100%);
}
.hero h1 {
 position: absolute; left: 0; right: 0;
 text-align: center;
 font-size: 52px; font-weight: 500; letter-spacing: 9px;
 color: #fff;
 text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}

.sec-head {
 width: 1220px; margin: 0 auto;
 display: flex; align-items: center; gap: 33px;
}
.sec-head .line { flex: 1; height: 1px; background: #78671A; }
.sec-head h2 {
 font-size: 28px; font-weight: 600; color: #1A1A1A;
 letter-spacing: 2px; white-space: nowrap;
}

.footer {
 position: relative;
 width: 1440px; height: 464.14px;
 background: #821515;
 color: #fff;
}
.f-brand { position: absolute; left: 50px; top: 68px; width: 340px; }
.f-brand-head { display: flex; align-items: flex-start; gap: 19px; }
.f-brand-cap { margin-top: 12px; }
.f-brand h4 {
 font-size: 17px; font-weight: 600; color: #fff;
 letter-spacing: 0.5px; margin-bottom: 8px;
}
.f-brand .en {
 font-size: 14px; line-height: 17.5px;
 color: rgba(255,255,255,0.35); letter-spacing: 0.3px;
}
.f-brand .intro {
 margin-top: 29px;
 font-size: 15px; line-height: 19.5px;
 color: rgba(255,255,255,0.55); letter-spacing: 0.5px;
}
.f-col-title {
 font-size: 14px; font-weight: 600; color: #B8922A;
 letter-spacing: 2.5px;
}
.f-links { position: absolute; left: 790.9px; top: 57.5px; }
.f-links ul { margin-top: 27px; }
.f-links li { margin-bottom: 16.9px; }
.f-links a {
 font-size: 15px; color: rgba(255,255,255,0.45); letter-spacing: 0.2px;
}
.f-links a:hover { color: rgba(255,255,255,0.8); }
.f-contact { position: absolute; left: 1094.6px; top: 57.5px; }
.f-contact ul { margin-top: 30px; }
.f-contact li {
 display: flex; align-items: center; gap: 12px;
 margin-bottom: 24.5px;
 font-size: 14px; color: rgba(255,255,255,0.45); letter-spacing: 0.3px;
}
.f-bottom {
 position: absolute; left: 0; bottom: 0;
 width: 1440px; height: 63px;
 border-top: 1px solid rgba(255,255,255,0.06);
}
.f-bottom .copy {
 position: absolute; left: 53.9px; top: 21px;
 font-size: 14px; color: rgba(255,255,255,0.25); letter-spacing: 0.5px;
}
.f-bottom .policies {
 position: absolute; right: 51.5px; top: 21px;
 display: flex; gap: 21.4px;
}
.f-bottom .policies a {
 font-size: 14px; color: rgba(255,255,255,0.25); letter-spacing: 0.5px;
}