/* 全局重置 前缀lx- */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      text-decoration: none;
    }
    body {
      font-family: "Microsoft YaHei", sans-serif;
      color: #333;
      line-height: 1.6;
    }
    .lx-container {
      width: 1320px;
      margin: 0 auto;
    }
    /* 1.导航栏样式 lx前缀 */
    .lx-header {
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 12px 0;
    transition: all 0.3s ease;
    
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    /* 滚动后切换白色背景 */
    .lx-header.lx-scroll-active {
/*
      background-color: #ffffff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
*/
    }
    .lx-header-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    /* Logo区域：仅图片，删除下方文字，固定320*100 */
    .lx-logo {
      width: 320px;
      height: 100px;
      display: flex;
      align-items: center;
    }
    .lx-logo img {
      width: 100%;
      height: auto;
      max-height: 100px;
      object-fit: contain;
    }
    /* 导航菜单横向单行，强制不换行，清除li圆点 */
    .lx-nav-main {
      display: flex;
      align-items: center;
      gap: 50px;
    }
    .lx-nav-list {
      display: flex;
      align-items: center;
      gap: 48px;
      white-space: nowrap;
      list-style: none; /* 移除li前面圆点 */
    }
    .lx-nav-item {
      position: relative;
      list-style: none; /* 兜底清除单个li圆点 */
    }
    .lx-nav-item > a {
      color: #000;
      font-size: 20px;
      font-weight: 500;
      padding: 10px 0;
      display: block;
      transition: color 0.3s;
      white-space: nowrap;
    }
    /* 滚动后导航文字变黑 */
    .lx-header.lx-scroll-active .lx-nav-item > a {
      color: #333;
    }
    .lx-nav-item:hover > a {
      color: #0f4878;
    }
    /* 当前页面高亮下划线 */
    .xl-active {
  color: #0f4878 !important; 
  border-bottom: 2px solid #0f4878;
}




    /* 二级下拉菜单 */
    .lx-submenu {
      position: absolute;
      top: 100%;
      left: 0;
      width: 160px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      display: none;
      padding: 10px 0;
      list-style: none;
    }
    .lx-submenu li {
      list-style: none;
    }
    .lx-submenu li a {
      display: block;
      padding: 8px 20px;
      color: #333;
      font-size: 14px;
      transition: background 0.3s;
    }
    .lx-submenu li a:hover {
      background: #0f4878;
      color: #fff;
    }
    .lx-nav-item:hover .lx-submenu {
      display: block;
    }
    /* 搜索按钮 */
    .lx-search-btn {
      font-size: 24px;
      color: #000;
      cursor: pointer;
      transition: color 0.3s;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: rgb(98 98 98 / 10%);
    }
    .lx-header.lx-scroll-active .lx-search-btn {
      color: #333;
      background: rgba(15,72,120,0.1);
    }
    .lx-search-btn:hover {
      color: #0f4878;
    }
    /* 搜索展开框 */
    .lx-search-box {
      width: 1320px;
      margin: 0 auto;
      height: 0;
      overflow: hidden;
      transition: height 0.3s ease;
      background: #fff;
    }
    .lx-search-box.lx-active {
      height: 80px;
      padding: 15px 0;
    }
    .lx-search-input-wrap {
      display: flex;
      width: 70%;
      margin: 0 auto;
    }
    .lx-search-input-wrap input {
      flex: 1;
      height: 50px;
      padding: 0 20px;
      border: 1px solid #ddd;
      font-size: 16px;
      outline: none;
    }
    .lx-search-input-wrap button {
      width: 60px;
      height: 50px;
      background: #0f4878;
      border: none;
      color: #fff;
      font-size: 20px;
      cursor: pointer;
    }
    /* 2.全屏Banner 左右双横线 */
    .lx-banner {
      width: 100%;
      height: 800px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
      margin-top: 0;
    }
    .lx-banner-title-box {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    /* 英文在上，无背景 */
    .lx-banner-en {
      font-size: 23px;
      color: #fff;
      margin-bottom: 12px;
    }
    /* 主标题 左右都有横线 */
    .lx-banner-title-box h1 {
      font-size: 50px;
      position: relative;
      display: inline-block;
    }
    .lx-banner-title-box h1::before {
      content: "";
      position: absolute;
      width: 120px;
      height: 2px;
      background: #fff;
      top: 50%;
      left: -140px;
    }
    .lx-banner-title-box h1::after {
      content: "";
      position: absolute;
      width: 120px;
      height: 2px;
      background: #fff;
      top: 50%;
      right: -140px;
    }
    .lx-banner-desc {
      font-size: 25px;
      margin-top: 20px;
      opacity: 0.95;
    }
    /* 3.面包屑栏 高度80px灰色背景 */
    .lx-breadcrumb-bar {
      background: #f5f5f5;
      height: 80px;
      display: flex;
      align-items: center;
    }
    .lx-breadcrumb-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
      color: #666;
    }
    .lx-breadcrumb-wrap i {
      font-size: 18px;
      color: #0f4878;
    }
    /* 4.联系卡片区域 */
    .lx-contact-section {
      padding: 80px 0;
      background: #fafafa;
    }
    .lx-contact-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr 320px;
      gap: 30px;
    }
    .lx-contact-col-left, .lx-contact-col-mid {
      display: grid;
/*      grid-template-rows: 1fr 1fr;*/
      gap: 20px;
    }
    .lx-contact-card {
      background: #fff;
      padding: 30px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      gap: 20px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .lx-card-icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #0f4878;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      flex-shrink: 0;
    }
    .lx-card-text h4 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 8px;
      color: #222;
    }
    .lx-card-text p {
      font-size: 16px;
      color: #555;
    }
    /* 右侧二维码栏 */
    .lx-contact-col-qr {
      background: #0f4878;
      border-radius: 8px;
      padding: 30px;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }
    .lx-qr-code {
      width: 170px;
      height: 170px;
      background: #fff;
    }
    .lx-qr-code img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .lx-qr-text {
      text-align: center;
      font-size: 18px;
      line-height: 1.8;
    }
    /* 5.底部区域 深灰背景 四栏布局 */
    .lx-footer {
      background: #222;
      color: #ccc;
      padding: 60px 0 30px;
    }
    .lx-footer-wrap {
      display: grid;
      grid-template-columns: 280px 1fr 1fr 280px;
      gap: 40px;
    }
    .lx-footer-logo img {
      width: 230px;
      height: 100%;
      object-fit: contain;
    }
    .lx-footer-col h3 {
	  text-align: center;
      color: #fff;
      font-size: 20px;
      margin-bottom: 25px;
      padding-bottom: 10px;
      border-bottom: 1px solid #333;
    }
    .lx-footer-nav {
      list-style: none;
    }
    .lx-footer-nav li {
		text-align: center;
      margin-bottom: 12px;
      list-style: none;
    }
    .lx-footer-nav li a {
      color: #bbb;
      font-size: 15px;
      transition: color 0.3s;
    }
    .lx-footer-nav li a:hover {
      color: #0f70b8;
    }
    .lx-footer-contact p {
      margin-bottom: 12px;
      font-size: 15px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .lx-footer-contact i {
      color: #0f70b8;
      font-size: 16px;
    }
    .lx-footer-qr {
		margin: 0 auto;
      width: 140px;
      height: 140px;
      background: #fff;
      margin-bottom: 10px;
    }
    .lx-footer-qr img {
      width: 100%;
      height: 100%;
    }
    /* 6.版权栏 黑色背景 */
    .lx-copyright-bar {
      background: #000;
      padding: 20px 0;
      text-align: center;
      color: #999;
      font-size: 14px;
    }
    /* 7.右侧悬浮按钮组 无文字、匹配截图图标、浅蓝底色 */
    .lx-float-tool {
      position: fixed;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 998;
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .lx-float-btn {
      width: 90px;
      height: 90px;
      background: #d0e0f0;
      border: none;
      font-size: 36px;
      color: #0f4878;
      cursor: pointer;
      transition: background 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .lx-float-btn:hover {
      background: #0f4878;
      color: #fff;
    }
    .lx-float-tel-box {
      width: 240px;
      height: 90px;
      background: #0f4878;
      color: #fff;
      font-size: 32px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 90px;
  
      display: none;
    }
    .lx-float-tel-box.lx-active {
      display: flex;
		padding: 10px;
    }
    /* TOP按钮单独文字布局 */
    .lx-float-btn-top {
      flex-direction: column;
      gap: 8px;
      font-size: 32px;
    }
    .lx-float-btn-top span {
      font-size: 24px;
      font-weight: bold;
    }
    /* 弹窗表单 */
    .lx-modal-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      z-index: 1000;
      display: none;
      align-items: center;
      justify-content: center;
    }
    .lx-modal-mask.lx-active {
      display: flex;
    }
    .lx-modal-box {
      width: 520px;
      background: #fff;
      border-radius: 10px;
      padding: 40px;
      position: relative;
    }
    .lx-modal-close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 24px;
      cursor: pointer;
      color: #666;
    }
    .lx-modal-box h3 {
      text-align: center;
      font-size: 28px;
      margin-bottom: 30px;
      color: #222;
    }
    .lx-form-item {
      margin-bottom: 18px;
    }
    .lx-form-item input,
    .lx-form-item textarea {
      width: 100%;
      height: 46px;
      padding: 0 15px;
      border: 1px solid #ddd;
      font-size: 16px;
      outline: none;
    }
    .lx-form-item textarea {
      height: 120px;
      resize: none;
      padding-top: 12px;
    }
    .lx-form-row {
      display: flex;
      gap: 10px;
    }
    .lx-form-row input:first-child {
      flex: 1;
    }
    .lx-submit-btn {
      width: 100%;
      height: 52px;
      background: #0f4878;
      color: #fff;
      border: none;
      border-radius: 30px;
      font-size: 18px;
      cursor: pointer;
      margin-top: 10px;
    }




.zx-container {
    width: 1320px;
    margin: 50px auto;
}

/* 顶部Tab区域 左右分栏布局 */
.zx-top-tab-section {
	background-color: #F5F5F5;
/*    padding: 20px 0 20px;*/
}
.zx-top-tab-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 1320px;
    margin: 0 auto;
}
/* 左侧三个横向按钮 */
.zx-left-tab-buttons {
    display: flex;
}


