/* 在参考站样式基础上的补丁（保持版式一致，仅替换不可用素材相关样式） */

/* 顶部通栏：左右两栏垂直居中对齐
   原 .top_r 有 20px 热线数字 + vertical-align:sub，会把行盒撑到 42px（超出 40px 通栏），
   右侧文字整体偏下、基线也不与左侧标语齐平；另原先的 padding-left:30px 是给一张
   已不存在的电话图标图留位（/uploads/sumdz/20201225151722_836318080.png 缺失），
   表现为「服务热线：」前面一段空白，同样看着没对齐。 */
.top_all {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_all .fl,
.top_r {
    float: none;
}
.top_r {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 0;
    background: none;
}
/* 20px 热线号码不再参与父行盒的基线计算（否则会把「服务热线：」压低 2.5px），
   改为 flex 项各自垂直居中 */
.top_r span {
    vertical-align: baseline;
    line-height: 1;
}

/* 板块标题下方的小 logo（原为参考站品牌标识）改为装饰线段 */
.case_tit:after {
    background: #013972 !important;
    background-image: none !important;
    height: 3px !important;
    width: 44px !important;
    bottom: -30px !important;
    left: 50% !important;
    margin-left: -22px;
    opacity: 1;
    border-radius: 2px;
}

.pro_tit:after,
.ape_tit:after {
    background: #013972 !important;
    background-image: none !important;
    height: 3px !important;
    width: 50px !important;
    bottom: -16px !important;
    border-radius: 2px;
}

/* 二级导航下拉：深蓝底白字（参考站下拉为白色字，需深色背景） */
.erji_menu {
    background: #013972;
    min-width: 150px;
    width: auto !important;
    box-shadow: 0 8px 20px rgba(1, 57, 114, .25);
}

.erji_menu ul li a {
    background: #013972 !important;
    border-top: 1px solid rgba(255, 255, 255, .12) !important;
    padding: 0 18px !important;
}

.erji_menu ul li:first-child a {
    border-top: 0 !important;
}

.erji_menu ul li a:hover {
    background: #0a5aa8 !important;
    color: #fff !important;
}

/* 首屏：本地 banner 图按比例铺满 */
.banner-box .bd li {
    background-size: cover !important;
    background-position: center center !important;
}

.banner-box .hd {
    bottom: 28px !important;
}

/* 新闻卡按钮文案 */
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content:after {
    content: '查看详情  →' !important;
}

/* 新闻卡日期改为常规流（本地图为横图，绝对定位会与标题重叠） */
.news_box .news_div_item:nth-child(-n+2) .news_div_item_date {
    position: static !important;
    top: auto !important;
    width: auto !important;
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

/* 新闻大卡文字区固定高度：标题两行 + 摘要两行 + 查看详情，
   可用高只有 154px（卡片 488 - 定位 top 310 - 下内边距 24），
   长标题不再把「查看详情」顶出卡片，所有卡片按钮同一水平线 */
.news_box .news_div_item:nth-child(-n+2) .news_div_item_title {
    height: 68px;
    overflow: hidden;
}

.news_box .news_div_item:nth-child(-n+2) a.news_div_item_a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 34px;
}

.news_box .news_div_item:nth-child(-n+2) .news_div_item_body {
    height: 52px;
    margin-top: 4px;
    overflow: hidden;
}

.news_box .news_div_item:nth-child(-n+2) .news_div_item_content:after {
    line-height: 30px;
}

/* 应用领域图片尺寸（本地图比例统一） */
.appli_pic img {
    width: 100% !important;
    height: 560px !important;
    object-fit: cover;
    display: block;
}

.appli_txt ul li img {
    width: 280px !important;
    height: 168px !important;
    object-fit: cover;
    display: block;
}

.appli_txt li:first-child img {
    width: 280px !important;
    height: 168px !important;
}

/* 应用领域：两张缩略图顶对齐（参考站给第一张加了 margin-top/padding-bottom，
   在 inline-block 基线对齐下会让第二张图下沉 20px，表现为左右图错位） */
.appli_txt ul {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 30px 0 20px;
}

.appli_txt ul li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}

/* 产品卡图片 */
.product_div_item_pic img {
    max-width: 100%;
    max-height: 220px;
    object-fit: contain;
}

/* 关于我们 / 公司实力 图片圆整 */
.com_wrap .ab_rc img,
.gs_bc .cf_c img {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* 应用领域：数据化后每组只有一张大图，取消参考站的多行隐藏规则 */
.appli_con .appli_pic table tr {
    display: table-row !important;
}

/* 解决方案：左图定宽不被 flex 压缩，右文自适应 */
.case_con {
    display: flex;
    align-items: flex-start;
    padding-top: 80px;
}

.case_pic {
    flex: 0 0 644px;
    width: 644px;
    height: 362px;
    box-sizing: content-box;
}

.case_pic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.case_txt {
    flex: 0 1 auto;
    max-width: 824px;
    padding: 30px 180px 0 90px;
}

/* 应用领域右侧文案排版（本地文案比参考站长，需放宽行距） */
.appli_txt p {
    line-height: 1.4 !important;
    padding-bottom: 8px;
}

.appli_txt em {
    display: block !important;
    width: auto !important;
    max-width: 620px;
    line-height: 1.9 !important;
}

/* ================= 内页通用 banner ================= */
.pg_banner {
    height: 320px;
    background: #013972 center center / cover no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.pg_banner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(1, 32, 64, .48);
}

.pg_banner_in {
    position: relative;
    z-index: 2;
}

.pg_banner h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
}

