@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
/**common**/
*{ margin:0; padding:0;}
body{ min-width:1420px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #303030;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #303030;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #303030;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #303030;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #303030;
}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/helvetica-roman-semib.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/helvetica-roman-semib.ttf"); font-weight: 700; }
@font-face { font-family: "Helvetica-Roman-SemiB"; src: url("../fonts/helvetica-roman-semib.ttf");}
@font-face { font-family: "OppoSansBold"; src: url("../fonts/opposansbold.ttf");}

/* 设置滚动条的样式 */

::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#0a1a3e;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#0a1a3e;} /* 滚动条滑块点击状态 */


/*头部 开始*/
.ab_top { width:100%; height:100px; margin:0; padding:0; background-color:#fff; position:fixed; top:0; left:0; z-index:998; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.ab_top .abtop_main { width:1300px; height:auto; margin:0 auto; padding:0; position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.abtop_main .ab_logo { width:auto; height:60px; overflow:hidden; margin:20px 0; padding:0; flex:0 0 auto; order:1; float:none;}
.abtop_main > .clear { display:none; }
.ab_logo a { display: table-cell; vertical-align: middle; width:100%; height:60px; overflow:hidden; margin:0; padding:0;}
.ab_logo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.abtop_main .abtop_right { margin:20px 0; padding:0; flex:0 0 auto; order:3; float:none;}
.abtop_right .abtop_tel { display:none; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; font-weight:bold; margin:0 20px 0 0; padding:0; float:left;}
.abtop_right .abtop_tel img { display:block; width:32px; height:32px; overflow:hidden; margin:4px 8px 4px 0; padding:0; float:left;}

.abtop_right .abtop_search { width:220px; height:40px; margin:0; padding:0; position:relative; z-index:2; flex-shrink:0;}
.abtop_search_form { display:flex; align-items:stretch; width:100%; height:40px; margin:0; padding:0; box-sizing:border-box;}
.abtop_search_input { flex:1 1 auto; min-width:0; height:40px; line-height:40px; padding:0 12px; font-size:14px; color:#333; background:#fff; border:1px solid #dfdfdf; border-right:0; border-radius:4px 0 0 4px; outline:none; box-sizing:border-box;}
.abtop_search_input:focus { border-color:#007FFF; }
.abtop_search_submit { flex:0 0 40px; width:40px; height:40px; margin:0; padding:0; border:1px solid #007FFF; border-radius:0 4px 4px 0; background:#007FFF; color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;}
.abtop_search_submit:hover { background:#0056b3; border-color:#0056b3; }
.abtop_search_submit svg { display:block; pointer-events:none; }

.fxd .ab_top { background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}

/*================================================
  导航栏 - 全面UI优化版
  包含：视觉设计、交互体验、响应式、无障碍支持
================================================*/

/* 导航栏容器 - 桌面端相对视口水平居中 */
.ab_nav {
    width: auto;
    flex: none;
    height: auto;
    margin: 0;
    padding: 0;
    order: 2;
    float: none;
    font-family: 'Microsoft YaHei', 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif;
}

@media screen and (min-width: 993px) {
    .ab_nav {
        position: fixed;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100px;
        display: flex;
        align-items: center;
        z-index: 999;
        pointer-events: none;
    }

    .ab_nav .nav_menu {
        pointer-events: auto;
    }

    .ab_nav .nav_list {
        pointer-events: auto;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .ab_nav .nav_list > ul > li {
        padding: 0 14px;
    }

    .ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]) {
        padding-right: 20px;
    }

    .ab_nav .nav_list > ul > li > a {
        font-size: 15px;
    }
}

.ab_nav li,
.ab_nav a {
    text-decoration: none;
    list-style: none;
}

.ab_nav ::-webkit-scrollbar {
    display: none;
}

/* 主菜单容器 */
.ab_nav .nav_list {
    width: auto;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.ab_nav .nav_list > ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 一级菜单项 */
.ab_nav .nav_list > ul > li {
    display: block;
    width: auto;
    position: relative;
    list-style: none;
    padding: 0 22px;
    float: none;
    box-sizing: border-box;
}

.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]) {
    padding-right: 28px;
}

.ab_nav .nav_list > ul > li:last-child {
    background: none;
}

/* 一级菜单链接 */
.ab_nav .nav_list > ul > li > a {
    display: inline-block;
    width: auto;
    line-height: 60px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    padding: 20px 0;
    margin: 0;
    text-decoration: none;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: none;
    background: transparent;
}

.ab_nav .nav_list > ul > li > a:focus {
    outline: none;
}

/* 底部强调线动画 */
.ab_nav .nav_list > ul > li > em {
    display: block;
    width: 0;
    height: 3px;
    overflow: hidden;
    background: linear-gradient(90deg, #007FFF, #0099FF);
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s ease;
    border-radius: 2px;
    box-shadow: 0 0 0 transparent;
}

.ab_nav .nav_list > ul > li:hover > em,
.ab_nav .nav_list > ul > li.active > em,
.ab_nav .nav_list > ul > li > a:focus ~ em {
    width: 100%;
    box-shadow: 0 0 8px rgba(0, 127, 255, 0.5);
}

/* 悬停和激活状态 */
.ab_nav .nav_list > ul > li:hover > a,
.ab_nav .nav_list > ul > li.active > a {
    color: #007FFF;
    transform: translateY(-2px);
}

/* 下拉箭头图标 */
.ab_nav .nav-arrow {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.6;
}
.ab_nav .nav-arrow::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    margin: 1px auto 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

/* 有子菜单的项显示箭头 - 使用data属性判断 */
.ab_nav .nav-top-item[data-has-children="0"] > .nav-arrow {
    display: none !important;
}

.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]) > .nav-arrow {
    display: block;
}

/* 下拉箭头旋转动画（当悬停或菜单打开时） */
.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]):hover > .nav-arrow,
.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]).has-open > .nav-arrow {
    transform: translateY(-50%) rotate(180deg);
    opacity: 1;
}

