*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
:root{--primary:#1a4b8c;--secondary:#3678c7;--light:#f5f7fa;--dark:#333;--gray:#666}
body{color:var(--dark);line-height:1.6;overflow-x: hidden;}
.container{width:100% !important;max-width:1200px;margin:0 auto;padding:0 15px}
a{text-decoration:none}
ul{list-style:none}

/* 头部 */
header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;position: relative;}


/* 轮播图 */
.banner-box {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: var(--primary);
}
.banner-slide-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.8s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-slide.active {
    opacity: 1;
    z-index: 2;
}

.slide-content {
    max-width: 900px;
    text-align: center;
    color: #fff;
    padding: 0 20px;
}
.slide-content h2 {
    font-size: 46px;
    margin-bottom: 20px;
}
.slide-content p {
    font-size: 18px;
    margin-bottom: 30px;
}
.slide-btn {
    display: inline-block;
    background: var(--secondary);
    color: #fff;
    padding: 14px 36px;
    border-radius: 5px;
    font-size: 16px;
}
.banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 24px;
    z-index: 10;
    cursor: pointer;
}
.banner-arrow-left { left: 20px; }
.banner-arrow-right { right: 20px; }
.banner-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 10;
}
.indicator-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
}
.indicator-dot.active {
    background: #fff;
}

/* 图标样式优化 */
.adv-icon {
    font-size: 36px;
    color: var(--primary);
    margin-bottom: 20px;
}
.adv-card {
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.adv-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

/* 通用 */
.section{padding:70px 0}
.bg-light{background:var(--light)}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:32px; color:var(--primary);margin-bottom:10px}
.section-title p{color:var(--gray);max-width:700px;margin:0 auto}

