
#fei_web_header_001_0 {
    --theme: 242, 89, 3;
}
/* ==================================================================================== */
/* 滚动到一定距离，将导航隐藏 */
#header_bg,
#header_ct {
    /*height: 97px;*/ 
    background: #fff; 
    border-bottom: 1px solid #e3e3e3; 
    box-shadow: 0 4px 32px rgba(0, 0, 0, .1); 
    transition: .3s; 
    opacity: 1;
}
#header.scroll-down #header_bg,
#header.scroll-down #header_ct {
    transform: translateY(-80%);
    opacity: 0;
}
#header_bg,
#header_ct {
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,0.85);
}
/* ==================================================================================== */


/* 背景色 */
#header_bg { 
    width: 100%; 
    pointer-events: none; 
    transition: .3s,height .1s;
}
#header {}
#header.fixed { 
    height: 97px !important;
}
#header.fixed.scroll-top #header_bg {
    background: rgba(0, 0, 0, 0);
}
#header.fixed.scroll-top.opacity_black #header_bg {
    background-color: rgba(255, 255, 255, 0.1);
}

#fei_web_header_001_0.cur { 
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}
#fei_web_header_001_0 .head { 
    height: 97px; 
    transition: .3s;
}
#header.fixed #fei_web_header_001_0.cur { 
    top: 0; 
    left: 0; 
    width: 100%;
}
#header.fixed #fei_web_header_001_0.cur,
#header.fixed.scroll-top #fei_web_header_001_0 .head {
    color: #fff;
}
#header.fixed #fei_web_header_001_0.cur .head,
#header.fixed.scroll-center #fei_web_header_001_0 .head {
    color: #333;
}
#header.fixed.scroll-center #fei_web_header_001_0,
#header.fixed.scroll-top #fei_web_header_001_0 {
    background: transparent;
}

/* logo部分 */
#fei_web_header_001_0 .weblogo { 
    margin-right: 20px; 
    max-width: 318px; 
    overflow: hidden;
}
#fei_web_header_001_0 .weblogo img { 
    max-width: 100%;
}

/* 搜索&语言切换 */
#fei_web_header_001_0 .rig > * { 
    font-size: 22px; 
    color: #333;
}
#fei_web_header_001_0 .rig > *:last-child {
    padding-right: 0;
}
#fei_web_header_001_0 .rig > * > i {
    font-size: 22px;
}
#fei_web_header_001_0 .rig .menu-nav { 
    display: none; 
    margin-right: 20px;
}
#fei_web_header_001_0 .rig .menu-nav .lyicon-menu { 
    font-size: 24px;
}

/* ========== 搜索模块样式 ========== */
#fei_web_header_001_0 .search {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 15px;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 50%;
    transition: width 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1), background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

#fei_web_header_001_0 .search.expanded {
    width: 250px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#fei_web_header_001_0 .search .lyicon-search {
    font-size: 22px;
    color: #333;
    transition: color 0.2s ease;
    flex-shrink: 0;
    pointer-events: none;
}

#fei_web_header_001_0 .search.expanded .lyicon-search {
    position: absolute;
    left: 12px;
    font-size: 18px;
}

#fei_web_header_001_0 .search .search-input {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 12px 0 40px;
    border: none;
    background: transparent;
    font-size: 14px;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
}

#fei_web_header_001_0 .search.expanded .search-input {
    display: block;
}

#fei_web_header_001_0 .search .search-submit {
    display: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

#fei_web_header_001_0 .search.expanded .search-submit {
    display: block;
}

#fei_web_header_001_0 .search .search-submit:hover {
    color: rgb(var(--theme));
}

#fei_web_header_001_0 .search * {
    transition: none;
}

#fei_web_header_001_0 .search .lyicon-search,
#fei_web_header_001_0 .search .search-input,
#fei_web_header_001_0 .search .search-submit {
    transition: opacity 0.15s ease;
}

/* ========== CTA按钮样式 ========== */
#fei_web_header_001_0 .nav-cta {
    margin-left: 15px;
    margin-right: 20px;
    display: flex;
    gap: 12px;
}

#fei_web_header_001_0 .nav-cta a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

#fei_web_header_001_0 .nav-cta .btn-contact {
    background: rgb(var(--theme));
    border: 1.5px solid rgb(var(--theme));
    color: #fff;
}

#fei_web_header_001_0 .nav-cta .btn-customize {
    background: rgba(var(--theme), 0.08);
    border: 1.5px solid transparent;
    color: rgb(var(--theme));
}

#fei_web_header_001_0 .nav-cta a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 92, 0, 0.25);
}

#fei_web_header_001_0 .nav-cta .btn-contact:hover {
    background: rgb(var(--theme));
    color: #fff;
}

#fei_web_header_001_0 .nav-cta .btn-customize:hover {
    background: rgba(var(--theme), 0.15);
    color: rgb(var(--theme));
}

#fei_web_header_001_0 .nav-cta a::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: all 0.6s ease;
}

#fei_web_header_001_0 .nav-cta a:hover::after {
    left: 120%;
}

@media only screen and (max-width: 1280px) {
    #fei_web_header_001_0 .nav-cta a {
        padding: 0 16px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 1145px) {
    #fei_web_header_001_0 .nav-cta {
        margin-left: 8px;
        gap: 8px;
    }
    #fei_web_header_001_0 .nav-cta a {
        padding: 0 12px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 992px) {
    #fei_web_header_001_0 .nav-cta {
        display: none;
    }
}

/* ========== 导航样式 ========== */
#fei_web_header_001_0 .nav { 
    margin-right: 20px; 
    height: 100%;
}
#fei_web_header_001_0 .nav .li {
    height: 100%; 
    color: #333;
}

#fei_web_header_001_0 .nav .li > a {
    position: relative;
    padding: 0 18px;
    font-size: 16px;
    color: #333;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: color 0.25s ease;
    z-index: 10;
}

#fei_web_header_001_0 .nav .li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 25px;
    width: 0;
    height: 2px;
    background: rgb(var(--theme));
    transition: all 0.25s ease;
    transform: translateX(-50%);
}

#fei_web_header_001_0 .nav .li.cur>a { 
    background: #e3e3e3; 
    color: rgba(var(--theme));
}

#fei_web_header_001_0 .nav .li.cur>a:before { 
    display: block; 
    content: ''; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    width: 100%; 
    height: 3px; 
    background: rgba(var(--theme));
}

/* ========== 下拉菜单 - 修复鼠标移动过程中菜单消失 ========== */

/* 一级菜单项 - 作为触发器 */
#fei_web_header_001_0 .nav .li {
    position: relative;
}

/* 下拉菜单容器 */
#fei_web_header_001_0 .nav .sub { 
    position: absolute;
    top: calc(100% - 5px);  /* 向上贴近导航栏，消除间隙 */
    left: 50%;
    padding: 16px 20px;
    background: #fff;
    transform: translateX(-50%) translateY(-8px);
    border-radius: 12px;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    z-index: 200;
    min-width: 220px;
}

/* 关键：增加一个不可见的透明桥梁，覆盖导航文字和子菜单之间的区域 */
#fei_web_header_001_0 .nav .li::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
    pointer-events: auto;
    z-index: 199;
}

/* hover 时显示子菜单 */
#fei_web_header_001_0 .nav .li:hover .sub {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* 下拉菜单项样式 */
#fei_web_header_001_0 .nav .sub-name { 
    margin-top: 4px;
    padding: 8px 24px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
    border-radius: 8px;
    display: block;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

#fei_web_header_001_0 .nav .sub .sub-li:hover .sub-name {
    background: #f5f5f5;
    color: #ff5c00;
}

