﻿img {
    max-width: 100%;
    display: block;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.wrap{
    width: 1200px;
    margin:0 auto;
}
a {
    text-decoration: none;
    color: #3b2a1a;
}

/* 大栏目标题 米黄背景（和sxjzzp统一） */
.section-title {
    padding: 24px 20px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 32px;
}
.section-title h2 {
    font-size:28px;
    color:#8c2323;
    margin-bottom:6px;
}
.section-title p {
    color:#6b5a44;
    font-size:15px;
    margin:0;
}

/* ========== 板块1 企业简介 ========== */
.about-section{
    padding:10px 0;
}
.about-grid{
    display:grid;
    /* grid-template-columns: 1fr 1fr; */
    gap:32px;
    align-items:center;
}
.about-img{
    border-radius:12px;
    overflow:hidden;
    background:#f3e9d8;
    height:auto;
	
}
.about-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.about-text p{
    font-size:15px;
    color:#444;
    line-height:1.8;
    margin-bottom:12px;
}
.intro-list{
    margin-top:16px;
    padding-left:0;
    list-style:none;
}
.intro-list li{
    font-size:15px;
    color:#444;
    line-height:2;
}

/* ========== 板块2 厂房设备实力 ========== */
.factory-section{
    padding:60px 0;
}
.factory-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:32px;
    align-items:center;
}
.factory-img{
    border-radius:12px;
    overflow:hidden;
    background:#f3e9d8;
    height:260px;
}
.factory-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.factory-text p{
    font-size:15px!important;
    color:#444;
    line-height:1.8;
    margin-bottom:12px;
}
.factory-list{
    margin-top:16px;
    padding-left:0;
    list-style:none;
}
.factory-list li{
    font-size:15px;
    color:#444;
    line-height:2;
}

/* ========== 板块3 族谱专业核心优势 ========== */
.core-advantage-section{
    padding:60px 0;
}
.core-advantage-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.core-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}
.core-card .core-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #f5f0e6;
}
.core-card .core-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.core-card h3 {
    padding: 16px 20px 8px;
    font-size:18px;
    color:#8c2323;
}
.core-card p {
    padding:0 20px 20px;
    font-size:14px;
    color:#555;
    line-height:1.6;
}

/* ========== 板块4 地址联系方式 ========== */
.contact-section{
    padding:60px 0;
}
.contact-wrap{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:32px;
    align-items:center;
}
.contact-left p{
    font-size:16px;
    line-height:2;
    color:#444;
}
.contact-right img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:12px;
}
.section-title {
    background: url("../images/lmt.png") center center no-repeat;
    background-size: contain; /* contain 完整显示整张图，保持原图比例，但是会留白 */
    padding: 24px 20px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 32px;
}
/* ========== 移动端适配 ========== */
@media screen and (max-width:1200px){
    .wrap,.container{
        width:96%;
    }
}
@media screen and (max-width:768px){
.factory-section{
    padding:5px 0;
}
.core-advantage-section{
    padding:5px 0;
}
    .wrap,.container{
        width:94%;
    }
    .about-grid,.factory-grid,.contact-wrap{
        grid-template-columns:1fr;
        gap:20px;
    }
    .core-advantage-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .about-img,.factory-img,.contact-right img{
        height:100%;
    }
}
@media screen and (max-width:480px){
    .core-advantage-grid{
        grid-template-columns:1fr;
    }
}
