* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    max-width: 100%;
}
/* 修复滚动条带来的溢出，给父级body加上 */
body {
	/* background-color: #ffeecd; */
	background-color: #f9e9d2;
    font-family: "微软雅黑", sans-serif;
    overflow-x: hidden;
}
.wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
html,body{
    width:100%;
    overflow-x:hidden;
}
*{
    box-sizing: border-box;
}

/*顶部栏*/
.top-bar {
    background-color:#e9d8bc;
    height:34px;
    color:#555;
    font-size:14px;
}
.top-bar .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding:0 10px;
}
.top-bar-right a {
    color:#555;
    text-decoration:none;
}
@media (max-width:768px) {
    /* 大标题 */
    h2 {
        font-size: 18px !important;
        line-height: 1.3;
    }
    /* 副标题描述文字 */
    p {
        font-size: 12px !important;
        line-height:1.5;
    }
}


/*头部区域*/
/* 头部导航 滚动置顶固定 */
.header-wrap {
    position: sticky;
    position: -webkit‑sticky;
   /* ✅正确，英文减号 */
   position: -webkit-sticky;

    top: 0;
    z-index: 99999; /* 最高层级，避免被其他板块盖住 */
    background: #fff;
}

.header-main {
    background-color:#ffeecd;
    height:120px;
}
.header-main .wrap {
    height:100%;
    display:flex;
    align-items:center;
    gap:20px;
    padding:0 10px;
}
.logo-img {
    width:110px;
}
.header-slogan {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 0;
    gap: 10px;
}
/* 第一行大字 */
.header-slogan > div:nth-child(1) {
    font-family: "Microsoft Yahei", sans-serif;
    font-size: 22px;
    color:#99181c;
    font-weight:600;
    text-align: left;
}
/* 第二行居中副标题 */
.header-slogan > div:nth-child(2) {
    font-family: "Microsoft Yahei", sans-serif;
    font-size:20px;
    color:#5c2022;
    text-align: center;
}

.red-text {
    color:#c81010;
}
.header-phone {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap:10px;
    flex-shrink: 0;
}
.phone-tip {
    font-size:18px;
    color:#333;
}
.phone-num {
    font-size:30px;
    font-weight:bold;
    color:#c81010;
}
.header-phone img {
    width: 52px;
    height: 52px;
    flex-shrink:0;
}

.main-nav {
    background-color: #8b0e0e;
    background-image: radial-gradient(rgba(110, 8, 8, 0.4) 1px, transparent 1px);
    background-size:20px 20px;
    height: 52px;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 99999;
}

/* JS吸顶样式，不修改原有导航样式 */
.main-nav.nav-fixed-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.main-nav-spacer {
    display: none;
}
.main-nav-spacer.active {
    display: block;
    height: var(--nav-h);
}

.main-nav .wrap {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.main-nav a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    padding: 0 12px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    white-space: nowrap;
    flex: 1;
    box-sizing: border-box;
}
.main-nav a:first-child {
    padding-left: 0;
}
.main-nav a:last-child {
    padding-right: 0;
}
/* PC端 | 分割线 */
.main-nav a:not(:first-child)::before {
    content: "|";
    color: #fff;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.main-nav a.active {
    background: #640808;
    color: #ffdd00;
}
.main-nav a:hover {
    background: #a81616;
    color: #fff;
}

/*右侧悬浮客服*/
.float-online-service {
    position:fixed;
    right:0;
    top:30%;
    z-index:999;
}
.float-online-service img {
    width:110px;
}

/*banner轮播*/
.banner-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-top:-20px;
}
.banner-list {
    width: 100%;
    height: 420px;
    position: relative;
}
.banner-item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.5s;
}
.banner-item.active {
    opacity: 1;
    z-index: 2;
}
.banner-bg {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff6e6;
}
.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,0.45);
    z-index: 10;
    border: 0;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-arrow.prev::before{
    content:"<";
    color:#fff;
    font-size:22px;
}
.banner-arrow.next::before{
    content:">";
    color:#fff;
    font-size:22px;
}
.banner-arrow.prev {left: 70px;}
.banner-arrow.next {right: 70px;}
.banner-arrow:hover {
    background: rgba(209, 69, 16, 0.85);
}

.print-trouble {
    padding: 10px 0;
}
.print-trouble .container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap:40px;
}
.trouble-left {
    width: 42%;
}
.trouble-left h2 {
    font-size: 26px;
    font-weight: bold;
    color:#111111;
    margin:0;
}
.trouble-left h2 .red {
    color:#d81717;
	font-size: 38px;
}
.en-text {
    font-size:16px;
    color:#999999;
    margin:8px 0 24px;
    letter-spacing:1px;
}
.line-bar {
    width:100%;
    height:3px;
    background:#cccccc;
    position:relative;
    margin-bottom:36px;
}
.line-bar .active-line {
    position:absolute;
    left:20%;
    top:0;
    width:120px;
    height:3px;
    background:#d81717;
}
.consult-btn {
    display:inline-block;
    border:2px solid #888888;
    padding:12px 48px;
    font-size:22px;
    color:#d81717;
    text-decoration:none;
}
.consult-btn span{
    margin-left:8px;
}
.trouble-right {
    width: 58%;
    height: 360px;
    background: url("../images/zst.png") no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
}
.text-item {
    position: absolute;
    font-size: 20px;
    color:#222222;
    left: 47%;
    cursor: pointer;
    transition: color 0.25s ease;
}
.text-item:hover {
    color:#d82020;
}
.t1 { top: 44px; }
.t2 { top: 104px; }
.t3 { top: 164px; }
.t4 { top: 224px; }
.t5 { top: 284px; }

/* PC隐藏移动端模块 */
.mobile-only-trouble {
    display: none;
}