.zx-tab-horizontal-btn {
	display: flex;
	justify-content: center;    
	align-items: center;       
	text-align: center;
    width: 180px;
    height: 84px;
    border: none;
    font-size: 20px;
    color: #444;
    cursor: pointer;
    transition: all 0.3s ease;
}
.zx-tab-horizontal-btn-1 {
	display: flex;
	justify-content: center;    
	align-items: center;       
	text-align: center;
    width: 180px;
    height: 84px;
    border: none;
    font-size: 20px;
    
    cursor: pointer;
    transition: all 0.3s ease;
	background-color: #0a3860;
    color: #ffffff;
}
.zx-tab-horizontal-btn-2 {
	display: flex;
	justify-content: center;    
	align-items: center;       
	text-align: center;
    width: 180px;
    height: 84px;
    border: none;
    font-size: 20px;
    
    cursor: pointer;
    transition: all 0.3s ease;
	background-color: #0a3860;
    color: #ffffff;
}




/* 激活样式：深蓝底色白色文字 */
/* 外层容器.lsjy-server-left-nav 提高选择器权重，强制样式生效 */
.lsjy-server-left-nav .zx-tab-horizontal-btn.zx-active {
    background-color: #0a3860 !important;
    color: #ffffff !important;
}
/* 必须补按钮基础样式，否则背景/高度异常 */
.lsjy-server-left-nav .zx-tab-horizontal-btn {
    display: block;
    height: 72px;
    line-height: 72px;
    padding-left: 40px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: all 0.25s ease;
}
/* hover样式 */
.lsjy-server-left-nav .zx-tab-horizontal-btn:hover:not(.zx-active) {
    background-color: #e8f0f8;
    color: #0a3860;
}
.zx-tab-horizontal-btn:hover:not(.zx-active) {
    background-color: #0a3860;
    color: #ffffff;
}

