@font-face{
            font-family: 'oswald';
            src : url('../assets/fonts/BAUERBODONISTD-BOLDITALIC.OTF');
}
.l-header {
    padding: 65px 0 0;
}
.desc-text{
    text-align:justify;
    text-justify:distribute-all-lines; 
}


.l-phone {
    min-width: 145px;
    color: rgba(255, 255, 255, 0.8);
    margin-left: 20px;
    font-size: 23px;
}

.navbar .fa-phone {
    color: rgba(255, 255, 255, 0.8);
    font-size: 21px;
    padding: 10px;
}

.navbar-stick-dark.stick .l-phone {
    color: rgba(117, 117, 117, 0.9);
}

.navbar-stick-dark.stick .fa-phone {
    color: rgba(117, 117, 117, 0.9);
}

@media (max-width: 767px) {
    .l-header {
        padding-top: 70px;
    }
    .l-phone {
        min-width: 0;
        margin-left: 0;
        font-size: 20px;
    }
}

/*page about*/
.l-section-mission {
    padding-top: 50px;
}

.nav-navbar nav {
    min-width: 6rem !important;
}

@media (max-width: 767px) {
    .navbar-expand-lg .navbar-mobile {
        min-width: 120px;
    }
}


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.mobile-show{
    display: none !important;
}

/*page layout*/
@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-mobile {
        width: 150px;
    }

    .mobile-show{
        display: block !important;
    }
    .mobile-hidden{
        display: none !important;
    }
}

.l-sidebar {
    position: fixed;
    bottom: 50px;
    right: 0;
    height: 100px;
    border-right: 1px solid #e4e6e9;
    z-index: 99;
}

.l-sidebar img {
    width: 140px;
    height: 140px;
    overflow: hidden;
}
.to-top{
  display: none;   
}
.l-side ol, ul {
    list-style: none
}

.l-side a {
    text-decoration: none;
    color: #686868
}

.l-side img {
    border: 0
}

.l-side {
    position: fixed;
    width: 78px;
    right: 0;
    bottom: 10px;
    z-index: 99;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-bottom: 0;
    opacity: 0.8;
}

.l-side .ul .li {
    width: 78px;
    height: 78px;
    float: left;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    transition: all .3s;
    cursor: pointer
}

.l-side .ul .li:hover {
    background: #2f77d0;
    color: #fff
}

.l-side .ul .li:hover a {
    color: #fff
}

.l-side .ul .li i {
    font-size: 25px;
    height: 28px;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    margin-top: 14px;
    transition: all .3s
}


.l-side .ul .li .sidebox {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 0;
    right: 0;
    transition: all .3s;
    overflow: hidden
}

.l-side .ul .li.sideewm .ewBox.son {
    width: 158px;
    display: none;
    position: absolute;
    left: -160px;
    top: 0;

}

.l-side .ul .li.sideetel .telBox.son {
    padding-left: 20px;
    width: 159px;
    height: 78px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -160px;
    top: 0px;
    background: #2f77d0;
}


.l-side .ul .li.sideetel .telBox span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 11px;
    font-size: 18px
}


.l-side .ul .li:hover .son {
    display: block !important;
    animation: fadein 1s;
}
.h5-nav {
    display: none;
}
.mobile-top-wrap{
    position: fixed;

    right: 0;
    bottom: 20px;
    z-index: 99;
    margin-bottom: 20px;
    right: 60px;
  
    
}
.mobile-top{
  display: none;    
}

.mobile-top-wrap i{
     margin: -8px;
     font-size: 48px;
     border-radius: 50%;
     color:#2f77d0;
     
}