/* 二级下拉菜单 */
.ab_nav .nav-submenu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    max-width: 280px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12),
                0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 12px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.95);
    transform-origin: top center;
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.35s ease;
    z-index: 1000;
    pointer-events: none;
    list-style: none;
    text-align: left;
}

/* 二级菜单项 */
.ab_nav .nav-submenu > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s ease;
}

.ab_nav .nav-submenu > li:last-child {
    border-bottom: none;
}

.ab_nav .nav-submenu > li:hover {
    background: linear-gradient(90deg, rgba(0, 127, 255, 0.05), transparent);
}

/* 二级菜单链接 */
.ab_nav .nav-submenu > li > a {
    display: block;
    width: 100%;
    height: auto;
    min-height: 44px;
    line-height: 44px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0 24px;
    box-sizing: border-box;
    transition: color 0.25s ease,
                background-color 0.25s ease,
                padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.ab_nav .nav-submenu > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    width: 3px;
    height: 60%;
    background: linear-gradient(180deg, #007FFF, #0099FF);
    border-radius: 2px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ab_nav .nav-submenu > li > a:hover,
.ab_nav .nav-submenu > li > a:focus {
    color: #007FFF;
    padding-left: 32px;
    background-color: rgba(0, 127, 255, 0.03);
    outline: none;
}

.ab_nav .nav-submenu > li > a:hover::before,
.ab_nav .nav-submenu > li > a:focus::before {
    transform: translateY(-50%) scaleX(1);
}

/* 悬停展开二级菜单 - 只对data-has-children不为0的项生效 */
.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]):hover > .nav-submenu,
.ab_nav .nav-top-item[data-has-children]:not([data-has-children="0"]):focus-within > .nav-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* 无子菜单的项隐藏子菜单容器 */
.ab_nav .nav-top-item[data-has-children="0"] > .nav-submenu {
    display: none !important;
}

/* ============================================
   三级菜单样式 - 现代层级设计
   ============================================ */

/* 二级菜单项容器 */
.nav-submenu-item {
    position: relative;
}

/* 二级菜单链接 - 支持三级指示器 */
.nav-submenu-item > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

/* 二级菜单文字 */
.nav-submenu-text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 三级菜单箭头 - 默认隐藏 */
.nav-submenu-arrow {
    display: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #999;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-left: 8px;
}

/* 有三级菜单的项显示箭头 */
.nav-submenu-item[data-has-children]:not([data-has-children="0"]) > a > .nav-submenu-arrow {
    display: inline-block;
}

.nav-submenu-item[data-has-children]:not([data-has-children="0"]):hover > a > .nav-submenu-arrow,
.nav-submenu-item[data-has-children]:not([data-has-children="0"]):focus-within > a > .nav-submenu-arrow {
    color: #007FFF;
    transform: translateX(4px);
}

/* 无三级菜单的项隐藏三级菜单容器 */
.nav-submenu-item[data-has-children="0"] > .nav-submenu-l3 {
    display: none !important;
}