/* 右侧：图标 + 双标题Tab */
.zx-right-tab-area {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
/* 左侧房子图标 */
.zx-tab-home-icon {
    font-size: 32px;
    color: #0a3860;
    margin-top: 10px;
}
/* 标题容器 */
.zx-title-tab-group {
    flex: 1;
}
.zx-title-tab-head {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
}
.zx-title-tab-item {
    position: relative;
    padding: 14px 0;
    font-size: 20px;
    color: #444;
    cursor: pointer;
    transition: color 0.3s ease;
}
/* 下划线动画：从中间向两边拉伸，宽度匹配文字 */
.zx-title-tab-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 3px;
    background-color: #0a3860;
    transform: translateX(-50%);
    transition: width 0.4s ease;
}
/* hover / 激活文字变色+下划线展开 */
.zx-title-tab-item:hover,
.zx-title-tab-item.zx-active {
    color: #0a3860;
}
.zx-title-tab-item:hover::after,
.zx-title-tab-item.zx-active::after {
    width: 100%;
}

/* 留言表单模块（完全保留原图样式，无修改） */
.zx-form-block {
    padding: 0 0 80px;
}
.zx-form-main-title {
    text-align: center;
    font-size: 32px;
    color: #0a3860;
    margin-bottom: 42px;
}
.zx-form-card-box {
    background: #f7f7f7;
    border: 1px solid #eeeeee;
}
.zx-form-type-header {
    background: #0a3860;
    color: #fff;
    padding: 18px 32px;
    display: flex;
    align-items: center;
    gap: 45px;
    font-size: 18px;
}
.zx-form-input-grid {
    padding: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.zx-form-full-row {
    grid-column: 1 / -1;
}
.zx-input-normal {
    width: 100%;
    height: 54px;
    border: 1px solid #ddd;
    padding: 0 18px;
    font-size: 16px;
    background: #fff;
}
.zx-textarea-desc {
    width: 100%;
    min-height: 170px;
    border: 1px solid #ddd;
    padding: 18px;
    font-size: 16px;
    background: #fff;
    resize: none;
}
.zx-verify-wrap {
    display: flex;
    gap: 14px;
}
.zx-verify-img-box {
    width: 165px;
    height: 54px;
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    letter-spacing: 8px;
    color: #0a3860;
}
.zx-submit-wrap {
    padding: 0 32px 42px;
    text-align: center;
}
.zx-submit-form-btn {
    width: 440px;
    height: 58px;
    border-radius: 999px;
    background: #0a3860;
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
    transition: opacity 0.3s;
}
.zx-submit-form-btn:hover {
    opacity: 0.86;
}




.sh-container {
    width: 1320px;
    margin: 0 auto;
}
/* 公共标题样式 */
.sh-title-main {
    font-size: 42px;
    text-align: center;
    color: #444;
    font-weight: 500;
}
.sh-title-en {
    font-size: 20px;
    text-align: center;
    color: #666;
    margin-top: 8px;
    letter-spacing: 2px;
}

/* 第一模块：服务流程轮播区域 */
.sh-process-carousel-section {
    padding: 80px 0;
}
.sh-section-head {
    margin-bottom: 50px;
}
.sh-carousel-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
/* 左侧虚拟图片：层级更高，形成轻微压叠效果 */
.sh-carousel-img-box {
    width: 48%;
    position: relative;
    z-index: 2;
}
.sh-carousel-img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    display: block;
    background: #d8e2eb;
}
/* 右侧深蓝色轮播面板：向右偏移一点，形成层叠 */
.sh-carousel-panel {
    width: 52%;
    margin-left: -30px;
    background-color: #0a3860;
    border-radius: 0 16px 16px 0;
    padding: 60px 50px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.sh-carousel-text h3 {
    font-size: 32px;
    margin-bottom: 24px;
}
.sh-carousel-text p {
    font-size: 18px;
    line-height: 1.8;
}
/* 轮播左右箭头按钮 */
.sh-carousel-btn-group {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}
.sh-carousel-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background 0.3s;
}
.sh-carousel-arrow:hover {
    background: rgba(255,255,255,0.2);
}
/* 轮播内容隐藏切换 */
.sh-carousel-item {
    display: none;
}
.sh-carousel-item.sh-active {
    display: block;
}

/* 第二模块：全屏背景售后流程区块（全屏背景图+淡蓝滤镜双层） */
.sh-aftersale-full-section {
    width: 100%;
    padding: 90px 0;
    position: relative;
    /* 全横屏背景图片 */
    background: url('https://picsum.photos/id/1067/1920/700') center/cover no-repeat fixed;
}
/* 淡蓝色半透明滤镜遮罩层 */
.sh-full-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 56, 96, 0.65);
    z-index: 1;
}
.sh-aftersale-inner {
    position: relative;
    z-index: 2;
}
.sh-aftersale-head {
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
}
.sh-aftersale-head .sh-title-main,
.sh-aftersale-head .sh-title-en {
    color: #fff;
}
.sh-aftersale-desc {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* 四格流程容器 */
.sh-flow-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(255,255,255,0.2);
}
.sh-flow-card {
    background: rgba(255,255,255,0.15);
    padding: 50px 20px;
    text-align: center;
    color: #fff;
    transition: background 0.3s;
}
/* 圆形图标容器 */
.sh-flow-icon-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}
.sh-flow-icon-circle i {
    font-size: 40px;
    color: #0a3860;
    transition: color 0.3s;
}
/* hover效果：圆背景变深蓝，图标变白 */
.sh-flow-card:hover .sh-flow-icon-circle {
    background: #0a3860;
}
.sh-flow-card:hover .sh-flow-icon-circle i {
    color: #fff;
}
.sh-flow-card h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
.sh-flow-card .sh-flow-num {
    font-size: 22px;
    opacity: 0.8;
}