/* About页面Banner */
.about-banner{width:100%;height:300px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.about-banner-content h2{font-size:42px;margin-bottom:15px}
.about-banner-content p{font-size:18px;max-width:800px;margin:0 auto}

/* 优势 */
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.adv-card{background:#fff;padding:35px 25px;border-radius:10px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,0.05)}
.adv-card h3{margin:15px 0;color:var(--primary)}
 /* 公司简介 */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:60px}
.about-intro-img img{width:100%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.about-intro-text h3{font-size:24px;color:var(--primary);margin-bottom:20px}
.about-intro-text p{margin-bottom:16px;line-height:1.8}
.about-intro-text .btn{display:inline-block;margin-top:10px}

/* 关于我们 */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-img img{width:100%;border-radius:10px}
.about-text p{margin-bottom:16px}

/* 核心团队 */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.team-card{text-align:center;background:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);transition:transform 0.3s}
.team-card:hover{transform:translateY(-5px)}
.team-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-name{font-size:18px;color:var(--primary);margin-bottom:5px}
.team-position{color:var(--gray);font-size:14px;margin-bottom:15px}
.team-desc{font-size:14px;color:var(--dark);line-height:1.6}

/* 技术体系 */
.tech-system{background:var(--primary);color:#fff}
.tech-system .section-title h2{color:#fff}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}

/* 产品 */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,0.05)}
.product-card img{width:100%;height:220px;object-fit:cover}
.product-info{padding:25px}
.product-info h3{color:var(--primary)}
.more{color:var(--secondary)}

/* 流程 */
.flow{display:flex;justify-content:space-between;text-align:center}
.flow-item{width:16%}
.flow-step{width:50px;height:50px;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px}

/* 新闻资讯样式 */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}
.news-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}
.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.news-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.news-content {
    padding: 25px;
}
.news-date {
    color: var(--gray);
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.news-content h3 {
    color: var(--primary);
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.news-content p {
    color: var(--gray);
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 14px;
}
.news-more {
    color: var(--secondary);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}
.news-more:hover {
    color: var(--primary);
}
.news-more-btn {
    text-align: center;
}

/* Contact页面Banner */
.contact-banner{width:100%;height:300px;background:linear-gradient(rgba(26,75,140,0.85),rgba(26,75,140,0.95)),url(https://picsum.photos/id/1031/1920/600);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.contact-banner-content h2{font-size:42px;margin-bottom:15px}
.contact-banner-content p{font-size:18px;max-width:800px;margin:0 auto}

/* 面包屑导航 */
.breadcrumb{padding:20px 15px;background:var(--light);border-bottom:1px solid #eee}
.breadcrumb-wrap{display:flex;align-items:center;gap:8px;font-size:14px}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb .active{color:var(--primary);font-weight:bold}

/* 联系信息+表单 */
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}
/* 联系信息 */
.contact-info{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05)}
.contact-info h3{font-size:24px;color:var(--primary);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee}
.contact-info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}
.contact-info-icon{font-size:22px;color:var(--secondary);margin-top:3px}
.contact-info-text h4{font-size:16px;color:var(--dark);margin-bottom:8px}
.contact-info-text p{color:var(--gray);line-height:1.6}
/* 地图占位 */
.contact-map{width:100%;height:250px;background:#eee;border-radius:8px;margin-top:30px;display:flex;align-items:center;justify-content:center;color:var(--gray)}
.contact-map i{font-size:36px;margin-bottom:10px}
.contact-map p{text-align:center}

/* 联系表单 */
.contact-form{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05)}
.contact-form h3{font-size:24px;color:var(--primary);margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:var(--dark);font-size:14px}
.form-group input,
.form-group select,
.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:var(--dark);outline:none;transition:border 0.3s}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{border-color:var(--secondary)}
.form-group textarea{min-height:150px;resize:vertical}
.form-btn{display:inline-block;background:var(--secondary);color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;transition:background 0.3s}
.form-btn:hover{background:var(--primary)}


/* ====================== 产品详情页全局样式 ====================== */
.page-title{background:var(--primary);color:#fff;text-align:center;padding:40px 0}
.product-detail{padding:80px 0}
.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.detail-img img{width:100%;border-radius:10px}
.detail-info h2{color:var(--primary);margin-bottom:20px}
.detail-info p{margin-bottom:15px;line-height:1.8}
.params{background:var(--light);padding:20px;border-radius:10px;margin:20px 0}
.params h3{margin-bottom:15px;color:var(--primary)}
.params li{list-style:none;padding:5px 0;border-bottom:1px dashed #ddd}
/* 新闻详情 */
.news-detail{padding:50px 0}
.detail-wrap{display:grid;grid-template-columns:3fr 1fr;gap:40px}

/* ====================== 版权区样式（修复换行错乱） ====================== */
.copyright {
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 1.8;
    white-space: nowrap; /* 强制不换行，解决错乱 */
    overflow: hidden;
    text-overflow: ellipsis;
}

.copyright a {
    color: #ff7800; /* 西骏传媒专属橙色 */
    text-decoration: none;
    font-weight: bold;
}

.copyright a:hover {
    color: #ff9933;
}
/* 新闻布局 */
    .news-wrap{display:grid;grid-template-columns:3fr 1fr;gap:40px}
    .news-item{display:flex;gap:25px;padding:25px 0;border-bottom:1px dashed #eee}
    .news-list{background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);padding:40px}
/* 新闻筛选 */
    .news-filter{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
    .filter-label{font-weight:500;color:var(--dark)}
    .news-type-btn{padding:8px 18px;border:1px solid #ddd;border-radius:5px;background:#fff;color:var(--dark);cursor:pointer;transition:all 0.3s}
    .news-type-btn:hover{border-color:var(--secondary);color:var(--secondary)}
    .news-type-btn.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}
/* 按钮样式 */
    .btn{display:inline-block;background:var(--secondary);color:#fff;padding:12px 30px;border-radius:5px;font-size:16px;transition:background 0.3s}
    .btn:hover{background:var(--primary)}
/* 分页 */
.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}
.page-btn{width:40px;height:40px;border-radius:5px;border:1px solid #ddd;background:#fff;color:var(--dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s}
.page-btn:hover{border-color:var(--secondary);color:var(--secondary)}
.page-btn.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}
.page-prev,.page-next{width:auto;padding:0 15px}
/* 新闻内容 */
.news-content{background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);padding:40px}
.news-detail-title{font-size:18px;color:var(--primary);line-height:1.5;margin-bottom:20px;text-align:center}
.news-detail-meta{display:flex;justify-content:center;align-items:center;gap:25px;color:var(--gray);font-size:14px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #eee}
.meta-item{display:flex;align-items:center;gap:5px}
.news-detail-img{width:100%;max-height:500px;border-radius:8px;overflow:hidden;margin:30px 0}
.news-detail-img img{width:100%;height:100%;object-fit:cover}
.news-detail-text{color:var(--gray);line-height:1.8;font-size:16px;margin-bottom:30px}
.news-detail-text h3{color:var(--dark);font-size:20px;margin:25px 0 15px}
.news-detail-text p{margin-bottom:15px;text-indent:2em}
.news-detail-text img{max-width:100%;border-radius:8px;margin:20px 0}
.news-detail-text ul{margin:15px 0 15px 20px;list-style:disc}
.news-detail-text ul li{margin-bottom:8px}
/* 新闻分类 */
.news-cate{background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);padding:25px}
.cate-title{font-size:18px;color:var(--primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.cate-list{display:flex;flex-direction:column;gap:10px}
.cate-item{padding:10px 15px;color:var(--dark);border-radius:5px;transition:all 0.3s}
.cate-item:hover{background:var(--light);color:var(--secondary)}
.cate-item.active{background:var(--secondary);color:#fff}
/* 新闻侧边栏 */
.news-sidebar{display:flex;flex-direction:column;gap:30px}
/* 热门新闻 */
.hot-news{background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);padding:25px}
.hot-title{font-size:18px;color:var(--primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.hot-item{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.hot-item:last-child{border-bottom:none}
.hot-item-img{width:80px;height:60px;border-radius:5px;overflow:hidden;flex-shrink:0}
.hot-item-img img{width:100%;height:100%;object-fit:cover}
.hot-item-content{flex:1}
.hot-item-title{font-size:14px;color:var(--dark);line-height:1.4;margin-bottom:5px;transition:color 0.3s}
.hot-item-title:hover{color:var(--secondary)}
.hot-item-date{font-size:12px;color:var(--gray)}
/* 搜索框 */
.news-search{background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.05);padding:25px}
.search-title{font-size:18px;color:var(--primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.search-form{display:flex;gap:10px}
.search-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:5px;outline:none;transition:border 0.3s}
.search-input:focus{border-color:var(--secondary)}
.search-btn{padding:0 20px;background:var(--secondary);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background 0.3s}
.search-btn:hover{background:var(--primary)}
/* 企业愿景 */
.vision{background:linear-gradient(rgba(26,75,140,0.9),rgba(26,75,140,0.95)),url(https://picsum.photos/id/1076/1920/600);background-size:cover;background-position:center;color:#fff;padding:100px 0;text-align:center}
.vision h2{font-size:36px;margin-bottom:30px}
.vision p{font-size:18px;max-width:800px;margin:0 auto;line-height:1.8}

/* ====================== 产品列表 ====================== */
        .page-title{background:var(--primary);color:#fff;text-align:center;padding:50px 0}
        .product-list{padding:80px 0}
        .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
        .product-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:0.3s}
        .product-item:hover{transform:translateY(-5px)}
        .product-item img{width:100%;object-fit:cover;height: 200px}
        .product-info{padding:25px}
        .product-info h3{color:var(--primary);margin-bottom:10px}
        .product-info p{margin-bottom:15px}
        .more{display:inline-block;background:var(--secondary);color:#fff;padding:8px 20px;border-radius:5px;text-decoration:none}


/* ====================== 平板适配（769px - 1024px） ====================== */
@media (max-width:1024px) {
    .about-intro {
    grid-template-columns: 1fr;
    gap: 25px;margin-bottom: 0
    }
    .about-banner-content p{margin: 0 10px}
    .team-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;
    }
    .advantage-grid{grid-template-columns: repeat(2, 1fr);}
    .tech-grid{grid-template-columns: repeat(2, 1fr);}
    .product-grid{grid-template-columns: repeat(2, 1fr);}
    .news-grid{grid-template-columns: repeat(2, 1fr);}
    .flow{flex-wrap: wrap; gap: 20px;}
    .flow-item{width: 45%; margin-bottom: 20px;}
}

/* ====================== 移动端响应式（768px 以下） ====================== */
@media (max-width:768px){


    /* 轮播 */
    .banner-box{height: 380px;}
    .slide-content h2{font-size: 26px; line-height: 1.3;}
    .slide-content p{font-size: 15px;}
    .slide-btn{padding: 10px 24px; font-size: 14px;}
    .banner-arrow{width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
    .banner-indicator{bottom: 20px;}

    /* 标题间距 */
    .section{padding: 40px 0;}
    .section-title{margin-bottom: 25px;}
    .section-title h2{font-size: 24px;}
    .section-title p{font-size: 14px; padding: 0 10px;}

    /* 优势 4列 → 1列 */
   
    .adv-card{padding: 25px 15px;}
    .adv-icon{font-size: 30px;}

    /* 关于我们 左右 → 上下 */
    .about-wrap{grid-template-columns: 1fr; gap: 25px;}
    .about-text{padding: 0 5px;}
    .about-intro{grid-template-columns: 1fr; gap: 25px;}

    /* 技术体系 3列 → 1列 */
    .tech-grid{grid-template-columns: 1fr; gap: 20px;}

    /* 产品 3列 → 1列 */
    .product-grid{grid-template-columns: 1fr; gap: 20px;}
    .product-card img{height: 180px;}
    .product-info{padding: 18px;}
    .product-detail{padding: 20px 0}

    /* 流程 横排 → 竖排 */
    .flow{flex-direction: column; gap: 15px;}
    .flow-item{width: 100%;}
    .flow-step{width: 45px; height: 45px;}

    /* 新闻 3列 → 1列 */
    .news-grid{grid-template-columns: 1fr; gap: 20px;}
    .news-content{padding: 18px;}
    .news-wrap{display:grid;grid-template-columns:1fr;gap:40px}
    /* 新闻详情 */
    .news-detail{padding:10px 0}
    .cate-item{padding:5px 15px;color:var(--dark);border-radius:5px;transition:all 0.3s}
    /* 上下篇导航 */
    .news-nav{display:flex;justify-content:space-between;padding-top:30px;margin-top:30px;border-top:1px solid #eee}
    .news-nav-item{display:flex;align-items:center;gap:8px;color:var(--dark);transition:color 0.3s;width: 50%;}
    .news-nav-item:hover{color:var(--secondary)}
    .prev-news{justify-content:flex-start}
    .next-news{justify-content:flex-end}

    /* 联系我们 左右 → 上下 */
    .contact-wrap{grid-template-columns: 1fr; gap: 25px;}
    .contact-info, .contact-form{padding: 25px 20px;}

    /* Banner 高度 */
    .contact-banner{height: 200px;}
    .contact-banner-content h2{font-size: 26px;}
    .contact-banner-content p{font-size: 15px;}

    .copyright a {
    display: block;
    }
    .news-item{display: block;gap:25px;padding:25px 0;border-bottom:1px dashed #eee}
    .news-list{padding:20px}
    .detail-wrap{display:grid;grid-template-columns:1fr;gap:20px}
    .news-filter{margin: 0}
    .pagination{display:block;}
    .news-sidebar{gap:10px}
    .hot-news{padding:0 15px}
    .news-search{padding: 20px 0}
    /* 企业愿景 */
    .vision{padding: 50px 0}
}

/* ====================== 小屏手机（360px 以下） ====================== */
@media (max-width:360px) {
    .slide-content h2{font-size: 22px;}
    .section-title h2{font-size: 22px;}
    .contact-banner-content h2{font-size: 24px;}
    .banner-box{height: 320px;}
}