/* ========== 族谱解决方案模块 ========== */
/* ========== 族谱解决方案模块 ========== */
.highlight-red {
    color: #c81010;
    font-weight: 700;
    font-size:36px;
}
/* 卡片红色标题：字号更大 */
.card-red-title{
    color:#c81010;
    font-weight:bold;
    font-size:22px;
}
.solution-card h3{
    font-size:18px;
}
.solution-wrap {
    background-color: transparent;
    padding: 0 0 5px 0;
}
.solution-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 560px;
    position: relative;
    overflow: hidden;
    background-image: url("../images/360trouble.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 0;
}
/* ========= 删掉黄色遮罩 ========= */
.solution-inner::before {
    display: none;
}
.solution-title {
    text-align:center;
    margin:0 0 18px;
    font-family: "微软雅黑", sans-serif;
    position:relative;
    z-index:10;
}
/* 大标题下方红色横线 */
.solution-title::after{
    content:"";
    width:420px;
    height:3px;
    background-color:#c81010;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-12px;
}
.solution-title h2 {
    font-size:24px;
    color:#222;
    font-weight:bold;
    margin:0 0 16px;
    font-family: "微软雅黑", sans-serif;
}
.en-title {
    color:#888;
    font-size:16px;
    letter-spacing:1px;
    display:inline-block;
    font-family: "微软雅黑", sans-serif;
}
.black-text {
    color:#222;
}
.bar-right {
    display:none;
}
.solution-card {
    position:absolute;
    width:260px;
    z-index:5;
    padding:16px;
    border-radius:8px;
}
.solution-card h3 {
    margin:0 0 10px;
    line-height:1.45;
}
.solution-card p {
    font-size:15px;
    color:#444;
    line-height:1.6;
    margin:0;
}
.card-left-top {
    top:6%;
}
.card-right-top {
    right: 2%;
    top:10%;
    text-align:right;
}
.card-right-top p {
    text-align:right;
}
.card-left-bottom {
    bottom:10%;
}
.card-right-bottom {
    right: 2%;
    bottom:10%;
    text-align:right;
}
.card-right-bottom p {
    text-align:right;
}
.solution-center-wrap,
.circle-bg {
    display:none;
}
/* ==========移动端适配 <=768px ========== */
@media screen and (max-width:768px){
 .solution-wrap{
         padding:5px 15px;
         background-image: none !important;
     }
     /* 重点：清除inner里面的书本背景图 */
     .solution-inner{
         background-image: none !important;
         background-color: transparent !important;
         height:auto !important;  /* 取消PC写死的固定高度，手机高度自动撑开 */
         overflow:visible !important;
     }
     /* 移动端再次关闭遮罩，防止伪元素复活 */
     .solution-inner::before{
         display:none !important;
     }
     /* 手机端卡片调整，取消绝对定位，改成流式布局 */
     .solution-card{
         position:static !important;
         transform:none !important;
         width:100% !important;
         margin-bottom:16px;
     }
    .solution-title{
        margin-bottom:28px;
    }
    /* 移动端缩短红线 */
    .solution-title::after{
        width:240px;
        bottom:-14px;
    }
    .solution-title h2{
        font-size:22px;
    }
    .highlight-red{
        font-size:28px;
    }
    .en-title{
        font-size:13px;
    }
    .card-red-title{
        font-size:19px;
    }
    .solution-card{
        position:static;
        width:100%;
        margin-bottom:24px;
        text-align:left !important;
    }
    .solution-card p{
        text-align:left !important;
    }
}




/* ==========族谱印刷全品类服务栏目｜2排，每排3个卡片 ========== */
/* 外层大容器，放背景图 */
.genealogy-service-wrap{
    padding: 0;
    position: relative;
}

/* ========== 标题通栏块 ========== */
.section-title-block {
    /* 父容器：只做背景+定位参照，不放文字 */
    position: relative;
    background-image: url("../images/lmt.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 45% 120px;
    max-width: 1200px;
    height: 140px; /* 固定高度，和背景高度完全一致 */
    margin: 0 auto 5px auto;
    box-sizing: border-box;
}

.title-inner {
    /* 文字块：绝对定位，自由上下移动 */
    position: absolute;
    left: 0;
    right: 0;
    top: 18px;  /* ✨核心！调这个数值控制文字垂直位置 */
    text-align: center;
}

.title-inner h2 {
    margin: 0 0 8px 0;
}
.title-inner p {
    margin: 0;
}

/* 移动端：整体缩小标题框 */
@media screen and (max-width:768px) {
    .section-title-block {
        max-width: 90%;
        height: 100px;          /* 容器高度缩小 */
        background-size: 100% 80px; /* 背景图高度跟容器保持一致 */
        margin: 5px auto 20px auto;
    }
    .title-inner {
        top: 16px; /* 移动端文字跟着往上挪，保持居中 */
    }
}








/* 标题块背景图：完整显示，不裁切 */
.section-title-block .bg-img{
    position: absolute;
    inset: 0;
    width: 40%;
    height: 40%;
    object-fit: cover;    /* 这里由 contain → cover */
    object-position: center top;
    z-index: 1;
    opacity: 1;
    transform: none;
    transform-origin: unset;
}



/* 标题块浅色遮罩 */
.section-title-block::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}

.section-title-block .title-inner{
    position: relative;
    z-index: 2;
    max-width: 1200px;
	margin-top:10px!important;
    padding: 0 16px;
}

.section-title-block h2{
    font-size: 32px;
    color: #881010;
    margin: 0 0 8px;
    font-weight: bold;
}

.section-title-block p {
    font-size: 18px;
    color: #662222;
    position: relative;
    padding-bottom: 24px;
}



.title-decoration{
    display: none;
}