.sh-container {
    width: 1320px;
    margin: 0 auto;
    padding: 80px 0;
}

/* 顶部标题筛选栏 */
.sh-download-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.sh-download-title {
    font-size: 36px;
    color: #444;
    font-weight: 500;
}
.sh-filter-box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.sh-select-class {
    width: 260px;
    height: 48px;
    border: 1px solid #d0d7e3;
    border-radius: 999px;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
    outline: none;
}
.sh-btn-confirm {
    width: 110px;
    height: 48px;
    background-color: #0a3860;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 16px;
    cursor: pointer;
    transition: opacity 0.3s;
}
.sh-btn-confirm:hover {
    opacity: 0.85;
}

/* 资料下载表格 */
.sh-table-wrap {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}
.sh-table-wrap thead tr {
    background-color: #0a3860;
    color: #fff;
}
.sh-table-wrap th,
.sh-table-wrap td {
    padding: 20px 24px;
    text-align: center;
    font-size: 16px;
}
.sh-table-wrap th {
    font-weight: 500;
}
/* 行交替底色 */
.sh-table-wrap tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.sh-table-wrap tbody tr:nth-child(even) {
    background-color: #ffffff;
}
.sh-table-wrap tbody tr:hover {
    background-color: #eef4f9;
}

/* 左侧PDF图标+名称单元格 */
.sh-table-file-cell {
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: flex-start;
    cursor: pointer;
}
.sh-pdf-icon-box {
    width: 44px;
    height: 44px;
    background: #e1e7ef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a3860;
    font-size: 20px;
}
.sh-file-name {
    font-size: 16px;
    color: #333;
    cursor: pointer;
}
.sh-file-name:hover {
    color: #0a3860;
}

/* 立即下载按钮 */
.sh-link-download {
    color: #0a3860;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.sh-link-download:hover {
    text-decoration: underline;
}

/* PDF预览弹窗遮罩 */
.sh-pdf-modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.65);
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
}
.sh-pdf-modal-box {
    width: 1100px;
    height: 820px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sh-modal-head {
    height: 60px;
    background: #0a3860;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    color: #fff;
    font-size: 18px;
}
.sh-modal-close {
    font-size: 24px;
    cursor: pointer;
}
.sh-modal-body {
    flex: 1;
    padding: 10px;
}
.sh-modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.sh-modal-foot {
    height: 60px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
}
.sh-modal-download-btn {
    padding: 10px 26px;
    background: #0a3860;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}


.pagination {
	margin: 20px 540px;
    padding-left: 0;
    list-style: none;
}
        
        .pagination li a {
    height: 48px;
   
    text-align: center;
    line-height: 48px;
   
    display: inline-block;
    color: #475467;
    background-color: transparent;
    border: 1px solid #EAECF0;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;    padding: 0 16px;
}
        
         .pagination li {
    display: inline-block;
    margin-right: 6px;
}
        
        
        .pagination .active {
    
    color: #ffffff;
}



.cp-container {
    width: 1320px;
    margin: 0 auto;
}

/* ========== 卡片模块 全部类名替换cp前缀 ========== */
.cp-card-section {
    padding: 80px 0;
}
.cp-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.cp-card-item {
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
.cp-card-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(10, 56, 96, 0.15);
}
.cp-card-img-box {
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.cp-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s;
}
.cp-card-item:hover .cp-card-img {
    transform: scale(1.05);
}
.cp-card-title {
    text-align: center;
    font-size: 22px;
    padding: 20px 0;
    color: #333;
    transition: color 0.3s;
}
.cp-card-item:hover .cp-card-title {
    color: #0a3860;
}


.deta-container {
    width: 1320px;
    margin: 0 auto;
}

/* ========== 模块1：上一篇/下一篇导航 ========== */
.deta-nav-section {
    padding: 80px 0;
    background: #fff;
}
.deta-nav-wrap {
    width: 1320px;
    margin: 0 auto;
}
.deta-nav-title {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}
.deta-nav-line {
	margin: 30ppx 0;
    width: 100%;
    height: 1px;
    background: #d0d9e3;
    margin-bottom: 40px;
}
.deta-nav-row {
	margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.deta-nav-left,
.deta-nav-right {
    width: 48%;
}
.deta-nav-left {
    text-align: left;
}
.deta-nav-right {
    text-align: right;
}
.deta-nav-label {
    font-size: 16px;
    color: #777;
    margin-bottom: 10px;
    display: block;
}
.deta-nav-name {
    font-size: 20px;
    color: #0a3860;
    display: flex;
    align-items: center;
    gap: 10px;
}
.deta-nav-right .deta-nav-name {
    justify-content: flex-end;
}
.deta-nav-name a {
    color: inherit;
}
.deta-nav-name a:hover {
    text-decoration: underline;
}
.deta-nav-empty {
    color: #aaa;
}

/* ========== 模块2：推荐产品 四列卡片 ========== */
.deta-recommend-section {
    padding: 80px 0;
    background: #f7f9fc;
}
.deta-recommend-wrap {
    width: 1320px;
    margin: 0 auto;
}
.deta-recommend-title {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin-bottom: 50px;
}
.deta-recommend-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.deta-recommend-card {
    background: #fff;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.deta-recommend-card:hover {
    transform: translateY(-8px);
}
.deta-card-img-box {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.deta-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 0.3s ease;
}
.deta-recommend-card:hover .deta-card-img {
    transform: scale(1.05);
}
.deta-card-text {
    padding: 20px 16px;
    text-align: center;
}
.deta-card-name {
    font-size: 18px;
    color: #0a3860;
}



.ab-container {
    width: 1320px;
    margin: 0 auto;
}

/* ========== 模块1：公司简介 左右图文 ========== */
.ab-about-section {
    padding: 100px 0;
    background: linear-gradient(to right, #f7f8fa, #ffffff);
    background-image: radial-gradient(#e8edf3 1px, transparent 1px);
    background-size: 40px 40px;
}
.ab-about-wrap {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}
/* 左侧文字区域 */
.ab-about-left {
    width: 50%;
}
.ab-about-title-main {
    font-size: 42px;
    color: #444;
    font-weight: 500;
}
.ab-about-title-en {
    font-size: 18px;
    color: #666;
    margin: 8px 0 40px;
    letter-spacing: 1px;
}
.ab-about-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 24px;
    color: #444;
}
/* 右侧图片区域：新增淡蓝色透明背景层 */
.ab-about-right {
    width: 50%;
    position: relative;
    padding: 12px;
    background: rgba(10, 56, 96, 0.12); /* 淡蓝色透明底色 */
}
.ab-about-img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
}
.ab-about-img-mask {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: calc(100% - 24px);
    height: 220px;
    background: rgba(10, 56, 96, 0.75);
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.ab-mission-box {
    border: 2px solid #fff;
    padding: 16px 24px;
}
.ab-mission-cn {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
}
.ab-mission-en {
    position: absolute;
    left: 190px;
    top: 48px;
    font-size: 32px;
    color: rgba(255,255,255,0.35);
    letter-spacing: 2px;
}
.ab-mission-desc {
	margin-left: 12px;
    font-size: 20px;
    color: #fff;
}

/* ========== 模块2：发展历程全屏轮播（优化年份z-index+灯泡光晕） ========== */
.ab-history-full-section {
    width: 100%;
    padding: 140px 0;
    position: relative;
    background: url('https://picsum.photos/id/1036/1920/800') center/cover no-repeat;
}
.ab-history-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 56, 96, 0.68);
    z-index: 1;
}
.ab-history-inner {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}
.ab-history-title-main {
    font-size: 40px;
    margin-bottom: 8px;
}
.ab-history-title-en {
    font-size: 18px;
    opacity: 0.85;
    margin-bottom: 80px;
    letter-spacing: 1px;
}
.ab-history-carousel-wrap {
    position: relative;
    padding: 40px 80px;
}
.ab-history-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.3s;
}
.ab-history-arrow:hover {
    background: rgba(255,255,255,0.2);
}
.ab-history-prev {
    left: 0;
}
.ab-history-next {
    right: 0;
}
.ab-timeline-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
    position: relative;
}
/* 分割横线z-index更低，被年份盖住 */
.ab-timeline-track::before {
    content: "";
    position: absolute;
    left: 80px;
    right: 80px;
    height: 1px;
    background: rgba(255,255,255,0.4);
    z-index: 0;
}
.ab-timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2; /* 年份层级高于分割线，不会被穿过 */
}
/* 年份圆圈 灯泡白色外发光光晕 */
.ab-year-circle {
    width: 76px;
    height: 76px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    background: rgba(10, 56, 96, 0.4);
    box-shadow: 0 0 16px 4px rgba(255,255,255,0.45); /* 灯泡发亮效果 */
}
.ab-year-text {
    position: absolute;
    width: 160px;
    font-size: 15px;
    line-height: 1.6;
}
.ab-year-top {
    top: -90px;
}
.ab-year-bottom {
    bottom: -90px;
}
.ab-carousel-slide {
    display: none;
}
.ab-carousel-slide.ab-active {
    display: block;
}

