/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
    color: #222;
}
img {
    max-width: 100%;
    display: block;
}
input, textarea, button {
    border: 1px solid #ccc;
    padding: 8px 12px;
    font-size: 14px;
}
button {
    cursor: pointer;
    border: none;
}
ul,li{list-style: none;}

/* 通用容器 */
.container {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
}
.section {
    padding: 60px 0;
}
.section h2{
	font-size: 2rem;
}
.section p{
	font-size: 16px;
}
.text-center {
    text-align: center;
}
.bg-light {
    background-color: #f5f5f5;
}
.section-title {
    font-size: 26px;
    margin-bottom: 32px;
    font-weight: 600;
}
.desc {
    color: #666;
    margin: 8px 0;
}
.sub-desc {
    color: #888;
    font-size: 14px;
    /* max-width: 700px; */
    margin: 0 auto 40px;
    line-height: 1.6;
	
}

/* ========== 导航栏样式 ========== */
.header {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
	position: fixed;
	box-shadow: 1px 2px 6px #c5d6f3;
}
.nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}
.logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 15px;
}
/* PC端导航 */
.pc-menu {
    display: flex;
    gap: 32px;
    align-items: center;
    font-size: 14px;
}
.nav-dropdown {
    position: relative;
}
.dropdown-box {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #f7f7f7;
    padding: 8px 10px;
    display: none;
    box-shadow: 2px 3px 5px #8ac2f7ab
}
.dropdown-box p{
	padding-top:10px;
}
.nav-dropdown:hover .dropdown-box {
    display: block;
}
/* 移动端汉堡按钮 默认隐藏 */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}
.hamburger span {
    width: 26px;
    height: 2px;
    background: #222;
    display: block;
}
/* 移动端菜单 默认隐藏 */
.mobile-menu {
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-top: 1px solid #eee;
}
.mobile-menu a {
    display: block;
    padding: 10px 0;
}
.mobile-drop-box {
    padding-left: 16px;
    display: none;
}
.mobile-dropdown.active .mobile-drop-box {
    display: block;
}
.mobile-menu.active {
    display: block;
}

/* ========== 首屏横幅 ========== */
.banner {
    position: relative;
    height: 90vh;
    overflow: hidden;
    margin-top: 60px;
}
.banner-bg video {
    width: 100%;
    height: 90vh;
    object-fit: cover;
}
.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 20px;
}
.banner-content h1 {
    color: #fff;
    font-size: 36px;
    letter-spacing: 1px;
    margin-bottom: 32px;
}
.banner-btn {
    background: #fff;
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 500;
}

/* ========== 解决方案双卡片 ========== */
.card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.solution-card {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.solution-card img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.card-label {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

/* ========== AI系统板块 ========== */
.ai-dashboard {
    margin-top: 20px;
}

/* ========== 合作伙伴 ========== */
.partner-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    row-gap: 30px;
	padding-bottom: 20px;
}
.partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 16px; */
    background: #fff;
}
.partner-item img {
    /* height: 60px; */
	width: 100%;
	/* height: 80px; */
	
}

/* ========== 表单区域 ========== */
.form-box {
    max-width: 900px;
    margin: 40px auto 0;
    text-align: left;
	padding-bottom: 60px;
}
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.form-col label {
    display: block;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}
.form-col input {
    width: 100%;
    height: 36px;
}
.form-full label {
    display: block;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
}
.form-full textarea {
    width: 100%;
    height: 100px;
    resize: none;
}
.form-buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.btn-blue {
    background: #1a4480;
    color: #fff;
    width: 140px;
    padding: 10px;
    border-radius: 2px;
}

/* ========== 页脚 ========== */
.footer {
    background: #164a7c;
    color: #fff;
    padding: 60px 0;
}
.footer-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.footer-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
}
.footer-slogan {
    font-size: 13px;
    margin-bottom: 24px;
    opacity: 0.8;
}
.footer-contact p {
    font-size: 12px;
    line-height: 1.6;
    opacity: 0.75;
    margin-bottom: 8px;
}
.social-link {
    margin-top: 20px;
}
.footer-nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.footer-col h4 {
    font-size: 14px;
    margin-bottom: 16px;
}
.footer-col a {
    display: block;
    color: #ddd;
    font-size: 12px;
    margin-bottom: 8px;
    opacity: 0.7;
}

