/* 全局重置，放在所有CSS最顶部 */




*{box-sizing:border-box;margin:0;padding:0;font-family:"Microsoft Yahei",PingFang SC,sans-serif;}
html{scroll-behavior: smooth;}
:root{
    --main-red:#b81222;
    --dark-red:#7c0916;
    --red-light:#fff0f1;
    --gold:#c8a456;
    --text-dark:#222;
    --text-gray:#666;
}
body{background:#fff;color:var(--text-dark);line-height:1.8;}
.container8{max-width:1200px;margin:0 auto;padding:0 20px;}

/* 顶部招商横幅 */
.zs-banner{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    padding:100px 20px;
    text-align:center;color:#fff;
}
.zs-banner h1{font-size:46px;margin-bottom:16px;font-weight:bold;}
.zs-banner p{font-size:20px;opacity:0.9;margin-bottom:35px;}
.btn-consult{
    background:#fff;color:var(--main-red);
    padding:16px 45px;border-radius:50px;
    font-size:18px;font-weight:bold;text-decoration:none;
    display:inline-block;
}
.btn-consult:hover{background:var(--gold);color:#fff;transition:0.3s;}

/* 页面内导航栏（新增锚点导航） */
.anchor-nav{
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    padding:16px 0;
    position:sticky;
    top:0;
    z-index:99;
}
.anchor-nav .container8{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 30px;
}
.anchor-nav a{
    color:var(--main-red);
    font-size:16px;
    text-decoration:none;
    font-weight:500;
}
.anchor-nav a:hover{
    text-decoration:underline;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:"Microsoft Yahei",PingFang SC,sans-serif;}

/* 通用区块标题 */
.section{padding:70px 0;}
.section-title{
    text-align:center;font-size:38px;color:var(--main-red);margin-bottom:50px;
}
.section-title span{
    display:block;width:80px;height:3px;background:var(--main-red);
    margin:12px auto 0;
}
/* 品牌简介板块 */
.brand-about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about-img{width:100%;height:360px;border-radius:12px;overflow:hidden;}
.about-img img{width:100%;height:100%;object-fit:cover;}
.about-text h3{font-size:28px;color:var(--main-red);margin-bottom:18px;}
.about-text p{font-size:18px;line-height:1.8;color:#333;}

/* 品牌优势 */
.bg-redlight{background:var(--red-light);}
.adv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.adv-item{
    background:#fff;padding:30px 24px;border-radius:12px;
    box-shadow:0 4px 12px rgba(184,18,34,0.08);
}
.adv-item h4{color:var(--main-red);font-size:22px;margin-bottom:12px;}
.adv-item p{font-size:17px;line-height:1.7;}

/* 加盟店型 */
.shop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.shop-card{
    background:#fff;border:2px solid var(--main-red);border-radius:10px;
    padding:26px 16px;text-align:center;
}
.shop-card h4{color:var(--main-red);font-size:21px;margin-bottom:8px;}

/* 加盟流程 */
.process-list{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;text-align:center;}
.process-num{
    width:60px;height:60px;line-height:60px;
    border-radius:50%;background:var(--main-red);color:#fff;
    font-size:24px;font-weight:bold;margin:0 auto 12px;
}
.process-item p{font-size:17px;}

/* FAQ问答 */
.faq-box{max-width:900px;margin:0 auto;}
.faq-item{
    background:#fff;margin-bottom:14px;border-radius:8px;
    border:1px solid #eed0d2;overflow:hidden;
}
.faq-q{
    background:var(--main-red);color:#fff;padding:16px 20px;font-weight:bold;font-size:18px;
}
.faq-a{padding:16px 20px;color:var(--text-gray);font-size:17px;line-height:1.7;}

.banner{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    padding:60px 20px;
    text-align:center;color:#fff;
}
.banner h1{font-size:40px;margin-bottom:10px;}
.banner p{opacity:0.9;font-size:19px;}

/* 避免重复section冲突，以第一条为准，删除重复padding */
/*.section{padding:50px 0 70px;}*/

.faq-wrap{max-width:900px;margin:0 auto;}
.faq-item{
    border:1px solid #eed0d2;
    border-radius:10px;
    background:#fff;
    margin-bottom:16px;
    overflow:hidden;
}
.faq-que{
    background:var(--red-light);
    padding:18px 24px;
}
.faq-que a{
    font-size:19px;
    color:var(--main-red);
    text-decoration:none;
    font-weight:bold;
    display:block;
}
.faq-que a:hover{text-decoration:underline;}
.faq-ans-preview{
    padding:0 24px 18px;
    color:var(--text-gray);
    font-size:17px;
    line-height:1.7;
}
.faq-more{
    color:var(--main-red);
    text-decoration:none;
    font-size:15px;
}
.page-box{
    text-align:center;
    margin-top:40px;
}
.content-box{padding:50px 0;}
.question-title{
    font-size:26px;
    color:var(--main-red);
    margin-bottom:24px;
    padding-bottom:16px;
    border-bottom:1px solid #eed0d2;
}
.answer-body{
    font-size:18px;
    color:#333;
    line-height:1.8;
}
.answer-body img{max-width:100%;height:auto;}
.back-list{
    display:inline-block;
    margin-top:40px;
    color:var(--main-red);
    text-decoration:none;
    font-size:17px;
}
.back-list:hover{text-decoration:underline;}

/*顶部横幅*/
.about-banner{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    padding:75px 20px;
    text-align:center;color:#fff;
}
.about-banner h1{font-size:36px;margin-bottom:12px;font-weight:bold;}
.about-banner p{font-size:18px;opacity:0.9;}

.section{padding:65px 0;}
.section-title{
    text-align:center;font-size:30px;color:var(--main-red);margin-bottom:45px;
}
.section-title span{
    display:block;width:75px;height:3px;background:var(--main-red);
    margin:12px auto 0;
}

/*品牌起源 左右布局*/
.origin-wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;}
.origin-img{width:100%;height:400px;border-radius:12px;overflow:hidden;}
.origin-img img{width:100%;height:100%;object-fit:cover;}
.origin-text h3{font-size:23px;color:var(--main-red);margin-bottom:16px;}

.bg-redlight{background:var(--red-light);}

/*理念三栏布局*/
.idea-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.idea-item{
    background:#fff;padding:30px 22px;border-radius:12px;
    box-shadow:0 3px 10px rgba(184,18,34,0.07);
    text-align:center;
}
.idea-item h4{font-size:20px;color:var(--main-red);margin-bottom:12px;}

/*产品坚守板块*/
.stick-box{max-width:950px;margin:0 auto;text-align:center;}
.stick-item{
    display:inline-block;width:48%;padding:20px 10px;vertical-align:top;
}
.stick-item h4{color:var(--main-red);font-size:19px;margin-bottom:10px;}

/*门店相册*/
.img-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.gallery-item{height:400px;border-radius:10px;overflow:hidden;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:0.3s;}
.gallery-item img:hover{transform:scale(1.05);}

/*底部联系板块*/
.contact-block{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    color:#fff;text-align:center;padding:50px 20px;border-radius:14px;
}
.contact-block h3{font-size:26px;margin-bottom:16px;}
.contact-block p{font-size:17px;margin:8px 0;}
.contact-block a{
    display:inline-block;margin-top:20px;
    background:#fff;color:var(--main-red);
    padding:14px 36px;border-radius:50px;
    text-decoration:none;font-weight:bold;font-size:17px;
}


/*核心价值观板块*/
.core-value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.core-value-item{
    background:#fff;padding:28px 20px;border-radius:12px;
    box-shadow:0 3px 10px rgba(184,18,34,0.07);
    text-align:center;
}
.core-value-item h4{font-size:20px;color:var(--main-red);margin-bottom:12px;}


/*时间轴样式*/
.section-sub{text-align:center;color:var(--text-gray);font-size:16px;margin-bottom:40px;}
.timeline-wrap{max-width:1000px;margin:0 auto;padding:0 20px;position:relative;}
.timeline-wrap::before{content:'';position:absolute;left:100px;top:0;bottom:0;width:2px;background:var(--main-red);opacity:0.2;}
.timeline-item{display:flex;margin-bottom:50px;position:relative;}
.timeline-year{width:120px;font-size:22px;font-weight:bold;color:var(--main-red);padding-top:6px;flex-shrink:0;}
.timeline-text{flex:1;padding-left:20px;position:relative;}
.timeline-text::before{content:'';position:absolute;left:-6px;top:10px;width:14px;height:14px;border-radius:50%;background:var(--main-red);}
.timeline-text p{color:var(--text-gray);line-height:1.9;}


/*顶部横幅*/
.ad-banner{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    padding:70px 20px;
    text-align:center;color:#fff;
}
.ad-banner h1{font-size:36px;margin-bottom:12px;font-weight:bold;}
.ad-banner p{font-size:18px;opacity:0.9;max-width:720px;margin:0 auto;}

/*区块统一间距 */
.section{padding:60px 0;}
.section-title{
    text-align:center;font-size:30px;color:var(--main-red);margin-bottom:16px;
    font-weight:bold;
}
.section-title span{
    display:block;width:75px;height:3px;background:var(--main-red);
    margin:12px auto 0;
}
.section-sub{text-align:center;color:var(--text-gray);font-size:16px;margin-bottom:45px;max-width:820px;margin-left:auto;margin-right:auto;}

.bg-redlight{background:var(--red-light);}

/*广告资源表格*/
.ad-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(184,18,34,0.07);}
.ad-table th,.ad-table td{border:1px solid #eee;padding:16px;text-align:center;}
.ad-table th{background:var(--main-red);color:#fff;font-weight:normal;}
.ad-table tr:nth-child(even){background:#fcf2f3;}

/*广告位卡片布局*/
.position-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.position-item{
    background:#fff;padding:26px 22px;border-radius:12px;
    box-shadow:0 3px 10px rgba(184,18,34,0.07);
    transition:0.3s;
}
.position-item:hover{transform:translateY(-5px);}
.position-item h4{font-size:20px;color:var(--main-red);margin-bottom:10px;}

/*合作优势三栏*/
.adv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.adv-item{
    background:#fff;padding:30px 24px;border-radius:12px;
    text-align:center;
    box-shadow:0 3px 10px rgba(184,18,34,0.07);
}
.adv-item h4{color:var(--main-red);font-size:20px;margin-bottom:12px;}

/*联系咨询区块*/
.contact-block{
    background:linear-gradient(135deg,var(--dark-red),var(--main-red));
    color:#fff;text-align:center;padding:45px 20px;border-radius:14px;
    margin-top:35px;
}
.contact-block h3{font-size:26px;margin-bottom:16px;color:#fff;}
.contact-block p{font-size:17px;margin:8px 0;}
.contact-block a{
    display:inline-block;margin-top:20px;
    background:#fff;color:var(--main-red);
    padding:14px 36px;border-radius:50px;
    text-decoration:none;font-weight:bold;font-size:17px;
}

/*=====全局通用广告样式（全站页面共用）=====*/
.ad-full{
    max-width:1200px;margin:30px auto;padding:0 20px;
}
.ad-full a{display:block;border-radius:12px;overflow:hidden;}
.ad-full img{width:100%;height:auto;display:block;object-fit:cover;}

/*右侧悬浮广告 PC显示 移动端隐藏*/
.ad-float{
    position:fixed;right:15px;top:50%;transform:translateY(-50%);
    width:260px;z-index:99;
}
.ad-float a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.15);}
.ad-float img{width:100%;height:auto;display:block;}

@media(max-width:900px){
    .ad-float{display:none !important;}
}

/*移动端适配 */
@media(max-width:900px){
    .position-list,.adv-list{grid-template-columns:1fr 1fr;gap:20px;}
    .ad-banner h1{font-size:28px;}
    .section{padding:50px 0;}
    .ad-table th,.ad-table td{padding:10px 6px;font-size:14px;}
}
@media(max-width:480px){
    .position-list,.adv-list{grid-template-columns:1fr;}
    .section{padding:40px 0;}
}

@media(max-width:900px){
.origin-wrap,.idea-list,.img-gallery,.core-value-list{grid-template-columns:1fr;}
.stick-item{width:100%;margin-bottom:16px;}
.about-banner h1{font-size:28px;}
.section{padding:45px 0;}
.timeline-wrap::before{left:60px;}
.timeline-year{width:80px;font-size:18px;}
}
.contact-block h3{font-size:26px;margin-bottom:16px;}
.contact-block p{font-size:17px;margin:8px 0;}
.contact-block a{
    display:inline-block;margin-top:20px;
    background:#fff;color:var(--main-red);
    padding:14px 36px;border-radius:50px;
    text-decoration:none;font-weight:bold;font-size:17px;
}
@media(max-width:900px){
.origin-wrap,.idea-list,.img-gallery,.core-value-list{grid-template-columns:1fr;}
    .stick-item{width:100%;margin-bottom:16px;}
    .about-banner h1{font-size:28px;}
    .section{padding:45px 0;}
}
@media(max-width:900px){
    .origin-wrap,.idea-list,.img-gallery{grid-template-columns:1fr;}
    .stick-item{width:100%;margin-bottom:16px;}
    .about-banner h1{font-size:28px;}
    .section{padding:45px 0;}
}
@media(max-width:768px){
    .banner h1{font-size:26px;}
    .faq-que{padding:14px 16px;}
    .faq-ans-preview{padding:0 16px 14px;}
}
/* 咨询表单 */
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px;}
.form-area{background:#fff;padding:32px;border-radius:12px;border:1px solid #eed0d2;}

/* 移动端适配 */
@media(max-width:900px){
    .brand-about,.adv-list,.shop-list,.process-list,.form-wrap{grid-template-columns:1fr;}
    .zs-banner h1{font-size:30px;}
    .section{padding:45px 0;}
    .anchor-nav .container8{gap:8px 16px;}
}

.top-nav {
    display: flex;
    gap: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    justify-content: center;
}
.top-nav a {
    font-size: 15px;
    padding: 8px 20px;
    color: #333;
    position: relative;
    /* 古风细边框底色框 */
    border: 1px solid #b81c22;
    border-radius: 2px;
    transition: all 0.3s ease;
}
/* 四角古风雕花角线 */
.top-nav a::before,
.top-nav a::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #b81c22;
    border-style: solid;
}
.top-nav a::before {
    top: -1px;
    left: -1px;
    border-width: 1px 0 0 1px;
}
.top-nav a::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 1px 1px 0;
}
.top-nav a:hover {
    background: #b81c22;
    color: #fff;
}