.home-title-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1%;
  transition: padding .2s;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}

.home-title {
  display: flex;
  align-items: center;
  transition: all .2s ease;
  font-size: 20px;
  margin: 50px 0; /* PC端上下间距保持50px */
}

.home-title-line {
  width: 4px;
  height: 36px;
  background: linear-gradient(#1e2188, #36bdea);
  margin-right: 16px;
  transform: rotate(-18deg);
  flex-shrink: 0;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(217, 33, 33, .2);
}

.home-title-text {
  font-size: 36px;
  color: #000;
   font-family: "Montserrat", sans-serif;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing:-2px;
  margin: 0;
  white-space: nowrap;
}

/* ===== 响应式 ===== */
@media (max-width: 1200px) {
  .home-title-wrap {
    padding: 2.5rem 2rem;
  }
  .home-title-text {
    font-size: 20px;
  }
  .home-title-line {
    height: 40px;
    width: 7px;
    margin-right: 14px;
  }
}

@media (max-width: 992px) {
  .home-title-wrap {
    padding: 2rem 1.8rem;
  }
  .home-title-text {
    font-size: 34px;
  }
  .home-title-line {
    height: 36px;
    width: 7px;
    margin-right: 14px;
  }
}

@media (max-width: 768px) {
  .home-title-wrap {
    padding: 0.6rem 1.2rem; /* 上下内边距大幅减小 */
    border-radius: 1.5rem;
  }
  .home-title {
    margin: 16px 0; /* 关键修复：覆盖PC端的50px上下外边距 */
  }
  .home-title-line {
    height: 32px;
    width: 6px;
    margin-right: 12px;
  }
  .home-title-text {
    font-size: 28px;
    white-space: normal;
    word-break: keep-all;
  }
}

@media (max-width: 480px) {
  .home-title-wrap {
    padding: 0.4rem 0.8rem;
    border-radius: 1rem;
  }
  .home-title {
    margin: 12px 0; /* 更小屏进一步减小上下外边距 */
  }
  .home-title-line {
    height: 24px;
    width: 3px;
    margin-right: 10px;
    transform: rotate(-16deg);
  }
  .home-title-text {
    font-size: 22px;
  }
}

@media (max-width: 360px) {
  .home-title-wrap {
    padding: 0.3rem 0.6rem;
  }
  .home-title {
    margin: 10px 0;
  }
  .home-title-text {
    font-size: 18px;
  }
  .home-title-line {
    height: 22px;
    width: 4px;
    margin-right: 8px;
  }
}

/* 外层容器 - 控制对齐 */
.view-more-wrapper {
    width: 100%;
    max-width: 1415px; /* 与页面内容最大宽度一致 */
    margin: 0 auto; /* 居中 */
    padding: 40px 1%; /* 与页面内容左右内边距一致 */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start; /* 左对齐 */
}

/* 按钮本身 - 保持原有大小不变 */
.view-more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
background: linear-gradient(90deg, #1e2188, #36bdea);
    color: #ffffff;
    font-size: clamp(16px, 5vw, 18px);
    padding: clamp(10px, 3vw, 10px) clamp(15px, 8vw, 40px);
    text-decoration: none;
    overflow: hidden;
    flex-shrink: 0; /* 防止按钮被压缩 */
}

/* hover反转渐变层，初始宽度0，从左向右展开 */
.view-more-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
background: linear-gradient(90deg, #36bdea, #1e2188);
    transition: width 0.4s ease-in-out;
    z-index: 1;
}

.view-more-link:hover::before {
    width: 100%;
    color: #ffffff;
}

/* 文字箭头层级高于渐变遮罩 */
.view-more-link span {
    position: relative;
    z-index: 2;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.view-more-link .arrow {
    margin-left: clamp(20px, 6vw, 20px);
}

.home-pro-wrap{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.home-pro-list{width:100%;display:flex;flex-wrap:wrap;gap:20px;}
.home-pro-item{display:block;flex:0 0 calc(25% - 15px);box-sizing:border-box;text-decoration:none;color:#000000;border:1px solid #dddddd;border-radius:0px;background:#ffffff;position:relative;transition:transform 0.25s ease,box-shadow 0.3s ease,border-color 0.3s ease;overflow:hidden;margin-top:20px;padding-bottom:20px;}
.home-pro-item:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.07);border-color:#cccccc;}
.home-pro-imgbox{width:100%;height:300px;overflow:hidden;border-radius:0px;display:flex;align-items:center;justify-content:center;position:relative;}
.home-pro-img{width:98%;height:98%;display:block;transition:transform 0.4s cubic-bezier(0.2,0.9,0.3,1),opacity 0.3s ease;object-fit:cover;}
.home-pro-item:hover .home-pro-img{transform:scale(1.04);opacity:0.85;}
.home-pro-title{text-align:center;margin-top:16px;font-size:18px;font-weight:500;line-height:1.4;color:#1e293b;transition:color 0.3s ease;letter-spacing:0.3px;padding:0 2px;}
.home-pro-item:hover .home-pro-title{color:#36bdea;}
.home-pro-item::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,#1e2188,#36bdea,#1e2188);background-size:200% 100%;border-radius:0 4px 4px 0;transition:width 0.65s cubic-bezier(0.22,0.61,0.36,1);opacity:0;box-shadow:0 2px 8px rgba(1,91,172,0.25);z-index:2;}
.home-pro-item:hover::after{width:100%;opacity:1;}
@media screen and (max-width:992px){.home-pro-item{flex:0 0 calc(33.333% - 14px);padding:16px 16px 18px 16px;}.home-pro-imgbox{height:200px;}}
@media screen and (max-width:768px){.home-pro-item{flex:0 0 calc(50% - 10px);padding:14px 14px 16px 14px;}.home-pro-imgbox{height:180px;}.home-pro-title{font-size:17px;margin-top:14px;}}
@media screen and (max-width:480px){.home-pro-item{flex:0 0 100%;margin-top:16px;padding:12px 12px 14px 12px;}.home-pro-imgbox{height:auto;aspect-ratio:1/1;background:#ffffff;overflow:hidden;display:flex;align-items:center;justify-content:center;}.home-pro-img{width:100%;height:100%;object-fit:cover;display:block;}.home-pro-title{font-size:16px;margin-top:12px;}}
@media screen and (max-width:420px){.home-pro-imgbox{aspect-ratio:1/1;height:auto;}.home-pro-title{font-size:15px;}.home-pro-item{padding:10px 10px 12px 10px;}}

.home-case{width:100%;margin:0 auto;padding:0;box-sizing:border-box;}
.home-case-list{display:flex;flex-wrap:wrap;margin:0;padding:0;}
.home-case-item{width:50%;position:relative;overflow:hidden;text-decoration:none;display:block;margin:0;padding:0;}
.home-case-item::after{content:"";position:absolute;left:0;bottom:0;width:0;height:4px;background:linear-gradient(90deg,#1e2188,#36bdea);transition:width 0.4s ease;z-index:3;}
.home-case-item:hover::after{width:100%;}
.home-case-img{width:100%;height:450px;overflow:hidden;position:relative;display:block;}
.home-case-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease,opacity 0.3s ease;display:block;}
.home-case-item:hover .home-case-img img{transform:scale(1.04);opacity:0.88;}
.home-case-title{position:absolute;left:50px;top:40px;font-size:32px;color:#ffffff;margin:0;z-index:2;transition:color 0.3s ease;}
.home-case-item:hover .home-case-title{color:#ffffff;}
.home-case-desc{position:absolute;left:50px;top:100px;font-size:18px;color:#ffffff;margin:0;z-index:2;opacity:0;transform:translateY(12px);transition:opacity 0.5s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);max-width:70%;text-shadow:0 1px 4px rgba(0,0,0,0.3);pointer-events:none;}
.home-case-item:hover .home-case-desc{opacity:1;transform:translateY(0);}
.home-case-overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,rgba(30,33,136,0.99) 0%,rgba(30,33,136,0.1) 100%);pointer-events:none;opacity:0;transition:opacity 0.4s ease;}
.home-case-item:hover .home-case-overlay{opacity:1;}
@media screen and (max-width:1024px){.home-case-img{height:300px;}.home-case-title{font-size:26px;left:30px;top:30px;}.home-case-desc{left:30px;top:80px;font-size:15px;}}
@media screen and (max-width:768px){.home-case-item{width:100%;}.home-case-img{height:260px;}.home-case-title{font-size:22px;left:24px;top:24px;}.home-case-desc{left:24px;top:70px;font-size:14px;}}
@media screen and (max-width:480px){.home-case{padding:0;}.home-case-item{width:100%;}.home-case-img{height:220px;}.home-case-title{font-size:20px;left:20px;top:20px;}.home-case-desc{left:20px;top:60px;font-size:13px;}}


	
.home-service-wrap{width:100%;box-sizing:border-box;padding:10px 15px 80px 15px;background:#eeeeee;}
.home-service-inner{max-width:1400px;margin:0 auto;}
/* 替换原来font-size:0行内布局，改用grid，天然等高 */
.home-service-row{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:20px 15px;
}
.home-service-item{
    width:100%;
    box-sizing:border-box;
}
.home-service-card{
    display:flex;
    flex-direction:column;
    /* 固定高度，所有卡片严格等高，根据视觉微调数值 */
    height:340px;
    background:#ffffff;
    padding:40px 20px;
    text-decoration:none;
    color:#000000;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
}
.home-service-card::after{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#1e2188,#36bdea);transition:width 0.3s ease;}
.home-service-card:hover::after{width:100%;}
.home-service-title{
    font-size:20px;
    color:#000000;
    margin:0 0 30px 0;
    line-height:1.2;
    transition:color 0.25s;
    /* 标题最多2行，超出隐藏避免撑高 */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.home-service-card:hover .home-service-title{color:#1e2188;}
.home-service-icon-box{
    width:100px;
    height:100px;
    overflow:hidden;
    position:relative;
    margin:0 0 30px 0;
    flex-shrink:0;
}
.home-service-icon-img{width:80px;height:80px;display:block;transition:transform 0.25s ease,opacity 0.25s ease;}
.home-service-card:hover .home-service-icon-img{transform:scale(1.08);opacity:0.82;}
.home-service-desc{
    font-size:20px;
    color:#000000;
    margin:0;
    line-height:1.4;
    flex-grow:1;
    /* 描述最多2行，超出省略，杜绝撑高卡片 */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
@media screen and (max-width:1280px){
.home-service-row{grid-template-columns:repeat(5, 1fr);}
.home-service-title{font-size:24px;}
.home-service-desc{font-size:18px;}
.home-service-card{height:350px;}
}
@media screen and (max-width:992px){
.home-service-row{grid-template-columns:repeat(3, 1fr);}
.home-service-card{height:360px;}
}
@media screen and (max-width:768px){
.home-service-row{grid-template-columns:repeat(2, 1fr);}
.home-service-title{font-size:22px;}
.home-service-desc{font-size:17px;}
.home-service-card{height:340px;}
}
@media screen and (max-width:480px){
.home-service-row{grid-template-columns:repeat(1, 1fr);gap:16px 8px;}
.home-service-wrap{padding:20px 12px;}
.home-service-card{
    padding:30px 16px;
    height:300px;
}
.home-service-icon-box{width:80px;height:80px;}
.home-service-icon-img{width:80px;height:80px;}
.home-service-title{font-size:20px;margin-bottom:20px;}
.home-service-desc{font-size:16px;}
}
@media screen and (max-width:320px){
.home-service-card{
    padding:24px 12px;
    height:280px;
}
}

     .footer-wrap { background: #000028; color: #cccccc; box-sizing: border-box; padding: 40px 20px 20px; }
    .footer-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; }
    .footer-logo-row { width: 100%; margin-bottom: 16px; padding-bottom: 0px; }
    .footer-logo { display: inline-block; }
    .footer-logo .logo-img { display: block; max-width: 200px; height: auto; border-radius: 6px; transition: opacity 0.25s ease, transform 0.25s ease; filter: contrast(0) brightness(2); }
    .footer-logo .logo-img:hover { opacity: 0.88; transform: scale(1.01); }
    .footer-columns { display: flex; flex-wrap: wrap; gap: 2.5rem 3rem; align-items: flex-start; border-top: 1px solid #66667e;padding-top:15px}
    .footer-col { flex: 0 0 auto; min-width: 140px; display: flex; flex-direction: column; }
    .footer-col:nth-child(1) { flex: 1 1 240px; }
    .footer-col:nth-child(2) { flex: 0 1 200px; }
    .footer-col:nth-child(3) { flex: 0 1 220px; padding-left: 40px; }
    .footer-col:nth-child(4) { flex: 1 1 220px; display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; }
    .col-header { font-size: 16px; color: #ffffff; text-transform: uppercase;  margin-bottom: 14px; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding-bottom: 8px; }
    .footer-info-item { margin-bottom: 18px; color: #ffffff;font-size: 18px;  font-weight: 400;line-height: 1.5; }
    .footer-info-item label { display: block; color: #ffffff; font-size: 16px; text-transform: uppercase;  margin-bottom: 2px; font-weight: 400; }
    .footer-info-item a { color: #ffffff; text-decoration: none; position: relative; display: inline-block; padding-bottom: 2px; transition: color 0.25s ease; font-weight: 400; font-size: 18px; }
    .footer-info-item a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0;   }
    .footer-info-item a:hover { color: #ffffff; }
    .footer-info-item a:hover::after { width: 100%; }
    .footer-link-item { margin-bottom: 16px; font-size: 18px; font-weight: 400; }
    .footer-link-item a { color: #ffffff; text-decoration: none; position: relative; display: inline-block; padding-bottom: 3px; transition: color 0.25s ease;  }
    .footer-link-item a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0;  transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .footer-link-item a:hover { color: #ffffff; }
    .footer-link-item a:hover::after { width: 100%; }
    .footer-qrcode-box { display: flex; flex-direction: column; align-items: flex-end; width: 100%; }
    .footer-qrcode { display: inline-block; width: 150px; height: 150px; overflow: hidden; border-radius: 5px; border: 1px solid #2a2a2a; background: #111; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6); transition: box-shadow 0.3s ease, transform 0.25s ease; margin-bottom: 14px; }
    .footer-qrcode:hover { box-shadow: 0 8px 28px rgba(1, 91, 172, 0.25); transform: scale(1.02); }
    .footer-qrcode img { width: 150px; height: 150px; display: block; transition: transform 0.4s ease, opacity 0.3s ease; object-fit: cover; }
    .footer-qrcode:hover img { transform: scale(1.0); opacity: 0.92; }
    .share-group { display: flex; gap: 12px; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-top: 6px; }
    .share-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #1e2188; color: #cccccc; font-size: 18px; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid #2a2a2a; position: relative; }
    .share-btn:hover { transform: translateY(-4px) scale(1.08); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); }
    .share-btn.weibo:hover { background: #ff8200; color: #ffffff; border-color: #ff8200; box-shadow: 0 8px 24px rgba(255, 130, 0, 0.35); }
    .share-btn.wechat:hover { background: #07c160; color: #ffffff; border-color: #07c160; box-shadow: 0 8px 24px rgba(7, 193, 96, 0.35); }
    .share-btn.douyin:hover { background: #000000; color: #00f2ea; border-color: #00f2ea; box-shadow: 0 8px 24px rgba(0, 242, 234, 0.25); }
    .share-btn.bilibili:hover { background: #fb7299; color: #ffffff; border-color: #fb7299; box-shadow: 0 8px 24px rgba(251, 114, 153, 0.35); }
    .share-btn.linkedin:hover { background: #0a66c2; color: #ffffff; border-color: #0a66c2; box-shadow: 0 8px 24px rgba(10, 102, 194, 0.35); }
    .share-btn .tooltip { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) scale(0.8); background: #222; color: #fff; padding: 4px 12px; border-radius: 6px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.25s ease; border: 1px solid #333; }
    .share-btn:hover .tooltip { opacity: 0; transform: translateX(-50%) scale(1); }
    .footer-copyright { max-width: 1400px; margin: 48px auto 0; padding: 22px 1% 12px; border-top: 1px solid #66667e; font-size: 15px; color: #999999; line-height: 1.9; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; }
    .footer-copyright a { color: #aaaaaa; text-decoration: none; transition: color 0.2s ease; }
    .footer-copyright a:hover { color: #015bac; }
    .footer-copyright i { margin-right: 4px; color: #36bdea; opacity: 0.7; }
    .footer-copyright .right-item { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-left: auto; }
    .copyright-share-icons { display: flex; align-items: center; gap: 8px; }
    .copyright-share-icons .share-icon-link { display: inline-flex; align-items: center; justify-content: center; color: #aaaaaa; font-size: 18px; text-decoration: none; width: 30px; height: 30px; border-radius: 50%; background: transparent; border: 1px solid #2a2a2a; transition: all 0.2s ease; }
    .copyright-share-icons .share-icon-link:hover { color: #ffffff; border-color: #36bdea; background: rgba(1, 91, 172, 0.15); transform: translateY(-2px); }
    .copyright-share-icons .share-icon-link i { margin: 0; color: inherit; opacity: 1; }
    @media screen and (max-width: 1199px) { .footer-wrap { padding: 48px 32px 20px; } .footer-col:nth-child(1) { flex: 1 1 220px; } .footer-col:nth-child(2) { flex: 0 1 160px; } .footer-col:nth-child(3) { flex: 0 1 140px; } .footer-col:nth-child(4) { flex: 0 1 200px; } .footer-qrcode { width: 130px; height: 130px; } .footer-qrcode img { width: 130px; height: 130px; } .share-btn { width: 38px; height: 38px; font-size: 16px; } }
    @media screen and (max-width: 991px) { .footer-columns { gap: 2rem 2rem; } .footer-col { flex: 0 0 45% !important; margin-left: 0 !important; align-items: flex-start !important; } .footer-col:nth-child(3) { padding-left: 0; } .footer-col:nth-child(4) { flex: 0 0 100% !important; align-items: flex-start !important; margin-left: 0; margin-top: 6px; } .footer-qrcode-box { align-items: flex-start; width: 100%; } .share-group { justify-content: flex-start; } .footer-copyright { flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 36px; } .footer-copyright .right-item { margin-left: 0; width: 100%; justify-content: flex-start; } }
    @media screen and (max-width: 767px) { .footer-wrap { padding: 30px 20px 16px; } .footer-col { flex: 0 0 100% !important; margin-bottom: 10px; } .footer-col:nth-child(3) { padding-left: 0; } .footer-col:nth-child(4) { margin-top: 0; } .footer-info-item { font-size: 15px; } .footer-link-item { font-size: 17px; } .footer-qrcode { width: 120px; height: 120px; } .footer-qrcode img { width: 120px; height: 120px; } .footer-copyright { font-size: 13px; } .footer-logo .logo-img { max-width: 180px; } .share-btn { width: 36px; height: 36px; font-size: 15px; } .share-group { gap: 10px; } .col-header { font-size: 14px; } }
    @media screen and (max-width: 480px) { .footer-wrap { padding: 24px 14px 14px; } .footer-qrcode { width: 110px; height: 110px; } .footer-qrcode img { width: 110px; height: 110px; } .footer-logo .logo-img { max-width: 150px; } .share-btn { width: 32px; height: 32px; font-size: 14px; } .share-group { gap: 8px; } .footer-logo-row { margin-bottom: 24px; } }