.pg_banner p {
    color: rgba(255, 255, 255, .84);
    font-size: 16px;
    line-height: 1.8;
    margin-top: 14px;
    max-width: 820px;
}

/* ================= 关于我们：公司简介 ================= */
.ab-intro {
    padding: 88px 0 84px;
    background: #fff;
}

.ab-intro__inner {
    display: flex;
    align-items: flex-start;
    gap: 56px;
}

.ab-intro__pic {
    flex: 0 0 48%;
    max-width: 48%;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 24px 50px -28px rgba(11, 21, 38, .45);
    position: sticky;
    top: 40px;
}

.ab-intro__pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.ab-intro__txt {
    flex: 1;
    min-width: 0;
}

.ab-intro__en {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .22em;
    color: #0a5aa8;
    margin-bottom: 14px;
}

.ab-intro__title {
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    color: #0b1526;
    margin-bottom: 22px;
}

.ab-intro__content p {
    font-size: 15.5px;
    line-height: 1.95;
    color: #5b6777;
    margin-bottom: 16px;
    text-align: justify;
}

.ab-intro__content p:last-child {
    margin-bottom: 0;
}

.ab-intro__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
    margin: 30px 0 34px;
}

.ab-intro__stats li {
    list-style: none;
}

.ab-intro__stats strong {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #013972;
    line-height: 1.2;
}

.ab-intro__stats span {
    display: block;
    font-size: 13.5px;
    color: #8a94a3;
    margin-top: 6px;
}

.ab-intro__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 30px;
    border-radius: 6px;
    background: #013972;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: background .25s;
}

.ab-intro__btn:hover {
    background: #0a5aa8;
    color: #fff;
}

.ab-intro__btn i {
    font-style: normal;
}

/* ================= 关于我们：企业相关认证 ================= */
.ab-cert {
    padding: 80px 0 92px;
    background: #f5f8fa;
}

.ab-cert__head {
    text-align: center;
    margin-bottom: 46px;
}

.ab-cert__head p {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .22em;
    color: #0a5aa8;
    margin-bottom: 12px;
}

.ab-cert__head h2 {
    font-size: 30px;
    color: #0b1526;
    font-weight: 700;
    margin-bottom: 14px;
}

.ab-cert__head span {
    font-size: 15.5px;
    color: #7b8a9d;
}

.ab-cert__wrap {
    position: relative;
    padding: 0 56px;
}

.ab-cert__list {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 6px;
}

.ab-cert__list::-webkit-scrollbar {
    display: none;
}

.ab-cert__item {
    flex: 0 0 calc((100% - 72px) / 4);
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 14px;
    padding: 16px 16px 18px;
    transition: transform .3s, box-shadow .3s;
}

.ab-cert__item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -20px rgba(11, 21, 38, .35);
}

.ab-cert__pic {
    border-radius: 8px;
    overflow: hidden;
    background: #f7f9fc;
}

.ab-cert__pic img {
    width: 100%;
    display: block;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    transition: transform .4s;
}

.ab-cert__item:hover .ab-cert__pic img {
    transform: scale(1.04);
}

.ab-cert__item p {
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #33404f;
    text-align: center;
    min-height: 2.6em;
}

.ab-cert__arrow {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    border: 1px solid #dfe5ec;
    border-radius: 50%;
    background: #fff;
    color: #013972;
    font-size: 16px;
    cursor: pointer;
    transition: all .25s;
    z-index: 2;
}

.ab-cert__arrow:hover {
    background: #013972;
    border-color: #013972;
    color: #fff;
}

.ab-cert__arrow--prev {
    left: 0;
}

.ab-cert__arrow--next {
    right: 0;
}

@media (max-width: 1200px) {
    .ab-cert__item {
        flex: 0 0 calc((100% - 48px) / 3);
    }
}

@media (max-width: 900px) {
    .ab-intro {
        padding: 56px 0;
    }

    .ab-intro__inner {
        flex-direction: column;
        gap: 28px;
    }

    .ab-intro__pic {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        position: static;
    }

    .ab-intro__title {
        font-size: 24px;
    }

    .ab-intro__stats {
        gap: 28px;
    }

    .ab-cert {
        padding: 56px 0 64px;
    }

    .ab-cert__wrap {
        padding: 0 44px;
    }

    .ab-cert__item {
        flex: 0 0 calc((100% - 24px) / 2);
    }
}