/* 分隔线样式保持不变 */
#fei_web_header_001_0 .nav .sub .sub-li:has(a[href="javascript:;"]) {
    pointer-events: none;
    margin: 4px 0;
}
#fei_web_header_001_0 .nav .sub .sub-li:has(a[href="javascript:;"]) a {
    color: #ccc !important;
    font-size: 11px !important;
    letter-spacing: 0.5px;
    cursor: default;
    background: transparent !important;
    border-bottom: none !important;
    padding: 0 24px !important;
    line-height: 20px !important;
}

/* 移动端不需要这个桥梁 */
@media (max-width: 992px) {
    #fei_web_header_001_0 .nav .li::after {
        display: none;
    }
}

#header.fixed.scroll-top #fei_web_header_001_0 .list {
    box-shadow: none;
    color: #fff;
}
#header.fixed.scroll-top.opacity_black #fei_web_header_001_0 .list {
    color: #333;
}

@media only screen and (max-width: 750px) {
    #header .fei_web_header_001_0 {
        opacity: 1;
        position: static;
        height: var(--head_top_height_app);
    }
}

/* 移动端菜单按钮 */
#fei_web_header_001_0 .head .menu { 
    display: none;
    padding: 30px 20px;
    position: relative;
    cursor: pointer;
    margin-right: -20px;
}
#fei_web_header_001_0 .head .menu i {
    width: 36px;
    height: 2px;
    display: block;
    background: var(--head_fz_color);
    position: relative;
    transition: .3s;
}
#fei_web_header_001_0 .head .menu i::before {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: var(--head_fz_color);
    position: absolute;
    top: 0;
    transform: translateY(-14px);
    transition: .3s;
}
#fei_web_header_001_0 .head .menu i::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: var(--head_fz_color);
    position: absolute;
    top: 0;
    transform: translateY(14px);
    transition: .3s;
}
#fei_web_header_001_0 .head .language { 
    width: 45px; 
    height: 100%;
}
#fei_web_header_001_0 .head .lyicon-language { 
    height: 100%; 
    font-size: 22px;
    transition: all 0.3s ease;
    cursor: pointer;
}
#fei_web_header_001_0 .head .pop { 
    top: 150%; 
    left: 50%; 
    padding: 18px 12px 23px; 
    background: #fff; 
    transform: translateX(-50%); 
    border-radius: 4px; 
    box-shadow: 1px 1px 9px rgba(51, 49, 49, .28); 
    opacity: 0; 
    pointer-events: none;
}
#fei_web_header_001_0 .head .pop-item { 
    margin-top: 6px; 
    padding: 0 34px; 
    line-height: 30px; 
    font-size: 18px; 
    border-radius: 4px;
}
#header.fixed.scroll-top #fei_web_header_001_0 .head .menu i,
#header.fixed.scroll-top #fei_web_header_001_0 .head .menu i::before,
#header.fixed.scroll-top #fei_web_header_001_0 .head .menu i::after {
    background: #fff;
}
#header.fixed.scroll-top.opacity_black #fei_web_header_001_0 .head .menu i,
#header.fixed.scroll-top.opacity_black #fei_web_header_001_0 .head .menu i::before,
#header.fixed.scroll-top.opacity_black #fei_web_header_001_0 .head .menu i::after {
    background: #333;
}

/* 侧边栏菜单展开状态 */
#header.menu_expand #fei_web_header_001_0 .head {
    box-shadow: none !important;
    border-bottom-color: transparent !important;
}
#header.menu_expand #fei_web_header_001_0 .menu i {
    background: transparent !important;
}
#header.menu_expand #fei_web_header_001_0 .menu i::before {
    background: var(--head_fz_color) !important;
    transform: translateY(0px) rotateZ(45deg);
}
#header.menu_expand #fei_web_header_001_0 .menu i::after {
    background: var(--head_fz_color) !important;
    transform: translateY(0px) rotateZ(-45deg);
}
#header.menu_expand #fei_web_header_001_0 .head_btn {
    display: none;
}

/* Hover 触发状态 - 统一处理所有下拉菜单 */
@media (any-hover: hover) {
    #fei_web_header_001_0 .nav .li:hover > a,
    #fei_web_header_001_0 .nav .li.nav_hover > a {
        color: rgba(var(--theme));
    }
    #fei_web_header_001_0 .nav .li:hover > a::after {
        width: 60%;
    }
}

/* 响应式调整 */
@media only screen and (max-width: 1480px) {
    #fei_web_header_001_0 .nav .li>a { 
        padding: 0 10px;
    }
}

@media only screen and (max-width: 1280px) {
    #fei_web_header_001_0 .weblogo { 
        max-width: 218px;
    }
    #fei_web_header_001_0 .rig > * { 
        font-size: 18px;
    }
    #fei_web_header_001_0 .nav .li>a { 
        font-size: 18px;
    }
}

@media only screen and (max-width: 1145px) {
    #fei_web_header_001_0 .head .lyicon-language { 
        font-size: 30px;
    }
    #fei_web_header_001_0 .nav .li>a { 
        font-size: 15px;
    }
}

/* ============================================
   移动端菜单 - 完全重写，确保内容从顶部开始
   ============================================ */
@media only screen and (max-width: 992px) {
    #fei_web_header_001_0 .rig .menu-nav { 
        display: block; 
        margin: 0 0 0 10px;
    }
    #fei_web_header_001_0 .rig .nav { 
        display: none;
    }
    
    /* 移动端菜单容器 */
    #fei_web_header_001_0_mb { 
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #fff !important;
        z-index: 99999 !important;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #fei_web_header_001_0_mb.open { 
        transform: translateX(0);
    }
    
    /* 关闭按钮 - 固定在右上角，不占文档流 */
    #fei_web_header_001_0_mb .lyicon-close { 
        position: absolute !important;
        top: 15px;
        right: 15px;
        z-index: 10001;
        background: #fff;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    /* 内层容器 - 顶部不留白，内容紧贴顶部 */
    #fei_web_header_001_0_mb .nav_in { 
        display: block !important;
        padding: 80px 20px 40px 20px !important;
        width: 100%;
        box-sizing: border-box;
        text-align: left !important;
    }
    
    /* 菜单项 */
    #fei_web_header_001_0_mb .li {
        width: 100% !important;
        display: block !important;
        border-bottom: 1px solid #f0f0f0;
    }
    
    #fei_web_header_001_0_mb .li:first-child {
        border-top: none;
    }
    
    #fei_web_header_001_0_mb .li .title {
        display: flex !important;
        padding: 20px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    #fei_web_header_001_0_mb .li .text { 
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #333;
        text-decoration: none;
    }
    
    #fei_web_header_001_0_mb .li .lyicon-add,
    #fei_web_header_001_0_mb .li .lyicon-minus { 
        font-size: 18px; 
        color: #999;
        transition: transform 0.2s ease;
    }
    
    /* 子菜单 */
    #fei_web_header_001_0_mb .li .sub { 
        display: none;
        padding: 0 0 12px 16px;
    }
    
    #fei_web_header_001_0_mb .li .sub.open {
        display: block;
    }
    
    #fei_web_header_001_0_mb .li .sub-li { 
        padding: 10px 0;
        display: block;
    }
    
    #fei_web_header_001_0_mb .li .sub-name { 
        display: block;
    }
    
    #fei_web_header_001_0_mb .li .sub-text { 
        font-size: 16px;
        color: #666;
        text-decoration: none;
    }
    
    #fei_web_header_001_0_mb .li .sub-two-name { 
        padding-left: 20px; 
    }
    #fei_web_header_001_0_mb .li .sub-two-text { 
        font-size: 15px;
    }
    #fei_web_header_001_0_mb .li .sub-three { 
        padding-left: 20px;
    }
    #fei_web_header_001_0_mb .li .sub-three-name { 
        padding-left: 20px; 
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    #fei_web_header_001_0 .weblogo { 
        margin-right: 0; 
        width: 2rem;
    }
    #fei_web_header_001_0 { 
        background: #fff; 
        box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    }
    #fei_web_header_001_0 .rig { 
        margin-left: .2rem;
    }
    #fei_web_header_001_0 .rig .menu-nav { 
        margin-right: .2rem;
    }
    #fei_web_header_001_0 .rig .lyicon-telephone { 
        display: none;
    }
    #fei_web_header_001_0 .rig .phone { 
        margin-right: .2rem; 
        font-size: .3rem; 
        white-space: nowrap;
    }
    #fei_web_header_001_0 .rig .lyicon-language { 
        font-size: .36rem;
    }
    #fei_web_header_001_0 .rig > * > i {
        font-size: .36rem !important;
    }
    #fei_web_header_001_0 .search {
        width: 36px;
        height: 36px;
    }
    #fei_web_header_001_0 .search.expanded {
        width: 180px;
    }
    #fei_web_header_001_0 .search .search-input {
        font-size: 12px;
        padding: 0 8px 0 32px;
    }
    #fei_web_header_001_0 .search.expanded .lyicon-search {
        font-size: 16px;
        left: 8px;
    }
    #fei_web_header_001_0 .head .pop { 
        padding: .18rem .12rem .23rem;
    }
    #fei_web_header_001_0 .head .pop-item { 
        margin-top: .06rem; 
        padding: 0 .34rem; 
        line-height: 1.8; 
        font-size: .3rem;
    }
    #fei_web_header_001_0 .head .menu {
        padding: 30px;
    }
    #fei_web_header_001_0 .head .menu i {
        width: 46px;
        height: 3px;
    }
    #fei_web_header_001_0 .head .menu i::before {
        transform: translateY(-18px);
        height: 3px;
    }
    #fei_web_header_001_0 .head .menu i::after {
        transform: translateY(18px);
        height: 3px;
    }
    #header.menu_expand #fei_web_header_001_0 .weblogo {
        opacity: 0;
    }
    
    /* 移动端菜单移动端样式 */
    #fei_web_header_001_0_mb .li .text { 
        font-size: .3rem;
    }
    #fei_web_header_001_0_mb .li .sub { 
        padding-bottom: .5rem;
    }
    #fei_web_header_001_0_mb .li .sub-name { 
        height: auto; 
        line-height: 1.8;
    }
    #fei_web_header_001_0_mb .li .sub-text { 
        font-size: .26rem;
    }
    #fei_web_header_001_0_mb .li .sub-two-name { 
        height: auto; 
        line-height: 1.8;
    }
    #fei_web_header_001_0_mb .li .sub-two-text { 
        line-height: 1.8; 
        font-size: .26rem;
    }
    #fei_web_header_001_0_mb .li .sub-three-name { 
        height: auto; 
        line-height: 1.8; 
        font-size: .26rem;
    }
}

