/**
 * 导航菜单公共样式
 * 从各页面提取的统一菜单 CSS
 */

/* sc-11d92d2b-0: 导航链接基础样式 */
.gNojVm {
    color: #000;
    display: inline-block;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

/* sc-11d92d2b-1: 导航链接高度 */
.iiTsSz {
    color: #000;
    height: 80px;
    line-height: 80px;
    padding: 0 13px;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    vertical-align: middle;
}

/* sc-11d92d2b-3: 下拉箭头 */
.hrnfxV {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    content: '';
    display: inline-block;
    height: 7px;
    position: relative;
    -webkit-transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    width: 7px;
}

/* sc-2267ac9f-0: 下拉菜单项 */
.bElClt {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 6px 8px 12px;
    overflow-wrap: break-word;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.bElClt:hover {
    color: #000;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.06);
}

/* sc-2267ac9f-1: 下拉菜单项容器 */
.drmxbQ {
    display: flex;
    flex: 1;
    gap: 16px;
    padding: 12px 6px 12px 12px;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.drmxbQ:hover {
    color: #000;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.06);
}

/* sc-2267ac9f-2: 下拉菜单项图标容器 */
.hdSKDN {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 48px;
}

@media (min-width:834px) {
    .hdSKDN {
        display: flex;
    }
}

.hdSKDN img {
    border-radius: 4px;
    max-width: 48px;
    max-height: 48px;
}

.hdXGxQ {
    align-items: center;
    display: none;
    flex-direction: column;
    width: 48px;
}

@media (min-width:834px) {
    .hdXGxQ {
        display: flex;
    }
}

.hdXGxQ img {
    border-radius: 4px;
    max-width: 48px;
    max-height: 48px;
}

/* sc-2267ac9f-3: 下拉菜单项文字 */
.lcfxrO {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
}

.lcfxrO span:first-of-type {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
}

.lcfxrO span:last-of-type {
    color: #5a5a5a;
    font-size: 13px;
    line-height: 20px;
}

/* sc-a41775ac-0: 特殊链接样式 */
.jwxDuG {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.jwxDuG:hover {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.jwxDuG img {
    border-radius: 4px;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.08);
}

.jwxDuG span {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

/* sc-f000ea32-0: 移动端菜单容器 */
.fLCfAz {
    background: white;
    display: none;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    width: 320px;
}

/* sc-f000ea32-1: 移动端菜单项 */
.drZHaX {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 24px;
    white-space: nowrap;
    padding: 12px;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.drZHaX .sc-11d92d2b-3 {
    border-color: #5a5a5a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.drZHaX:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

/* sc-f000ea32-2: 移动端菜单头部 */
.isAkIT {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 18px 20px;
}

.isAkIT .sc-f000ea32-1 {
    padding: 8px 14px;
    gap: 20px;
}

.isAkIT .sc-11d92d2b-3 {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transform-origin: 4px;
}

/* sc-f000ea32-3: 移动端菜单列表 */
.gwvaOJ {
    padding: 0 20px;
}

.gwvaOJ>menu {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gwvaOJ>menu>li {
    height: 48px;
}

/* sc-f000ea32-7: 移动端菜单底部按钮区 */
.hzpjnt {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 28px 24px 28px;
}

/* sc-f000ea32-8: 移动端菜单按钮 */
.hdYTe {
    background-color: #d11416;
    border-radius: 4px;
    color: #fff;
    line-height: 20px;
    padding: 8px 16px;
    text-align: center;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.hdYTe:hover {
    color: #fff;
    background-color: #b30000;
}

/* sc-f000ea32-9: 关闭按钮 */
.ifnBSP {
    background: none;
    border: 0;
    cursor: pointer;
    height: 32px;
    margin: 8px 0;
    min-width: 32px;
    padding: 0;
    position: relative;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    width: 32px;
}

.ifnBSP span {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 12px);
    width: 24px;
    height: 2px;
    background-color: #5a5a5a;
}

.ifnBSP span:first-of-type {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ifnBSP span:last-of-type {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ifnBSP:hover {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

/* sc-28b433d-0: 下拉菜单面板 */
.hjLztF {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    position: fixed;
    top: 80px;
    box-shadow: 1px 4px 20px 0px #00000029;
}

/* sc-28b433d-1: 下拉菜单左侧 */
.hnSjjg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* sc-28b433d-2: 下拉菜单右侧 */
.eLZOnL {
    border-left: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
    width: 350px;
}

.eLZOnL>div {
    padding: 12px;
}

.eLZOnL>div:last-of-type {
    border-top: 1px solid #e1e1e1;
    flex: 1;
}

/* sc-28b433d-3: 查看演示链接区 */
.eQgydm {
    align-items: center;
    border-top: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
}

/* sc-28b433d-4: 小箭头 */
.kOCa-dZ {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    height: 7px;
    width: 7px;
    margin-top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* sc-28b433d-5: 查看演示链接 */
.kSIJTA {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}

.kSIJTA:hover {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0 0 4px 4px;
}

.kSIJTA:hover .sc-28b433d-4 {
    border-color: #3195cb;
}

/* sc-28b433d-6: 下拉菜单内容区 */
.iqQoYf {
    display: flex;
    padding: 12px 12px 12px 0;
}

/* sc-28b433d-7: 下拉菜单列表 */
.iUUsBk {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.iUUsBk li {
    padding: 0 0 0 12px;
    width: 175px;
}

.iUUtFN {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.iUUtFN li {
    padding: 0 0 0 12px;
    width: 350px;
}

/* sc-b6ff7819-0: 导航项内边距 */
.cVSLsi {
    padding: 0 14px 0 14px;
}

.cVSLsi .sc-11d92d2b-3 {
    top: -2px;
    margin: 0 9px;
    transform-origin: 5px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* sc-b6ff7819-1: 导航项链接 */
.guhIJf {
    /* 空样式，用于选择器 */
}

/* sc-b6ff7819-2: 导航项容器 */
.kbUcWB {
    cursor: pointer;
}

.kbUcWB .sc-28b433d-0 {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.15s opacity ease-in-out;
    transition: 0.15s opacity ease-in-out;
}

.kbUcWB:hover .sc-28b433d-0,
.kbUcWB:focus-within .sc-28b433d-0,
.kbUcWB:focus .sc-28b433d-0 {
    opacity: 1;
    pointer-events: auto;
}

.kbUcWB:hover .sc-11d92d2b-3,
.kbUcWB:focus-within .sc-11d92d2b-3,
.kbUcWB:focus .sc-11d92d2b-3 {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.kbUcWB:hover .sc-b6ff7819-0,
.kbUcWB:focus-within .sc-b6ff7819-0,
.kbUcWB:focus .sc-b6ff7819-0 {
    color: #000;
    background-color: #ffffff29;
}

/* sc-b6ff7819-3: 导航栏 */
.hkfElN {
    display: none;
}

@media (min-width:1400px) {
    .hkfElN {
        display: flex;
    }
}

.hkfElN>menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* sc-73348620-0: Logo 区域 */
.fmyafy {
    display: flex;
    gap: 24px;
}

.fmyafy>a {
    margin-top: 24px;
}

@media (min-width:834px) {
    .fmyafy>a {
        margin-top: 20px;
    }
}

.fmyafy>a,
.fmyafy>a>img {
    height: 42px;
}

@media (min-width:834px) {
    .fmyafy>a,
    .fmyafy>a>img {
        height: 54px;
    }
}

/* sc-73348620-1: 导航按钮组 */
.eISmRH {
    align-items: center;
    display: flex;
    gap: 8px;
}

@media (min-width:834px) {
    .eISmRH {
        gap: 16px;
    }
}

/* sc-73348620-2: 导航附加按钮 */
.btNMUM {
    display: none;
}

.btNMUM:hover {
    color: #000;
    background-color: #ffffff1a;
}

@media (min-width:834px) {
    .btNMUM {
        display: block;
    }
}

/* sc-73348620-3: 汉堡菜单按钮 */
.QhZGV {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 80px;
    justify-content: center;
    min-width: 58px;
    padding: 0;
    margin: 0 -12px 0 0;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    width: 58px;
}

@media (min-width:1400px) {
    .QhZGV {
        display: none;
    }
}

.QhZGV:hover {
    background-color: #ffffff1a;
}

.QhZGV span {
    width: 24px;
    height: 2px;
    background-color: #fff;
}

/* sc-73348620-4: 遮罩层 */
.fGeinf {
    background-color: #00000000;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

/* sc-73348620-5: Header 主容器 */
.fPTAHN {
    left: 0;
    right: 0;
    padding: 0 24px;
    position: fixed;
    top: 0;
    -webkit-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
    width: 100%;
    z-index: 10;
}

/* sc-73348620-6: Header 内容容器 */
.NDhqQ {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    height: 80px;
    justify-content: space-between;
}

/* 滚动后的 Header 样式 */
.fPTAHN.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}