/* 三级菜单容器 */
.nav-submenu-l3 {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
    min-width: 200px !important;
    max-width: 260px !important;
    margin-left: 4px !important;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15),
                0 2px 8px rgba(0, 0, 0, 0.1),
                -2px 0 0 rgba(0, 127, 255, 0.1) !important;
    padding: 10px 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-10px) scale(0.95) !important;
    transform-origin: left top !important;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0.3s ease !important;
    z-index: 1001 !important;
    pointer-events: none !important;
    list-style: none !important;
    text-align: left !important;
}

/* 三级菜单小三角 */
.nav-submenu-l3::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 20px;
    width: 12px;
    height: 12px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    transform: rotate(45deg);
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.05);
}

/* 三级菜单项 */
.nav-submenu-l3 > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background-color 0.2s ease;
}

.nav-submenu-l3 > li:last-child {
    border-bottom: none;
}

.nav-submenu-l3 > li:hover {
    background: linear-gradient(90deg, rgba(0, 127, 255, 0.08), rgba(0, 127, 255, 0.02));
}

/* 三级菜单链接 */
.nav-submenu-l3 > li > a {
    display: block;
    width: 100%;
    height: auto;
    min-height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    transition: color 0.25s ease,
                background-color 0.25s ease,
                padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* 三级菜单左侧指示条 */
.nav-submenu-l3 > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 3px;
    height: 50%;
    background: linear-gradient(180deg, #007FFF, #00a8ff);
    border-radius: 2px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-submenu-l3 > li > a:hover,
.nav-submenu-l3 > li > a:focus {
    color: #007FFF;
    padding-left: 28px;
    background-color: rgba(0, 127, 255, 0.04);
    outline: none;
}

.nav-submenu-l3 > li > a:hover::before,
.nav-submenu-l3 > li > a:focus::before {
    transform: translateY(-50%) scaleY(1);
}

/* 悬停展开三级菜单 - 只对data-has-children不为0的项生效 */
.nav-submenu-item[data-has-children]:not([data-has-children="0"]):hover > .nav-submenu-l3,
.nav-submenu-item[data-has-children]:not([data-has-children="0"]):focus-within > .nav-submenu-l3 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) scale(1) !important;
    pointer-events: auto !important;
}

/* 有三级菜单的二级项悬停状态 */
.nav-submenu-item[data-has-children]:not([data-has-children="0"]):hover > a,
.nav-submenu-item[data-has-children]:not([data-has-children="0"]):focus-within > a {
    background: linear-gradient(90deg, rgba(0, 127, 255, 0.06), transparent);
}

/* 移动端菜单按钮 */
.ab_nav .nav_menu {
    display: none;
    width: 40px;
    height: 40px;
    margin: 30px 0;
    padding: 8px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    background: transparent;
    border: none;
    outline: none;
}

.ab_nav .nav_menu span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    margin: 6px 0;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ab_nav .nav_menu:hover span {
    background: #007FFF;
}

/* 汉堡菜单动画 */
.ab_nav .nav_menu.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.ab_nav .nav_menu.active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.ab_nav .nav_menu.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

/* 滚动固定状态 */
.fxd .ab_nav .nav_list > ul > li > a {
    color: #333;
}

.fxd .ab_nav .nav_list > ul > li:hover > a,
.fxd .ab_nav .nav_list > ul > li.active > a {
    color: #007FFF;
}

