/* ========== 全局重置 ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   /* background-color: #ddd;*/
   background-color: #f5f6fa;
}
.main {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
}
img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
a {
    text-decoration: none;
}
.pc{display:none;}
/* ========== 顶部栏 ========== */
.top {
    background-color: #0F3B6F;
}


/* ========== Logo 区域 ========== */
.logo01 {
    position: relative;
    z-index: 10;
    height: 65px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.logo01 a {
    display: block;
    margin-right: 8px;
}
.logo01 a img {
    height: 45px;
}
.logo01 .h_gs {
    text-align: center;
    margin-right: 10px;
}
.logo01 .h_gs01 .h_gss {
    color: #ffb404;
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
}
.logo01 .h_gs01 img {
    margin: 0 10px;
}
.logo01 .h_gs i {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    transform: scale(0.66);
    margin-left: -40px;
}
.logo01 .h_gs01 i {
    margin-left: -21px;
}
.hy_02{display:none;}
/* 移动端汉堡按钮（仅小屏显示） */
.mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    background: rgba(255,255,255,0.26);
    border-radius: 6px;
    margin-left: auto;
}

/* ========== 导航菜单（移动端默认侧滑） ========== */
.main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100%;
    background-color: #0F3B6F;
    z-index: 10000;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.main-nav.open {
    right: 0;
}
.mobile-close {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
}
.nav-list {
    list-style: none;
    padding: 70px 20px 30px;
    margin: 0;
}
.nav-item {
    border-bottom: 1px solid rgba(255,255,255,0.1); 
}
.nav-item > a {
    display: block;
    padding: 14px 0;
    font-size: 16px;
    color: #fff;
    transition: 0.2s;
     padding-right: 40px;
     position: relative;
  
}
.nav-arrow {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #f3eaea;
        cursor: pointer;
        padding: 10px;
        z-index: 10;
    }
    .sub-menu.show {
        display: block;
    }
.nav-item > a:hover,
.nav-item.active > a {
    color: #ffb404;
}
.sub-menu {
    list-style: none;
    padding-left: 20px;
    display: none;
    background: rgba(0,0,0,0.2);
    margin-bottom: 8px;
    position: static;
}
.sub-menu li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #ddd;
}
.sub-menu li a:hover {
    color: #ffb404;
}
.nav-item.has-children > a {
    position: relative;
}
.nav-item.has-children > a::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 18px;
}
.nav-item.has-children.open > a::after {
    content: '-';
}
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
}

/* ========== 响应式断点（移动端优先，逐步增强） ========== */

/* 平板竖屏（≥768px） */
@media (min-width: 768px) {
    .main {
        padding: 0 24px;
    }
    .logo01 {
        flex-wrap: nowrap;
    }
}

/* 平板横屏 / 小桌面（≥1024px） */
@media (min-width: 1024px) {
    /*body{background-color: #fff;}*/
    /* 隐藏移动端控件 */
    .mobile-menu-toggle,
    .mobile-close,
    .menu-overlay {
        display: none !important;
    }
    .pc{display:block;}
    .logo01{margin-top: 20px;}
    .logo01 a img {height: 65px;}
    .logo01 .h_z02 > span {
    display: block;
    width: 1px;
    height: 32px;
    margin: 0 8px;
    background-color: #ccc;
}
.h_top {
    height: 34px;
    border-bottom: 1px solid #4e4e51;
    position: relative;
    z-index: 10;
}
.h_t1 {
    justify-content: space-between;
}
.h_z1 p,
.h_y1 a {
    font-size: 12px;
    line-height: 34px;
    color: #fff;
}
.h_y1 {
    display: flex;
    align-items: center;
}
.h_y1 span {
    display: block;
    width: 1px;
    height: 12px;
    background-color: #989797;
    margin: 0 15px;
}
.hy_02{display:flex;}
.logo01 .hy_02 p {
    color: #fff;
    text-align: right;
}
.logo01 .hy_02 b {
    font-family: 'Arial';
    font-size: 28px;
    color: #fff;
    text-align: right;
    font-weight: normal;
    transition: all .5s;
}
.logo01 .hy_02 img {
    margin-left: 20px;
}
    /* 导航菜单转为水平布局 */
    .main-nav {
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        box-shadow: none;
        overflow: visible;
        transition: none;
        display: block;
    }
    .nav-list {
        display: flex;
        justify-content: space-evenly;
        padding: 0;
        margin: 0;
        background: transparent;
    }
    .nav-item {
        border-bottom: none;
        position: relative;
        z-index: 9999;
    }
    .nav-item > a {
        height: 74px;
        line-height: 74px;
        padding: 0 30px;
        font-size: 16px;
        white-space: nowrap;
    }
    /* 二级菜单 hover 显示 */
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 160px;
        background-color: #0f3b6f;
        padding: 0;
        margin: 0;
        display: none;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }

    .nav-item:hover .sub-menu {
        display: block;
    }
    .sub-menu li {
        height: 40px;
        line-height: 40px;
        text-align: center;
        transition: all 0.3s;
    }
    .sub-menu li a {
        display: block;
        color: #fff;
        padding: 0;
        font-size: 14px;
    }
    .sub-menu li:hover {
        background-color: #fff;
    }
    .sub-menu li:hover a {
        color: #1e2a3a;
    }
    /* 模拟原有分隔符 */
    .nav-item:not(:last-child)::after {
        content: '';
        display: inline-block;
        width: 2px;
        height: 18px;
        background-color: #adadad;
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
    }
    .nav-list .nav-item:first-child::before,
    .nav-list .nav-item:last-child::after {
        display: none;
    }
}

/* 桌面（≥1280px） */
@media (min-width: 1280px) {
    .main {
        padding: 0 32px;
    }
    .nav-item > a {
        padding: 0 35px;
        font-size: 18px;
    }
    .logo01 .hy_02 b {
        font-size: 32px;
    }
}

/* 大屏（≥1440px） */
@media (min-width: 1440px) {
    .main {
        padding: 0 40px;
    }
    .nav-item > a {
        padding: 0 45px;
    }
}

/* ========== Banner 区域（移动优先） ========== */
.i_banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Swiper 容器：默认占满父容器宽度 */
.sw01 {
    width: 100%;
    position: relative;
    left: 0;
    margin-left: 0;
    transition: all .5s;
}

.swiper01{aspect-ratio:750 / 273}
/* 图片自动适应宽度 */

.sw01 .swiper-slide a {
    display: block;
    width: 100%;
}
.sw01 .swiper-slide a img {
    width: 100%;
    height: auto;
    display: block;
}

/* 分页器样式（移动端基础） */
.i_banner .swiper-pagination01 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}
.i_banner .swiper-container-horizontal > .swiper-pagination-bullets {
    width: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}
.i_banner .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    border-radius: 2px;
    background: rgba(255,255,255,0.5);
    margin: 0 4px;
    display: inline-block;
    transition: 0.3s;
}
.i_banner .swiper-pagination-bullet-active {
    background-color: #ff6600;
    width: 30px;
}

/* 关键词盒子（移动端位置调整） */
.i_banner .gjc_box {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.6);
    padding: 6px 12px;
    border-radius: 20px;
    white-space: nowrap;
}
.i_banner .gjc_box p {
    font-size: 12px;
    color: #fff;
    margin: 0;
}
.i_banner .gjc_box p span {
    color: #3c91d8;
}
.i_banner .gjc_box a {
    font-size: 12px;
    color: #fff;
    margin-left: 8px;
    transition: all .3s;
}
.i_banner .gjc_box a:hover {
    color: #3c91d8;
}
.sw01 picture img{width: 100%; display: block;}
/* ========== 平板竖屏（≥768px） ========== */
@media (min-width: 768px) {
    .i_banner .swiper-pagination01 {
        bottom: 30px;
    }
    .i_banner .swiper-pagination-bullet {
        width: 26px;
        height: 4px;
        margin: 0 5px;
    }
    .i_banner .swiper-pagination-bullet-active {
        width: 40px;
    }
    .i_banner .gjc_box {
        bottom: 70px;
        padding: 8px 16px;
    }
    .i_banner .gjc_box p,
    .i_banner .gjc_box a {
        font-size: 14px;
    }
}

/* ========== 平板横屏 / 小桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .i_banner .swiper-pagination01 {
        bottom: 40px;
    }
    .i_banner .gjc_box {
        bottom: 80px;
    }
}

/* ========== 桌面（≥1280px） ========== */
@media (min-width: 1280px) {
    .sw01 {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;  /* 居中，不固定宽度 */
    }
    .i_banner .swiper-pagination01 {
        bottom: 60px;
    }
    .i_banner .gjc_box {
        bottom: 100px;
    }
}

/* ========== 大屏（≥1440px） ========== */
@media (min-width: 1440px) {
    .i_banner .swiper-pagination01 {
        bottom: 72px;
    }
    .i_banner .gjc_box {
        bottom: 120px;
    }
    .i_banner .gjc_box p,
    .i_banner .gjc_box a {
        font-size: 16px;
    }
}

/* ========== brands 区域（移动优先） ========== */
.brands {
    padding: 25px 0;
    background-color: #fff;
    margin-bottom: 8px;
}

/* 标题区域 */
.title {
    text-align: center;
    margin-bottom: 20px;
}
.title h2 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
}

.title01 {
    text-align: left;
}
.title02 {
    margin-top: 35px;
}

/* 分类导航（移动端默认换行居中） */
.analyzer_nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin: 20px 0 30px;
    padding: 0;
}
.analyzer a {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
}
.analyzer .active {
    color: #0f3b6f;
}
/* 装饰箭头（保留原有样式，移动端适当缩放） */
.analyzer p:hover::before,
.analyzer .active::before,
.analyzer p:hover:after,
.analyzer .active::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 6px;
    background: url(../images/icon03.png) no-repeat center;
    background-size: contain;
    z-index: 100;
}
.analyzer p:hover::before,
.analyzer .active::before {
    right: -6px;
}
.analyzer p:hover:after,
.analyzer .active::after {
    left: -6px;
}

/* 产品列表容器 */
.analy {
    margin-bottom: 30px;
}
.analy_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0;
    list-style: none;
}
.analy .an {
    display: block;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    overflow: hidden;
}
.analy .an img {
    width: 100%;
    height: auto;
    aspect-ratio: 600 / 400; /* 保持宽高比 */
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    display: block;
}
.analy .an h3,  .custom_item h3{
    font: 500 14px/1.6 '微软雅黑', sans-serif;
    margin: 12px 12px 8px;
    color: #1e2a3a;
}
.analy .an p {
    line-height: 1.5;
    color: #1e2a3a;
    font-weight: 600;
    padding: 8px 12px 12px;
    border-top: 1px solid #e8e8ea;
    margin: 0;
}
.analy .an:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transition: all 0.3s;
}