/* ================= 联系我们页（2026-11-11 重做：基本信息 + 询盘表单 + 位置图） ================= */
/* --- 基本信息四卡（banner 下方，不压栏目图） --- */
.ct2_info {
    position: relative;
    z-index: 5;
    padding: 54px 0 0;
}

.ct2_cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.ct2_card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 26px 24px;
    background: #fff;
    border: 1px solid #e6eefa;
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(1, 57, 114, .07);
    transition: transform .3s, box-shadow .3s, border-color .3s;
}

.ct2_card:hover {
    transform: translateY(-4px);
    border-color: #d3e2f3;
    box-shadow: 0 18px 36px rgba(1, 57, 114, .12);
}

.ct2_card_ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef4fb;
    color: #0a5aa8;
    transition: background .3s, color .3s;
}

.ct2_card_ico svg {
    width: 22px;
    height: 22px;
}

.ct2_card:hover .ct2_card_ico {
    background: #013972;
    color: #fff;
}

.ct2_card_txt {
    min-width: 0;
}

.ct2_card_txt em {
    display: block;
    font-style: normal;
    font-size: 12.5px;
    letter-spacing: .06em;
    color: #8a94a3;
    margin-bottom: 7px;
}

.ct2_card_txt strong {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    color: #0b1526;
    word-break: break-all;
}

.ct2_card_txt strong a {
    color: #0b1526;
    transition: color .25s;
}

.ct2_card_txt strong a:hover {
    color: #0a5aa8;
}

.ct2_card_txt p {
    font-size: 12.5px;
    line-height: 1.6;
    color: #98a4b4;
    margin: 7px 0 0;
}

/* --- 主体两列 --- */
.ct2_main {
    padding: 76px 0 96px;
    background: #fff;
}

.ct2_main_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 620px;
    gap: 40px;
    align-items: start;
}

.ct2_hd {
    margin-bottom: 26px;
}

.ct2_hd p {
    font-size: 12.5px;
    letter-spacing: .22em;
    font-weight: 800;
    color: #0a5aa8;
    margin-bottom: 10px;
}

.ct2_hd h2 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    color: #0b1526;
    margin: 0;
}

.ct2_hd span {
    display: block;
    margin-top: 10px;
    font-size: 14.5px;
    line-height: 1.7;
    color: #7b8a9d;
}

/* --- 询盘表单 --- */
.ct2_formbox {
    padding: 34px 40px 32px;
    background: #fff;
    border: 1px solid #e6eefa;
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(1, 57, 114, .05);
}

.ct2_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.ct2_row--captcha {
    grid-template-columns: minmax(0, 1fr) 200px;
    align-items: end;
}

.ct2_field {
    display: block;
    min-width: 0;
}

.ct2_field--full {
    margin-bottom: 20px;
}

.ct2_field > span {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #37465a;
    margin-bottom: 9px;
}

.ct2_field > span i {
    font-style: normal;
    color: #e2453c;
}

.ct2_field input,
.ct2_field textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    font-family: inherit;
    font-size: 14.5px;
    color: #0b1526;
    background: #fbfdff;
    border: 1px solid #dde7f2;
    border-radius: 5px;
    outline: none;
    transition: border-color .25s, background .25s, box-shadow .25s;
}

.ct2_field textarea {
    height: auto;
    min-height: 132px;
    padding: 14px 16px;
    line-height: 1.75;
    resize: vertical;
}

.ct2_field input::placeholder,
.ct2_field textarea::placeholder {
    color: #a9b4c2;
}

.ct2_field input:focus,
.ct2_field textarea:focus {
    background: #fff;
    border-color: #0a5aa8;
    box-shadow: 0 0 0 3px rgba(10, 90, 168, .08);
}

.ct2_captcha {
    height: 62px;
    border: 1px solid #dde7f2;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    line-height: 0;
}

.ct2_captcha img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.ct2_actions {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 4px;
}

.ct2_submit {
    flex: 0 0 auto;
    height: 52px;
    padding: 0 48px;
    border: 0;
    border-radius: 4px;
    background: #013972;
    color: #fff;
    font-family: inherit;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .25s, transform .25s;
}

.ct2_submit:hover {
    background: #0a5aa8;
    transform: translateY(-2px);
}

.ct2_submit.is-loading {
    opacity: .68;
    cursor: default;
    transform: none;
}

.ct2_actions p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.65;
    color: #98a4b4;
}

.ct2_msg {
    display: none;
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 13.5px;
    line-height: 1.6;
}

.ct2_msg.on {
    display: block;
}

.ct2_msg.ok {
    color: #0a6b3d;
    background: #eefaf2;
    border: 1px solid #cceedd;
}

.ct2_msg.err {
    color: #b5342a;
    background: #fdf2f1;
    border: 1px solid #f6d7d3;
}

/* --- 位置图 --- */
.ct2_mapbox {
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e6eefa;
    box-shadow: 0 14px 34px rgba(1, 57, 114, .06);
}

.ct2_map {
    margin: 0;
    line-height: 0;
}

.ct2_map img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1440px) {
    .ct2_main_grid {
        grid-template-columns: minmax(0, 1fr) 540px;
        gap: 30px;
    }

    .ct2_formbox {
        padding: 30px 32px 28px;
    }
}

