* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    background-color: #fff; /* 背景改为白色 */
    color: #000; /* 字体改为黑色 */
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* 顶部导航栏 */
.navbar {
    background-color: #f8f8f8; /* 调整为浅色背景 */
    position: sticky;
    top: 0;
    z-index: 1000;
}

.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0; /* 将上下内边距设置为20px，原为10px，变为两倍 */
}

.logo {
    font-size: 24px;
    font-weight: 700;
    color: #4CAF50; /* 绿色保持不变 */
    text-decoration: none;
}

.nav-links {
    list-style: none;
    display: flex;
}

.nav-links li {
    margin: 0 15px;
}

.nav-links a {
    color: #000; /* 链接文字改为黑色 */
    text-decoration: none;
    transition: color 0.3s;
}

.nav-links a:hover {
    color: #4CAF50; /* 悬停时变色 */
}

.social-media a {
    margin-left: 15px;
    color: #000; /* 社交媒体链接颜色改为黑色 */
    text-decoration: none;
}





/* 最新新闻动态 (Latest News) */

/* 全宽标题栏 */
.news-1 {
    width: 100%;
    background-color: #104E8B; /* 深蓝色背景，添加分号 */
    color: white;
    text-align: center;
    padding: 20px 0; /* 增加上下内边距 */
    font-size: 2rem; /* 调整标题字体大小 */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* 新闻板块容器样式 */
.news-container {
    max-width: 1920px; /* 限制最大宽度为1200px */
    margin: 0 auto; /* 水平居中 */
    padding: 20px; /* 增加内边距 */
    background:linear-gradient(#104E8B, #f0f0f0, #d9d9d9); /* 从浅灰到较浅灰的渐变背景 */
    position: relative; /* 相对定位为科技感线条准备 */
}

/* 科技感线条背景 */
.news-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('index-image/line.png') repeat; /* 替换为科技感线条图片 */
    opacity: 0.1; /* 设置透明度 */
    pointer-events: none; /* 确保不影响交互 */
}

/* 新闻列表样式 */
.news-list {
    list-style: none;
    padding: 0;
}

.news-list li {
    margin-bottom: 20px;
    margin-left: 20px;
}

/* 新闻卡片样式 */
.news-card {
    display: flex;
    align-items: flex-start;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    text-decoration: none; /* 去掉链接的下划线 */
    color: inherit; /* 继承文本颜色 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 1200px; /* 设置卡片宽度，可以根据需要调整 */
    max-width: 100%; /* 确保卡片在小屏幕上不会超出容器 */
    margin: 0 auto;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* 悬停时加深阴影效果 */
}

.news-card img {
    width: 400px;
    height: 200px;
    border-radius: 10px;
    object-fit: cover;
    margin-right: 20px;
}

.news-content {
    flex: 1;
    text-align: left;
}

.news-content h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #006600;
}

.news-content p {
    font-size: 1rem;
    color: #666666;
    margin: 10px 0;
}

.news-content .date {
    font-size: 0.9rem;
    color: #999999;
}

/* 查看全部新闻按钮 */
.btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #008B45;
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #006600;
}





/* 项目案例标题 */
.case-1 {
    width: 100%;
    background-color: #104E8B; /* 深蓝色背景，添加分号 */
    color: white;
    text-align: center;
    padding: 20px 0; /* 增加上下内边距 */
    font-size: 2rem; /* 调整标题字体大小 */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* 项目案例展示模块容器样式 */
.case-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 50px 20px;
    background-color: #f9f9f9;
    position: relative;
}

/* 科技感线条背景 */
.case-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('index-image/line.png') repeat; /* 替换为科技感线条图像的URL */
    opacity: 0.05; /* 线条透明度 */
    pointer-events: none; /* 不影响交互 */
}

/* 案例卡片布局 */
.case-grid {
    display: flex;
    flex-wrap: wrap; /* 允许项目换行，适合响应式布局 */
    justify-content: center; /* 水平居中 */
    gap: 100px; /* 卡片之间的间距 */
    margin: 0 auto;
}

