/* 基础重置 */
@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a, a:hover{
    text-decoration: none;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.container {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* 导航栏容器 */
.header-container {
    width: 100%;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    /* 可根据需要添加下边框 */
    /* border-bottom: 1px solid #f0f0f0; */
}

/* 左侧 Logo 区域 */
.logo-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    /* margin-right: 40px; */
}

.logo-area img {
    height: 80px;
}

/* 右侧导航链接 */
.nav-links {
    display: flex;
    list-style: none;
    gap: 80px;
    /* 调整导航项间距 */
    align-items: center;
}

.nav-links li {
    position: relative;
}

.nav-links a {
    text-decoration: none;
    color: #333333;
    /* 默认深灰色 */
    font-size: 18px;
    font-weight: 500;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: bold;
}

.nav-links a:hover {
    color: #e81a28;
}

/* 高亮激活状态（首页） */
.nav-links li.active a {
    color: #e81a28;
    font-weight: bold;
}

/* 下拉箭头图标 v */
.nav-links .arrow {
    font-size: 12px;
    margin-left: 4px;
    color: #555;
    transform: translateY(1px);
    /* 微调垂直位置 */
    transition: transform 0.2s;
}

.nav-links a:hover .arrow {
    color: #e81a28;
}

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
    display: flex;
}

/* 主容器 */
.main-container {
    width: 100%;
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
}
.main-container-1100 {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
}
/* 顶部装饰：星星和箭头 */
.deco-star {
    position: absolute;
    top: -150px;
    left: -45px;
    z-index: 10;
}

.deco-star img {
    width: 90px;
}

.deco-arrow-units {
    position: absolute;
    top: -200px;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.deco-arrow-units img {
    height: 145px;
}

/* 右侧箭头动画指引（用CSS模拟） */
.arrow-graphic {
    display: flex;
    align-items: center;
    margin-bottom: -10px;
}

.card-wrapper {
    /* background: #f4a324; */
    /* 橙色底 */
    border-radius: 50px;
    /* padding: 0 0 50px 0; */
    position: relative;
    /* margin-top: 40px; */
   
}


.card-inner {
    background: #ffffff;
    border-radius: 50px;
    padding: 0px 40px 80px 40px;
    position: relative;
    top: 0;
    margin: 0 50px;
    z-index: 2;
    box-shadow: 20px 20px 1px #f16542;
}


.header-pill {
    background: #f5a42f;
    display: inline-block;
    border-radius: 70px;
    padding: 25px 40px 25px 40px;
    color: #ffffff;
    text-align: left;
    position: relative;
    top: -60px;
    left: -70px;
    margin-bottom: -20px;
    z-index: 3;
    border: 8px solid #fff;
}

.header-pill .en {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
}

.header-pill .zh {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-top: 2px;
}

/* 数据网格布局 */
.stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 40px;
    margin-top: 10px;
}

/* 每项数据 */
.stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.stat-item .label {
    color: #292929;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 8px;
}