/* ====================================== */
/* 响应式媒体查询 - 三大断点 */
/* ====================================== */
/* 平板：≤992px */
@media screen and (max-width:992px) {
    .pc-menu {
        display: none;
    }
    .hamburger {
        display: flex;
    }
    .partner-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-wrap {
        grid-template-columns: 1fr;
    }
    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 30px;
    }
}

/* 手机横屏：≤768px */
@media screen and (max-width:768px) {
    .section {
        padding: 40px 0;
    }
    .banner-content h1 {
        font-size: 26px;
    }
    .card-grid {
        grid-template-columns: 1fr;
    }
    .solution-card img {
        height: 260px;
    }
    .partner-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .form-row {
        grid-template-columns: 1fr;
    }
    .banner {
        height: 70vh;
    }
    .banner-bg img {
        height: 70vh;
    }
}

/* 手机竖屏：≤576px */
@media screen and (max-width:576px) {
    .section-title {
        font-size: 22px;
    }
    .banner-content h1 {
        font-size: 20px;
    }
    .banner-btn {
        padding: 10px 24px;
        font-size: 14px;
    }
    .partner-grid {
        grid-template-columns: 1fr;
    }
    .footer-nav {
        grid-template-columns: 1fr;
    }
}

/* product页面新增样式 */
/* ========== product页面新增专属样式 ========== */
/* 解决方案页面顶部横幅副标题 */
.banner-subtext {
    color: #fff;
    font-size: 18px;
    margin-top: 8px;
    opacity: 0.9;
    letter-spacing: 0.5px;
}
.sol-banner {
    margin-top: 60px;
    height: 60vh;
}
.sol-banner .banner-bg img {
    height: 90vh;
	width: 100%;
}

/* 四大系统图文交替模块 */
.system-list {
    gap: 60px;
    display: flex;
    flex-direction: column;
}
.system-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    /* align-items: center; */
	padding-top: 60px;
}
.system-img{
	height: 48vh;
}
.system-img img {
    width: 100%;
    border-radius: 4px;
	height: 100%;
}
.system-text h3 {
    font-size: 28px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #111;
}
.system-list-item {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 16px;
    color: #333;
    line-height: 1.7;
    font-size: 18px;
}
.system-desc {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

/* 四大特性蓝色卡片区域 */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}
.feature-card {
    background-color: #073456;
    color: #fff;
    padding: 32px 16px;
    border-radius: 4px;
}
.feature-card img {
    width: 120px;
    margin: 0 auto 16px;
    filter: brightness(10);
}
.feature-card h4 {
    font-size: 24px;
    margin-bottom: 8px;
}
.feature-card p {
    font-size: 18px;
    opacity: 0.85;
    line-height: 1.5;
}

/* ========== product页面响应式适配（追加至媒体查询末尾） ========== */
/* 平板 ≤992px */
@media screen and (max-width:992px) {
    .system-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    /* 手机端图文顺序自动反转 */
    .row-img-right .system-img {
        order: -1;
    }
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 手机横屏 ≤768px */
@media screen and (max-width:768px) {
    .sol-banner {
        height: 50vh;
    }
    .sol-banner .banner-bg img {
        height: 50vh;
    }
    .banner-subtext {
        font-size: 16px;
    }
    .system-list {
        gap: 40px;
    }
}
/* 手机竖屏 ≤576px */
@media screen and (max-width:576px) {
    .feature-grid {
        grid-template-columns: 1fr;
    }
}

/* ===================== solution 页面专属样式 ===================== */
/* 顶部横幅 */
.turnkey-banner {
    margin-top: 60px;
    height: 60vh;
}
.turnkey-banner .banner-bg img {
    height: 90vh;
	width: 100%;
}
.banner-subtext {
    color: #fff;
    font-size: 18px;
    margin-top: 8px;
    opacity: 0.9;
    letter-spacing: 0.5px;
}

/* 四步流程模块 */
.step-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}
.step-card {
    /* color: #1a4480; */
    padding: 32px 20px;
    border-radius: 4px;
}
.step-icon {
	color: #fff;
    margin-bottom: 16px; 
	background-color: #073456;
	padding:10px;
	border-radius: 6px;
}
.step-icon img{
    width: 120px;
	margin: 0 auto 16px;
}
.step-card h4 {
    font-size: 16px;
    margin-bottom: 6px;
	text-align: left;
}
.step-card h5 {
    font-size: 18px;
    margin-bottom: 12px;
}
.step-card p {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
}