/* ========== 模块3：企业理念 2行3列卡片底部淡蓝渐变 ========== */
.ab-philo-section {
    padding: 100px 0;
    background: #f8f8f8;
}
.ab-philo-head {
    text-align: center;
    margin-bottom: 50px;
}
.ab-philo-title-main {
    font-size: 40px;
    color: #444;
    margin-bottom: 6px;
}
.ab-philo-title-en {
    font-size: 18px;
    color: #666;
    letter-spacing: 1px;
}
.ab-philo-desc {
    max-width: 1000px;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    text-align: left;
}
.ab-philo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ab-philo-card {
    padding: 36px 28px;
    border: 1px solid #e8edf3;
    /* 卡片底部淡蓝色垂直渐变 */
    background: linear-gradient(to bottom, #ffffff 72%, #e8f2fc 100%);
}
.ab-philo-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ab-philo-num {
    font-size: 52px;
    font-weight: bold;
    color: #0a3860;
    line-height: 1;
}
.ab-philo-icon {
    font-size: 32px;
    color: #0a3860;
}
.ab-philo-card-text {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}

/* ========== 模块4：资质荣誉 全屏背景+轮播证书 ========== */
.ab-qual-full-section {
    width: 100%;
    padding: 100px 0;
    position: relative;
    background: url('https://picsum.photos/id/1068/1920/720') center/cover no-repeat;
}
.ab-qual-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(10, 56, 96, 0.42);
    z-index: 1;
}
.ab-qual-inner {
    position: relative;
    z-index: 2;
    text-align: center;
}
.ab-qual-title-main {
    font-size: 40px;
    color: #fff;
    margin-bottom: 6px;
}
.ab-qual-title-en {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 1px;
    margin-bottom: 60px;
}
.ab-qual-carousel-wrap {
    position: relative;
    overflow: hidden;
}
.ab-qual-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease;
}
.ab-qual-item {
    flex: 0 0 calc((100% - 60px) / 4);
    background: #fff;
}
.ab-qual-img-box {
    padding: 16px;
}
.ab-qual-img {
    width: 100%;
    display: block;
}
.ab-qual-name {
    padding: 16px;
    background: #d7e7f3;
    font-size: 18px;
    color: #0a3860;
}
.ab-qual-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}
.ab-qual-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    cursor: pointer;
}
.ab-qual-dot.ab-active {
    background: #fff;
}