/* 查看更多按钮 */
.ckgd {
    text-align: center;
    margin: 20px auto 0;
    display: block;
    width: 160px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
    background-color: #0F3B6F;
    border-radius: 8px;
    transition: all 0.3s;
}
.ckgd01 {
    margin: 0 auto;
}
.ckgd:hover {
    transform: scale(1.05);
    background-color: #ffb404;
}

/* ========== 平板竖屏（≥768px） ========== */
@media (min-width: 768px) {
    .brands {
        padding: 40px 0;
    }
    .title h2 {
        font-size: 30px;
    }
    .title i {
        font-size: 14px;
    }
    .analyzer_nav {
        gap: 30px;
        margin: 30px 0 40px;
    }
    .analyzer a {
        font-size: 18px;
    }
    .analy_list {
        gap: 24px;
    }
    .analy .an h3,.custom_item h3 {
        font-size: 16px;
    }
    .ckgd{margin-top:35px;}
}

/* ========== 平板横屏 / 小桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .brands {
        padding: 50px 0;
    }
    .title h2 {
        font-size: 34px;
        line-height: 54px;
    }
    .analyzer_nav {
        gap: 40px;
    }
    .analy_list {
        grid-template-columns: repeat(3, 1fr);  /* 3列 */
        gap: 28px;
    }
}

/* ========== 桌面（≥1280px） ========== */
@media (min-width: 1280px) {
    .brands {
        padding: 75px 0;
        margin: 0 auto;
    }
    .analyzer_nav {
        justify-content: space-evenly;
        gap: 0;
    }
    .analy_list {
        grid-template-columns: repeat(4, 1fr);  /* 4列 */
        gap: 30px;
    }
    .analy .an h3,.custom_item h3 {
        font-size: 18px;
    }
    .analy .an p {
        font-size: 16px;
    }
}

/* ========== 大屏（≥1440px） ========== */
@media (min-width: 1440px) {
    .analy_list {
        gap: 40px;
    }
}

.advocate-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #f5f7fa; /* 兜底背景 */
    margin-bottom: 8px;
}
/* 背景大图（默认全宽，移动端自适应） */
.advocate-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.bg-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
/* 内容容器（覆盖在背景上，PC端变为绝对定位） */
.advocate-content {
    position: relative;
    width: 100%;
    padding: 25px 0;
}
.advocate-content h2,.advocate-content .title i{color:#fff;}

.title i {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 8px;
    font-family: 'Arial', sans-serif;
    line-height: 1.4;
}

/* 卡片列表（移动端：纵向排列） */
.advocate-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 16px;
}
.advocate-card {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(2px);
    border-radius: 20px;
    padding: 20px 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(60, 145, 216, 0.1);
}
.advocate-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}
.card-icon {
    flex-shrink: 0;
    width: 70px;
    text-align: center;
    margin-right: 20px;
}
.card-icon img {
    width: 60px;
    height: auto;
    transition: transform 0.4s ease;
}
.advocate-card:hover .card-icon img {
    transform: rotateY(360deg);
}
.card-text {
    flex: 1;
}
.card-text h3 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #0F3B6F;
    margin-bottom: 8px;
}
.card-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #4a5568;
}

/* ========== 平板竖屏 (≥768px) ========== */
@media (min-width: 768px) {

    .advocate-content {
        padding: 40px 0 60px;
    }
    .title i {
        font-size: 16px;
    }
    .advocate-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .advocate-card {
        padding: 24px;
    }
    .card-text h3 {
        font-size: 22px;
    }
    .card-text p {
        font-size: 15px;
    }
}

/* ========== 桌面 (≥1024px) 开始变为绝对定位 ========== */
@media (min-width: 1024px) {
    .advocate-section {
        position: relative;
        min-height: 600px; /* 确保背景足够高 */
        margin: 0 auto;
    }
    .bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .advocate-content {
        position: relative;
        z-index: 2;
        padding: 50px 0 80px;
        background: transparent;
    }
    .title {
        margin-bottom: 50px;
    }
    /* 桌面端卡片改为绝对定位，四角布局 */
    .advocate-list {
        display: block;  /* 取消 grid */
        position: relative;
        min-height: 500px;
        padding: 0;
    }
    .advocate-card {
        position: absolute;
        width: 340px;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(0);
        padding: 22px 20px;
    }
    /* 四个卡片分别定位 */
    .advocate-card:nth-child(1) {
        top: 8%;
        left: 12%;
    }
    .advocate-card:nth-child(2) {
        top: 8%;
        right: 12%;
        left: auto;
    }
    .advocate-card:nth-child(3) {
        bottom: 12%;
        left: 5%;
        top: auto;
    }
    .advocate-card:nth-child(4) {
        bottom: 12%;
        right: 5%;
        top: auto;
    }
    /* 调整内部布局为左右结构（图标在右或左）维持原设计感觉 */
    .advocate-card {
        flex-direction: row;
    }
    .card-icon {
        margin-right: 18px;
    }
    /* 可选：第二和第四个卡片图标在右 */
    .advocate-card:nth-child(2) .card-icon,
    .advocate-card:nth-child(4) .card-icon {
        order: 2;
        margin-right: 0;
        margin-left: 18px;
    }
    .advocate-card:nth-child(2) .card-text,
    .advocate-card:nth-child(4) .card-text {
        text-align: right;
    }
    /* 悬停效果增强 */
    .advocate-card:hover {
        transform: translateY(-6px);
    }
}

/* ========== 大桌面 (≥1280px) 微调 ========== */
@media (min-width: 1280px) {
    .advocate-content{padding: 75px 0 100px;}
    .advocate-card {
        width: 420px;
        padding: 28px 28px;
    }
    .card-text h3 {
        font-size: 24px;
    }
    .card-text p {
        font-size: 16px;
    }
    .advocate-card:nth-child(1) {
        left: 16%;
    }
    .advocate-card:nth-child(2) {
        right: 16%;
    }
    .advocate-card:nth-child(3) {
        left: 8%;
    }
    .advocate-card:nth-child(4) {
        right: 8%;
    }
}

/* ========== 宽屏 (≥1440px) 限制最大宽度，居中 ========== */
@media (min-width: 1440px) {
    .advocate-section {
        max-width: 1920px;
        margin: 0 auto;
    }
    .advocate-card:nth-child(1) {
        left: 16%;
    }
    .advocate-card:nth-child(2) {
        right: 16%;
    }
    .advocate-card {
        width: 460px;
    }
}

/* ========== 定制案例区域（移动优先） ========== */
.custom {
    padding: 25px 0;
    background-color: #fff;
    margin-bottom: 8px;
}

.custom_img {
    margin-top: 30px;
}
.custom_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom_item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.custom_item .flex {
   /* display: block;*/
   flex-direction: column;
    text-decoration: none;
}
.custom_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 600 / 400;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
    border-radius: 12px 12px 0 0;
}

.custom_item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.custom_item:hover img {
    transform: scale(1.05);
}


/* ========== 平板竖屏（≥768px） ========== */
@media (min-width: 768px) {
    .custom {
        padding: 40px 0;
    }
    .custom .title i {
        font-size: 14px;
    }
    .custom_list {
        gap: 28px;
    }
}

/* ========== 平板横屏 / 小桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .custom {
        padding: 50px 0;
    }
    .custom .title h2 {
        font-size: 34px;
    }
    .custom_list {
        grid-template-columns: repeat(3, 1fr); /* 3列 */
        gap: 30px;
    }
}

/* ========== 桌面（≥1280px） ========== */
@media (min-width: 1280px) {
    .custom {
        margin: 0 auto;
        padding: 75px 0;
    }
    .custom_list {
        grid-template-columns: repeat(4, 1fr); /* 4列 */
        gap: 30px;
    }
    .custom_item h3 {
        font-size: 20px;
    }
}

/* ========== 大屏（≥1440px） ========== */
@media (min-width: 1440px) {
    .custom_list {
        gap: 36px;
    }
}


/* ========== 关于我们版块 ========== */
.about-section {
    padding: 25px 0;
    margin: 0;
    background-color: #0F3B6F;
    margin-bottom: 8px;
}

.about-container {
    max-width: 1440px;
    margin: 0 auto;
}

/* 头部区域 */
.about-header {
    text-align: center;
    margin-bottom: 20px;
}
.about-header .title {
    margin-bottom: 16px;
}
.about-header .title h2 {
    color: #ffffff;
}
.about-header .title i {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: 'Arial', sans-serif;
    margin-top: 6px;
}
.about-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #ffffff;
    max-width: 800px;
    margin: 0 16px;
}

/* 内容区（移动端：上下排列） */
.about-content {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);
    transition: all 0.3s;
}
.about-image {
    width: 100%;
}
.about-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 750 / 600;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.about-image:hover img {
    transform: scale(1.02);
}
.about-text {
    padding: 20px 16px 32px;
}
.about-text h3 {
    font-size: 22px;
    font-weight: bold;
    color: #0F3B6F;
    margin-bottom: 16px;
    line-height: 1.4;
}
.about-text p {
    font-size: 15px;
    line-height: 1.7;
    color: #2d3e50;
    margin-bottom: 24px;
}
.about-features {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    margin: 0 0 28px 0;
    padding: 0;
}
.about-features li {
    flex: 1 1 auto;
    background: #f0f7ff;
    padding: 10px 16px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #1e5a8a;
    text-align: center;
    border-left: 3px solid #3c91d8;
}
.about-more {
    display: inline-block;
    background: #0F3B6F;
    color: #fff;
    padding: 12px 28px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 4px 8px rgba(60,145,216,0.2);
}
.about-more:hover {
    background: #ffb404;
    transform: translateX(6px);
}

/* ========== 平板竖屏 (≥768px) ========== */
@media (min-width: 768px) {
    .about-section {
        padding: 40px 24px;
    }
    .about-header .title i {
        font-size: 14px;
    }
    .about-desc {
        font-size: 16px;
        margin: 0 auto;
    }
    .about-content {
        flex-direction: row;
        align-items: stretch;
    }
    .about-image {
        flex: 0 0 45%;
    }
    .about-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .about-text h3 {
        font-size: 22px;
    }
    .about-features li {
        font-size: 16px;
        padding: 12px 20px;
    }
}