@media (max-width: 1200px) {
    .ct2_cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .ct2_main_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .ct2_info {
        padding: 34px 0 0;
    }

    .ct2_cards {
        grid-template-columns: 1fr;
    }

    .ct2_row,
    .ct2_row--captcha {
        grid-template-columns: 1fr;
    }

    .ct2_formbox {
        padding: 24px 20px 22px;
    }

    .ct2_hd h2 {
        font-size: 24px;
    }

    .ct2_actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ct2_submit {
        width: 100%;
    }
}

/* ================= 通用单页内容区 ================= */
.pg_simple {
    padding: 64px 0 84px;
    background: #fff;
}

.pg_simple img {
    max-width: 100%;
    height: auto;
}

.pg_simple p {
    font-size: 15.5px;
    line-height: 2;
    color: #4a5568;
    margin-bottom: 16px;
}

.pg_simple h2 {
    font-size: 24px;
    color: #0b1526;
    margin: 32px 0 16px;
}

.pg_simple h3 {
    font-size: 19px;
    color: #0b1526;
    margin: 24px 0 12px;
}

.pg_simple_empty {
    color: #9aa4b1;
    text-align: center;
    padding: 40px 0;
}

/* ================= 应用领域页 ================= */
.app_page {
    padding: 80px 0 96px;
    background: #fff;
}

.app_page_head {
    text-align: center;
    margin-bottom: 52px;
}

.app_page_head p {
    font-size: 12.5px;
    letter-spacing: .22em;
    color: #0a5aa8;
    font-weight: 800;
    margin-bottom: 12px;
}

.app_page_head h2 {
    font-size: 34px;
    line-height: 1.3;
    color: #0b1526;
    margin: 0;
    font-weight: 700;
}

.app_page_head i {
    display: block;
    width: 62px;
    height: 2px;
    margin: 20px auto 18px;
    background: #013972;
}

.app_page_head span {
    font-size: 15.5px;
    color: #7b8a9d;
}

.app_page_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    counter-reset: appitem;
}

.app_page_item {
    position: relative;
    display: block;
    counter-increment: appitem;
    aspect-ratio: 4 / 3.3;
    background: #0b1526;
    border-radius: 6px;
    overflow: hidden;
    transition: transform .35s, box-shadow .35s;
}

.app_page_pic {
    position: absolute;
    inset: 0;
}

.app_page_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(.2, .6, .2, 1);
}

/* 底部渐变遮罩 */
.app_page_item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(4, 20, 44, .94) 0%, rgba(4, 20, 44, .68) 32%, rgba(4, 20, 44, .14) 62%, rgba(4, 20, 44, 0) 100%);
}

/* 左上角序号 */
.app_page_item::after {
    content: counter(appitem, decimal-leading-zero);
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    min-width: 36px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 3px;
    background: rgba(255, 255, 255, .12);
}

.app_page_txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 24px 24px;
    color: #fff;
}

.app_page_txt h3 {
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-right: 62px;
}

.app_page_txt h3 span {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .18em;
    color: rgba(255, 255, 255, .55);
}

.app_page_txt p {
    margin: 12px 0 0;
    padding-right: 62px;
    font-size: 13.5px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .76);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 不可点击的静态卡片（应用领域页） */
.app_page_item--static {
    cursor: default;
}

.app_page_item--static .app_page_txt h3,
.app_page_item--static .app_page_txt p {
    padding-right: 0;
}

.app_page_arrow {
    position: absolute;
    right: 22px;
    bottom: 24px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 50%;
    transition: background .3s, border-color .3s, transform .3s;
}

.app_page_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 44px -20px rgba(4, 20, 44, .55);
}

.app_page_item:hover .app_page_pic img {
    transform: scale(1.07);
}

.app_page_item:hover .app_page_arrow {
    background: #0a5aa8;
    border-color: #0a5aa8;
    transform: translateX(3px);
}

/* ================= 应用领域页底部 CTA ================= */
.app_cta {
    padding: 44px 0;
    background: linear-gradient(100deg, #012e5c 0%, #013972 46%, #0a5aa8 100%);
}

.app_cta_in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.app_cta_txt h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
}

.app_cta_txt p {
    font-size: 14.5px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .72);
    margin: 0;
}

.app_cta_btns {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
}

.app_cta_tel {
    display: block;
    padding: 9px 26px 11px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 4px;
    transition: background .25s, border-color .25s;
}

.app_cta_tel span {
    display: block;
    font-size: 12px;
    letter-spacing: .1em;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 4px;
}

.app_cta_tel strong {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.app_cta_tel:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
}

.app_cta_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 58px;
    padding: 0 34px;
    border-radius: 4px;
    background: #fff;
    color: #013972;
    font-size: 15.5px;
    font-weight: 700;
    transition: background .25s, transform .25s;
}

.app_cta_link i {
    font-style: normal;
}

.app_cta_link:hover {
    background: #eaf2fb;
    color: #013972;
    transform: translateY(-2px);
}

