@charset "utf-8";
/* CSS Document */

        /* 全局样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 全屏背景容器 100%宽度 */
        .page-container {
            width: 100%;
            background-color: #e0ebe8;
        }

        /* 内容宽度限制 1200px居中 */
        .content-wrap {
            max-width: 1200px;
            margin: 0 auto;
            padding:2%;
            color: #333;
            line-height: 1.5;
        }

        /* 标题样式 - 严格匹配原图 + 底部横线 */
        .main-title {
            text-align: center;
            font-size: 1.8rem;
            margin:0px 0 2px;
            color: #000;
            font-weight: normal;
            position: relative;
            padding-bottom: 12px;
        }

        /* 主标题下方横线 */
        .main-title::after {
            content: "";
            display: block;
            width:53px;
            height:4px;
            background-color: #e6a873;
            margin:2px auto 0;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
			border-radius:10px;
        }

        .subtitle {
            text-align: center;
            font-size:1.1rem;
            color: #666;
            margin-bottom: 20px;
        }

        /* 头部横幅区域 - 严格还原原图布局 */
        .banner {
            display: flex;
            flex-direction: column; /* 移动端垂直排列 */
            margin-bottom: 25px;
            background-color: #fff;
        }

        .banner-img {
            width: 100%;
            height: auto;
        }

        .banner-text {
            width: 100%;
            padding: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .banner-text p {
            font-size:1.2rem;
            color: #333;
            flex:1.7;
            margin-right: 10px;
        }

        .memorial-tag {
            display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #e6a873;
    color: #fff;
    width: 125px;
    height: 125px;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1em;
    margin-right: 0.5em;
        }

        /* 通用分区样式 - 两侧横线向文字靠近，留3个文字间隙 */
        .section-wrap {
            margin-bottom: 25px;
			overflow: hidden;
        }

        .section-title {
            font-size: 1.8rem;
            color: #000;
            text-align: center;
            margin-bottom: 15px;
            position: relative;
            padding: 0 3em; /* 核心：左右预留3个文字间隙 */
        }

        .section-title::before,
        .section-title::after {
            content: "";
            display: block;
            height: 1px;
            background-color: #e6a873;
            position: absolute;
            top: 50%;
            width: calc(50% - 4.5em); /* 已修改为 3.5em */
        }

        .section-title::before {
            left: 0;
        }

        .section-title::after {
            right: 0;
        }

        /* 服务内容区域 - 严格还原原图布局 */
        .service-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 移动端2列 */
            gap: 10px;
            margin-bottom: 20px;
        }

        .service-item {
            display: flex;
            align-items: flex-start;
            font-size: 0.75rem;
        }

        .service-icon {
            width: auto;
            height: auto;
            margin-right: 8px;
            flex-shrink: 0;
        }

        .service-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px; /* 服务图标圆角 */
        }

        .service-desc {
            flex: 1;
			margin-top: 0.8vw;
			font-size: 1rem;
        }

        /* 联系电话按钮 - 上下排列 + 白色内边框 */
        .contact-btn {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 240px;
            height: 60px;
            margin: 0 auto 20px;
            background-color: #e6a873;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
            font-size: 0.9rem;
            position: relative;
            border: 2px solid #fff; /* 白色内边框 */
            box-shadow: 0 0 0 2px #e6a873; /* 外扩一圈橙色 */
        }
        .contact-btn span {
            display: block;
        }
        .contact-btn .tel {
            font-size: 1.1rem;
            font-weight: bold;
            margin-bottom: 4px;
        }
        .contact-btn .tel::before {
            content: "📞";
            margin-right: 5px;
            font-size: 0.8rem;
        }
		.phone-btn {    width: 280px;
    height: 90px;
    margin: 0 auto;
            margin-top: 32px;
            text-align: center;
            background: #2a5c4a;
            border-radius: 0px;
            padding: 10px 12px;
            transition: 0.2s;
            cursor: pointer;
            color: white;
            background: url(/image/lingtangbuzhi/rexianbtn.png) center no-repeat;
            background-size: cover;
        }
       
        .phone-number {
            font-size: 1.5rem;
            font-weight: normal;
            letter-spacing: 1px;
        }

        .phone-number img {
            margin-right: 5px;
            width: 25px;
            position: relative;
            top: 4px;
        }

        .phone-desc {
            font-size: 1.2rem;
            opacity: 0.85;
            margin-top: 5px;
        }

        /* 案例展示区域 - 图片四周增加间隙 + 圆角 */
        .case-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 移动端2列 */
            gap: 10px;
            margin-bottom: 20px;
        }

        .case-item {
            text-align: center;
            background-color: #fff; /* 统一白色背景 */
            border: 1px solid #ddd;
            overflow: hidden;
            padding: 8px; /* 图片与白色背景四周间隙 */
            border-radius: 6px; /* 白色背景圆角 */
        }

        .case-img {
            width: 100%;
            height: auto;
            display: block;
            border: none;
            border-radius: 4px; /* 图片自身也加轻微圆角更协调 */
        }

        .case-name {
            text-align: center;
            padding: 8px 0 0;
            font-size:1.5rem;
            color: #333;
        }

        /* 返回按钮 - 严格匹配原图样式 */
        .back-btn {
            display: block;
            width: 150px;
            height: 35px;
            line-height: 35px;
            margin: 1em auto 25px;
            border: 1px solid #e6a873;
            color: #e6a873;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
            font-size:1.1rem;
        }

        /* 百科区域 - 固定 2列 2行 */
        .wiki-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 永远 2 列 */
            gap: 10px;
        }

        .wiki-item {
            display: flex;
            background-color: #fff; /* 整体白色背景 */
        }

        /* 百科图片容器 - 背景改为白色，和右侧一体 */
        .wiki-img-box {
            width: 150px;
            height: 150px;
            flex-shrink: 0;
            background-color: #fff; /* 改为纯白色，无缝衔接 */
            padding: 6px; /* 保留图片四周间隙 */
        }

        .wiki-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 图片自动填充不变形 */
            display: block;
            border-radius: 4px; /* 统一圆角风格 */
        }

        .wiki-content {
            padding: 8px;
            flex: 1;
        }

        .wiki-title {
            font-size: 1.2rem;
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
        }

        .wiki-desc {
            font-size: 0.8rem;
            color: #999;
        }

        /* 响应式适配 - 768px以上（平板/电脑） */
        @media (min-width: 768px) {
            /* 大屏横幅水平排列 */
            .banner {
                flex-direction: row;
            }
            .banner-img {
                width: 60%;
            }
            .banner-text {
                width: 40%;
                padding: 20px;
            }
            
            /* 大屏服务内容3列 */
            .service-list {
                grid-template-columns: repeat(3, 1fr);
            }
            
            /* 大屏案例4列 */
            .case-list {
                grid-template-columns: repeat(4, 1fr);
            }
			.wiki-item:{
             background-color: #fff;
			 }
		
        }
 @media (max-width: 768px) {
.main-title {
    text-align: center;
    font-size: 1.5rem;
    margin: 0px 0 8px;
    color: #000;
    font-weight: normal;
    position: relative;
    padding-bottom: 12px;}
	.subtitle {
    text-align: center;
    font-size: 1rem;
    color: #666;
    margin-bottom: 20px;
}
.banner-text p {
    font-size: 1.1rem;
    color: #333;
    flex:1.7;
    margin-right: 10px;
}
.section-title {
    font-size: 1.5rem;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    padding: 0 3em;
}
.service-list {
    display: flow;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}
.case-name {
    text-align: center;
    padding: 8px 0 0;
    font-size: 1.2rem;
    color: #666;
}
.wiki-item {
    display: flow;
    background-color: #fff;
}
.wiki-img-box {
    flex-shrink: 0;
    background-color: #fff;
    padding: 6px;
	width: auto;
    height: auto;
}
.wiki-title {
    font-size: 1rem;
    color: #333;
    font-weight: bold;
    margin-top: 0.2em;
    margin-bottom: 1em;
}
.back-btn {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin: 5vw auto 25px;
    border: 1px solid #e6a873;
    color: #e6a873;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1rem;
}
.section-wrap {
    margin-bottom: 25px;
    overflow: hidden;
}
 }