/* ========== 桌面 (≥1024px) ========== */
@media (min-width: 1024px) {
    .about-section {
        padding: 50px 24px;
    }
    .about-content {
        border-radius: 32px;
        flex-direction: row;
    }
    .about-image {
        flex: 0 0 50%;
        display:flex;
    }
    .about-text {
        padding: 20px;
    }
    .about-text h3 {
        font-size: 22px;
    }
    .about-text p {
        font-size: 16px;
    }
    .about-features {
        gap: 20px;
    }
}

/* ========== 大屏 (≥1280px) 限制最大宽度 ========== */
@media (min-width: 1280px) {
    .about-section {
        padding: 75px 40px;
        margin: 0 auto;
    }
    .about-container {
        max-width: 1400px;
        margin: 0 auto;
    }
    .about-image {
        flex: 0 0 48%;
    }
    .about-text {
        padding: 50px 50px 50px 30px;
    }
}

/* 可选：与现有 main 类保持一致，确保 .main 已有 max-width */

/* ========== 新闻区域（移动优先，Grid 布局） ========== */
.news {
   padding: 25px 0;
   background-color: #fff;
   margin-bottom: 8px;
}
.news_top {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    text-align: center;
    flex-direction: column;
}
.title.title01 {
    text-align: center;
    margin-bottom: 0;
}
.new_qh_nav {
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}
.new_qh a {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}
.new_qh .active,
.new_qh a:hover {
    color: #0f3b6f;
}
/* 装饰箭头（保留原有效果） */
.new_qh a:hover::before,
.new_qh .active::before,
.new_qh a:hover::after,
.new_qh .active::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 6px;
    background: url(../images/icon03.png) no-repeat center;
    background-size: contain;
    z-index: 100;
}
.new_qh a:hover::before,
.new_qh .active::before {
    right: -8px;
}
.new_qh a:hover::after,
.new_qh .active::after {
    left: -8px;
}

/* ========== Grid 核心 ========== */
.news_nr {
    display: grid;
    grid-template-columns: 1fr;   /* 移动端单列 */
    gap: 12px;                    /* 统一间距 */
    margin-top: 30px;
}
/* 左侧图文卡片（内部 flex 控制纵向排列） */
.xinwen_ {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 20px 1px #eee;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
}
.xinwen_ > a {
    display: block;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}
.xinwen_ > a img {
    width: 100%;
    height: auto;
    aspect-ratio: 600 / 400;
    object-fit: cover;
    transition: transform 0.8s;
}
.xinwen_:hover > a img {
    transform: scale(1.08);
}
.xinwen_ .xw_text {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.xinwen_ .xw_text h3 {
    line-height: 32px;
    font-size: 20px;
    color: #0f3b6f;
    font-weight: 600;
}
.xinwen_ .xw_text h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0;
    line-height: 1.6;
}
.xinwen_ .xw_text h4 a {
    display: block;
    color: #1e2a3a;
}
.xinwen_ .xw_text p {
    line-height: 1.5;
    color: #555;
    font-size: 16px;
}
.xinwen_ .xw_text .news_sj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.xinwen_ .xw_text .news_sj i {
    color: #666;
    font-size: 14px;
}
/* 右侧列表（内部 flex 垂直排列） */
.news_nr ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.news_nr ul li {
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 0 20px 1px #eee;
    background: #fff;
    transition: all 0.3s;
}
.news_nr ul li .date_ {
    text-align: center;
}
.news_nr ul li b {
    display: block;
    font: bold 22px/1.4 'Arial', sans-serif;
}
.news_nr ul li i {
    display: block;
    font: 12px/1.4 'Arial', sans-serif;
    color: #666;
    white-space: nowrap;
}
.news_nr ul li span {
    display: block;
    width: 1px;
    height: 50px;
    background-color: #eee;
    margin: 0 20px;
}
.news_nr ul li .li_n {
    flex: 1;
}
.news_nr ul li h4 {
    font: bold 16px/1.5 '微软雅黑', sans-serif;
    margin-bottom: 8px;
}
.news_nr ul li h4 a {
    color: #1e2a3a;
}
.news_nr ul li p {
    font: 14px/1.5 '微软雅黑', sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #555;
    margin: 0 20px 0 0;
}
.news_nr ul li > a {
    flex-shrink: 0;
    margin-left: 10px;
}
/* 悬停效果 */
.xinwen_:hover .xw_text,
.news_nr ul li:hover {
    background-color: #3c91d8;
}
.xinwen_:hover .xw_text *,
.news_nr ul li:hover * {
    color: #fff !important;
    transition: all 0.3s;
}

/* ========== 平板竖屏 (≥768px) 转为两栏 ========== */
@media (min-width: 768px) {
    .news {
        padding: 40px 0;
    }
    .news_top {
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .title.title01 {
        text-align: left;
    }
    .new_qh{margin-right: 8px;}
    .new_qh_nav {
        gap: 30px;
    }
    .new_qh a {
        font-size: 18px;
    }
    /* Grid 两栏布局：左侧固定 45%，右侧自适应 */
    .news_nr {
        grid-template-columns: 45% 1fr;
        gap: 30px;
    }
    .xinwen_ {
        width: auto;   /* 不再写死宽度，由 grid 控制 */
    }
    .news_nr ul {
        gap: 10px;
        justify-content: space-between;
    }
    .news_nr ul li {
        padding: 8px;
    }
}

/* ========== 桌面 (≥1024px) 恢复左侧更宽的比例 ========== */
@media (min-width: 1024px) {
    .news {
        padding: 50px 0;
    }
    .news_nr {
        grid-template-columns: 410px 1fr;  /* 左侧固定 410px（原设计） */
        gap: 40px;
    }
    .xinwen_ .xw_text {
        padding: 20px 18px;
    }
    .news_nr ul li {
        padding: 16px 22px;
    }
    .news_nr ul li b {
        font-size: 40px;
    }
    .news_nr ul li span {
        height: 75px;
        margin: 0 35px;
    }
}

/* ========== 大屏 (≥1280px) 增加整体最大宽度，居中 ========== */
@media (min-width: 1280px) {
    .news {
        margin: 0 auto;
        padding: 75px 0;
    }
    .news_nr ul {
        justify-content: space-between;
    }
    .news_nr ul li {
        padding: 24px 32px;
    }
}

/* ========== 联系表单区域（移动优先） ========== */
.contact {
    width: 100%;
    background: linear-gradient(135deg, #0F3B6F 0%, #0a2540 100%); /* 深色背景，替代原来的背景图 */
    padding: 25px 0;
    margin-bottom:8px;
}

.cont_box {
    display: grid;
    grid-template-columns: 1fr;   /* 移动端单列 */
    gap: 20px;
    background: transparent;
}

/* 左侧卡片（联系方式） */
.left {
    /*background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    border-radius: 24px;*/
    padding: 30px 0;
    color: #fff;
}
.left h4 {
    font: bold 24px/1.4 '微软雅黑', sans-serif;

    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e4e8;
}
.left .flex {
    display: flex;
    align-items: flex-start;
    transition: all 0.3s;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    overflow: hidden;
}
.left .flex img {
    width: 100%;
    height: auto;
    border-radius: 24px;
    aspect-ratio: 400 / 300;
    min-height: 0;
}
.left .flex strong{font-size: 18px;color: #ffb404;}
.left .flex p {
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    transition: all 0.3s;
}
.left .flex:hover strong,
.left .flex:hover p {
    transform: translateX(8px);
}

/* 右侧表单卡片 */
.right {
    background: #fff;
    border-radius: 24px;
    padding: 28px 20px 36px;
    box-shadow: 0 20px 35px -10px rgba(0,0,0,0.2);
}
.right h4 {
    font: bold 20px/1.4 '微软雅黑', sans-serif;
    color: #0F3B6F;
    margin-bottom: 24px;
    text-align: center;
}

/* 表单样式 */
#contactForm .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 12px;
}
#contactForm input,
#contactForm textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e4e8;
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    transition: 0.2s;
    background: #f9fafb;
}
#contactForm input:focus,
#contactForm textarea:focus {
    border-color: #3c91d8;
    outline: none;
    background: #fff;
}
#contactForm textarea {
    height: 80px;
    resize: vertical;
}

/* 验证码行 */
.captcha-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0 16px;
}
.captcha-row input {
    width: 140px;
    margin: 0;
}
.captcha-row img {
    height: 44px;
    border-radius: 8px;
    background: #eee;
}
.captcha-tip {
    font-size: 12px;
    color: #6c757d;
}

/* 提交按钮 */
#contactForm button {
    width: 100%;
    background: #0F3B6F;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 8px;
}
#contactForm button:hover {
    background: #ffb404;
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(60,145,216,0.3);
}

/* ========== 平板及以上（≥768px）左右两列 ========== */
@media (min-width: 768px) {
    .contact {
        padding: 40px 0;
    }
    .cont_box {
        grid-template-columns: 1fr 1.2fr;
        gap: 20px;
    }
    .left{padding:0;}
    .right {
        padding: 20px;
    }
    #contactForm .form-row {
        flex-wrap: nowrap;
    }
    #contactForm .form-row input {
        flex: 1;
    }
    .captcha-row {
        flex-wrap: nowrap;
    }
    #contactForm button {
        width: auto;
        min-width: 160px;
        float: right;
    }
}

/* ========== 桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .contact {
        padding: 80px 0;
        margin: 0 auto;
    }
    .cont_box {
        gap: 60px;
    }

    .left h5 {
        font-size: 32px;
    }
    .right {
        padding: 40px 40px 48px;
    }
    #contactForm .form-row,#contactForm textarea{margin-bottom: 20px;}
}
@media (min-width: 1280px){
#contactForm .form-row,#contactForm textarea{margin-bottom: 30px;}}
@media (min-width: 1440px){
#contactForm .form-row,#contactForm textarea{margin-bottom: 40px;}}
/* ========== Footer 基础样式（移动优先） ========== */
footer {
    background-color: #fff;
    padding: 25px 0 120px;
}

.footer-main {
    max-width: 1440px;
    margin: 0 auto;
}

/* 网格布局：移动端单列 */
.footer-grid {
    
}
.footer-nav{display: none;}

/* 导航区域：flex 换行 */


/* 二维码区域 */
.footer-qrcodes {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.qrcode-item {
    text-align: center;
    width: 80px;
}
.qrcode-item img {
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    padding: 6px;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.4);
}
.qrcode-item p {
    margin-top: 8px;
    font-size: 12px;
    color: #0a263f;
}

