/*
内页公用头部与底部*/

/* --- 头部基础样式 --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #fff; color: #333; overflow-x: hidden; }
.container { max-width: 1579px; margin: 0 auto; padding: 0 20px; position: relative; }
.a {color: #333; font-size: 16px; text-decoration: none;}
.pa_0 { padding: 0;}
.ma_t_3 {margin-top: 3rem;}
.ma_b_3 { margin-bottom: 3rem;}
.ma_b_6 { margin-bottom: 6rem;}

a {
    text-decoration: none; /* 核心属性：移除下划线 */
}
/* --- Header (120px) --- */
.main-header { height: 120px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
.header-inner { height: 100%; display: flex; align-items: center; }
.header-main { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.header-divider { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); z-index: 1001; }

.logo img { height: 48px; margin-bottom: 2rem; }
.nav-list { display: flex; list-style: none; height: 120px; }
.nav-list li { position: relative; display: flex; align-items: center; padding: 0 1.2rem; }
.nav-list a { color: #fff; text-decoration: none; font-size: 17px; white-space: nowrap; /*    padding-left: 1rem;*/ }

/* 1:1 还原：主导航渐变色 (棕色到紫色) */
.nav-list li.active { background: linear-gradient(to bottom, #947254 0%, #3e3a61 100%); }
.nav-list li.active a { color: #fff; font-weight: bold; }
.active-indicator { position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; }

/* 汉堡菜单按钮 */
.menu-toggle { display: none; color: #fff; font-size: 28px; cursor: pointer; }

/* --- Banner & 侧边栏 --- */
.banner-section { height: 705px; position: relative; background: #000; overflow: hidden; }
.slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; }
.fize20 { font-size: 20px; font-weight: 600;}
.co-f { color: #fff;}
/* 1:1 还原：侧边栏对齐白线，圆角矩形，无点 */
.side-nav-panel { position: absolute; top: 5.4rem; left: 20px; width: 230px; line-height:2.2rem;
background: rgba(0, 0, 0, 0.6); border-radius: 12px; color: #fff; padding-bottom:2rem; z-index: 10; }
.side-nav-header { margin-top:-5px; padding: 0px 20px; font-weight: bold; font-size: 18px; height: 100%;
   /* border-bottom: 1px solid rgba(255,255,255,0.1);*/ }
.side-nav-list { list-style: none; }
.side-nav-list li a { display: block; padding: 10px 20px; color: #eee; text-decoration: none; font-size: 17px;
    transition: 0.3s; text-align: center; }
.side-nav-list li a:hover { font-size: 15px; padding-left: 25px; background: rgba(255,255,255,0.05); color: #fff; }


/* --- 主内容区 (面包屑与卡片下移) --- */
.content-main { margin-top: 0; padding-bottom: 80px; }
.breadcrumb-box { padding: 25px 0; font-size: 16px; color: #666;
   display: flex;
  /*justify-content: center;*/ /* 水平居中 */
/*  align-items: center; */   /* 垂直居中 */
 /* place-items: center; *//* 同时水平和垂直居中 */
  height: 70px;    }
.breadcrumb-box img {max-width: 100%; /* 确保图片不会超过容器的宽度 */
  height: auto;    /* 保持图片原始宽高比 */ }
.breadcrumb-box a {  color: #666; text-decoration: none;}
.breadcrumb-box a:hover {  color: #947254; }
.breadcrumb-box .current { color: #947254; }

/* --- 头部基础样式end --- */




/* --- 底部基础样式 --- */

/* --- 1:1 还原：底部页脚设计 (370px) --- */
.main-footer {
    width: 100%;
    height: 370px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    position: relative;
    padding-top: 0;
}

/* 页脚上下双线导航栏 */
.footer-nav-border-box { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 40px; }
.footer-nav-links { text-align: center; padding: 1.6rem 0; font-size: 22px; color: #666;   text-align: justify;/*两端对齐*/ }
.footer-nav-links span { margin: 0 2.3rem; cursor: pointer; }

/* 页脚主体内容布局 */
.f-body { display: flex; justify-content: space-between; align-items: flex-start; }
.f-logo { height: 72px; margin-bottom: 20px; }
.f-tel { font-size: 36px; color: #947254; font-weight: bold; margin-bottom: 10px; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.f-tel img { /*display: flex;*/  justify-content: center; /* 水平居中 */}
.f-copy-box { font-size: 14px; color: #aaa; line-height: 1.8; }

.f-right {
    /*flex: 1;*/
    margin-left: 80px; }


/* 城市标签卡片化交互 */
.f-city-tags { /*display: flex;*/ flex-wrap: wrap; gap: 10px; margin-bottom: 25px; color: #1E2B3B!important; font-size: 20px; float: right; }
.f-city-tags span {
    display: inline-block;
    background: #f4f4f4;
    color:#1E2B3B ;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 17px;
    cursor: pointer;
    transition: 0.3s ease;
    margin: 0.2rem;
}
.coblack{ color: #1E2B3B;}
.co89 {color: #898989;
}
.f-city-tags span:hover, .f-city-tags span.active { background: #FAF7F4; color: #AD7E46; }

.f-contact-details { color: #999; font-size: 17px; line-height: 2; margin-top: 20px; text-align: right;
    /*float: right;*/
}
.f-qr img { width: 100px; margin-left: 50px; }

/* 返回顶部按钮 */
.back-to-top {
    position: absolute;
    right: 50px;
    bottom: 80px;
    width: 76px;
    height: 76px;
    background: #b88d52;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}
.back-to-top::before { content: "↑"; font-size: 18px; }
.cleanfix{ clear: both; margin: 0; padding: 0; overflow: hidden; width: 0; height: auto;}

/*新加的固定右侧登录*/
.frsign { width:120px; height: 138px; right: 2rem; bottom: 2rem; background:url("../images/lbx2.png") center center no-repeat;
    position: fixed; z-index: 9999999999999999;  }
.frsign a { width: 100%; height: 42px; line-height: 124px; color: #fff!important; text-decoration: none; font-size: 24px;
    font-weight: 300; display: block;  opacity: 0.8; }
.frsign a:hover{ opacity: 1;}
.fo-c-w {color: #fff; text-align: center; }
.ma-t-1 { margin-top: 1rem;}
/*新加的固定右侧登录end*/

/*新加的5-3报名弹出常用弹出*/

/* 遮罩层 */
.modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); display: none; /* 默认隐藏 */
    justify-content: center; align-items: center; z-index: 999;
}
.modal-overlay.active { display: flex; }

/* 弹窗框架 */
.modal-container {
    background: #FFFFFF;
    box-shadow: 0px 0.1875rem 1rem 0.0625rem rgba(173,126,70,0.16);
    border-radius: 1.25rem; /* 20px */
    overflow: hidden;
    transition: all 0.3s ease;
    width: 43.75rem; /* 700px */
}

/* 视图状态切换 */
.hidden { display: none !important; }

/* 标题样式 */
.title {
    width: 100%; font-size: 2rem; /* 32px */
    font-weight: 500; color: #1E2B3B; line-height: 2.625rem; /* 42px */
    text-align: center; padding-top: 2.5rem; /* 40px */
    margin-bottom: 1.5rem;
}

/* 分割线 */
.line {
    width: 43.75rem; /* 700px */
    height: 1px; background: #EEEEEE;
}

/* 表单内容区 */
.form-body, .result-body {
    display: flex; flex-direction: column; align-items: center;
    padding: 3.375rem 0 3.6875rem; /* 上54px 下59px */
}

/* 输入框 */
.input-wrap { margin-bottom: 1.125rem; /* 18px */ }

.custom-input {
    width: 25rem; /* 400px */
    height: 3.25rem; /* 52px */
    background: rgba(37, 73, 121, 0.03); /* 重点：使用rgba */
    border: none; border-radius: 0.25rem; /* 4px */
    padding: 0 1rem; outline: none;
    font-size: 1rem; /* 16px */
    color: #666666;
}

.custom-input::placeholder { color: #666666; opacity: 1; }

/* 按钮 */
.submit-btn {
    width: 25rem; /* 400px */
    height: 3.25rem; /* 52px */
    background: #AD7E46; border: none; border-radius: 0.25rem;
    color: #FFFFFF; font-size: 1.125rem; /* 18px */
    cursor: pointer;
    letter-spacing: 0.5rem; /* 修正原本的300px，改为合理的字间距 */
    text-indent: 0.5rem;
    margin-top: 1rem;
}
.submit-off { font-size:14px; color: #999; text-align: center; border: none; background:none; padding-top: 1rem;     cursor: pointer; }

/* 弹窗2特有样式 */
.result-msg {
    width: 25.5rem; /* 408px */
    font-size: 1.25rem; /* 20px */
    color: #666666; text-align: center;
    margin-bottom: 2.6875rem; /* 43px */
}

/*新加的5-3报名弹出常用弹出 end*/


/* --- 底部基础样式end --- */


/* 移动端适配 */
@media (max-width: 768px) {
    .main-header { height: 70px; background: #AD7E46; position: fixed; }
    .nav-menu { display: none; position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: #1E2B3B; padding: 20px; overflow-y: auto; }
    .menu-toggle { display: block; }
    .nav-list { flex-direction: column; height: auto; }
    .nav-list li { width: 100%; padding: 15px 0; }
    .video-hero-card { height: auto; }
    .main-video { height: 300px; }
   .back-to-top { display: none;}
   .footer-nav-border-box { display: none;}
   .f-logo { margin-top: 2rem;}
   .f-right { display: none;}
   .f-qr { margin-top: 2rem;}
   .logo img { margin-bottom: 0;}

   /* 5-3报名弹出样式手机端自适应 */
    html { font-size: 4vw; } /* 随屏幕宽度缩放 */
    .modal-container { width: 90vw; }
    .line { width: 100%; }
    .custom-input, .submit-btn, .result-msg { width: 80vw; }
   /* 5-3报名弹出样式手机端自适应end */
}

@media (min-width: 769px) and (max-width: 899px) {
    .main-header { height: 70px;background: #AD7E46; position: fixed; }
    .nav-menu { display: none; position: fixed; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: #1E2B3B; padding: 20px; overflow-y: auto; }
    .menu-toggle { display: block; }
    .nav-list { flex-direction: column; height: auto; }
    .nav-list li { width: 100%; padding: 15px 0; }
    .video-hero-card { height: auto; }
    .main-video { height: 300px; }
    .side-nav-panel { display: none; }
    .footer-nav-links span { margin: 0 0.3rem;}
    .back-to-top { display: none;}
    .f-qr img {    margin-left: 16px;}
    .f-right {    margin-left: 10px;}
    .f-city-tags span { padding: 2px 6px; margin: 0.2rem;}
    .f-contact-details { font-size: 12px;}
    .f-copy-box { font-size: 12px;}
    .f-logo  { height: 42px;}
    .footer-nav-links { font-size: 17px;}
}


@media (min-width: 900px) and (max-width: 1299px) {
    .nav-list li { padding: 0 0.4rem;}
    .nav-list a { padding-left: 0;}
    .footer-nav-links span { margin: 0 0.8rem; }
    .back-to-top  { bottom: 1.2rem;}
}

/* 当屏幕宽度在1200px到1600px之间时 */
@media (min-width: 1300px) and (max-width: 1599px) {
    .footer-nav-links {     padding: 1.4rem 0 }
    .footer-nav-links span {     margin: 0 1.3rem; }


}





/*
内页公用头部底部end*/