/* 动画 */
@-webkit-keyframes fei_web_header_001_0-scale-up {
    0% {-webkit-transform: scale(0);opacity: 0;}
    60% {-webkit-transform: scale(1.2);opacity: 1;}
    100% {-webkit-transform: scale(1);opacity: 1;}
}
@-moz-keyframes fei_web_header_001_0-scale-up {
    0% {-moz-transform: scale(0);opacity: 0;}
    60% {-moz-transform: scale(1.2);opacity: 1;}
    100% {-moz-transform: scale(1);opacity: 1;}
}
@keyframes fei_web_header_001_0-scale-up {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
    60% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
}
@-webkit-keyframes fei_web_header_001_0-scale-down {
    0% {-webkit-transform: scale(1);opacity: 1;}
    60% {-webkit-transform: scale(0);opacity: 0;}
}
@-moz-keyframes fei_web_header_001_0-scale-down {
    0% {-moz-transform: scale(1);opacity: 1;}
    60% {-moz-transform: scale(0);opacity: 0;}
}
@keyframes fei_web_header_001_0-scale-down {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
    60% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
}
#fei_web_header_001_0 .rig > * {
    transition: all 0.25s ease;
}

#fei_web_header_001_0 .rig > *:hover {
    color: rgb(var(--theme));
    transform: translateY(-1px);
}
#fei_web_header_001_0 .search:hover {
    background: rgba(var(--theme), 0.08);
}
#fei_web_header_001_0 .head .language:hover .lyicon-language {
    color: rgb(var(--theme));
    transform: translateY(-1px);
}
#fei_web_header_001_0 .nav .li > a::after {
    height: 2px;
    border-radius: 2px;
    opacity: 0.8;
}
#fei_web_header_001_0 .nav-cta a {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
/* ========== Logo光效效果 ========== */
#fei_web_header_001_0 .weblogo {
    position: relative;
    margin-right: 20px;
    max-width: 318px;
    overflow: hidden;
    border-radius: 4px;
}

#fei_web_header_001_0 .weblogo img {
    max-width: 100%;
    display: block;
    transition: all 0.3s ease;
}

#fei_web_header_001_0 .weblogo::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(120deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent);
    transition: all 0.6s ease;
    pointer-events: none;
}

#fei_web_header_001_0 .weblogo:hover::after {
    left: 120%;
}

#fei_web_header_001_0 .weblogo:hover img {
    transform: scale(1.02);
}
/* ============================================
   修复语言切换器 - 强制覆盖被影响的样式
   ============================================ */

/* 重置语言切换器的弹出面板样式，确保它可以被 hover 触发 */
#fei_web_header_001_0 .head .language {
    position: relative;
    z-index: 210;
}

#fei_web_header_001_0 .head .language .pop {
    top: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(10px);
    padding: 12px 8px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    min-width: 140px;
}

/* hover 时显示语言面板 */
#fei_web_header_001_0 .head .language:hover .pop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0);
}

/* 语言选项样式 */
#fei_web_header_001_0 .head .language .pop-item {
    display: block;
    padding: 8px 20px;
    margin: 4px 0;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    border-radius: 8px;
}

#fei_web_header_001_0 .head .language .pop-item:hover {
    background: #f5f5f5;
    color: #ff5c00;
}

/* 语言图标悬停效果 */
#fei_web_header_001_0 .head .language .lyicon-language {
    cursor: pointer;
    display: block;
    font-size: 22px;
    transition: color 0.2s ease;
}

#fei_web_header_001_0 .head .language:hover .lyicon-language {
    color: #ff5c00;
}

/* 移动端 - 确保语言切换器在移动端正常工作 */
@media (max-width: 992px) {
    #fei_web_header_001_0 .head .language .pop {
        position: fixed;
        top: auto;
        bottom: 80px;
        left: 20px;
        right: 20px;
        transform: translateX(0) translateY(20px);
        width: auto;
        min-width: auto;
        max-width: none;
    }
    #fei_web_header_001_0 .head .language:hover .pop,
    #fei_web_header_001_0 .head .language .pop.active {
        transform: translateX(0) translateY(0);
    }
    #fei_web_header_001_0 .head .language .pop-item {
        text-align: center;
        padding: 10px 16px;
    }
}
/* ============================================
   修正语言图标与其他图标垂直对齐
   ============================================ */

/* 让语言切换容器与其它图标保持统一的 flex 居中 */
#fei_web_header_001_0 .head .language {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100%;
    min-height: 97px;
    box-sizing: border-box;
}

/* 如果上面效果不够，可以更强制一点 */
#fei_web_header_001_0 .rig .language,
#fei_web_header_001_0 .rig .language .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 确保 language 内的 icon 和其他图标准则一致 */
#fei_web_header_001_0 .head .language .lyicon-language {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

/* 避免移动端样式干扰桌面端对齐 */
@media (min-width: 993px) {
    #fei_web_header_001_0 .head .language {
        line-height: normal;
    }
}

#fei_web_header_001_0 .product-anchors {
    z-index: 99;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#fei_web_header_001_0 .product-anchors.anchors-hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    visibility: hidden;
}
#fei_web_footer_001_0 {
    --theme: 242, 89, 3;
    min-height: 880px;
    background: url("https://www.topicon.hk/images/footer_bg.jpg") no-repeat center / auto 100% rgba(var(--theme));
    overflow: hidden;
}