/* 城市分站导航 */
.footer-citynav {
    display: grid;
    justify-content: space-between;
    border-top: 1px solid rgb(28 27 27 / 22%);
    padding: 20px 0;
    font-size: 14px;
    gap: 12px;
}
.footer-citynav ul{    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;}
.footer-citynav span { color: #1e2a3a;}
.footer-citynav a {
    color: #1e2a3a;
    display: inline-block;
}
.footer-citynav a:hover {
    color: #3c91d8;
}

/* 底部版权与友情链接 */
.footer-bottom {
    display: flex;
    flex-direction: column;
   /* align-items: center;*/
    gap: 12px;
    border-top: 1px solid rgb(28 27 27 / 22%);
    padding: 20px 0 0;
   /* text-align: center;*/
    font-size: 12px;
}
.footer-copyright p {
    margin: 0;
    color: #1e2a3a;
    line-height: 1.6;
}
.footer-copyright a {
    color: #1e2a3a;
}
.footer-copyright a:hover {
    color: #3c91d8;
}
.footer-links a {
    color: #1e2a3a;
}
.footer-links a:hover {
    color: #3c91d8;
}

/* ========== 平板及以上（≥768px） ========== */
@media (min-width: 768px) {
    footer {
        padding: 50px 24px 120px;
    }
    /*.footer-bottom {
        flex-direction: row;
        justify-content: space-between;
    }*/
}

/* ========== 桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .tel{display:none;}
    footer {
        padding: 60px 32px 40px;
    }
    .footer-grid {
        gap: 20px;
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 30px;
    }
    .footer-nav {
       display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 40px;
    }
    .footer-nav-col {
    flex: 1 1 120px;
}
    .footer-nav-col h4 {
        font-size: 20px;
        font-weight: bold;
       margin-bottom: 16px;
    }
    .footer-nav-col h4 a {
    color: #1e2a3a;
    text-decoration: none;
}
   .footer-nav-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }
    .footer-nav-col ul li {
    margin-bottom: 8px;
}
    .footer-nav-col ul li a {
        font-size: 15px;
        transition: color 0.2s;
        text-decoration: none;
        color: #1e2a3a;
    }
   .footer-nav-col ul li a:hover {
    color: #ffb404;
}
    .footer-qrcodes {
        justify-content: flex-end;
    }
}

/* ========== 移动端底部悬浮栏（原有样式保留并微调） ========== */
.fixed_nav {
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.fixed_nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    background-color: #0F3B6F;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.6);
    margin: 0;
    padding: 0;
    list-style: none;
}
.fixed_nav ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
}
.fixed_nav ul li .ic {
    position: relative;
    display: block;
    width: 30px;
}
.fixed_nav ul li .ic img {
    width: 100%;
}