/* ========== 卡片列表 ========== */
.genealogy-card-list{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.genealogy-card-item{
    background: #fff9ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(120,20,25,0.12);
    transition: all 0.3s ease;
    text-decoration: none;
    color: #222;
}

.genealogy-card-item:hover{
    transform: translateY(-4px);
}

.card-head{
    height: 320px;
    position: relative;
    overflow: hidden;
}

.card-head-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tag-hot{
    position: absolute;
    z-index: 9;
    top: 12px;
    right: 12px;
    background: #b81c22;
    color: #fff;
    padding: 3px 12px;
    border-radius: 30px;
    font-size: 13px;
}

.card-body{
    padding: 20px;
}

.card-title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.card-feature{
    color: #b81c22;
    font-size: 15px;
    margin-bottom: 12px;
}

.param-row{
    font-size: 14px;
    line-height: 1.8;
    color: #444;
}

.card-divider{
    height: 1px;
    background: transparent;
    border-top: 1px dashed #9c1016;
    opacity: 0.35;
    margin: 14px 0;
}


.card-data-row{
    display: flex;
    justify-content: space-between;
}

.data-col{
    text-align: center;
}

.data-num{
    font-weight: bold;
    color: #b81c22;
    font-size: 17px;
}

.data-label{
    font-size: 12px;
    color: #777;
}

/* ========== 移动端 ========== */
@media screen and (max-width:768px) {
	.genealogy-card-list{
        display: flex !important;
        flex-wrap: nowrap !important;
        gap:16px !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .genealogy-card-item{
        flex:0 0 100% !important; /* 重点！这行之前没生效 */
    }
    .genealogy-service-wrap{
        padding: 5px 0;
    }
    .section-title-block{
        min-height: 220px;
    }
    .section-title-block .bg-img{
        transform: scale(1);
    }
    .card-head{
        height: 300px;
    }
    .section-title-block h2{
        font-size: 26px;
    }
    /* 隐藏滚动条 */
    .genealogy-card-list::-webkit-scrollbar {
        display: none;
    }
}







/* ==========300+姓氏宗族选择日大彩印栏目【修复布局】========== */
.trust-customer-wrap{
    padding:10px 0;
}
.trust-content-row{
    display:flex;
    gap:40px;
    align-items:center;
}
/* 左侧：单张大图，宽度55% */
.trust-img-side{
    width:55%;
}
.trust-img-side img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
	margin-top: -5px;
}
/* 删掉旧的证书网格，不再使用 */
/*.cert-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}
.cert-item{
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.cert-item img{
    width:100%;
    height:140px;
    object-fit:cover;
    display:block;
}*/

/* 右侧文字区域 45% */
.trust-text-side{
    width:45%;
}
.trust-text-side h3{
    font-size:24px;
    color:#b81c22;
    margin:0 0 16px;
    font-weight:bold;
}
.trust-text-side p{
    font-size:16px;
    color:#444;
    line-height:1.8;
    margin-bottom:14px;
}
.trust-feature-list{
    margin:22px 0;
    padding-left:0;
    list-style:none;
}
.trust-feature-list li{
    font-size:16px;
    color:#333;
    line-height:2.2;
}
.trust-btn{
    display:inline-block;
    background:#b81c22;
    color:#fff;
    padding:12px 30px;
    border-radius:6px;
    text-decoration:none;
    font-size:16px;
    margin-top:8px;
}
.trust-btn:hover{
    background:#94161b;
}
.trust-wrap{
    padding:60px 0;
    background:#f9e9d2;
}

/* 移动端适配：左右改为上下堆叠 */
@media (max-width:768px){
    .trust-wrap{
        padding:5px 0;
    }
    .trust-content-row{
        flex-direction: column;
        gap:24px;
    }
    .trust-img-side,
    .trust-text-side{
        width:100%;
    }
    .trust-text-side h3{
        font-size:22px;
    }
}


/* ==========族谱材质与百年保存｜工艺科普卡片 ========== */
/* ===================== 族谱材质与百年保存模块 ===================== */
/* ===================== 族谱材质与百年保存模块 ===================== */
.material-save-wrap{
    padding:10px 0;
}
/* 移动端 */
@media (max-width:768px) {
    .material-save-wrap{
        padding:5px 0;
    }
}
.material-card-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}
.material-card-item{
    background:#fff9ef;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(120,20,25,0.08);
    border:1px solid #f3e9d8;
}
.material-card-head {
    height: 300px;
    background: #fffaf2;
    /* 重点：position:relative 必须存在，给子标签做定位参照 */
    position: relative;
    /* 删除 justify-content、align-items，flex只用来放图标，现在图标已经删掉，可以直接去掉flex */
    display: block;
    overflow: hidden;
}
/* 卡片头部背景图片 img标签专用，无行内style */
.card-head-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    filter: none;
    z-index: 1;
    pointer-events: none;
}

.material-card-head .tag-material,
.material-card-head .material-icon-box {
    position: relative;
    z-index: 2;
}

.tag-material {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ddbc76;
    color: #591418;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    z-index: 3;
}


.material-icon-box{
    text-align:center;
}
.paper-icon{
    width:64px; /* 图标缩小 */
    height:54px;
    margin:0 auto 0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' fill='%23b81c22'%3E%3Cpath d='M20 8h60v64H20V8zm8 12h44M28 28h44M28 44h36' stroke='%23b81c22' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
}
.ink-icon{
    width:64px;
    height:54px;
    margin:0 auto 0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' fill='%23b81c22'%3E%3Ccircle cx='50' cy='32' r='18'/%3E%3Crect x='42' y='48' width='16' height='24'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
}
.print-icon{
    width:64px;
    height:54px;
    margin:0 auto 0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' fill='%23b81c22'%3E%3Crect x='12' y='16' width='76' height='48' rx='4'/%3E%3Crect x='24' y='64' width='52' height='8'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
}
/* 删除 material-head-title 样式，HTML已移除该元素 */
.material-card-body{
    padding:24px;
    background:#fff9ef;
}
.material-card-title{
    font-size:20px;
    color:#222;
    margin:0 0 10px;
    font-weight:bold;
}
.material-feature{
    font-size:16px;
    color:#b81c22;
    margin-bottom:18px;
    font-weight:500;
}
.material-param{
    margin-bottom:20px;
}
.material-data-row{
    display:flex;
    justify-content:space-around;
}

