// 变量定义
@primary-color:#C90000;
@line_clamp: 2;// 文字默认截取行数
@onehundred: 100%; //整体百分百
@small-size:12px;
@font-size-base:14px;// 新闻简介字号
@titlesize:16px;// 新闻标题字号
@large-size:18px;
@large-two-size:24px;
@title-color: #333; //标题颜色
@text-color:#666; //简介颜色
@textinfo-color:#999;// 不重要的文字颜色比如时间
@white:#fff; //白色
@black:#000;
@e5:#e5e5e5;
@e2:#e2e2e2;
@de:#DEDEDE;
@family:"Microsoft YaHei";
@left:left;
@right:right;
@center:center;
@display-block:block;
@display-flex:flex;
@display-table:table;
@display-inline-block:inline-block;
@display-none:none;


// 头部区域
.header{
    background: @white;
    display: @display-flex;
    align-items: @center;
    justify-content: space-between;
    padding: 35px 30px;
    .logo{
        img{
            height: 60px;
            width: auto;
        }
    }
    .header-right{
        display: @display-flex;
        align-items: @center;
        .search-box{
            form{
                display: @display-flex;
                align-items: @center;
                width: 360px;
                overflow: hidden;
                background: @white;
                border: 1px solid @de;
                border-radius: 4px;
                input{
                    flex: 1;
                    border: none;
                    height: 38px;
                    line-height: 38px;
                    padding: 0 15px;
                    font-size: @font-size-base;
                    color: @title-color;
                    &::placeholder{
                        color: #757575;
                    }
                }
                button{
                    border: none;
                    background: @white;
                    padding: 0;
                    width: 40px;
                    height: 38px;
                    cursor: pointer;
                    border-radius: 0 5px 5px 0;
                    display: @display-flex;
                    align-items: @center;
                    justify-content: @center;
                    img{
                        width: 17px;
                        height: 17px;
                    }
                }
            }
            .slide-title{
                display: @display-none;
            }
        }
    }
}