@media (max-width: 991.98px) {
    .l-side  {
        border: none;
    }
    .l-side .ul {
        display: none;
    }
    .mobile-top{
       display: block; 
    }
    .l-phone {
        display: none;
    }

    .h5-nav {
        display: block;
    }

    .fa-phone {
        padding: .25rem .75rem;
        font-size: 1.0625rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
}

.met-footnav {
    padding: 40px 0;
    border-top: 1px solid #f0f2f5
}

@media (max-width: 991px) {
    .met-footnav .list {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .met-footnav {
        padding: 30px 0
    }
}

.met-footnav h4 {
    font-size: 18px;
    margin-top: 0;
    text-shadow: none
}

.met-footnav ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none
}

.met-footnav ul li {
    margin-bottom: 3px
}

.met-footnav ul li a {
    color: #5e7387;
    text-decoration: none
}

.met-footnav ul li a:active,
.met-footnav ul li a:focus,
.met-footnav ul li a:hover {
    text-decoration: none
}

.met-footnav ul li a:hover {
    color: #4e97d9
}

.met-footnav .info em {
    display: block;
    font-size: 26px;
    font-style: normal
}

.met-footnav .info em a {
    color: #5e7387;
    transition: color .5s;
    -moz-transition: color .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s
}

.met-footnav .info em a:hover {
    color: #2a333c
}

.met-footnav .info p {
    color: #aaa
}

.met-footnav .info i {
    font-size: 26px;
    cursor: pointer
}

.met-footnav .info a {
    margin: 0 8px
}

.met-footnav .info a:hover,
.met-footnav .info a:focus {
    text-decoration: none
}

@media (max-width: 991px) {
    .met-footnav .info {
        margin-top: 0
    }
}
.met-weixin-img {
    top: -10px
}
.met-weixin-img img {
    max-width: 160px
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

footer {
    height: auto;
    border-top: 1px solid #f0f2f5;
    padding: 20px 0;
    color: #aaa;
    line-height: 1.8
}

footer p {
    margin-bottom: 0
}

.light-green-700 {
    color: #83b944 !important
}



@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}



.lawyer-img-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 140%;
    overflow: hidden;
}

.lawyer-img-wrap img {
    width: 100%;
}

.lawyer-wrap .text {
    position: absolute;
    color: #fff;
    height: 86px;
    width: 100%;
    bottom: 0;
    border-radius: 4px;
    background: rgba(0, 0, 0, .4);
    padding: 14px 18px 0;
    transition: all .3s;
}

.lawyer-wrap .text h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;

    margin-bottom: 10px;
    transition: all .3s;
    display: flex;
    align-items: center;
}

.lawyer-wrap .text .user-desc {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.lawyer-wrap .text small {
    color: #fff;
    font-weight: 600;
    margin-left: 10px;
    width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




@media (max-width: 991px) {
  .navbar-left {
     max-width: 232px !important;
      
  }

}

.header-scrolled .l-header{
  display:none;
}


.ant-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: tnum;
    position: fixed;
   
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.ant-back-top-content:hover {
    background-color: rgba(0,0,0,.85);
    transition: all .3s;
}
.ant-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.45);
    border-radius: 20px;
    transition: all .3s;
}
.ant-back-top-icon {
    font-size: 24px;
    line-height: 40px;
}
.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
    display: inline-block;
}
.navbar{
    top:0;
}


/* ==========================================================================
   凌云官网 · 设计规范层（Design Tokens + 统一覆盖）
   --------------------------------------------------------------------------
   这是「第 5 层」样式表：加载顺序位于 page.min.css（框架）→
   newjpress.min.css → css/jp.css 之后，所以同优先级的选择器在这里能覆盖前面。

   为什么需要这一层：

   1) 主色不统一 —— 框架自带的 a / .btn-primary / .page-item.active 等 44 条规则
      里硬编码的是亮蓝 #50a1ff，而凌云定制层用的是品牌蓝 #2f77d0。
      两者混在一页上，正是"看着不统一"的根源。本层把亮蓝全部收敛到品牌蓝。

   2) 魔法数字散落 —— 字号、间距、圆角、阴影分散在 5 个文件里，改一处要翻半天。
      本层把它们收敛成变量。

   ⚠️ 以后要调整主色，只需修改 --ly-primary 一处，其余全部自动派生。
   ========================================================================== */