#fei_web_footer_001_0 .top{ padding: 108px 0 25px;}
#fei_web_footer_001_0 .top .left{ padding-right: 10px; width: 455px;}
#fei_web_footer_001_0 .top .right{ width: calc(100% - 455px);}

#fei_web_footer_001_0 .left .info{ margin-top: 30px;}
#fei_web_footer_001_0 .info .info-item{ margin-top: 15px; padding-right: 95px; line-height: 32px;}
#fei_web_footer_001_0 .info .info-item:first-child{ margin-top: 0;}
#fei_web_footer_001_0 .info .info-icon{ margin-right: 15px; line-height: 32px; font-size: 30px; color: #fff;}
#fei_web_footer_001_0 .info .info-text{ line-height: 32px; font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .left .feedback{ margin-top: 28px;}
#fei_web_footer_001_0 .feedback .row{ margin-top: 15px; height: 40px;}
#fei_web_footer_001_0 .feedback .row:first-child .input{ margin-right: 2%; width: 49%;}
#fei_web_footer_001_0 .feedback .row:first-child .input:last-child{ margin-right: 0;}
#fei_web_footer_001_0 .feedback .input{ padding: 0 10px; width: 100%; height: 100%; border: 1px solid #8a8c8d; background: #fff; border-radius: 5px;}
#fei_web_footer_001_0 .feedback input{ width: 100%; height: 100%; font-size: 16px;}
#fei_web_footer_001_0 .feedback .message{ height: 160px;}
#fei_web_footer_001_0 .message .input{ padding: 10px; background: #fff;}
#fei_web_footer_001_0 .message textarea{ width: 100%; height: 100%; font-size: 16px;}

/* 留言表单提交按钮 - 添加光效 */
#fei_web_footer_001_0 .row .submit {
    width: 192px;
    background: #130a07;
    font-size: 16px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

/* hover浮起效果 */
#fei_web_footer_001_0 .row .submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    background: #2c1a14;
}

/* 光效扫过动画 */
#fei_web_footer_001_0 .row .submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: all 0.6s ease;
}

#fei_web_footer_001_0 .row .submit:hover::after {
    left: 120%;
}
#fei_web_footer_001_0 .row .lyicon-bofang1{ font-size: 14px;}
#fei_web_footer_001_0 .row .lyicon-bofang1:first-child{ margin-left: 6px;}
#fei_web_footer_001_0 .row input[type=submit]{ cursor: pointer;}

/* Footer 导航列 - 4 列布局 */
#fei_web_footer_001_0 .right .ul{ margin-right: 2%; width: 23.5294%;}
#fei_web_footer_001_0 .right .ul:last-child{ margin-right: 0;}
#fei_web_footer_001_0 .right .ul .title{ margin-bottom: 18px; height: 100px;}
#fei_web_footer_001_0 .right .ul .text{ font-size: 22px; color: #fff; font-family: Montserrat-Semibold; text-transform: uppercase;}
#fei_web_footer_001_0 .right .ul .lyicon-add{ display: none;}
#fei_web_footer_001_0 .right .ul .li { margin-top: 16px;}
#fei_web_footer_001_0 .right .ul .li-title { line-height: 28px; font-size: 18px;}
#fei_web_footer_001_0 .right .ul .li .lyicon-arrow-down{ display: none;}
#fei_web_footer_001_0 .right .ul .li a{ color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .right .sub-two{ padding-left: 20px;}
#fei_web_footer_001_0 .right .sub-two-text{ font-size: 14px;}
#fei_web_footer_001_0 .right .sub-three{ padding-left: 20px;}
#fei_web_footer_001_0 .right .sub-three-name{ font-size: 12px;}
#fei_web_footer_001_0 .right .ul .li.cur .li-title .lyicon-arrow-down{ transform: rotate(180deg);}
#fei_web_footer_001_0 .right .ul .sub-two-li.cur .sub-two-name .lyicon-arrow-down{ transform: rotate(180deg);}

#fei_web_footer_001_0 .top .right-top{ width: 100%;}
#fei_web_footer_001_0 .top .right-bottom{ width: 365px;}
#fei_web_footer_001_0 .right-bottom .foot_share{ margin-top: 30px;}
#fei_web_footer_001_0 .right-bottom .share-item{ margin-left: 22px; width: 48px; height: 48px; font-size: 58px; color: #fff;}
#fei_web_footer_001_0 .right-bottom .share-item:first-child{ margin-left: 0;}
#fei_web_footer_001_0 .right-bottom .share-item .img{ left: 50%; top: 110%; width: 150px; height: 150px; background: #fff; transform: translateX(-50%); border-radius: 8px; opacity: 0; pointer-events: none;}
#fei_web_footer_001_0 .share-item .img img{ width: 100%; height: 100%;}
#fei_web_footer_001_0 .newsletter{ margin-top: 25px;}
#fei_web_footer_001_0 .newsletter .input{ padding: 0 10px; width: calc(100% - 116px); height: 40px; border: 1px solid #8a8c8d; background: #fff; border-radius: 5px;}
#fei_web_footer_001_0 .newsletter input{ height: 100%; font-size: 16px;}

/* 新闻订阅提交按钮 - 添加光效 */
#fei_web_footer_001_0 .newsletter .submit {
    width: 110px;
    background: #130a07;
    font-size: 16px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

/* hover浮起效果 */
#fei_web_footer_001_0 .newsletter .submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    background: #2c1a14;
}

/* 光效扫过动画 */
#fei_web_footer_001_0 .newsletter .submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: all 0.6s ease;
}

#fei_web_footer_001_0 .newsletter .submit:hover::after {
    left: 120%;
}
#fei_web_footer_001_0 .newsletter input[type=submit]{ cursor: pointer;}

#fei_web_footer_001_0 .bottom{ width: 100%; height: 85px; border-top: 1px solid #fff;}
#fei_web_footer_001_0 .bottom .cw1400{ height: 100%;}
#fei_web_footer_001_0 .bottom-href-parting{ margin: 0 8px; font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .bottom-href-a{ font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .copyright *{ font-size: 18px; color: #fff; font-family: Montserrat-Light;}

#fei_web_footer_001_0 .right:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; height: 95%; border-left: 1px solid rgba(255, 255, 255, .05); transform: translateY(-50%);}
#fei_web_footer_001_0 .foot_title{ line-height: 38px; font-size: 32px; color: #fff; font-family: MiSans-Demibold;}

#fei_web_footer_001_0 .foot_info{ margin-top: 55px;}
#fei_web_footer_001_0 .foot_info .item{ margin-top: 30px;}
#fei_web_footer_001_0 .foot_info .item:first-child{ margin-top: 0;}
#fei_web_footer_001_0 .foot_info .item span{ margin-right: 16px; font-size: 20px;}
#fei_web_footer_001_0 .foot_info .item .tit{ line-height: 30px; font-size: 22px; color: #fff; font-family: MiSans-Medium;}
#fei_web_footer_001_0 .foot_info .item .txt{ margin-top: 10px; line-height: 24px; font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .foot_info .item .email{ margin-top: 8px; line-height: 21px; font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .right .copyright{ margin-top: 85px; font-size: 18px; color: #fff; font-family: Montserrat-Light;}
#fei_web_footer_001_0 .right .copyright .mb_copyright{ display: none;}
#fei_web_footer_001_0 .right .copyright .parting{ margin: 0 15px; font-size: 18px; color: #fff;}

#fei_web_footer_001_0 p { font-size: 20px; line-height: 1.6; margin-bottom: 20px; color: #34495e;}