/* 单个案例卡片样式 */
.case-card {
    background-color: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    max-width: 600px;
}

.case-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.case-card h3 {
    font-size: 1.5rem;
    color: #006600;
    margin: 50px 40px 10px;
}

.case-card p {
    font-size: 1rem;
    color: #666666;
    padding: 0 10px;
    margin-bottom: 20px;
}

.case-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* 按钮样式 */
.case-btn {
    display: inline-block;
    background-color: #008B45;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: background-color 0.3s ease;
}

.case-btn:hover {
    background-color: #006600;
}






/* 合作伙伴标题 */
.partner-1 {
    width: 100%;
    background-color: #104E8B; /* 深蓝色背景，添加分号 */
    color: white;
    text-align: center;
    padding: 20px 0; /* 增加上下内边距 */
    font-size: 2rem; /* 调整标题字体大小 */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Logo carousel container */
.logo-carousel {
    width: 100%; /* 占满整个页面宽度 */
    overflow: hidden; /* 隐藏溢出内容 */
    background-color: #f4f4f4; /* 背景颜色 */
    padding: 20px 0; /* 上下内边距 */
    position: relative;
}

/* Logo track container */
.logo-track {
    display: flex;
    width: max-content; /* 容器自适应宽度 */
    animation: scroll 30s linear infinite; /* 平滑滚动动画 */
}

/* Logo slide that holds the images */
.logo-slide {
    display: flex; /* 水平排列 logo */
}

.logo-slide img {
    width: 500px; /* 限制每个 logo 的宽度 */
    height: 200px; /* 限制每个 logo 的高度 */
    padding: 0 20px; /* 左右间距 */
    object-fit: contain; /* 保持图像的比例 */
}

/* 无缝滚动动画 */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}















/* CTA 区域 (Call to Action) */
.cta {
    padding: 40px 0;
    background-color: #f5f5f5; /* 调整为浅灰色背景 */
    text-align: center;
}

/* 页脚 */
footer {
    padding: 20px 0;
    background-color: #333; /* 背景改为灰色 */
    color:  #e0e0e0; /* 字体改为白色 */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 页脚导航链接 */
.footer-nav {
    margin-bottom: 15px;
}

.footer-nav a {
    font-size: 1 rem; /* 正文大小 */
    margin: 0 15px;
    color:  #e0e0e0; /* 链接文字改为白色 */
    text-decoration: none;
}

/* 联系信息 */
.contact-info p {
    font-size: 1 rem; /* 正文大小 */
    margin-bottom: 15px;
    color:  #e0e0e0; /* 联系信息文字改为白色 */
    margin: 5px 0; /* 设置上下间距，使各行更整齐 */
}

/* 版权信息 */
footer p {
    margin: 5px 0; /* 设置上下间距，使各行更整齐 */
}







/* 回到顶部.css */
#backToTop {
    position: fixed;  /* 固定定位 */
    bottom: 20px;     /* 距离底部 20 像素 */
    right: 20px;      /* 距离右侧 20 像素 */
    display: flex;
    flex-direction: column; /* 垂直排列 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease, bottom 0.3s ease;
    opacity: 0;  /* 初始透明度为 0 */
    visibility: hidden;  /* 初始状态为隐藏 */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* 添加过渡效果 */
}

#backToTop.show {
    opacity: 1;  /* 显示状态时透明度为 1 */
    visibility: visible; /* 显示状态时可见 */
}

/* 使用伪元素创建箭头 */
#backToTop::before {
    content: " ⬆";
    font-size: 24px;
    line-height: 1; /* 避免行高撑开 */
    margin-bottom: 10px; /* 调整箭头与文本的间距 */
    display: block;
}

    footer {
        padding: 15px 10px; /* 减少页脚的内边距 */
        margin: auto;
    }
    .footer-nav a {
        margin: 5px 8px; /* 调整导航链接的间距 */
    }