/* ========== 模块5：正禄团队 八边形环形切换（修改激活边框样式） ========== */
.ab-team-section {
    padding: 100px 0;
    background: #fff;
}
.ab-team-head {
    text-align: center;
    margin-bottom: 60px;
}
.ab-team-title-main {
    font-size: 40px;
    color: #444;
    margin-bottom: 6px;
}
.ab-team-title-en {
    font-size: 18px;
    color: #666;
    letter-spacing: 1px;
}
.ab-team-desc {
    max-width: 1320px;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    text-align: left;
}
.ab-team-wrap {
    display: flex;
    align-items: center;
    gap: 80px;
}
.ab-team-ring {
    width: 620px;
    height: 620px;
    position: relative;
}
.ab-team-center-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.ab-team-logo-text {
    font-size: 48px;
    font-weight: bold;
    color: #0a3860;
}
.ab-team-subtext {
    font-size: 14px;
    color: #666;
    margin-top: 6px;
}

/* 六边形基础样式 */
.ab-team-hex {
    width: 140px;
    height: 140px;
    background: #0a3860;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    position: absolute;
    transition: all 0.3s ease;
    /* 预留空间给外层边框 */
    padding: 12px;
    box-sizing: border-box;
}
/* 外层六边形边框，独立写法，不嵌套&永久存在 */
.ab-team-hex::before {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    border: 3px solid #0a3860;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transition: all 0.3s;
}

/* 未激活hover加深底色 */
.ab-team-hex:not(.ab-active):hover {
    background: #072f4f;
}

/* 激活状态：内部白底，文字图标变深蓝，外层边框完全不变 */
.ab-team-hex.ab-active {
    background: #ffffff;
    color: #0a3860;
}

.ab-team-hex i {
    font-size: 28px;
    margin-bottom: 8px;
    transition: color 0.3s;
}
.ab-team-hex span {
    font-size: 16px;
    transition: color 0.3s;
}

/* 八个六边形定位 无需改动 */
.ab-hex-1 { top: 0; left: 50%; transform: translateX(-50%); }
.ab-hex-2 { top: 13%; right: 10%; }
.ab-hex-3 { top: 38%; right: 0; }
.ab-hex-4 { bottom: 13%; right: 10%; }
.ab-hex-5 { bottom: 0; left: 50%; transform: translateX(-50%); }
.ab-hex-6 { bottom: 13%; left: 10%; }
.ab-hex-7 { top: 38%; left: 0; }
.ab-hex-8 { top: 13%; left: 10%; }

.ab-team-content-box {
    flex: 1;
}
.ab-team-content-title {
    font-size: 30px;
    color: #0a3860;
    margin-bottom: 24px;
}
.ab-team-content-text {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}
.ab-team-arrow-group {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}
.ab-team-arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #0a3860;
    background: transparent;
    color: #0a3860;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}
.ab-team-arrow:hover {
    background: #0a3860;
    color: #fff;
}
.ab-team-content-item {
    display: none;
}
.ab-team-content-item.ab-active {
    display: block;
}



body {
    font-family: "Microsoft YaHei", sans-serif;
    color: #444;
    background: #ffffff;
}
.in-container {
    width: 1320px;
    margin: 0 auto;
}
/* ========== 全局响应式兼容 ========== */
@media screen and (max-width:1360px) {
    .in-container {
        width: 94%;
    }
}
@media screen and (max-width:992px) {
    .in-about-wrap, .in-advantage-wrap {
        flex-direction: column;
    }
    .in-about-left,.in-about-right,.in-adv-left-img,.in-adv-right-tab {
        width: 100% !important;
    }
}
@media screen and (max-width:768px) {
    .in-philo-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .in-product-card {
        flex: 0 0 calc((100% - 30px) / 2);
    }
}
@media screen and (max-width:480px) {
    .in-philo-grid {
        grid-template-columns: 1fr;
    }
    .in-product-card {
        flex: 0 0 100%;
    }
}
:root {
    --main-blue: #0a3860;
    --light-blue: rgba(10, 56, 96, 0.12);
    --tab-mid-bg: #e8f2fc;
    --tab-normal-bg: #f0f5fa;
    --tab-active-bg: rgba(10, 56, 96, 0.9);
    --mask-blue: rgba(10, 56, 96, 0.65);
}

/* ========== 模块1：全屏Banner自动轮播 ========== */
.in-banner-section {
    width: 100%;
    height: 960px;
    position: relative;
    overflow: hidden;
}
.in-banner-track {
    width: fit-content;
    height: 100%;
    display: flex;
    transition: transform 0.6s ease;
}
.in-banner-slide {
    width: 100vw; 
    height: 100%;
	flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}
.in-banner-bg {
	background-size: cover;
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
}
/*
.in-banner-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 15, 40, 0.55);
    z-index: -1;
}
*/
.in-banner-en {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 12px;
    opacity: 0.9;
}
.in-banner-title {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 16px;
}
.in-banner-desc {
    font-size: 22px;
    opacity: 0.95;
}
.in-banner-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 2;
}
.in-banner-arrow:hover {
    background: rgba(255,255,255,0.2);
}
.in-banner-prev {
    left: 40px;
}
.in-banner-next {
    right: 40px;
}
.in-banner-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 14px;
    z-index: 2;
}
.in-banner-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    cursor: pointer;
}
.in-banner-dot.in-active {
    background: #fff;
}

