/* 
 * 鑫达智联科技 - 企业官网样式表
 * 版本: 1.0.0
 * 移动端优先设计 | Yandex & Bing SEO优化
 */

/* ========== 基础重置 ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#fff;min-height:100vh}
img{max-width:100%;height:auto;display:block;border:0}
a{text-decoration:none;color:inherit;transition:color .3s ease}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}
input,button,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}
button{cursor:pointer;background:transparent}

/* ========== 布局容器 ========== */
.wrapperMain{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.sectionBlock{padding:50px 0}
.sectionBlock--gray{background:#f8f9fa}
.sectionBlock--primary{background:linear-gradient(135deg,#1a5fb4 0%,#0d47a1 100%);color:#fff}

/* ========== 头部导航 ========== */
.headerTop{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}
.headerTop.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.12)}
.headerInner{display:flex;align-items:center;justify-content:space-between;height:70px}
.brandLogo{display:flex;align-items:center;gap:10px}
.brandLogo .logoText{font-size:1.5rem;font-weight:700;color:#1a5fb4;letter-spacing:1px}
.brandLogo .logoSub{font-size:.75rem;color:#666;display:none}
.contactQuick{display:none;align-items:center;gap:8px;color:#1a5fb4;font-weight:600}
.contactQuick .iconTel{width:20px;height:20px}

/* 导航菜单 */
.navPrimary{display:none}
.navPrimary.active{display:block;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.navList{display:flex;flex-direction:column}
.navList .navItem{border-bottom:1px solid #eee}
.navList .navLink{display:block;padding:15px 20px;font-size:.95rem;color:#333;transition:all .3s ease}
.navList .navLink:hover,.navList .navLink.current{color:#1a5fb4;background:#f5f8ff}
.menuToggle{display:flex;flex-direction:column;gap:5px;padding:10px;cursor:pointer}
.menuToggle span{width:24px;height:2px;background:#333;transition:all .3s ease}

/* ========== 轮播横幅 ========== */
.heroBanner{margin-top:70px;position:relative;overflow:hidden;background:#f0f4f8}
.bannerSlider{display:flex;transition:transform .5s ease}
.bannerSlide{min-width:100%;position:relative}
.bannerSlide .slideImg{width:100%;height:300px;object-fit:cover}
.bannerSlide .slideContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.bannerSlide .slideTitle{font-size:1.8rem;margin-bottom:10px}
.bannerSlide .slideDesc{font-size:1rem;opacity:.9}
.bannerNav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.bannerNav .dotItem{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}
.bannerNav .dotItem.active{background:#fff;transform:scale(1.2)}
.bannerArrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0}
.heroBanner:hover .bannerArrow{opacity:1}
.bannerArrow:hover{background:#fff}
.bannerArrow--prev{left:15px}
.bannerArrow--next{right:15px}

/* ========== 公司简介 ========== */
.companyIntro{display:grid;gap:30px}
.introMedia{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.introMedia img{width:100%;height:250px;object-fit:cover}
.introContent{}
.introContent .sectionHead{margin-bottom:20px}
.introContent .introText{color:#555;margin-bottom:15px;text-align:justify}
.introContent .introList{margin:20px 0}
.introContent .introList li{position:relative;padding-left:25px;margin-bottom:10px;color:#444}
.introContent .introList li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#1a5fb4;border-radius:50%}
.btnPrimary{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#1a5fb4 0%,#0d47a1 100%);color:#fff;border-radius:5px;font-weight:500;transition:all .3s ease}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(26,95,180,.4)}

/* ========== 标题样式 ========== */
.sectionHead{text-align:center;margin-bottom:40px}
.sectionHead .headTitle{font-size:1.8rem;color:#222;margin-bottom:8px}
.sectionHead .headSub{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:2px}
.sectionHead--left{text-align:left}

/* ========== 服务项目 ========== */
.serviceGrid{display:grid;gap:20px}
.serviceCard{background:#fff;border-radius:10px;padding:25px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.06);transition:all .3s ease}
.serviceCard:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}
.serviceCard .cardIcon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.serviceCard .cardIcon svg{width:30px;height:30px;fill:#1a5fb4}
.serviceCard .cardTitle{font-size:1.1rem;color:#222;margin-bottom:10px}
.serviceCard .cardDesc{font-size:.9rem;color:#666;line-height:1.7}

/* ========== 数据统计 ========== */
.statsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.statItem{text-align:center;padding:20px}
.statItem .statNum{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:5px}
.statItem .statNum span{font-size:1.2rem}
.statItem .statLabel{font-size:.9rem;opacity:.9}

/* ========== 新闻动态 ========== */
.newsGrid{display:grid;gap:25px}
.newsCard{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.06);transition:all .3s ease}
.newsCard:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.newsCard .cardThumb{height:180px;overflow:hidden}
.newsCard .cardThumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.newsCard:hover .cardThumb img{transform:scale(1.05)}
.newsCard .cardBody{padding:20px}
.newsCard .cardDate{font-size:.8rem;color:#999;margin-bottom:8px}
.newsCard .cardTitle{font-size:1rem;color:#222;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.newsCard .cardExcerpt{font-size:.9rem;color:#666;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.newsCard .cardMore{display:inline-flex;align-items:center;gap:5px;margin-top:15px;color:#1a5fb4;font-size:.9rem}

/* ========== 解决方案 ========== */
.solutionGrid{display:grid;gap:20px}
.solutionCard{position:relative;border-radius:10px;overflow:hidden;height:200px}
.solutionCard .cardBg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.solutionCard:hover .cardBg{transform:scale(1.1)}
.solutionCard .cardOverlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);display:flex;align-items:flex-end;padding:20px}
.solutionCard .cardTitle{color:#fff;font-size:1.1rem}

/* ========== 合作伙伴 ========== */
.partnerList{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.partnerItem{width:120px;height:60px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;filter:grayscale(100%);opacity:.6;transition:all .3s ease}
.partnerItem:hover{filter:grayscale(0);opacity:1}
.partnerItem img{max-width:80%;max-height:40px}

/* ========== 联系区块 ========== */
.contactBlock{display:grid;gap:30px}
.contactInfo{}
.contactInfo .infoItem{display:flex;gap:15px;margin-bottom:20px}
.contactInfo .infoIcon{width:45px;height:45px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactInfo .infoIcon svg{width:20px;height:20px;fill:#fff}
.contactInfo .infoText .label{font-size:.85rem;opacity:.8;margin-bottom:3px}
.contactInfo .infoText .value{font-size:1rem}
.contactForm{background:rgba(255,255,255,.1);border-radius:10px;padding:25px}
.formGroup{margin-bottom:15px}
.formGroup input,.formGroup textarea{width:100%;padding:12px 15px;background:rgba(255,255,255,.9);border-radius:5px;color:#333}
.formGroup textarea{height:100px;resize:vertical}
.formGroup input::placeholder,.formGroup textarea::placeholder{color:#999}
.btnSubmit{width:100%;padding:12px;background:#fff;color:#1a5fb4;border-radius:5px;font-weight:600;transition:all .3s ease}
.btnSubmit:hover{background:#f0f4f8}

/* ========== 页脚 ========== */
.footerMain{background:#1a2332;color:#fff;padding:50px 0 20px}
.footerGrid{display:grid;gap:30px;margin-bottom:30px}
.footerCol{}
.footerCol .colTitle{font-size:1.1rem;margin-bottom:15px;position:relative;padding-bottom:10px}
.footerCol .colTitle::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#1a5fb4}
.footerCol .colList li{margin-bottom:10px}
.footerCol .colList a{color:#aaa;font-size:.9rem;transition:color .3s ease}
.footerCol .colList a:hover{color:#fff}
.footerCol .colText{color:#aaa;font-size:.9rem;line-height:1.8}
.footerBottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center}
.footerBottom .copyright{color:#888;font-size:.85rem}
.footerBottom .copyright a{color:#aaa}
.footerBottom .copyright a:hover{color:#fff}

/* ========== 内页通用 ========== */
.pageBanner{margin-top:70px;background:linear-gradient(135deg,#1a5fb4 0%,#0d47a1 100%);padding:60px 0;text-align:center;color:#fff}
.pageBanner .bannerTitle{font-size:2rem;margin-bottom:10px}
.pageBanner .breadcrumb{font-size:.9rem;opacity:.8}
.pageBanner .breadcrumb a{color:#fff;opacity:.8}
.pageBanner .breadcrumb a:hover{opacity:1}

/* 关于我们页 */
.aboutSection{}
.aboutContent{display:grid;gap:30px}
.aboutText{color:#555;line-height:1.9;text-align:justify}
.aboutText p{margin-bottom:15px}
.timelineWrap{position:relative;padding-left:30px}
.timelineWrap::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#e0e0e0}
.timelineItem{position:relative;margin-bottom:30px}
.timelineItem::before{content:"";position:absolute;left:-24px;top:5px;width:10px;height:10px;background:#1a5fb4;border-radius:50%}
.timelineItem .timeYear{font-size:1.1rem;color:#1a5fb4;font-weight:600;margin-bottom:5px}
.timelineItem .timeDesc{color:#666;font-size:.95rem}

/* 新闻列表页 */
.newsListWrap{}
.newsListItem{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:25px;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.newsListItem .itemThumb{height:200px;overflow:hidden}
.newsListItem .itemThumb img{width:100%;height:100%;object-fit:cover}
.newsListItem .itemBody{padding:20px}
.newsListItem .itemDate{font-size:.85rem;color:#999;margin-bottom:10px}
.newsListItem .itemTitle{font-size:1.2rem;color:#222;margin-bottom:10px}
.newsListItem .itemExcerpt{color:#666;font-size:.95rem;line-height:1.7;margin-bottom:15px}
.newsListItem .itemMore{color:#1a5fb4;font-size:.9rem}

/* 新闻详情页 */
.articleWrap{background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.articleHead{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}
.articleHead .articleTitle{font-size:1.5rem;color:#222;margin-bottom:15px;line-height:1.4}
.articleHead .articleMeta{display:flex;flex-wrap:wrap;gap:15px;font-size:.85rem;color:#999}
.articleBody{color:#444;line-height:1.9}
.articleBody p{margin-bottom:15px;text-align:justify}
.articleBody h3{font-size:1.2rem;color:#222;margin:25px 0 15px}
.articleBody img{border-radius:8px;margin:20px 0}
.articleNav{display:flex;flex-direction:column;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}
.articleNav a{color:#666;font-size:.95rem}
.articleNav a:hover{color:#1a5fb4}

/* 联系我们页 */
.contactSection{}
.contactGrid{display:grid;gap:30px}
.contactCard{background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.contactCard .cardTitle{font-size:1.2rem;color:#222;margin-bottom:20px}
.contactCard .infoRow{display:flex;gap:15px;margin-bottom:15px}
.contactCard .infoRow .icon{width:40px;height:40px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactCard .infoRow .icon svg{width:18px;height:18px;fill:#1a5fb4}
.contactCard .infoRow .text{color:#555}
.contactCard .infoRow .text .label{font-size:.85rem;color:#999;margin-bottom:3px}
.mapContainer{height:300px;background:#f0f4f8;border-radius:10px;overflow:hidden}

/* ========== 响应式设计 ========== */
@media screen and (min-width:576px){
  .statsRow{grid-template-columns:repeat(4,1fr)}
  .serviceGrid{grid-template-columns:repeat(2,1fr)}
  .solutionGrid{grid-template-columns:repeat(2,1fr)}
  .newsGrid{grid-template-columns:repeat(2,1fr)}
}

@media screen and (min-width:768px){
  .brandLogo .logoSub{display:block}
  .contactQuick{display:flex}
  .heroBanner .slideImg{height:400px}
  .bannerSlide .slideTitle{font-size:2.5rem}
  .companyIntro{grid-template-columns:1fr 1fr;align-items:center}
  .introMedia img{height:350px}
  .serviceGrid{grid-template-columns:repeat(3,1fr)}
  .contactBlock{grid-template-columns:1fr 1fr}
  .footerGrid{grid-template-columns:repeat(2,1fr)}
  .newsListItem{flex-direction:row}
  .newsListItem .itemThumb{width:280px;height:auto;flex-shrink:0}
  .contactGrid{grid-template-columns:1fr 1fr}
}

@media screen and (min-width:992px){
  .navPrimary{display:block;position:static;background:transparent;box-shadow:none}
  .navList{flex-direction:row;gap:5px}
  .navList .navItem{border:none}
  .navList .navLink{padding:10px 18px;border-radius:5px}
  .navList .navLink:hover,.navList .navLink.current{background:#f0f4f8}
  .menuToggle{display:none}
  .heroBanner .slideImg{height:500px}
  .bannerSlide .slideTitle{font-size:3rem}
  .serviceGrid{grid-template-columns:repeat(4,1fr)}
  .sectionHead .headTitle{font-size:2.2rem}
  .newsGrid{grid-template-columns:repeat(3,1fr)}
  .solutionGrid{grid-template-columns:repeat(4,1fr)}
  .footerGrid{grid-template-columns:2fr 1fr 1fr 1fr}
  .articleWrap{padding:40px}
  .articleHead .articleTitle{font-size:1.8rem}
}

@media screen and (min-width:1200px){
  .wrapperMain{padding:0}
}

/* ========== 动画效果 ========== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animFadeUp{animation:fadeInUp .6s ease forwards}

/* ========== 工具类 ========== */
.textCenter{text-align:center}
.textLeft{text-align:left}
.textRight{text-align:right}
.mtSmall{margin-top:15px}
.mtMedium{margin-top:30px}
.mtLarge{margin-top:50px}
.mbSmall{margin-bottom:15px}
.mbMedium{margin-bottom:30px}
.mbLarge{margin-bottom:50px}
.hideMobile{display:none}
@media screen and (min-width:768px){.hideMobile{display:block}}
.hideDesktop{display:block}
@media screen and (min-width:992px){.hideDesktop{display:none}}