@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root {
    --primary-blue: #1e3a8a;
    --accent-red: #d62424;
    --dark-blue: #111827;
}

body {
    font-family: 'Noto Sans SC', sans-serif;
    color: #333;
    background-color: #f8f9fa;
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.transition-all {
    transition: all 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}

.product-card {
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.advantage-item {
    transition: all 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-3px);
}

.service-icon {
    transition: all 0.3s ease;
}

.service-item:hover .service-icon {
    transform: scale(1.1);
}

.marquee-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.marquee-content {
    display: inline-block;
    animation: marquee 30s linear infinite;
}

.marquee-item {
    display: inline-block;
    margin-right: 2rem;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

/* 响应式导航 */
.mobile-nav {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-nav.active {
    transform: translateX(0);
}

/* 滚动动画 */
.scroll-fade {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.scroll-fade.active {
    opacity: 1;
    transform: translateY(0);
}

/* 固定电话按钮 */
.fixed-phone {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    transition: all 0.3s ease;
}

.fixed-phone:hover {
    transform: scale(1.1);
}

/* 返回顶部按钮 */
.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;

}

.back-to-top.active {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    transform: translateY(-3px);
}

/* 防止页面出现横向滚动条 */
html, body {
    overflow-x: hidden;
    width: 100%;
}

/* 新闻纯文字资讯卡片样式 */
.news-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 24px; transition: all 0.3s ease; }
.news-card:hover { border-color: #dc2626; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }


/* 新闻详情页 副导航样式 */
.sub-nav-item { padding: 10px 30px; border-radius: 50px; font-weight: 500; transition: all 0.3s ease; }
.sub-nav-active { background-color: #dc2626; color: #fff; }
.sub-nav-normal { background-color: #f3f4f6; color: #374151; }
.sub-nav-normal:hover { background-color: #fef2f2; color: #dc2626; }
/* 详情页正文样式 */
.article-content p { margin-bottom: 1.2rem; line-height: 1.8; font-size: 16px; color: #444; }
.article-content h2 { font-size: 22px; font-weight: bold; margin: 2rem 0 1rem; color: #222; }