/* Cookie 弹窗样式 */
#fei_web_footer_001_0 .cookie-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; justify-content: flex-end; align-items: flex-end; z-index: 1000; opacity: 0; transition: all 0.5s ease; pointer-events: none;}
#fei_web_footer_001_0 .cookie-overlay.active { display: flex; opacity: 1;}
#fei_web_footer_001_0 .cookie-modal { background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); width: 90%; max-width: 500px; padding: 30px; transform: translateY(50px); opacity: 0; transition: all 0.5s ease 0.2s; pointer-events: visible;}
#fei_web_footer_001_0 .cookie-overlay.active .cookie-modal { transform: translateY(0); opacity: 1;}
#fei_web_footer_001_0 .cookie-header { display: flex; align-items: center; margin-bottom: 20px;}
#fei_web_footer_001_0 .cookie-icon { width: 50px; height: 50px; background: rgba(var(--theme)); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 15px;}
#fei_web_footer_001_0 .cookie-icon i { color: white; font-size: 24px;}
#fei_web_footer_001_0 .cookie-title { font-size: 30px; color: #2c3e50;}
#fei_web_footer_001_0 .cookie-text { margin-bottom: 25px; line-height: 1.6; color: #34495e;}
#fei_web_footer_001_0 .cookie-types { background: #f8f9fa; border-radius: 10px; padding: 20px; margin-bottom: 25px;}
#fei_web_footer_001_0 .cookie-type { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #e9ecef;}
#fei_web_footer_001_0 .cookie-type:last-child { border-bottom: none;}
#fei_web_footer_001_0 .type-info { display: flex; align-items: center;}
#fei_web_footer_001_0 .type-info i { margin-right: 10px; color: rgba(var(--theme)); font-size: 20px;}
#fei_web_footer_001_0 .type-info span{ font-size: 20px;}
#fei_web_footer_001_0 .switch { position: relative; display: inline-block; width: 50px; height: 24px;}
#fei_web_footer_001_0 .switch input { opacity: 0; width: 0; height: 0;}
#fei_web_footer_001_0 .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 24px;}
#fei_web_footer_001_0 .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%;}
#fei_web_footer_001_0 input:checked + .slider { background-color: rgba(var(--theme));}
#fei_web_footer_001_0 input:checked + .slider:before { transform: translateX(26px);}
#fei_web_footer_001_0 .cookie-buttons { display: flex; justify-content: space-between;}
#fei_web_footer_001_0 .cookie-btn { padding: 12px 25px; border-radius: 50px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; border: none; font-size: 16px;}
#fei_web_footer_001_0 .btn-settings { background: #e9ecef; color: #495057;}
#fei_web_footer_001_0 .btn-settings:hover { background: #dee2e6;}
#fei_web_footer_001_0 .btn-accept { background: rgba(var(--theme)); color: white;}
#fei_web_footer_001_0 .btn-accept:hover { background: #c0392b;}
#fei_web_footer_001_0 .btn-reject { background: #e74c3c; color: white;}
#fei_web_footer_001_0 .btn-reject:hover { background: #c0392b;}
#fei_web_footer_001_0 .learn-more { display: block; margin-top: 15px; color: rgba(var(--theme)); text-decoration: none; font-weight: 500;}
#fei_web_footer_001_0 .learn-more:hover { text-decoration: underline;}

/* 返回顶部按钮 */
#fei_web_footer_001_0 .lyicon-arrow-up-bold{ right: 20px; bottom: 5%; z-index: 1; width: 60px; height: 60px; background: rgba(var(--theme)); font-size: 20px; color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); opacity: 0; pointer-events: none;}
#fei_web_footer_001_0 .lyicon-arrow-up-bold.cur{ opacity: 1; pointer-events: visible;}

/* ============================================
   SEO Footer Links - 4 列布局
   ============================================ */
#fei_web_footer_001_0 .seo-footer {
    padding: 30px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 20px;
}
#fei_web_footer_001_0 .seo-footer .cw1400 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
#fei_web_footer_001_0 .seo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
#fei_web_footer_001_0 .seo-col {
    min-width: 0;
}
#fei_web_footer_001_0 .seo-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #fff;
    letter-spacing: 0.5px;
}
#fei_web_footer_001_0 .seo-col p {
    margin: 0;
    line-height: 1.8;
}
#fei_web_footer_001_0 .seo-col a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s ease;
}
#fei_web_footer_001_0 .seo-col a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Footer 联系链接强制样式 */
#fei_web_footer_001_0 .info-item a.info-text,
#fei_web_footer_001_0 .info-item a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
#fei_web_footer_001_0 .info-item a.info-text:hover,
#fei_web_footer_001_0 .info-item a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;
    text-underline-offset: 4px;
}

/* 响应式适配 */
@media (max-width: 600px) {
    #fei_web_footer_001_0 .cookie-buttons { flex-direction: column;}
    #fei_web_footer_001_0 .cookie-btn { width: 100%; margin-bottom: 10px;}
}

@media (any-hover: hover) {
    #fei_web_footer_001_0 .share-item:hover .img{ opacity: 1; cursor: pointer;}
}

@media only screen and (max-width: 1680px){
    #fei_web_footer_001_0 .right .ul{ margin-right: 4.2083vw;}
    #fei_web_footer_001_0 .logo_foot{ width: 90%;}
}

@media only screen and (max-width: 1440px){
    #fei_web_footer_001_0 .right{ flex-wrap: wrap;}
    #fei_web_footer_001_0 .right .ul{ margin: 0 1.5% 30px; width: 30.1388%;}
}

@media only screen and (max-width: 1200px){
    #fei_web_footer_001_0 .top{ flex-direction: column-reverse;}
    #fei_web_footer_001_0 .top .left{ width: 100%;}
    #fei_web_footer_001_0 .top .right{ padding-left: 0; width: 100%;}
    #fei_web_footer_001_0 .top .right-bottom{ display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; width: auto;}
    #fei_web_footer_001_0 .top .newsletter{ margin-top: 0;}
    #fei_web_footer_001_0 .left .logo{ margin-top: 30px; text-align: center;}
    #fei_web_footer_001_0 .left .copyright{ display: none;}
    #fei_web_footer_001_0 .right .ul{ width: 17%;}
    #fei_web_footer_001_0 .right .copyright .mb_copyright{ display: flex;}
    #fei_web_footer_001_0 .right:before{ border-left: 0;}
    #fei_web_footer_001_0 .share{ margin-right: 20px;}
    #fei_web_footer_001_0 .share-item{ margin-left: 10px; font-size: 50px;}
}

@media only screen and (max-width: 1110px){
    #fei_web_footer_001_0 .bottom .cw1400{ justify-content: center; flex-direction: column-reverse;}
}