/* 园区全景大图容器 */
.container-full {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.overview-wrap {
    position: relative;
    width: 100%;
}
.overview-wrap img {
    width: 100%;
    display: block;
}
/* 标注标签通用 */
.overview-tag {
    position: absolute;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.tag-icon {
    width: 24px;
    height: 24px;
    background: #1a4480;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
}
.tag-text {
    background: rgba(255,255,255,0.92);
    padding: 8px 12px;
    max-width: 260px;
}
.tag-text h6 {
    font-size: 13px;
    margin-bottom: 4px;
    color: #1a4480;
}
.tag-text p {
    font-size: 11px;
    color: #333;
    line-height: 1.4;
}
/* 标签定位坐标（匹配原图位置） */
.tag-env {
    top: 42%;
    left: 3%;
}
.tag-energy {
    top: 16%;
    left: 20%;
}
.tag-fert {
    top: 46%;
    right: 3%;
}
.tag-inputs {
    top: 18%;
    right: 10%;
}
/* 底部半透明文字遮罩 */
.overview-desc {
    position: absolute;
        bottom: 44px;
        left: 0;
        width: 43%;
        background: rgb(255 255 255 / 45%);
        padding: 20px 30px;
}
.overview-desc h3 {
    font-size: 28px;
    margin-bottom: 8px;
	color: #164a7c;
}
.overview-desc p {
    font-size: 16px;
    opacity: 0.9;
	color: #333;
    max-width: 800px;
}

/* 四大系统缩略卡片 */
.thumb-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.thumb-card {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.thumb-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.thumb-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(26,68,128,0.8);
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
}

/* 项目案例区块 */
.case-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    text-align: left;
    margin: 60px 0;
}
.case-img img {
    width: 100%;
    border-radius: 4px;
}
.case-text h3 {
    font-size: 28px;
    margin-bottom: 6px;
}
.case-sub {
    font-size: 14px;
    color: #666;
    margin-bottom: 16px;
}
.case-text p {
    font-size: 18px;
    line-height: 2;
    color: #333;
    margin-bottom: 12px;
}

/* ===================== 响应式补充 ===================== */
/* 平板 ≤992px */
@media screen and (max-width:992px) {
    .step-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .thumb-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .case-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    /* 右侧图片行，手机图片上移 */
    .case-img-right .case-img {
        order: -1;
    }
    .tag-text {
        max-width: 200px;
    }
}
/* 手机横屏 ≤768px */
@media screen and (max-width:768px) {
    .turnkey-banner {
        height: 50vh;
    }
    .turnkey-banner .banner-bg img {
        height: 50vh;
    }
    .banner-subtext {
        font-size: 16px;
    }
    .overview-tag {
        display: none; /* 小屏隐藏标注标签，避免拥挤 */
    }
    .thumb-card img {
        height: 180px;
    }
}
/* 手机竖屏 ≤576px */
@media screen and (max-width:576px) {
    .step-grid {
        grid-template-columns: 1fr;
    }
    .thumb-grid {
        grid-template-columns: 1fr;
    }
    .overview-desc h3 {
        font-size: 16px;
    }
}