// 通用：栏目头条（图片+标题+简介）统一样式
.section-top {
  display: @display-flex;
  justify-content: space-between;
  width: @onehundred;
  overflow: hidden;
  padding: 20px 0 15px;
  .section-img {
    overflow: hidden;
    margin-right: 20px;
    border-radius: 5px;
    img {
      width: 218px;
      height: 130px;
      object-fit: cover;
      display: @display-block;
    }

    .leadership-list .leader-item {
      width: calc(50% - 24px); // 两列
    }
  }

  .section-info {
    flex: 1;
    min-width: 0;         // 允许在flex里被压缩
    overflow: hidden;     // 防止内部内容把容器撑破
    h5 {
      font-size: 20px;
      margin-bottom: 10px;
      padding-right: 4px;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: @line_clamp;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: @title-color;
      font-weight: 500;
      transition: all 0.1s ease;
    }
    p {
      font-size: @titlesize;
      color: @text-color;
      line-height: 1.6;
      display: -webkit-box;
      -webkit-line-clamp: @line_clamp;      // 一行省略，避免挤压布局
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    &.title-single-line {
      p {
        -webkit-line-clamp: 3;
      }
    }
  }
  &:hover{
    h5{
      color: @primary-color;
      font-weight: bold;
    }
  }
}

// 导航区域
.nav {
  background: url(../images/navbg.png) no-repeat;
  background-size: 100% 100%;

  > ul {
    display: @display-flex;
    padding: 0;
    > li {
      position: relative;
      flex: 1;
      text-align: @center;
      list-style: none;

      > a {
        display: @display-block;
        padding: 0 15px;
        height: 50px;
        line-height: 49px;
        color: @white;
        font-size: 20px;
        font-weight: bold;
        font-family: @family;

        &:hover {
          color: #FFE9D4;
        }
      }

      &.active > a,
      &:hover > a {
        color: #FFE9D4;
      }

      // 二级导航
      .menu-nav {
        display: @display-none;
        position: absolute;
        left: 0;
        top: 50px;
        background: @primary-color;
        z-index: 1000;
        width: auto;
        min-width: @onehundred;

        ul {
          padding: 0;

          li {
            list-style: none;
            a {
              display: @display-block;
              padding: 10px 15px;
              color: @white;
              font-size: @large-size;
              text-align: @center;
              white-space: nowrap; // 二级标题不换行
              transition: all 0.2s;

              &:hover {
                color: #FFE9D4;
              }
            }
          }
        }
      }
    }
  }
}
// 首页通知公告：默认 PC 端使用日期卡片样式
.notice-section-list {
  display: @display-none;
}

// 内容区域
.content {
  background: @white;
  padding: 30px 30px 20px;
  min-height: calc(100vh - 360px);
  .section {
    padding: 30px 0 0;
  }
}

.section-news{
    padding-bottom: 20px;
    .news-content{
        display: @display-flex;
        gap: 20px;
        align-items: stretch;
        .news-left{
            flex: 0 0 620px; // 固定宽度，不被挤压
            width: 620px;
            height: 360px;
            position: relative;
            overflow: hidden;
            .news-slide{
                position: relative;
                width: 620px;
                height: 360px;
                overflow: hidden;
                .swiper{
                    width: 620px;
                    height: 360px;
                }
                .img-box{
                    width: 620px;
                    height: 360px;
                    overflow: hidden;
                    img{
                        width: @onehundred;
                        height: @onehundred;
                        object-fit: cover;
                        display: @display-block;
                        transition: all 0.6s;
                    }
                }
                .cover-section{
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    padding: 0 100px 0 15px;
                    background: rgba(0,0,0,0.5);
                    height: 45px;
                    p{
                        font-size: @titlesize;
                        color: @white;
                        line-height: 45px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
                .swiper-button-prev,
                .swiper-button-next{
                    width: 24px;
                    height: 30px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    &::after{display: @display-none;}
                }
                .swiper-button-prev{
                    left: 0;
                    background-image: url(../images/prev.png);
                }
                .swiper-button-next{
                    right: 0;
                    background-image: url(../images/next.png);
                }
                .swiper-horizontal > .swiper-pagination-bullets,
                .swiper-pagination-bullets.swiper-pagination-horizontal{
                    left: inherit;
                    right: 10px;
                    bottom: 17px;
                    width: auto;
                }
                .swiper-pagination-bullet{
                    outline: none;
                    width: 10px;
                    height: 10px;
                    margin: 0 4px;
                    opacity: 1;
                    background: @white;
                    &.swiper-pagination-bullet-active{
                        background: @primary-color;
                    }
                }
                &:hover{
                    .img-box img{
                        transform: scale(1.05);
                    }
                }
            }
        }
        .news-right{
            flex: 1 1 auto; // 占用剩余空间
            min-width: 0;   // 允许在 flex 中收缩，防止把整体撑出容器
        }
    }
}

// 通用 Tab 标题样式
.tab-title{
    display: @display-flex;
    justify-content: flex-start;
    align-items: @center;
    background: url(../images/line.png) no-repeat;
    background-position: center bottom;
    background-size: 100% 8px;
    padding: 3px 0 10px;
    margin-bottom: 7px;
    position: relative;
    .title-item{
        cursor: pointer;
        padding-bottom: 15px;
        .title{
            position: relative;
            font-size: 22px;
            color: @text-color;
            font-weight: bold;
            line-height: 1;
            padding-bottom: 15px;
            margin-right: 25px;
        }
        .more{
            display: @display-none;
        }
        &.on{
            .title{
                color: @primary-color;
            }
            .more{
                display: @display-inline-block;
            }
        }
    }
    .more{
        color: @text-color;
        font-size: @titlesize;
        position: absolute;
        right: 0;
        bottom: 0;
        padding-bottom: 25px;
        &:hover{
            color: @primary-color;
        }
    }
}

.section-list {
  margin: 0;
  padding: 0;
  li {
    display: @display-block;
    padding: 13px 0;
    line-height: 1.2;
    list-style: none;
    > a {
      display: @display-flex;
      justify-content: space-between;
      align-items: @center;
      color: inherit;
      line-height: 1;
      text-decoration: none;
    }
    .section-info {
      flex: 1;
      display: @display-flex;
      align-items: @center;
      overflow: hidden;
      color: @title-color;
      margin-right: 12px;
      span {
        color: @primary-color;
        margin-right: 6px;
        font-size: @large-size;
      }
      p{
        max-width: @onehundred;
        font-size: @large-size;
        color: @title-color;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.2s ease;
      }
    }
    .time {
      font-size: @large-size;
      color: @textinfo-color;
      flex-shrink: 0;
    }
    &:hover{
      .section-info{
        p{
          color: @primary-color;
        }
      }
    }
  }
}

.column-main{
  display: @display-flex;
  align-items: @center;
  justify-content: space-between;
  width: @onehundred;
  gap: 20px;
  > a{
    flex: 0 0 auto;
    overflow: hidden;
    max-width: 110px;
    max-height: 110px;
    img{
      max-width: @onehundred;
      height: auto;
      display: block;
      transition: all 0.6s;
      &:hover{
        transform: scale(1.05);
      }
    }
  }
  .right-ad{
    flex: 1;
    display: @display-flex;
    justify-content: flex-end;
    gap: 20px;
    a{
      flex: 1;
      overflow: hidden;
      min-height: 110px;
      img{
        max-width: @onehundred;
        width: @onehundred;
        height: @onehundred;
        object-fit: cover;
        transition: all 0.6s;
      }
      &:hover{
        img{
          transform: scale(1.05); 
        }
      }
    }
  }
}
.news-section{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-top: 25px;

    .news-block {
        width: 555px;
        max-width: calc(50% - 15px);
        min-width: calc(50% - 15px);
        flex-shrink: 0;
        box-sizing: border-box;

        // 单列版块（如科技之窗）的标题样式
        & > .tab-title {
            display: @display-flex;
            align-items: center;
            background: url(../images/line5.png) no-repeat;
            background-position: center bottom;
            background-size: 100% 8px;
            padding: 3px 0 10px;
            margin-bottom: 7px;
        }
    }
}

// 国开园区域
.guokaiyuan-section {
    margin-top: 20px;

    .center-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: url(../images/line6.png) no-repeat;
        background-position: center bottom;
        background-size: 100% 8px;
        padding-bottom: 20px;
        margin-bottom: 20px;

        h3 {
            font-size: 22px;
            font-weight: bold;
            color: @primary-color;
            padding: 0;
        }

        .more {
            font-size: 16px;
            color: #666666;

            &:hover {
                color: @primary-color;
            }
        }
    }

    .gky-content {
        display: flex;
        align-items: center;
        gap: 30px;

        .gky-img {
            width: 360px;
            min-width: 360px;
            height: 210px;
            overflow: hidden;

            img {
                width: @onehundred;
                height: @onehundred;
                object-fit: cover;
                display: block;
            }
        }

        .gky-text {
            width: 750px;
            max-width: 750px;
            font-size: 16px;
            color: #333333;
            line-height: 32px;
            p{
              font-size: 16px;
              color: #333333;
              line-height: 32px;
              text-indent: 2em;
            }
        }
    }
}

.center-title {
  display: @display-flex;
  justify-content: space-between;
  align-items: @center;
  margin-bottom: 30px;
  line-height: 1.2;
  .line {
    flex: 1;
    height: 1px;
    background: #DBE3ED;
    max-width: 41%;
    position: relative;
    overflow: visible;
    &::after {
      content: "";
      position: absolute;
      top: 0;
      right: -18px;
      width: 18px;
      height: 1px;
      background: #DBE3ED;
      transform: rotate(40deg);
      transform-origin: left center;
      pointer-events: none;
    }
  }
  .line:last-of-type{
    &::after {
      top: 0;
      left: -18px;
      right: auto;
      transform: rotate(-40deg);
      transform-origin: right center;
    }
  }

  h3 {
    font-size: 36px;
    font-weight: 500;
    color: @title-color;
    padding: 0 30px;
  }
}

.cooperation-main{
  padding: 40px 0 0;
  width: @onehundred;
  .cooperation-list{
    display: @display-flex;
    flex-wrap: wrap;
    gap: 15px;
    width: @onehundred;
    margin-bottom: 30px;
  }
  .cooperation-item{
    width: 216px;
    height: 90px;
    border-radius: 8px;
    background: #F1F6FB;
    overflow: hidden;
    flex: 0 0 auto;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
  }
  .cooperation-item-inner{
    width: @onehundred;
    height: @onehundred;
    padding: 10px;
    display: @display-flex;
    align-items: @center;
    justify-content: @center;
    text-align: @center;
    font-weight: bold;
    font-size: @large-size;
    color: @title-color;
    line-height: 1.4;
    img{
      max-width: @onehundred;
      max-height: @onehundred;
      object-fit: contain;
      display: @display-block;
    }
  }
  .cooperation-item:hover{
    transform: translateY(-6px);
    box-shadow: 0 8px 10px rgba(0,0,0,0.08);
  }
  .links-grid {
    display: @display-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 28px 0 0;
    background: url(../images/line2.png) no-repeat;
    background-size: 100% 8px;
    background-position: center top;
    .link-item {
      position: relative;
      width: 23.3%;

      .footer-select {
        position: relative;
        width: @onehundred;
      }

      .footer-select-current {
        position: relative;
        width: @onehundred;
        border: 1px solid #EBEBEB;
        background: transparent;
        font-size: @font-size-base;
        line-height: 1;
        color: @title-color;
        padding: 13px 40px 13px 15px; // 右侧为箭头预留空间
        cursor: pointer;

        span {
          display: @display-inline-block;
        }

        .footer-arrow {
          position: absolute;
          right: 18px;
          top: 52%;
          width: 11px;
          height: 6px;
          margin-top: -5px;
          background: url("../images/i2.png") no-repeat center center;
          background-size: 11px 6px;
          transform: rotate(0deg);
          transform-origin: center;
          transition: transform 0.2s ease;
          pointer-events: none;
        }
      }

      .footer-select-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 6px;
        background: @white; // 白色背景
        border-radius: 4px;
        border: 1px solid rgba(248,249,252,0.8);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        max-height: 200px;
        overflow-y: auto;
        opacity: 0;
        transform: translateY(4px);
        visibility: hidden;
        transition: opacity 0.18s ease-out, transform 0.18s ease-out, visibility 0.18s;
        z-index: 10;

        li {
          font-size: @titlesize;
          color: @title-color;
          cursor: pointer;
          white-space: nowrap;
          list-style: none;
          a{
            padding: 8px 12px;
            display: @display-inline-block;
            width: @onehundred;
          }
          &:hover {
            background:rgba(201, 0, 0, 0.03);
            color: @primary-color;
          }

          &.selected {
            background: @primary-color;
            color: @white;
          }
        }
      }

      &.open {
        .footer-select-current .footer-arrow {
          transform: rotate(180deg); // 向上的箭头效果
        }

        .footer-select-list {
          opacity: 1;
          transform: translateY(0);
          visibility: visible;
        }
      }
    }
  }
}

// banner区域
.banner-box{
  position: relative;
  width: @onehundred;
  h2{
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    color: @white;
    font-size: 30px;
  }
  img{
    width: @onehundred;
    height: auto;
  }
}


// 底部区域
.footer {
  width: @onehundred;
  background: @primary-color;
  padding: 30px;
  overflow: hidden;

  .footer-inner {
    display: @display-flex;
    align-items: @center;
    justify-content: space-between;
    gap: 30px;
    width: @onehundred;
  }

  .footer-info {
    flex: 1;
    color: @white;
    font-size: @titlesize;
    line-height: 1.85;
    p {
      margin: 0;
    }
    img{
      max-width: 16px;
      height: auto;
      display: @display-inline-block;
      vertical-align: middle;
      position: relative;
      top: -2px;
    }
  }

  .footer-qrcode {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    img {
      width: @onehundred;
      height: @onehundred;
      display: @display-block;
      object-fit: contain;
      background: @white;
    }
  }
}

// ============ 公共样式：面包屑导航 ============
.breadcrumb-wrap {
  padding: 18px 0;
  .breadcrumb {
    display: @display-flex;
    align-items: self-end;
    font-size: @font-size-base;
    line-height: 1;
    .home-icon {
      display: @display-inline-block;
      width: 16px;
      height: 16px;
      background: url(../images/home.png) no-repeat center center;
      background-size: contain;
      margin-right: 12px;
    }
    .separator {
      color: @text-color;
      margin: 0 5px;
      &:first-of-type {
        margin: 0;
      }
    }
    a {
      color: @text-color;
      transition: color 0.3s ease;

      &:hover {
        color: @primary-color;
      }
    }
    .current {
      color: @primary-color;
    }
  }
}

.page-content{
  display: @display-flex;
  align-items: flex-start;
  margin: 20px 0;
  width: @onehundred;
}
.branch-section{
  width: @onehundred;
}
.zhengshu-tab {
    display: @display-flex;
    align-items: @center;
    justify-content: @center;
    gap: 8px;
    flex: 1;
    padding: 20px 10px;
    font-size: 15px;
    color: @title-color;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    img {
        width: @large-size;
        height: auto;
    }
    &:hover {
        color: @primary-color;
        background: rgba(201,0,0,0.04);
    }
    &.active {
        color: @primary-color;
        background: @white;
        border-bottom-color: @primary-color;
    }
    &.active .tab-icon,
    &:hover .tab-icon {
        opacity: 1;
    }
}
.tab-icon {
    display: @display-inline-block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: @center;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.icon-branch {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C90000'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
}


.icon-cert {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C90000'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-2 8c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8H8v-.57c0-.81.48-1.53 1.22-1.85.85-.37 1.79-.58 2.78-.58.99 0 1.93.21 2.78.58.74.32 1.22 1.04 1.22 1.85V18z'/%3E%3C/svg%3E");
}

.icon-member {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C90000'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.icon-qualification {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C90000'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E");
}

/* 分支机构查询 */
.branch-query {
    background: @white;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    .zhengshu-tabs {
        margin-bottom: 35px;
        display: @display-flex;
        background: #f8fafc;
        border-bottom: 1px solid #e8ecf1;
    }
}
.branch-query-title {
    font-size: 20px;
    color: @title-color;
    text-align: @center;
    margin-bottom: 6px;
    font-weight: 600;
}
.branch-query-subtitle {
    font-size: @font-size-base;
    color: @textinfo-color;
    text-align: @center;
}
.branch-query-form {
    padding: 30px 40px;
    padding-bottom: 40px;
    .form-row {
        display: @display-flex;
        flex-wrap: wrap;
        gap: 20px 24px;
        margin-bottom: 20px;
    }
    .form-item {
        width: calc((100% - 48px) / 3);
        label {
            display: @display-block;
            font-size: @font-size-base;
            color: #555;
        }
    }
    .required {
        color: #E74C3C;
        margin-left: 5px;
    }
    input[type="text"],
    select {
        width: @onehundred;
        max-width: @onehundred;
        padding: 0 14px;
        height: 40px;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        font-size: @font-size-base;
        color: @title-color;
        transition: all 0.3s ease;
        background: @white;
        &:focus {
            border-color: @primary-color;
        }
    }
    select {
        cursor: pointer;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        padding-right: 36px;
    }
}
.captcha-wrap {
    display: @display-flex;
    align-items: @center;
    gap: 10px;
    input[type="text"] {
        flex: 1;
        width: @onehundred;
        max-width: @onehundred;
    }
}
.captcha-img {
    width: 100px;
    height: 40px;
    border: 1px solid #DDD;
    border-radius: 4px;
    cursor: pointer;
}
.form-actions {
    text-align: @center;
}
.btn-submit, .btn-reset {
    display: @display-inline-block;
    margin: 0 5px;
    padding: 11px 36px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}
.btn-submit {
    background: linear-gradient(135deg, @primary-color 0%, #e60000 100%);
    color: @white;
    box-shadow: 0 4px 12px rgba(201, 0, 0, 0.3);
    &:hover {
        background: linear-gradient(135deg, #a30000 0%, @primary-color 100%);
        box-shadow: 0 6px 16px rgba(201,0,0,0.4);
        transform: translateY(-1px);
    }
}
.btn-reset {
    background: #f5f5f5;
    color: @text-color;
    border: 1px solid #ddd;
    &:hover {
        background: #e8e8e8;
        border-color: #ccc;
    }
}

/* element-ui 表单适配：仅作用于分支机构查询，沿用原有视觉，不影响全站 element 默认样式 */
.branch-query-form {
    // 去除 el-form-item 默认外边距，间距交给 .form-row 控制
    .form-item.el-form-item {
        margin-bottom: 0;
    }
    // 顶部 label，匹配原 .form-item label 样式
    .el-form-item__label {
        display: @display-block;
        float: none;
        width: auto;
        font-size: @font-size-base;
        color: #555;
        line-height: 1.4;
        text-align: @left;
        &:before {
            display: @display-none;
        }
    }
    .el-form-item__content {
        line-height: normal;
    }
    // 输入框，匹配原 input[type="text"] 样式
    .el-input__inner {
        width: @onehundred;
        max-width: @onehundred;
        height: 40px;
        line-height: 40px;
        padding: 0 14px;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        font-size: @font-size-base;
        color: @title-color;
        background: @white;
        transition: all 0.3s ease;
        &::placeholder {
            color: @textinfo-color;
        }
        &:focus {
            border-color: @primary-color;
        }
    }
    // 下拉选择，匹配原 select 满宽样式
    .el-select {
        width: @onehundred;
        // 下拉框聚焦/悬停时边框变红（element 默认 is-focus 状态用蓝色）
        .el-input.is-focus .el-input__inner,
        &:hover .el-input__inner {
            border-color: @primary-color;
        }
    }
    // 验证码：el-input 作为弹性子项
    .captcha-wrap {
        .el-input {
            flex: 1;
            width: @onehundred;
            max-width: @onehundred;
        }
    }
    // 校验错误信息
    .el-form-item__error {
        padding-top: 2px;
    }
}
// 按钮沿用原渐变样式，覆盖 el-button 默认外观（提高选择器权重确保生效）
.form-actions {
    .el-button {
        height: auto;
        margin: 0 5px;
        & + .el-button {
            margin-left: 5px;
        }
        & > span {
            line-height: 1.4;
        }
    }
    .btn-submit, .btn-reset {
        padding: 11px 36px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 500;
    }
    .btn-submit {
        background: linear-gradient(135deg, @primary-color 0%, #e60000 100%);
        color: @white;
        border: none;
        box-shadow: 0 4px 12px rgba(201, 0, 0, 0.3);
        &:hover, &:focus {
            background: linear-gradient(135deg, #a30000 0%, @primary-color 100%);
            box-shadow: 0 6px 16px rgba(201,0,0,0.4);
            transform: translateY(-1px);
            color: @white;
        }
    }
    .btn-reset {
        background: #f5f5f5;
        color: @text-color;
        border: 1px solid #ddd;
        &:hover, &:focus {
            background: #e8e8e8;
            border-color: #ccc;
            color: @text-color;
        }
    }
}

/* 查询结果 */
.branch-result {
    background: @white;
    border-radius: 12px;
    margin-bottom: 30px;
    overflow: hidden;
}
.branch-result-header {
    display: @display-flex;
    justify-content: space-between;
    align-items: @center;
    padding: 18px 30px;
    background: linear-gradient(90deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid #e8ecf1;
}
.result-title {
    font-size: 17px;
    color: @title-color;
    display: @display-flex;
    align-items: @center;
    gap: 8px;
    font-weight: 600;
}

.icon-result {
    display: @display-inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C90000'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-2 8c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8H8v-.57c0-.81.48-1.53 1.22-1.85.85-.37 1.79-.58 2.78-.58.99 0 1.93.21 2.78.58.74.32 1.22 1.04 1.22 1.85V18z'/%3E%3C/svg%3E");
    background-size: contain;
}
.result-count {
    font-size: @font-size-base;
    color: @text-color;
    em {
        font-style: normal;
        font-weight: bold;
        color: @primary-color;
        font-size: @large-size;
        margin: 0 4px;
    }
}

.branch-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.branch-item {
    padding: 16px 30px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s;
    &:hover {
        background: #fafbfc;
    }
    &:last-child {
        border-bottom: none;
    }
}
.branch-cert-no {
    font-size: @large-size;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.branch-info {
    display: @display-flex;
    flex-wrap: wrap;
    gap: 20px;
}
.branch-info-item {
    font-size: @font-size-base;
    color: #555;
    white-space: nowrap;
    label {
        color: @textinfo-color;
        font-weight: normal;
    }
}

.result-empty {
    padding: 60px 30px;
    text-align: @center;
    color: @textinfo-color;
    p {
        margin-bottom: 8px;
        font-size: @titlesize;
        color: @textinfo-color;
        line-height: 1.6;
    }
}

.result-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: #f0f0f0;
    border-radius: 50%;
    display: @display-flex;
    align-items: @center;
    justify-content: @center;
    font-size: 36px;
    color: #ccc;
}
/* 证书详情 */
.cert-detail {
    padding: 20px 30px;
}

.cert-detail-row {
    display: @display-flex;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.6;
    &:last-child {
        margin-bottom: 0;
    }
}

.cert-label {
    width: 100px;
    text-align: @right;
    color: #444;
    font-weight: 600;
    flex-shrink: 0;
    padding-right: 8px;
}

.cert-value {
    flex: 1;
    color: @title-color;
}

.cert-detail-note .cert-value {
    color: @text-color;
}
// ============ 公共样式：左侧导航 ============
.left-nav {
  width: 240px;
  overflow: hidden;

  .left-nav-title {
    display: @display-flex;
    align-items: @center;
    justify-content: flex-start;
    background: url("../images/bg2.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 18px 48px 25px;
    min-height: 129px;

    h3 {
      font-size: @large-two-size;
      color: @white;
      font-weight: bold;
      line-height: 1.3;
      font-family: @family;
    }
  }

  .left-nav-list {
    padding: 0;
    margin: -9px 0 0 0;
    list-style: none;
    background: #FBFDFF;
    border: 1px solid @e5;
    border-top: none;
    border-right: none;
    width: calc(100% - 9px);
    min-height: 9px;
    margin-left: auto; 
    li {
      list-style: none;
      a {
        display: @display-flex;
        align-items: @center;
        min-height: 60px;
        padding: 12px 39px;
        font-size: @large-size;
        font-family: @family;
        color: @title-color;
        text-decoration: none;
        transition: all 0.3s ease;
        position: relative;
        border-top: 1px solid @e5;

        &:hover {
          color: @primary-color;
        }
      }

      &:first-child a {
        border-top: none;
      }

      &.active a {
        font-weight: bold;
        color: @primary-color;
        background: @white;
      }
    }
  }
}

.right-content{
  flex: 1;
  min-width: 0;
  padding: 30px;
  background: @white;
  min-height: calc(100vh - 450px);
  border: 1px solid @e5;
  
  // 通用：标题 + 面包屑头部
  .page-header {
    display: @display-flex;
    align-items: @center;
    justify-content: space-between;
    padding-bottom: 26px;
    background: url("../images/line3.png") no-repeat center bottom;
    background-size: 100% 6px;
  }
  
  .page-title {
    font-weight: bold;
    font-size: 20px;
    color: @primary-color;
  }
  
  .page-breadcrumb {
    display: @display-flex;
    align-items: @center;
    font-size: @font-size-base; // 14px
    color: @text-color;         // #666
  
    a {
      color: @text-color;
    }
  
    .home-icon {
      display: @display-inline-block;
      width: 16px;
      height: 16px;
      background: url("../images/i3.png") no-repeat center center;
      background-size: contain;
      margin-right: 11px;
    }
  
    .separator {
      margin: 0 4px;
      color: @text-color;
    }
  
    .current {
      color: @primary-color;
    }
  }
  
  .page-body {
    margin-top: 20px;
    font-size: @titlesize;
    color: @title-color;
    line-height: 2;
  }

  // 中心领导列表
  .leadership-list {
    display: @display-flex;
    flex-wrap: wrap;
    gap: 15px 12px;
    padding: 0;
    list-style: none;
    margin-top: 20px;

    .leader-item {
      background: #F3F7FB;
      padding: 20px;
      display: @display-flex;
      align-items: flex-start;
      width: calc(33.33% - 8px);
      transition: all 0.3s ease;

      .leader-link {
        display: @display-flex;
        align-items: flex-start;
        color: inherit;
        text-decoration: none;
        width: @onehundred;
      }

      &:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
        transform: translateY(-2px);
        .leader-name {
          color: @primary-color;
        }
      }
    }

    .leader-avatar {
      flex: 0 0 100px;
      width: 100px;
      height: 138px;
      overflow: hidden;
      margin-right: 20px;
      img {
        width: @onehundred;
        height: @onehundred;
        object-fit: cover;
        display: @display-block;
        transition: all 0.6s;
        &:hover{
          transform: scale(1.05);
        }
      }
    }

    .leader-info {
      flex: 1;
      min-width: 0;
    }

    .leader-name {
      font-weight: bold;
      font-size: @large-size;
      line-height: 2;
      color: @title-color;
      margin-bottom: 8px;
    }

    .leader-title {
      font-weight: 400;
      font-size: @font-size-base;
      color: #666666;
    }
  }
  // 中心要闻列表
  .new-list {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    .news-item {
      border-bottom: 1px dashed @e5;
      overflow: hidden;
      .news-link {
        display: @display-flex;
        align-items: flex-start;
        padding: 25px 0;
        color: inherit;
        text-decoration: none;
        gap: 20px;
      }
  
      .news-thumb {
        flex: 0 0 230px;
        width: 230px;
        height: 140px;
        overflow: hidden;
        border-radius: 2px;
        img {
          width: @onehundred;
          height: @onehundred;
          object-fit: cover;
          display: @display-block;
          transition: all 0.6s;
          &:hover {
            transform: scale(1.05);
          }
        }
      }
  
      .news-info {
        flex: 1;
        display: @display-flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
        height: 140px;
      }
  
      .news-title {
        font-size: @large-size;
        color: @title-color;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.3s;
      }
  
      .news-desc {
        font-size: @titlesize;
        color: #999999;
        line-height: 1.7;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
  
      .news-meta {
        margin-top: 4px;
        .news-date {
          font-size: @titlesize;
          color: #999999;
          line-height: 1;
        }
      }
  
      &:hover {
        .news-title {
          color: @primary-color;
        }
      }
    }
  }
}

// ============ 公共样式：移动端导航元素（默认隐藏）============
.submenu-bar,
.mobile-cover {
  display: @display-none;
}

// ============ 公共样式：搜索区域 ============
.search-area {
  background: #F8F8F8;
  padding: 20px;

  .search-form {
    display: @display-flex;
    align-items: @center;
    justify-content: center;

    label {
      font-size: @titlesize;
      color: @title-color;
      white-space: nowrap;
    }

    input[type="text"] {
      flex: 1;
      max-width: 360px;
      height: 40px;
      padding: 0 15px;
      font-size: @font-size-base;
      color: @title-color;
      background: @white;
      border: 1px solid #ccc;
      border-radius: 3px;
      outline: none;
      transition: border-color 0.3s;

      &:focus {
        border-color: @primary-color;
      }

      &::placeholder {
        color: #CCC;
      }
    }

    .search-btn {
      min-width: 80px;
      height: 40px;
      margin-left: 10px;
      padding: 0 25px;
      font-size: @titlesize;
      color: @white;
      background: @primary-color;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.3s ease;

      &:hover {
        background: @primary-color;
      }
    }
  }
}

// 暂无数据
.nodata {
  text-align: @center;
  padding: 50px;
  img{
    max-width: 388px;
    height: auto;
    &:hover{
      transform: none;
    }
  }
  p {
    font-size: @titlesize;
    color: @text-color;
    line-height: 1.3;
    margin-top: 18px;
  }
}

// 移动端按钮和导航弹窗默认隐藏
.m-search-btn,
.m-nav-btn,
.m-header-right,
.m-nav-pop {
  display: @display-none;
}

// 移动端导航弹窗基础样式
.m-nav-pop {
  position: fixed;
  top: 0;
  left: @onehundred;
  width: @onehundred;
  height: @onehundred;
  background: @white;
  z-index: 99999;
  overflow-y: auto;
  transition: left 0.3s ease;

  .m-nav-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    z-index: 100;
    cursor: pointer;

    &::before,
    &::after {
      content: none;
    }

    img {
      display: @display-block;
      width: @onehundred;
      height: @onehundred;
      object-fit: contain;
    }
  }

  .m-nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 50px;

    > li {
      border-bottom: 1px solid @e5;
      list-style: none;

      > a {
        display: @display-block;
        padding: 15px 20px;
        font-size: @titlesize;
        color: @title-color;
        font-weight: 500;
      }

      &.active > a {
        color: @primary-color;
        background: rgba(25, 104, 183, 0.05);
      }

      &.more {
        position: relative;
        cursor: pointer;

        // 使用伪元素创建箭头（挂在一级菜单链接上，避免受二级菜单高度影响）
        > a {
          position: relative;
          padding-right: 40px;

          &::after {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-right: 1px solid @text-color;
            border-bottom: 1px solid @text-color;
            transform: translateY(-50%) rotate(-45deg);
            transition: transform 0.3s ease;
          }
        }

        &.active > a::after {
          transform: translateY(-50%) rotate(45deg);
        }
      }

      .menu-nav {
        display: @display-none;
        background: #F8F9FC;

        ul {
          padding: 0;
          margin: 0;
          list-style: none;

          li {
            list-style: none;
            a {
              display: @display-block;
              padding: 12px 20px 12px 40px;
              font-size: @font-size-base;
              color: @text-color;

              &:hover {
                color: @primary-color;
                background: rgba(25, 104, 183, 0.05);
              }
            }
          }
        }
      }
    }
  }
}
.common-title {
  margin-bottom: 20px;
}
.nodata2 {
  img {
    width: auto;
    max-height: 216px;
  }
  p {
    margin-top: 10px;
  }
}



// 联系我们
.contact-us {
  display: @display-flex;
  align-items: flex-start;
  margin: 20px 0 10px;
  background: #F4F4F4;
  width: @onehundred;
  height: 400px;
  overflow: hidden;

  .contact-card {
    flex: 1;
    min-width: 300px;
    height: @onehundred;
  }

  .contact-card-inner {
    display: @display-flex;
    flex-direction: column;
    height: @onehundred;
    padding: 40px 10px 40px 33px;
  }

  .contact-card-header {
    margin-bottom: 25px;
    .contact-title-img {
      display: @display-block;
      width: auto;
      height: 22px;
    }

    .contact-subtitle {
      margin: 20px 0 15px;
      font-weight: bold;
      font-size: @large-size;
      line-height: 1;
      color: @title-color;
    }

    .contact-underline {
      width: 36px;
      height: 4px;
      background: @primary-color;
    }
  }

  .contact-info {
    flex: 1;
    display: @display-flex;
    flex-direction: column;
    .contact-row {
      font-size: @titlesize;
      color: @title-color;
      line-height: 1.8;
      margin-bottom: 18px;
    }

    .contact-label {
      display: block;
      font-size: @small-size;
      line-height: 2;
    }
    .contact-text{
      line-height: 1.5;
    }
    .contact-email {
      font-size: @titlesize;
      color: @title-color;
    }

    .contact-phone {
      font-weight: bold;
      font-size: @large-two-size;
      line-height: 1;
      color: @primary-color;
    }
  }

  .contact-map {
    max-width: 540px;
    height: @onehundred;
    overflow: hidden;
    img {
      display: @display-block;
      width: @onehundred;
      height: @onehundred;
      object-fit: cover;
      transition: all 0.6s;
      &:hover{
        transform: scale(1.05);
      }
    }
  }
  *{
    max-width: @onehundred;
  }
}

// 办事服务
.service-main {
  display: @display-flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 20px 0 10px;
}

.service-card {
  // 默认PC端：三列
  flex: 0 0 calc((100% - 2 * 24px) / 3);
  max-width: none;
  min-width: 280px;
  min-height: 446px;
  background: #F5FAFF;
  border-radius: 5px;
  padding: 30px 20px;
  display: @display-flex;
  flex-direction: column;   // 纵向排版，方便将按钮区域推到底部
}

.service-title {
  font-weight: bold;
  font-size: 20px;
  color: @title-color;
  line-height: 1;
  text-align: @center;
  margin-bottom: 18px;
}

.service-intro {
  font-weight: 400;
  font-size: @titlesize;
  color: @title-color;
  line-height: 1.4;
}

.service-desc {
  font-weight: 400;
  font-size: @titlesize;
  color: @text-color;
  line-height: 1.4;
  margin-top: 14px;
  span{
    color: #EB1919;
  }
}

.service-actions {
  margin-top: auto;
  display: @display-flex;
  flex-direction: column;
  gap: 10px;
}

.service-btn {
  display: @display-inline-block;
  margin: auto;
  min-width: 225px;
  max-width: @onehundred;
  min-height: 40px;
  line-height: 40px;
  text-align: @center;
  border-radius: 8px;
  padding: 0 10px;
  font-size: @titlesize;
  color: @white;
  text-decoration: none;
}

.service-btn-primary {
  background: @primary-color;
}

.service-btn-secondary {
  background: #E24A4A;
}
// 项目合作申报表单
.application-form {
  padding: 30px 60px 10px;
  .app-form-title {
    text-align: @center;
    font-size: @large-two-size;
    line-height: 1;
    color: @title-color;
    font-weight: 500;
    margin-bottom: 30px;
  }

  .app-form-row {
    display: @display-flex;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .app-label {
    min-width: 135px;
    padding-right: 12px;
    text-align: right;
    font-size: @titlesize;
    color: @title-color;
    line-height: 38px;
  }

  .app-required {
    margin-right: 2px;
    font-size: @titlesize;
    color: #F00917;
  }

  .app-field {
    flex: 1;
  }

  .app-input {
    width: @onehundred;
    height: 38px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 0 10px;
    font-size: @titlesize;
    color: @title-color;
  }

  .app-upload-field {
    .app-file-input {
      display: @display-none;
    }

    .app-upload-btn {
      display: @display-inline-block;
      min-width: 100px;
      height: 38px;
      line-height: 36px;
      text-align: @center;
      background: @white;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      font-size: @font-size-base;
      color: #333333;
      cursor: pointer;
      padding: 0 10px;
    }

    .app-upload-tips {
      margin-top: 8px;
      font-size: @small-size;
      color: @textinfo-color;
      line-height: 1.6;
    }
  }

  // 验证码行
  .app-form-row-captcha {
    .app-field {
      display: @display-flex;
      align-items: @center;
      gap: 5px;
    }

    .app-input-captcha {
      max-width: 100px;
    }

    .app-captcha-img {
      max-height: 38px;
      width: auto;
      display: @display-inline-block;
    }
  }

  // element-ui表单
  .el-form-item{
    margin-bottom: 20px !important;
  }
  .infobox .el-col{
    padding: 0 !important;
    min-height: auto !important;
  }
  .el-form-item__label{
    min-width: 168px;
    font-size: @titlesize;
    color: @title-color;
    line-height: 38px !important;
    &:before{
      color: #F00917 !important;
    }
  }

  .el-form-item__content{
    margin-left: 168px !important;
    line-height: 38px !important;
    .el-input{
      font-size: 15px !important;
    }
    .el-input--small .el-input__inner{
      height: 38px !important;
      line-height: 38px !important;
      border: 1px solid #D9D9D9 !important;
      &::placeholder{
        color: #999 !important;
      }
    }
    .el-input__suffix{
      top: 2px !important;
    }
  }

  .el-button--primary{
      display: @display-inline-block;
      min-width: 100px;
      height: 38px;
      line-height: 36px;
      text-align: @center;
      background: @white;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      font-size: @font-size-base;
      color: #333333;
      cursor: pointer;
      padding: 0 10px;
  }

  .el-button--primary:focus, .el-button--primary:hover{
      background: @white !important;
      border: 1px solid @primary-color !important;
      color: @primary-color !important;
  }

  .el-upload__tip{
      margin-top: 6px;
      font-size: @font-size-base;
      color: @textinfo-color;
      line-height: 1.2;
  }

  .form-footer{
    margin-top: 10px;
    display: @display-flex;
    justify-content: center;
    gap: 10px;
    .el-button{
      min-width: 125px;
      height: 40px;
      line-height: 38px;
      text-align: @center;
      border-radius: 4px;
      font-size: @titlesize;
      cursor: pointer;
      padding: 0 10px;
      margin: 0;
    }
    .el-button--default{
      background: @white;
      line-height: 38px;
      border: 1px solid @primary-color;
      color: @primary-color;
    }
    .el-button--primary{
      background: @primary-color;
      border: none;
      color: @white;
    }
  }
}

.app-form-actions {
  margin-top: 30px;
  display: @display-flex;
  justify-content: center;
  gap: 10px;
  .app-btn {
    min-width: 125px;
    height: 40px;
    line-height: 38px;
    text-align: @center;
    border-radius: 4px;
    font-size: @titlesize;
    cursor: pointer;
    padding: 0 10px;

    &.app-btn-primary {
      background: @primary-color;
      border: none;
      color: @white;
    }

    &.app-btn-secondary {
      background: @white;
      line-height: 38px;
      border: 1px solid @primary-color;
      color: @primary-color;
    }

    // 禁用状态视觉效果（用于倒计时中）
    &[disabled] {
      cursor: not-allowed;
      opacity: 0.55;
    }
  }
}

// 搜索结果列表
.search-list {
  padding: 0;
  list-style: none;

  .search-item {
    border-bottom: 1px dashed @e5;
  }

  .search-link {
    display: @display-flex;
    align-items: @center;
    justify-content: space-between;
    padding: 20px 0;
    text-decoration: none;
    color: inherit;

    // 左侧圆点
    &::before {
      content: '';
      display: @display-inline-block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: @primary-color;
      flex-shrink: 0;
      margin-right: 8px;
    }

    &:hover .search-title {
      color: @primary-color;
    }
  }

  .search-title {
    flex: 1;
    min-width: 0;
    font-size: @titlesize;
    line-height: 1;
    color: @title-color;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s;
  }

  .search-date {
    flex-shrink: 0;
    font-size: @titlesize;
    line-height: 1;
    color: #999999;
    margin-left: 20px;
  }
}

// 搜索关键字高亮
.search-keyword {
  color: @primary-color;
}

.details-title{
  font-size: @large-two-size;
  color: #333333;
  text-align: @center;
  font-weight: 500;
  margin: 30px 0 25px;
}

// 移动端导航弹窗基础样式
.m-nav-pop {
  position: fixed;
  top: 0;
  left: @onehundred;
  width: @onehundred;
  height: @onehundred;
  background: @white;
  z-index: 99999;
  overflow-y: auto;
  transition: left 0.3s ease;
  display: @display-none;

  .m-nav-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    z-index: 100;
    cursor: pointer;

    &::before,
    &::after {
      content: none;
    }

    img {
      display: @display-block;
      width: @onehundred;
      height: @onehundred;
      object-fit: contain;
    }
  }

  .m-nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 50px;

    > li {
      border-bottom: 1px solid @e5;
      list-style: none;

      > a {
        display: @display-block;
        padding: 15px 20px;
        font-size: @titlesize;
        color: @title-color;
        font-weight: 500;
      }

      &.active > a {
        color: @primary-color;
        background: rgba(247, 163, 45, 0.05);
      }

      &.more {
        position: relative;
        cursor: pointer;

        > a {
          position: relative;
          padding-right: 40px;

          &::after {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-right: 1px solid @text-color;
            border-bottom: 1px solid @text-color;
            transform: translateY(-50%) rotate(-45deg);
            transition: transform 0.3s ease;
          }
        }

        &.active > a::after {
          transform: translateY(-50%) rotate(45deg);
        }
      }

      .menu-nav {
        display: @display-none;
        background: #F8F9FC;

        ul {
          padding: 0;
          margin: 0;
          list-style: none;

          li {
            list-style: none;
            a {
              display: @display-block;
              padding: 12px 20px 12px 40px;
              font-size: @font-size-base;
              color: @text-color;

              &:hover {
                color: @primary-color;
                background: rgba(247, 163, 45, 0.05);
              }
            }
          }
        }
      }
    }
  }
}

// 响应式
@media screen and (max-width: 1200px) {
  .w1200 {
    width: @onehundred;
  }
  .pages{
    margin: 20px auto 5px;
    .pagination{
      li{
        width: 30px;
        height: 30px;
        line-height: 28px;
        margin-bottom: 8px;
      }
    }
  }
  // 头部区域
  .header {
    padding: 25px 20px;
    .logo img {
      height: 50px;
    }
    .header-right {
      .search-box form {
        width: 300px;
        input {
          padding: 0 12px;
        }
      }
    }
  }

  // 导航区域
  .nav > ul > li {
    > a {
      font-size: @large-size;
      padding: 0 10px;
    }
    .menu-nav ul li a {
      font-size: @titlesize;
      padding: 8px 12px;
    }
  }

  // section-news区域
  .section-news {
    .news-content {
      gap: 18px;
      .news-left {
        flex: 0 0 540px;
        width: 540px;
        height: 315px;
        .news-slide {
          width: 540px;
          height: 315px;
          .swiper {
            width: 540px;
            height: 315px;
          }
          .img-box {
            width: 540px;
            height: 315px;
          }
          .cover-section {
            padding: 0 85px 0 15px;
            p {
              font-size: 15px;
            }
          }
        }
      }
    }
  }

  // Tab标题
  .tab-title {
    .title-item {
      .title {
        font-size: 20px;
        margin-right: 22px;
      }
      .more {
        font-size: 15px;
      }
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: 20px;
      }
    }
  }

  // 列表样式
  .section-list {
    li {
      padding: 11px 0;
      .section-info {
        p,span{
          font-size: @titlesize;
        }
      }
      .time {
        font-size: @titlesize;
      }
    }
  }

  // 中心标题
  .center-title {
    h3 {
      font-size: 34px;
    }
  }

  // 合作单位
  .cooperation-main {
    .cooperation-list {
      gap: 14px;
    }
    .cooperation-item {
      width: 205px;
      height: 86px;
    }
    .cooperation-item-inner {
      font-size: 17px;
      padding: 8px 10px;
    }
    .links-grid {
      padding: 26px 0 0;
      gap: 14px;
    }
  }
  .column-main {
    > a:first-child {
      max-width: 108px;
    }
  }
}

@media screen and (max-width: 1024px) {
  .content{
    padding: 25px 25px 20px;
  }
  // 分支机构查询表单：平板下两列
  .branch-query-form {
    padding: 25px 25px;
    .form-item {
      width: calc((100% - 24px) / 2);
    }
  }
  // 头部区域
  .header {
    padding: 20px 15px;
    .logo img {
      height: 45px;
    }
    .header-right {
      .search-box form {
        width: 260px;
      }
    }
  }

  .footer{
    padding: 25px;
  }

  .NewsPages{
    padding: 20px 0 0;
  }

  // 导航区域
  .nav > ul > li {
    > a {
      font-size: @titlesize;
      padding: 0 8px;
      height: 46px;
      line-height: 45px;
    }
    .menu-nav {
      top: 46px;
      ul li a {
        font-size: 15px;
        padding: 8px 10px;
      }
    }
  }

  // section-news区域
  .section-news {
    .news-content {
      gap: 12px;
      .news-left {
        flex: 0 0 480px;
        width: 480px;
        height: 280px;
        .news-slide {
          width: 480px;
          height: 280px;
          .swiper {
            width: 480px;
            height: 280px;
          }
          .img-box {
            width: 480px;
            height: 280px;
          }
          .cover-section {
            padding: 0 80px 0 12px;
            height: 42px;
            p {
              font-size: 15px;
              line-height: 42px;
            }
          }
          .swiper-pagination-bullet{
            width: 8px;
            height: 8px;
          }
        }
      }
    }
  }

  // Tab标题
  .tab-title {
    background-size: 100% 6px;
    margin-bottom: 4px;
    .title-item {
      padding-bottom: 10px;
      .title {
        font-size: 17px;
        margin-right: 8px;
        padding-bottom: 10px;
      }
      .more{
        padding-bottom: 18px;
      }
    }
    .more {
      font-size: @font-size-base;
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: 17px;
      }
      .more{
        font-size: @font-size-base;
      }
    }
  }

  // 列表样式
  .section-list {
    li {
      padding: 9px 0;
    }
  }

  // 专栏区域 - 防止图片重叠
  .column-main {
    gap: 15px;
    .right-ad{
      gap: 15px;
      a{
        min-height: 92px;
      }
    }
    a {
      img {
        max-width: @onehundred;
        height: auto;
      }
    }
    > a:first-child {
      max-width: 92px;
    }
  }

  // 中心标题
  .center-title {
    margin-bottom: 28px;
    h3 {
      font-size: 32px;
    }
  }

  // 合作单位
  .cooperation-main {
    padding: 35px 0 0;
    .cooperation-list {
      gap: 13px;
    }
    .cooperation-item {
      width: 190px;
      height: 82px;
    }
    .cooperation-item-inner {
      font-size: @titlesize;
      padding: 8px 10px;
    }
    .links-grid {
      padding: 24px 0 0;
      gap: 8px;
      .link-item {
        width: 24%;
        .footer-select-current {
          padding: 12px 38px 12px 14px;
        }
      }
    }
  }
  .left-nav{
    width: 210px;
    .left-nav-title {
      padding: 18px 35px 25px;
      min-height: 109px;
      h3{
        font-size: 22px;
      }
    }
    .left-nav-list {
      li{
        a{
          padding: 12px 26px;
          min-height: 55px;
          font-size: 17px;
        }
      }
    }
  }
  .right-content{
    padding: 20px;
    .new-list{
      .news-item {
        .news-link{
          padding: 20px 0;
          gap: 15px;
          .news-thumb{
            flex: 0 0 207px;
            width: 207px;
            height: 126px;
          }
          .news-info {
            height: 126px;
          }
        }
      }
    }
    .leadership-list{
      .leader-item {
        padding: 15px;
        .leader-link{
          .leader-avatar{
            margin-right: 15px;
            flex: 0 0 90px;
            width: 90px;
            height: 124px;
          }
          .leader-info{
            .leader-name{
              font-size: 17px;
              line-height: 1.7;
            }
          }
        }
      }
    }
  }
  .contact-us {
    height: 320px;
    .contact-card{
      .contact-card-inner{
        padding: 30px 23px;
        .contact-card-header{
          .contact-subtitle{
            margin: 15px 0 10px
          }
        }
        .contact-info{
          .contact-row{
            margin-bottom: 12px;
            font-size: 15px;
          }
          .contact-email{
            font-size: 15px;
          }
        }
      }
    }
  }
  .service-main{
    gap: 20px;
    .service-card{
      min-width: 250px;
      .service-title{
        margin-bottom: 15px;
      }
      .service-intro{
        font-size: 15px;
      }
      .service-desc{
        margin-top: 10px;
        font-size: 15px;
      }
      .service-actions{
        gap: 8px;
        .service-btn{
          min-width: auto;
          width: @onehundred;
          font-size: 15px;
          min-height: 38px;
          line-height: 38px;
        }
      }
    }
  }
  .application-form{
    padding: 30px 40px;
  }
}

@media screen and (max-width: 820px) {
  .content{
    padding: 20px 20px 15px;
  }
  // 头部区域
  .header {
    padding: 18px 15px;
    .logo img {
      height: 42px;
    }
    .header-right {
      .search-box form {
        width: 240px;
        input {
          font-size: @small-size;
        }
      }
    }
  }

  // 导航区域
  .nav > ul > li {
    > a {
      font-size: 15px;
      padding: 0 6px;
      height: 44px;
      line-height: 43px;
    }
    .menu-nav {
      top: 44px;
      ul li a {
        font-size: @font-size-base;
        padding: 7px 10px;
      }
    }
  }

  // section-news区域
  .section-news {
    .news-content {
      .news-left {
        flex: 0 0 420px;
        width: 420px;
        height: 245px;
        .news-slide {
          width: 420px;
          height: 245px;
          .swiper {
            width: 420px;
            height: 245px;
          }
          .img-box {
            width: 420px;
            height: 245px;
          }
          .cover-section {
            padding: 0 70px 0 10px;
            height: 38px;
            p {
              font-size: @font-size-base;
              line-height: 38px;
            }
          }
          .swiper-button-prev,
          .swiper-button-next {
            width: 20px;
            height: 26px;
          }
        }
      }
    }
  }

  // Tab标题
  .tab-title {
    padding: 2px 0 8px;
    .title-item {
      .title {
        font-size: @titlesize;
        margin-right: 18px;
      }
      .more {
        font-size: @font-size-base;
        padding-bottom: 16px;
      }
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: @titlesize;
      }
    }
  }

  // 列表样式
  .section-list {
    li {
      padding: 8px 0;
      a{
        .section-info{
          p,span{
            font-size: 15px;
          }
        }
        .time{
            font-size: 15px;
        }
      }
    }
  }

  // 中心标题
  .center-title {
    margin-bottom: 26px;
    h3 {
      font-size: 30px;
      padding: 0 25px;
    }
  }

  // 合作单位
  .cooperation-main {
    padding: 32px 0 0;
    .cooperation-list {
      gap: 12px;
    }
    .cooperation-item {
      width: calc(25% - 10px);
      height: 76px;
    }
    .cooperation-item-inner {
      font-size: 15px;
      padding: 6px 8px;
    }
    .links-grid {
      padding: 22px 0 0;
      gap: 12px;
      .link-item {
        width: calc(25% - 9px);
        .footer-select-current {
          font-size: @small-size;
          padding: 11px 35px 11px 12px;
        }
      }
    }
  }
  .footer {
    padding: 20px;
    .footer-inner{
      .footer-info {
        font-size: 15px;
        img{
          max-width: 15px;
        }
      }
      .footer-qrcode{
        width: 110px;
        height: 110px;
      }
    }
  }
  .right-content{
    .leadership-list{
      .leader-item {
        padding: 10px;
        .leader-link{
          .leader-avatar{
            margin-right: 10px;
            flex: 0 0 80px;
            width: 80px;
            height: 110px;
          }
          .leader-info{
            .leader-name{
              font-size: @titlesize;
              line-height: 1.5;
            }
          }
        }
      }
    }
  }
  .TextTitle{
    padding: 20px 0 15px;
    h5{
      font-size: 22px;
    }
  }
  .NewsText {
    font-size: 15px;
  }
  .NewsPages{
    gap: 12px;
    a{
      font-size: 15px;
    }
  }
  .contact-us {
    height: 280px;
    .contact-card{
      min-width: 240px;
      .contact-card-inner{
        padding: 27px 20px;
        .contact-card-header{
          margin-bottom: 15px;
          .contact-title-img{
            max-width: 140px;
            height: auto;
          }
          .contact-subtitle{
            margin: 13px 0 8px
          }
        }
        .contact-info{
          .contact-row{
            margin-bottom: 8px;
            font-size: @font-size-base;
          }
          .contact-email{
            font-size: @font-size-base;
          }
          .contact-phone{
            font-size: 20px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .w1200 {
    width: @onehundred;
  }

  // 证书/分支机构查询区域移动端适配
  .zhengshu-tab {
    padding: 14px 6px;
    font-size: @small-size;
    gap: 5px;
    img {
      width: @titlesize;
    }
  }
  .tab-icon {
    width: @large-size;
    height: @large-size;
  }
  .branch-query-form {
    padding: 20px 15px;
    padding-bottom: 25px;
    .form-row {
      gap: 15px;
      margin-bottom: 15px;
    }
    .form-item {
      width: @onehundred;
    }
  }
  .branch-result-header {
    gap: 8px;
    padding: 15px 15px;
  }
  .branch-item {
    padding: 14px 15px;
  }
  .branch-info {
    gap: 8px 18px;
  }
  .branch-info-item {
    white-space: normal;
  }
  .cert-detail {
    padding: 15px 15px;
  }

  // news-section 区域移动端适配
  .news-section {
    flex-direction: column;
    gap: 10px;
    
    .news-block {
        width: @onehundred;
        max-width: @onehundred;
        min-width: @onehundred;
    }
  }

  // 国开园区域移动端适配
  .guokaiyuan-section {
    .gky-content {
      flex-direction: column;
      gap: 15px;

      .gky-img {
        width: @onehundred;
        min-width: @onehundred;
        height: auto;

        img {
          height: auto;
        }
      }

      .gky-text {
        width: @onehundred;
        max-width: @onehundred;
        font-size: 14px;
        line-height: 28px;
        p{
          font-size: 14px;
          line-height: 28px;
        }
      }
    }
  }

  .pages{
    margin: 20px auto 5px !important;
  }
  // 移动端左侧导航
  .submenu-bar {
    display: @display-inline-block;
    padding-left: 20px;
    margin-bottom: 15px;
    font-size: @titlesize;
    color: @title-color;
    background: url("../images/icon3.png") left center no-repeat;
    background-size: 15px;
    cursor: pointer;

    a {
      color: @title-color;
      text-decoration: none;
      line-height: 1;
    }
  }
  .mobile-cover {
    display: @display-none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: @onehundred;
    height: @onehundred;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
  }
  .NewsPages{
    padding: 15px 0 0;
  }
  // 头部区域 - 移动端
  .header {
    position: relative;
    padding: 15px 10px;
    .logo img {
      height: 36px;
    }

    // PC端搜索框隐藏
    .header-right {
      .search-box {
        display: @display-none;
        position: absolute;
        top: @onehundred;
        left: 0;
        right: 0;
        width: @onehundred;
        background: @white;
        z-index: 999;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

        &.is-open {
          display: @display-block;
        }

        form {
          margin: 0 auto;
          padding: 5px;
          width: @onehundred;
          border: none;

          input {
            flex: 1;
            width: auto;
            height: 36px;
          }

          button {
            width: 36px;
            height: 36px;
          }
        }
      }
    }
  }

  // 移动端搜索和导航按钮显示
  .m-search-btn,
  .m-nav-btn {
    display: @display-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .m-search-btn {
    background-image: url("../images/i8.png");
    margin-right: 15px;
  }

  .m-nav-btn {
    background-image: url("../images/icon3.png");
  }

  // PC端导航隐藏
  .nav {
    display: @display-none;
  }

  // 移动端导航弹窗显示
  .m-nav-pop {
    display: @display-block;
  }

  // 内容区域
  .content {
    padding: 0 10px 15px;
    min-height: calc(100vh - 300px);
  }

  // 新闻动态区域
  .section-news {
    padding-bottom: 16px;
    .news-content {
      flex-direction: column;
      gap: 16px;
      .news-left {
        width: @onehundred;
        height: auto;
        flex: none;
        .news-slide {
          width: @onehundred;
          height: 245px;
          .swiper {
            width: @onehundred;
            height: 245px;
          }
          .img-box {
            width: @onehundred;
            height: 245px;
          }
          .cover-section {
            padding: 0 72px 0 13px;
            height: 42px;
            p {
              font-size: 15px;
              line-height: 42px;
            }
          }
          .swiper-button-prev,
          .swiper-button-next {
            width: 22px;
            height: 28px;
          }
        }
      }
      .news-right {
        width: @onehundred;
      }
    }
  }

  // Tab标题调整
  .tab-title {
    padding: 3px 0 7px;
    margin-bottom: 6px;
    .title-item {
      padding-bottom: 11px;
      .title {
        font-size: @large-size;
        padding-bottom: 11px;
        margin-right: 17px;
      }
      .more {
        padding-bottom: 18px;
        font-size: @font-size-base;
      }
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: @large-size;
      }
    }
  }

  // 列表样式调整
  .section-list {
    li {
      padding: 9px 0;
      .section-info {
        p,span {
          font-size: 15px;
        }
      }
      .time {
          font-size: 15px;
      }
    }
  }

  // 合作单位区域
  .cooperation-main {
    padding: 28px 0 0;
    .cooperation-list {
      gap: 11px;
      justify-content: center;
    }
    .cooperation-item {
      width: calc(50% - 5.5px);
      height: 72px;
    }
    .cooperation-item-inner {
      font-size: @titlesize;
      padding: 7px 8px;
    }
    .links-grid {
      padding: 19px 0 0;
      gap: 11px;
      .link-item {
        width: calc(50% - 5.5px);
        .footer-select-current {
          font-size: @small-size;
          padding: 10px 30px 10px 11px;
        }
        .footer-select-list li {
          font-size: @small-size;
        }
      }
    }
  }

  // 中心标题调整
  .center-title {
    margin-bottom: 22px;
    .line {
      max-width: 30%;
    }
    h3 {
      font-size: 28px;
      padding: 0 18px;
    }
  }

  // 底部区域
  .footer {
    padding: 19px 11px;
    .footer-inner {
      flex-direction: column;
      gap: 18px;
      .footer-info {
        p {
          font-size: @font-size-base;
          line-height: 1.75;
          white-space: normal;
        }
        img{
          max-width: 14px;
          top: -1px;
        }
      }
      .footer-qrcode {
        width: 96px;
        height: 96px;
      }
    }
  }

  // 子页面包屑隐藏
  .page-breadcrumb,
  .breadcrumb-wrap {
    display: @display-none !important;
  }

  // 移动端遮罩层
  .mobile-cover {
    display: @display-none;
  }

  // 左侧导航移动端样式
  .left-nav {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: -60%;
    width: 60%;
    bottom: 0;
    overflow-y: auto;
    background-color: @white;
    transition: left 0.6s;

    .left-nav-title {
      margin: 0;
      height: auto;
      min-height: inherit;
      background-size: cover;
      padding: 35px 20px;
      h3 {
        font-size: @large-size;
      }
    }

    .left-nav-list {
      margin: 0;

      li a {
        font-size: @font-size-base;
        padding: 10px 20px;
      }
    }
  }

  .page-content {
    flex-direction: column;
    margin: 15px 0;
    padding: 0 10px;
  }

  // 右侧内容区域
  .right-content {
    padding: 15px;
    width: @onehundred;

    .page-header {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 16px;
      background-size: 100% 4px;
    }

    .page-title {
      font-size: @large-size;
    }

    .page-body {
      margin-top: 15px;
      font-size: 15px;
      line-height: 1.8;
    }

    .leadership-list{
      gap: 12px;
      .leader-item {
        width: calc(50% - 8px);
      }
    }
    .new-list{
      .news-item {
        .news-link{
          padding: 15px 0;
          gap: 10px;
          .news-thumb{
            flex: 0 0 184px;
            width: 184px;
            height: 112px;
          }
          .news-info {
            height: 112px;
            .news-title{
              font-size: @titlesize;
            }
            .news-desc{
              font-size: @font-size-base;
            }
            .news-meta{
              .news-date {
                font-size: @font-size-base;
              }
            }
          }
        }
      }
    }
  }

  // banner区域
  .banner-box {
    h2 {
      font-size: 22px;
      left: 15px;
    }
  }
  .column-main {
    > a:first-child {
      max-width: 70px;
    }
    .right-ad{
      a{
        min-height: 70px;
      }
    }
  }
  .TextTitle{
    padding: 20px 0 15px;
    h5{
      font-size: 20px;
    }
    .shar{
      margin-top: 12px;
    }
  }
  .search-list{
    .search-item{
      .search-link{
        padding: 15px 0;
        .search-title,.search-date{
          font-size: 15px;
        }
      }
    }
  }
  .contact-us {
    height: auto;
    flex-direction: column;
    .contact-card{
      width: @onehundred;
    }
    .contact-map{
      max-width: @onehundred;
      width: @onehundred;
      height: auto;
    }
  }
  .service-main{
    gap: 15px;
    .service-card{
      flex: 0 0 calc((100% - 2 * 8px) / 2);
    }
  }
  .details-title{
    margin: 20px 0 15px;
    font-size: 22px;
  }
}

@media screen and (max-width: 640px) {
  // 头部区域
  .header {
    .logo img {
      height: 34px;
    }
  }
  .pages{
    .pagination{
      li{
        width: 26px;
        height: 26px;
        line-height: 24px;
        margin: 0 5px 5px 0;
        font-size: @small-size;
      }
    }
  }
  // 移动端按钮尺寸
  .m-search-btn,
  .m-nav-btn {
    width: 18px;
    height: 18px;
  }

  // 新闻动态区域
  .section-news {
    .news-content {
      gap: 14px;
      .news-left {
        .news-slide {
          height: 215px;
          .swiper {
            height: 215px;
          }
          .img-box {
            height: 215px;
          }
          .cover-section {
            padding: 0 58px 0 12px;
            height: 40px;
            p {
              font-size: @font-size-base;
              line-height: 40px;
            }
          }
          .swiper-button-prev,
          .swiper-button-next {
            width: 20px;
            height: 26px;
          }
          .swiper-horizontal > .swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal{
            bottom: 15px;
          }
        }
      }
    }
  }

  // Tab标题
  .tab-title {
    .title-item .title {
      font-size: @titlesize;
      margin-right: 16px;
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: @titlesize;
      }
    }
  }

  // 专栏区域
  .column-main {
    gap: 5px;
    > a:first-child {
      max-width: 58px;
    }
    .right-ad{
      gap: 5px;
      a{
        min-height: 58px;
      }
    }
  }

  .NewsPages{
    padding: 18px 0 0;
  }

  // 合作单位
  .cooperation-main {
    padding: 26px 0 0;
    .cooperation-list {
      gap: 10px;
    }
    .cooperation-item {
      width: calc(50% - 5px);
      height: 68px;
    }
    .cooperation-item-inner {
      font-size: 15px;
      padding: 7px 8px;
    }
    .links-grid {
      padding: 18px 0 0;
      gap: 10px;
      .link-item {
        width: calc(50% - 5px);
      }
    }
  }

  // 中心标题
  .center-title {
    margin-bottom: 20px;
    .line {
      max-width: 28%;
    }
    h3 {
      font-size: @large-two-size;
      padding: 0 16px;
    }
  }

  // 底部
  .footer {
    padding: 18px 10px;
    .footer-inner {
      gap: 16px;
      .footer-info {
        p {
          font-size: @small-size;
          line-height: 1.7;
        }
        img{
          top: 0;
        }
      }
      .footer-qrcode {
        width: 88px;
        height: 88px;
      }
    }
  }

  // 子页右侧内容区域
  .right-content {
    padding: 18px 12px;

    .page-header {
      padding-bottom: 16px;
      gap: 8px;
    }

    .page-title {
      font-size: @titlesize;
    }

    .page-body {
      margin-top: 12px;
      font-size: @font-size-base;
    }
  }

  // banner区域
  .banner-box {
    h2 {
      font-size: 20px;
      left: 12px;
    }
  }
  .TextTitle{
    padding: 15px 0 10px;
    h5{
      font-size: @large-size;
    }
    .shar{
      margin-top: 10px;
    }
  }
  .nodata{
    padding: 40px;
    img{
      max-width: 80%;
    }
    p{
      font-size: @font-size-base;
    }
  }
  .service-main{
    gap: 10px;
    .service-card{
      padding: 20px 15px;
      min-width: 220px;
      min-height: 400px;
      .service-title{
        font-size: @large-size;
      }
      .service-intro{
        font-size: @font-size-base;
      }
      .service-desc{
        font-size: @font-size-base;
      }
    }
  }
  .application-form{
    padding: 20px;
    .app-form-title{
      font-size: 22px;
      margin-bottom: 20px;
    }
    .app-form-row{
      margin-bottom: 15px;
      .app-label{
        font-size: 15px;
        min-width: 127px;
        line-height: 36px;
      }
      .app-field{
        .app-input{
          height: 36px;
        }
      }
      .app-upload-field{
        .app-upload-btn{
          min-width: 90px;
          height: 34px;
          line-height: 32px;
        }
      }
    }
    .el-form-item{
      margin-bottom: 15px !important;
    }
    .el-form-item__label{
      min-width: 159px;
      font-size: 15px;
      line-height: 36px !important;
      padding-right: 10px;
    }
    .el-form-item__content{
      margin-left: 159px !important;
      line-height: 36px !important;
      .el-input{
        font-size: @font-size-base !important;
      }
      .el-input--small .el-input__inner{
        height: 36px !important;
        line-height: 36px !important;
      }
      .el-input__suffix{
        top: 1px !important;
      }
    }
    .el-button--primary{
        min-width: 90px !important;
        height: 34px !important;
        line-height: 32px !important;
    }
    .el-upload__tip{
        font-size: 13px;
    }
    .form-footer{
      .el-button{
          min-width: 90px;
          height: 34px;
          line-height: 32px;
          font-size: 15px;
      }
    }
  }
  .app-form-actions{
    margin-top: 20px !important;
    .app-btn{
      min-width: 100px !important;
      height: 34px !important;
      line-height: 32px !important;
      font-size: 15px !important;
    }
  }
}

@media screen and (max-width: 480px) {
  // 证书/分支机构查询区域小屏适配
  .branch-query{
    .zhengshu-tabs{
      margin-bottom: 20px;
    }
  }
  .branch-query-title {
    font-size: @large-size;
  }
  .branch-query-form {
    .captcha-wrap .el-input {
      flex: 1;
      width: auto;
      max-width: none;
    }
  }
  .form-actions {
    display: @display-flex;
    gap: 10px;
    .el-button {
      margin: 0;
      & + .el-button {
        margin-left: 0;
      }
    }
    .btn-submit, .btn-reset {
      flex: 1;
      margin: 0;
      padding: 11px 0;
    }
  }
  .cert-detail-row {
    flex-direction: column;
    gap: 2px;
    font-size: @font-size-base;
  }
  .branch-cert-no{
    font-size: @titlesize;
  }
  .cert-label {
    width: auto;
    text-align: @left;
    padding-right: 0;
  }
  // 头部区域
  .header {
    padding: 13px 10px;
    .logo img {
      height: 25px;
    }
    .header-right {
      gap: 15px;
    }
  }
  .submenu-bar{
    margin-bottom: 10px;
  }
  .page-content{
    margin: 10px 0;
    padding: 0 6px;
  }
  .pages{
    .pagination{
      li{
        width: 24px;
        height: 24px;
        line-height: 22px;
        margin: 0 5px 5px 0;
        border-radius: 3px;
      }
    }
  }

  // 移动端按钮尺寸
  .m-search-btn,
  .m-nav-btn {
    width: 16px;
    height: 16px;
  }
  .m-search-btn {
    margin-right: 0;
  }

  // 内容区域
  .content {
    padding: 0 8px 10px;
  }

  // 新闻动态区域
  .section-news {
    padding-bottom: 13px;
    .news-content {
      gap: 13px;
      .news-left {
        .news-slide {
          height: 175px;
          .swiper {
            height: 175px;
          }
          .img-box {
            height: 175px;
          }
          .cover-section {
            padding: 0 70px 0 11px;
            height: 36px;
            p {
              font-size: 13px;
              line-height: 36px;
            }
          }
          .swiper-button-prev,
          .swiper-button-next {
            width: 18px;
            height: 24px;
          }
          .swiper-pagination-bullet {
            margin: 0 2px;
          }
          .swiper-horizontal > .swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal{
            bottom: 13px;
          }
        }
      }
    }
  }

  // Tab标题
  .tab-title {
    padding: 2px 0 6px;
    margin-bottom: 5px;
    .title-item {
      padding-bottom: 10px;
      .title {
        font-size: 15px;
        padding-bottom: 10px;
        margin-right: 13px;
      }
      .more {
        padding-bottom: 15px;
        font-size: 13px;
      }
    }
  }
  .guokaiyuan-section{
    .center-title{
      h3{
        font-size: 15px;
      }
    }
  }

  // 列表样式
  .section-list {
    .link-underline {
      .section-info {
        p {
          font-size: 13px;
        }
        span {
          font-size: 13px;
        }
      }
      .time {
        font-size: 13px;
      }
    }
  }

  // 合作单位
  .cooperation-main {
    padding: 22px 0 0;
    .cooperation-list {
      gap: 9px;
    }
    .cooperation-item {
      width: calc(50% - 4.5px);
      height: 58px;
      border-radius: 5px;
    }
    .cooperation-item-inner {
      font-size: 13px;
      padding: 6px;
    }
    .links-grid {
      padding: 19px 0 5px;
      gap: 9px;
      background-size: 100% 6px;
      .link-item {
        width: calc(50% - 4.5px);
        .footer-select-current {
          font-size: 13px;
          padding: 8px 26px 8px 10px;
          .footer-arrow {
            right: 10px;
            width: 10px;
            height: 6px;
            background-size: 10px 6px;
          }
        }
        .footer-select-list li {
          font-size: 13px;
          a {
            padding: 6px 10px;
          }
        }
      }
    }
  }

  // 中心标题
  .center-title {
    margin-bottom: 17px;
    .line {
      max-width: 26%;
      &::after {
        width: 15px;
        right: -15px;
      }
    }
    .line:last-of-type::after {
      left: -15px;
    }
    h3 {
      font-size: 20px;
      padding: 0 13px;
    }
  }

  // 底部
  .footer {
    padding: 16px 9px;
    .footer-inner {
      gap: 13px;
      .footer-info p {
        line-height: 1.6;
      }
      .footer-qrcode {
        width: 78px;
        height: 78px;
      }
    }
  }

  // 子页右侧内容区域
  .right-content {
    padding: 10px;
    min-height: calc(100vh - 407px);
    .page-header {
      padding-bottom: 14px;
      gap: 6px;
    }

    .page-title {
      font-size: 15px;
    }

    .page-body {
      margin-top: 10px;
      font-size: 13px;
    }
    .new-list{
      .news-item {
        .news-link{
          padding: 12px 0;
          gap: 8px;
          .news-thumb{
            flex: 0 0 138px;
            width: 138px;
            height: 84px;
          }
          .news-info {
            height: 84px;
            .news-title{
              font-size: 15px;
            }
            .news-desc{
              font-size: 13px;
              line-height: 1.4;
            }
            .news-meta{
              .news-date {
                font-size: 13px;
              }
            }
          }
        }
      }
    }
    .leadership-list{
      margin-top: 10px;
      gap: 8px;
      .leader-item {
        padding: 10px;
        .leader-link{
          .leader-avatar{
            margin-right: 10px;
            flex: 0 0 70px;
            width: 70px;
            height: 96px;
          }
          .leader-info{
            .leader-name{
              font-size: 15px;
              line-height: 1.5;
            }
            .leader-title{
              font-size: @small-size;
            }
          }
        }
      }
    }
  }

  // banner区域
  .banner-box {
    h2 {
      font-size: @large-size;
      left: 10px;
    }
  }
  .column-main{
    gap: 0;
    > a:first-child {
      max-width: 110px;
    }
    .right-ad{
      flex-direction: column;
      gap: 0;
      a{
        height: 55px;
        min-height: 55px;
        max-height: 55px;
        img{
          width: @onehundred;
          height: @onehundred;
          min-height: 55px;
          max-height: 55px;
          object-fit: cover;
        }
      }
    }
  }
  .TextTitle{
    padding: 10px 0;
    h5{
      font-size: @titlesize;
    }
    .shar{
      margin-top: 5px;
      font-size: @small-size;
      .share_items{
        display: @display-none;
      }
    }
  }
  .NewsText {
    padding: 15px 0;
    font-size: 13px;
  }
  .NewsPages{
    gap: 10px;
    padding: 10px 0 0;
    a{
      font-size: @font-size-base;
      line-height: 1.6;
    }
  }
  .search-list{
    .search-item{
      .search-link{
        padding: 12px 0;
        .search-title,.search-date{
          font-size: @font-size-base;
        }
        &::before {
          margin-right: 4px;
        }
      }
    }
  }
  .nodata{
    padding: 40px 20px;
    img{
      max-width: 80%;
    }
    p{
      font-size: @font-size-base;
    }
  }
  .contact-us {
    height: auto;
    flex-direction: column;
    margin: 10px 0 5px;
    .contact-card{
      width: @onehundred;
      .contact-card-inner{
        padding: 20px 15px;
        .contact-card-header{
          .contact-title-img{
            max-width: 110px;
          }
          .contact-subtitle{
            font-size: 15px;
          }
        }
        .contact-info{
          .contact-row{
            .contact-label{
              line-height: 1.5;
            }
            .contact-phone{
              font-size: 19px;
            }
          }
        }
      }
    }
    .contact-map{
      max-width: @onehundred;
      width: @onehundred;
      height: auto;
    }
  }
  .service-main{
    margin: 10px 0 5px;
    gap: 10px;
    .service-card{
      flex: 1;
      padding: 22px;
      width: @onehundred;
      min-height: 350px;
      .service-title{
        font-size: @titlesize;
      }
      .service-intro{
        font-size: 13px;
      }
      .service-desc{
        font-size: 13px;
      }
      .service-actions{
        padding: 0 25px;
        .service-btn{
          border-radius: 6px;
          font-size: @font-size-base;
        }
      }
    }
  }
  .application-form{
    padding: 15px 0 10px;
    .app-form-title{
      font-size: @titlesize;
      margin-bottom: 15px;
    }
    .app-form-row{
      margin-bottom: 10px;
      .app-label{
        font-size: 13px;
        min-width: 113px;
        line-height: 32px;
        padding-right: 8px;
      }
      .app-field{
        .app-input{
          height: 32px;
        }
      }
      .app-upload-field{
        .app-upload-btn{
          min-width: 80px;
          height: 30px;
          line-height: 28px;
          font-size: @small-size;
        }
        .app-upload-tips{
          line-height: 1.3;
        }
      }
    }
    .el-form-item__label{
      min-width: 151px;
      font-size: @font-size-base;
      line-height: 32px !important;
      padding-right: 5px;
    }
    .el-form-item__content{
      margin-left: 151px !important;
      line-height: 32px !important;
      .el-input{
        font-size: 13px !important;
      }
      .el-input--small .el-input__inner{
        height: 32px !important;
        line-height: 32px !important;
      }
      .el-input__suffix{
        top: 1px !important;
      }
    }
    .el-button--primary{
        min-width: 80px !important;
        height: 30px !important;
        line-height: 28px !important;
        font-size: 13px !important;
    }
    .el-upload__tip{
        font-size: @small-size;
    }
    .form-footer{
      .el-button{
          min-width: 80px;
          height: 32px;
          line-height: 30px;
          font-size: 13px;
      }
    }
    .el-form-item__error{
      padding-top: 1px;
      font-size: 11px;
    }
  }
  .app-form-actions{
    margin-bottom: 10px;
    .app-btn{
      min-width: 100px !important;
      height: 32px !important;
      line-height: 30px !important;
      font-size: 13px !important;
    }
  }
  .details-title{
    margin: 15px 0 10px;
    font-size: @large-size;
  }
}