@media only screen and (max-width: 992px){
    #fei_web_footer_001_0 .right .ul .title{ margin-bottom: .38rem; height: .23rem;}
    #fei_web_footer_001_0 .right .ul .text{ font-size: .17rem;}
    #fei_web_footer_001_0 .right .ul .li-title{ line-height: .21rem; font-size: .14rem;}
    /* SEO 链接平板端变 2 列 */
    #fei_web_footer_001_0 .seo-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .lyfooterfloadbox{ display: none;}
    #fei_web_footer_001_0_float{ display: none;}
    #fei_web_footer_001_0 .top{ padding: .5rem 0;}
    #fei_web_footer_001_0 .lyicon-arrow-up-bold{ display: none;}
    #fei_web_footer_001_0 .top .right-bottom{ flex-direction: column; margin-top: 20px;}
    #fei_web_footer_001_0 .share{ margin-right: 0;}
    #fei_web_footer_001_0 .right-bottom .share-item{ font-size: .58rem;}
    #fei_web_footer_001_0 .info .info-item{ padding-right: 0;}
    #fei_web_footer_001_0 .foot_title{ line-height: 1.8; font-size: .42rem;}
    #fei_web_footer_001_0 .foot_info .item .tit{ line-height: 1.8; font-size: .36rem;}
    #fei_web_footer_001_0 .foot_info .item .txt{ line-height: 1.8; font-size: .26rem;}
    #fei_web_footer_001_0 .top .link{ flex-direction: column; padding: 0 30px 30px; text-align: center;}
    #fei_web_footer_001_0 .top .rig{ justify-content: center; margin-top: 30px;}
    #fei_web_footer_001_0 .top .qrcode{ width: 49%;}
    #fei_web_footer_001_0 .top .right{ margin-top: 0; padding: 0; width: 100%;}
    #fei_web_footer_001_0 .top .ul{ flex-direction: column; margin: 0; padding: 0 30px; width: 100%; border-top: 0; border-bottom: 1px solid #fff;}
    #fei_web_footer_001_0 .top .ul:first-child{ border-top: 0;}
    #fei_web_footer_001_0 .top .ul .title{ margin-bottom: 0; height: auto; line-height: 3; display: flex; justify-content: space-between; align-items: center;}
    #fei_web_footer_001_0 .top .ul .title_a{ width: 100%;}
    #fei_web_footer_001_0 .top .ul .text{ margin-bottom: 0;}
    #fei_web_footer_001_0 .top .ul .lyicon-add{ display: block; margin: 0; font-size: 24px; color: #fff;}
    #fei_web_footer_001_0 .top .ul .li{ display: none; margin: 0 0 10px 0;}
    #fei_web_footer_001_0 .top .ul .li:last-child{ margin-bottom: 25px;}
    #fei_web_footer_001_0 .top .ul.cur .li{ display: block;}
    #fei_web_footer_001_0 .top .ul .li .li-title .lyicon-arrow-down{ display: block;}
    #fei_web_footer_001_0 .top .ul .li.cur .li-title .lyicon-arrow-down{ transform: rotate(180deg);}
    #fei_web_footer_001_0 .top .sub-two{ padding-left: .3rem;}
    #fei_web_footer_001_0 .top .sub-three{ padding-left: .3rem;}
    #fei_web_footer_001_0 .top .feedback input{ width: 100%;}
    #fei_web_footer_001_0 .right .right-top{ flex-direction: column;}
    #fei_web_footer_001_0 .right .ul .text{ font-size: .3rem;}
    #fei_web_footer_001_0 .right .ul .li-title{ font-size: .26rem;}
    #fei_web_footer_001_0 .right .sub-two-name{ line-height: 1.8;}
    #fei_web_footer_001_0 .right .sub-two-text{ font-size: .26rem;}
    #fei_web_footer_001_0 .right .sub-three{ line-height: 1.8;}
    #fei_web_footer_001_0 .right .sub-three-name{ line-height: 1.8; font-size: .26rem;}
    #fei_web_footer_001_0 .right{ margin-top: .5rem;}
    #fei_web_footer_001_0 .copyright{ justify-content: center; margin-top: .2rem;}
    #fei_web_footer_001_0 .copyright>div{ justify-content: center; margin-top: .2rem; font-size: .3rem; text-align: center;}
    #fei_web_footer_001_0 .copyright>div:first-child{ margin-top: 0;}
    #fei_web_footer_001_0 .copyright *{ font-size: .3rem;}
    #fei_web_footer_001_0 .bottom{ padding: .3rem 0; height: auto;}
    #fei_web_footer_001_0 .bottom-href-a{ font-size: .3rem;}
    /* 导航列手机端变 1 列 */
    #fei_web_footer_001_0 .right .ul {
        width: 100%;
        margin-right: 0;
    }
    /* SEO 链接手机端变 1 列 */
    #fei_web_footer_001_0 .seo-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    #fei_web_footer_001_0 .seo-title {
        font-size: 16px;
        margin-bottom: 8px;
    }
    #fei_web_footer_001_0 .seo-col a {
        font-size: 14px;
    }
}

/* ============================================
   Footer 上方特点横图 (Trust Layer)
   按效果图 AX2.png (1920×529) 还原
   ============================================ */
.trust-layer {
    background-image: url("https://www.topicon.hk/file/upload/2026-08/14/202608141507252636.webp");
    background-color: #FFFFFF;
    background-size: 100% auto;       /* 宽度铺满，高度按 1920:529 等比，与 aspect-ratio 严格一致 */
    background-position: top center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 529;         /* 锁定 section 高度 = 宽度 × 529/1920，背景不随内容伸缩 */
    display: flex;                    /* 默认 align-items:stretch，让 inner 撑满高度 */
    padding: 0 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.trust-layer__inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px 0 44px;             /* 标题靠上、特点块靠下的上下留白 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;   /* 标题贴顶、特点块贴底，中间留白自动分配 */
}

/* 标题区：左对齐 */
.trust-layer__header {
    text-align: left;
}

.trust-layer__headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.5px;
    margin: 0 0 14px;
    font-family: Montserrat-Semibold, sans-serif;
}

.trust-layer__headline .is-dark   { color: #1C1E22; }
.trust-layer__headline .is-accent { color: #FF5C00; }

.trust-layer__subhead {
    font-size: 16px;
    font-weight: 400;
    color: #939497;
    line-height: 1.6;
    margin: 0;
    font-family: Montserrat-Regular, sans-serif;
}

/* 卡片网格：左右布局 + 竖分隔线 */
.trust-layer__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
    padding: 0;
    margin: 0;
}

.trust-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 4px 28px;
    border-left: 1px solid #E5E7EB;
}

.trust-card:first-child {
    border-left: none;
    padding-left: 0;
}

