* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --primary: #1677ff;
    --primary-dark: #0f5fcc;
    --white: #ffffff;
    --text-main: #222222;
    --text-gray: #666666;
    --bg-gray: #f4f7fc;
    --border-color: #e8edf2;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: "Microsoft YaHei", system-ui, sans-serif;
    color: var(--text-main);
    background: var(--white);
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    max-width: 100%;
    display: block;
}

/* 导航栏 */
.header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white);
    box-shadow: 0 2px 12px rgba(22,119,255,0.08);
    z-index: 999;
}
.header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 0 20px;
}
.logo-box img {
    height: 44px;
}
.nav-pc {
    display: flex;
    gap: 4px;
    align-items: center;
}
.nav-item {
    position: relative;
    padding: 0 16px;
    height: 70px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.nav-item > a {
    font-size: 15px;
    color: var(--text-main);
}
.nav-item:hover > a {
    color: var(--primary);
}
/* 二级子菜单带图片 */
.submenu-wrap {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 520px;
    background: var(--white);
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    border-radius: 8px;
    padding: 20px;
    display: none;
}
.nav-item:hover .submenu-wrap {
    display: block;
}
.sub-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:16px;
}
.sub-item {
    display: flex;
    gap:12px;
    align-items: center;
}
.sub-item-img {
    width: 70px;
    height: 50px;
    border-radius:4px;
    background-color:var(--bg-gray);
    overflow:hidden;
}
.sub-item-img img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.sub-item-text h5 {
    font-size:14px;
    margin-bottom:4px;
}
.sub-item-text p {
    font-size:12px;
    color:var(--text-gray);
}
/*导航搜索框*/
.search-box {
    display:flex;
    align-items:center;
    margin-left:12px;
}
.search-input {
    height:34px;
    border:1px solid var(--border-color);
    border-radius:17px;
    padding:0 36px 0 14px;
    outline:none;
    font-size:14px;
    width:180px;
    transition:width 0.3s;
}
.search-input:focus {
    border-color:var(--primary);
    width:220px;
}
.search-btn {
    margin-left:-32px;
    border:none;
    background:none;
    cursor:pointer;
    font-size:16px;
    color:var(--text-gray);
}

.mobile-menu-btn {
    display: none;
    font-size:26px;
    cursor:pointer;
}
.nav-mobile {
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    background:var(--white);
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    display:none;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    overflow-x:hidden;
}
.mobile-nav-item {
    padding:14px 22px;
    border-bottom:1px solid var(--border-color);
}
.mobile-sub-box {
    padding-left:16px;
    padding-top:8px;
}
.mobile-search {
    padding:14px 22px;
    border-bottom:1px solid var(--border-color);
}
.mobile-search input {
    width:100%;
    height:36px;
    border:1px solid var(--border-color);
    border-radius:4px;
    padding:0 12px;
    font-size:14px;
}
/* 通用区块 */
section {
    padding:72px 20px;
}
.container {
    max-width:1200px;
    margin:0 auto;
}
.section-title {
    text-align:center;
    margin-bottom:48px;
}
.section-title h3 {
    font-size:30px;
    color:var(--text-main);
    margin-bottom:12px;
}
.section-title p {
    color:var(--text-gray);
}


/* 页脚 */
footer {
    background:#0f1c30;
    color:#b8c2d0;
    padding:48px 20px 24px;
}
.footer-container {
    max-width:1200px;
    margin:0 auto;
}
.footer-grid {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:32px;
    margin-bottom:36px;
}
.footer-col h4 {
    color:#fff;
    margin-bottom:18px;
}
.footer-col li {
    margin-bottom:10px;
}
.copyright {
    text-align:center;
    padding-top:24px;
    border-top:1px solid #23344e;
    font-size:14px;
}

/* 响应式断点 */
@media (max-width:1199px) and (min-width:768px) {
    .product-grid {
grid-template-columns: repeat(2,1fr);
    }
    .case-grid {
grid-template-columns: repeat(2,1fr);
    }
    .process-grid {
grid-template-columns: repeat(2,1fr);
    }
    .process-item:not(:last-child)::after {
display:none;
    }
    .client-grid {
grid-template-columns: repeat(3,1fr);
    }
    .footer-grid {
grid-template-columns: repeat(2,1fr);
    }
    .submenu-wrap {
width:440px;
    }
}
@media (max-width:767px) {
    .nav-pc {
display:none;
    }
    .mobile-menu-btn {
display:block;
    }
    .banner-box {
height:360px;
    }
    .slide-content h2 {
font-size:28px;
    }
    .product-grid {
grid-template-columns:1fr;
    }
    .case-grid {
grid-template-columns:1fr;
    }
    .process-grid {
grid-template-columns:1fr;
    }
    .process-item:not(:last-child)::after {
display:none;
    }
    .client-grid {
grid-template-columns: repeat(2,1fr);
    }
    .contact-grid {
grid-template-columns:1fr;
    }
    .footer-grid {
grid-template-columns:1fr;
    }
    .search-box {
display:none;
    }
}