/* ========== 模块2：关于我们 左文右图 增强版 ========== */
.in-about-section {
    padding: 100px 0;
    background: linear-gradient(to right, #f7f8fa, #ffffff);
    background-image: radial-gradient(#e8edf3 1px, transparent 1px);
    background-size: 40px 40px;
}
.in-about-wrap {
    display: flex;
    align-items: flex-start;
    gap: 70px;
}
.in-about-left {
    width: 50%;
}
.in-about-right {
    width: 50%;
    position: relative;
    padding: 12px;
    background: var(--light-blue);
}
.in-about-title-main {
    font-size: 42px;
    color: #333;
    margin-bottom: 10px;
}
.in-about-title-en {
    font-size: 18px;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 36px;
}
.in-about-text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
    color: #444;
}
.in-about-text strong {
    color: var(--main-blue);
}
.in-about-img-box {
    width: 100%;
}
.in-about-img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    display: block;
}
.in-about-img-mask {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: calc(100% - 24px);
    height: 220px;
    background: rgba(10, 56, 96, 0.75);
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.in-mission-box {
    border: 2px solid #fff;
    padding: 16px 24px;
}
.in-mission-cn {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
}
.in-mission-en {
    position: absolute;
    left: 190px;
    top: 48px;
    font-size: 32px;
    color: rgba(255,255,255,0.35);
    letter-spacing: 2px;
}
.in-mission-desc {
	margin-left: 25px;
    font-size: 24px;
    color: #fff;
}

/* ========== 模块3：产品轮播 三列卡片自动切换 ========== */
.in-product-section {
    padding: 100px 0;
    background: #fff;
}
.in-product-head {
    text-align: center;
    margin-bottom: 50px;
}
.in-product-title {
    font-size: 40px;
    color: #333;
    margin-bottom: 8px;
}
.in-product-desc {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}
.in-product-carousel-wrap {
    position: relative;
    overflow: hidden;
    padding: 0 60px;
}
.in-product-track {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
}
.in-product-card {
    flex: 0 0 calc((100% - 60px) / 3);
    overflow: hidden;
}
.in-card-img-box {
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.in-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 0.3s;
}
.in-product-card:hover .in-card-img {
    transform: scale(1.05);
}
.in-card-name {
    width: 100%;
    padding: 20px;
    text-align: center;
    background: var(--main-blue);
    color: #fff;
    font-size: 22px;
}
.in-product-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 1px solid var(--main-blue);
    border-radius: 50%;
    background: #fff;
    color: var(--main-blue);
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}
.in-product-arrow:hover {
    background: var(--main-blue);
    color: #fff;
}
.in-product-prev {
    left: 0;
}
.in-product-next {
    right: 0;
}
.in-product-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}
.in-product-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--main-blue);
    background: transparent;
    cursor: pointer;
}
.in-product-dot.in-active {
    background: var(--main-blue);
}

/* ========== 模块4：核心优势全屏背景Tab切换 ========== */
.in-advantage-section {
    width: 100%;
    padding: 120px 0;
    position: relative;
    background: url("https://picsum.photos/id/1036/1920/800") center/cover no-repeat;
}
.in-advantage-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mask-blue);
    z-index: 1;
}
.in-advantage-inner {
    position: relative;
    z-index: 2;
}
.in-advantage-head {
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}
.in-advantage-title {
    font-size: 40px;
    margin-bottom: 6px;
}
.in-advantage-en {
    font-size: 18px;
    opacity: 0.85;
    letter-spacing: 1px;
}
.in-advantage-wrap {
    display: flex;
    gap: 40px;
    align-items: center;
}
.in-adv-left-img {
    width: 62%;
}
.in-adv-img {
    width: 100%;
    display: block;
    transition: opacity 0.3s ease;
}
.in-adv-right-tab {
    width: 38%;
}
.in-tab-item {
    padding: 20px 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.in-tab-item[data-tab="1"],
.in-tab-item[data-tab="3"] {
    background: var(--tab-normal-bg);
    color: var(--main-blue);
}
.in-tab-item[data-tab="1"] .in-tab-icon,
.in-tab-item[data-tab="1"] .in-tab-title,
.in-tab-item[data-tab="3"] .in-tab-icon,
.in-tab-item[data-tab="3"] .in-tab-title {
    color: var(--main-blue);
}
.in-tab-item[data-tab="2"] {
    background: var(--tab-mid-bg);
    color: var(--main-blue);
}
.in-tab-item[data-tab="2"] .in-tab-icon,
.in-tab-item[data-tab="2"] .in-tab-title {
    color: var(--main-blue);
}
.in-tab-item.in-active {
    background: var(--tab-active-bg) !important;
    color: #fff !important;
}
.in-tab-item.in-active .in-tab-icon,
.in-tab-item.in-active .in-tab-title {
    color: #fff !important;
}
.in-tab-icon {
    font-size: 26px;
/*    margin-bottom: 14px;*/
    transition: color 0.3s;
}
.in-tab-title {
    font-size: 18px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    transition: color 0.3s;
}
.in-tab-text {
    font-size: 11px;
    line-height: 1.75;
}

/* ========== 模块5：企业理念6宫格卡片 ========== */
.in-philo-section {
    padding: 100px 0;
    background: #fff;
}
.in-philo-head {
    text-align: center;
    margin-bottom: 50px;
}
.in-philo-title-main {
    font-size: 40px;
    color: #444;
    margin-bottom: 6px;
}
.in-philo-title-en {
    font-size: 18px;
    color: #666;
    letter-spacing: 1px;
}
.in-philo-desc {
    max-width: 1000px;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    text-align: left;
}
.in-philo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.in-philo-card {
    padding: 36px 28px;
    border: 1px solid #e8edf3;
    background: linear-gradient(to bottom, #ffffff 72%, #e8f2fc 100%);
}
.in-philo-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.in-philo-num {
    font-size: 52px;
    font-weight: bold;
    color: var(--main-blue);
    line-height: 1;
}
.in-philo-icon {
    font-size: 32px;
    color: var(--main-blue);
}
.in-philo-card-text {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}



/* 全新文章详情正文+分页模块 独立样式 art-前缀 */
.art-content-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f8fafc;
}
.art-content-wrap {
    width: 1320px;
    margin: 0 auto;
}
/* 适配移动端 */
@media screen and (max-width: 1360px) {
    .art-content-wrap {
        width: 94%;
    }
}
@media screen and (max-width: 768px) {
    .art-page-switch-row {
        flex-direction: column;
        gap: 24px;
    }
    .art-page-prev,
    .art-page-next {
        width: 100%;
        text-align: center;
    }
}

/* 文章大标题 */
.art-content-title {
	text-align: center;
	justify-content: center;
    font-size: 36px;
    color: #083660;
    font-weight: 600;
    margin-bottom: 32px;
    line-height: 1.4;
}

/* 正文容器，底部外边距30px，隔开分页区域 */
.art-content-body {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.9;
    color: #333;
}
/* 富文本内容全局美化 */
.art-content-body p {
    margin-bottom: 16px;
}
.art-content-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 12px 0;
}
.art-content-body h3,
.art-content-body h4 {
    margin: 24px 0 12px;
    color: #083660;
}