:root {
    /* ---------- 品牌主色（凌云蓝） ---------- */
    --ly-primary:       #2f77d0;
    --ly-primary-dark:  #1e57a0;   /* hover / active / 按下 */
    --ly-primary-light: #5b9be3;   /* 次级强调、渐变浅端 */
    --ly-primary-soft:  #eaf3fc;   /* 浅底：选中态、标签底 */
    --ly-primary-ghost: #f4f9fe;   /* 极浅底：斑马纹、区块底 */

    /* ---------- 中性色 ---------- */
    --ly-ink:    #1f2d3d;   /* 标题 */
    --ly-text:   #4a5568;   /* 正文 */
    --ly-muted:  #8a94a6;   /* 辅助文字 */
    --ly-line:   #e3e8ef;   /* 分割线 / 边框 */
    --ly-bg:     #ffffff;
    --ly-bg-sub: #f5f7fa;   /* 次级区块底 */

    /* ---------- 语义色（沿用框架语义，仅作变量化） ---------- */
    --ly-success: #2fa84f;
    --ly-warning: #d99a1a;
    --ly-danger:  #d94b52;

    /* ---------- 字号阶梯 ---------- */
    --ly-fs-xs:   12px;
    --ly-fs-sm:   13px;
    --ly-fs-base: 14px;
    --ly-fs-md:   16px;
    --ly-fs-lg:   18px;
    --ly-fs-xl:   22px;
    --ly-fs-2xl:  28px;
    --ly-fs-3xl:  34px;

    /* ---------- 间距阶梯 ---------- */
    --ly-sp-1: 4px;
    --ly-sp-2: 8px;
    --ly-sp-3: 12px;
    --ly-sp-4: 16px;
    --ly-sp-5: 24px;
    --ly-sp-6: 32px;
    --ly-sp-7: 48px;

    /* ---------- 圆角 ---------- */
    --ly-radius-sm: 3px;
    --ly-radius:    6px;
    --ly-radius-lg: 10px;

    /* ---------- 阴影 ---------- */
    --ly-shadow-sm: 0 1px 3px rgba(31, 45, 61, .06);
    --ly-shadow:    0 4px 16px rgba(31, 45, 61, .08);
    --ly-shadow-lg: 0 12px 32px rgba(31, 45, 61, .12);

    /* ---------- 覆盖框架变量 ---------- */
    /* page.min.css 的 :root 里 --primary/--blue 都是 #50a1ff，
       这里就地覆盖；凡是写 var(--primary) / var(--blue) 的地方自动跟随。 */
    --primary: var(--ly-primary);
    --blue:    var(--ly-primary);
}


/* ==========================================================================
   一、链接
   page.min.css 里 a{color:#50a1ff} 与 a:hover{color:#0478ff} 各出现两次，
   是全站最常被"看见"的亮蓝色，优先级最高的一条统一。
   ========================================================================== */

a {
    color: var(--ly-primary);
}

a:hover,
a:focus {
    color: var(--ly-primary-dark);
}

/* 文本选中态 —— 小细节但每天都有人看到 */
::selection {
    background: var(--ly-primary);
    color: #fff;
}

::-moz-selection {
    background: var(--ly-primary);
    color: #fff;
}


/* ==========================================================================
   二、按钮
   ========================================================================== */

.btn-primary {
    background-color: var(--ly-primary);
    border-color: var(--ly-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--ly-primary-dark);
    border-color: var(--ly-primary-dark);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(47, 119, 208, .30);
}

.btn-outline-primary {
    color: var(--ly-primary);
    border-color: var(--ly-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--ly-primary);
    border-color: var(--ly-primary);
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(47, 119, 208, .30);
}

.btn-link {
    color: var(--ly-primary);
}

/* 统一按钮的过渡节奏，避免各按钮动效时长不一 */
.btn {
    transition: color .2s ease, background-color .2s ease,
                border-color .2s ease, box-shadow .2s ease;
}


/* ==========================================================================
   三、语义工具类
   这些类在 page.min.css 里本身带 !important，覆盖时也必须带。
   ========================================================================== */