/* 圆形半透明橙背景 + 橙色图标 */
.trust-card__icon {
    width: 76px;
    height: 76px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 92, 0, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.trust-card__icon img {
    height: 38px;
    width: auto;
    display: block;
}

/* 文字区：左对齐 */
.trust-card__text {
    text-align: left;
}

.trust-card__title {
    font-size: 17px;
    font-weight: 700;
    color: #1F2026;
    margin: 0 0 8px;
    letter-spacing: -0.2px;
    font-family: Montserrat-Semibold, sans-serif;
}

.trust-card__desc {
    font-size: 14px;
    color: #4B5563;
    line-height: 1.6;
    margin: 0;
    font-family: Montserrat-Regular, sans-serif;
}

/* 响应式 */
@media (max-width: 1100px) {
    .trust-layer__grid { grid-template-columns: repeat(2, 1fr); gap: 28px 0; }
    .trust-card:nth-child(3) { border-left: none; padding-left: 0; }
}

@media (max-width: 600px) {
    .trust-layer {
        aspect-ratio: auto;                 /* 移动端取消比例锁定，恢复自然高度 */
        background-size: cover;             /* 窄屏裁切背景填满 */
        padding: 44px 16px 56px;
        display: block;
    }
    .trust-layer__inner {
        display: block;                     /* 恢复普通文档流 */
        padding: 0;
    }
    .trust-layer__header { margin-bottom: 40px; }
    .trust-layer__headline { font-size: 28px; }
    .trust-layer__grid { grid-template-columns: 1fr; gap: 20px; }
    .trust-card { border-left: none; padding-left: 0; }
}
:root{
	--theme: 255, 92, 0;
	--box-shadow: 1px 1px 9px rgba(51, 49, 49, .28);
}

#fei_web_banner_001_0_index_pc{ width:100%; height: 48.4792vw;}
#fei_web_banner_001_0_index_pc .pic{ width: 100%; height: 100%;}
#fei_web_banner_001_0_index_pc video{ width: 100%; height: 100%; object-fit: cover;}
#fei_web_banner_001_0_index_pc .pic .con{ width: 100%; height: 100%; z-index: 1;}
#fei_web_banner_001_0_index_pc .pic .name{ line-height: 82px; font-size: 65px; font-family: Montserrat-Semibold;}
#fei_web_banner_001_0_index_pc .pic .brief{ margin-top: 18px; line-height: 48px; font-size: 28px; color: #333;}
#fei_web_banner_001_0_index_pc .pic .btn{ margin-top: 60px; width: 180px; height: 52px; font-size: 16px; color: #fff; border-radius: 26px;}
#fei_web_banner_001_0_index_pc .slide .cw1600{ margin: 0 auto;}

/*
#fei_web_banner_001_0_index_pc .btn-list{ top: 50%; left: 0; z-index: 1; padding: 0 5%; width: 100%;}
#fei_web_banner_001_0_index_pc .btn-item{ font-size: 50px;}
*/

#fei_web_banner_001_0_index_pc .btn-list{ width: 92%; max-width: 1920px; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); pointer-events: none;}
#fei_web_banner_001_0_index_pc .btn-item{ display: block; width: 60px; height: 60px; line-height: 60px; background: #fff; font-size: 20px; color: #000; text-align: center; font-weight: bold; border-radius: 50%; box-shadow: 0 20px 30px rgba(var(--theme), .08); pointer-events: visible;}

#fei_web_banner_001_0_index_pc .swiper-pagination-bullets{ bottom: 47px;}
#fei_web_banner_001_0_index_pc .swiper-pagination-bullet{ margin: 0 4px; width: 75px; height: 2px; background: #fff; opacity: .3;}
#fei_web_banner_001_0_index_pc .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}

#fei_web_banner_001_0_inner_ban_pc{ width: 100%;/* min-height: 100%;*/}
#fei_web_banner_001_0_inner_ban_pc .content-name{ line-height: 60px; font-size: 48px; color: #000; font-family: Montserrat-Bold; text-align: center;}
#fei_web_banner_001_0_inner_ban_pc .content-brief{ margin-top: 5px; line-height: 24px; font-size: 16px; color: rgba(var(--theme)); text-align: center;}
#fei_web_banner_001_0_inner_ban_pc img{ width: 100%;}

@media (any-hover: hover) {
	#fei_web_banner_001_0_index_pc .btn-item:hover{ color: rgba(var(--theme));}
}

@media screen and (max-width: 992px){
	#fei_web_banner_001_0_inner_ban_pc .content-name{ line-height: .38rem; font-size: .29rem;}
	#fei_web_banner_001_0_inner_ban_pc .content-brief{ margin-top: .038rem; line-height: .18rem; font-size: .12rem;}
}

@media screen and (max-width: 768px){
	#fei_web_banner_001_0_index_pc{ display: none;}
	#fei_web_banner_001_0_index_mb{ display: block; height: 126.6667vw;}

	#fei_web_banner_001_0_index_mb .pic{ width: 100%; height: 100%;}
	#fei_web_banner_001_0_index_mb .pic .con{ align-items: flex-end; width: 100%; height: 100%; z-index: 1; transform: translateY(-.6rem);}
	#fei_web_banner_001_0_index_mb .pic .con .cw1600{ margin: 0 auto;}
	#fei_web_banner_001_0_index_mb .pic .name{ line-height: .82rem; font-size: .65rem; font-family: Montserrat-Semibold;}
	#fei_web_banner_001_0_index_mb .pic .brief{ margin-top: .13rem; line-height: .48rem; font-size: .28rem; color: #333;}
	#fei_web_banner_001_0_index_mb .pic .btn{ display: none; margin-top: .6rem; width: 1.8rem; height: .8rem; font-size: .26rem; color: #fff; border-radius: .4rem;}

	#fei_web_banner_001_0_inner_ban_pc{ display: none;}
	#fei_web_banner_001_0_inner_ban_mb{ display: block;}

	#fei_web_banner_001_0_inner_ban_mb{ width: 100%;}
	#fei_web_banner_001_0_inner_ban_mb .content{ margin: 0 auto; width: 92%;}
	#fei_web_banner_001_0_inner_ban_mb .content-name{ line-height: 1.8; font-size: .42rem; text-align: center;}
	#fei_web_banner_001_0_inner_ban_mb .content-brief{ margin-top: 0; width: 100%; line-height: 1.8; font-size: .26rem; color: rgba(var(--theme)); text-align: center;}
	#fei_web_banner_001_0_inner_ban_mb img{ width: 100%;}
}.lyuilocation_001 {
	--theme: 255, 92, 0;
    --width: 100%;
	--fontSize: 14px;
}

.lyuilocation_001{ height: 67px; border: 3px solid #f7f7f7; border-left: 0; border-right: 0;}
.lyuilocation_001 .cw1400{ height: 100%;}
.lyuilocation_001 .lyicon-home-filling{ font-size: 22px;}
.lyuilocation_001-item,
.lyuilocation_001-icon{ line-height: 23px;font-size: var(--fontSize); color: #999; text-transform: uppercase;}
.lyuilocation_001-rig{ font-size: 14px; color: #999;}
.lyuilocation_001-rig .myicon-return{ margin-left: 10px; font-size: 18px;}
.lyuilocation_001-num{ font-size: 16px; color: rgba(var(--theme));}
.lyuilocation_001-item:last-child{ color: rgba(var(--theme));}

.lyuilocation_001.detail{ margin-top: 0; background: rgba(var(--theme));}
.lyuilocation_001.detail .lyuilocation_001-item,
.lyuilocation_001.detail .lyuilocation_001-rig-icon,
.lyuilocation_001.detail .lyuilocation_001-icon{ color: rgba(var(--theme));}

@media screen and (max-width:1024px) {
	.lyuilocation_001 {width: 100%;padding: 30px;}
}
@media screen and (max-width: 992px) {
	.lyuilocation_001{ display: none;}
}
#fei_web_accessories_detail_001_1{
	--theme: 255, 92, 0;
	--box-shadow: 1px 1px 9px rgba(51, 49, 49, .28);
}

#fei_web_accessories_detail_001_1 .content{ padding: 42px 0 175px; background: #f7f7f7;}

#fei_web_accessories_detail_001_1 .top{ padding: 21px 50px; border-radius: 9px; background: #fff; box-shadow: var(--box-shadow);}
#fei_web_accessories_detail_001_1 .top-left{ padding-right: 3.0769%; width: 48.6154%; border-right: 1px solid #ededed;}

#fei_web_accessories_detail_001_1 .main .slide:before{ display: block; content: ''; padding-top: 60.1266%;}
#fei_web_accessories_detail_001_1 .main .slide img{ top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}

#fei_web_accessories_detail_001_1 .thumbs{ margin-top: 21px;}
#fei_web_accessories_detail_001_1 .thumbs .slide{ width: 20.4114%; border: 1px solid #eee;}
#fei_web_accessories_detail_001_1 .thumbs .slide:before{ display: block; content: ''; padding-top: 65.1163%;}
#fei_web_accessories_detail_001_1 .thumbs .slide img{ top: 50%; left: 50%; max-width: 80%; max-height: 80%; transform: translate(-50%, -50%);}

#fei_web_accessories_detail_001_1 .top-right{ width: 43.8462%;}
#fei_web_accessories_detail_001_1 .top-right-name{ padding: 0 0 5px 10px; line-height: 40px; border-bottom: 1px solid #ededed; font-size: 36px; color: #000; font-family: Montserrat-Semibold;}
#fei_web_accessories_detail_001_1 .top-right-subname{ padding: 10px 0 13px 10px; line-height: 30px; border-bottom: 1px solid #ededed; font-size: 24px; color: #000; font-family: Montserrat-Medium;}
#fei_web_accessories_detail_001_1 .top-right-brief{ padding: 8px 0 6px 10px; line-height: 22px; border-bottom: 1px solid #ededed; font-size: 14px; color: #595959;}

#fei_web_accessories_detail_001_1 .top-right-btn{ margin-top: 20px; height: 40px;}
#fei_web_accessories_detail_001_1 .top-right-btn-item{ margin-left: 15px; padding: 0 16px; font-size: 18px; color: #fff; border: 1px solid #c1c1c1; border-radius: 8px;}
#fei_web_accessories_detail_001_1 .top-right-btn-item:first-child{ margin-left: 0;}
#fei_web_accessories_detail_001_1 .top-right-btn-item.contact{ background: rgba(var(--theme)); border-color: rgba(var(--theme));}
#fei_web_accessories_detail_001_1 .top-right-btn-item.download{ background: #18264f; border-color: #000;}
#fei_web_accessories_detail_001_1 .top-right-btn-item.acessories{ border: 1px solid #c1c1c1; color: #000;}

#fei_web_accessories_detail_001_1 .editor{ margin-top: 42px; border-radius: 8px; box-shadow: var(--box-shadow);}

#fei_web_accessories_detail_001_1 .param{ margin-top: 26px; padding: 100px 42px 125px; width: 100%; background: #fff; box-shadow: var(--box-shadow); border-radius: 8px;}
#fei_web_accessories_detail_001_1 .param-item{ margin-top: 35px; padding-bottom: 36px; width: 50%; border-bottom: 1px solid #eee;}
#fei_web_accessories_detail_001_1 .param-item-name{ padding: 0 20%; line-height: 25px; font-size: 16px; color: #555860;}
#fei_web_accessories_detail_001_1 .param-list{ margin-top: 12px;}
#fei_web_accessories_detail_001_1 .param-list-row{ padding: 0 20%; width: 100%; line-height: 22px; font-size: 14px; color: #828282; word-break: break-all;}
#fei_web_accessories_detail_001_1 .param-list-row-in{ padding-left: 12px;}
#fei_web_accessories_detail_001_1 .param-list-row-in:before{ display: block; content: ''; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #818181; border-radius: 50%; transform: translateY(-50%);}

#fei_web_accessories_detail_001_1 .param-item:first-child{ margin-top: 0; width: 100%;}
#fei_web_accessories_detail_001_1 .param-item:first-child .param-item-name{ padding: 0 10%; width: 50%;}
#fei_web_accessories_detail_001_1 .param-item:first-child .param-list-row{ padding: 0 10%; width: 50%;}
#fei_web_accessories_detail_001_1 .param-item:nth-last-child(-n+2){ padding-bottom: 0; border-bottom: 0;}

#fei_web_accessories_detail_001_1 .bot-item{ margin-top: 140px;}
#fei_web_accessories_detail_001_1 .bot-item-title{ line-height: 38px; font-size: 36px; color: #000; font-family: Montserrat-Semibold;}
#fei_web_accessories_detail_001_1 .bot-item-list{ margin-top: 50px; padding: 20px; border-radius: 8px; box-shadow: var(--box-shadow);}
#fei_web_accessories_detail_001_1 .case .bot-item-list{ padding: 0; box-shadow: unset;}

#fei_web_accessories_detail_001_1 .video .bot-item-list-row{ width: 50%;}
#fei_web_accessories_detail_001_1 .video .bot-item-list-row:before{ display: block; content: ''; padding-top: 57.3746%; width: 100%;}
#fei_web_accessories_detail_001_1 .video .bot-item-list-row iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#fei_web_accessories_detail_001_1 .solution .bot-item-list-row{ margin-right: 1.3235%; width: 13.0893%; border-radius: 8px;}
#fei_web_accessories_detail_001_1 .solution .bot-item-list-row:nth-child(7n){ margin-right: 0;}
#fei_web_accessories_detail_001_1 .solution .bot-item-list-row-info{ bottom: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(to top, rgba(var(--theme), .95) 10%, rgba(var(--theme), 0));}
#fei_web_accessories_detail_001_1 .solution .bot-item-list-row-info-txt{ margin-bottom: 50px; line-height: 24px; font-size: 20px; color: #fff; font-family: Montserrat-Medium;}


#fei_web_accessories_detail_001_1 .case .bot-item-list-row{ margin: 30px 2.3171% 0 0; padding: 22px; width: 31.7857%; background: #fff; box-shadow: var(--box-shadow); border-radius: 8px;}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row:nth-child(3n){ margin-right: 0;}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row-img{}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row-name{ margin-top: 22px; line-height: 26px; font-size: 19px; color: #000;}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row-attr{ margin-top: 10px; padding-top: 12px; border-top: 1px solid #ececec;}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row-attr-item{ padding-left: 32px; line-height: 28px; font-size: 16px; color: #000;}
#fei_web_accessories_detail_001_1 .case .bot-item-list-row-attr-item .lyicon-select-bold{ left: 0; top: 5px; width: 16px; height: 16px; line-height: 16px; background: rgba(var(--theme)); font-size: 10px; color: #fff; text-align: center; border-radius: 50%;}

@media (any-hover: hover) {
	#fei_web_accessories_detail_001_1 .top-right-btn-item.contact:hover{ background: none; color: rgba(var(--theme));}
	#fei_web_accessories_detail_001_1 .top-right-btn-item.download:hover{ background: none; color: #000;}
}

@media screen and (max-width: 1300px){
	#fei_web_accessories_detail_001_1 .solution .bot-item-list-row-info-txt{ font-size: 18px;}
}

@media screen and (max-width: 1200px){
	#fei_web_accessories_detail_001_1 .top{ flex-direction: column;}
	#fei_web_accessories_detail_001_1 .top-left{ margin: 0 auto; padding: 0; border: 0;}
	#fei_web_accessories_detail_001_1 .top-right{ width: 100%;}
	#fei_web_accessories_detail_001_1 .top-right-name{ margin-top: 30px; border-top: 0;}
}

@media screen and (max-width: 992px){
	#fei_web_accessories_detail_001_1 .products_category{
		--width: 30%;
		--two-in: 15px;
	}

	#fei_web_accessories_detail_001_1 .content{ padding: .32rem 0 1.33rem;}

	#fei_web_accessories_detail_001_1 .top{ padding: .16rem .38rem; border-radius: .068rem;}
	#fei_web_accessories_detail_001_1 .top-right-name{ margin-top: .23rem; padding: 0 0 .038rem .076rem; line-height: .3rem; font-size: .27rem;}
	#fei_web_accessories_detail_001_1 .top-right-subname{ padding: .076rem 0 .098rem .076rem; line-height: .23rem; font-size: .18rem;}
	#fei_web_accessories_detail_001_1 .top-right-brief{ padding: .06rem 0 .045rem .076rem; line-height: .17rem; font-size: .11rem;}

	#fei_web_accessories_detail_001_1 .top-right-btn-item{ margin: .15rem .11rem 0 0; padding: 0 .12rem; height: .3rem; font-size: .14rem; border-radius: .06rem;}

	#fei_web_accessories_detail_001_1 .bot-item{ margin-top: .6rem;}
	#fei_web_accessories_detail_001_1 .bot-item-title{ line-height: .29rem; font-size: .27rem;}

	#fei_web_accessories_detail_001_1 .bot-item-list{ margin-top: .38rem; padding: .15rem;}

}

@media screen and (max-width: 768px){

	#fei_web_accessories_detail_001_1 .content{ padding: .42rem 0 1.75rem;}

	#fei_web_accessories_detail_001_1 .top-left{ width: 100%;}
	#fei_web_accessories_detail_001_1 .top-right-name{ margin-top: .3rem; padding: 0 0 .05rem .1rem; line-height: 1.8; font-size: .42rem;}
	#fei_web_accessories_detail_001_1 .top-right-subname{ padding: .1rem 0 .13rem .1rem; line-height: 1.8; font-size: .3rem;}
	#fei_web_accessories_detail_001_1 .top-right-brief{ padding: .08rem 0 .06rem .1rem; line-height: 1.8; font-size: .26rem;}
	#fei_web_accessories_detail_001_1 .top-right-btn{ margin-top: 0; height: auto;}
	#fei_web_accessories_detail_001_1 .top-right-btn-item{ margin: .2rem .15rem 0 0; padding: 0 .06rem; height: .6rem; font-size: .26rem;}

	#fei_web_accessories_detail_001_1 .bot-item-title{ line-height: 1.8; font-size: .42rem;}

	#fei_web_accessories_detail_001_1 .video .bot-item-list-row{ width: 100%;}
}