/* ===================== 族谱印刷专家团队板块 ===================== */
.team-expert-wrap{
    padding:10px 0;
}
.team-card-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}
.team-card-item{
    background:#fff9ef;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #f3e9d8;
    box-shadow:0 3px 12px rgba(120,20,25,0.07);
    display:flex;
    align-items:center;
    gap:24px;
    padding:28px;
}
.team-card-head{
    flex-shrink:0;
}
.team-avatar-box{
    width:110px;
    height:110px;
    background:#f8efe0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.team-svg-icon{
    width:60px;
    height:60px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23b81c22'%3E%3Ccircle cx='50' cy='36' r='20'/%3E%3Cpath d='M22 78a28 28 0 0156 0'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
}
.check-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23b81c22'%3E%3Cpath d='M74 30L42 62L26 46l-8 8 24 24 40-40z'/%3E%3C/svg%3E");
}
.craft-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23b81c22'%3E%3Crect x='18' y='22' width='64' height='56' rx='4'/%3E%3Cpath d='M32 36h36M32 48h30M32 60h24' stroke='%23fff9ef' stroke-width='3' fill='none'/%3E%3C/svg%3E");
}
.service-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23b81c22'%3E%3Ccircle cx='50' cy='34' r='18'/%3E%3Cpath d='M20 76c0-16 60-16 60 0'/%3E%3Cpath d='M74 44l12 12‑12 12M26 44L14 56l12 12' stroke='%23b81c22' stroke-width='4' fill='none'/%3E%3C/svg%3E");
}
.team-card-body{
    flex:1;
}
.team-name{
    font-size:22px;
    color:#222;
    margin:0 0 6px;
    font-weight:bold;
}
.team-job{
    font-size:15px;
    color:#b81c22;
    margin-bottom:12px;
    font-weight:500;
}
.team-desc{
    font-size:16px;
    color:#444;
    line-height:1.75;
}
.team-avatar-box{
    width:120px;
    height:120px;
    border-radius:50%;
    overflow:hidden;
    background:#e6d9c0;
    margin:0 auto;
}

.team-avatar-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
/* ===================== 移动端适配 ===================== */
@media screen and (max-width:768px){
    .material-card-list{
        grid-template-columns: 1fr;
        gap:20px;
    }
    .material-card-head{
        height:300px;
    }
    .material-card-body{
        padding:18px;
        background:#fff9ef;
    }
    .team-card-list{
        grid-template-columns:1fr;
        gap:20px;
    }
    .team-card-item{
        flex-direction:column;
        text-align:center;
        padding:20px;
        gap:16px;
    }
}


/* ==========族谱印刷专业设备板块 1行3个，共6卡片，上图片下文字========== */
.print-device-wrap{
    padding:10px 0;
}
.device-card-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}
.device-card-item{
    background:#fff9ef;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #f3e9d8;
    box-shadow:0 2px 10px rgba(120,20,25,0.07);
}
.device-img-box{
    width:100%;
    height:230px;
    overflow:hidden;
}
.device-img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.device-card-body{
    padding:20px;
}
.device-name{
    font-size:20px;
    color:#222;
    margin:0 0 10px;
    font-weight:bold;
}
.device-desc{
    font-size:15px;
    color:#444;
    line-height:1.7;
}

/* ==========族谱印刷全流程服务 ========== */
.flow-service-wrap {
    padding: 10px 0;
}
.section-title-block {
    width: 100%;
    padding: 1px 20px;
    text-align: center;
}
.section-title-block .wrap {
    max-width: 1200px;
  /*  margin: 0 auto;
    padding: 0 20px; */
}
.section-title-block h2 {
    font-family: "微软雅黑", "Songti SC", "SimSun", serif;
    font-size: 36px;
    font-weight: 700;
   /* color: #6b0f12; */
    letter-spacing: 2px;
    margin: 0 0 1px;
    line-height: 1.5;
}
.section-title-block p {
    font-family: "微软雅黑", "Songti SC", "SimSun", serif;
    font-size: 16px;
    font-weight: 500;
    color: #8b1318;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1.6;
}
.flow-card-list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap:24px;
    justify-content: center;
    max-width: 1200px;
    margin:0 auto;
}
.flow-group {
    display:flex;
    align-items:center;
    gap:16px;
}
.flow-group-last {
    gap:0;
}
.flow-item {
    width: 240px;
    background: #fcf6e8;
    border-radius:16px;
    padding:28px 22px;
}
.flow-head {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}
.flow-num {
    width:56px;
    height:56px;
    border-radius:50%;
    background:#b81c22;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:bold;
    flex-shrink:0;
}
.flow-title {
    font-size:22px;
    margin:0;
    font-weight:bold;
}
.flow-desc {
    font-size:15px;
    color:#444;
    line-height:1.7;
}
.flow-arrow {
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:18px solid #b81c22;
}


@media (max-width:768px) {
    .flow-card-list {
        gap: 0;
    }
    .flow-group {
        display: flex;
        flex-direction: column;
    }
    .flow-item {
        width: 100%;
        text-align: center;
    }
    /* 头部flex改为垂直居中，整体居中 */
    .flow-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .flow-num {
        margin:0 auto !important;
    }
    .flow-title {
        text-align: center !important;
    }
    .flow-desc {
        text-align: center !important;
    }

    .flow-arrow {
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-left: 12px solid transparent !important;
        border-right: 12px solid transparent !important;
        border-top: 16px solid #b81c22 !important;
        transform: rotate(0deg) !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%) rotate(0deg) !important;
    }
    .flow-group-last .flow-arrow {
        display: none !important;
    }
}