@media (max-width: 1200px) {
    .app_page {
        padding: 64px 0 76px;
    }

    .app_page_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .app_cta_in {
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
    }
}

@media (max-width: 768px) {
    .app_page_head h2 {
        font-size: 26px;
    }

    .app_page_list {
        grid-template-columns: 1fr;
    }

    .app_cta_txt h3 {
        font-size: 20px;
    }

    .app_cta_btns {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .app_cta_tel {
        text-align: center;
    }

    .app_cta_link {
        justify-content: center;
        height: 52px;
    }
}

@media (max-width: 1024px) {
    .pg_banner {
        height: 240px;
    }

    .pg_banner h1 {
        font-size: 30px;
    }

    .app_page {
        padding: 48px 0 56px;
    }

    .app_page_list {
        grid-template-columns: 1fr;
    }
}

/* ================= 产品中心：产品种类（分类入口大卡） ================= */
.pg_procat {
    padding: 74px 0 96px;
    background: #fff;
}

.pg_procat__head {
    text-align: center;
    margin-bottom: 52px;
}

.pg_procat__head p {
    font-size: 20px;
    font-weight: 600;
    color: #0b1526;
    letter-spacing: .1em;
    margin: 0;
}

.pg_procat__head span {
    display: block;
    margin-top: 8px;
    font-size: 11.5px;
    font-weight: 400;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #b3bcc8;
}

.pg_procat__head i {
    display: block;
    width: 66px;
    height: 2px;
    margin: 18px auto 0;
    background: #0b1526;
}

.pg_procat__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.pg_procat__item {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 0.92;
    background: #eef1f5;
}

.pg_procat__item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .3, 1);
}

.pg_procat__item:hover img {
    transform: scale(1.05);
}

.pg_procat__band {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    background: rgba(12, 17, 24, .58);
    border-top: 1px solid rgba(255, 255, 255, .26);
    border-bottom: 1px solid rgba(255, 255, 255, .26);
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .08em;
    text-align: center;
    transition: background .35s;
}

.pg_procat__item:hover .pg_procat__band {
    background: rgba(1, 57, 114, .74);
}