/* 上下分页外层容器，左右分布 */
.art-page-switch-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding-top: 30px;
    border-top: 1px solid #dde4ec;
}

/* 上一篇/下一篇通用容器 */
.art-page-prev,
.art-page-next {
    width: 48%;
}
.art-page-next {
    text-align: right;
}

/* 标签文字：上一篇/下一篇 */
.art-page-tag {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}
.art-page-tag i {
    color: #083660;
    margin: 0 6px;
}

/* 文章标题链接 - 无下划线 */
.art-page-link a,
.art-page-next a {
    font-size: 18px;
    color: #083660;
    text-decoration: none;
    transition: color 0.25s ease;
}
.art-page-link a:hover,
.art-page-next a:hover {
    color: #062747;
    /* 移除下划线，仅变色 */
}





a {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        /* 模块外层容器 1320px居中 */
        .lsjy-server-module-wrap {
            width: 1320px;
            margin: 60px auto;
            display: flex;
            gap: 30px;
        }

        /* 左侧导航栏 */
        .lsjy-server-left-nav {
			height: 450px;
            width: 280px;
            background: #f6f6f6;
            border-radius: 4px;
            overflow: hidden;
        }
        .lsjy-nav-item {
            height: 72px;
            line-height: 72px;
            padding-left: 40px;
            font-size: 18px;
            color: #333;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .lsjy-active {
            background-color: #0A3860;
            color: #fff;
        }
        .lsjy-nav-item:hover:not(.active) {
            background-color: #e8f0f8;
            color: #0A3860;
        }

        /* 右侧产品列表容器 */
        .lsjy-server-right-list {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        /* 产品卡片 固定高度75px */
        .lsjy-product-card {
            height: 85px;
            background: #f6f6f6;
            border-radius: 4px;
            display: flex;
            align-items: center;
            padding: 0 24px;
            gap: 20px;
            cursor: pointer;
            transition: box-shadow 0.2s ease;
        }
        .lsjy-product-card:hover {
            box-shadow: 0 2px 12px rgba(10, 56, 96, 0.12);
        }

        /* 卡片左侧logo图 */
        .lsjy-card-logo {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }

        /* 中间产品标题 */
        .lsjy-card-title {
            flex: 1;
            font-size: 17px;
            color: #222;
        }

        /* 右侧下载区域 */
        .lsjy-card-download {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #0A3860;
            font-size: 16px;
        }
        .lsjy-download-icon {
            width: 20px;
            height: 20px;
            opacity: 0.85;
        }




.prod-pdf-wrap {
    width: 100%;
    padding: 0 20px;
}
/* 内容限制1010px居中 */
.prod-pdf-container {
    max-width: 1010px;
    margin: 0 auto;
}
/* 卡片列表 三列布局 */
.prod-pdf-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
/* 卡片项 + 悬浮上浮效果 */
.prod-pdf-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.prod-pdf-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
/* 卡片图片区域 */
.prod-pdf-imgbox {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.prod-pdf-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 卡片文字区域 */
.prod-pdf-text {
    padding: 20px;
}
.prod-pdf-title {
    font-size: 18px;
    color: #222;
    margin: 0 0 10px;
    font-weight: 500;
}
.prod-pdf-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 16px;
}
/* 查看更多按钮 */
.prod-pdf-btn {
    display: inline-block;
    padding: 8px 18px;
    background-color: #0A3860;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s;
}
.prod-pdf-btn:hover {
    background-color: #0f49a0;
}

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .prod-pdf-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 640px) {
    .prod-pdf-list {
        grid-template-columns: 1fr;
    }
}



.inde-banner-wrap {
    width: 100%;
	margin-top: 126px;
    position: relative;
    /* 删除固定height:960px; 由图片内容撑开 */
    overflow: hidden;
}
/* 轮播列表 */
.inde-banner-list {
    width: 100%;
}
/* 单张轮播项 */
.inde-banner-item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}
.inde-banner-item.active {
    opacity: 1;
    z-index: 2;
    position: relative; /* 当前激活项改为relative，用来撑开父容器高度 */
}

.inde-banner-item img {
    width: 100%;
    height: auto; /* 高度自动，图片原始比例 */
    display: block;
}

/* 箭头简单补充基础样式（你原有样式如果有就保留，没有就加上） */
.inde-banner-arrow{
	border-radius: 30px;
    position: absolute;
    top: 50%;
    z-index:10;
    transform: translateY(-50%);
    width:44px;
    height:44px;
    background:rgba(0,0,0,0.3);
    color:#fff;
    text-align:center;
    line-height:44px;
    cursor:pointer;
    font-size:24px;
}
.inde-banner-prev{left:20px;}
.inde-banner-next{right:20px;}

.inde-banner-dots{
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    text-align:center;
    z-index:10;
}
.inde-banner-dots span{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ccc;
    margin:0 6px;
    cursor:pointer;
}
.inde-banner-dots span.active{
    background:#fff;
}


/* 左右切换箭头 */
/*
.inde-banner-arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    transition: background 0.3s;
}
.inde-banner-arrow:hover {
    background: rgba(255,255,255,0.45);
}
.inde-banner-prev {
    left: 40px;
}
.inde-banner-next {
    right: 40px;
}


.inde-banner-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    display: flex;
    gap: 12px;
    z-index: 10;
}

.inde-banner-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    cursor: pointer;
    transition: all 0.3s;
}
.inde-banner-dot.active {
    background: #ffffff;
}*/