/* ========================================
   华舜智瑞首页内联样式提取
   来源：nav.html / index.html / footer.html
   ======================================== */

/* ========== nav.html 导航样式 ========== */
.hszr-nav-item{position:relative;list-style:none;}

/* mega menu 大面板 */
.hszr-mega{display:none;position:fixed;top:72px;left:0;width:100%;background:#fff;box-shadow:0 -2px 4px 0 rgba(175,187,210,0.1);z-index:1001;padding:25px 0 0;}
.hszr-nav-item:hover .hszr-mega{display:block;}
.hszr-mega-title{width:1400px;margin:0 auto;font-size:24px;font-weight:500;color:#333;line-height:48px;}
.hszr-mega-grid{width:1400px;margin:18px auto 0;display:flex;flex-wrap:wrap;}
.hszr-mega-group{display:flex;flex-direction:column;align-items:center;width:25%;box-sizing:border-box;}
.hszr-mega-group.count-3{width:33.33%;}
.hszr-mega-group.count-2{width:50%;}
.hszr-mega-group.count-1{width:100%;}
.hszr-mega-link{display:flex;align-items:center;gap:16px;text-decoration:none;margin-bottom:55px;}
.hszr-mega-link img{width:32px;height:32px;flex-shrink:0;}
.hszr-mega-link-text{display:flex;flex-direction:column;}
.hszr-mega-link-text span:first-child{font-size:18px;font-weight:500;color:#000;white-space:nowrap;line-height:20px;}
.hszr-mega-link-text span:last-child{font-size:18px;color:#666;white-space:nowrap;line-height:20px;margin-top:6px;}

/* 简单下拉菜单（cid=128等） */
.hszr-dropdown-simple{display:none;position:absolute;top:72px;left:0;background:#fff;box-shadow:0 -2px 4px 0 rgba(175,187,210,0.1);z-index:1001;padding:4px 0 4px 25px;min-width:108px;}
.hszr-nav-item:hover .hszr-dropdown-simple{display:block;}
.hszr-dropdown-simple a{display:block;font-size:14px;color:#333;text-decoration:none;line-height:39px;white-space:nowrap;height:auto;border-bottom:none;padding:0;}
.hszr-dropdown-simple a:hover{color:#0B4AB3;}

/* 导航箭头 */
.hszr-nav-arrow{width:10px;height:10px;margin-left:6px;vertical-align:middle;transition:transform .3s;}
.hszr-nav-item:hover .hszr-nav-arrow{transform:rotate(180deg);}

/* ========== index.html 模块2：Banner + 数据看板 ========== */
/* Banner 轮播导航点样式 */
.hszr-banner .swiper-pagination {
  position: absolute;
  bottom: 140px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  line-height: 0;
}
.hszr-banner .swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  margin: 0 6px !important;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hszr-banner .swiper-pagination-bullet-active {
  background: #fff;
  width: 32px;
  border-radius: 6px;
}

/* 数据看板浮在轮播图底部 */
.hszr-data-banner {
  position: absolute;
  bottom: -10%;
  left: 0;
  right: 0;
  z-index: 20;
  pointer-events: auto;
}
.hszr-data-banner .hszr-data-banner-inner {
  width: 1400px;
  max-width: 100%;
  margin: 0 auto;
  padding: 28px 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  background: url('../image2/Rectangle 12@2x.png') center center / 100% 100% no-repeat;
}
.hszr-data-banner .hszr-data-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hszr-data-banner .hszr-data-icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  object-fit: contain;
}
.hszr-data-banner .hszr-data-text {
  display: flex;
  flex-direction: column;
}
.hszr-data-banner .hszr-data-text {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.hszr-data-banner .hszr-data-text strong {
  font-size: 40px;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}
.hszr-data-banner .hszr-data-text strong .unit {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
}
.hszr-data-banner .hszr-data-text span {
  font-size: 16px;
  color: #333333;
  margin-top: 4px;
}

/* ========== index.html 模块4：核心产品主推大卡片 ========== */
.hszr-product-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hszr-product-main-inner {
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hszr-product-main-info {
  width: 640px;
  flex-shrink: 0;
}
.hszr-product-main-info .pm-title {
  font-size: 24px;
  font-weight: 500;
  color: #0B4AB3;
  text-align: left;
  line-height: 48px;
}
.hszr-product-main-info .pm-subtitle {
  font-size: 32px;
  font-weight: 500;
  color: #333333;
  text-align: left;
  line-height: 48px;
  white-space: nowrap;
}
.hszr-product-main-info .pm-list {
  margin-top: 38px;
}
.hszr-product-main-info .pm-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}
.hszr-product-main-info .pm-list-item:last-child {
  margin-bottom: 0;
}
.hszr-product-main-info .pm-dot {
  width: 10px;
  height: 10px;
  /* border-radius: 50%;
  background: #0B4AB3; */
  flex-shrink: 0;
  margin-top: 5px;
  margin-right: 12px;
}
.hszr-product-main-info .pm-list-item span {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
}
.hszr-product-main-info .pm-btns {
  display: flex;
  gap: 16px;
  margin-top: 42px;
}
.hszr-product-main-info .pm-btn-primary {
  display: inline-block;
  width: 148px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #0B4AB3;
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.hszr-product-main-info .pm-btn-outline {
  display: inline-block;
  width: 116px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #0B4AB3;
  color: #0B4AB3;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.hszr-product-main-img {
  width: 420px;
  height: 468px;
  flex-shrink: 0;
  margin-left: 40px;
}
.hszr-product-main-img img {
  width: 100%;
  height: 100%;
}

/* ========== index.html 模块4：辅产品小卡片 ========== */
.hszr-sub-cards {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.hszr-sub-cards-inner {
  width: 1400px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.hszr-sub-card {
  width: 24%;
  background: #F3F6FF;
  border-radius: 8px;
  overflow: hidden;
}
.hszr-sub-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}
.hszr-sub-card-body {
  padding: 16px;
}
.hszr-sub-card-body h4 {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 12px;
}
.hszr-sub-card-body p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}

/* ========== index.html 模块5：解决方案 ========== */
.cosmeticSelf {
  width: 100%;
  background: #F5F8FD;
  display: flex;
  justify-content: center;
}
.cosmeticSelf .privateMarketing {
  width: 1400px;
  height: 876px;
  margin: 0 auto;
}
.cosmeticSelf .privateMarketing .privateContext {
  height: 303px;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent {
  text-align: center;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent h2 {
  padding-top: 80px;
  box-sizing: border-box;
  font-size: 32px;
  font-weight: 600;
  color: #191919;
}
.cosmeticSelf .privateMarketing .privateContext .privateContent h3 {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 400;
  color: #191919;
  line-height: 30px;
}
.cosmeticSelf .privateMarketing .privateContext ul {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 0;
  width: 1400px;
  padding: 0%;
  background-color: #ffffff;
}
.cosmeticSelf .privateMarketing .privateContext ul li {
  height: 50px;
  border-radius: 4px;
  float: left;
  padding: 0% 10px;
}
.cosmeticSelf .privateMarketing .privateContext ul li .private-pic {
  margin-left: 24px;
  margin-top: 9px;
  float: left;
  background-size: 32px 200px;
}
.cosmeticSelf .privateMarketing .privateContext ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  margin-top: 13px;
  margin-left: 6px;
  text-align: center;
}
.cosmeticSelf .privateMarketing .privateContext .active {
  background-color: #0B4AB3;
  cursor: pointer;
  p {
    color: #fff !important;
  }
}
.cosmeticSelf .privateMarketing .privateBottom {
  width: 100%;
  height: 540px;
  float: left;
  margin-top: -5px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .df {
  width: 1400px;
  display: flex;
  justify-content: space-between;
}
.privateRight .left {
  width: 620px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .centerSoild {
  display: block;
  content: '';
  width: 550px;
  height: 2px;
  position: absolute;
  margin-left: 650px;
  margin-top: 110px;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title {
  font-size: 28px;
  font-weight: 600;
  color: #191919;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight .content-title .content-text {
  margin-top: 30px;
}
.sol-point {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
  width: 100%;
}
.sol-point-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 10px;
}
.sol-point-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sol-point-title {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  line-height: 20px;
  white-space: normal;
}
.sol-point-desc {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-top: 6px;
  white-space: normal;
}
.cosmeticSelf .privateMarketing .privateBottom .privateRight span {
  display: block;
  width: 154px;
  height: 50px;
  background: #0B4AB3;
  border-radius: 4px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  margin-right: 30px;
  margin-top: 80px;
}
.cosmeticSelf .privateMarketing .privateBottom span:hover {
  background: #0B4AB3;
  cursor: pointer;
}

/* ========== index.html 模块8：标杆落地案例 ========== */
.b8-wrap{width:100%;background:url('../images/lanhu/FigmaDDSSlicePNG5d85ccdab2041a736991459db573e6b9.png') center no-repeat;background-size:100% 100%;padding:68px 0 60px 0;}
.b8-title{text-align:center;margin-bottom:32px;}
.b8-title h2{font-size:40px;font-weight:500;color:#fff;line-height:48px;margin:0;}
.b8-title p{font-size:24px;color:#fff;line-height:36px;margin:16px 0 0 0;opacity:.8;}
.b8-body{width:1400px;height:540px;margin:0 auto;display:flex;justify-content:center;}
.b8-sidebar{width:277px;height:540px;background:rgba(0,0,0,0.3);border-radius:8px 0 8px 0;padding:24px 0 0 0;flex-shrink:0;}
.b8-tab{width:245px;height:56px;margin:0 0 0 16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;transition:background .3s;}
.b8-tab+.b8-tab{margin-top:10px;}
.b8-tab.active{background:#0B4AB3;}
.b8-tab:hover:not(.active){background:rgba(255,255,255,0.1);}
.b8-detail{width:1103px;height:540px;background:rgba(0,0,0,0.2);border-radius:0 8px 0 8px;position:relative;overflow:hidden;}
.b8-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .4s;}
.b8-panel.show{opacity:1;pointer-events:auto;}
.b8-case-head{display:flex;align-items:center;gap:16px;margin:32px 0 0 34px;}
.b8-case-logo{width:146px;height:58px;object-fit:contain;}
.b8-case-name{font-size:24px;font-weight:700;color:#fff;white-space:nowrap;}
.b8-case-desc{width:1055px;font-size:16px;color:#fff;text-align:justify;line-height:24px;margin:20px 0 0 34px;}
.b8-stats{display:flex;gap:0;margin:32px 0 0 0;padding:0 34px;}
.b8-stat{flex:1;text-align:center;}
.b8-stat-row{display:flex;align-items:baseline;justify-content:center;gap:4px;}
.b8-stat-num{font-size:36px;font-weight:700;color:#fff;line-height:1.2;}
.b8-stat-unit{font-size:15px;font-weight:900;color:#fff;}
.b8-stat-label{font-size:16px;color:rgba(255,255,255,0.7);margin-top:9px;}
.b8-quote{display:flex;align-items:stretch;gap:0;margin:19px 34px 32px 34px;height:164px;}
.b8-quote-inner{background:rgba(0,0,0,0.1);border-radius:8px;width:745px;padding:12px;display:flex;flex-direction:column;gap:12px;}
.b8-quote-head{display:flex;align-items:center;gap:12px;}
.b8-quote-avatar{width:146px;height:58px;}
.b8-quote-info{font-size:16px;font-weight:600;color:#fff;line-height:24px;}
.b8-quote-text{font-size:16px;color:#fff;text-align:justify;line-height:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.b8-quote-btns{
    display: flex;
    flex-direction: row;      /* 改为水平排列 */
    gap: 18px;                /* 按钮之间的间距 */
    margin-left: 24px;
    margin-top: auto;         /* 关键：将按钮组推到底部（需配合父容器使用） */
    flex-shrink: 0;
    /* 移除 justify-content: center 和原来的 column 相关设置 */
}
.b8-btn-primary{display:flex;align-items:center;justify-content:center;width:128px;height:36px;background:#0B4AB3;border-radius:8px;font-size:16px;font-weight:700;color:#fff;text-decoration:none;}
.b8-btn-outline{display:flex;align-items:center;justify-content:center;width:136px;height:36px;border:1px solid #fff;border-radius:8px;font-size:16px;font-weight:700;color:#fff;text-decoration:none;}

/* ========== index.html 模块9：资讯精选（MediaReport） ========== */
.MediaReport {
  width: 100%;
  min-width: 1350px;
  background: #f9fcfe;
}
.MediaReport .MediaReport-text {
  padding-bottom: 80px;
  margin: 0 auto;
}
.MediaReport .MediaReport-text .MediaReport-title {
  text-align: center;
  color: #191919;
}
.MediaReport .MediaReport-text .MediaReport-title h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 60px;
  padding-top: 80px;
}
.MediaReport .MediaReport-text .MediaReport-title h4 {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 48px;
  color: #191919;
}
.MediaReport .MediaReport-text .MediaReport-banner {
  width: 1400px;
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 2545px) {
  .MediaReport .MediaReport-text .MediaReport-banner {
    width: 1500px;
  }
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic {
  width: 30%;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic img {
  width: 100%;
  height: 240px;
  display: block;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text {
  padding: 32px 32px 40px;
  border-radius: 0 0 10px 10px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text .times {
  margin-top: 16px;
  font-size: 16px;
  color: #636363;
  line-height: 22px;
}
.MediaReport .MediaReport-text .MediaReport-banner .MediaReport-pic .text .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  line-height: 28px;
  transition: all 0.3s;
}
.MediaReport .MediaReport-text .MediaReport-banner li:hover .title {
  color: #0758f1 !important;
  font-weight: 600 !important;
}
.MediaReport .MediaReport-text .more {
  width: 148px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #0758F1;
  display: block;
  text-align: center;
  line-height: 44px;
  margin: 60px auto 0;
  cursor: pointer;
}
.MediaReport .MediaReport-text .more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0758F1;
}

/* ========== index.html 模块9：企业&行业资讯 ========== */
.hszr-news { background: linear-gradient(360deg, #EEF7FF 0%, #FEFFFF 100%); padding: 60px 0 42px; }
.hszr-news-title { text-align: center; }
.hszr-news-title h2 { font-size: 40px; font-weight: 500; color: #333; line-height: 48px; }
.hszr-news-title h4 { font-size: 24px; color: #666; line-height: 36px; margin-top: 16px; }
.hszr-news-list { width: 1400px; margin: 40px auto 0; display: flex; justify-content: space-between; }
.hszr-news-item { width: 430px; background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s;  }
.hszr-news-item:hover { border-bottom: 4px solid #0B4AB3;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.06);background-color: #ffffff;
 }
.hszr-news-item:hover .news-date { color: #0B4AB3; font-weight: 500; }
.hszr-news-item:hover .news-title { color: #0B4AB3; font-weight: 500; }
.hszr-news-item img { width: 100%; height: 240px; object-fit: cover; display: block; }
.hszr-news-item .news-body { padding: 16px 32px; }
.hszr-news-item .news-date { font-size: 14px; color: #666; line-height: 20px; }
.hszr-news-item .news-title { font-size: 18px; color: #000; line-height: 28px; margin-top: 12px; }
.hszr-news-more { width: 128px; height: 36px; border: 1px solid #0B4AB3; border-radius: 8px; line-height: 36px; text-align: center; margin: 36px auto 0; }
.hszr-news-more a { display: block; color: #0B4AB3; font-size: 16px; font-weight: 700; text-decoration: none; }

/* ========== footer.html 底部样式 ========== */
.ft1-wrap{width:100%;background:#171B26;padding:36px 0 45px 0;}
.ft1-inner{width:1400px;margin:0 auto;}

/* 服务保障条 */
.ft1-service-bar{height:78px;border:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;}
.ft1-service-item{display:flex;align-items:center;gap:10px;}
.ft1-service-icon{width:32px;height:32px;flex-shrink:0;}
.ft1-service-label{color:#fff;font-size:16px;white-space:nowrap;line-height:28px;}

/* 咨询联系区 */
.ft1-consult{margin-top:28px;border:none;box-sizing:border-box;padding:24px 10px;}
.ft1-consult form{display:flex;justify-content:space-between;width:100%;}
.ft1-contact-left{width:542px;box-sizing:border-box;}
.ft1-consult-title{font-size:24px;color:#fff;font-weight:500;line-height:48px;margin:0 0 10px 0;}
.ft1-contact-desc{font-size:18px;color:#fff;line-height:36px;margin:0;}
.ft1-contact-hotline{font-size:18px;color:#fff;font-weight:500;line-height:30px;margin:0;}
.ft1-contact-regions{font-size:16px;color:#fff;line-height:32px;margin:0;}
.ft1-form-right{width:472px;box-sizing:border-box;}
.ft1-form-field{width:100%;height:40px;background:rgba(255,255,255,0.1);border:none;padding:0 10px;color:rgba(255,255,255,0.6);font-size:14px;outline:none;box-sizing:border-box;margin-bottom:10px;}
.ft1-form-field option{background:#fff;color:#333;}
.ft1-form-submit{width:100%;height:40px;background:#0B4AB3;border:none;color:#fff;font-size:16px;cursor:pointer;}

/* 公司信息 */
.ft1-company{display:flex;align-items:center;margin-top:36px;}
.ft1-company-logo{width:88px;height:30px;flex-shrink:0;}
.ft1-company-name{font-size:15px;color:#fff;white-space:nowrap;margin-left:12px;}
.ft1-company-addr{font-size:15px;color:#fff;white-space:nowrap;line-height:24px;margin-left:auto;}
.ft1-copyright{margin-top:16px;font-size:15px;color:rgba(255,255,255,0.6);font-weight:300;white-space:nowrap;line-height:24px;}
.ft1-copyright a{color:rgba(255,255,255,0.6);text-decoration:none;}
.main-friendlink{display:flex;align-items:center;flex-wrap:wrap;margin-top:16px;gap:0;}
.friendlink-title{font-size:15px;color:rgba(255,255,255,0.6);margin:0;white-space:nowrap;}
.friendlink-list{display:flex;align-items:center;flex-wrap:wrap;margin:0;gap:0;}
.friendlink-list a{font-size:15px;color:rgba(255,255,255,0.6);text-decoration:none;white-space:nowrap;transition:color .2s;}
.friendlink-list a:hover{color:#fff;}
.friendlink-list span{font-size:15px;color:rgba(255,255,255,0.3);margin:0 8px;}