@media (max-width: 1024px) {
    .pg_procat {
        padding: 50px 0 60px;
    }

    .pg_procat__head {
        margin-bottom: 34px;
    }

    .pg_procat__head p {
        font-size: 18px;
    }

    .pg_procat__list {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pg_procat__band {
        height: 56px;
        font-size: 18px;
    }
}

/* ================= 产品中心：分类列表 ================= */
.pg_prolist {
    padding: 0 0 92px;
    background: #fff;
}

.pg_crumb {
    padding: 30px 0 28px;
    font-size: 13.5px;
    color: #98a2b0;
    line-height: 1.6;
}

.pg_crumb a {
    color: #98a2b0;
}

.pg_crumb a:hover {
    color: #013972;
}

.pg_crumb i {
    font-style: normal;
    margin: 0 8px;
    color: #c6ced8;
}

.pg_crumb span {
    color: #3d4859;
}

.pg_prolist__grid {
    display: grid;
    /* 必须 minmax(0,1fr)：卡内描述是 nowrap，1fr 的 min-content 撑宽会把第 3 列顶出容器 */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.pg_procard {
    display: block;
    min-width: 0;
    background: #fff;
    border: 1px solid #e9edf2;
    padding-bottom: 24px;
    transition: border-color .3s, box-shadow .3s;
}

.pg_procard:hover {
    border-color: #d6dee8;
    box-shadow: 0 18px 36px -22px rgba(11, 21, 38, .34);
}

.pg_procard__pic {
    height: 244px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 26px;
}

.pg_procard__pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transition: transform .4s;
}

.pg_procard:hover .pg_procard__pic img {
    transform: scale(1.05);
}

.pg_procard__name {
    margin: 4px 0 0;
    padding: 0 22px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #232e3d;
    text-align: center;
}

.pg_procard__desc {
    margin: 9px 0 0;
    padding: 0 22px;
    font-size: 13px;
    line-height: 1.6;
    color: #a3aebc;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pg_pager {
    margin-top: 46px;
    text-align: center;
}

.pg_pager ul {
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.pg_pager li {
    list-style: none;
}

.pg_pager li a,
.pg_pager li span {
    display: block;
    min-width: 40px;
    height: 40px;
    line-height: 38px;
    padding: 0 13px;
    border: 1px solid #e3e8ef;
    background: #fff;
    color: #5b6777;
    font-size: 14px;
    text-align: center;
}

.pg_pager li a:hover {
    border-color: #013972;
    color: #013972;
}

.pg_pager li.active span {
    background: #013972;
    border-color: #013972;
    color: #fff;
}

.pg_pager li.disabled span {
    color: #c3cbd5;
}

.pg_pager .pagination_info {
    margin-top: 14px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #98a2b0;
}

@media (max-width: 1100px) {
    .pg_prolist__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .pg_prolist {
        padding-bottom: 56px;
    }

    .pg_crumb {
        padding: 20px 0 18px;
    }

    .pg_prolist__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .pg_procard__pic {
        height: 210px;
    }

    .pg_pager {
        margin-top: 30px;
    }
}

/* ================= 产品中心：产品详情 ================= */
.pg_proshow {
    padding: 0 0 92px;
    background: #fff;
}

.pg_proshow__wrap {
    display: flex;
    align-items: flex-start;
    gap: 56px;
}

.pg_proshow__media {
    flex: 0 0 48%;
    max-width: 48%;
    background: #fff;
    border: 1px solid #eef2f7;
    padding: 34px;
}

.pg_proshow__main img {
    display: block;
    max-width: 100%;
    max-height: 460px;
    margin: 0 auto;
    object-fit: contain;
}

.pg_proshow__main img + img {
    margin-top: 20px;
}

.pg_proshow__info {
    flex: 1;
    min-width: 0;
    padding-top: 4px;
}

.pg_proshow__info h1 {
    font-size: 30px;
    line-height: 1.36;
    font-weight: 700;
    color: #0b1526;
    margin: 0;
}

.pg_proshow__sub {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #0a5aa8;
    letter-spacing: .04em;
}

.pg_proshow__desc {
    margin-top: 18px;
    font-size: 15.5px;
    line-height: 1.9;
    color: #5b6777;
}

.pg_proshow__meta {
    margin: 28px 0 0;
    border-top: 1px solid #eef2f6;
}

.pg_proshow__meta li {
    display: flex;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #eef2f6;
    font-size: 14px;
    list-style: none;
}

.pg_proshow__meta span {
    flex: 0 0 76px;
    color: #98a2b0;
}

.pg_proshow__meta strong {
    flex: 1;
    font-weight: 500;
    color: #33404f;
    line-height: 1.6;
}

.pg_proshow__btns {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 32px;
}

.pg_proshow__btn {
    display: inline-flex;
    align-items: center;
    height: 48px;
    padding: 0 34px;
    border-radius: 4px;
    background: #013972;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    transition: background .25s;
}

.pg_proshow__btn:hover {
    background: #0a5aa8;
    color: #fff;
}

.pg_proshow__back {
    font-size: 14.5px;
    color: #5b6777;
}

.pg_proshow__back:hover {
    color: #013972;
}

.pg_proshow__back i {
    font-style: normal;
}

.pg_proshow__content {
    margin-top: 56px;
    padding-top: 42px;
    border-top: 1px solid #eef2f6;
}

.pg_proshow__content p {
    font-size: 15.5px;
    line-height: 2;
    color: #4a5568;
    margin-bottom: 16px;
}

.pg_proshow__content h3 {
    font-size: 19px;
    color: #0b1526;
    margin: 26px 0 12px;
}

.pg_proshow__content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 900px) {
    .pg_proshow {
        padding-bottom: 56px;
    }

    .pg_proshow__wrap {
        flex-direction: column;
        gap: 26px;
    }

    .pg_proshow__media {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 22px;
    }

    .pg_proshow__info h1 {
        font-size: 23px;
    }

    .pg_proshow__content {
        margin-top: 34px;
        padding-top: 26px;
    }
}

/* ================= 新闻：列表 ================= */
.pg_news {
    padding: 0 0 92px;
    background: #fff;
}

.pg_news__layout {
    display: flex;
    align-items: flex-start;
    gap: 42px;
}

.pg_news__side {
    flex: 0 0 252px;
    max-width: 252px;
}

.pg_news__sidehead {
    height: 62px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    margin: 0;
    background: #013972;
    color: #fff;
    font-size: 20px;
    line-height: 62px;
    font-weight: 600;
    text-align: center;
}

.pg_news__sidehead span {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .68);
}

.pg_news__nav {
    margin: 0;
    padding: 0;
    border: 1px solid #e9edf2;
    border-top: 0;
    list-style: none;
}

.pg_news__nav li {
    list-style: none;
    border-top: 1px solid #eef2f7;
}

.pg_news__nav li:first-child {
    border-top: 0;
}

.pg_news__nav li a {
    display: block;
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    font-size: 15px;
    color: #3d4859;
    transition: background .25s, color .25s;
}

.pg_news__nav li a:hover {
    background: #f4f8fd;
    color: #013972;
}

.pg_news__nav li.on a {
    background: #f4f8fd;
    color: #013972;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #013972;
}

.pg_news__tel {
    margin-top: 22px;
    padding: 24px 22px;
    background: #f5f7fa;
    text-align: center;
}

.pg_news__tel p {
    margin: 0 0 8px;
    font-size: 13px;
    color: #8b96a5;
}

.pg_news__tel strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #013972;
    line-height: 1.3;
}

.pg_news__tel a {
    display: inline-block;
    margin-top: 16px;
    height: 38px;
    line-height: 36px;
    padding: 0 22px;
    border: 1px solid #013972;
    border-radius: 2px;
    font-size: 13.5px;
    color: #013972;
    transition: background .25s, color .25s;
}

.pg_news__tel a:hover {
    background: #013972;
    color: #fff;
}

