/* ============================================================
   全局基础样式 & 字体
   ============================================================ */
@font-face {
    font-family: "hm_regular";
    src: url("../fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "hm_Bold";
    src: url("../fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf");
    font-weight: normal;
    font-style: normal;
}

/* 响应式容器 */
@media (min-width: 1200px) { .container { width: 1170px; } }
@media (min-width: 1490px) { .container { width: 1365px; } }
@media (min-width: 1600px) { .container { width: 84%; } }

:root {
    --textActiveColor: #ca0202;
    --hm_Bold: 'hm_Bold';
    --hm_regular: 'hm_regular';
}

/* 重置 */
* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    outline: none;
    text-decoration: none;
}
td { padding: 8px; }
p { margin: 0; }
.hidden { overflow: hidden; }
a {
    color: #1a1a1a;
    transition: color 0.3s;
    text-decoration: none !important;
}
a:hover,
a.active {
    color: var(--textActiveColor) !important;
    text-decoration: none !important;
}
.imgs img { max-width: 100%; }
.imgfd { overflow: hidden; }
.imgfd img {
    transition: all .8s;
    transform: scale(1);
}
.imgfd:hover img { transform: scale(1.05); }
.bg-white { background-color: #fff; }

/* Flex 工具 */
.flex { display: flex; }
.flex.j-c-c { justify-content: center; }
.flex.j-c-s-b { justify-content: space-between; }
.flex.j-c-e { justify-content: end; justify-content: flex-end; }
.flex.f-w-w { flex-wrap: wrap; }
.flex.a-i-c { align-items: center; }
.flex.a-i-e { align-items: end; align-items: flex-end; }

/* 滚动条 */
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px;
}
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button { display: none; }
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track { background-color: #eee; }
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb { background-color: #eee; }

/* 文本省略 */
.a-line {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.clear::after {
    display: block;
    content: "";
    clear: both;
}

/* ============================================================
   头部（Header）及导航
   ============================================================ */
.site-button,
.site-button-secondry {
    padding: 10px 0;
    margin: 0px 15px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    text-decoration: none !important;
}
@media (max-width: 980px) {
    .site-button,
    .site-button-secondry { margin: 0px 5px; }
}
.site-button.btn-effect {
    margin-left: 5px;
    margin-bottom: 5px;
}
.site-button {
    background-color: #0d6efd;
    color: #fff;
}
.site-button i { margin-right: 5px; }

/* ----- header 基础 ----- */
.site-header {
    position: relative;
    z-index: 999;
}
@media only screen and (max-width: 1200px) {
    .site-header .container { width: auto; }
}
.site-header ul,
.site-header ol { margin-bottom: 0; }
.site-header .navbar-toggler { display: none; }
.sticky-wrapper { height: auto !important; }
@media only screen and (max-width: 991px) {
    .sticky-wrapper { height: auto !important; }
}
.sticky-header {
    position: absolute;
    top: 0;
    width: 100%;
}
@media (max-width: 1000px) {
    .sticky-header {
        position: fixed;
        background-color: #fff;
    }
}
.nav-wide .container { width: 100%; }
.extra-nav {
    display: table;
    float: right;
    height: 70px;
    position: relative;
    z-index: 9;
}
.extra-nav .extra-cell {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.extra-nav .extra-cell>a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.extra-nav .extra-cell>a:hover { color: #0082CA; }
.extra-nav .extra-cell>a i.arrow-animation { font-size: 24px; }
#header-part.fix-map-header { height: 90px; }
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header { height: 160px; }
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Logo */
.logo-header {
    display: table;
    float: left;
    width: 170px;
    height: 70px;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #1bbce8;
    margin: 0;
    position: relative;
    z-index: 11;
}
@media only screen and (max-width: 991px) {
    .logo-header { width: 120px; }
}
@media only screen and (max-width: 480px) {
    .logo-header { width: 100px; }
}
.logo-header-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.logo-header-inner img {
    max-width: 100%;
    max-height: 100%;
}
.is-fixed .logo-header { height: 70px; }

/* 顶部信息 */
@media only screen and (max-width: 980px) {
    .appint-btn { display: flex; justify-content: space-between; }
}
.appint-btn a {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    background: transparent;
}
.header-style-1.header-dark-1 .appint-btn a { border: 1px solid #000; }
.e-p-bx { padding: 7px 0px; }
.e-p-bx li {
    display: inline;
    font-size: 12px;
    padding-right: 10px;
    font-weight: 500;
}
.e-p-bx li a { color: #FFF; }
.e-p-bx li i {
    margin-right: 5px;
    vertical-align: middle;
}
.social-bx,
.login-bx {
    margin: 0 0 0 15px;
    float: right;
}
@media only screen and (max-width: 480px) {
    .social-bx,
    .e-p-bx,
    .login-bx {
        margin-top: 5px;
        margin-bottom: 5px !important;
    }
}
.social-bx li,
.login-bx li {
    font-size: 12px;
    margin: 0;
    position: relative;
}
.social-bx li a,
.login-bx li a {
    color: #000;
    font-size: 14px;
}
.social-bx li i,
.login-bx li i {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}
.social-bx li span,
.login-bx li span {
    vertical-align: baseline;
    margin: 0 2px 0;
    font-size: 8px;
}
.social-bx li {
    padding-left: 2px;
    padding-right: 2px;
}
.login-bx li ul {
    top: 25px;
    left: auto;
    right: 0;
    border: none;
    padding: 0;
}
.login-bx li ul li {
    border-bottom: 1px solid #F7F7F7;
}
.login-bx li ul li a {
    color: #767676;
    padding: 9px 15px;
}
.arrow-up-border:before,
.arrow-up:after {
    position: absolute;
    display: inline-block;
    content: '';
}
.arrow-up-border:before {
    top: -7px;
    right: 19px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #F00;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
    top: -6px;
    right: 20px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
}
.arrow-left:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.arrow-left:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.share-icon-btn { display: block; }
.share-icon-btn .dropdown-menu {
    padding: 0px 20px;
    min-width: 60px;
    top: 53px;
    left: -10px;
}
.share-icon-btn .social-bx {
    clear: both;
    float: none;
    margin-left: 0px;
}
.share-icon-btn .social-bx.list-inline>li {
    display: block;
    margin: 10px 0px 15px 0px;
}
.share-icon-btn2 { display: block; }
.share-icon-btn2 .dropdown-menu {
    padding: 0px 20px;
    min-width: 60px;
    top: 53px;
    left: -10px;
}
.share-icon-btn2 .social-bx {
    clear: both;
    float: none;
    margin-left: 0px;
}
.share-icon-btn2 .social-bx.list-inline>li {
    display: block;
    margin: 10px 0px;
}
@media only screen and (max-width: 991px) {
    .header-top-info .mt-topbar-right {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-top-info .social-bx { margin-left: 0px; }
}
@media only screen and (max-width: 480px) {
    .header-top-info { display: none; }
}

/* main-bar */
.main-bar {
    position: relative;
    width: 100%;
    padding: 20px 0px;
    transition: all 0.5s ease;
}
@media only screen and (max-width: 480px) {
    .main-bar {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.main-bar .logo-header .logo-header-inner a:nth-child(1) { display: block; }
.main-bar .logo-header .logo-header-inner a:nth-child(2) { display: none; }
@media only screen and (max-width: 980px) {
    .main-bar .logo-header .logo-header-inner a:nth-child(1) { display: none; }
    .main-bar .logo-header .logo-header-inner a:nth-child(2) { display: block; }
}
.main-bar.bg-white .header-nav .nav>li>a { color: #161616; }
.main-bar.bg-white .header-nav .pc-so .fa { color: #161616; }
.main-bar.bg-white .header-nav .pc-so .fa:hover { color: var(--textActiveColor); }
.main-bar.bg-white .logo-header-inner a:nth-child(1) { display: none; }
.main-bar.bg-white .logo-header-inner a:nth-child(2) { display: block; }
.main-bar.hide-white { background-color: transparent; }
.main-bar.hide-white .header-nav .pc-so .fa { color: #fff; }
.main-bar.hide-white .header-nav .pc-so .fa:hover { color: #fff; }
.main-bar.hide-white .logo-header-inner a:nth-child(1) { display: block; }
.main-bar.hide-white .logo-header-inner a:nth-child(2) { display: none; }
.main-bar::after {
    clear: both;
    content: "";
    display: table;
}
@media only screen and (max-width: 980px) {
    .header-nav .nav>li>a { font-weight: 500; }
    .main-bar .logo-header-inner a:nth-child(1) { display: none; }
    .main-bar .logo-header-inner a:nth-child(2) { display: block; }
}

.header-style-2 .header-info { float: none; }
.header-info {
    float: right;
    padding: 10px 0;
}
.header-info>ul {
    list-style: none;
    display: table;
}
.header-info>ul li {
    display: table-cell;
    padding: 15px 10px;
    vertical-align: middle;
}
.header-info>ul li .icon-sm {
    float: left;
    margin-right: 15px;
}
.header-info>ul li strong {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #1a1a1a;
}
@media only screen and (max-width: 767px) {
    .header-info>ul li.btn-col-last,
    .header-info { display: none; }
}
.header-botton { background-color: #222; }
.header-botton .header-nav .nav { float: none; }
.header-botton .header-nav .nav>li>a {
    padding: 20px 12px;
    color: #000;
}
.header-botton .extra-nav { padding: 13px 0; }
.header-botton .extra-nav .site-search-btn {
    color: #fff;
    padding: 7px 15px;
}
.header-botton .extra-nav .mt-cart .woo-cart-count {
    border: 2px solid #fff;
    color: #fff;
    min-width: 36px;
    padding: 5px 5px 5px;
}
.header-botton .extra-nav .mt-cart .woo-cart-count::before { border-color: #fff; }
.header-style-1 .is-fixed.color-fill .main-bar { background: #fff; }
.top-bar.bg-gray {
    color: inherit;
    padding: 0px 0;
    background-color: #122a88;
}
.top-bar.bg-gray .fa { color: #fff; }
.mt-topbar-left,
.mt-topbar-right,
.mt-topbar-center {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
.mt-topbar-center { text-align: center; }
.header-style-1 .top-bar .row {
    display: flex;
    justify-content: end;
}
.header-style-1 .header-nav .nav {
    float: right;
    display: flex;
    justify-content: flex-end;
    flex-direction: inherit;
}
.header-style-1 .header-nav .nav>li>a {
    display: block;
    position: relative;
}
.header-style-1 .header-nav .has-child.nav-active>a+.submenu-toogle.fa.fa-angle-right:before {
    content: "\f107";
}
.header-style-1 .header-middle .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-style-1 .navbar-toggler .icon-bar {
    background: var(--textActiveColor);
    height: 3px;
    border-radius: 0;
    display: block;
    width: 22px;
}
.header-style-1 .navbar-toggler .icon-bar+.icon-bar { margin-top: 4px; }
.header-style-1 .pc-so {
    float: right;
    height: 70px;
}
.header-style-1 .pc-so .fa {
    color: #fff;
    font-size: 18px;
    margin-left: 20px;
    cursor: pointer;
    transition: all .5s;
    width: 20px;
}
.header-style-1 .pc-so .fa:hover { color: var(--textActiveColor); }
.header-style-1 .pc-so .pc-nav-ico { position: relative; z-index: 110; }
.header-style-1 .pc-so .fa-times:hover { color: #fff !important; }
@media only screen and (max-width: 991px) {
    .header-style-1 .mt-topbar-left,
    .header-style-1 .mt-topbar-right {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .header-style-1 .mt-topbar-left ul li:last-child { display: none; }
    .site-header .navbar-toggler { display: block; }
    .site-header .navbar-toggler {
        float: right;
        padding: 0px 0px 0px 30px;
        position: relative;
        margin: 26px 0px;
    }
    .header-style-1 .is-fixed .navbar-toggler { margin: 26px 0px; }
}
@media only screen and (max-width: 767px) {
    .header-style-1 .mt-topbar-left ul li {
        display: block;
        padding-bottom: 1px;
    }
    .header-style-1 .mt-topbar-left ul li:last-child { padding-bottom: 0px; }
    .header-style-1 .top-bar .row {
        display: table;
        width: 100%;
        float: none;
        margin: 0px;
    }
    .header-style-1 .top-bar .row .mt-topbar-left,
    .header-style-1 .top-bar .row .mt-topbar-right {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0px;
    }
    .header-style-1 .top-bar .row .mt-topbar-left { text-align: left; }
}
@media only screen and (max-width: 767px) and (max-width: 480px) {
    .header-style-1 .top-bar .row .mt-topbar-left { display: none; }
}
@media only screen and (max-width: 767px) {
    .header-style-1 .top-bar .row .mt-topbar-left .e-p-bx { float: none !important; }
    .header-style-1 .top-bar .row .mt-topbar-right { text-align: right; }
}
@media only screen and (max-width: 767px) and (max-width: 480px) {
    .header-style-1 .top-bar .row .mt-topbar-right {
        display: block;
        float: none;
        padding: 0px;
        margin-bottom: 10px;
        text-align: left;
        margin-top: 10px;
    }
}
.top-bar.bg-gray { color: inherit; }

/* 移动端按钮 */
.navbar-toggler {
    border: none;
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 15px;
    margin-right: -10px;
    padding: 12px 10px;
}
.navbar-toggler .icon-bar {
    background: #000;
    height: 3px;
    border-radius: 0;
}
@media only screen and (max-width: 480px) {
    .navbar-toggler { margin-left: 10px; }
    .extra-nav .extra-cell { margin-left: 0; }
}
.is-fixed .navbar-toggler {
    margin-top: 14px;
    margin-bottom: 14px;
}

/* ----- 导航核心（优化后）----- */
.header-nav {
    position: relative;
    padding: 0px;
    z-index: 7;
    display: flex !important;
    justify-content: end;
}
.header-nav .nav {
    float: right;
    display: flex;
    justify-content: flex-end;
    flex-direction: inherit;
    position: relative;
}
.header-nav .nav.hides {
    opacity: 0;
    pointer-events: none;
}
.header-nav .nav i {
    font-size: 9px;
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
    opacity: 0.7;
}

/* 顶级菜单项 - 按您的要求调整 */
.header-nav .nav > li {
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    margin: 0 5px;        /* 您要求的间距 */
    padding: 0;
}
@media only screen and (max-width: 1500px) {
    .header-nav .nav > li:nth-child(1) { display: none; }
}
@media only screen and (max-width: 980px) {
    .header-nav .nav > li:nth-child(1) { display: block; }
}
@media only screen and (min-width: 980px) {
    .header-nav .nav > li:nth-child(4) { position: initial; }
    .header-nav .nav > li:nth-child(4) .sub-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        border-radius: 10px;
        padding: 0 25px;
    }
    .header-nav .nav > li:nth-child(4) .sub-menu li {
        width: calc(100% / 3);
    }
    .header-nav .nav > li:nth-child(4) .sub-menu li a { text-align: left; }
}

/* 菜单链接 - 按您要求的 padding */
.header-nav .nav > li > a {
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    padding: 30px 16px;   /* 您要求的上下30px，左右16px */
    cursor: pointer;
    font-weight: 500;
    display: block;
}
.header-nav .nav > li > a:hover {
    background-color: transparent;
    color: #212427;
}
.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
    background-color: transparent;
}
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {
    background-color: transparent;
    color: var(--textActiveColor);
}
.header-nav .nav > li:hover > a::after {
    width: 100%;
    background-color: var(--textActiveColor);
}

/* 下拉菜单 - 悬停显示（优化） */
.header-nav .nav > li .sub-menu {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #f4f4f4;
    display: block;
    left: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    position: absolute;
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    min-width: 200px;
    z-index: 10;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.header-nav .nav > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
@media only screen and (max-width: 980px) {
    .header-nav .nav > li .sub-menu { text-align: left; }
}
.header-nav .nav > li .sub-menu li {
    position: relative;
    text-transform: none;
    border-bottom: 1px solid #f5f5f5;
}
.header-nav .nav > li .sub-menu li:last-child { border-bottom: none; }
.header-nav .nav > li .sub-menu li a {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 400;
    border-left: 0px solid transparent;
    transition: all 0.2s linear;
}
.header-nav .nav > li .sub-menu li a > i {
    font-size: 13px;
    margin-right: 5px;
    min-width: 20px;
}
.header-nav .nav > li .sub-menu li a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f8f8f8;
}
.header-nav .nav > li .sub-menu li a:hover:after {
    width: 4px;
    left: -1px;
}
.header-nav .nav > li .sub-menu li:last-child { border-bottom: 0px; }
.header-nav .nav > li .sub-menu li > .sub-menu {
    left: 240px;
    top: 0px;
    margin: 0 0 0 20px;
    transition: all 0.3s ease;
}
.header-nav .nav > li .sub-menu li:hover .fa { color: #000; }
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
    left: 240px;
    margin: 0px;
    opacity: 1;
    top: -1px;
    visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
    background-color: transparent;
    bottom: 0px;
    content: '';
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0px;
    width: 6px;
}
.header-nav .nav > li.has-mega-menu { position: inherit; }
.header-nav .nav > li .mega-menu {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    display: table;
    left: 0px;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0px;
    visibility: hidden;
    width: 100%;
    margin-top: 20px;
    z-index: 10;
}
.header-nav .nav > li .mega-menu > li {
    display: table-cell;
    padding: 10px 0;
    position: relative;
    vertical-align: top;
    width: 25%;
    text-transform: none;
}
.header-nav .nav > li .mega-menu > li:after {
    content: "";
    background-color: rgba(204, 204, 204, 0.4);
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 1px;
    height: 100%;
}
.header-nav .nav > li .mega-menu > li:last-child:after { display: none; }
.header-nav .nav > li .mega-menu > li > a {
    color: #555555;
    display: block;
    font-size: 14px;
    padding: 0 20px;
}
.header-nav .nav > li .mega-menu > li ul {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
.header-nav .nav > li .mega-menu > li ul a {
    color: #474747;
    display: block;
    font-size: 13px;
    line-height: 34px;
    padding: 2px 20px;
}
.header-nav .nav > li .mega-menu > li ul a:hover {
    color: var(--textActiveColor);
    background-color: #F2F2F2;
}
.header-nav .nav > li.menu-item-has-children:before {
    content: "\f078";
    display: block;
    font-family: "FontAwesome";
    right: 4px;
    position: absolute;
    top: 50%;
    color: #999;
    margin-top: -8px;
    font-size: 8px;
}
.header-nav .nav > li.submenu-direction .sub-menu {
    left: auto;
    right: 0;
}
.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {
    left: auto;
    right: 220px;
    margin: 0 20px 0 0;
}
.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu li:hover.sub-menu {
    left: auto;
    right: 220px;
    margin: 0 0 0 0;
}
.header-nav .nav > .has-child > a .fa-angle-down { margin-left: 10px; }
@media only screen and (max-width: 991px) {
    .header-nav .nav > .has-child > a .fa-angle-down { display: none; }
}
.has-child .submenu-toogle {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #000;
    background-color: transparent;
    z-index: 900;
    cursor: pointer;
    padding: 10px;
    display: none;
}
@media only screen and (max-width: 980px) {
    .has-child .submenu-toogle {
        display: flex;
        justify-content: space-between;
    }
}
.header-nav .has-child li .submenu-toogle { opacity: 0.9; }
.header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right:before {
    content: "\f107";
}
@media only screen and (max-width: 991px) {
    header .logo {
        display: block;
        padding: 4px 0;
    }
    .header-nav .nav i { margin-top: 6px; }
    .header-nav .nav li.has-child.nav-active > a { color: var(--textActiveColor); }
}

/* 移动端折叠 */
@media only screen and (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-toggler {
        display: block;
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .header-nav {
        clear: both;
        border-bottom: 1px solid #E9E9E9;
    }
    .header-nav .nav {
        float: none;
        margin: 0;
        background: #fff;
    }
    .header-nav .nav li { float: none; }
    .header-nav .nav li .sub-menu > li,
    .header-nav .nav li .mega-menu > li {
        float: none;
        display: block;
        width: auto;
    }
    .header-nav .nav li .sub-menu > li a { padding-left: 30px; }
    .header-nav .nav li.has-child { position: relative; }
    .header-nav .nav li .sub-menu,
    .header-nav .nav li .mega-menu {
        opacity: 1;
        margin: 0 !important;
    }
    .header-nav .nav > li .sub-menu > li,
    .header-nav .nav > li .mega-menu > li {
        float: none;
        display: block;
        width: auto;
    }
    .header-nav .nav > li > a {
        padding: 12px 15px;
        border-top: 1px solid #E9E9E9;
        color: #777;
    }
    .header-nav .nav > li.active > a,
    .header-nav .nav > li.current-menu-itema > a { color: #000; }
    .header-nav .nav > li > a:hover,
    .header-nav .nav > li > a:active,
    .header-nav .nav > li > a:focus {
        background-color: #f0f0f0;
        text-decoration: none;
    }
    .header-nav .nav > li .mega-menu > li:after { display: none; }
    .header-nav .nav > li ul,
    .header-nav .nav > li .sub-menu,
    .header-nav .nav > li .mega-menu {
        display: none;
        position: static;
        visibility: visible;
        width: auto;
        background: #f9f9f9;
    }
    .header-nav .nav > li ul.mega-menu ul { display: block; }
    .header-nav .nav > li ul.mega-menu ul li:hover ul { display: block; }
    .header-nav .nav > li .mega-menu > li { padding: 0px; }
    .header-nav .nav i { float: right; }
    .has-child .submenu-toogle { display: block; }
}

/* 其他导航相关 */
.right-nav-header {
    display: table-header-group;
    vertical-align: top;
}
.right-nav-header .r-nav-h-content {
    vertical-align: middle;
    display: table-cell;
}
.right-nav-footer {
    display: table-footer-group;
}
.right-nav-footer .r-nav-f-content {
    vertical-align: bottom;
    display: table-cell;
}
.social-rounded { text-align: center; }
.social-rounded li a {
    font-size: 12px;
    color: #000;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.social-rounded li a:hover {
    background-color: #000;
    color: #fff;
}
@media only screen and (max-width: 360px) {
    .social-rounded.list-inline > li { padding-right: 0px; }
}
.vertical-content-wrap .right-nav-header,
.vertical-content-wrap .vertical-content-area,
.vertical-content-wrap .right-nav-footer {
    position: relative;
    top: 20px;
    opacity: 0;
}
.vertical-content-wrap .right-nav-header {
    transition: all 0.5s ease-in;
}
.vertical-content-wrap .vertical-content-area {
    transition: all 1s ease-in;
}
.vertical-content-wrap .right-nav-footer {
    transition: all 1.5s ease-in;
}
.header-dark-1 .main-bar { background-color: #1a1a1a; }
.header-dark-1 .main-bar .header-nav .nav > li.active > a { color: var(--textActiveColor); }
.header-dark-1 .main-bar .header-nav .nav > li > a { color: #fff; }
.header-dark-1 .main-bar .header-nav .nav > li:hover > a { color: var(--textActiveColor); }
.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li .fa { color: #fff; }
@media only screen and (max-width: 991px) {
    .header-dark-1 .main-bar .header-nav .nav > li > a { color: #000; }
    .header-dark-1 .main-bar .header-nav .nav > li .sub-menu li .fa { color: #000; }
}
.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li:hover > a { background-color: #121212; }
.header-dark-1 .main-bar .extra-cell a { color: #fff; }
.header-dark-1 .main-bar .navbar-toggler .icon-bar { background-color: #fff; }
.header-style-1.header-dark-1 .is-fixed.color-fill .main-bar { background: #1a1a1a !important; }
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
    background-color: #1a1a1a;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
    border-bottom: 1px solid #23282f;
}
.nav-dark.header-nav .nav > li .sub-menu li:last-child { border-bottom: 0px; }
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a { color: #fff; }
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
    background-color: #23282f;
    color: #FFBC13;
}
.nav-dark.header-nav .nav > li .mega-menu > li:after {
    background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 991px) {
    .nav-dark.header-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.8); }
    .nav-dark.header-nav .nav { background-color: #0f0f0f; }
    .nav-dark.header-nav .nav > li > a { border-top: 1px solid rgba(0, 0, 0, 0.2); }
    .nav-dark.header-nav .nav > li > a { color: #fff; }
    .nav-dark.header-nav .nav > li > a:hover,
    .nav-dark.header-nav .nav > li > a:active,
    .nav-dark.header-nav .nav > li > a:focus {
        background-color: #1a1a1a;
        color: #FFBC13;
    }
    .nav-dark.header-nav .nav > li ul,
    .nav-dark.header-nav .nav > li .sub-menu,
    .nav-dark.header-nav .nav > li .mega-menu { background-color: #1a1a1a; }
    .nav-dark .has-child .submenu-toogle { color: #000; }
}
.sticky-no .main-bar { position: static !important; }
.is-fixed .main-bar {
    position: absolute;
    top: 0;
    left: 0;
}
.is-fixed.color-fill .header-nav .nav > li { margin: 0; padding: 0; }
.is-fixed.color-fill .header-nav .nav > li > a {
    margin: 0;
    padding: 25px 12px;
}
@media only screen and (max-width: 767px) {
    .main-bar,
    .is-fixed .main-bar,
    .is-fixed.color-fill .main-bar {
        padding: 0px;
        background-color: #fff;
    }
}
.site-bg-primary .header-nav .nav > li > a { color: #fff; }
.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a,
.site-bg-primary .header-nav .nav > li.current-menu-item > a { color: #1a1a1a; }
.site-bg-primary .site-search-btn,
.site-bg-primary .mt-cart .woo-cart-total,
.site-bg-primary .mt-cart .woo-cart-count { color: #fff; }
.site-bg-primary .mt-cart .woo-cart-count,
.site-bg-primary .mt-cart .woo-cart-count::before { border-color: #fff; }
.site-bg-primary .navbar-toggler .icon-bar { background-color: #fff; }
@media only screen and (max-width: 991px) {
    .site-bg-primary .header-nav .nav > li > a { color: #777; }
    .site-bg-primary .header-nav .nav > li:hover > a,
    .site-bg-primary .header-nav .nav > li.active > a,
    .site-bg-primary .header-nav .nav > li.current-menu-item > a { color: #FFBC13; }
    .header-nav .nav > li { margin: 0; padding: 0; }
    .header-nav .nav > li > a {
        margin: 0;
        padding: 10px 12px;
        font-weight: 500;
        color: #000;
    }
    .is-fixed.color-fill .header-nav .nav > li { margin: 0; padding: 0; }
    .is-fixed.color-fill .header-nav .nav > li > a {
        margin: 0;
        padding: 10px 12px;
    }
}

/* 全屏导航（max-nav-box） */
.max-nav-box {
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 100%;
    z-index: 99;
    background-color: var(--textActiveColor);
    transition: all .5s;
    left: 0;
}
.max-nav-box.nav-show { bottom: 0; }
.max-nav-box > .container,
.max-nav-box > .row { height: 100%; }
.max-nav-box > .container > .row { height: 100%; }
.max-nav-box .nav-img {
    border-radius: 20px;
    height: 60vh;
    width: 100%;
    overflow: hidden;
}
.max-nav-box .nav-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.max-nav-box .nav-lis { padding-left: 60px; }
.max-nav-box .nav-lis .nav-item { margin-bottom: 15px; }
.max-nav-box .nav-lis .nav-item a { color: #fff; }
.max-nav-box .nav-lis .nav-item a:hover { color: #fff !important; }
.max-nav-box .nav-lis .nav-item > a { font-size: 19px; }

/* 全屏导航子菜单 - 新增优化 */
.max-nav-box .nav-lis .nav-item ul {
    list-style: none;
    padding-left: 0;
    margin-top: 8px;
}
.max-nav-box .nav-lis .nav-item ul li {
    margin-bottom: 6px;
}
.max-nav-box .nav-lis .nav-item ul li a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    transition: color 0.2s;
}
.max-nav-box .nav-lis .nav-item ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* 搜索框弹出层 */
.sou-con {
    position: fixed;
    top: -200px;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    transition: top .5s;
}
.sou-con.show { top: 0; }
.sou-con .guanbi { float: right; }
.sou-con .guanbi .fa {
    margin-top: 10px;
    color: #ccc;
    font-size: 28px;
    cursor: pointer;
}
.sou-con .form-inline .form-control {
    width: 280px;
    height: 45px;
}
@media (max-width: 768px) {
    .sou-con .form-inline .form-control { width: 200px; }
}
.sou-con .btn {
    opacity: 1;
    transition: all .5s;
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 17px;
    border-radius: 4px;
    font-weight: 600;
    padding: 10px 25px;
    background-color: var(--textActiveColor);
}
.sou-con .btn:hover {
    border-radius: 8px;
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.sou-con .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.sou-con .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* ============================================================
   按钮通用样式
   ============================================================ */
.link-ban { margin-top: 30px; }
.link-ban .btn {
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 15px;
    border-radius: 30px;
    padding: 8px 35px;
    transition: 0.4s;
    display: inline-block;
}
@media (max-width: 980px) {
    .link-ban .btn { font-size: 14px; }
}
.link-ban .btn:hover {
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.link-ban .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.link-ban .btn:nth-child(1) {
    background-color: var(--textActiveColor);
}
.link-ban .btn:nth-child(1):hover { color: #fff !important; }
.link-ban .btn:nth-child(2) {
    margin-left: 25px;
    background-color: #fff;
    color: var(--textActiveColor);
}

/* ============================================================
   轮播 banner
   ============================================================ */
.banner {
    width: 100%;
    position: relative;
    height: 100vh;
}
@media (max-width: 1000px) {
    .banner {
        margin-top: 60px;
        height: 320px;
    }
    .banner .swiper-button-next,
    .banner .swiper-button-prev { display: none; }
}
.banner .swp-banner {
    height: 100%;
    width: 100%;
}
.banner .swp-banner .swiper-wrapper { height: 100%; }
.banner .swp-banner .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
    position: relative;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container {
    height: 100%;
    color: #fff;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .rows {
    transition: all .65s;
}
@media (max-width: 1000px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .info .container {
        margin-left: 20px;
    }
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .gs {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .ban-title {
    font-size: 62px;
    position: relative;
    padding-bottom: 20px;
    font-family: var(--hm_Bold);
}
@media (max-width: 1000px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .ban-title {
        font-size: 27px;
    }
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
    font-size: 24px;
    margin-top: 10px;
    width: 80%;
}
@media (max-width: 980px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
        font-size: 14px;
    }
}
@media (max-width: 1000px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
        font-size: 13px;
        width: 90%;
    }
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban {
    margin-top: 30px;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn {
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 17px;
    border-radius: 4px;
    font-weight: 600;
    padding: 10px 25px;
    transition: 0.4s;
}
@media (max-width: 980px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn {
        font-size: 14px;
    }
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:hover {
    border-radius: 8px;
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(1) {
    background-color: var(--textActiveColor);
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(1):hover {
    color: #fff !important;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(2) {
    margin-left: 25px;
    background-color: #fff;
    color: var(--textActiveColor);
}
.banner .swp-banner .swiper-wrapper .swiper-slide .imgcon {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1000px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
        display: block;
    }
}
.banner .swp-banner .swiper-wrapper .swiper-slide .video {
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
    height: 100%;
    width: 100%;
    z-index: 1;
    object-fit: cover;
}
@media (max-width: 980px) {
    .banner .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
        position: initial;
        transform: initial;
        left: initial;
    }
}
.banner .swp-banner .s-wp {
    position: absolute;
    bottom: 10vh;
    width: 100%;
}
.banner .swp-banner .s-wp .container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
}
@media (max-width: 1000px) {
    .banner .swp-banner .s-wp .container {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}
.banner .swp-banner .s-wp .container .swiper-pagination {
    position: initial;
    width: initial;
    margin-right: 15px;
}
.banner .swp-banner .s-wp .container .swiper-pagination .swiper-pagination-bullet {
    width: initial;
    background: none;
    opacity: 1;
    margin: 0px 6px;
    color: #fff;
    font-size: 14px;
}
@media (max-width: 1000px) {
    .banner .swp-banner .s-wp .container .swiper-pagination { bottom: 20px; }
    .banner .swp-banner .s-wp .container .swiper-pagination .swiper-pagination-bullet {
        margin: 0px 10px;
    }
}
.banner .swp-banner .s-wp .container .ac-num {
    font-size: 24px;
    width: 100px;
    color: #fff;
    z-index: 9;
    text-align: right;
    position: relative;
    margin-right: 15px;
}
.banner .swp-banner .s-wp .container .ac-num .load {
    width: calc(100% - 40px);
    text-align: left;
}
.banner .swp-banner .s-wp .container .ac-num .load span {
    display: inline-block;
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: relative;
    top: -8px;
}
.banner .swp-banner .s-wp .container .ac-num .num {
    position: relative;
    overflow: hidden;
}
.banner .swp-banner .s-wp .container .ac-num .num span {
    position: relative;
    bottom: 0;
    transition: all .5s;
}
.banner .swp-banner .s-wp .container .ac-num .num.c span { bottom: -100px; }
.banner .swp-banner .swiper-button-prev,
.banner .swp-banner .swiper-button-next {
    margin-top: 0;
    position: initial;
    opacity: 1;
    transition: all .8s;
    z-index: 59;
}
@media (max-width: 980px) {
    .banner .swp-banner .swiper-button-prev,
    .banner .swp-banner .swiper-button-next { opacity: 1; }
}
.banner .swp-banner .swiper-button-prev::after,
.banner .swp-banner .swiper-button-next::after {
    color: #fff;
    font-size: 18px;
    transition: all .3s;
}
.banner .swp-banner .swiper-button-prev:hover::after,
.banner .swp-banner .swiper-button-next:hover::after {
    color: var(--textActiveColor);
}

/* video-ico 用于关于区域 */
.video-ico {
    position: relative;
    cursor: pointer;
}
.video-ico::before {
    content: "";
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-image: url("../images/video-ico.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}
@media (max-width: 980px) {
    .video-ico::before {
        width: 40px;
        height: 40px;
        background-size: 100%;
    }
}
.video-ico::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    pointer-events: none;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s, transform 0.5s;
}
.video-ico:hover::after {
    opacity: 1;
    transform: scale(1.2);
}

/* ============================================================
   首页 - 关于我们 (index-about)
   ============================================================ */
.index-about { width: 100%; }
.index-about .about-tags {
    padding: 60px 0;
}
@media (max-width: 980px) {
    .index-about .about-tags {
        padding: 30px 0;
        padding-bottom: 10px;
    }
}
.index-about .about-tags .tag-item { width: 100%; }
@media (max-width: 980px) {
    .index-about .about-tags .tag-item { margin-bottom: 20px; }
}
.index-about .about-tags .tag-item .ico {
    width: 60px;
    height: 60px;
    overflow: hidden;
}
@media (max-width: 980px) {
    .index-about .about-tags .tag-item .ico {
        width: 40px;
        height: 40px;
    }
}
.index-about .about-tags .tag-item .ico img {
    max-width: 90%;
    max-height: 90%;
}
.index-about .about-tags .tag-item .count {
    width: calc(100% - 70px);
    margin-left: 10px;
}
@media (max-width: 980px) {
    .index-about .about-tags .tag-item .count {
        width: calc(100% - 50px);
    }
}
.index-about .about-tags .tag-item .count .num {
    color: #222;
    font-size: 47px;
    line-height: 1;
    font-family: var(--hm_Bold);
}
@media (max-width: 980px) {
    .index-about .about-tags .tag-item .count .num {
        font-size: 22px;
    }
}
.index-about .about-tags .tag-item .count .desc {
    font-size: 14px;
}
.index-about .about-box {
    background-image: url("../images/about.jpg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
    background-size: cover;
}
@media (max-width: 980px) {
    .index-about .about-box {
        padding: 30px 0;
        background-size: cover;
    }
}
.index-about .about-box > .container > .row > div:nth-child(1) { float: right; }
@media (min-width: 980px) {
    .index-about .about-box > .container > .row {
        margin-right: -35px;
        margin-left: -35px;
    }
    .index-about .about-box > .container > .row .col-lg-6 {
        padding-right: 35px;
        padding-left: 35px;
    }
}
.index-about .about-box .about-ico {
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1/0.7;
    overflow: hidden;
}
@media (max-width: 980px) {
    .index-about .about-box .about-ico { margin-bottom: 20px; }
}
.index-about .about-box .about-ico img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.index-about .about-box .about-info {
    color: #fff;
}
.index-about .about-box .about-info .title {
    font-size: 36px;
    font-family: var(--hm_Bold);
    margin-bottom: 16px;
    line-height: 1;
    font-weight: 600;
}
@media (max-width: 980px) {
    .index-about .about-box .about-info .title {
        font-size: 26px;
    }
}
.index-about .about-box .about-info .u-title {
    font-family: var(--hm_Bold);
    font-size: 21px;
    font-weight: 600;
}
@media (max-width: 980px) {
    .index-about .about-box .about-info .u-title {
        font-size: 17px;
    }
}
.index-about .about-box .about-info .desc {
    margin: 25px 0;
    line-height: 180%;
}

/* ============================================================
   首页 - 代理品牌 (brand)
   ============================================================ */
.brand {
    width: 100%;
    height: 100vh;
    background-image: url("../images/pp-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 980px) {
    .brand {
        height: initial;
        padding: 40px 0;
    }
}
.brand .brand-box {
    width: 100%;
    height: 100%;
}
.brand .brand-box .container .title-box {
    color: #282727;
    font-weight: 600;
    font-family: var(--hm_Bold);
}
.brand .brand-box .container .title-box .title {
    font-size: 36px;
}
@media (max-width: 980px) {
    .brand .brand-box .container .title-box .title {
        font-size: 26px;
    }
}
.brand .brand-box .container .title-box .u-title {
    font-size: 36px;
    margin-left: 50px;
    color: var(--textActiveColor);
    position: absolute;
}
@media (max-width: 980px) {
    .brand .brand-box .container .title-box .u-title {
        font-size: 26px;
    }
}
.brand .brand-box .container .desc {
    margin-top: 120px;
}
@media (max-width: 980px) {
    .brand .brand-box .container .desc {
        margin-top: 60px;
    }
}
.brand .brand-box .container .desc .ico {
    width: 80%;
    margin: 60px 0;
}
@media (max-width: 980px) {
    .brand .brand-box .container .desc .ico {
        margin: 30px auto;
    }
}
.brand .brand-box .container .desc .ico img { width: 100%; }
.brand .brand-box .container .desc .info {
    font-size: 21px;
}
@media (max-width: 980px) {
    .brand .brand-box .container .desc .info {
        font-size: 16px;
    }
}
.brand .brand-box .container .brand-content {
    width: 100%;
    margin-top: 60px;
    position: relative;
}
@media (max-width: 980px) {
    .brand .brand-box .container .brand-content {
        margin-top: 30px;
    }
}
.brand .brand-box .container .brand-content .ntand-item-li { flex: 1; }
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item {
    background-color: #fff;
    border-radius: 10px;
    width: calc(100% - 20px);
    padding: 30px 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 0 20px #f2dde7;
}
@media (max-width: 980px) {
    .brand .brand-box .container .brand-content .ntand-item-li .ntand-item {
        padding: 10px;
        width: calc(100% - 10px);
        margin-bottom: 10px;
    }
}
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item .ico {
    width: 100%;
    height: 60px;
    transition: all .5s;
    transform: scale(1);
}
@media (max-width: 980px) {
    .brand .brand-box .container .brand-content .ntand-item-li .ntand-item .ico {
        height: 30px;
    }
}
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item .ico img {
    max-width: 80%;
}
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item .name {
    text-align: center;
    position: absolute;
    transition: all .5s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    opacity: 0;
    background-color: var(--textActiveColor);
    color: #fff;
}
@media (max-width: 980px) {
    .brand .brand-box .container .brand-content .ntand-item-li .ntand-item .name {
        font-size: 13px;
    }
}
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item:hover .ico {
    transform: scale(0.9);
}
.brand .brand-box .container .brand-content .ntand-item-li .ntand-item:hover .name {
    opacity: 1;
}
.brand .brand-box .container .brand-content .ntand-item-li:nth-child(1) {
    transform: translateY(30px);
}
.brand .brand-box .container .brand-content .ntand-item-li:nth-child(3) {
    transform: translateY(-30px);
}
.brand .brand-box .container .brand-content .ntand-item-li:nth-child(4) {
    transform: translateY(-30px);
}
.brand .brand-box .container .brand-content .link-ban {
    position: absolute;
    right: 10px;
    bottom: -60px;
}
@media (max-width: 980px) {
    .brand .brand-box .container .brand-content .link-ban {
        bottom: 10px;
    }
}

/* ============================================================
   首页 - 产品中心 (index-prod)
   ============================================================ */
.index-prod {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/prod-bg.jpg");
    margin: 0 auto;
    background-size: cover;
}
@media (max-width: 980px) {
    .index-prod {
        height: initial;
        padding: 40px 0;
    }
}
.index-prod > div {
    width: 100%;
    height: 100%;
}
@media (max-width: 980px) {
    .index-prod .container { width: 100%; }
}
.index-prod .container .prod-nav-box .nav-items-box {
    width: calc(100% - 130px);
}
@media (max-width: 980px) {
    .index-prod .container .prod-nav-box .nav-items-box {
        width: calc(100%);
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        display: block;
    }
}
.index-prod .container .prod-nav-box .nav-items-box .item {
    width: calc(100% / 5 - 20px);
    margin: 10px;
    position: relative;
}
@media (max-width: 980px) {
    .index-prod .container .prod-nav-box .nav-items-box .item {
        width: calc(100% / 5 - 10px);
        margin: 5px;
        display: inline-block;
        margin: 5px 15px;
    }
    .index-prod .container .prod-nav-box .nav-items-box .item a {
        pointer-events: none;
    }
}
.index-prod .container .prod-nav-box .nav-items-box .item .items {
    display: inline-block;
    cursor: pointer;
}
.index-prod .container .prod-nav-box .nav-items-box .item .items .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    transition: all .5s;
}
@media (max-width: 980px) {
    .index-prod .container .prod-nav-box .nav-items-box .item .items .img {
        width: 50px;
        height: 50px;
    }
}
.index-prod .container .prod-nav-box .nav-items-box .item .items .img img {
    max-width: 80%;
    max-height: 80%;
    transform: scale(0.9);
    transition: all .5s;
}
.index-prod .container .prod-nav-box .nav-items-box .item .items .t {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
@media (max-width: 980px) {
    .index-prod .container .prod-nav-box .nav-items-box .item .items .t {
        font-size: 14px;
        font-weight: 500;
    }
}
.index-prod .container .prod-nav-box .nav-items-box .item .a-xt {
    width: 90%;
    height: 1px;
    background-color: #9f9f9f;
    position: relative;
    top: 40px;
    margin-left: 10%;
}
@media (max-width: 980px) {
    .index-prod .container .prod-nav-box .nav-items-box .item .a-xt { display: none; }
}
.index-prod .container .prod-nav-box .nav-items-box .item.on .items .img,
.index-prod .container .prod-nav-box .nav-items-box .item:hover .items .img {
    background-color: #fff;
}
.index-prod .container .prod-nav-box .nav-items-box .item.on .items .img img,
.index-prod .container .prod-nav-box .nav-items-box .item:hover .items .img img {
    transform: scale(1);
}
.index-prod .container .prod-nav-box .more-link {
    width: 120px;
    margin-top: 28px;
}
.index-prod .container .prod-nav-box .more-link a {
    display: block;
    padding: 8px 0;
    text-align: center;
    background-color: #ebecee;
    border-radius: 30px;
}
.index-prod .container .prod-cont {
    margin-top: 12vh;
    position: relative;
}
@media (max-width: 980px) {
    .index-prod .container .prod-cont {
        margin-top: 30px;
    }
}
.index-prod .container .prod-cont .prod-item {
    transform: translateY(20px);
    display: none;
}
.index-prod .container .prod-cont .prod-item.showx {
    display: block;
    transition: all .5s;
    transform: translateY(0);
}
.index-prod .container .prod-cont .prod-item .info .title {
    font-size: 28px;
    font-weight: 600;
    font-family: var(--hm_Bold);
}
@media (max-width: 980px) {
    .index-prod .container .prod-cont .prod-item .info .title {
        font-size: 22px;
    }
}
.index-prod .container .prod-cont .prod-item .info .desc {
    font-size: 16px;
    margin-top: 30px;
}
@media (max-width: 980px) {
    .index-prod .container .prod-cont .prod-item .info .desc {
        font-size: 15px;
        margin-top: 15px;
    }
}
.index-prod .container .prod-cont .prod-img-swp {
    width: 100%;
    margin-top: 20px;
}
.index-prod .container .prod-cont .prod-img-swp .swp-box {
    width: calc(100% - 150px);
}
@media (max-width: 980px) {
    .index-prod .container .prod-cont .prod-img-swp .swp-box {
        width: calc(100%);
    }
}
.index-prod .container .prod-cont .prod-img-swp .swp-box .prod-swp {
    padding-left: 50px;
}
@media (max-width: 980px) {
    .index-prod .container .prod-cont .prod-img-swp .swp-box .prod-swp {
        padding-left: 10px;
    }
}
.index-prod .container .prod-cont .prod-img-swp .swp-box .swiper-slide .box-s {
    margin: 10px;
    width: calc(100% - 20px);
    aspect-ratio: 1/0.8;
    overflow: hidden;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #f1e2e2;
}
.index-prod .container .prod-cont .prod-img-swp .swp-box .swiper-slide .box-s .img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-prod .container .prod-cont .prod-img-swp .swp-box .swiper-slide .box-s .img img {
    max-width: 90%;
    max-height: 90%;
}
.index-prod .container .prod-cont .prod-img-swp .n-p-box {
    width: 130px;
    margin-left: 20px;
    position: relative;
}
.index-prod .container .prod-cont .prod-img-swp .n-p-box > div {
    position: initial;
    width: 55px;
    height: 55px;
    background-color: var(--textActiveColor);
    border-radius: 50%;
    margin: 0 5px;
    color: #fff;
}
.index-prod .container .prod-cont .prod-img-swp .n-p-box > div::after {
    font-size: 18px;
}
.index-prod .container .prod-cont .p-title {
    position: absolute;
    bottom: 0;
    left: 0;
}
.index-prod .container .prod-cont .p-title .t {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--hm_Bold);
}
.index-prod .container .prod-cont .p-title .s-t {
    font-size: 18px;
}

/* ============================================================
   首页 - 应用领域 (index-td)
   ============================================================ */
.h-100v { height: 100vh; }
.temp-title .title {
    font-size: 30px;
    font-weight: 600;
    font-family: var(--hm_Bold);
}
@media (max-width: 980px) {
    .temp-title .title { font-size: 26px; }
}
.temp-title .s-title {
    font-size: 21px;
    color: #4a4a4a;
}
@media (max-width: 980px) {
    .temp-title .s-title { font-size: 19px; }
}
.temp-title .t-box {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--hm_Bold);
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}
@media (max-width: 980px) {
    .temp-title .t-box { font-size: 26px; }
}
.temp-title .t-box::after {
    width: 50px;
    height: 3px;
    background-color: var(--textActiveColor);
    margin-top: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    content: "";
}

.index-td { position: relative; }
.index-td .td-con {
    position: sticky;
    top: 0;
    background-image: url("../images/ly-bg.jpg");
    background-color: #fff;
    background-position: bottom center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: auto 100vh;
    width: 100%;
    height: 100vh;
}
.index-td .td-con > .container {
    min-height: calc(100vh);
}
.index-td .td-con > .container .title {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 5;
}
.index-td .td-con > .container .title .gp-t {
    margin-top: 30vh;
}
.index-td .td-con > .container .title .t-a {
    font-size: 68px;
    font-weight: 200;
    color: #fff;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .title .t-a {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .title .t-a {
        font-size: 32px;
    }
}
.index-td .td-con > .container .title .t-b {
    font-size: 92px;
    font-weight: 700;
    color: #fff;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .title .t-b {
        font-size: 60px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .title .t-b {
        font-size: 42px;
    }
}
.index-td .td-con > .container .r-bj {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 81vh;
    left: 0;
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj {
        height: 99vh;
    }
}
.index-td .td-con > .container .r-bj .r-con {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.index-td .td-con > .container .r-bj .r-con div {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transform: scale(0);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj .r-con div {
        top: 31%;
    }
}
.index-td .td-con > .container .r-bj .r-con div.y-a {
    z-index: 1;
    width: 40vh;
    height: 40vh;
    margin-left: -20vh;
    margin-top: -20vh;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 2px 4px -6px rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj .r-con div.y-a {
        width: 30vh;
        height: 30vh;
        margin-left: -15vh;
        margin-top: -15vh;
    }
}
.index-td .td-con > .container .r-bj .r-con div.y-b {
    z-index: 2;
    width: 30vh;
    height: 30vh;
    margin-left: -15vh;
    margin-top: -15vh;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 2px 4px -6px rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj .r-con div.y-b {
        width: 20vh;
        height: 20vh;
        margin-left: -10vh;
        margin-top: -10vh;
    }
}
.index-td .td-con > .container .r-bj .r-con div.y-c {
    z-index: 3;
    width: 60vh;
    height: 60vh;
    margin-left: -30vh;
    margin-top: -30vh;
    background: rgba(26, 26, 26, 0.8);
    box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.25), 0px 6px 16px rgba(255, 255, 255, 0.25), 0px 9px 28px 8px rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj .r-con div.y-c {
        width: 10vh;
        height: 10vh;
        margin-left: -5vh;
        margin-top: -5vh;
    }
}
.index-td .td-con > .container .r-bj .r-con div.y-d {
    z-index: 4;
    width: 45vh;
    height: 45vh;
    margin-left: -22.5vh;
    margin-top: -22.5vh;
    background: rgba(18, 18, 18, 0.6);
    box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.25), 0px 6px 16px rgba(255, 255, 255, 0.25), 0px 9px 28px 8px rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .r-bj .r-con div.y-d {
        width: 5vh;
        height: 5vh;
        margin-left: -2.5vh;
        margin-top: -2.5vh;
    }
}
.index-td .td-con > .container .info {
    position: relative;
    z-index: 6;
    height: 50vh;
}
.index-td .td-con > .container .info .prod-img {
    position: absolute;
    width: 42vh;
    left: 50%;
    margin-left: -21vh;
    margin-top: 90px;
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .prod-img {
        width: 50%;
        margin-left: -25%;
        margin-top: -37%;
    }
}
.index-td .td-con > .container .info .prod-img .img {
    width: 100%;
    opacity: 0;
    animation: fa 10s infinite;
    transform: translateY(0);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .prod-img .img {
        height: initial;
        margin-top: 16px;
    }
}
.index-td .td-con > .container .info .prod-img .img img {
    width: 100%;
    height: 100%;
}
@keyframes fa {
    0%, 100% { transform: translateY(-10px); }
    50% { transform: translateY(10px); }
}
.index-td .td-con > .container .info .prod-img .link-btn {
    text-align: center;
    margin-top: 90px;
    z-index: 9;
    position: relative;
    opacity: 0;
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .prod-img .link-btn {
        margin-top: 195px;
    }
}
.index-td .td-con > .container .info .prod-img .link-btn a {
    border: 1px solid #fff;
    font-size: 28px;
    font-weight: 400;
    padding: 9px 80px;
    color: #fff;
    transition: all .5s;
}
@media (max-width: 1760px) {
    .index-td .td-con > .container .info .prod-img .link-btn a {
        font-size: 20px;
    }
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .prod-img .link-btn a {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .prod-img .link-btn a {
        font-size: 16px;
        padding: 5px 10px;
    }
}
.index-td .td-con > .container .info .prod-img .link-btn a:hover {
    color: var(--textActiveColor);
    border-color: var(--textActiveColor);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag {
        margin-top: 50%;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info {
    position: absolute;
    width: 350px;
    transform: scale(0);
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info {
        width: 40%;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info .ico {
    width: 90px;
    height: 90px;
    border-radius: 50px;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info .ico {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info .ico {
        width: 40px;
        height: 40px;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info .ico img {
    width: 50%;
    opacity: 0;
}
.index-td .td-con > .container .info .l-tag .tag-info:nth-child(odd) .ico {
    background: linear-gradient(143.07deg, #f0c0c0 0%, #fffdfd 100%);
}
.index-td .td-con > .container .info .l-tag .tag-info:nth-child(even) .ico {
    background: linear-gradient(143.07deg, #f0c0c0 0%, #fffdfd 100%);
}
.index-td .td-con > .container .info .l-tag .tag-info .desc {
    width: calc(100% - 125px);
    color: #fff;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc {
        width: calc(100% - 90px);
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc {
        width: calc(100% - 45px);
    }
}
.index-td .td-con > .container .info .l-tag .tag-info .desc .t {
    font-size: 26px;
    font-weight: 700;
}
@media (max-width: 1760px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc .t {
        font-size: 20px;
    }
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc .t {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc .t {
        font-size: 12px;
        font-weight: 600;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info .desc .d {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #dcdcdc;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc .d {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info .desc .d {
        font-size: 10px;
        color: #fff;
    }
    .index-td .td-con > .container .info .l-tag .tag-info .desc .d br {
        display: none;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info:nth-child(1) {
    top: 30px;
    left: 8%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(1) {
        top: 20px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(1) {
        top: 23px;
        left: -2%;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info:nth-child(2) {
    top: 35%;
    left: 3%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(2) {
        top: 38%;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(2) {
        top: 31%;
        left: -3%;
    }
}
.index-td .td-con > .container .info .l-tag .tag-info:nth-child(3) {
    top: 59%;
    left: 8%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(3) {
        top: 70%;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .l-tag .tag-info:nth-child(3) {
        top: 58%;
        left: 4%;
    }
}
.index-td .td-con > .container .info .r-tag {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag {
        text-align: right;
    }
}
.index-td .td-con > .container .info .r-tag > div {
    height: 100%;
    position: relative;
}
.index-td .td-con > .container .info .r-tag > div .tag-info {
    position: absolute;
    width: 310px;
    transform: scale(0);
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info {
        width: 250px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info {
        width: 80%;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info .ico {
    width: 90px;
    height: 90px;
    border-radius: 50px;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .ico {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .ico {
        width: 40px;
        height: 40px;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info .ico img {
    width: 50%;
    opacity: 0;
}
.index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(even) .ico {
    background: linear-gradient(143.07deg, #f0c0c0 0%, #fffdfd 100%);
}
.index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(odd) .ico {
    background: linear-gradient(143.07deg, #f0c0c0 0%, #fffdfd 100%);
}
.index-td .td-con > .container .info .r-tag > div .tag-info .desc {
    width: calc(100% - 115px);
    color: #fff;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc {
        width: calc(100% - 90px);
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc {
        width: calc(100% - 45px);
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info .desc .t {
    font-size: 26px;
    font-weight: 700;
}
@media (max-width: 1760px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .t {
        font-size: 20px;
    }
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .t {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .t {
        font-size: 12px;
        font-weight: 600;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info .desc .d {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #dcdcdc;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .d {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .d {
        font-size: 10px;
        color: #fff;
    }
    .index-td .td-con > .container .info .r-tag > div .tag-info .desc .d br {
        display: none;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(1) {
    top: 30px;
    right: 13%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(1) {
        top: 20px;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(1) {
        top: 21px;
        right: -3%;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(2) {
    top: 31%;
    right: 3%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(2) {
        top: 38%;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(2) {
        top: 35%;
        right: -2%;
    }
}
.index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(3) {
    top: 59%;
    right: 14%;
}
@media (max-width: 1550px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(3) {
        top: 70%;
    }
}
@media (max-width: 768px) {
    .index-td .td-con > .container .info .r-tag > div .tag-info:nth-child(3) {
        top: 60%;
        right: 1%;
    }
}
.index-td .di {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.index-td .di .con {
    position: relative;
    height: 100%;
}
.index-td .di .con::after {
    position: absolute;
    content: "";
    height: 170px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ececec;
}
@media (max-width: 768px) {
    .index-td .di .con::after {
        height: 50px;
    }
}
.index-td .di .con .baijian {
    position: relative;
    z-index: 5;
    width: 100%;
    opacity: 0;
    top: 60px;
    max-width: 1000px;
    margin: 0 auto;
}
.index-td .di .con .baijian img {
    width: 100%;
    object-fit: cover;
}

/* ============================================================
   首页 - 为什么选择 (index-xz)
   ============================================================ */
.index-xz {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .index-xz {
        padding: 40px 0;
    }
}
.index-xz .project {
    margin-top: 60px;
}
@media (max-width: 980px) {
    .index-xz .project {
        margin-top: 30px;
    }
}
.index-xz .project > .project-box {
    margin-left: -8px;
    margin-right: -8px;
}
.index-xz .project > .project-box > .prodj-item {
    transition: all .5s;
    width: calc(100% / 4.5 - 16px);
    margin: 8px;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 980px) {
    .index-xz .project > .project-box > .prodj-item {
        width: calc(100% / 1 - 16px);
    }
}
.index-xz .project > .project-box > .prodj-item .title {
    text-align: center;
}
.index-xz .project > .project-box > .prodj-item.max {
    width: calc((100% / 3) - 16px);
}
@media (max-width: 980px) {
    .index-xz .project > .project-box > .prodj-item.max {
        width: calc(100% / 1 - 16px);
    }
}
.index-xz .project > .project-box > .prodj-item.max .title {
    text-align: left;
}
.index-xz .project > .project-box > .prodj-item.max .desc {
    height: 50px !important;
    opacity: 1 !important;
}
@media (max-width: 980px) {
    .index-xz .project > .project-box > .prodj-item.max .desc {
        height: initial !important;
    }
}
.index-xz .project .project-item {
    position: relative;
    height: 350px;
    overflow: hidden;
}
@media only screen and (max-width: 980px) {
    .index-xz .project .project-item {
        height: 280px;
        border-radius: 15px;
    }
}
.index-xz .project .project-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100px;
    background-image: linear-gradient(to bottom, transparent, #000);
}
.index-xz .project .project-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-xz .project .project-item .info {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}
.index-xz .project .project-item .info .title-box {
    padding: 10px;
    color: #fff;
    width: calc(100% - 20px);
}
.index-xz .project .project-item .info .title-box .title {
    font-size: 20px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .index-xz .project .project-item .info .title-box .title {
        text-align: left;
        font-size: 19px;
    }
}
.index-xz .project .project-item .info .title-box .desc {
    transition: all .3s;
    opacity: 0;
    height: 0;
}
@media only screen and (max-width: 980px) {
    .index-xz .project .project-item .info .title-box .desc {
        opacity: 1;
        height: auto;
    }
}

/* ============================================================
   首页 - 最新消息 (index-news)
   ============================================================ */
.index-news .news-box {
    padding-bottom: 80px;
    background-color: #fff;
}
@media (max-width: 980px) {
    .index-news .news-box {
        padding-bottom: 0;
    }
}
.index-news .news-box .news-list-items {
    margin-top: 8vh;
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items {
        margin-top: 20px;
    }
}
.index-news .news-box .news-list-items .news-imgs-box {
    position: relative;
    width: 100%;
    height: 377px;
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items .news-imgs-box {
        height: 230px;
    }
}
.index-news .news-box .news-list-items .news-imgs-box .img-item {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    transition: all .5s;
}
.index-news .news-box .news-list-items .news-imgs-box .img-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 1s;
    transform: scale(1.2);
}
.index-news .news-box .news-list-items .news-imgs-box .img-item.on {
    opacity: 1;
}
.index-news .news-box .news-list-items .news-imgs-box .img-item.on img {
    transform: scale(1);
}
.index-news .news-box .news-list-items .news-title-box {
    padding-left: 30px;
}
.index-news .news-box .news-list-items .news-title-box .title-item {
    position: relative;
    padding: 31px;
    border-radius: 0;
    background-color: transparent;
    transition: all .5s;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f4f7;
}
.index-news .news-box .news-list-items .news-title-box .title-item:nth-child(1) {
    border-top: 1px solid #f0f4f7;
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items .news-title-box .title-item {
        padding: 10px;
        margin-top: 20px;
    }
}
.index-news .news-box .news-list-items .news-title-box .title-item::before {
    width: 0;
    height: 2px;
    background-color: var(--textActiveColor);
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s;
}
.index-news .news-box .news-list-items .news-title-box .title-item .title {
    font-size: 16px;
    color: #484848;
    transition: all .5s;
}
.index-news .news-box .news-list-items .news-title-box .title-item .title .time {
    width: 95px;
    margin-right: 20px;
}
.index-news .news-box .news-list-items .news-title-box .title-item .title .time strong {
    color: #000;
    transition: all .5s;
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items .news-title-box .title-item .title .time {
        width: 95px;
        margin-right: 10px;
    }
}
.index-news .news-box .news-list-items .news-title-box .title-item .title .t {
    width: calc(100% - 115px);
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items .news-title-box .title-item .title .t {
        width: calc(100% - 115px);
    }
}
.index-news .news-box .news-list-items .news-title-box .title-item .title .t .tt {
    width: calc(100% - 15px);
}
.index-news .news-box .news-list-items .news-title-box .title-item .title .t .link {
    width: 15px;
    text-align: right;
}
.index-news .news-box .news-list-items .news-title-box .title-item.on {
    background-color: var(--textActiveColor);
    color: #fff;
}
@media (max-width: 980px) {
    .index-news .news-box .news-list-items .news-title-box .title-item.on {
        border-radius: 20px;
    }
}
.index-news .news-box .news-list-items .news-title-box .title-item.on::before {
    width: 60px;
    left: -60px;
}
.index-news .news-box .news-list-items .news-title-box .title-item.on .title {
    color: #fff;
}
.index-news .news-box .news-list-items .news-title-box .title-item.on .time strong {
    color: #fff;
}

/* ============================================================
   内页通用样式（n-about, about-wh, domain, 等）
   ============================================================ */
.n-about {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .n-about {
        padding: 40px 0;
        padding-bottom: 20px;
    }
}
.n-about .about-box {
    margin-top: 60px;
}
@media (max-width: 980px) {
    .n-about .about-box {
        margin-top: 20px;
    }
}
.n-about .about-box > .container > .row > div:nth-child(1) { float: right; }
@media (max-width: 980px) {
    .n-about .about-box > .container > .row > div:nth-child(1) { float: initial; }
}
@media (min-width: 980px) {
    .n-about .about-box > .container > .row {
        margin-right: -35px;
        margin-left: -35px;
    }
    .n-about .about-box > .container > .row .col-lg-6 {
        padding-right: 35px;
        padding-left: 35px;
    }
}
.n-about .about-box .about-ico {
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1/0.7;
    overflow: hidden;
}
@media (max-width: 980px) {
    .n-about .about-box .about-ico { margin-bottom: 30px; }
}
.n-about .about-box .about-ico img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.n-about .about-box .about-info {
    line-height: 180%;
}
.n-about .about-box .about-info img {
    max-width: 100%;
}
.n-about .about-tags {
    padding: 60px 0;
}
@media (max-width: 980px) {
    .n-about .about-tags {
        padding: 30px 0;
        padding-bottom: 10px;
    }
}
.n-about .about-tags .tag-item { width: 100%; }
@media (max-width: 980px) {
    .n-about .about-tags .tag-item { margin-bottom: 20px; }
}
.n-about .about-tags .tag-item .ico {
    width: 60px;
    height: 60px;
    overflow: hidden;
}
@media (max-width: 980px) {
    .n-about .about-tags .tag-item .ico {
        width: 40px;
        height: 40px;
    }
}
.n-about .about-tags .tag-item .ico img {
    max-width: 90%;
    max-height: 90%;
}
.n-about .about-tags .tag-item .count {
    width: calc(100% - 70px);
    margin-left: 10px;
}
@media (max-width: 980px) {
    .n-about .about-tags .tag-item .count {
        width: calc(100% - 50px);
    }
}
.n-about .about-tags .tag-item .count .num {
    color: #222;
    font-size: 47px;
    line-height: 1;
    font-family: var(--hm_Bold);
}
@media (max-width: 980px) {
    .n-about .about-tags .tag-item .count .num {
        font-size: 22px;
    }
}
.n-about .about-tags .tag-item .count .desc {
    font-size: 14px;
}
.about-whs {
    background-image: url("../images/wh-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
    background-size: cover;
}
@media (max-width: 980px) {
    .about-whs {
        padding: 40px 0;
    }
}
.about-whs .temp-title { color: #fff; }
.about-whs .whs-box {
    margin-top: 60px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 980px) {
    .about-whs .whs-box {
        margin-top: 30px;
    }
}
.about-whs .whs-box .item {
    width: calc(100% / 5 - 30px);
    margin: 15px;
    padding: 15px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    height: 280px;
}
@media (max-width: 980px) {
    .about-whs .whs-box .item {
        width: calc(100% / 2 - 30px);
        height: 180px;
    }
    .about-whs .whs-box .item:last-child { display: none; }
}
.about-whs .whs-box .item > div { width: 100%; }
.about-whs .whs-box .item .en-t {
    position: relative;
    padding: 10px 0;
    font-size: 20px;
    margin-bottom: 10px;
}
@media (max-width: 980px) {
    .about-whs .whs-box .item .en-t {
        padding: 5px 0;
        font-size: 16px;
        margin-bottom: 5px;
    }
}
.about-whs .whs-box .item .en-t::after,
.about-whs .whs-box .item .en-t::before {
    width: 45px;
    height: 1px;
    position: absolute;
    background-color: #fff;
    content: "";
    left: 50%;
    transform: translateX(-50%);
}
.about-whs .whs-box .item .en-t::before { top: 0; }
.about-whs .whs-box .item .en-t::after { bottom: 0; }
.about-whs .whs-box .item .title {
    font-size: 24px;
    margin: 15px 0;
}
@media (max-width: 980px) {
    .about-whs .whs-box .item .title {
        font-size: 18px;
        margin: 8px 0;
    }
}
.about-whs .whs-box .item .link-desc {
    font-size: 16px;
    opacity: 0;
    height: 0;
    transition: all .5s;
    transform: translateY(10px);
}
@media (max-width: 980px) {
    .about-whs .whs-box .item .link-desc {
        font-size: 13px;
        opacity: 1;
        transform: translateY(0);
        height: 30px;
    }
}
.about-whs .whs-box .item .link-desc a { color: #fff; }
.about-whs .whs-box .item:hover .link-desc {
    opacity: 1;
    height: 50px;
    transform: translateY(0);
}

/* ============================================================
   内页：about-wh (企业文化等)
   ============================================================ */
.about-wh {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .about-wh {
        padding: 40px 0;
    }
}
.about-wh .wh-box {
    margin-top: 50px;
}
@media (max-width: 980px) {
    .about-wh .wh-box {
        margin-top: 20px;
    }
}
.about-wh .wh-box > .row > div { height: auto; }
.about-wh .wh-box .wh-box-item { margin-bottom: 60px; }
@media (max-width: 980px) {
    .about-wh .wh-box .wh-box-item { margin-bottom: 30px; }
}
@media (min-width: 980px) {
    .about-wh .wh-box .wh-box-item > .row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .about-wh .wh-box .wh-box-item > .row .col-lg-6 {
        padding-right: 30px;
        padding-left: 30px;
    }
}
.about-wh .wh-box .wh-box-item:nth-child(even) > .row {
    flex-direction: row-reverse;
}
.about-wh .wh-box .wh-box-item .img {
    width: 100%;
    min-height: 200px;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.about-wh .wh-box .wh-box-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 980px) {
    .about-wh .wh-box .wh-box-item .info {
        margin-top: 20px;
    }
}
.about-wh .wh-box .wh-box-item .info .title {
    font-size: 31px;
    font-family: var(--hm_Bold);
    font-weight: 600;
    color: var(--textActiveColor);
}
@media (max-width: 980px) {
    .about-wh .wh-box .wh-box-item .info .title {
        font-size: 18px;
    }
}
.about-wh .wh-box .wh-box-item .info .desc {
    margin-top: 30px;
    font-size: 16px;
    color: #444444;
}
@media (max-width: 980px) {
    .about-wh .wh-box .wh-box-item .info .desc {
        font-size: 14px;
        margin-top: 10px;
    }
}

/* ============================================================
   内页：公司环境 (gshj)
   ============================================================ */
.gshj {
    padding-top: 60px;
}
@media (max-width: 980px) {
    .gshj {
        padding-top: 30px;
    }
}
.gshj .gshj-swp {
    margin-top: 50px;
    margin-bottom: 30px;
}
@media (max-width: 980px) {
    .gshj .gshj-swp {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
.gshj .gshj-swp .item {
    margin-bottom: 30px;
    aspect-ratio: 1/0.9;
    overflow: hidden;
}
.gshj .gshj-swp .item .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.gshj .gshj-swp .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gshj .gshj-swp .pagin {
    position: relative;
    margin-top: 10px;
}
.gshj .gshj-swp .pagin .p-n {
    position: relative;
    width: 80px;
}
.gshj .gshj-swp .pagin .p-n .swiper-button-next,
.gshj .gshj-swp .pagin .p-n .swiper-button-prev {
    position: initial;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid var(--textActiveColor);
    background-color: transparent;
    transition: all .5s;
}
.gshj .gshj-swp .pagin .p-n .swiper-button-next::after,
.gshj .gshj-swp .pagin .p-n .swiper-button-prev::after {
    color: var(--textActiveColor);
    font-size: 14px;
}
.gshj .gshj-swp .pagin .p-n .swiper-button-next:hover,
.gshj .gshj-swp .pagin .p-n .swiper-button-prev:hover {
    border-color: var(--textActiveColor);
    color: var(--textActiveColor);
    background-color: #fff;
}
.gshj .gshj-swp .pagin .p-n .swiper-button-next {
    border: 1px solid var(--textActiveColor);
    color: var(--textActiveColor);
}
.gshj .gshj-swp .pagin .pagin-box {
    width: calc(100% - 90px);
    margin-left: 10px;
    position: relative;
}
.gshj .gshj-swp .pagin .pagin-box .swiper-pagination {
    height: 1px;
    background-color: #e0e0e0;
}
.gshj .gshj-swp .pagin .pagin-box .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: var(--textActiveColor);
}

/* ============================================================
   内页：发展历程 (fzlc)
   ============================================================ */
.fzlc {
    background-image: url("../images/fzlc-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
}
@media (max-width: 980px) {
    .fzlc {
        padding-top: 30px;
    }
}
.fzlc .t-box { color: #fff; }
.fzlc .fzlc-box {
    margin-top: 100px;
}
@media (max-width: 980px) {
    .fzlc .fzlc-box {
        margin-top: 28px;
    }
}
.fzlc .fzlc-box .fzlc-swp {
    position: relative;
    padding-bottom: 60px;
}
.fzlc .fzlc-box .fzlc-swp::after {
    width: calc(100% - 80px);
    height: 1px;
    content: "";
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
}
.fzlc .fzlc-box .fzlc-swp .swiper-slide {
    height: 90px;
    text-align: center;
    font-size: 28px;
    position: relative;
    padding-bottom: 15px;
    color: #fff;
    transition: font-size .5s;
}
@media (max-width: 980px) {
    .fzlc .fzlc-box .fzlc-swp .swiper-slide {
        font-size: 18px;
    }
}
.fzlc .fzlc-box .fzlc-swp .swiper-slide::after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
}
.fzlc .fzlc-box .fzlc-swp .swiper-slide .desc {
    opacity: 0;
    z-index: -1;
    height: 0;
    overflow: hidden;
    width: 0;
}
.fzlc .fzlc-box .fzlc-swp .swiper-slide.swiper-slide-active {
    font-size: 72px;
    font-weight: 600;
}
@media (max-width: 980px) {
    .fzlc .fzlc-box .fzlc-swp .swiper-slide.swiper-slide-active {
        font-size: 32px;
    }
}
.fzlc .fzlc-box .fzlc-swp .swiper-slide .title {
    position: absolute;
    width: 100%;
    bottom: 10px;
    line-height: 1;
}
.fzlc .fzlc-box .fzlc-swp .fzlc-prev,
.fzlc .fzlc-box .fzlc-swp .fzlc-next {
    color: #fff;
    margin-top: -7px;
}
.fzlc .fzlc-box .fzlc-swp .fzlc-prev::after,
.fzlc .fzlc-box .fzlc-swp .fzlc-next::after {
    font-size: 18px;
}
.fzlc .fzlc-box .active-content {
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 80px;
    text-align: center;
    color: #fff;
    transition: all .5s;
    opacity: 0;
    height: 70px;
}
@media (max-width: 980px) {
    .fzlc .fzlc-box .active-content {
        width: 70%;
        height: initial;
        font-size: 16px;
        font-weight: 500;
    }
}
.fzlc .fzlc-box .active-content.showx { opacity: 1; }

/* ============================================================
   内页：单行导航 (danhangt)
   ============================================================ */
.danhangt { background-color: #f1f1f1; }
.danhangt .container {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.danhangt a {
    display: inline-block;
    padding: 20px 30px;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: -1px;
    color: #1b1b1b;
}
@media (max-width: 980px) {
    .danhangt a {
        font-size: 16px;
        padding: 10px;
        margin-right: 10px;
    }
}
.danhangt a.ac,
.danhangt a:hover {
    color: #fff !important;
    background-color: var(--textActiveColor);
}

/* ============================================================
   内页：招聘 (joblist)
   ============================================================ */
.joblist {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .joblist {
        padding: 40px 0;
    }
}
.joblist .job-item {
    margin-top: 60px;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    padding: 45px;
}
@media (max-width: 980px) {
    .joblist .job-item {
        margin-top: 20px;
        padding: 15px;
    }
}
.joblist .job-item .title-box { cursor: pointer; }
.joblist .job-item .title-box .t-info {
    width: calc(100% - 80px);
}
@media (max-width: 980px) {
    .joblist .job-item .title-box .t-info {
        width: calc(100% - 20px);
    }
}
.joblist .job-item .title-box .t-info .t {
    transition: all .5s;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--hm_Bold);
}
@media (max-width: 980px) {
    .joblist .job-item .title-box .t-info .t {
        font-size: 17px;
    }
}
.joblist .job-item .title-box .t-info .time {
    font-size: 14px;
    color: #5c5c5c;
    margin-top: 8px;
}
@media (max-width: 980px) {
    .joblist .job-item .title-box .t-info .time {
        font-size: 13px;
    }
}
.joblist .job-item .title-box .t-info .time span {
    height: 10px;
    width: 1px;
    background-color: #a5a5a5;
    display: inline-block;
    margin: 0 10px;
}
.joblist .job-item .title-box .more .fa {
    font-size: 36px;
    color: #c4c2c2;
    transform: rotate(270deg);
    transition: all .5s;
}
@media (max-width: 980px) {
    .joblist .job-item .title-box .more .fa {
        font-size: 26px;
    }
}
.joblist .job-item .title-box:hover .t-info .t {
    color: var(--textActiveColor);
}
.joblist .job-item .info {
    border-top: 1px solid #ccc;
    line-height: 180%;
    opacity: 0;
    height: 0;
    z-index: -1;
    position: relative;
    transition: height .5s, opacity .5s;
}
.joblist .job-item .info .link-ban .btn {
    background-color: #fff;
    border-color: #ccc;
    color: var(--textActiveColor);
    padding: 8px 20px;
}
.joblist .job-item .info .link-ban .btn .fa { margin: 0 10px; }
.joblist .job-item .info .link-ban .btn:hover { color: var(--textActiveColor) !important; }
.joblist .job-item.showx .info {
    margin-top: 30px;
    padding-top: 30px;
    opacity: 1;
    height: max-content;
    z-index: 1;
}
@media (max-width: 980px) {
    .joblist .job-item.showx .info {
        margin-top: 10px;
        padding-top: 10px;
        opacity: 1;
    }
}
.joblist .job-item.showx .more .fa {
    transform: rotate(360deg);
}

/* ============================================================
   内页：联系方式 (contact-box)
   ============================================================ */
.contact-box {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .contact-box {
        padding: 40px 0;
    }
}
.contact-box .contact-item {
    margin-bottom: 60px;
}
@media (max-width: 980px) {
    .contact-box .contact-item {
        margin-bottom: 30px;
    }
}
.contact-box .contact-item .title {
    color: #000000;
    font-size: 36px;
    position: relative;
    font-weight: 600;
    font-family: var(--hm_Bold);
    padding-bottom: 15px;
}
@media (max-width: 980px) {
    .contact-box .contact-item .title {
        font-size: 26px;
    }
}
.contact-box .contact-item .title::after {
    content: "";
    width: 55px;
    height: 3px;
    background-color: var(--textActiveColor);
    position: absolute;
    left: 0;
    bottom: 0;
}
.contact-box .contact-item .items {
    margin: 50px 0;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 980px) {
    .contact-box .contact-item .items {
        margin: 20px 0;
    }
}
.contact-box .contact-item .items .item {
    width: calc(100% / 3.2);
    padding: 15px;
}
@media (max-width: 980px) {
    .contact-box .contact-item .items .item {
        width: calc(100% / 2);
    }
}
.contact-box .contact-item .items .item:nth-child(3),
.contact-box .contact-item .items .item:nth-child(6) {
    width: calc(100% / 2.7);
}
@media (max-width: 980px) {
    .contact-box .contact-item .items .item:nth-child(3),
    .contact-box .contact-item .items .item:nth-child(6) {
        width: calc(100%);
    }
}
.contact-box .contact-item .items .item .t {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--hm_Bold);
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
@media (max-width: 980px) {
    .contact-box .contact-item .items .item .t {
        font-size: 16px;
    }
}
.contact-box .contact-item .items .item .dec {
    font-size: 19px;
    color: #5e5e5e;
}
@media (max-width: 980px) {
    .contact-box .contact-item .items .item .dec {
        font-size: 15px;
    }
}
.contact-box .contact-item .items .item .dec .wl-link .link {
    margin: 0 5px;
    position: relative;
}
.contact-box .contact-item .items .item .dec .wl-link .link .ico {
    width: 35px;
    height: 35px;
    background-color: #212121;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
}
.contact-box .contact-item .items .item .dec .wl-link .link .ico svg {
    width: 15px;
    height: 15px;
    color: #fff;
}
.contact-box .contact-item .items .item .dec .wl-link .link .ico svg path { fill: #fff; }
.contact-box .contact-item .items .item .dec .wl-link .link .ewm {
    width: 120px;
    height: 120px;
    border-radius: 3px;
    padding: 5px;
    background-color: #fff;
    position: absolute;
    top: 120%;
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    z-index: -1;
    transition: opacity .5s;
    box-shadow: 0 0 5px #dedede;
}
.contact-box .contact-item .items .item .dec .wl-link .link .ewm img { width: 100%; }
.contact-box .contact-item .items .item .dec .wl-link .link:hover .ewm {
    opacity: 1;
    z-index: 1;
}
.contact-box .contact-item .contact-map {
    width: 100%;
    height: 350px;
    background-color: #ccc;
}
.contact-box .contact-item .contact-map .con-map {
    width: 100%;
    height: 100%;
}
.contact-box .contact-item .contact-map .con-map .map {
    width: 100%;
    height: 100%;
}

/* ============================================================
   内页：申请样品 (specimen)
   ============================================================ */
.specimen .n-ban-info {
    height: 600px;
}
@media (max-width: 980px) {
    .specimen .n-ban-info {
        height: 360px;
    }
}
.specimen .specimen-box {
    margin-top: -100px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px #f2f2f2;
    margin-bottom: 80px;
    padding: 60px;
}
@media (max-width: 980px) {
    .specimen .specimen-box {
        margin-bottom: 40px;
        padding: 20px;
    }
}
.specimen .specimen-box .msg-formx .input {
    width: 100%;
    position: relative;
    margin-top: 20px;
}
.specimen .specimen-box .msg-formx .input label {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 980px) {
    .specimen .specimen-box .msg-formx .input label {
        font-size: 15px;
    }
}
.specimen .specimen-box .msg-formx .input label span {
    color: red;
    margin-right: 4px;
}
.specimen .specimen-box .msg-formx .input.t-l label {
    top: 10px;
    transform: initial;
}
@media (max-width: 980px) {
    .specimen .specimen-box .msg-formx .input {
        margin-top: 15px;
    }
}
.specimen .specimen-box .msg-formx .input input {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 16px;
    padding-left: 70px;
    background-color: #fff;
}
.specimen .specimen-box .msg-formx .input input.c {
    padding-left: 100px;
}
@media (max-width: 980px) {
    .specimen .specimen-box .msg-formx .input input {
        font-size: 15px;
    }
}
.specimen .specimen-box .msg-formx .input textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 16px;
    background-color: #fff;
}
.specimen .specimen-box .msg-formx .input .glyphicon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #e9e9e9;
}
.specimen .specimen-box .msg-formx .input img {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 38px;
}
@media (max-width: 980px) {
    .specimen .specimen-box .msg-formx .input img {
        height: 33px;
    }
}
.specimen .specimen-box .msg-formx button {
    width: 180px;
    height: 47px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    border: none;
    background-color: var(--textActiveColor);
}
@media (max-width: 980px) {
    .specimen .specimen-box .msg-formx button {
        font-size: 17px;
        margin: 20px auto;
        display: block;
    }
}

/* ============================================================
   内页：领域详情 (domain)
   ============================================================ */
.domain { margin: 80px 0; }
.domain .cont {
    margin-top: 50px;
    line-height: 180%;
}
.domain .cont img,
.domain .cont table,
.domain .cont video {
    max-width: 100%;
}

/* ============================================================
   内页：新闻列表 (newslist)
   ============================================================ */
.newslist {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .newslist {
        padding: 40px 0;
    }
}
@media (min-width: 980px) {
    .newslist > .container > .row {
        margin-right: -25px;
        margin-left: -25px;
    }
    .newslist > .container > .row .col-lg-4 {
        padding-right: 25px;
        padding-left: 25px;
    }
}
.newslist .list-item {
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 0 20px #f7f7f7;
    position: relative;
}
.newslist .list-item::after {
    content: "";
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    bottom: 0;
    background-color: var(--textActiveColor);
    transition: all .5s;
}
.newslist .list-item .img {
    width: 100%;
    aspect-ratio: 1/0.6;
    overflow: hidden;
}
.newslist .list-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newslist .list-item .info {
    padding: 20px;
}
.newslist .list-item .info .title {
    color: #111111;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    transition: all .5s;
    height: 56px;
}
@media (max-width: 980px) {
    .newslist .list-item .info .title {
        margin-top: 10px;
        height: initial;
    }
}
.newslist .list-item .info .timex {
    border-left: 2px solid #ca0202;
    font-size: 16px;
    color: #676767;
    font-weight: 600;
    padding-left: 15px;
}
.newslist .list-item:hover .info .title {
    color: var(--textActiveColor);
}
.newslist .list-item:hover::after {
    height: 3px;
}

/* 新闻内页头部 */
.news-ban {
    height: 110px;
    width: 100%;
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news-head {
    background-color: #f3f3f3;
    padding: 50px 0;
}
@media only screen and (max-width: 980px) {
    .news-head {
        padding: 30px 0;
    }
}
.news-head .hdt {
    margin-bottom: 30px;
}
@media only screen and (max-width: 980px) {
    .news-head .hdt {
        margin-bottom: 20px;
        font-size: 12px;
    }
}
.news-head .hdt .fa {
    color: #dddddd;
    margin-right: 5px;
}
.news-head .title-box {
    font-size: 30px;
    color: #000;
}
@media only screen and (max-width: 980px) {
    .news-head .title-box h1 {
        font-size: 20px;
        font-family: var(--hm_Bold);
    }
}
.news-head .title-box .time {
    font-size: 16px;
    color: #676767;
    border-left: 2px solid var(--textActiveColor);
    padding-left: 15px;
}
@media only screen and (max-width: 980px) {
    .news-head .title-box .time {
        font-size: 12px;
    }
}
.news-head .title-box .time span {
    margin-right: 10px;
}
.news-info-box {
    padding: 50px 0;
    font-size: 16px;
    line-height: 180%;
    border-bottom: 1px solid #e7e7e7;
}
@media only screen and (max-width: 980px) {
    .news-info-box {
        padding: 30px 0;
    }
}
.news-info-box img,
.news-info-box table,
.news-info-box video {
    max-width: 100%;
}
.gengduo {
    margin-top: 30px;
    margin-bottom: 50px;
}
.gengduo .fh {
    font-size: 16px;
    color: var(--textActiveColor);
}
.gengduo .fh a { color: var(--textActiveColor); }
.gengduo .fh .fa { margin-right: 10px; }
.gengduo .p-n-link .link {
    font-size: 16px;
    margin-left: 20px;
}

/* ============================================================
   分页 (list-more-page)
   ============================================================ */
.list-more-page {
    text-align: center;
    margin: 60px 0;
}
@media (max-width: 980px) {
    .list-more-page {
        margin: 30px 0;
    }
}
.list-more-page a {
    padding: 10px 30px;
    border-radius: 30px;
    background-color: var(--textActiveColor);
    color: #fff;
    transition: all .5s;
    margin: 0 10px;
}
.list-more-page a:hover,
.list-more-page a.page-num-current {
    background-color: var(--textActiveColor);
    color: #fff !important;
}
.list-more-page a.page-num {
    padding: 10px 15px;
}
@media (max-width: 980px) {
    .list-more-page a.page-num {
        display: none;
    }
}

/* ============================================================
   报价表单 (quote-form)
   ============================================================ */
.quote-form {
    padding: 60px;
    box-shadow: 0 0 8px 0 #ccc;
    border-radius: 30px;
    margin-top: -70px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    margin-bottom: 40px;
    overflow: hidden;
    padding-bottom: 120px;
}
@media (max-width: 980px) {
    .quote-form {
        padding: 20px;
        padding-bottom: 60px;
    }
}
.quote-form .gray-light {
    margin: 0 8px;
    color: #ccc;
}
.quote-form .gray-light--b {
    margin: 0 8px;
    color: #000;
}
.quote-form .m-l { margin-right: 15px; }
.quote-form .m-t { margin-top: 30px; }
@media (max-width: 980px) {
    .quote-form .m-t { margin-top: 5px; }
}
@media (max-width: 980px) {
    .quote-form label {
        width: 50px;
        text-align: right;
    }
    .quote-form .form-inline {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .quote-form .form-inline > div {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .quote-form .form-inline.upf { margin-bottom: 40px; }
    .quote-form .form-group {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .quote-form .form-group .form-control { width: 100px; }
}
.quote-form .w-a { width: 400px; }
@media (max-width: 980px) {
    .quote-form .w-a { width: 250px !important; }
}
.quote-form .w-b { width: 200px; }
@media (max-width: 980px) {
    .quote-form .w-b { width: 250px !important; }
}
.quote-form .w-c { width: 500px; }
@media (max-width: 980px) {
    .quote-form .w-c { width: 250px !important; }
}
.quote-form .upfile { width: 350px; }
@media (max-width: 980px) {
    .quote-form .upfile { width: 100%; }
}
.quote-form .upfile .file-uploader-wrap-fake {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.quote-form .upfile .file-uploader-wrap-fake input {
    border: none;
    width: 80%;
    padding: 0 10px;
}
.quote-form .upfile .file-uploader-wrap-fake .link-btn {
    background-color: #0d278a;
    color: #fff;
    height: 33px;
    padding: 0 15px;
    line-height: 30px;
}
.quote-form .tips { margin-left: 10px; }
@media (max-width: 980px) {
    .quote-form .tips {
        margin-left: 0;
        margin-top: 10px;
        font-size: 12px;
    }
}
.quote-form .tips a { color: var(--textActiveColor); }
.quote-form .sub-btn {
    background-color: #0d278a;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.quote-form .sub-btn .btn {
    background-color: #0d278a;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 30px 0;
    font-size: 20px;
}
@media (max-width: 980px) {
    .quote-form .sub-btn .btn {
        padding: 10px 0;
        font-size: 15px;
    }
}
.msg-form {
    text-align: center;
    margin-bottom: 60px;
}
@media (max-width: 980px) {
    .msg-form {
        font-size: 12px;
    }
}

/* ============================================================
   产品内页 (prod-head, prod-con)
   ============================================================ */
.prod-head {
    background-color: #f6f6f6;
    padding: 60px 0;
}
@media (max-width: 980px) {
    .prod-head {
        padding: 30px 0;
    }
}
.prod-head .hdt { margin-bottom: 30px; }
.prod-head .hdt .fa {
    color: #dddddd;
    margin-right: 5px;
}
.prod-head .MagicZoomBigImageCont {
    left: initial !important;
    right: 100%;
}
.prod-head .pr-m-img-lis { margin-top: 10px; }
.prod-head .p-img-s .img_box img { width: 100%; }
.prod-head .prod-box > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media (min-width: 980px) {
    .prod-head .prod-box > .row {
        flex-flow: row-reverse;
    }
}
.prod-head .prod-box > .row > div { height: auto; }
@media (max-width: 980px) {
    .prod-head .prod-box > .row > div { width: 100%; }
}
.prod-head .prod-box .nav-title {
    color: var(--textActiveColor);
    font-size: 16px;
}
@media (max-width: 980px) {
    .prod-head .prod-box .nav-title {
        margin-top: 30px;
    }
}
.prod-head .prod-box .title {
    font-size: 45px;
    color: #122a88;
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
@media (max-width: 980px) {
    .prod-head .prod-box .title {
        margin: 10px 0;
        font-size: 25px;
        padding-bottom: 10px;
    }
}
.prod-head .prod-box .desc {
    font-size: 16px;
    color: #5e5e5e;
}
@media (max-width: 980px) {
    .prod-head .prod-box .desc {
        font-size: 14px;
    }
}
.prod-head .prod-box .link-ban { margin-top: 50px; }
.prod-head .prod-box .link-ban .btn {
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px 25px;
    transition: 0.4s;
}
.prod-head .prod-box .link-ban .btn:hover {
    border-radius: 8px;
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.prod-head .prod-box .link-ban .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.prod-head .prod-box .link-ban .btn:nth-child(1) {
    background-color: var(--textActiveColor);
}
.prod-head .prod-box .link-ban .btn:nth-child(1):hover {
    color: #fff !important;
}
.prod-head .prod-box .link-ban .btn:nth-child(2) {
    margin-left: 25px;
    background-color: #fff;
    color: var(--textActiveColor);
}
.prod-con {
    padding: 60px 0;
}
@media (max-width: 980px) {
    .prod-con {
        padding: 30px 0;
    }
}
.prod-con > .container > .row {
    display: flex;
    flex-wrap: wrap;
}
.prod-con > .container > .row > div { height: auto; }
.prod-con .prod-title {
    font-size: 30px;
    color: #000;
}
@media (max-width: 980px) {
    .prod-con .prod-title {
        font-size: 20px;
    }
}
.prod-con .info {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
@media (max-width: 980px) {
    .prod-con .info {
        padding: 20px 0;
    }
}
.prod-con .info table,
.prod-con .info img,
.prod-con .info video {
    max-width: 100%;
}
.prod-con .louc-nav {
    width: 100%;
    position: sticky;
    top: 0;
}
.prod-con .louc-nav li {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background-color: #fff;
    transition: all .5s;
    position: relative;
    cursor: pointer;
}
.prod-con .louc-nav li::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 0px solid var(--textActiveColor);
}
.prod-con .louc-nav li:hover { color: var(--textActiveColor); }
.prod-con .louc-nav li.active {
    background-color: #f4f4f4;
    color: var(--textActiveColor);
}
.prod-con .louc-nav li.active::after {
    border-right-width: 4px;
}
.prod-con .p-n-box {
    margin-top: 30px;
}
.prod-con .p-n-box .link-item {
    background-color: #f8f8f8;
    padding: 15px;
}
@media (max-width: 980px) {
    .prod-con .p-n-box .link-item {
        padding: 8px;
        margin-bottom: 10px;
    }
}
.prod-con .p-n-box .link-item .tips {
    color: #565656;
    margin-bottom: 5px;
}
@media (max-width: 980px) {
    .prod-con .p-n-box .link-item .link {
        height: initial;
    }
}
.prod-con .p-n-box .link-item .link a {
    font-size: 18px;
    color: #000;
}
@media only screen and (max-width: 980px) {
    .prod-con .p-n-box .link-item .link a {
        font-size: 15px;
    }
}

/* ============================================================
   内页 about-page (关于我们大图)
   ============================================================ */
.about-page {
    padding: 30px 0;
}
.about-page .about-img { width: 100%; }
@media (max-width: 980px) {
    .about-page .about-img { margin-bottom: 20px; }
}
.about-page .about-img img { width: 100%; }
.about-page .about-info { color: #2e2e2e; }

/* 数字统计 */
.about-num-box {
    padding: 60px 0;
    background-image: url("../images/about-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    font-size: 17px;
    background-size: cover;
}
@media (max-width: 980px) {
    .about-num-box {
        padding: 30px 0;
        font-size: 15px;
    }
}
.about-num-box .val { margin-top: 5px; }
@media (max-width: 980px) {
    .about-num-box .val { margin-bottom: 10px; }
}
.about-num-box .val .num {
    font-size: 43px;
    margin-right: 5px;
}
@media (max-width: 980px) {
    .about-num-box .val .num {
        font-size: 23px;
    }
}

/* 机构图 */
.jgou-box {
    background-image: url("../images/jg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.jgou-box .jg-info {
    min-height: 350px;
}
@media (max-width: 980px) {
    .jgou-box .jg-info {
        min-height: auto;
    }
}
.jgou-box .jg-info img { max-width: 100%; }

/* 理念 */
.linian {
    width: 100%;
    overflow: hidden;
}
.linian > .row { margin: 0; }
.linian > .row > div { padding: 0; }
.linian .item {
    width: 100%;
    position: relative;
}
@media (max-width: 980px) {
    .linian .item { height: 350px; }
}
.linian .item img { width: 100%; }
@media (max-width: 980px) {
    .linian .item img {
        height: 350px;
        object-fit: cover;
    }
}
.linian .item .info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 30px;
    text-align: center;
}
.linian .item .info .ti {
    margin-top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: 600;
    position: relative;
    text-align: center;
    padding-bottom: 15px;
}
@media (max-width: 980px) {
    .linian .item .info .ti {
        font-size: 25px;
        margin-top: 20%;
        margin-bottom: 10px;
        transform: initial;
    }
}
.linian .item .info .ti::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    height: 4px;
    width: 50px;
    background-color: #fff;
}
.linian .item .info .desc {
    font-size: 18px;
}
@media (max-width: 980px) {
    .linian .item .info .desc {
        font-size: 16px;
    }
}

/* 设备 */
.sebei-box {
    padding-bottom: 40px;
}
@media (max-width: 980px) {
    .sebei-box {
        padding-bottom: 10px;
    }
}
.sebei-box .sebei-con .sebei-swp {
    padding-bottom: 50px;
}
@media (max-width: 980px) {
    .sebei-box .sebei-con .sebei-swp {
        padding-bottom: 0px;
    }
}
.sebei-box .sebei-con .sebei-swp .swiper-slide .item {
    text-align: center;
}
.sebei-box .sebei-con .sebei-swp .swiper-slide .item .img {
    margin: 30px auto;
    width: 100%;
    aspect-ratio: 1/0.9;
    overflow: hidden;
    border-radius: 5px;
}
.sebei-box .sebei-con .sebei-swp .swiper-slide .item .img img {
    width: 100%;
    height: 100%;
}
.sebei-box .sebei-con .sebei-swp .swiper-slide .item .t {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .sebei-box .sebei-con .sebei-swp .swiper-slide .item .t {
        font-size: 15px;
    }
}
@media (max-width: 980px) {
    .sebei-box .sebei-con .sebei-swp .paginationx {
        display: none;
    }
}
.sebei-box .sebei-con .sebei-swp .paginationx .swiper-pagination-bullet {
    border-radius: 3px;
    width: 30px;
    height: 5px;
}
.sebei-box .sebei-con .sebei-swp .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--textActiveColor);
}

/* 资质证书 */
.zzzs-box {
    padding: 80px 0;
}
@media (max-width: 980px) {
    .zzzs-box {
        padding: 30px 0;
    }
}
.zzzs-box .zs-swp-box .sz-swp {
    padding-bottom: 50px;
    margin-top: 30px;
}
@media (max-width: 980px) {
    .zzzs-box .zs-swp-box .sz-swp {
        padding-bottom: 10px;
    }
}
.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item {
    margin: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #dbdbdb;
}
.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .img {
    width: 100%;
    aspect-ratio: 1/1.3;
    overflow: hidden;
}
.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .img img {
    max-height: 100%;
    max-width: 100%;
}
.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .t {
    border-top: 1px solid #ddd;
    font-size: 18px;
    color: #000;
    margin: 10px 0;
    padding: 10px;
}
@media only screen and (max-width: 980px) {
    .zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .t {
        font-size: 15px;
    }
}
@media (max-width: 980px) {
    .zzzs-box .zs-swp-box .sz-swp .paginationx {
        display: none;
    }
}
.zzzs-box .zs-swp-box .sz-swp .paginationx .swiper-pagination-bullet {
    border-radius: 3px;
    width: 30px;
    height: 5px;
}
.zzzs-box .zs-swp-box .sz-swp .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--textActiveColor);
}

/* 合作伙伴 */
.hzhb-box {
    background-color: #f7f7f7;
    padding: 80px 0;
}
@media (max-width: 980px) {
    .hzhb-box {
        padding: 40px 0;
    }
}
.hzhb-box .cus-box {
    margin-top: 50px;
    height: 290px;
}
@media (max-width: 980px) {
    .hzhb-box .cus-box {
        margin-top: 30px;
        height: 200px;
    }
}
.hzhb-box .cus-box .cus-swp {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 60px;
}
.hzhb-box .cus-box .cus-swp .swiper-slide {
    border: 1px solid #EFF2F4;
    height: calc((100% - 30px) / 2) !important;
    background-color: #ffffff;
}
@media (max-width: 980px) {
    .hzhb-box .cus-box .cus-swp .swiper-slide {
        height: calc((100% - 10px) / 2) !important;
    }
}
.hzhb-box .cus-box .cus-swp .swiper-slide .icon {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100%);
    height: 100%;
}
.hzhb-box .cus-box .cus-swp .swiper-slide .icon img {
    max-width: 90%;
    max-height: 90%;
}
.hzhb-box .cus-box .cus-swp .pagination-cus .swiper-pagination-bullet-active {
    background-color: var(--textActiveColor);
}

/* 联系方式内页 */
.about-lxfs {
    padding: 80px 0;
    overflow: hidden;
}
@media (max-width: 980px) {
    .about-lxfs {
        padding: 50px 0;
    }
}
.about-lxfs .t {
    font-size: 35px;
    color: #132b88;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.about-lxfs .t::after {
    width: 50px;
    height: 4px;
    background-color: #132b88;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
@media (max-width: 980px) {
    .about-lxfs .t {
        font-size: 24px;
    }
}
.about-lxfs .info {
    margin-top: 40px;
    font-size: 18px;
}
@media only screen and (max-width: 980px) {
    .about-lxfs .info {
        font-size: 15px;
    }
}
.about-lxfs .con-map {
    width: 100%;
    height: 400px;
}
@media (max-width: 980px) {
    .about-lxfs .con-map {
        margin-top: 20px;
    }
}
.about-lxfs .con-map #container {
    width: 100%;
    height: 100%;
}

/* 更多新闻 */
.more-news {
    padding: 40px 0;
    background-color: #f2f6f9;
}
.more-news .more-lis .item {
    border-radius: 10px;
    background-color: #fff;
}
@media (max-width: 980px) {
    .more-news .more-lis .item {
        margin-bottom: 20px;
    }
}
.more-news .more-lis .item .img {
    width: 100%;
    aspect-ratio: 1/0.8;
    overflow: hidden;
}
.more-news .more-lis .item .info { padding: 15px; }
.more-news .more-lis .item .info .n-title {
    color: var(--textActiveColor);
}
.more-news .more-lis .item .info .title {
    margin: 15px 0;
    color: #333d64;
    font-weight: 600;
    font-size: 20px;
}
@media (max-width: 980px) {
    .more-news .more-lis .item .info .title {
        font-size: 16px;
    }
}
.more-news .more-lis .item .info .time {
    color: #9ca2b6;
}

/* 领域详情 - 技术特点等 */
.domain .domain-info {
    margin-bottom: 40px;
    font-size: 16px;
}
@media (max-width: 980px) {
    .domain .domain-info {
        font-size: 14px;
    }
}
.domain .domain-info img,
.domain .domain-info table,
.domain .domain-info video {
    max-width: 100%;
}
.domain .jstd-box {
    background-image: url("../images/td-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-size: cover;
}
@media (max-width: 980px) {
    .domain .jstd-box {
        padding: 20px 0;
    }
}
.domain .jstd-box .temp-title .b { color: #fff; }
.domain .jstd-box .temp-title .b::after { background-color: #fff; }
.domain .jstd-box .td-swp {
    margin-top: 10px;
    position: relative;
    padding-bottom: 60px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp {
        padding-bottom: 30px;
    }
}
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide { height: auto; }
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info {
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .num {
    display: inline-block;
    position: relative;
    color: #bbbbbb;
    font-size: 21px;
    margin-bottom: 15px;
}
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .num::after {
    width: 100%;
    border-bottom: 2px solid var(--textActiveColor);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .title {
        font-size: 15px;
    }
}
.domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .desc {
    font-size: 16px;
    color: #474747;
    min-height: 80px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp .swiper-wrapper .swiper-slide .info .desc {
        font-size: 14px;
    }
}
.domain .jstd-box .td-swp .qh-box {
    margin-top: 60px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp .qh-box {
        margin-top: 30px;
    }
}
.domain .jstd-box .td-swp .qh-box > div {
    position: initial;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin: 0 15px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp .qh-box > div {
        width: 40px;
        height: 40px;
    }
}
.domain .jstd-box .td-swp .qh-box > div::after {
    font-size: 25px;
}
@media (max-width: 980px) {
    .domain .jstd-box .td-swp .qh-box > div::after {
        font-size: 18px;
    }
}
.domain .jstd-box .td-swp .qh-box > div.td-prev {
    background-color: #fff;
    color: var(--textActiveColor);
}
.domain .jstd-box .td-swp .qh-box > div.td-next {
    background-color: var(--textActiveColor);
    color: #fff;
}

/* ============================================================
   方案 (fangan)
   ============================================================ */
.fangan .fangan-box {
    margin-bottom: 50px;
}
@media (max-width: 980px) {
    .fangan .fangan-box {
        margin-bottom: 20px;
    }
}
.fangan .fangan-box .fangan-swp {
    padding-bottom: 30px;
}
@media (max-width: 980px) {
    .fangan .fangan-box .fangan-swp {
        padding-bottom: 20px;
    }
}
.fangan .fangan-box .fangan-swp .swiper-slide .item .img {
    width: 100%;
    aspect-ratio: 1/0.6;
    border-radius: 10px;
    overflow: hidden;
}
.fangan .fangan-box .fangan-swp .swiper-slide .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fangan .fangan-box .fangan-swp .swiper-slide .item .title {
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
}
@media (min-width: 980px) {
    .fangan .fangan-box .fangan-swp .swiper-slide .item .title {
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        border-radius: 10px;
        opacity: 0;
        transition: all .5s;
    }
    .fangan .fangan-box .fangan-swp .swiper-slide .item .title:hover {
        opacity: 1;
    }
}
.fangan .fangan-box .fangan-swp .pagination-box {
    width: 100%;
    margin-top: 30px;
}
@media only screen and (max-width: 980px) {
    .fangan .fangan-box .fangan-swp .pagination-box {
        display: none;
    }
}
.fangan .fangan-box .fangan-swp .pagination-box .paginationx {
    width: initial;
    display: inline-block;
    border-bottom: 2px solid #ddd;
    position: relative;
    left: initial;
    top: initial;
    bottom: initial;
}
.fangan .fangan-box .fangan-swp .pagination-box .paginationx .swiper-pagination-bullet {
    width: initial;
    height: inherit;
    background: inherit;
    opacity: 1;
    padding: 15px;
    position: relative;
    font-weight: 600;
    font-size: 18px;
}
@media only screen and (max-width: 980px) {
    .fangan .fangan-box .fangan-swp .pagination-box .paginationx .swiper-pagination-bullet {
        font-size: 15px;
    }
}
.fangan .fangan-box .fangan-swp .pagination-box .paginationx .swiper-pagination-bullet::after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
    content: "";
    border-bottom: 2px solid #ddd;
}
.fangan .fangan-box .fangan-swp .pagination-box .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--textActiveColor);
}
.fangan .fangan-box .fangan-swp .pagination-box .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    border-bottom-color: var(--textActiveColor);
}

/* ============================================================
   生产相关 (production)
   ============================================================ */
.production .nli-info {
    padding-bottom: 30px;
}
@media only screen and (max-width: 980px) {
    .production .nli-info {
        padding-bottom: 10px;
    }
}
.production .nli-info table { border: 1px solid #ddd; }
.production .nli-info table td,
.production .nli-info table th {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
@media only screen and (max-width: 980px) {
    .production .nli-info table td,
    .production .nli-info table th {
        padding: 10px;
        font-size: 12px;
    }
}
.production .nli-info table th {
    background-color: #132b88;
    color: #fff;
}
.production .nli-info table tr:nth-child(even) {
    background-color: #f6f6f6;
}
.production .renzhen {
    position: relative;
}
.production .renzhen::after {
    position: absolute;
    width: 100%;
    height: 50%;
    background-image: url("../images/rztx.jpg");
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
}
.production .renzhen .temp-title .b { color: #fff; }
.production .renzhen .temp-title .b::after { background-color: #fff; }
.production .renzhen .temp-title p { color: #fff; }
.production .renzhen .zs-swp-box {
    border-radius: 20px;
    padding: 20px;
    background-color: #fff;
    position: relative;
}
.production .renzhen .zs-swp-box .sz-swpx .swiper-slide .item {
    text-align: center;
}
.production .renzhen .zs-swp-box .sz-swpx .swiper-slide .item .img {
    width: 100%;
    aspect-ratio: 1/1.3;
    overflow: hidden;
    border: 1px solid #ddd;
}
.production .renzhen .zs-swp-box .sz-swpx .swiper-slide .item .img img {
    max-width: 100%;
    max-height: 100%;
}
.production .renzhen .zs-swp-box .sz-swpx .swiper-slide .item .t {
    font-size: 18px;
    color: #000;
    margin: 10px 0;
    padding-top: 10px;
}
@media only screen and (max-width: 980px) {
    .production .renzhen .zs-swp-box .sz-swpx .swiper-slide .item .t {
        font-size: 15px;
    }
}
.production .renzhen .zs-swp-box .sz-next {
    right: -50px;
    font-size: 30;
    font-weight: 600;
}
.production .renzhen .zs-swp-box .sz-next::after {
    color: #132b88;
}
.production .renzhen .zs-swp-box .sz-prev {
    left: -50px;
    font-size: 30;
    font-weight: 600;
}
.production .renzhen .zs-swp-box .sz-prev::after {
    color: #132b88;
}

/* ============================================================
   实力 (zl-box)
   ============================================================ */
.zl-box {
    margin-bottom: 50px;
}
@media only screen and (max-width: 980px) {
    .zl-box {
        margin-bottom: 20px;
    }
}
.zl-box .zl-lis .item {
    width: calc(100% / 7 - 16px);
    margin: 8px;
    padding: 35px 10px;
    border-radius: 5px;
    background-image: linear-gradient(to top, #dee4fd, #f6f8ff);
    text-align: center;
}
@media only screen and (max-width: 980px) {
    .zl-box .zl-lis .item {
        width: calc(100% / 2 - 16px);
    }
    .zl-box .zl-lis .item:last-child {
        width: 100%;
    }
}
.zl-box .zl-lis .item .num {
    color: #e71a2c;
    font-size: 48px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    line-height: initial;
}
@media only screen and (max-width: 980px) {
    .zl-box .zl-lis .item .num {
        font-size: 38px;
    }
}
.zl-box .zl-lis .item .num::after {
    position: absolute;
    width: 100%;
    height: 40px;
    content: "";
    left: 0;
    bottom: 10px;
    background-image: linear-gradient(to top, #edf0fe, transparent);
}
@media only screen and (max-width: 980px) {
    .zl-box .zl-lis .item .num::after {
        bottom: 5px;
    }
}
.zl-box .zl-lis .item .info {
    margin-top: 15px;
    font-size: 18px;
    color: #132b88;
    font-weight: 600;
}
@media only screen and (max-width: 980px) {
    .zl-box .zl-lis .item .info {
        font-size: 15px;
    }
}

/* 基础设备 */
.jcsb-box {
    background-color: #f6f8ff;
    padding-bottom: 60px;
}
@media only screen and (max-width: 980px) {
    .jcsb-box {
        padding-bottom: 10px;
    }
}
.jcsb-box .jc-item {
    width: 100%;
    margin-bottom: 10px;
}
.jcsb-box .jc-item .img {
    width: 100%;
    aspect-ratio: 1/0.7;
    overflow: hidden;
    border-radius: 10px;
}
.jcsb-box .jc-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jcsb-box .jc-item .t {
    margin-top: 10px;
    font-size: 18px;
    color: #393939;
    text-align: center;
}
@media only screen and (max-width: 980px) {
    .jcsb-box .jc-item .t {
        font-size: 15px;
    }
}

/* 服务能力 */
.fwnl-box .fwnl-con {
    position: relative;
    margin: 30px 0;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con {
        margin: 10px 0;
    }
}
.fwnl-box .fwnl-con .item {
    width: 100%;
    padding: 30px 30px;
    background-color: #f6f6f6;
    margin-bottom: 30px;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .item {
        padding: 20px 10px;
        margin-bottom: 0;
        align-items: initial;
    }
}
.fwnl-box .fwnl-con .item .info {
    width: 35%;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .item .info {
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        display: flow-root;
    }
}
.fwnl-box .fwnl-con .item .info .num {
    width: 60px;
    height: 60px;
    border: 1px solid var(--textActiveColor);
    font-size: 28px;
    font-weight: 600;
    margin-right: 20px;
    border-radius: 50%;
    color: var(--textActiveColor);
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .item .info .num {
        margin-right: 0;
        margin: 0 auto;
    }
}
.fwnl-box .fwnl-con .item .info .desc {
    width: calc(100% - 80px);
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .item .info .desc {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        padding: 10px;
    }
}
.fwnl-box .fwnl-con .item .info .desc .t {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .item .info .desc .t {
        font-size: 15px;
        margin-bottom: 10px;
    }
}
.fwnl-box .fwnl-con .item .info .desc .desc {
    font-size: 16px;
}
.fwnl-box .fwnl-con .icon-img {
    width: calc(30% - 20px);
    border-radius: 50%;
    border: 10px solid #fff;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .fwnl-con .icon-img {
        width: 50%;
        display: none;
    }
}
.fwnl-box .fwnl-con .icon-img .img {
    width: 100%;
    height: 100%;
}
.fwnl-box .fwnl-con .icon-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fwnl-box .mingxi {
    margin-top: 80px;
    margin-bottom: 60px;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .mingxi {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.fwnl-box .mingxi table { border: 1px solid #ddd; }
.fwnl-box .mingxi table td,
.fwnl-box .mingxi table th {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
@media only screen and (max-width: 980px) {
    .fwnl-box .mingxi table td,
    .fwnl-box .mingxi table th {
        font-size: 12px;
        padding: 10px;
    }
}
.fwnl-box .mingxi table th {
    background-color: #132b88;
    color: #fff;
}
.fwnl-box .mingxi table tr:nth-child(even) {
    background-color: #f6f6f6;
}

/* 合作流程 */
.hzlc {
    background-image: url("../images/lc-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hzlc .item-box .item {
    width: calc(100% / 9 - 4px);
    margin: 2px;
    background-color: #e1e7fd;
    padding: 20px 10px;
    border-radius: 5px;
    color: #14206d;
    font-size: 18px;
    text-align: center;
    position: relative;
}
@media only screen and (max-width: 980px) {
    .hzlc .item-box .item {
        font-size: 15px;
        width: calc(100% / 3 - 4px);
    }
}
.hzlc .item-box .item:last-child::after { display: none; }
.hzlc .item-box .item::after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #fff;
    content: ">";
    left: calc(100% - 20px);
    top: calc(50% - 20px);
    color: #343c7a;
    position: absolute;
    z-index: 2;
}
@media only screen and (max-width: 980px) {
    .hzlc .item-box .item::after {
        display: none;
    }
}
.hzlc .item-box .item .desc {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.hzlc .item-box .item .desc::after {
    position: absolute;
    width: 60px;
    border-bottom: 1px solid #aab1d6;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.hzlc .link-box {
    margin: 60px 0;
    text-align: center;
}
.hzlc .link-box .btn {
    opacity: 1;
    transition: all .5s;
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 17px;
    border-radius: 4px;
    font-weight: 600;
    padding: 10px 25px;
}
.hzlc .link-box .btn:hover {
    border-radius: 8px;
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.hzlc .link-box .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.hzlc .link-box .btn:nth-child(1) {
    background-color: var(--textActiveColor);
}
.hzlc .link-box .btn:nth-child(1):hover {
    color: #fff !important;
}
.hzlc .link-box .btn:nth-child(2) {
    margin-left: 25px;
    background-color: #fff;
    color: var(--textActiveColor);
}

/* ============================================================
   页脚 (foot)
   ============================================================ */
.foot {
    background-image: url("../images/foot-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #d4d5d5;
    padding-top: 80px;
    background-size: cover;
}
@media only screen and (max-width: 980px) {
    .foot {
        padding-top: 30px;
    }
}
@media only screen and (max-width: 980px) {
    .foot .foot-logo { text-align: center; }
}
.foot .foot-d-info { margin-top: 10px; }
.foot .foot-d-info .t {
    font-size: 19px;
    color: #292929;
}
@media only screen and (max-width: 980px) {
    .foot .foot-d-info { text-align: center; }
}
.foot .lx-item { margin-bottom: 28px; }
@media only screen and (max-width: 980px) {
    .foot .lx-item {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
.foot .lx-item .ico {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #3d3d3d;
    font-size: 22px;
}
@media only screen and (max-width: 980px) {
    .foot .lx-item .ico {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}
.foot .lx-item .desc {
    width: calc(100% - 60px);
    margin-left: 10px;
}
@media only screen and (max-width: 980px) {
    .foot .lx-item .desc {
        width: calc(100% - 45px);
    }
}
@media only screen and (max-width: 980px) {
    .foot .foot-ewm { justify-content: center; }
}
.foot .foot-ewm .ewm {
    width: 120px;
    color: #3d3d3d;
    font-size: 16px;
}
.foot .foot-ewm .ewm .p {
    text-align: center;
    margin-bottom: 10px;
}
.foot .foot-ewm .ewm .img {
    width: 100%;
    margin-bottom: 10px;
}
.foot .foot-ewm .ewm .img img { width: 100%; }
.foot .foot-nav {
    width: calc(100%);
    padding-left: 60px;
}
@media only screen and (max-width: 980px) {
    .foot .foot-nav { padding-left: 0; }
}
.foot .foot-nav .nav-item {
    font-size: 16px;
    color: #3d3d3d;
    width: calc(100%);
}
.foot .foot-nav .nav-item .t-li { margin-bottom: 20px; }
.foot .foot-nav .nav-item .t-li a { color: #3d3d3d; }
.foot .banquan {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    font-size: 14px;
    color: #3d3d3d;
    text-align: center;
    margin-top: 30px;
}
@media only screen and (max-width: 980px) {
    .foot .banquan {
        font-size: 12px;
        margin-top: 10px;
    }
}
.foot .banquan a { color: #3d3d3d; }

/* ============================================================
   内页 Banner (n-ban-info)
   ============================================================ */
.n-ban-info {
    height: 520px;
    background: #dddddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.n-ban-info.bg {
    position: relative;
}
.n-ban-info.bg::after {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(202, 2, 2, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 980px) {
    .n-ban-info {
        height: 250px;
        margin-top: 70px;
    }
}
.n-ban-info .container {
    height: 100%;
    position: relative;
}
.n-ban-info .b-info {
    width: 100%;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
}
.n-ban-info .b-info .titlex {
    font-size: 41px;
    margin-top: 10px;
    padding-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    color: #fff;
    position: relative;
    font-weight: 600;
}
@media (max-width: 980px) {
    .n-ban-info .b-info .titlex {
        font-size: 22px;
    }
}
.n-ban-info .b-info .titlex::before {
    width: 40px;
    height: 2px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--textActiveColor);
    z-index: 2;
}
.n-ban-info .b-info .titlex::after {
    width: 120px;
    height: 2px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
.n-ban-info .b-info .sname {
    font-size: 20px;
    color: #fff;
}
@media (max-width: 980px) {
    .n-ban-info .b-info .sname {
        font-size: 13px;
    }
}
.n-ban-info .navigation {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 60px;
    left: 15px;
}
.n-ban-info .navigation a { color: #fff; }

/* ============================================================
   左侧导航 (left-nav)
   ============================================================ */
.left-nav {
    width: calc(100% - 20px);
    padding-right: 20px;
    margin-top: 80px;
    margin-bottom: 60px;
}
.left-nav ul li {
    border-bottom: 1px solid #e1e1e1;
}
.left-nav ul li a {
    width: 100%;
    display: block;
    padding: 20px 0;
    font-size: 20px;
}
.left-nav ul li a .fa {
    float: right;
    margin-top: 7px;
}
.left-nav ul li.on a { color: var(--textActiveColor); }

/* ============================================================
   品牌相关 (brand-boxs, prod-flex, prod-list, n-brand)
   ============================================================ */
.prod-flex { display: flex; flex-wrap: wrap; }
.prod-flex > div { height: auto; }
.brand-boxs { padding-top: 80px; }
@media (max-width: 980px) {
    .brand-boxs { padding-top: 40px; }
}
.prod-list { margin-top: 50px; }
@media (max-width: 980px) {
    .prod-list { margin-top: 20px; }
}
.prod-list .item {
    background-color: #fff;
    padding: 20px 10px;
    transition: all .5s;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 3px #dbdbdb;
}
@media (max-width: 980px) {
    .prod-list .item {
        padding: 10px 10px;
    }
}
.prod-list .item .img {
    height: 120px;
    background-color: #fff;
    overflow: hidden;
}
.prod-list .item .img img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.prod-list .item .t {
    font-size: 17px;
    margin-top: 5px;
    transition: all .5s;
}
@media (max-width: 980px) {
    .prod-list .item .t {
        font-size: 14px;
    }
}
.n-product .prod-list { display: none; }
.n-product .prod-list.on {
    display: block;
    position: sticky;
    top: 20px;
}
.n-brand {
    margin-top: 80px;
    padding: 60px;
    background-color: #fff;
}
@media (max-width: 980px) {
    .n-brand {
        margin-top: 40px;
        padding: 20px;
    }
}
.n-brand > .row > .col-lg-3 { position: relative; }
.n-brand > .row > .col-lg-3::after {
    content: "";
    height: 100%;
    border-left: 1px solid #dbdbdb;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 980px) {
    .n-brand > .row > .col-lg-3::after { display: none; }
}
@media (max-width: 980px) {
    .n-brand .brand-logo { width: 100%; }
}
.n-brand .brand-logo img {
    max-height: 80px;
    max-width: calc(100% - 15px);
}
.n-brand .brand-name {
    margin: 20px 0;
    font-size: 24px;
    font-family: var(--hm_Bold);
    font-weight: 600;
}
.n-brand .brand-link a {
    border-radius: 30px;
    padding: 8px 25px;
    font-size: 14px;
    color: #fff;
    background-color: var(--textActiveColor);
    display: inline-block;
}
.n-brand .brand-link a:hover { color: #fff !important; }
.n-brand .brand-info {
    padding-left: 35px;
    line-height: 180%;
}
@media (max-width: 980px) {
    .n-brand .brand-info {
        padding-left: 0px;
        margin-top: 15px;
    }
}
.more-brand { margin-top: 60px; }
@media (max-width: 980px) {
    .more-brand { margin-top: 30px; }
}
.more-brand .brand-swp {
    margin-top: 50px;
    margin-bottom: 30px;
}
@media (max-width: 980px) {
    .more-brand .brand-swp {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
.more-brand .brand-swp .item {
    background-color: #fff;
    padding: 30px 10px;
    transition: all .5s;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 3px #f6f6f6;
}
.more-brand .brand-swp .item .img {
    height: 120px;
    background-color: #fff;
    overflow: hidden;
}
.more-brand .brand-swp .item .img img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.more-brand .brand-swp .item .t {
    font-size: 17px;
    margin-top: 5px;
    transition: all .5s;
}
@media (max-width: 980px) {
    .more-brand .brand-swp .item .t {
        font-size: 15px;
    }
}
.more-brand .brand-swp .pagin {
    position: relative;
    margin-top: 10px;
}
.more-brand .brand-swp .pagin .p-n {
    position: relative;
    width: 80px;
}
.more-brand .brand-swp .pagin .p-n .swiper-button-next,
.more-brand .brand-swp .pagin .p-n .swiper-button-prev {
    position: initial;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid var(--textActiveColor);
    background-color: transparent;
    transition: all .5s;
}
.more-brand .brand-swp .pagin .p-n .swiper-button-next::after,
.more-brand .brand-swp .pagin .p-n .swiper-button-prev::after {
    color: var(--textActiveColor);
    font-size: 14px;
}
.more-brand .brand-swp .pagin .p-n .swiper-button-next:hover,
.more-brand .brand-swp .pagin .p-n .swiper-button-prev:hover {
    border-color: var(--textActiveColor);
    color: var(--textActiveColor);
    background-color: #fff;
}
.more-brand .brand-swp .pagin .p-n .swiper-button-next {
    border: 1px solid var(--textActiveColor);
    color: var(--textActiveColor);
}
.more-brand .brand-swp .pagin .pagin-box {
    width: calc(100% - 90px);
    margin-left: 10px;
    position: relative;
}
.more-brand .brand-swp .pagin .pagin-box .swiper-pagination {
    height: 1px;
    background-color: #e0e0e0;
}
.more-brand .brand-swp .pagin .pagin-box .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: var(--textActiveColor);
}

/* ============================================================
   底部留言 (foot-msg)
   ============================================================ */
.foot-msg {
    padding: 60px 0;
}
@media (max-width: 980px) {
    .foot-msg {
        padding: 30px 0;
    }
}
.foot-msg .temp-title .desc {
    text-align: center;
    font-size: 18px;
    color: #3b3b3b;
    margin-top: 30px;
}
@media (max-width: 980px) {
    .foot-msg .temp-title .desc {
        font-size: 16px;
        margin-top: 10px;
    }
}
.foot-msg .msg-formx { margin-top: 20px; }
@media (max-width: 980px) {
    .foot-msg .msg-formx { margin-top: 10px; }
}
.foot-msg .msg-formx label {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    margin-top: 20px;
}
@media (max-width: 980px) {
    .foot-msg .msg-formx label {
        font-size: 15px;
    }
}
.foot-msg .msg-formx label span {
    color: red;
    margin-right: 4px;
}
.foot-msg .msg-formx .input {
    width: 100%;
    position: relative;
    margin-top: 10px;
}
@media (max-width: 980px) {
    .foot-msg .msg-formx .input {
        margin-top: 5px;
    }
}
.foot-msg .msg-formx .input input {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 16px;
    padding-right: 50px;
    background-color: #f9f9f9;
}
@media (max-width: 980px) {
    .foot-msg .msg-formx .input input {
        font-size: 15px;
    }
}
.foot-msg .msg-formx .input textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-size: 16px;
    background-color: #f9f9f9;
}
.foot-msg .msg-formx .input .glyphicon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #e9e9e9;
}
.foot-msg .msg-formx .input img {
    position: absolute;
    top: 5px;
    height: 38px;
}
@media (max-width: 980px) {
    .foot-msg .msg-formx .input img {
        height: 33px;
    }
}
.foot-msg .msg-formx button {
    width: 180px;
    height: 47px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    border: none;
    background-color: var(--textActiveColor);
}
@media (max-width: 980px) {
    .foot-msg .msg-formx button {
        font-size: 17px;
    }
}

/* ============================================================
   index-territory（可能用于其他页面）
   ============================================================ */
.index-territory {
    background-image: url("../images/territory-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
    color: #fff;
    position: relative;
    background-size: cover;
}
.index-territory::after {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(18, 42, 136, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width: 980px) {
    .index-territory {
        background-size: auto 100%;
        padding-top: 30px;
    }
}
.index-territory .container { position: relative; z-index: 2; }
.index-territory .title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.index-territory .title b {
    font-size: 40px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .index-territory .title b {
        font-size: 21px;
    }
}
.index-territory .title div {
    font-size: 16px;
}
@media only screen and (max-width: 980px) {
    .index-territory .title div {
        font-size: 13px;
    }
}
.index-territory .title::after {
    width: 35px;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
.index-territory .t-swp-box { margin-top: 60px; }
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .t {
    font-size: 24px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .index-territory .t-swp-box .t-swp-max .swiper-slide .info .t {
        font-size: 21px;
    }
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .desc {
    font-size: 16px;
    margin-bottom: 30px;
    height: 80px;
    white-space: pre-wrap;
}
@media only screen and (max-width: 980px) {
    .index-territory .t-swp-box .t-swp-max .swiper-slide .info .desc {
        height: initial;
        font-size: 15px;
    }
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn {
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px 25px;
    transition: 0.4s;
}
@media only screen and (max-width: 980px) {
    .index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn {
        font-size: 14px;
    }
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn:hover {
    border-radius: 8px;
    box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn:active {
    transform: scale(0.97);
    box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn:nth-child(1) {
    background-color: var(--textActiveColor);
}
.index-territory .t-swp-box .t-swp-max .swiper-slide .info .link-ban .btn:nth-child(1):hover {
    color: #fff !important;
}
.index-territory .t-swp-box .t-swp-min {
    margin-top: 80px;
    position: relative;
    padding-top: 20px;
    padding-left: 80px;
}
.index-territory .t-swp-box .t-swp-min::before {
    border-top: 1px solid var(--textActiveColor);
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 20px;
}
.index-territory .t-swp-box .t-swp-min::after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--textActiveColor);
    left: 0;
    content: "";
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
}
.index-territory .t-swp-box .t-swp-min .swiper-slide {
    position: relative;
    width: auto;
    padding-top: 40px;
    cursor: pointer;
}
.index-territory .t-swp-box .t-swp-min .swiper-slide::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    z-index: 2;
}
.index-territory .t-swp-box .t-swp-min .swiper-slide::after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--textActiveColor);
    left: calc(50%);
    content: "";
    position: absolute;
    top: 0px;
    transform: translate(-50%, -50%);
    transition: all .5s;
}
.index-territory .t-swp-box .t-swp-min .swiper-slide.swiper-slide-thumb-active::after {
    width: 25px;
    height: 25px;
}
.index-territory .t-swp-box .prev-next {
    margin-top: 80px;
    position: relative;
}
@media only screen and (max-width: 980px) {
    .index-territory .t-swp-box .prev-next {
        width: 50%;
        margin: 0 auto;
        margin-top: 30px;
    }
}
.index-territory .t-swp-box .prev-next .swiper-button-prev,
.index-territory .t-swp-box .prev-next .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: -8px;
}
.index-territory .t-swp-box .prev-next .swiper-button-prev::after,
.index-territory .t-swp-box .prev-next .swiper-button-next::after {
    color: #fff;
    font-size: 18px;
}
@media only screen and (max-width: 980px) {
    .index-territory .t-swp-box .prev-next .swiper-button-prev::after,
    .index-territory .t-swp-box .prev-next .swiper-button-next::after {
        font-size: 15px;
    }
}
.index-territory .t-swp-box .prev-next .swiper-button-prev {
    background-color: #fff;
}
.index-territory .t-swp-box .prev-next .swiper-button-prev::after {
    color: var(--textActiveColor);
}
.index-territory .t-swp-box .prev-next .swiper-button-next {
    background-color: var(--textActiveColor);
}

/* ============================================================
   index-xuanz (可能用于其他模块)
   ============================================================ */
.index-xuanz {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #f3f5f8;
}
.index-xuanz .xu-swp-box .xu-swp { padding-bottom: 50px; }
.index-xuanz .xu-swp-box .xu-swp .swiper-slide { height: auto; }
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item {
    height: calc(100% - 20px);
    margin: 10px;
    box-shadow: 0 0 8px 0px #ccc;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    position: relative;
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item::before {
    border-top: 6px solid #122a88;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .ico {
    margin: 30px auto;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .ico img {
    max-width: 80%;
    max-height: 80%;
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .t {
    font-size: 24px;
    font-weight: 600;
    color: #122a88;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .t {
        font-size: 17px;
    }
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .info {
    padding-bottom: 20px;
    font-size: 16px;
}
@media only screen and (max-width: 980px) {
    .index-xuanz .xu-swp-box .xu-swp .swiper-slide .item .info {
        font-size: 15px;
    }
}
.index-xuanz .xu-swp-box .xu-swp .swiper-slide .item:hover::before {
    border-top: 12px solid var(--textActiveColor);
}
.index-xuanz .xu-swp-box .xu-swp .paginationx .swiper-pagination-bullet {
    border-radius: 3px;
    width: 30px;
    height: 5px;
}
.index-xuanz .xu-swp-box .xu-swp .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--textActiveColor);
}
.index-news {
    padding-top: 20px;
    padding-bottom: 80px;
}
@media only screen and (max-width: 980px) {
    .index-news {
        padding-bottom: 40px;
        padding-top: 0;
    }
}
@media only screen and (min-width: 980px) {
    .index-news .news-box > .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .index-news .news-box > .row > div {
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
    }
}
.index-news .news-box .top-news {
    box-shadow: 0 0 8px 0px #ccc;
    background-color: #fff;
    height: 100%;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news { width: 100%; }
}
.index-news .news-box .top-news .img {
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.index-news .news-box .top-news .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-news .news-box .top-news .info { padding: 30px; }
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news .info { padding: 10px; }
}
.index-news .news-box .top-news .info .title .t {
    color: #333d64;
    font-size: 20px;
    font-weight: 600;
    width: calc(100% - 110px);
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news .info .title .t {
        font-size: 17px;
    }
}
.index-news .news-box .top-news .info .title .time {
    font-size: 17px;
    color: #9ca2b6;
    width: 110px;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news .info .title .time {
        font-size: 12px;
    }
}
.index-news .news-box .top-news .info .desc {
    color: #393e52;
    font-size: 16px;
    margin: 18px 0;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news .info .desc {
        font-size: 14px;
    }
}
.index-news .news-box .top-news .info .link {
    color: #0d278a;
    font-size: 16px;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .top-news .info .link {
        font-size: 14px;
    }
}
.index-news .news-box .top-news:hover .info .title .t {
    color: var(--textActiveColor);
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .news-list-box { margin-top: 30px; }
}
.index-news .news-box .news-list-box .news-item { margin-bottom: 30px; }
.index-news .news-box .news-list-box .news-item .img {
    width: 140px;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.index-news .news-box .news-list-box .news-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-news .news-box .news-list-box .news-item .info {
    width: calc(100% - 170px);
}
.index-news .news-box .news-list-box .news-item .info .t {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #333d64;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .news-list-box .news-item .info .t {
        font-size: 17px;
    }
}
.index-news .news-box .news-list-box .news-item .info .time {
    color: #9ca2b6;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
    .index-news .news-box .news-list-box .news-item .info .desc {
        font-size: 12px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        height: 72px;
    }
}
.index-news .news-box .news-list-box .news-item:last-child { margin-bottom: 0; }
/* ====== 强制覆盖可能存在的 Bootstrap 影响 ====== */
.header-nav .nav > li {
    position: relative !important;
}
.header-nav .nav > li .sub-menu {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1) !important;
    min-width: 200px !important;
    z-index: 9999 !important;
    text-align: left !important;
    pointer-events: none !important;  /* 防止点击干扰 */
}
.header-nav .nav > li:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;   /* 悬停后可点击 */
}
.header-nav .nav > li .sub-menu li {
    display: block !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.header-nav .nav > li .sub-menu li:last-child {
    border-bottom: none !important;
}
.header-nav .nav > li .sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    color: #333 !important;
    background: transparent !important;
}
.header-nav .nav > li .sub-menu li a:hover {
    background: #f8f8f8 !important;
    color: var(--textActiveColor) !important;
}

/* ====== 产品中心多列布局（假设产品中心是第4个 li，请根据实际调整） ====== */
.header-nav .nav > li:nth-child(4) .sub-menu {
    width: 600px !important;
    padding: 15px 20px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.header-nav .nav > li:nth-child(4) .sub-menu li {
    width: 33.333% !important;
    border-bottom: none !important;
    padding: 5px 0 !important;
}
.header-nav .nav > li:nth-child(4) .sub-menu li a {
    padding: 8px 10px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}
.header-nav .nav > li:nth-child(4) .sub-menu li a:hover {
    background: #f0f0f0 !important;
}

/* 移动端适配 */
@media only screen and (max-width: 991px) {
    .header-nav .nav > li:nth-child(4) .sub-menu {
        width: auto !important;
        transform: none !important;
        left: 0 !important;
        display: block !important;
        position: static !important;
        background: #f9f9f9 !important;
        box-shadow: none !important;
    }
    .header-nav .nav > li:nth-child(4) .sub-menu li {
        width: 100% !important;
    }
}
/* ========== 代理品牌错落布局 ========== */
.brand-content .brand-item:nth-child(1)  { margin-top: 0; }
.brand-content .brand-item:nth-child(2)  { margin-top: 60px; }
.brand-content .brand-item:nth-child(3)  { margin-top: 120px; }
.brand-content .brand-item:nth-child(4)  { margin-top: 30px; }
.brand-content .brand-item:nth-child(5)  { margin-top: 0; }
.brand-content .brand-item:nth-child(6)  { margin-top: 60px; }
.brand-content .brand-item:nth-child(7)  { margin-top: 120px; }
.brand-content .brand-item:nth-child(8)  { margin-top: 30px; }
.brand-content .brand-item:nth-child(9)  { margin-top: 0; }
.brand-content .brand-item:nth-child(10) { margin-top: 60px; }

.brand-content .link-ban {
    margin-top: 40px !important;
    text-align: right !important;
    width: 100% !important;
}