/* 移动端响应式设计 */
@media screen and (max-width: 992px) {
    .ab_nav {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        height: auto;
        display: block;
        pointer-events: auto;
        z-index: 999;
    }

    .ab_nav .nav_menu {
        display: block;
        float: right;
        margin: 30px 20px;
    }

    .ab_nav .nav_list {
        position: fixed;
        left: -100%;
        top: 0;
        width: 85%;
        max-width: 320px;
        height: 100vh;
        background: #fff;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
        transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 80px;
        z-index: 1001;
    }

    .ab_nav .nav_list.active {
        left: 0;
    }

    .ab_nav .nav_mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
        z-index: 1000;
    }

    .ab_nav .nav_mask.active {
        opacity: 1;
        visibility: visible;
    }

    .ab_nav .nav_list > ul > li {
        display: block;
        width: 100%;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .ab_nav .nav_list > ul > li > a {
        display: block;
        text-align: left;
        padding: 16px 24px;
        line-height: 1.5;
        font-size: 16px;
        font-weight: 600;
        color: #333;
        background: transparent;
        border-left: 3px solid transparent;
        transition: all 0.3s ease;
    }

    .ab_nav .nav_list > ul > li:hover > a,
    .ab_nav .nav_list > ul > li.active > a {
        color: #007FFF;
        border-left-color: #007FFF;
        background: rgba(0, 127, 255, 0.05);
        transform: none;
    }

    .ab_nav .nav-arrow {
        display: block !important;
        right: 20px;
    }

    .ab_nav .nav-submenu {
        position: static;
        width: 100%;
        max-width: 100%;
        background: rgba(0, 0, 0, 0.03);
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        margin: 0;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transform: none;
        visibility: visible;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.3s ease;
    }

    .ab_nav .nav-submenu.active {
        opacity: 1;
        max-height: 500px;
    }

    .ab_nav .nav-submenu > li > a {
        padding: 14px 24px 14px 36px;
        font-size: 14px;
        font-weight: 500;
        color: #555;
    }

    .ab_nav .nav-submenu > li > a:hover,
    .ab_nav .nav-submenu > li > a:focus {
        color: #007FFF;
        padding-left: 44px;
        background: rgba(0, 127, 255, 0.05);
        outline: none;
    }

    /* 移动端三级菜单适配 */
    .nav-submenu-l3 {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        background: rgba(0, 0, 0, 0.02) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        opacity: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        visibility: visible !important;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.3s ease !important;
        pointer-events: auto !important;
    }

    .nav-submenu-l3::before {
        display: none;
    }

    .nav-submenu-l3.active {
        opacity: 1 !important;
        max-height: 300px !important;
    }

    .nav-submenu-l3 > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }

    .nav-submenu-l3 > li > a {
        padding: 12px 24px 12px 48px;
        font-size: 13px;
        color: #666;
    }

    .nav-submenu-l3 > li > a:hover,
    .nav-submenu-l3 > li > a:focus {
        color: #007FFF;
        padding-left: 56px;
        background: rgba(0, 127, 255, 0.04);
    }

    /* 移动端三级菜单箭头旋转 */
    .nav-submenu-item[data-has-children]:not([data-has-children="0"]) > a > .nav-submenu-arrow {
        transition: transform 0.3s ease;
    }

    .nav-submenu-item[data-has-children]:not([data-has-children="0"]).active > a > .nav-submenu-arrow {
        transform: rotate(90deg);
        color: #007FFF;
    }
}

/* 超小屏幕优化 */
@media screen and (max-width: 576px) {
    .ab_nav .nav_list {
        width: 100%;
        max-width: 100%;
    }

    .ab_nav .nav_list > ul > li > a {
        font-size: 15px;
        padding: 14px 20px;
    }

    .ab_nav .nav-submenu > li > a {
        font-size: 13px;
        padding: 12px 20px 12px 32px;
    }
}

/* 键盘导航焦点样式 - 已禁用蓝色边框 */
.ab_nav *:focus-visible {
    outline: none;
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .ab_nav .nav-list > ul > li > a {
        border: 2px solid currentColor;
    }

    .ab_nav .nav-submenu {
        border: 2px solid #000;
    }
}

/* 减少动画（无障碍） */
@media (prefers-reduced-motion: reduce) {
    .ab_nav .nav-list > ul > li > a,
    .ab_nav .nav-submenu,
    .ab_nav .nav-arrow,
    .ab_nav .nav-menu span {
        transition: none;
        animation: none;
    }
}

/* 导航栏结束 */
/*头部 结束*/