.pg_news__main {
    flex: 1;
    min-width: 0;
}

.pg_news__search {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 26px;
}

.pg_news__search input {
    flex: 1;
    height: 48px;
    line-height: 46px;
    padding: 0 18px;
    border: 1px solid #e3e8ef;
    border-right: 0;
    background: #fff;
    font-size: 14px;
    color: #3d4859;
    outline: none;
}

.pg_news__search input:focus {
    border-color: #013972;
}

.pg_news__search button {
    flex: 0 0 108px;
    height: 48px;
    border: 0;
    background: #013972;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background .25s;
}

.pg_news__search button:hover {
    background: #0a5aa8;
}

.pg_news__sort {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: -8px 0 22px;
    font-size: 14px;
}

.pg_news__sort a {
    color: #8b96a5;
}

.pg_news__sort a:hover,
.pg_news__sort a.active {
    color: #013972;
    font-weight: 600;
}

.pg_news__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pg_newscard {
    display: flex;
    align-items: stretch;
    gap: 24px;
    padding: 20px;
    border: 1px solid #e9edf2;
    background: #fff;
    transition: border-color .3s, box-shadow .3s, transform .3s;
}

.pg_newscard:hover {
    border-color: #d6dee8;
    box-shadow: 0 18px 36px -24px rgba(11, 21, 38, .34);
    transform: translateY(-2px);
}

.pg_newscard__pic {
    flex: 0 0 236px;
    max-width: 236px;
    height: 156px;
    overflow: hidden;
    background: #f2f5f9;
}

.pg_newscard__pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}

.pg_newscard:hover .pg_newscard__pic img {
    transform: scale(1.06);
}

.pg_newscard__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.pg_newscard__title {
    margin: 2px 0 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #232e3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .25s;
}

.pg_newscard:hover .pg_newscard__title {
    color: #013972;
}

.pg_newscard__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.85;
    color: #8b96a5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pg_newscard__more {
    margin-top: auto;
    padding-top: 12px;
    font-size: 13.5px;
    font-style: normal;
    color: #013972;
}

@media (max-width: 1100px) {
    .pg_news__layout {
        gap: 26px;
    }

    .pg_news__side {
        flex: 0 0 210px;
        max-width: 210px;
    }

    .pg_newscard__pic {
        flex: 0 0 200px;
        max-width: 200px;
        height: 136px;
    }
}

@media (max-width: 900px) {
    .pg_news {
        padding-bottom: 56px;
    }

    .pg_news__layout {
        flex-direction: column;
        gap: 24px;
    }

    .pg_news__side {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
    }

    .pg_news__tel {
        display: none;
    }

    .pg_newscard {
        flex-direction: column;
        gap: 14px;
        padding: 14px;
    }

    .pg_newscard__pic {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        height: 190px;
    }

    .pg_newscard__title {
        font-size: 16.5px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

/* ================= 新闻：详情 ================= */
.pg_article {
    padding: 0 0 92px;
    background: #fff;
}

.pg_article__head {
    padding-bottom: 26px;
    border-bottom: 1px solid #eef2f7;
}

.pg_article__head h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    color: #0b1526;
}

.pg_article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 16px;
    font-size: 13.5px;
    color: #98a2b0;
}

.pg_article__body {
    padding: 36px 0 10px;
    font-size: 16px;
    line-height: 2.05;
    color: #4a5568;
    word-break: break-word;
}

.pg_article__body p {
    margin: 0 0 18px;
}

.pg_article__body h2 {
    margin: 34px 0 16px;
    font-size: 22px;
    line-height: 1.5;
    color: #0b1526;
}

.pg_article__body h3 {
    margin: 28px 0 14px;
    font-size: 19px;
    line-height: 1.5;
    color: #0b1526;
}

.pg_article__body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto;
}

.pg_article__body ul,
.pg_article__body ol {
    margin: 0 0 18px;
    padding-left: 24px;
}

.pg_article__body li {
    list-style: disc;
    margin-bottom: 8px;
}

.pg_article__body ol li {
    list-style: decimal;
}

.pg_article__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.pg_article__body table td,
.pg_article__body table th {
    border: 1px solid #e9edf2;
    padding: 10px 14px;
}

.pg_article__pn {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid #eef2f7;
    font-size: 14px;
    line-height: 1.9;
    color: #8b96a5;
}

.pg_article__pnitem a {
    color: #3d4859;
}

.pg_article__pnitem a:hover {
    color: #013972;
}

.pg_article__back {
    margin-top: 34px;
    text-align: center;
}

.pg_article__back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 38px;
    border-radius: 4px;
    background: #013972;
    color: #fff;
    font-size: 15px;
    transition: background .25s;
}

.pg_article__back a:hover {
    background: #0a5aa8;
    color: #fff;
}

@media (max-width: 900px) {
    .pg_article {
        padding-bottom: 56px;
    }

    .pg_article__head h1 {
        font-size: 22px;
    }

    .pg_article__body {
        padding-top: 26px;
        font-size: 15px;
        line-height: 1.95;
    }
}