/* ==========族谱案例展示模块 横向滑动轮播，初始显示3个 ========== */
.case-show-wrap{
    padding:10px 0;
}
.case-more-btn-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top:16px;
    text-align:center;
}
.case-more{
    display:inline-block;
    border:2px solid #999;
    padding:10px 40px;
    color:#222;
    text-decoration:none;
}
.case-slider-container{
    position:relative;
    display:flex;
    align-items:center;
    margin-top:35px;
}
.case-btn{
    width:48px;
    height:48px;
    border:1px solid #ccc;
    background:#fff;
    font-size:22px;
    color:#666;
    cursor:pointer;
    z-index:2;
    flex-shrink:0;
}
.case-prev{
    margin-right:12px;
}
.case-next{
    margin-left:12px;
}
.case-slider-viewport{
    width:100%;
    overflow:hidden;
}
.case-slider-track{
    display:flex;
    transition:transform 0.4s ease;
    gap:24px;
}
.case-item-link{
    flex:0 0 calc((100% - 48px)/3);
    display:block;
    text-decoration:none;
    color:inherit;
}
.case-item{
    width:100%;
    background:#fff9ef;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #f3e9d8;
    box-shadow:0 2px 10px rgba(120,20,25,0.07);
}
.case-img{
    width:100%;
    height:350px;
}
.case-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.case-title{
    font-size:20px;
    margin:16px 20px 8px;
    color:#222;
}
.case-desc{
    font-size:15px;
    color:#444;
    padding:0 20px 22px;
    line-height:1.7;
}
/* ========== 移动端修复 ========== */
@media (max-width:768px) {
    .case-slider-container {
        position: relative !important;
        display:block !important;
        margin-top:20px;
    }
    .case-slider-viewport {
        overflow: hidden !important;
        width: 100% !important;
    }
    .case-slider-track {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    .case-item-link {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    .case-item {
        width:100% !important;
    }
    /* 移动端图片高度改成自适应，不会撑太高 */
    .case-img {
        width:100% !important;
        height:300px !important;
    }
    .case-img img {
        width:100% !important;
        height:100% !important;
    }
    .case-title{
        font-size:18px !important;
        margin:12px 16px 6px !important;
    }
    .case-desc{
        font-size:14px !important;
        padding:0 16px 16px !important;
    }
    /* 移动端箭头改为绝对定位，不再是flex布局 */
    .case-btn {
        position: absolute !important;
        top: 32% !important;
        transform: translateY(-50%);
        width:36px !important;
        height:36px !important;
        z-index: 10;
        margin:0 !important;
        border-radius:50%;
    }
    .case-prev {
        left:8px !important;
    }
    .case-next {
        right:8px !important;
    }
}



.article-wrap{
    padding:10px 0;
}
.article-two-col{
    display:flex;
    gap:40px;
}
.article-col{
    flex:1;
}
.article-title-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px;
    background:#f8e9d2;
    padding:14px 18px;
    border-radius:8px;
    border-bottom:2px solid #d4262a;
}
.article-title-box h2{
    font-size:24px;
    color:#222;
    margin:0;
}
.art-more{
    color:#d4262a;
    text-decoration:none;
}
.art-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.art-item{
    background:#fff9ef;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #f1e7d8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: all 0.25s ease;
    display:flex; /* 新增：开启flex左右布局 */
}
.art-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(184, 28, 34, 0.18);
}
.art-item:hover .art-h {
    color: #b81c22;
}
/* 清除a标签默认样式 */
/* 清除包裹卡片a标签的下划线和默认蓝色 */
.article-two-col a,
.article-two-col a * {
    text-decoration: none;
    color: inherit;
}
.art-img{
    width:42%; /* 图片占卡片42%宽度 */
    height:230px;
    flex-shrink:0; /* 图片区域不压缩 */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff3e3;
}
.art-img img{
    max-width:90%;
    max-height:100%;
    width: auto;
    height: auto;
    object-fit:contain;
    display:block;
}
.art-text{
    padding:16px 20px 22px;
    width:58%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.art-h{
    font-size:17px;
    margin:0 0 8px;
    color:#222;
    /* 关键：标题允许两行显示 */
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.4;
}

.art-date{
    font-size:13px;
    color:#b81c22;
    margin:0 0 10px;
    display:block;
}

.art-desc{
    font-size:14px;
    color:#555;
    margin:0;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* 移动端自动变回上下堆叠布局 */
@media (max-width:768px) {
    .art-item {
        flex-direction: column;
    }
    .art-img {
        width:100%;
    }
    .art-text {
        width:100%;
    }
}


/*====快捷咨询模块 start====*/
.quick-contact-wrap {
    background-color: #fff3d9;
    border-top: 1px solid #e6d2b0;
    padding: 24px 0;
}
.quick-contact-wrap .wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap:24px;
    flex-wrap: wrap;
}
.quick-card {
    display: flex;
    align-items: center;
    gap:16px;
    background: #ffffff;
    padding:20px 28px;
    border-radius:10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    min-width:260px;
    flex:1;
    max-width:360px;
}
.quick-card .icon-svg {
    width:60px;
    height:60px;
    flex-shrink:0;
}
.item-text-box {
    display: flex;
    flex-direction: column;
    gap:10px;
}
.item-title {
    font-size:26px;
    color:#222;
    font-weight:bold;
}
.btn-red {
    display: inline-block;
    background-color:#d61414;
    color:#fff;
    text-decoration:none;
    border:none;
    font-size:20px;
    padding:8px 30px;
    border-radius:6px;
}
.btn-red:hover {
    background-color:#b81010;
}



/*====快捷咨询模块 end====*/

/*====页脚上方副导航栏 start====*/
.footer-subnav {
    background-color: #8c1010;
}
@media (max-width:768px) {
	.footer-subnav {
	    display: none !important;
	}
	.footer-inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
    .footer-logo,
    .footer-qrcode {
        display: none !important;
    }
	.footer-info {
	    text-align: center !important;
	}
    .footer-info p {
		text-align: center !important;
        font-size:13px;
        line-height:1.9;
    }
    .site-footer {
        padding:30px 15px;
    }
}

.subnav-list {
    display: flex;
    justify-content: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.subnav-list li {
    padding: 0 32px;
    border-right: 1px solid #a82424;
}
.subnav-list li:last-child {
    border-right: none;
}
.subnav-list li a {
    display: block;
    padding:14px 0;
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
}
.subnav-list li a:hover {
    color:#ffdd55;
}
/*====页脚上方副导航栏 end====*/

/*====页脚 footer start====*/
.site-footer {
    background-color: #fff3d9;
    border-top: 1px solid #e6d2b0;
    padding: 12px 0;
}
.footer-inner {
    display: flex;
    align-items: flex-start;
    gap:28px;
    flex-wrap: wrap;
}
.footer-logo {
    flex-shrink:0;
}
.footer-logo img {
    width: 180px;
}
.footer-info {
    margin-left:10%;
    flex:1;
    min-width: 260px;
    line-height:1.8;
    font-size:14px;
    color:#222;
}
.footer-info p {
    margin:0;
}
.footer-qrcode {
    flex-shrink:0;
}
.footer-qrcode img {
    width:140px;
}
/*====页脚 footer end====*/

.intro-slogan-wrap {
    padding: 10px 20px;
    background: transparent;
}
.intro-content {
    border: 2px solid #d14510;
    border-radius: 12px;
    padding: 10px 40px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    background: #d14510;
}
.intro-content h2 {
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 28px;
    color: #ffffff;
}
.intro-desc {
    font-size: 20px;
    color: #f5f5f5;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.8;
    margin: 6px 0;
}
.intro-desc .highlight-num {
    font-size: 24px;
    font-weight: 800;
    color: #ffdd99;
    font-family: "Microsoft Yahei", sans‑serif;
    margin: 0 4px;
}
.intro-stat-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 48px;
    gap: 24px;
}
.stat-item {
    padding: 28px 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 10px;
    transition: 0.25s ease;
    background: rgba(255, 255, 255, 0.95);
}
.stat-item:hover {
    border-color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}
.stat-num {
    font-size: 36px;
    font-weight: bold;
    color: #d14510;
    margin-bottom: 8px;
}
.stat-text {
    font-size: 22px;
    color: #2c2c2c;
}

.banner-call-inner{
    /* 调小上下内边距，控制整体高度 */
    padding:2px 0;
}
.call-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.call-left h3{
    font-size:28px;
    margin:0 0 8px;
}
.call-left p{
    font-size:16px;
    margin:0;
}
.call-tip{
    font-size:15px;
    margin-bottom:4px;
}
.call-phone{
    font-size:24px;
    font-weight:bold;
    color:#b81c22;
    margin-bottom:10px;
}
.call-btn{
    display:inline-block;
    padding:9px 24px;
}

/* 移动端适配，文字全部居中 */
@media (max-width:768px) {
    .banner-call-inner{
        padding:20px 0;
    }
    .call-box{
        flex-direction:column;
        text-align:center;
        gap:18px;
    }
    .call-left h3{
        font-size:22px;
    }
}

.call-box {
    width: 100%;
    background: linear-gradient(90deg,#b8181c,#e26020);
    background-image: radial-gradient(rgba(255,221,119,0.15) 1px, transparent 1px),
    linear-gradient(90deg,#b8181c,#e26020);
    background-size: 50px 50px,100% 100%;
    border-radius: 8px;
    padding: 22px 60px;
    display: flex;
    align-items: center;
    font-family: 'Noto Serif SC', 'Source Han Serif CN', '思源宋体', serif;
}
.call-right {
    margin-left: auto;
    text-align: right;
    flex-shrink: 0;
}
.call-left h3 {
    font-size: 36px;
    color: #ffffff;
    font-weight: 900;
    line-height: 1.3;
}
.call-left p {
    font-size: 26px;
    color: #ffef66;
    font-weight: bold;
    margin-top:10px;
    line-height:1.4;
}
.call-tip {
    color:#fff;
    font-size:20px;
}
.call-phone {
    font-size:40px;
    color:#ffffff;
    font-weight:900;
    margin:6px 0 14px;
}
.call-btn {
    display: inline-block;
    border:2px solid #fff;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    padding:10px 42px;
    border-radius:4px;
    transition: 0.2s;
}
.call-btn:hover {
    background:rgba(255,255,255,0.25);
}



@media (max-width:768px) {
    .banner-call-inner .call-box {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 24px 16px;
        gap: 0;
    }

    .call-left h3 {
        writing-mode: unset;
        font-size: 24px;
        line-height: 1.35;
        margin: 0 0 8px;
    }
    .call-left p {
        font-size: 14px;
        line-height: 1.45;
        color:#ffdd77;
        margin: 0 0 32px;
    }

    /* 重点：强制这三行全部居中，清除PC端浮动/margin */
    .call-right {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 !important;
    }
    .call-tip {
        font-size: 15px;
        margin:0 0 8px;
        text-align:center;
    }
    .call-phone {
        font-size: 26px;
        font-weight: bold;
        margin:0 0 16px;
        text-align:center;
    }
    .call-btn {
        width: 70%;
        max-width: 220px;
        padding: 10px 0;
        font-size: 16px;
        border:2px solid #fff;
        border-radius:6px;
        text-align:center;
    }
}


/* -------------------------- 统一合并媒体查询 1024 /768 -------------------------- */
@media screen and (max-width:1024px){
    .genealogy-card-list{
        grid-template-columns:repeat(2,1fr);
    }
    .material-card-list{
        grid-template-columns:repeat(2,1fr);
    }
    .team-card-list{
        grid-template-columns:repeat(2,1fr);
    }
    .team-card-item{
        flex-direction:column;
        text-align:center;
    }
    .device-card-list{
        grid-template-columns:repeat(2,1fr);
    }
    .flow-card-list{
        grid-template-columns:1fr;
        grid-template-areas:none;
        gap:24px;
    }
    .flow-arrow{
        transform:rotate(90deg);
    }
    .case-item{
        flex:0 0 calc((100% - 24px)/2);
    }
    .article-two-col{
        flex-direction:column;
        gap:36px;
    }
    .trust-content-row{
        flex-direction:column;
    }
    .trust-img-side,.trust-text-side{
        width:100%;
    }
    .intro-stat-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .stat-num {
        font-size: 30px;
    }
    .stat-text {
        font-size: 19px;
    }
}

@media screen and (max-width:768px) {
    /*顶部栏*/
    .top-bar {
        display: none;
    }
 .header-main {
     height:auto;
     padding:12px 0;
 }
.header-main .wrap {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap:10px;
    }
    .logo-img {
        max-width: 64px;
        flex-shrink: 0;
    }
    .header-slogan {
        flex: 1;
    }
    .header-slogan > div:nth-child(1) {
        font-size: 16px;
        white-space: nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        line-height:1.2;
	text-align:right;
    }
    .header-slogan > div:nth-child(2) {
        display: none !important;
    }
    /* 直接隐藏整个电话模块 */
    .header-phone {
        display:none !important;
    }

    /*导航*/
        /*导航*/
           /*导航 移动端完整9个按钮，3列显示*/
           .main-nav {
               height: auto;
               padding: 12px;
           }
       
           .main-nav .wrap {
               height: auto;
               display: grid;
               grid-template-columns: repeat(3, 1fr);
               gap: 10px;
               padding: 0;
           }
       
           /* 关键：不再隐藏首页 */
           .main-nav .wrap a:first-child {
               display: flex;
           }
       
           .main-nav a {
               flex: none;
               width: auto;
               min-height: 48px;
               font-size: 15px;
               padding: 0 4px;
               background: #991414;
               border-radius: 4px;
               white-space: normal;
               text-align: center;
               display: flex;
               align-items: center;
               justify-content: center;
           }
       
           .main-nav a.active {
               background-color: #640808;
               color: #ffdd00;
           }
       
           .main-nav a:hover {
               background-color: #7c0f0f;
           }
       
           /* 清除PC端分割竖线 */
           .main-nav a:not(:first-child)::before {
               content: "";
           }


    /*悬浮客服*/
    .float-online-service {
        display:none;
    }
	
    /*banner*/
 .banner-list {
         height:180px !important; /* 手机banner高度，按需调160‑220 */
         overflow:hidden;
     }
     .banner-item{
         width:100%;
         height:100%;
     }
     .banner-bg{
         background-size: cover !important;
         background-position: center !important;
         background-repeat: no-repeat;
     }
     .banner-arrow {
         width:30px;
         height:30px;
     }
     .banner-arrow.prev {left:8px;}
     .banner-arrow.next {right:8px;}
     .banner-indicator .dot{
         width:8px;
         height:8px;
         margin:0 4px;
     }
@media screen and (max-width:768px){
    .banner-wrap{
        display:none !important;
    }
}


    /*印刷难题模块*/
   /*印刷难题模块*/
  .print-trouble{
          padding: 0 !important;
      }
      .print-trouble .container{
          display:none;
      }
      .mobile-only-trouble {
          display: block;
          padding: 14px 16px 32px;
      }
      .mobile-only-trouble h2 {
          font-size: 18px;
          text-align: center;
          line-height: 1.4;
          margin: 0 0 8px;
      }
      .mobile-only-trouble h2 span {
          color: #d82020;
          font-size: 32px;
      }
      .mobile-only-trouble .en-sub {
          text-align: center;
          color: #888;
          font-size: 16px;
          margin-bottom: 20px;
      }
      .mobile-only-trouble .divider-line {
          width: 90%;
          height: 2px;
          background: #bbbbbb;
          margin: 0 auto 24px;
          position: relative;
      }
      .mobile-only-trouble .red-mark {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 70px;
          height: 3px;
          background: #d82020;
      }
      .mobile-only-trouble .btn-consult {
          display: block;
          width: 82%;
          margin: 0 auto 32px;
          text-align: center;
          border: 2px solid #666;
          padding: 12px 0;
          font-size: 20px;
          color: #d82020;
          text-decoration: none;
          border-radius: 2px;
      }
      .mobile-only-trouble .trouble-points {
          list-style: none;
          padding: 0;
      }
      /* 新增li米色背景，对齐PC视觉 */
      .mobile-only-trouble .trouble-points li{
          font-size:16px;
          line-height:1.8;
          color:#222;
          margin-bottom:8px;
          background:#f0dfc4;
          padding:10px 14px;
          border-radius:2px;
      }



@media(max-width:768px){
    .section-title-block{
        margin-bottom:5px;
    }
    .section-title-block .bg-img {
        width: 100%;
        height: 80px;
        object-fit: contain;
    }
    .title-inner{
        padding-top:20px;
    }
    .title-inner h2{
        font-size:28px;
    }
    .title-inner p{
        font-size:15px;
    }
}


/* PC端样式 */
.genealogy-card-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 40px 0;
}
.genealogy-card-item {
    display: block;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.card-head {
    position: relative;
    width: 100%;
}
.card-head-img {
    width: 100%;
    display: block;
}
.tag-hot {
    position: absolute;
    top:12px;
    right:12px;
    background:#d82020;
    color:#fff;
    padding:4px 12px;
    border-radius:20px;
}
.card-body {
    padding:16px;
}
.card-title {
    font-size:24px;
    margin:0 0 8px;
}
.card-feature {
    color:#c81010;
    font-size:16px;
    margin-bottom:12px;
}
.param-row {
    font-size:14px;
    line-height:1.8;
}
.card-divider {
    height:1px;
    background:#eee;
    margin:14px 0;
}
.card-data-row {
    display:flex;
    justify-content: space-around;
}
.data-col {
    text-align:center;
}
.data-num {
    font-size:20px;
    font-weight:bold;
}

/* ========== 移动端768px以下 ========== */
@media(max-width:768px){
    /* 产品列表：手机一行1个 */
    .genealogy-card-list {
        grid-template-columns: 1fr;
        gap: 20px;
        padding:24px 0;
    }

    /* 标题块背景图放大适配 */
    .section-title-block .bg-img {
        width:100%;
        height:85px;
        object-fit:contain;
    }
    .title-inner {
        padding-top:22px;
    }
    .title-inner h2 {
        font-size:28px;
    }
    .title-inner p {
        font-size:15px;
    }

    /* 卡片内字体缩小适配手机 */
    .card-title {
        font-size:20px;
    }
    .card-feature {
        font-size:15px;
    }
    .data-num {
        font-size:18px;
    }
}
@media screen and (max-width: 768px) {
  .section-title-block {
    min-height: unset !important; /* 清除原来的min-height:220px */
  }
  .section-title-block .bg-img {
    width: 100%;
    height: 85px;
    object-fit: contain;
  }
  .title-inner {
    padding-top: 22px;
  }
  .title-inner h2 {
    font-size: 28px;
  }
  .title-inner p {
    font-size: 15px;
  }
}
@media screen and (max-width:768px) {
  /* 材质卡片 移动端一行1个 */
  .material-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .material-card-item {
    width: 100%;
  }

  /*=====保留你之前的已有样式=====*/
  .section-title-block {
    min-height: unset !important;
  }
  .section-title-block .bg-img {
    width: 100%;
    height: 85px;
    object-fit: contain;
  }
  .title-inner {
    padding-top: 22px;
  }
  .title-inner h2 {
    font-size: 28px;
  }
  .title-inner p {
    font-size: 15px;
  }

  .genealogy-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
    padding:24px 0;
  }
}
@media screen and (max-width:768px) {
  /* 专家团队卡片 手机单列 */
  .team-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .team-card-item {
    width: 100%;
  }

  /* ==========之前已有的全部样式保留========== */
  .section-title-block {
    min-height: unset !important;
  }
  .section-title-block .bg-img {
    width: 100%;
    height: 85px;
    object-fit: contain;
  }
  .title-inner {
    padding-top: 22px;
  }
  .title-inner h2 {
    font-size: 28px;
  }
  .title-inner p {
    font-size: 15px;
  }

  .genealogy-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
    padding:24px 0;
  }

  .material-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .material-card-item {
    width: 100%;
  }
}


@media screen and (max-width:768px) {
  /*标题块清除最小高度*/
  .section-title-block {
    min-height: unset !important;
  }
  .section-title-block .bg-img {
    width: 100%;
    height: 85px;
    object-fit: contain;
  }
  .title-inner {
    padding-top: 22px;
  }
  .title-inner h2 {
    font-size: 28px;
  }
  .title-inner p {
    font-size: 15px;
  }

  /*族谱产品卡片*/
  .genealogy-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
    padding:24px 0;
  }

  /*工艺材质卡片*/
  .material-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .material-card-item {
    width: 100%;
  }

  /*专家团队卡片*/
  .team-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .team-card-item {
    width: 100%;
  }

  /*印刷设备卡片【仅移动端】*/
  .device-card-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .device-card-item {
    width: 100%;
  }
}

  /*=====族谱全流程服务 移动端样式=====*/
   /*=====族谱全流程服务 移动端 箭头下移居中=====*/
   .flow-card-list {
     display: flex;
     flex-direction: column;
     gap: 24px;
   }
   .flow-group {
     width: 100%;
   }
   .flow-item {
     width: 100%;
   }
   .flow-arrow {
     position: static !important;
     left: auto !important;
     right: auto !important;
     top: auto !important;
 
     width: 0;
     height: 0;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-top: 14px solid #b82025;
     margin:14px auto 0;
   }

@media (max-width:768px) {
    .genealogy-service-wrap {
        padding: 20px 16px;
    }
    .genealogy-card-list {
        display: flex !important;
        gap: 12px !important;
    }
    .genealogy-card-item {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding:12px 6px !important;
    }
    .genealogy-card-item .card-head {
        margin-bottom:6px;
    }
    .genealogy-card-item h4 {
        font-size:14px !important;
        white-space: nowrap;
        margin:0 0 8px;
    }
    .genealogy-card-item .red-btn {
        font-size:12px !important;
        padding:6px 10px !important;
        white-space:nowrap;
    }
}
/* -------- 移动端两卡片并排，不修改HTML -------- */
/* -------- 移动端两卡片并排，不修改HTML -------- */
/* -------- 移动端两卡片并排，不修改HTML -------- */
@media (max-width:768px) {
    .genealogy-service-wrap {
        padding: 5px 16px !important;
    }
    .genealogy-card-list {
        /* 改回grid，单列，纵向排列 */
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        /* 关闭横向滚动 */
        overflow-x: unset !important;
    }
    .genealogy-card-item {
        /* 取消flex横向设置 */
        flex: unset !important;
        min-width: unset !important;
        margin:0 !important;
        width:100% !important;
        background:#fff9ef;
    }
}
/* ========== 弹窗样式 ========== */
.contact-pop {
    display: none !important; /* 默认隐藏，加!important防止被其他样式覆盖 */
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9997;
}
.contact-pop.show {
    display: block !important; /* 激活才显示 */
}
.pop-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
}
.pop-box {
    position: fixed;
    z-index: 9999;
    width: 440px;
    padding: 32px;
    background: #ffffff;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pop-close {
    position: absolute;
    right: 16px;
    top:12px;
    font-size:28px;
    cursor: pointer;
    color:#666;
}
.pop-box h3{
    color:#c8161d;
    margin-top:0;
}
.pop-box p{
    font-size:16px;
    line-height:1.8;
    color:#333;
    margin:6px 0;
}