.ab_foot { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#222; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ab_foot .abFoot_main { width:1300px; overflow:hidden; margin:0 auto; padding:0;}
.abFoot_main .abFoot_con { width:100%; overflow:hidden; margin:0 auto; padding:40px 0;}
.abFoot_con .abFoot_TelNav { width:84%; overflow:hidden; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.abFoot_TelNav .abFoot_Tel { width:100%; min-height:50px; overflow:hidden; margin:0 auto 20px; padding:0 0 0 55px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.abFoot_TelNav .abFoot_Tel img { display:block; width:45px; height:45px; margin:-22.5px 0 0; padding:0; position:absolute; left:0; top:50%;}
.abFoot_TelNav .abFoot_Tel span { display:block; width:100%; height:25px; overflow:hidden; line-height:25px; color:rgba(255,255,255,0.4); font-size:15px; margin:0 auto; padding:0;}
.abFoot_TelNav .abFoot_Tel p { display:block; width:100%; height:25px; overflow:hidden; line-height:25px; color:rgba(255,255,255,1); font-size:22px; margin:0 auto; padding:0;}
.abFoot_TelNav .abFoot_Nav { width:100%; overflow:hidden; line-height:30px; margin:0 auto; padding:0;}
.abFoot_TelNav .abFoot_Nav a { display:inline-block; height:30px; line-height:30px; color:rgba(255,255,255,0.4); font-size:15px; margin:0 30px 0 0; padding:0;}
.abFoot_TelNav .abFoot_Nav a:hover { color:rgba(255,255,255,1);}

.abFoot_con .abFoot_Ewm { width:16%; overflow:hidden; margin:0; padding:0 0 0 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.abFoot_con .abFoot_Ewm img { display:block; width:100px; height:100px; margin:0; padding:0; float:left;}
.abFoot_con .abFoot_Ewm p { line-height:20px; color:rgba(255,255,255,0.4); font-size:14px; text-align:center; margin:30px 0; padding:0;}

.abFoot_main .abFoot_copy { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; border-top:1px solid rgba(255,255,255,0.1);}
.abFoot_copy p { width:100%; overflow:hidden; line-height:20px; color:rgba(255,255,255,0.4); font-size:14px; text-align:center; margin:0 auto; padding:0;}
.abFoot_copy p a { color:rgba(255,255,255,0.4);}
.abFoot_copy p a:hover { color:rgba(255,255,255,1);}




.ab_links { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#121212;}
.ab_links .abLinks_main { width:1300px; overflow:hidden; margin:0 auto; padding:0;}
.abLinks_main .abLinks_tit { width:120px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; text-align:center; background-color:#333; border-radius:0 0 8px 8px; margin:0; padding:0;}
.abLinks_main .abLinks_tit img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-4px 5px 0 0; padding:0;}
.abLinks_main .abLinks_list { width:100%; overflow:hidden; margin:0 auto; padding:10px 0;}
.abLinks_main .abLinks_list a { display:inline-block; height:30px; line-height:30px; color:rgba(255,255,255,0.4); font-size:15px; margin:0 20px 0 0; padding:0;}
.abLinks_main .abLinks_list a:hover { color:rgba(255,255,255,1);}



/*网站右侧漂浮*/
.f_pf1 { margin:-90px 0 0; position:fixed;top:35%;right:10px;z-index:999;}
.f_pf1 a.qqa {display:block; display:none;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 a.qqa:hover { background:#007FFF;}
.f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E") center center no-repeat;background-size:22px 22px;overflow:hidden;margin:11px auto;}
.f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .tela>a:hover { background:#007FFF;}
.f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E") center center no-repeat;background-size:22px 22px;overflow:hidden;margin:11px auto;}
.f_pf1 .tela .wz {position:absolute;top:0;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .tela:hover .wz{display:block;}
.f_pf1 .tela p {background:#fff;padding:5px;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#007FFF;line-height:40px;text-align:center;}
.f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 .wxa {position:relative;}
.f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .wxa>span:hover { background:#007FFF;}
.f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='3' height='3'/%3E%3Crect x='18' y='14' width='3' height='3'/%3E%3Crect x='14' y='18' width='3' height='3'/%3E%3Crect x='18' y='18' width='3' height='3'/%3E%3C/svg%3E") center center no-repeat;background-size:22px 22px;overflow:hidden;margin:11px auto;}
.f_pf1 .wxa .code {position:absolute;top:-44px;left:-144px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .wxa:hover .code{display:block;}
.f_pf1 .wxa .code p {background:#fff;padding:5px;width:120px;height:120px;overflow:hidden; position:relative;}
.f_pf1 .wxa .code p img { display:block; max-width:100%;max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px; cursor:pointer;}
.f_pf1 a.totop:hover { background:#007FFF;}
.f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center center no-repeat;background-size:22px 22px;overflow:hidden;margin:11px auto;}

/*右侧漂浮 结束*/

.imageslist{ width:1300px; margin:0 auto}
.imageslist ul{ overflow:hidden}
.imageslist ul li{ float:left; width:302px; margin-bottom:30px; margin-right:30px}
.imageslist ul li p{ text-align:center; line-height:40px;;}
.imageslist ul li p a{white-space:nowrap;overflow: hidden;text-overflow:ellipsis; color:#333; font-size:16px}
.imageslist ul li img{transition:all 0.5s; display:block}
.imageslist ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.imageslist ul li a{ display:block; overflow:hidden}