/* ================= 全站页脚（按 jhypower 页脚像素级复刻） ================= */
.ft {
    background: url(/uploads/20261109/footbg.png) repeat;
    color: #939393;
    line-height: 2;
}

.ft a {
    color: #cacaca;
    text-decoration: none;
}

.ft a:hover {
    color: #fff;
    text-decoration: underline;
}

.ft_in {
    position: relative;
    z-index: 4;
    margin: 0 auto;
    max-width: 1186px;
    min-width: 90%;
}

.ft_content {
    padding: 10px 0;
    position: relative;
    z-index: 2;
}

.ft_col {
    margin: 0 -15px;
}

.ft_table {
    width: 100%;
    table-layout: fixed;
}

.ft_td {
    vertical-align: top;
}

.ft_pad {
    padding: 0 15px;
}

.ft_hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 9px auto;
    background-color: #000;
    border: 0;
}

.ft_text {
    min-height: 25px;
    line-height: 2;
}

.ft_text p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 2;
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #939393;
}

.ft_text p.ft_nav_line {
    padding-bottom: 28px;
}

.ft_text a {
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
}

.ft_img {
    font-size: 0;
    overflow: hidden;
}

.ft_img a {
    display: inline-block;
}

.ft_img img {
    max-width: 100%;
    box-sizing: border-box;
    border: 0;
}

.ft_img_logo img {
    width: 194px;
}

.ft_img_logo img.ft_logo_raw {
    filter: brightness(0) invert(1);
}

.ft_hl {
    background-color: #0070c0;
    color: #fff;
}

.ft_hl strong {
    font-weight: 700;
}

.ft_pad_qr {
    text-align: center;
}

.ft_img_qr img {
    width: 96px;
}

.ft_qr_txt {
    margin-top: 7px;
    font-size: 16px;
    line-height: normal;
    color: #f8f8f8;
    text-align: center;
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
}

@media (max-width: 960px) {
    .ft_in {
        min-width: 0;
        max-width: 100%;
        padding: 0 10px;
    }

    .ft_table,
    .ft_table tbody,
    .ft_table tr,
    .ft_td {
        display: block;
        width: auto !important;
        margin: 0;
    }

    .ft_pad {
        padding: 0 5px;
    }

    .ft_img_logo img {
        width: 160px;
    }
}

/* ================= 侧边悬浮：电话 / 微信 / 回到顶部 ================= */
.hx-kf {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
    width: 56px;
    transform: translateY(-50%);
    font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
}

.hx-kf__item {
    position: relative;
    display: block;
    width: 56px;
    padding: 9px 0 10px;
    margin-bottom: 1px;
    background: #fff;
    border: 1px solid #efefef;
    border-right: 0;
    color: #666;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s, border-color .2s, color .2s;
}

.hx-kf__item--top {
    display: none;
    margin-top: 12px;
}

.hx-kf__item--top.is-show {
    display: block;
}

.hx-kf__item:hover {
    background: #013972;
    border-color: #013972;
    color: #fff;
    text-decoration: none;
}

.hx-kf__item p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
    color: inherit;
}

.hx-kf__ico {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto 6px;
    background-image: url(/uploads/sumdz/20210530165041_969410072.png);
    background-repeat: no-repeat;
}

.hx-kf__ico--tel { background-position: -5px -32px; }
.hx-kf__ico--wx { width: 22px; height: 19px; background-position: -5px -55px; }
.hx-kf__ico--top { width: 13px; height: 11px; background-position: -5px -98px; }

.hx-kf__item--tel:hover .hx-kf__ico--tel { background-position: -30px -32px; }
.hx-kf__item--wx:hover .hx-kf__ico--wx { background-position: -30px -55px; }
.hx-kf__item--top:hover .hx-kf__ico--top { background-position: -30px -98px; }

/* 悬浮弹层 */
.hx-kf__pop {
    position: absolute;
    right: 56px;
    top: 50%;
    display: block;
    padding: 14px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) scale(.96);
    transform-origin: right center;
    transition: opacity .18s, transform .18s, visibility .18s;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.5;
    color: #666;
    text-align: center;
}

.hx-kf__item:hover .hx-kf__pop {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
}

.hx-kf__pop::before {
    content: "";
    position: absolute;
    right: -8px;
    top: 0;
    width: 8px;
    height: 100%;
}

.hx-kf__pop::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
}

.hx-kf__pop--tel em {
    display: block;
    margin-bottom: 4px;
    font-style: normal;
    font-size: 12px;
    color: #999;
}

.hx-kf__pop--tel b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #013972;
}

.hx-kf__pop--wx {
    padding: 10px;
}

.hx-kf__pop--wx img {
    display: block;
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.hx-kf__pop--wx em {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-size: 12px;
    color: #999;
}

@media (max-width: 960px) {
    .hx-kf,
    .hx-kf__item {
        width: 46px;
    }

    .hx-kf__pop {
        right: 46px;
    }

    .hx-kf__item p {
        font-size: 12px;
    }
}