.fixed_nav ul li .tx {
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
.fixed_nav ul li.active .tx,
.fixed_nav ul li:hover .tx {
    color: #f58c46;
}
.fixed_nav .fix_tel {
    width: 49px;
    position: absolute;
    left: calc(50% - 25px);
    top: -22px;
    animation: bounce_a 2s infinite;
}
.fixed_nav .fix_tel a {
    display: block;
    width: 50px;
    height: 50px;
}
.fixed_nav .fix_tel a img {
    width: 100%;
}

/* 面包导航 */
.bread {margin:0  auto 8px;background-color:#fff;  padding: 12px 0; }
.bread a,.bread p { font-size: 12px;color: #666;line-height: 35px; transition: all .3s;}
.bread a:hover {color: #ffb404; transition: all .3s;}
/*=====关于页面用======*/
.supplier {width: 100%; overflow: hidden;display: flex;flex-direction: column;}
.supp {margin-bottom:8px;background-color:#fff; padding:25px 0; border-radius: 24px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}
.supp .title{padding-bottom: 1rem;  border-bottom: 1px solid #0F3B6F;}
.title h1{font-weight: 700;line-height: 1.6; color: #0F3B6F;font-size: 28px;margin-bottom: 8px;}
.supp .title h2{ font-size: 18px;text-align:left;line-height: 1.6; color:#0F3B6F}
/*=======主体文章======*/
.ab_img{font-size: 15px; line-height: 1.7;color: #1e2a3a;}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;  border-radius: 16px; margin: 0 0 8px !important;}
.ab_img p{text-wrap: inherit !important; margin-bottom: 1em;}
.ab_img p span{text-wrap: inherit !important;}
.list-paddingleft-2{padding-left: 1.25rem;}
.ab_img h3,.ab_img h4,.ab_img h5{font-weight: 600;}
.ab_img h3{font-size: 1.2rem;margin: 1.2em 0 0.6em;line-height: 1.4;}
.ab_img h4{font-size: 1.125rem;margin: 1.1em 0 0.55em;line-height: 1.4;}
.ab_img h5 {
  font-size: 1rem;
  margin: 1em 0 0.5em;
  font-weight: 600;
  line-height: 1.4;
}
/* 列表基础样式 */
.ab_imgul, ol {
  margin: 0 0 1.2em 0;
  padding-left: 1.5rem;
  list-style-position: outside;
}

.ab_img li p{
  margin-bottom: 0.5em;
  line-height: 1.5;
}

/* 嵌套列表 */
.ab_img ul ul, .ab_img ol ol, .ab_img ul ol, .ab_img ol ul {
  margin-bottom: 0.25em;
  margin-top: 0.25em;
}

/* 列表符号 */
.ab_img ul {
  list-style-type: disc;
}
.ab_img ul ul {
  list-style-type: circle;
}
.ab_img ul ul ul {
  list-style-type: square;
}

.ab_img ol {
  list-style-type: decimal;
}
.ab_img ol ol {
  list-style-type: lower-alpha;
}
.ab_img ol ol ol { list-style-type: lower-roman;}
@media (min-width: 768px) {

.ab_img  ul, ol {
    padding-left: 1.75rem;
  }
}

/* ========== 断点：1024px ========== */
@media (min-width: 1024px) {
.ab_img  h3 {
    font-size: 1.25rem;
    margin: 1.3em 0 0.65em;
  }
.ab_img  h4 {
    font-size: 1.125rem;    /* 24px */
    margin: 1.2em 0 0.6em;
  }
.ab_img  h5 {
    font-size: 0.875rem;     /* 22px */
    margin: 1.1em 0 0.55em;
  }
.ab_img  ul, ol {
    padding-left: 1.75rem;
  }
.ab_img  li p{
    margin-bottom: 0.6em;
    line-height: 1.55;
  }
}

/* ========== 断点：1280px ========== */
@media (min-width: 1280px) {
.ab_img  h3 {

    margin: 1.4em 0 0.7em;
  }
.ab_img  h4 {

    margin:1.3em 0 0.65em;
  }
.ab_img  h5 {

    margin: 1.2em 0 0.6em;
  }
.ab_img  ul, ol {
    padding-left:  2rem;
  }
.ab_img  li p{
    margin-bottom: 0.65em;
    line-height: 1.6;
  }
}



.fz_t {display: flex;align-items: center; flex-wrap: wrap;font-size: 22px;font-weight: bold;color: #0F3B6F;background: #eff5ff; border-radius: 60px; margin: 16px 0 16px; justify-content: center;}
.fz_t span {margin: 0 8px;width: 4px;height: 4px; background: #0F3B6F; border-radius: 50%; display: inline-block;}
.fz_t img { margin-left: 12px;width: 36px;height: auto;}

/* ========== 侧边栏样式（先前已定义，稍作微调以适配移动优先） ========== */
.about-sidebar {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    padding: 20px 16px;
    margin-bottom: 8px;
}

.sidebar-block {
    margin-bottom: 32px;
}
.sidebar-block:last-child {
    margin-bottom: 0;
}

.sidebar-title {
    font-size: 18px;
    font-weight: bold;
    color: #0F3B6F;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 2px solid #e0e6ed;
    position: relative;
}
.sidebar-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: #0F3B6F;
    position: absolute;
    bottom: -2px;
    left: 0;
}

/* 荣誉资质网格 */
.honor-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.honor-item {
    display: block;
    background: #f5f7fa;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}
.honor-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
    display: block;
}
.honor-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(15, 59, 111, 0.1);
}

/* 子栏目导航 / 新闻 / FAQ 列表 */
.subnav-list, .news-list, .faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* .subnav-list li, .news-list li, .faq-list li {
    margin-bottom: 12px;
}*/
.subnav-list li a, .news-list li a, .faq-list li a {
    display: block;
    margin: 6px 0;
    color: #333;
    font-size: 15px;
    transition: all 0.2s;
    text-decoration: none;
    border-left: 2px solid transparent;
    padding-left: 12px;
}
.subnav-list li a:hover,
.news-list li a:hover,
.faq-list li a:hover {
    color: #0F3B6F;
    border-left-color: #0F3B6F;
    padding-left: 16px;
}
.news-list li, .faq-list li{    border-bottom: 1px dashed #e0e6ed;
    padding: 12px 0 3px;
}
.news-list li a, .faq-list li a {
    border-left: none;
    padding-left: 0;
}

.news-list li a:hover,
.faq-list li a:hover {
    padding-left: 4px;
}
/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:15px; overflow:hidden; clear:both}
.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
/* ========== 响应式断点 ========== */

/* 平板竖屏 (≥768px) 开始左右两栏布局 */
@media (min-width: 768px) {
    .bread{margin: 8px auto;}
    .supplier {
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
        max-width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 16px;
    }
    .supp {
        flex: 2.5;
        padding: 32px 0;
        max-width:70%;
    }

    .about-sidebar {
        flex: 1;
    }
    .title h1 {
        font-size: 34px;
    }
    .list-paddingleft-2{ padding-left: 2rem;}
    .fz_t {
        font-size: 26px;
        justify-content: flex-start;
        padding: 14px 24px;
    }
}

/* 平板横屏 / 小桌面 (≥1024px) */
@media (min-width: 1024px) {
    .supplier {
        gap: 40px;
        padding: 40px 32px 60px;
        max-width: 1280px;
    }
    .supp {
        padding: 40px 36px;
    }
    .title h1 {
        font-size: 40px;
        margin-bottom: 16px;
    }
    .supp .title h2 {
        font-size: 20px;
        line-height: 1.8;
    }
    .list-paddingleft-2{ padding-left: 2.5rem;}
    .supp .title{margin-bottom:30px;padding-bottom: 1.2rem;}
    .ab_img {
        font-size: 18px;
    }
    .fz_t {
        font-size: 28px;
        margin: 40px 0 20px;
    }
}

/* 桌面 (≥1280px) */
@media (min-width: 1280px) {
    .supplier {
        padding: 50px 40px 70px;
        max-width: 1440px;
        gap: 50px;
    }
    .supp {
        padding: 48px 44px;
    }
    .fz_t {
        font-size: 32px;
    }
    .honor-grid {
        gap: 16px;
    }
}

/* 大屏 (≥1440px) 可选居中并放大宽度 */
@media (min-width: 1440px) {

    .supp {
        padding: 56px 52px;
    }
}
/*=====关于我们页面结束======*/

/*=====案例列表页面开======*/
.kh01 {padding-top: 25px;}
@media (min-width: 768px) {.kh01 {padding-top: 32px;}}
@media (min-width: 1024px) {.kh01 {padding-top: 40px;}}
@media (min-width: 1280px) {.kh01 {padding-top: 50px;}}
/*=====案例列表页面结束======*/

/*=====联系我们开始=====*/
.lx_a {
    padding: 25px 16px 40px;
    margin-bottom: 8px;
}
.lx_c {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    padding: 24px 20px;
    transition: 0.2s;
    width:100%;
}
.lx_map{display: grid; grid-template-columns: 1fr;gap: 20px;align-items: center;}
.contactt{
    display:flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
}
.contactt .flex{
    gap: 12px;
    flex-wrap: nowrap;
    }
/* 公司名称 */
.lx_c h2 {
    font-size: 22px;
    font-weight: bold;
    color: #0F3B6F;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e2e8f0;
}


.lx_c  strong,
.lx_c  p {
    font-size: 18px;
    color: #333;
    line-height: 1.4;
    margin: 0;
    word-break:break-all;
}
.lx_c  strong {
    font-weight: 600;
}


.map-container {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.map-container img{border-radius: 12px;}
/* 平板及以上设备（≥768px）实现左右布局 */
@media (min-width: 768px) {
    .lx_a {
        padding: 30px 24px 50px;
    }
    .title h1 {
        font-size: 34px;
    }
    .title i {
        font-size: 16px;
    }

    /* 使 .lx_b 和 .lx_map 成为同一行的两列 */
    .lx_a {
        display: flex;
        flex-direction: column;
    }
    .lx_map {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .contactt{gap:15px;}
    .contactt .flex{flex-grow: 1;}
     .contactt  li:hover{ transform: scale(1.02);   
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;} 
        .title {
        grid-area: title;
        margin-bottom: 20px;
    }
}



/* 桌面端进一步优化 */
@media (min-width: 1024px) {
    .lx_a {
        gap: 40px;
        padding: 40px 32px 60px;
    }
    .title h1 {
        font-size: 40px;
    }
    .lx_c {
        padding: 32px 28px;
    }
    .lx_c h2 {
        font-size: 26px;
    }
    .lx_c .flex strong,
    .lx_c .flex p {
        font-size: 16px;
    }
    .lx_qr img {
        width: 160px;
    }
    .contactt{gap:18px;}

}

/* 大屏 (≥1280px) 居中限制宽度 */
@media (min-width: 1280px) {
    .lx_a {
        max-width: 1280px;
        margin: 0 auto;
        padding: 50px 40px 70px;
    }
    .contactt{gap:20px;}
}
@media (min-width: 1440px) {.lx_a {
       max-width: 1440px;
        margin: 0 auto;
        padding: 50px 24px 70px;
    }
    .contactt{gap:22px;}
}
/*=======联系我们结束=======*/

/*======资讯详情页面开始===*/
.kh03{width: 100%; overflow: hidden;display: flex;flex-direction: column;}
.de_left{padding:25px 0;margin-bottom: 8px;background-color: #fff; box-shadow:0 8px 20px rgba(0, 0, 0, 0.09); }
.d_title{border-bottom: 1px solid #dde2e7; margin-bottom: 30px;}
.d_title h1{color: #0f3b6f;font-weight: 600;line-height: 1.6;font-size:22px;}
.d_title i{font-size: small;display: flex;padding: 14px 0 12px;gap: 12px;flex-wrap: wrap;color: #1e2a3a;}
/*====翻页导航===*/
.k_sx{
    gap: 15px;
    border-top: 1px solid #dde2e7;
    max-width:100%;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 15px;
    justify-content: space-between;
}
.k_sx p{max-width: 100%;font-size: 14px;color: #555;  margin: 0;white-space: nowrap;}
.k_sx a{color:#0F3B6F;}

/* 产品推荐区块 */
.recommend {
    background: #fff;
    padding: 25px 16px 32px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 8px;
}
.recommend .title {
    text-align: left;;
    margin-bottom: 24px;
    border-bottom: 1px solid #dde2e7;
    padding-bottom: 8px;
}
.recommend .title h2 {
    font-size: 20px;
    font-weight: bold;
    color: #0F3B6F;
    line-height: 1.4;
}
.recommend .title i {
    display: block;
    font-size: 12px;
    color: #6c757d;
    margin-top: 6px;
    font-family: 'Arial', sans-serif;
}
.recommend_list{display: grid;grid-template-columns: repeat(2, 1fr); gap: 12px;    
    margin: 0;
    padding: 0;}
.recommend_item {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
}
.recommend_art {
    display: flex;
    flex-direction: column;
    height: 100%; 
    text-decoration: none;
}
.recommend_art .an {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}
.recommend_art img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}
.recommend_art h3 {
    font-size: 16px;
    color: #1e2a3a;
    margin: 12px;
    background: #fff;
}
.recommend_art p{margin: 0 12px 16px;color: #1e2a3a;font-weight: 600;margin-top: auto;}
.recommend_art:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.recommend_art :hover h3 {
    color: #0F3B6F;
}


/* 动态资讯区块 */
.wikipedia {
    background: #fff;
    padding: 25px 16px 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom:8px;
}
.dr_title {
    text-align: left;
    margin-bottom: 24px;
    border-bottom: 1px solid #dde2e7;
    padding-bottom: 8px;
}
.dr_title h2{font-size: 20px; font-weight: bold;color: #0F3B6F; line-height: 1.4;}
.dr_title h3 {
    font-size: 16px;
    font-weight: bold;
    color: #0F3B6F;
    line-height: 1.4;
}
.dr_title i {
    display: block;
    font-size: 12px;
    color: #6c757d;
    margin-top: 6px;
    font-family: 'Arial', sans-serif;
}

/* 资讯列表 */
.wikipedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wikipedia li article{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    gap: 12px;
   /* border-bottom: 1px solid #e5ebf1;*/
    transition: 0.2s;
   /* margin-bottom: 6px;*/
}
.wikipedia li:last-child {
    border-bottom: none;
}
.wikipedia li:hover {
    transform: translateX(6px);
}
.wikipedia li .news-listrd {
    flex: 1;
}
.wikipedia li h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
}
.wikipedia li h4 a {
    color: #1e2a3a;
    text-decoration: none;
    transition: color 0.2s;
}
.wikipedia li h4 a:hover {
    color: #0F3B6F;
}
.wikipedia li p {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 12px;
    color: #666;
    margin-top: 4px;
}
.wikipedia li p img {
    width: 16px;
    height: auto;
}
.wikipedia li p img.bai {
    display: none;
}
.wikipedia li:hover p img.bai {
    display: inline-block;
}
.wikipedia li:hover p img:first-child {
    display: none;
}
.wikipedia li > a {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.wikipedia li > a img {
    width: 8px;
    height: auto;
    transition: transform 0.2s;
}
.wikipedia li  a:hover img {
    transform: translateX(4px);
}
.wikipedia li  a img.lan_ {
    display: none;
}
.wikipedia li:hover  a img.lan_ {
    display: inline-block;
}
.wikipedia li:hover  a img:first-child {
    display: none;
}

/* ========== 平板及以上（≥768px）两栏布局 ========== */
@media (min-width: 768px) {
.kh03{display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: start;
    gap: 8px;
   padding: 0 16px;
    margin-bottom: 8px
}
    .de_left {min-width: 0;   border-radius: 16px;}
    .cebian { margin-top: 0;}
    .recommend,
    .wikipedia {padding: 25px 24px 25px; border-radius: 16px;}
    .recommend_list{grid-template-columns: repeat(1, 1fr);}

}

/* ========== 桌面（≥1024px） ========== */
@media (min-width: 1024px) {
    .kh03 { gap: 20px;padding: 40px 24px 50px;}
    .d_title h1{font-size: 24px}
    .recommend_list {
        grid-template-columns: repeat(2, 1fr);
    }
    .recommend .title h2,
    .dr_title h3 {
        font-size: 20px;
    }

    .analy h3 {
        font-size: 16px;
    }
    .wikipedia li h4 {
        font-size: 16px;
    }
}
@media (min-width: 1280px){
    .kh03 { gap: 30px;padding: 40px 32px 50px;}
    .d_title h1 {font-size: 26px;}
    .recommend .title h2, .dr_title h3 {font-size: 22px;}
}

@media (min-width: 1440px) {
.kh03{padding: 40px 40px 60px;
        max-width: 1440px;
        margin: 0 auto;}
.de_left {padding: 56px 52px;border-radius: 24px;}

}
/*=======资讯详情页面结束=====*/
/*=======资讯列表页开始======*/

.news_nav {
    margin-bottom: 8px;
    padding: 18px 0;
}
.news_nav .flex{ 
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.news_nav a {
    display: block;
    padding: 0 12px;
    line-height: 44px;
    border-radius: 8px;
    transition: all .5s;
    background-color: #fff;
}

.news_nav .active,
.news_nav a:hover {
    background-color: #0f3b6f;
    color: #fff;
    transition: all .5s;
}
.news_a {width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.news_left{padding:25px 16px; background-color: #fff;margin-bottom:8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0);}
.news_left h1{
    font-size:22px; color: #0f3b6f;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.news_left ul{ flex-wrap: nowrap;flex-direction: column;gap: 12px;}
.news_b {
    border-radius: 8px;
    transition: all .5s;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f2f5;
}
.newa_b_list {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}
.news_b .news_ig {
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    width: 38%;
    flex-shrink: 0;
    line-height: 0;
}

.news_b .news_ig img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: all .8s;
}

.news_b:hover .news_ig img {
    transform: scale(1.1);
    transition: all .8s;
}

.news_c {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
}

.news_c .news_date {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    font-size: small;
}


.news_c .news_date i {
    transition: all .5s;
}

.news_c .news_line {
    width: 1px;
    height: 75px;
    background-color: #ebebed;
    margin-left: 20px;
    margin-right: 20px;
}

.news_c .news_t {
     display: flex;
    flex-direction: column;
    padding:0 3px 3px 0;
    border-bottom: 1px solid #eee;
    gap: 4px;
}

.news_c .news_t h2 {
    display: block;
    font:  18px/1.4 '微软雅黑';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 4px 0;
    overflow: hidden;
    color: #1e2a3a;
}

.news_c .news_t p {
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-size: 16px;
}

.news_b:hover {
    background-color: #0f3b6f;
    transition: all .5s;
}

.news_b:hover .news_t p,
.news_b:hover .news_t h2,
.news_b:hover .news_date i,
.news_b:hover .news_date {
    color: #fff;
    transition: all .5s;
}

@media (max-width: 425px)  {
  .news_c .news_t{gap:6px;padding: 0 6px 6px 0;}
  .news_c .news_date{padding: 8px 0;}
  .news_c .news_t h2{font-size:16px;-webkit-line-clamp: 1}
  .news_c .news_t p{font-size:14px;}
}

@media (min-width: 576px)and (max-width: 767px){
    .news_c .news_t p{-webkit-line-clamp: 2}
    .news_c .news_t h2{-webkit-line-clamp: 2}
    .news_c .news_t{ gap: 8px;padding: 0 5px 5px 0;}
    .news_c .news_date{padding: 8px 0;}
}
@media (min-width: 768px){
    .news_a{
        display:grid;
        grid-template-columns: 2fr 1fr;
        align-items: start;
        gap: 8px;
        padding: 10px 24px 30px;
        margin-bottom: 8px;}
    .pagebar{padding: 15px;}
    .news_left h1{font-size: 24px;margin-bottom: 25px;}
    .news_c .news_t{padding: 0 6px 6px 0;}
    .news_c .news_t p{-webkit-line-clamp: 2;}
    .news_c .news_date{    padding: 8px 0;}
    .news_left{ padding: 25px 30px;   border-radius: 24px; }
}
@media (min-width: 1024px) {
    .news_a {
        gap: 30px;
        padding: 40px 24px 50px;
    }
    .newa_b_list{gap:12px;}
    .news_left h1{font-size: 26px;margin-bottom: 30px;}
    .news_c .news_t h2{margin: 8px 0; font-weight:600;}
    .news_left ul{gap:25px;}
}
@media (min-width: 1280px) {
    .news_a {
        gap: 40px;
        padding: 40px 32px 50px;
    }
    .newa_b_list{gap:16px;}
    .news_c .news_t{gap: 15px;padding: 0 12px 12px 0;}
    .news_c .news_date {padding: 12px 0;}
    .news_left ul{gap:35px;}
}
@media (min-width: 1440px) {
    .news_a {
        padding: 20px 40px 60px;
        max-width: 1440px;
        margin: 0 auto;
        gap: 50px;
    }
    .newa_b_list{gap:20px;}
    .news_c .news_t {
        gap: 20px;
        padding: 0 16px 16px 0;
    }
    .news_c .news_date {
        padding: 16px 0;
    }
    .news_left ul{gap:40px;}
}
/*========资讯列表页结束====*/

/*========产品列表页开始====*/
.prod_ {

    display: grid;
}

.prod_ .p_left {
    width: 100%;
    display: contents;
}
.prod_nav{
    width: 100%;
    margin-bottom: 8px;
    order: 1;

}
.prod_nav_title{display:none;}
.prod_navlist{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    background-color: #f2f8fe;
    padding: 0 16px;
    min-height: 80px;
}
.prod_ .p_right {
    width: 100%;
    order: 2;
    margin-bottom: 8px;
    padding: 25px 0;
    background-color: #fff;
}
.p_right_list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0 16px 20px;

}

.prod_ .wikipedia{order: 3;}


.prod_ .p_a1 span {
    display: block;
    width: 2px;
    height: 20px;
    background-color: #3c91d8;
    margin-left: 20px;
    margin-right: 15px;
}

.prod_ .p_a1 a {
    font-size: 18px;
    line-height: 70px;
    font-weight: bold;
}

.prod_ .p_box:hover .p_a1,
.prod_ .p1_active .p_a1 {
    background-color: #3c91d8;
}

.prod_ .p_box:hover .p_a1 span,
.prod_ .p1_active .p_a1 span {
    background-color: #fff;
}

.prod_ .p_box:hover .p_a1 a,
.prod_ .p1_active .p_a1 a {
    color: #fff;
}

.prod_ .p_a1 .bai_,
.prod_ .p1_active img {
    display: none;
}

.prod_ .p1_active .bai_ {
    display: block;
}



.prod_navlist  li {
    display: flex;
    align-items: center;
    line-height: 42px;
    gap: 8px;
    font-size: 16px;
}

.prod_navlist li span {
    display: block;
    width: 2px;
    height: 8px;
    background-color: #0f3b6f;
}

.prod_navlist li span,
.prod_navlist li a {
    transition: all .3s;
}

.prod_ ul li:hover a,
.prod_ ul .p2_active a {
    color: #0F3B6F;
    transition: all .3s;
}

.prod_ ul li:hover span,
.prod_ ul .p2_active span {
    background-color: #ffb404;
    transition: all .3s;
}
.p_left  .wikipedia{ /*background-color: rgb(242, 248, 254);*/border-radius:0;}
@media (min-width: 768px) {
    .prod_ { grid-template-columns: 260px 1fr;
    gap: 15px;
    padding: 0 24px;
    }
    .prod_ .p_left{
        display: block;
    padding: 30px 0;}
    .prod_ .prod_nav{margin-bottom: 12px;  background-color: #f2f8fe;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);padding-bottom: 20px;
        border-radius: 16px;}
    .prod_navlist li{flex: 0 0 calc(50% - 6px);}
    .p_right_list{
    padding: 20px 16px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }
    .prod_nav_title{
        display:block;
        padding: 25px 24px 12px;
        text-align: left;
        margin-bottom: 24px;
        border-bottom: 1px solid #dde2e7;
        padding-bottom: 8px;
    }
  .prod_nav_title h2 {font-size: 20px;
    font-weight: bold;
    color: #0F3B6F;
    line-height: 1.4;
}
    .prod_nav_title i{display: block;
    font-size: 12px;
    color: #6c757d;
    margin-top: 6px;
    font-family: 'Arial', sans-serif}
    .prod_navlist{padding:0 24px;}
    .prod_ .p_right{padding: 30px 0;background: none;}
    .p_left .wikipedia{border-radius: 16px;}
    
}
@media (min-width: 1024px) {
    .prod_{gap: 20px;}
    .p_right_list{grid-template-columns: repeat(3, 1fr);padding: 25px 24px;gap: 20px;}
    .prod_ .p_left,.prod_ .p_right{padding: 35px 0;}
    .prod_ .prod_nav{  margin-bottom: 20px;}
        
}
@media (min-width: 1280px) {
    .product{
    max-width: 1440px;
    margin: auto;
    padding: 0;
    }
    .prod_{padding: 0 32px;gap: 30px;}
    .p_right_list{grid-template-columns: repeat(4, 1fr);padding: 24px 32px;}
    .prod_ .p_left,.prod_ .p_right{padding: 40px 0 50px;}
    .prod_ .prod_nav{  margin-bottom: 25px;}
}
@media (min-width: 1440px) {.prod_{gap: 40px;} .prod_ .prod_nav{  margin-bottom: 30px;} .p_right_list{padding: 32px 40px;}}

.yq_box {
    position: relative;
    border-radius: 8px;
    align-items: normal;
    flex-direction: column;
    gap: 8px;
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.yq_box .yq_ig {
    display: block;
    width: 100%;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.yq_box .yq_ig img {
    width: 100%;
    transition: all .5s;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.yq_box:hover  {
    transform: scale(1.1);
    transition: all .5s;
}

.yq_box .yq_text {
    padding: 0 8px;
}
.yq_box .yq_text h2{
    font-size: 16px;
    color: #1e2a3a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.yq_box .yq_text strong {
    color: #1e2a3a;
    line-height: 24px;
    transition: all .5s;
    margin: 6px 0;
    display: block;
}

.yq_box .yq_text strong:hover {
    margin-left: 20px;
    transition: all .5s;
}

/*=======产品列表页结束======*/
.fenye {
    justify-content: center;
    margin: 50px 0;
}

.fenye01 {
    margin-top: 0;
    margin-bottom: 50px;
}

.fenye a {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    border: 1px solid #ebeaea;
    margin: 0 6px;
    text-align: center;
    transition: all .5s;
}

.fenye a:last-child,
.fenye a:first-child {
    width: 75px;
}

.fenye .active,
.fenye a:hover {
    background-color: #3c91d8;
    color: #fff;
    transition: all .5s;
}

.t_ig {
    width: 100%;
    overflow: hidden;
}

.n_ig {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.reason {
    background: url(../images/reason_01.png) no-repeat center;
    background-size: 100% 100%;
    height: 467px;
    padding-top: 50px;
}

.rea_a {
    justify-content: space-between;
    margin-top: 38px;
    transition: all .5s;
}

.rea_b {
    width: 23%;
}

.rea_b .r_ig {
    width: 100%;
    text-align: center;
    margin-bottom: -50px;
}

.rea_b .rea_text {
    height: 162px;
    background-color: #fff;
    padding: 52px 25px 0;
    border-radius: 8px;
    transition: all .5s;
}

.rea_b .rea_text p {
    line-height: 24px;
}

.rea_b:hover .r_ig img {
    transform: rotateY(360deg);
    transition: all .8s;
}

.case {
    padding-top: 70px;
    margin-bottom: 30px;
}

.case_a {
    justify-content: space-between;
    margin-top: 40px;
}

.case_a .case_b {
    width: 32%;
    box-shadow: 0 0 20px 1px #eee;
}

.case_a .case_b .case_ig {
    width: 100%;
    height: 308px;
    overflow: hidden;
}

.case_a .case_b .case_ig img {
    width: 100%;
    transition: all .8s;
}

.case_a .case_b:hover .case_ig img {
    transform: scale(1.1);
    transition: all .8s;
}

.case_text {
    padding: 0 27px;
    justify-content: space-between;
}

.case_text p {
    font-size: 16px;
    line-height: 70px;
    transition: all .3s;
}

.case_a .case_b:hover .case_text img,
.case_text .lan_ {
    display: none;
}

.case_a .case_b:hover .case_text .lan_ {
    display: block;
}

.case_a .case_b:hover .case_text p {
    color: #3c91d8;
    transition: all .3s;
}

/* cp01 结束 */

/* 产品详情开始 */
.product-detail-gallery{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    width: 100%;
    background-color: #fff;
    margin-bottom: 8px;
    padding-bottom: 12px;
    min-width: 0;
}
.main-swiper{
    height: auto;
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    min-width: 0;
    aspect-ratio: 3 / 2;
}

.main-swiper .swiper-slide{
    height: 100%;
    position: relative;
    transition-property: transform, -webkit-transform;
}
.main-swiper .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background: #fff;
    display: block;
}
.main-gallery{
    position: relative;
}
.custom-pagination{
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 13px;
    font-family: monospace;
    z-index: 10;
    pointer-events: none;
    backdrop-filter: blur(4px);
}
.thumb-gallery{display: block;margin: 0 auto;overflow:visible;}
.thumb-swiper {
    width: 100%;
    height: auto;
    min-width: 350px;
    overflow-x: auto;
}

  .thumb-swiper .swiper-slide {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s, border 0.2s;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    width: 80px;
    height: auto !important;
    min-width: 0;
  }
  .thumb-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #007aff;
  }
  .thumb-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    border-radius: 6px;
  }
.de_text{    
    padding: 12px 16px;
    margin-bottom: 8px;
    background-color: #fff;
}
.de_text h1{
    color: #0F3B6F;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
}
 .de_pro_text strong{color: #1e2a3a;}
.de_cp  {flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
    }
.de_right{
    background-color: #fff;
    padding: 20px 16px;
    margin-bottom: 8px;
    min-width: 0;
}
.prod_list{
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    flex-wrap: nowrap;
}
.prod_item{
    flex: 0 0 calc(33.33% - 8px);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}
.prod_item img {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    border-radius: 8px 8px 0 0;
    width: 100%;
}
.prod_item h3{
    font-size: 15px;
    color: #1e2a3a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 5px;
}
.prod_item strong{
    color: #1e2a3a;
    line-height: 24px;
    transition: all .5s;
    margin: 5px;
    display: block;
}
.de_introduce{
    padding: 20px 16px;
    background-color: #fff;
    margin-bottom: 8px;
    min-width: 0;
    word-break: break-word;
}
.prod_button{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 12px;
    margin: 15px 0;
}
.param-btn{display: inline-block;
    padding: 8px 16px;
    background-color: #0f3b6f;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    transition: all 0.2s ease;
}
.param-btn:hover{background-color:#ffb404; color:#1e2a3a;}
.param-btn:active {
    background-color: #0a2a4f;          /* 按下时更深的海军蓝 */
    transform: scale(0.97);              /* 轻微缩小，模拟按压感 */
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.2); /* 内阴影增加凹陷效果 */
}
.details {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.de_cp_ly{display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    justify-content: flex-start;
    /* flex: 1; */
    padding-bottom: 8px;
    border-bottom: 1px solid #dde2e7;}
@media (min-width: 768px) {
  /* 详情页主容器：左右两列，右侧固定42% */
  .details {
    display: grid;
    grid-template-columns: 1fr 38%;
    gap: 15px;
    padding: 25px 24px 30px;
    
  }

  /* 左侧主区域（包含轮播图、相似产品、产品介绍等） */
  .pro_left {
    display:contents;
    min-width: 0; /* 防止溢出 */
  }

  /* 右侧文本区域 */
  .de_text {
    grid-column: 2 / 3;
    margin-top: 0;
    grid-row: 1 / 5;
   background: none;
   margin-bottom: 0;
   padding:0;
  }

  /* 调整相似产品等上边距 */
  .product-detail-gallery,
  .de_right,
  .de_introduce,
  .wikipedia {
    grid-column: 1 / 2;
    margin-bottom: 0;
  }

  /* 轮播图左右布局（缩略图在左，大图在右） */
  .product-detail-gallery {
    display: grid;
    grid-template-columns: 1fr 6fr;
    gap: 12px;
    align-items: stcenter;
    margin-bottom: 0;
    padding: 20px 16px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }

  /* 大图区域放在右侧 */
  .main-gallery {
    order:2;
  }
.de_introduce{ 
    grid-column: 1 / 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    margin-bottom: 0;
}
  /* 缩略图区域放在左侧 */
  .thumb-gallery {
    grid-column: 1 / 2;
    overflow: visible;
  }

  /* 缩略图 Swiper 垂直滚动 */
  .thumb-swiper {
    display: block;
    height: auto;
   /* max-height: 450px;*/
    overflow-y: auto;
    min-width: 0;
  }
  .thumb-swiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }
  .thumb-swiper .swiper-slide {
    display: block;
    width: 100% !important;
  }
  .thumb-swiper .swiper-slide:last-child {
    margin-bottom: 0;
  }

  /* 缩略图图片样式 */


  /* 大图容器防止溢出 */
  .main-gallery {
    min-width: 0;
    overflow: hidden;
  }
  .main-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 12px;
  }

  /* 分页器位置微调 */
  .custom-pagination {
    bottom: 16px;
    right: 16px;
    font-size: 14px;
  }

  /* 右侧文本样式微调 */
  .de_text h1 {
    font-size: 24px;
    font-weight: 600;
  }
  .dr_title h2{font-size:22px;}
  .de_cp {
    flex-direction: column;
    gap: 8px;
  }
  .prod_button {
    flex-direction: column;
  }
  .param-btn{text-align: center;}
  
  .de_right{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 16px; margin-bottom: 8px;}
   .de_pro_text{position: sticky; top: 0;padding: 20px 16px;background-color: #fff;
        border-radius: 16px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 
        }
   .de_pro_text strong{color: #1e2a3a;}
  .pro_left .de_right{ margin-bottom: 0;}
}
@media (min-width: 1024px) {
    .details{padding:35px 24px 50px; gap:20px;}
    .de_text h1{font-size:26px;}
    .dr_title h2{font-size:24px;}
    .prod_button{flex-direction: row;}
    .de_introduce{padding: 25px 24px;margin-bottom:0;}
    .de_right{padding: 25px 24px;margin-bottom:16px;}
    .pro_left .de_right{margin-bottom:0;}
    .product-detail-gallery{gap:20px; }
    .de_pro_text{padding: 25px 24px;}
}
@media (min-width: 1280px){
    .details{padding:40px 32px 50px; gap: 30px;}
    .de_right{margin-bottom: 24px;}
    .pro_left .de_right{margin-bottom: 0;}
    .product-detail-gallery{gap:30px; padding: 25px 24px;}
}
@media (min-width: 1440px){
    .details{padding: 40px 40px 60px; gap: 30px;}
    
}


.de_introduce .hy_ig {
    justify-content: space-between;
    text-align: center;
}

.de_introduce .hy_ig img {
    transition: all .8s;
}

.de_introduce .hy_ig img:hover {
    transform: scale(1.05);
    transition: all .8s;
}

.de_introduce .hy_ig p {
    padding-left: 0;
    line-height: 40px;
}

.de_td {
    flex-wrap: wrap;
    padding-left: 45px;
    justify-content: space-between;
}

.de_td .td_a {
    width: 48%;
    display: flex;
    align-items: baseline;
    margin-bottom: 24px;
}

.de_td .td_a>img {
    margin-right: 8px;
}

.de_td .td_a .td_b b {
    line-height: 24px;
    transition: all .5s;
}

.de_td .td_a .td_b:hover b {
    margin-left: 20px;
    transition: all .5s;
}

.de_td .td_a .td_b p {
    color: #666;
    line-height: 24px;
}

.de_ly {
    justify-content: space-between;
}

.de_ly .rea_b {
    width: 24%;
}

.de_ly .rea_b .rea_text {
    height: 180px;
    box-shadow: 0px 2px 30px 10px #ecf1f4;
}

/* sjzx01 开始 */
.re_inp {
    width: 80%;
    height: 54px;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    margin-bottom: 35px;
}

.re_inp input {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border-radius: 27px;
    padding-left: 40px;
    font-size: 16px;
    color: #666;
}

.re_inp a {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    background-color: #3c91d8;
    border-radius: 27px;
    text-align: center;
    line-height: 5.5;
    display: flex; /* 使用flex布局实现完美居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    text-decoration: none; /* 去除下划线 */
}

.reagent table {
    width: 100%;
}

.reagent table tr {
    text-align: left;
    line-height: 54px;
}

.reagent table tr th {
    background-color: #3c91d8;
    font-size: 16px;
    color: #fff;
}

.reagent table tr:nth-child(2n-1) {
    background-color: #edf6fe;
}


.reagent table tr td:nth-child(1),
.reagent table tr th:nth-child(1) {
    width: 12%;
    padding-left: 35px;
}

.reagent table tr th:nth-child(2) {
    width: 18%;
}

.reagent table tr th:nth-child(3) {
    width: 25%;
}

.reagent table tr th:nth-child(4) {
    width: 16%;
}

.reagent table tr th:nth-child(5) {
    width: 9%;
}

.reagent table tr th:nth-child(6) {
    width: 15%;
}

.reagent table tr th:nth-child(7) {
    width: 6%;
}

.reagent table tr:hover {
    background-color: #eee;
}

/* sjzx01 结束 */



/* kh02 开始 */
.anl_a {
    margin-top: 50px;
}

.anl_a .anl_b {
    align-items: normal;
    padding: 40px 66px;
    border: 1px solid #ced7e0;
    margin-bottom: 35px;
    transition: all .5s;
}

.anl_a .anl_b .anl_ig {
    margin-right: 25px;
}

.anl_a .anl_b:hover .anl_ig img,
.anl_a .anl_b .anl_ig .bai_ {
    display: none;
}

.anl_a .anl_c {
    width: 100%;
    justify-content: space-between;
}

.anl_a .anl_c .anl_text {
    width: 80%;
}

.anl_a .anl_c .anl_text a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    transition: all .5s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.anl_a .anl_c .anl_text i {
    color: #999;
    line-height: 24px;
    transition: all .5s;
}

.anl_a .anl_c .anl_text p {
    color: #666;
    margin: 16px 0;
    transition: all .5s;
}

.anl_a .anl_c a {
    display: block;

}

.anl_a .anl_b:hover {
    background-color: #3c91d8;
    transition: all .5s;
}

.anl_a .anl_b:hover .anl_ig .bai_ {
    display: block;
}

.anl_a .anl_b:hover .anl_text p,
.anl_a .anl_b:hover .anl_text a {
    color: #fff;
    transition: all .5s;
}

.anl_a .anl_b:hover .anl_text i {
    color: #cee3f5;
    transition: all .5s;
}

.anl_a .anl_b:hover .ckgd {
    background-color: #fff;
    color: #3c91d8;
    transition: all .5s;
}

/* kh02 结束 */



/* sh01 开始 */
.sh01_banner .gjc_box {
    /* top: 20px; */
}

.sh01_banner .bread {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.sh01_banner .sh01_a {
    position: absolute;
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
    display: block;
    line-height: 54px;
    padding: 0 32px;
    background-color: #3c91d8;
    color: #fff;
    border-radius: 8px;
    transition: all .8s;
}

.sh01_banner .sh01_a:hover {
    transform: translateX(-50%) scale(1.1);
    transition: all .8s;
}

/* sh01 结束 */

/* sh02 开始 */
.guidance {
    position: relative;
}

.guidance .gu_a {
    flex-wrap: wrap;
    margin-top: 30px;
}

.guidance .gu_a .gu_b {
    position: relative;
    box-shadow: 0px 0px 20px 1px #eee;
    margin-right: 24px;
    margin-bottom: 42px;
    border-radius: 12px;
}

.guidance .gu_a .gu_b:nth-child(3n) {
    margin-right: 0;
}

.guidance .gu_a .gu_b .gu_bt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.guidance .gu_a .gu_b .gu_zz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all .5s;
    border-radius: 12px;
}

.guidance .gu_a .gu_b:hover .gu_zz {
    opacity: 1;
    transition: all .5s;
}

.guidance .gu_video {
    width: 60%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.guidance .gu_video .g_v {
    width: 100%;
}

.guidance .gu_video video {
    width: 100%;
}

.guidance .gu_video .gu_gb {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.guidance .gu_video .gu_gb img {
    width: 100%;
}

/* sh02 结束 */
/* news01 开始 */

/* news03 开始 */
.qa_b {
    border: 1px solid #eee;
    padding: 50px 80px 30px;
    justify-content: space-between;
    transition: all .8s;
    margin-bottom: 32px;
}

.qa_b .qa_c {
    width: 90%;
}

.qa_c .qa_d {
    align-items: baseline;
    margin-bottom: 18px;
}

.qa_d span {
    display: block;
    font: bold 16px/27px 'Arial';
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #3c91d8;
    color: #fff;
    text-align: center;
    margin-right: 30px;
    transition: all .8s;
}

.qa_d p,
.qa_d a {
    flex: 1;
    transition: all .8s;
}

.qa_d a {
    font: bold 20px/1 '微软雅黑';
}

.qa_d p {
    line-height: 24px;
}

.qa_b:hover {
    background-color: #3c91d8;
    transition: all .8s;
}

.qa_b:hover .qa_d a,
.qa_b:hover .qa_d p {
    color: #fff;
    transition: all .8s;
}

.qa_b:hover .qa_d span {
    background-color: #fff;
    color: #3c91d8;
    transition: all .8s;
}

/* news03 结束 */




.fz_b {
    padding-top: 0;

}

.fz_b .title,
.fz_b .fz_c {

}

.fw_a {
    margin-top: 60px;
    margin-bottom: 80px;
    padding: 0 30px;
}

.fw_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fw_b .fw_c {
    width: 48%;
}

.fw_c .fw_i {
    width: 100%;
    position: relative;
}

.fw_c .fw_i img {
    width: 100%;
    transition: all .8s;
}

.fw_c .fw_i:hover img {
    transform: scale(1.05);
    transition: all .8s;
}

.fw_i b {
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.fw_c .fw_t {
    padding: 20px;
    display: flex;
}

.fw_c .fw_t0 {
    padding: 20px;
}

.fw_c .fw_t0 .fw_title {
    font-size: 16px;
    line-height: 30px;
}

.fw_c .fw_t0 .fw_t1 {
    padding: 0;
}

.fw_t .fw_icbox {
    width: 32%;
    margin-right: 2%;
}

.fw_t .fw_icbox:nth-child(3n) {
    margin-right: 0;
}

.fw_icbox .fw_ic {
    display: flex;
    align-items: center;
}

.fw_icbox .fw_ic p {
    margin-left: 15px;
    font-size: 16px;
    line-height: 30px;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fw_icbox .fw_ic p:hover {
    margin-left: 30px;
    transition: all .5s;
}

.kh_a {
    background: url(../images/kh_01.png) no-repeat center;
    background-size: 100% 100%;
    height: 800px;
    padding-top: 90px;
}

.kh_b .title i,
.kh_b .title {
    color: #fff;
}

.kh_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.kh_c {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 90px;
}

.kh_c:nth-child(3n) {
    margin-right: 0;
}

.kh_c .kh_ic {
    margin-bottom: 20px;
}

.kh_c .kh_ic img {
    transition: all .8s;
}

.kh_c:hover .kh_ic img {
    transform: rotate(360deg);
    transition: all .8s;
}

.kh_c .kh_ic .kh_title {
    margin-left: 20px;
}

.kh_c .kh_ic .kh_title b {
    display: block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

.kh_c .kh_ic .kh_title span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin-top: 20px;
}

.kh_c .kh_t {
    display: flex;
}

.kh_c .kh_t .kh_lis1 {
    width: 32%;
    margin-right: 2%;
}

.kh_c .kh_t .kh_lis1:nth-child(3n) {
    margin-right: 0;
}

.kh_lis1 .kh_lis2 .kh_xy {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.kh_lis1 .kh_lis2 p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .5s;
}

.kh_lis1 .kh_lis2 p:hover {
    margin-left: 20px;
    transition: all .5s;
}

.jg_a {
    text-align: center;
    padding: 100px 0;
}

.jg_a img {
    margin-top: 30px;
}

/* gy01 结束 */
/* gy02 开始 */
.qy_a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.qy_b {
    width: 332px;
    height: 332px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #9cd0fb;
    margin-bottom: 60px;
    overflow: hidden;
}

.qy_b .qy_i {
    display: block;
    width: 297px;
    height: 297px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.qy_b .qy_c {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background-color: rgba(89, 161, 222, .8);
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    padding-top: 20px;
}

.qy_b .qy_c i,
.qy_b .qy_c b {
    display: block;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.qy_b .qy_c i {
    font: normal 12px/1.1 'Arial';
}

.qy_b .qy_t {
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .8s;
}

.qy_b .qy_t p {
    line-height: 24px;
}

.qy_b .qy_i {
    transition: all .8s;
}

.qy_b:hover {
    background-color: #e7f2fd;
}

.qy_b:hover .qy_i {
    opacity: 0;
    transition: all .8s;
}

.qy_b:hover .qy_t {
    opacity: 1;
    transition: all .8s;
}

/* gy02 结束 */
/* gy03 开始 */
.fc_a {
    display: flex;
    flex-wrap: wrap;
}

.fc_a .fc_b {
    width: 458px;
    height: 340px;
    margin-right: 33px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 50px;
    overflow: hidden;
}

.fc_a .fc_b:nth-child(3n) {
    margin-right: 0;
}

.fc_a .fc_b .fc_i {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fc_a .fc_b .fc_mask {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .8s;
}

.fc_a .fc_b .fc_bt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .8s;
    cursor: pointer;
}

.fc_a .fc_b:hover .fc_mask,
.fc_a .fc_b:hover .fc_bt {
    opacity: 1;
    transition: all .8s;
}

/* 图片预览器样式 */
.preview-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;

}

.preview-container img {
    width: 50%;
    height: auto;
}

/* gy03 结束 */
/* gy04 开始 */
.zz_b {
    justify-content: center;
    flex-wrap: wrap;
}

.zz_b .zz_c {
    margin: 0 21px;
    text-align: center;
    margin-bottom: 40px;
}

.zz_b .zz_c p {
    font-size: 16px;
    line-height: 45px;
    color: #666;
}

.zz_b1 .zz_c {
    margin: 0 40px 60px;
}

/* gy04 结束 */


/* czsc 开始 */
.czsc .czsc_a {
    width: 78%;
}

.czsc_b {
    padding: 0 55px;
    line-height: 85px;
    justify-content: space-between;
    transition: all .8s;
    background-color: #f9fafb;
}

.czsc_c1 img {
    margin-right: 14px;
}

.czsc_c1 a {
    font-size: 18px;
}

.czsc_c2 a {
    margin-left: 36px;
}

.czsc_b:hover .czsc_c2 a img,
.czsc_c2 a .bai_ {
    display: none;
}

.czsc_b:hover {
    background-color: #3c91d8;
    transition: all .8s;
}

.czsc_b:hover .czsc_c2 p,
.czsc_b:hover .czsc_c1 a {
    color: #fff;
    transition: all .5s;
}

.czsc_b:hover .czsc_c2 a .bai_ {
    display: block;
}

/* czsc 结束 */
/*网站地图*/
.wzdt2 {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.wzdt_a {
    border: solid 2px #e5e5e5;
    margin-top: 22px;
}

.wzdt_a h6 {
    width: 1144px;
    margin: 0 auto;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 5px;
}

.wzdt_a h6 a {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    line-height: 45px;
}

.wzdt_a p {
    margin: 0 25px;
}

.wzdt_a p a {
    color: #505050;
    line-height: 42px;
    margin-right: 15px;
}

.wzdt_a p a:hover {
    color: #0665d0
}

/*404*/
.fzfbox {
    width: 100%;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 100px 30px;
    margin-bottom: -30px;
}

.fzf1 {
    width: 1011px;
    margin: 20px auto;
}

.fzf1 img {
    width: 100%;
    margin: 0 auto;
}

.fzf2 {
    width: 100%;
    margin: 0 auto;
}

.fzf2 p {
    font-size: 36px;
    color: #434343;
    text-align: center;
    line-height: 50px;
}

.fzf2-1 {
    width: 100%;
    margin: 0 auto;
}

.fzf2-1 p {
    font-size: 26px;
    color: #434343;
    text-align: center;
    line-height: 50px;
}

.fzf2-1 p span {
    color: #333;
}

.fzf3 {
    width: 430px;
    margin: 20px auto;
    margin-top: 40px;
}

.fzf3z {
    float: left;
}

.fzf3z img {
    width: 100%;
    margin: 0 auto;
}

.fzf3y {
    float: right;
}

.fzf3y img {
    width: 100%;
    margin: 0 auto;
}


/* 返回顶部按钮 */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 200px;
  z-index: 999;
  
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  
  background-color: #0F3B6F;      /* 深海蓝，与网站主色调呼应 */
  color: #fff;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50%;            /* 圆形，也可改成 4px 方角，根据整体风格定 */
  box-shadow: 0 4px 12px rgba(11,45,69,0.3);
  
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 鼠标悬停态：用工程橙提亮 */
.back-to-top:hover {
  background-color: #ff6600;     /* 工程橙点缀 */
  border-color: #ff6600;
  box-shadow: 0 6px 16px rgba(212,132,43,0.4);
  transform: translateY(-3px);
}

/* 显示状态 */
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 移动端适配 */
@media (max-width: 768px) {
  .back-to-top {
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .back-to-top svg {
    width: 18px;
    height: 18px;
  }
}