.stat-item .number {
    color: #ff0022;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* 上标加号 */
.stat-item .plus {
    font-size: 45px;
    font-weight: 700;
    vertical-align: super;
    line-height: 1;
    margin-left: 2px;
}

/* 单位后缀 */
.stat-item .unit {
    font-size: 22px;
    font-weight: 600;
    margin-left: 4px;
    margin-top: 15px;
}

/* 特殊布局：第二行会员消费在第1列，全渠道曝光跨后两列 */
/* .stat-item:nth-child(4) {
    grid-column: 1 / 2;
} */

/* .stat-item:nth-child(5) {
    grid-column: 2 / 4;
} */
.index01-bg {
    background: #e70012 url(../image/index40.jpg) center bottom no-repeat;
    padding-top: 300px;
    display: flex;
    padding-bottom: 300px;
    border-bottom-right-radius: 30%;
    border-bottom-left-radius: 30%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index02-bg {
    margin: 120px auto 40px;
    position: relative;
}

.eater-pill {
    position: absolute;
    top: -60px;
    right: 0;
    margin-bottom: -20px;
    z-index: 3;
}

.eater-pill img {
    height: 120px;
}

.eater-pill .en {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
}

.eater-pill .zh {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-top: 2px;
}

.eatering-bg {
    position: relative;
    
    width: 100%;
    border-radius: 50px;
}

.eatering-swiper {
    /* position:relative; */
    /* background: #fff6e5;
    padding-top: 80px;
    border-radius: 50px; */
}
.eatering-swiper img{
    width:100%;
    display: inline-block;
}
.swiper-dl {
    width: 96%;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 40px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.swiper-dl dt {
    font-size: 27px;
    color: #ee5416;
}

.swiper-dl dd {
    width: 100%;
    margin-top: 20px;
}

.swiper-dl dd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-cion {
    position: absolute;
    bottom: 0;
}

.swiper-cion img {
    width: 380px;
}

.swiper-cion1 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.swiper-cion1 img {
    width: 380px;
}

.deco-star-right img {
    width: 90px;

}

.deco-star-left img {
    width: 70px;
}

.deco-star-right-bottom img {
    width: 40px;
}

.deco-star-right {
    position: absolute;
    right: 10%;
}

.story-star-right {
    position: absolute;
    right: 0;
}

.story-star-left {
    position: absolute;
    left: -8%;
    bottom: -13%;
}

.story-star-left img {
    width: 100px;
}

.deco-star-left {
    position: absolute;
    left: 10%;
    top: 25%;
}

.deco-star-right-bottom {
    position: absolute;
    bottom: 6%;
    right: 14%;
}

.index-news-bg {
    position: relative;
    background: url(../image/index41.jpg) center top no-repeat;
    background-size: 100%;
    padding-bottom: 100px;
}

.news-top {
    position: relative;
    width: 100%;
    padding-top: 100px;
}

.news-tilte img {
    width: 80%;
}

.news-tilte1 {
    position: absolute;
    right: 12%;
    top: 56px;
}

.news-tilte1 img {
    height: 120px;
}

.swiper-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-news {
    width: 100%;
}

.index03-bg {
    background: #fff6f7;
    padding-top: 100px;
    padding-bottom: 40px;
}


.swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
}

footer {
    background: #e70012;
    padding: 50px 0 50px;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.footer-brand {
    margin-right: 40px;
}

.foot-form-title {
    font-size: 24px;
    color: #fff;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    font-family: inherit;
    background: #fcfaf7;
    outline: none;
    border-radius: 30px;
    border: none;
}

.footer-links {
    display: flex;
    gap: 40px;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-right: 40px;
}

.footer-links .col {
    display: flex;
    flex-direction: column;
}

.footer-links .col a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 35px;
}

.footer-links .col h5 {
    font-size: 20px;
    color: #fff;
}

.from-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.from-item input{
    border:none;
    background: #fff;
}
.from-item .from-img{
    width: 120px;
    border-radius: 0;
}
.from-item .form-group img{
    width: 80px;
}

.from-item .form-group {
    width: 49%;
}

.btn-submit {

    background: #fc9c50;

    border: none;

    padding: 8px 30px;

    border-radius: 30px;
    color: #fff;
    font-size: 18px;
}

.footer-social {
    display: flex;
    gap: 14px 10px;
    justify-content: center;
    margin-top: 30px;
}

.footer-social p {
    color: #fff;
    font-size: 12px;
    text-align: center
}

.fa-weixin img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
}

.foot-bottom {
    text-align: center;
}

.foot-bottom img {
    height: 40px;
}

#joinForm {
    margin-top: 30px
}

footer .col-coin {
    width: 80px;
    height: 8px;
    background: #f8b62c;
    border-radius: 8px;
    margin: 20px 0;
}

.footer-contact {
    font-size: 20px;
    color: #fff;
}

.info-card {
    display: flex;
    font-size: 16px;
    margin-bottom: 15px;
    align-items: center;
}

.info-card img {
    width: 30px;
    height: 30px;
}

.contact-img {
    margin-top: 50px;
}

.contact-img img {
    height: 120px;
}

.info-card .icon {
    margin-right: 5px;
    display: flex;
}

.brand01-bg {
    background: #fff3f3;
}

.brand-img {
    width: 100%;

}

.brand-img img {
    width: 100%;

}