.text-primary   { color: var(--ly-primary) !important; }
.bg-primary     { background-color: var(--ly-primary) !important; }
.border-primary { border-color: var(--ly-primary) !important; }

.badge-primary { background-color: var(--ly-primary); }

.bg-gradient-primary {
    background-image: linear-gradient(180deg, var(--ly-primary-light), var(--ly-primary));
}

.progress-bar { background-color: var(--ly-primary); }


/* ==========================================================================
   四、导航 / 标签页 / 分页 / 列表 / 下拉
   —— 这一组是"当前在哪一页"的视觉反馈，统一后全站导航感一致。
   ========================================================================== */

.nav-link.active,
.nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs-minimal .nav-link.active,
.nav-tabs-minimal .nav-item.show .nav-link {
    color: var(--ly-primary);
}

.nav-sidebar .nav-link.active,
.nav-sidebar-pill .nav-item > .nav-link.active {
    color: var(--ly-primary);
}

.nav-sidebar-pill .nav-item > .nav-link.active {
    background-color: var(--ly-primary-soft);
    border-left-color: var(--ly-primary);
}

.page-item.active .page-link {
    background-color: var(--ly-primary);
    border-color: var(--ly-primary);
}

.page-link {
    color: var(--ly-primary);
}

.list-group-item.active {
    background-color: var(--ly-primary);
    border-color: var(--ly-primary);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--ly-primary);
}

.breadcrumb-item a:hover {
    color: var(--ly-primary);
}

.social-hover-primary a:hover {
    color: var(--ly-primary) !important;
}


/* ==========================================================================
   五、表单元件与焦点可见性
   ========================================================================== */

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--ly-primary);
    border-color: var(--ly-primary);
}

.custom-range::-webkit-slider-thumb { background-color: var(--ly-primary); }
.custom-range::-moz-range-thumb     { background-color: var(--ly-primary); }
.custom-range::-ms-thumb            { background-color: var(--ly-primary); }

/* 键盘 Tab 时的焦点环 —— 纯可访问性提升，鼠标点击不会触发，视觉零干扰 */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--ly-primary);
    outline-offset: 2px;
}

/* 表单控件统一圆角与聚焦色 */
.form-control {
    border-radius: var(--ly-radius-sm);
}

.form-control:focus {
    border-color: var(--ly-primary-light);
    box-shadow: 0 0 0 .2rem rgba(47, 119, 208, .18);
}


/* ==========================================================================
   六、代码块
   page.min.css 里 pre 用了 border-left:3px solid #50a1ff，
   第 4 层的 jp.css 也有一批亮蓝，这里统一。
   ========================================================================== */

pre {
    border-left-color: var(--ly-primary);
    border-radius: 0 var(--ly-radius-sm) var(--ly-radius-sm) 0;
}

code {
    color: var(--ly-primary-dark);
}


/* ==========================================================================
   七、滚动与细节
   ========================================================================== */

/* 页面内锚点跳转平滑滚动（不影响 .to-top 的 JS 动画） */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* 页脚备案信息弱化，避免抢主内容的注意力 */
footer {
    font-size: var(--ly-fs-sm);
}


/* ==========================================================================
   八、字体系统（2026-10 大改）
   --------------------------------------------------------------------------
   标题：思源宋体 Noto Serif SC（700 字重，assets/fonts/noto-serif-sc/ 本地分片）
         宋体标题 + 黑体正文是律所排版的经典组合，庄重感来自衬线。
         未下载分片的字符自动回退到系统的宋体/黑体，不会开天窗。
   正文：系统黑体栈，按「苹方 → 冬青黑 → 雅黑」优先级取最优。
   ========================================================================== */

h1, h2, h3, .h1, .h2, .h3,
.section-header h2,
.met-footnav h4 {
    font-family: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
    font-weight: 700;
}

/* 宋体标题适合微加字距（覆盖之前针对黑体的 -0.01em） */
h1, h2, h3,
.h1, .h2, .h3 {
    letter-spacing: 0.02em;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}