/*=====================================================
ZANSONG 品牌主题样式
www.zansongtech.com
版本: 1.0
日期: 2026-08-18
说明: ZANSONG 品牌官网主题样式 - 红色主色调
=====================================================*/

:root {
    --zs-primary: #e60012;
    --zs-primary-dark: #c00010;
    --zs-primary-light: #ff1a2e;
    --zs-secondary: #2c2c2c;
    --zs-text: #333333;
    --zs-text-light: #666666;
    --zs-bg: #ffffff;
    --zs-bg-gray: #f5f5f5;
    --zs-border: #e0e0e0;
}

/* 主题色调覆盖 */
body {
    color: var(--zs-text);
    background: var(--zs-bg);
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

a {
    color: var(--zs-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--zs-primary-dark);
}

/* 主色调按钮 */
.btn-primary,
.btn-zs {
    background-color: var(--zs-primary);
    border-color: var(--zs-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-zs:hover {
    background-color: var(--zs-primary-dark);
    border-color: var(--zs-primary-dark);
    color: #fff;
}

/* 标题装饰 */
.zs-title {
    color: var(--zs-primary);
    font-weight: bold;
}

/* 顶部导航栏 */
.topic.fd.l.bgfff,
.topic {
    background: #fff;
    border-bottom: 3px solid var(--zs-primary);
}

/* 品牌红背景工具类 */
.bgzs, .bg-primary-zs {
    background: var(--zs-primary) !important;
    color: #fff !important;
}
.bg-primary-zs:hover {
    background: var(--zs-primary-dark) !important;
}

.topmeau .wz {
    color: var(--zs-text);
}

.topmeau .wz:hover {
    color: var(--zs-primary);
}

.topmeau .li_Select .wz,
.topmeau li.active .wz {
    color: var(--zs-primary);
}

/* 二级下拉菜单 */
.topmeau .posa.over.time1 {
    background: var(--zs-primary);
}

.topmeau .posa.over.time1 a {
    color: #fff;
}

.topmeau .posa.over.time1 a:hover {
    background: var(--zs-primary-dark);
}

/* 语言切换按钮 */
.lang-btn {
    transition: all 0.3s ease;
}

.lang-btn:hover {
    background-color: var(--zs-primary) !important;
    color: #fff !important;
}

/* 轮播图区域 */
.topindex-maxpic {
    background: var(--zs-bg);
}

/* 主要内容区 */
.main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 卡片样式 */
.zs-card {
    border: 1px solid var(--zs-border);
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
}

.zs-card:hover {
    box-shadow: 0 5px 20px rgba(230, 0, 18, 0.15);
    border-color: var(--zs-primary);
}

/* 产品列表 */
.zs-product-item {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.zs-product-item:hover {
    transform: translateY(-5px);
}

/* 文字强调 */
.zs-highlight {
    color: var(--zs-primary);
    font-weight: bold;
}

/* 分割线 */
.zs-divider {
    height: 3px;
    background: linear-gradient(to right, transparent, var(--zs-primary), transparent);
    margin: 30px 0;
}

/* 顶部装饰条 */
.zs-top-bar {
    height: 3px;
    background: var(--zs-primary);
    width: 100%;
}

/* 底部 */
.foot {
    background: var(--zs-secondary);
    color: #ccc;
}

/* 标题样式 */
h1.zs-h1, h2.zs-h2 {
    color: var(--zs-text);
    position: relative;
    padding-bottom: 10px;
}

h1.zs-h1::after, h2.zs-h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--zs-primary);
}

/* 表单输入框 */
input[type="text"]:focus,
textarea:focus {
    border-color: var(--zs-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(230, 0, 18, 0.2);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .lang-switch-wrapper {
        margin-top: 10px !important;
    }
}