.story-section {
    padding: 80px 0 70px;
    background: linear-gradient(to bottom, #fff3f3 0%, #fffdfe 100%);
}

.story-grid {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.story-img {
    width: 50%;
}

.story-img img {
    width: 100%;
}

.story-text {
    width: 45%;
}

.story-text .section-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.story-text h2 {
    font-size: 34px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 18px;
    line-height: 1.3;
}

.story-text h2 .highlight {
    color: var(--primary);
}

.story-text .company-name {
    font-size: 30px;
    font-weight: 600;
    color: #e60115;
    margin-bottom: 50px;
}

.story-text p {
    color: #0d0a08;
    font-size: 20px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.history-img {
    width: 100%;
}

.history-img img {
    width: 100%;

}

.history-title {
    text-align: center;
    font-size: 28px;
}

.history-title h1 {
    font-weight: normal;

}

.history-title span {
    display: inline-block;
    font-size: 25px;
}

.history-bg {
    margin-top: 50px;
}

.story-bg {
    margin-top: 40px;
}

.story-body {
    font-size: 16.5px;
    line-height: 2;
    color: #4a4849;
    letter-spacing: 0.02em;
    text-align: justify;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
}
.divider-wave{
    width:48%;
    color: #333;
    font-size: 18px;
}
.title-img{
    width: 49%;
    overflow: hidden;
}
.title-img img{
    width:100%;
    transition:all 0.3s;
}
.title-img img:hover{
    transform:scale(1.1);
    transition:all 0.3s;
    cursor:pointer;
}
.story-body p {
    margin-bottom: 1.2em;
    text-indent: 2em;
    color: #4a4849;
}

.story-body p:last-of-type {
    margin-bottom: 0;
    color: #4a4849;
}

.story-body .highlight-name {
    font-weight: 700;
    color: #a8592e;
}

.story-body .brand-name {
    font-weight: 700;
    color: #8d5e42;
}

.story-body .year-tag {
    display: inline-block;
    background: rgba(190, 155, 135, 0.12);
    padding: 0 6px;
    border-radius: 4px;
    font-weight: 600;
    color: #7a5038;
}

/* ———— 引用 / 承诺 ———— */
.promise-block {
    margin: 22px 0 18px 0;
    padding: 18px 24px 16px 24px;
    background: rgba(215, 190, 175, 0.10);
    border-left: 4px solid #d4af98;
    border-radius: 0 16px 16px 0;
    position: relative;
}

.promise-block p {
    text-indent: 2em;
    font-size: 16.5px;
    line-height: 2;
    color: #3d2c20;
    letter-spacing: 0.02em;
    margin-bottom: 0;
}

.promise-block .promise-em {
    font-weight: 700;
    color: #a8592e;
}

/* ———— 结尾升级 ———— */
.upgrade-block {
    margin-top: 24px;
    padding-top: 20px;
    text-align: center;
    color: #a0a0a0;
    font-size: 30px;
}

.upgrade-block .upgrade-title {
}

.upgrade-block .upgrade-title .new-name {
    color: #b86a3e;
    font-weight: 900;
    position: relative;
}

.upgrade-block .upgrade-title .new-name::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(190, 145, 120, 0.2);
    border-radius: 4px;
}

.upgrade-block .upgrade-sub {
    margin-top: 6px;
}

.upgrade-block .upgrade-sub .heart {
    color: #c0734e;
    font-weight: 700;
}
.story-banner{
    margin-top: 60px;
}
.product-item{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 20px;
}
.product-item .item-dl{
    
}
.product-item .item-dl img{
    width:100%;
    height:100%;
    transition:all 0.3s;
    cursor:pointer;
}
.product-list{
    margin-top:70px;
    position: relative;
}
.product-bg{
    position: relative;
    
}
.product-icon{
    position: absolute;
    bottom: 0;
    left: -250px;
}
.product-icon img{
    width: 250px;
}
.product-icon1{
    position: absolute;
    right: -250px;
}
.product-icon1 img{
    width: 250px;
}
.product-title{
    display:inline-block;
    background:#e70012;
    color: #fff;
    font-size: 40px;
    padding: 15px 50px;
    border-radius: 40px;
    margin: 0 auto;
}
.product-title a, .product-title:hover a{
    color: #fff;
}
.product-1{
    text-align: center;
    margin-bottom: 40px;
}
.product-item .item-dl dt{
    overflow:hidden
}
.product-item .item-dl dt:hover img{
    transform:scale(1.1);
    transition:all 0.3s;
    cursor:pointer;
}
.product-item .item-dl dd{
    text-align: center;
    color: #595758;
    margin: 20px 0;
}
.product-item .item-dl .en{
    font-size: 15px;
    font-weight: 550;
    text-transform: uppercase;
}

.product-item .item-dl .cn{
    color: #595758;
    font-size: 30px;
    font-weight: 550;
    margin-bottom: 10px;
}
.merchandise-banner{
    margin-top: 100px;
}
.contact-bg{
    width: 100%;
    background: url(../image/contact-bg.jpg) center no-repeat;
    padding: 120px 0;
}

.mian-contact{
    display: flex;
    justify-content: space-between;
}

.contact-left{
    width: 48%;
}

.contact-right{
    width: 48%; 
    position: relative;
}
.contact-left img{
    width: 100%;
}
.contact-right h1{
    font-size:25px;
    margin-bottom: 35px;
}

.official-row{
    display: flex;
    margin: 50px 0 0;
    gap: 20px;
}
.official-card{
    text-align:center;
}
.official-card img{
    width:140px;
}
.official-card .title{
    font-size: 14px;
}
.hotline-section{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.hotline-label{
    background: #d90a1a;
    color: #fff;
    padding: 5px 15px;
    border-radius: 14px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
}
.hotline-number{
    font-size: 18px;
}
.fa-phone-alt{
    width: 16px;
    height: 16px;
    display: inline-block;
    background:url(../image/phone1.png) center no-repeat;
    background-size:16px;
}

.address-alt{
    width: 16px;
    height: 16px;
    display: inline-block;
    background:url(../image/address1.png) center no-repeat;
    background-size:16px;
}
.contact-top{
    position: absolute;
    right: 16%;
    top: -12%;
}
.contact-top img{
    width: 100px;
}
.jiameng-banner{
    text-align: center;

}
.jiameng-banner img{
    width: 100%;
    display: flex;
}
.fran-bg{
    width: 100%;
    background: url(../image/jiameng_15.png) top repeat-y;
    padding-top:50px;
}

.yinli-img{
    text-align: center;
    width: 100%;
}
.yinli-img img{
    width: 100%;
    display: flex;
}
.case-mendian{
    width: 100%;
}
.case-mendian {
    width: 100%;
}
.case-mendian img{
    width: 100%;
}
.case-bg{
    margin-top: 100px;
}
.case-top img{
    height: 140px;
}
.caserli{
    margin-top: 50px;
}
.liucheng-bg{
    padding: 60px 0;
}
.liucheng-img img{
    width: 100%;
    display: flex;
}
.yunyint-title img{
    height: 70px;
    display: flex;
}
.yunying-bg{
    padding: 60px 0 0;
}
.card-tag{
    margin:30px 0;
}
.card-tag-list{margin:20px;font-size:30px;}
.card-tag-list span{
    display:inline-block;
    color:#d80c18;
    font-weight:bold;
}
.yunyint01{
    margin-top: 50px;
}
.news-bg{
     margin: 40px 0;
}
.news-list{
   margin-bottom: 30px;
   position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px 25px;
}
.news-list dl{
   
    position: relative;
}
.news-list dl img{
    width:100%;
    display: flex;
     transition:all 0.3s;
    cursor:pointer;
}
.news-list dl dt:hover img{
    transform:scale(1.1);
    transition:all 0.3s;
    cursor:pointer;
}

.news-list dl dt{
    overflow: hidden;
}
.news-list dl dd{
    position:absolute;
    width: 100%;
    bottom: 0;
    background: #242323cf;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}
a{
    color: #333;
}
.page{text-align:center;color: #333;}
.page a{
    padding: 3px 10px;
    background: #ddd;
    margin: 0 5px;
}
a.page-num-current{
    background: #e30013;
    color: #fff;
}
.product-list1{
    margin-bottom: 40px;
}

.page-content{
    margin:40px auto;
    line-height: 28px;
}
.page-h1{
    font-size: 20px;
}
.position-right{
    margin-bottom: 20px;
}

.text-secondary{
    margin:30px auto;
}

.video-section{
    text-align: center;
    margin-top: 40px;
}
.page-img img{
    width: 100%;
    display: flex;
}
.content-img img{
    display: flex;
}