:root {
    --top-bar-height: 32px;
    --top-bar-fg: #fff;
  }
  .l-header-container-specialmenu {
    display: flex;
    justify-content: flex-end;
  }
  .top-bar {
    display: flex;
    align-items: center;
    height: var(--top-bar-height);
    background: var(--top-bar-bg);
    justify-content: flex-end;
  }
  .top-bar__fill { flex: 1; }
  .top-bar__list {
    display: flex;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .top-bar__link {
    color: var(--top-bar-fg);
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    padding: 0 8px;
  }
  @media (max-width: 768px) {
    .top-bar__list {
      gap: 1rem;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
.top-bar__item a{color:#fff}
  /* 主菜单样式 */
  .c-header-main-menu-item {
    align-items: center;
    background-color: unset;
    background-image: linear-gradient(#0b1128, #0b1128);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 0 1px, auto;
    border: none;
    color: #0b1128;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6rem;
    padding: 8px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 175ms;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
  .l-header-main-menu-right .c-header-main-menu-item {
    font-size: 0;
    padding: 0;
  }
  .l-header-main-menu-right .c-header-main-menu-item i {
    font-size: 1.125rem;
    padding: 0;
  }
  .l-header-main-menu-right .c-header-main-menu-item i svg { stroke: #0b1128; }
  .c-header-main-menu-item.active { background-size: 32px 1px; }
  .c-header-main-menu-item:hover {
    background-size: 32px 1px;
    cursor: pointer;
    text-decoration: none;
    z-index: 1000;
  }
  .c-header-main-menu-item:focus { outline: none !important; }
  .c-header-main-menu-item:visited { color: #0b1128; }
  .c-close-button {
    color: #0b1128;
    font-size: 1.125rem;
    margin: 36px 32px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .c-close-button:hover { cursor: pointer; }
      .ztbz{margin-top: 50px;}
     @media (max-width: 800px) {
         .ztbz{margin-top: 0px;}
     }
  @media (max-width: 800px) { .c-close-button { display: none; } }
  @media (max-width: 900px) {
    .search-close {
      display: flex;
      margin: 2px;
    }
  }
  .l-megaMenu-new {
    background-color: #fff;
    display: block;
    height: 100%;
    width: 100%;
  }
  .l-megaMenu-container-new {
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 1248px;
    position: relative;
    width: 100%;
  }


/*============== 新增/替换的样式 ==============*/
.mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  visibility: hidden;          /* 默认不可见 */
  opacity: 0;                  /* 默认透明 */
  transform: translateX(-100%);/* 藏在左侧外边 */
  transition: transform .3s ease-out, opacity .3s ease-out;
}

/* 打开时 */
.mobile-drawer.active {
  visibility: visible;         /* 可见 */
  opacity: 1;                  /* 不透明 */
  transform: translateX(0);    /* 回到原位 */
}





    /* 抽屉整体背景 */
.mobile-drawer__content {
  background: #fff;
  height: 100%;
  padding: 1rem 0;
}
.mobile-drawer__list{padding:0;}
/* 每个列表项 */
.mobile-drawer__list li {
  border-bottom: 1px solid #e5e5e5;   /* 下线 */
}
.mobile-drawer__list li:first-child {
  border-top: 1px solid #e5e5e5;     /* 首项上线 */
}

/* 链接样式 */
.mobile-drawer__list a {
  display: block;
  padding: 1rem 1.5rem;               /* 上下左右边距 */
  color: #0b1128;
  font-size: 1rem;
  text-decoration: none;
}

/* ===== 有子菜单的项 ===== */
.mobile-drawer__list > li.has-children {
  position: relative;
}


/* ===== 子菜单 ===== */
.mobile-drawer__list ul.sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f7f7f7;
}
.mobile-drawer__list ul.sub-menu li {
  border: none;
}
.mobile-drawer__list ul.sub-menu a {
  padding-left: 2.5rem;         /* 缩进 */
  font-size: .95rem;
}

/* 展开状态 */
.mobile-drawer__list > li.has-children.open > a::after {
  transform: translateY(-50%) rotate(90deg);
}
.mobile-drawer__list > li.has-children.open > ul.sub-menu {
  max-height: 200px;            /* 足够高即可 */
}


/* ===== 新增：强制子菜单里的 <a> 不生成伪元素 ===== */
.mobile-drawer__list ul.sub-menu a::after {
  content: none;
}





/* 1. 一级链接自身做包含块 */
.mobile-drawer__list > li.has-children > a {
  position: relative;      /* 关键：让伪元素相对它定位 */
  padding-right: 3rem;
  line-height: 1rem;       /* 保证高度恒定，不被子菜单撑开 */
}

/* 2. 箭头位置微调（垂直居中即可） */
.mobile-drawer__list > li.has-children > a::after {
  content: '';
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  width: .6rem;
  height: .6rem;
  border-right: 2px solid #0b1128;
  border-bottom: 2px solid #0b1128;
  transition: transform .25s;
}


        
.l-header-main-menu-left{align-items: center;display: flex;flex: 1;justify-content: space-between;}
.main-menu-item-ico{padding: 0 16px 0 0 !important;}
.main-menu-list{display:flex}
/* 移动端隐藏主导航左侧菜单 */
@media (max-width: 768px) {
  .l-header-main-menu-left {
    display: none;
  }
}
            /* 一级项做包含块 */
.main-menu-item{
  position:relative;
}
/* 二级菜单默认隐藏 */
.sub-menu-pc{
  position:absolute;
  left:0;
  top:100%;
  margin:4px 0 0;
  padding:.5rem 0;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  list-style:none;
  min-width:160px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .25s, transform .25s;
  z-index:1010;
}
.sub-menu-pc a{
  display:block;
  padding:.6rem 1.2rem;
  font-size:14px;
  color:#0b1128;
  white-space:nowrap;
  text-decoration:none;
}
.sub-menu-pc a:hover{
  background:#f5f5f5;
}

/* 鼠标悬停展开 */
.main-menu-item:hover .sub-menu-pc{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}




/*下面的是脚部*/

    /* 变量 */
:root {
  --footer-bg: #0B1128;
  --footer-fg: #fff;
  --link-color: #b3d4fc;
  --gap: 1.5rem;
}

/* 页脚整体 */
.footer {
  background: #0A62D0;
  color: var(--footer-fg);
  font-size: 0.875rem;
  padding: 2rem 0;
}

.footer__body {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* 四列网格 */
.footer__nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}

.footer__title {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__link {
  color: var(--link-color);
  text-decoration: none;
  line-height: 1.75;
}
.footer__link:hover { text-decoration: underline; }

/* 联系列 */
.footer__col--contact { grid-column: span 1; }
.footer__addr { font-style: normal; line-height: 1.6; }
.footer__tel { color: var(--footer-fg); font-weight: 600; }

.footer__btn {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: rgba(255,255,255,.15);
  color: var(--footer-fg);
  border-radius: 4px;
  text-decoration: none;
}
.footer__btn:hover { background: rgba(255,255,255,.25); }

/* 底部栏 */
.footer__bottom {
  max-width: 1280px;
  margin: 2rem auto 0;
  padding: 1rem 1rem 0;
  border-top: 1px solid rgba(255,255,255,.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.footer__copyright { margin: 0; color:#fff}

.footer__social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.footer__follow {
  margin-right: 0.25rem;
}

/* 社交媒体图标（CSS Sprite 方案） */
.footer__social-link {
  width: 20px;
  height: 20px;
  display: block;
  background: url("../img/social-sprite.svg") no-repeat; /* 自行合并 */
  background-size: 80px 20px;
}
.footer__social-link--fb { background-position: 0 0; }
.footer__social-link--tw { background-position: -20px 0; }
.footer__social-link--in { background-position: -40px 0; }
.footer__social-link--yt { background-position: -60px 0; }

.footer__legal {
  display: flex;
  gap: 1rem;
}
.footer__legal-link {
  color: var(--link-color);
  text-decoration: none;
  font-size: 0.75rem;
}
.footer__legal-link:hover { text-decoration: underline; }

/* 响应式：平板以下变 2+1+1 */
@media (max-width: 768px) {
  .footer__nav { grid-template-columns: 1fr 1fr; }
  .footer__col--contact { grid-column: 1 / -1; }
}

/* 手机端：单列 */
@media (max-width: 480px) {
  /*.footer__nav { grid-template-columns: 1fr; }*/
  .footer__bottom { flex-direction: column; align-items: flex-start; }
}


            .zysy-t1{padding:60px;background-color: #eeeeec;height:auto}
            .zyimg{width:48%}
            .divimg{background-color:#fff;display:flex}
            .zylist{padding:0 60px}
            .zylistxq{flex: 0 0 auto;width: 23%;padding:0 12px}
            .zylistxq p{font-size: 20px;}
            .zylistxq p a{color: #0068FF;}
            .zycon{width:48%;padding:0 5%}
            
            @media (max-width: 767px) {
                .zysy-t1{padding:10px;background-color: #eeeeec;height:auto}
                .zyimg{width:95%}
                .zysy-t1 h2{font-size: 25px;}
                .divimg{background-color:#fff;display:block}
                .zylist{padding:0 10px}
                .zylistxq{flex: 0 0 auto;width: 98%;padding:0 12px}
                .zycon{width:98%;padding:0 5%}
            }