/* 宽度 ≤ 1440px */
@media (max-width: 1440px) { 
    .container {width: 1200px; padding: 0 20px;}
    .pro-info p {
        font-size: 16px;
        margin: 10px 0;
        line-height: 1.6;
    }
    .base-link .zixuna {
        font-size: 16px;
    }
    .link-tel a {
        font-size: 16px;
    }
         
}

/* 宽度 ≤ 1200px */
@media (max-width: 1200px) {
    .container,
    .container8 {
        width: 100%;
        padding: 0 20px;
    }
    .header .nav .sub .sub_menu {
        width: 100%;
        padding: 50px 20px;
        box-sizing: border-box;
    }
    .header .nav .sub .sub_menu .leftImg,
    .header .nav .sub .sub_menu .midDiv,
    .header .nav .sub .sub_menu .list {
        width: 33.33%;
        margin-right: 0;
        padding: 0 15px;
    }
    .header .nav .sub .sub_menu .list li a {
        padding: 0 10px;
    }
    .daoji .ss {
        min-width: 240px;
        width: 28%;
    }
    .product-section .product-item {
        width: calc(33.333% - 30px);
    }
    .product-section .section-header, .advantage-section .section-header, .application-section .section-header, .news-module .module-header{margin-bottom: 20px;}
    .advantage-section .advantage-list li {
        width: calc(50% - 30px);
    }
    .application-list li {
        width: calc(50% - 24px);
    }
    .content-wrapper {
        gap: 30px;
    }
    .foot .container > dl:nth-child(5) {
        display: none;
    }
    .contaniner5 {
        width: 100%;
        padding: 0 20px;
    }
    .proleft {
        width: 28%;
    }
    .proright {
        width: 68%;
    }
    .proright ul li {
        width: 31%;
        margin: 10px 1% 20px;
    }
    .show-pro {
        gap: 2%;
    }
    .pro-pic {
        flex: 0 0 52%;
    }
    .pro-info {
        flex: 0 0 45%;
        padding: 20px;
    }
    .pro-info h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .pro-info .cpfbsj {
        padding-bottom: 0;
    }
    .pro-info p:first-of-type {
        font-size: 14px;
    }
    .pro-info p {
        font-size: 15px;
        margin: 5px 0;
        line-height: 1.5;
    }
    .info-card{align-items: flex-start;gap: 25px;}
    .card-desc{margin-bottom:30px;}
    .base-link {
        margin-top: 20px;
    }
    .base-link .zixuna {
        width: auto;
        line-height: 30px;
        padding: 5px 10px;
        font-size: 14px;
    }
    .link-tel {
        padding: 5px 10px;
    }
    .link-tel a {
        font-size: 14px;
    }
    .casexg .picList {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 宽度 ≤ 1100px */
@media (max-width: 1100px) {
    .daoji .ss {
        min-width: 220px;
        width: 26%;
    }
    .card-desc{margin-bottom:20px;}
}

/* 宽度 ≤ 1024px */
@media (max-width: 1024px) {
    .box-hot {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
     .zizhi-hot {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

/* 宽度 ≤ 992px */
@media (max-width: 992px) {
     body {background-color: #eee; padding-bottom: 65px; }
     html { overflow-y: scroll;}
    .header { position: relative; height: auto !important; background: #0f3b6f; padding: 0;}
    .juzhong { height: auto !important;}
    .header .logo {padding: 5px 3px; }
    .header .logo a img { height: 45px;}
    .sp_logo  img { margin: auto;max-height: 40px; }
/* ========== 汉堡按钮（三条横线变×） ========== */
.sp_nav { display: block !important;width: 30px;height: 30px;  position: relative; cursor: pointer; z-index: 1001;  margin: 0; float: right;top: 15px;}
.sp_nav span { display: block; width: 100%; height: 3px;background: #fff; position: absolute; left: 0;transition: all 0.3s ease;}
.sp_nav span:nth-child(1) {top: 4px;transition: transform 0.3s ease, opacity 0.3s ease;}
.sp_nav span:nth-child(2) {top: 14px; transition: opacity 0.3s ease;}
.sp_nav span:nth-child(3) {top: 24px; transition: transform 0.3s ease;}
.sp_nav.sp_nav_se span:nth-child(1) {transform: translateY(10px) rotate(45deg);}
.sp_nav.sp_nav_se span:nth-child(2) { opacity: 0;}
.sp_nav.sp_nav_se span:nth-child(3) {transform: translateY(-10px) rotate(-45deg);}

.header .nav {position: fixed; top: 0; left: 0; width: 80%; height: 100%; background: #fff; z-index: 9999; overflow-y: auto;transform: translateX(-100%); transition: transform 0.3s ease; padding: 20px;
        box-shadow: 2px 0 12px rgba(0,0,0,0.1); display: block;}
.header .nav.nav_show { transform: translateX(0);}
.header .nav .nLi {float: none; display: block; border-bottom: 1px solid #eee; position: relative;}
.nav .nLi > h3 {position: relative; padding-right: 48px;}
.nav .nLi > h3 .sub-toggle {position: absolute; right: 0; top: 0; width: 48px; height: 48px;text-align: center; line-height: 48px; cursor: pointer; font-size: 20px;color: #999;}
/*.nav .nLi > h3::after {content: "▼";position: absolute; right: 0;top: 0;width: 48px;height: 48px;line-height: 48px; text-align: center;
        font-size: 20px;color: #999;cursor: pointer;pointer-events: auto; }*/
.header .nav .nLi h3 a {line-height: 48px;  padding: 0;color: #333;font-size: 16px;font-weight: normal;}
.header .nav .sub .sub_menu .leftImg { display: none;}
.header .nav .sub { position: static; display: none;background: #fafafa;box-shadow: none; padding: 0; width: 100%;  height: auto;}
.header .nav .nLi.open .sub { display: block;}
.header .nav .sub .sub_menu {width: 100%; padding: 0 0 0 20px; margin: 0;}
.header .nav .sub .sub_menu .midDiv,
.header .nav .sub .sub_menu .list {float: none; width: 100%;margin: 0; padding: 0;}
.header .nav .sub .sub_menu .midDiv .msg,
.header .nav .sub .sub_menu .midDiv .wen,
.header .nav .sub .sub_menu .midDiv .btnDiv {display: none; }
.header .nav .sub .sub_menu .list ul { padding: 0;}
.header .nav .sub .sub_menu .list li { border-bottom: none;line-height: 40px;}
.header .nav .sub .sub_menu .list li a {display: block; padding: 0 10px;color: #666;font-size: 14px;}
    /* 为有二级菜单的项添加箭头指示（通过 JS 添加元素） */
/* ========== 移动端菜单面板 ========== */
/*.slider_banner,
.swiper-slide { contain: layout paint;}*/
.slider_banner .swiper-pagination{bottom:20px;}
.slider_banner .info_box{display:none;}
/*.slider_banner .swiper-slide img{aspect-ratio:3/1;}*/
    .rs {
        display: block;
        margin-bottom: 0;
        position: relative;
        height: auto;
    }
    .daoji {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        padding: 15px 20px;
        line-height: 1.4;
        border-radius: 12px;
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        background: #0F3B6F;
        box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
        color: #fff;
    }
    .daoji .hot {
        float: none;
        font-size: 14px;
        flex: 1;
        white-space: normal;
        word-break: break-word;
    }
    .daoji .hot a {
        color: #fff;
        padding-right: 10px;
        display: inline-block;
        margin: 5px 8px 5px 0;
        font-size: 13px;
    }
    .daoji .ss {
        float: none;
        width: 100%;
        margin-top: 5px;
    }
    .input-r {
        width: 100%;
        float: none;
    }
    .input-r form {
        display: flex;
        gap: 8px;
        align-items: center;
    }
    .input-r form input {
        flex: 1;
        width: auto;
        height: 40px;
        font-size: 14px;
        background: rgba(255,255,255,0.15);
        border-radius: 30px;
        padding: 0 15px;
        border: 1px solid #fff;
        color: #fff;
    }
    .input-r form input::placeholder {
        color: rgba(255,255,255,0.7);
    }
    .input-r form button {
        position: static;
        width: auto;
        min-width: 70px;
        height: 40px;
        background: #0F3B6F;
        color: #fff;
        font-weight: bold;
        line-height: 40px;
        cursor: pointer;
        border: none;
    }
    .product-section{padding: 30px 0;border: none;}
    .advantage-section{padding: 30px 0;margin-top: 8px;border: none;}
    .application-section,.Credentials-section{padding: 30px 0;margin-top: 8px;border: none;}
    .wm {padding: 30px 0;margin-top: 5px;}
    /*.Credentials-section li { width: 33.333%; }*/
    .info .info_content p {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
        text-indent: 0;
    }
    .info .pb_title .p_t {
        font-size: 28px;
        height: auto;
        line-height: 1.3;
    }
    .info .info_btn a {
        width: 140px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    .news-module {
        padding: 30px 0;margin-top: 5px;
    }
    .content-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .carousel-area,
    .news-list-area {
        flex: auto;
        width: 100%;
    }
    .about-msg {
        width: 100%;
        float: none;
        margin: -24px auto 30px;
        padding: 20px 16px;
    }
   /* .about-msg ul li {padding: 15px 0 5px;}*/
    .about-base {
        display: none;
    }
    .about-name img {
        margin: 0 auto 15px;
    }
    .yanzheng {
        width: 100px;
        height: auto;
    }
    .about-base .nr2 br {
        display: none;
    }
    .foot .container > dl {
        display: none;
    }
    .contaniner5 {
        padding: 0 16px;
        background-color: #fff;
    }
    .wz {
        padding-left: 0;
        line-height: 48px;
        margin: 0 0 8px;
    }
    /*.wz p em, .wz p a {
        font-size: 14px;
    }*/
    .prolist {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
    }
    .pro-category {
        order: 1;
        margin-bottom: 20px;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;
    }
    .proright {
        order: 2;
        width: 100%;
        margin-bottom: 20px;
    }
    .proleft {
        order: 3;
        width: 100%;
        padding-bottom: 20px;
        padding-top: 20px;
        border-top: 1px solid #eaeaea;
    }
    .pro-category > nav > ul {
        margin: 0;
        border: 1px solid #eaeaea;
        border-radius: 8px;
        background: #fff;
        overflow: hidden;
    }
    .pro-category > nav > ul h1 {
        margin: 0;
        background: #f5f5f5;
        color: #0F3B6F;
        font-size: 16px;
        font-weight: bold;
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eaeaea;
        position: relative;
    }
    .pro-category > nav > ul h1::after {
        content: "▼";
        font-size: 12px;
        transition: transform 0.3s;
        color: #0F3B6F;
    }
    .pro-category > nav > ul h4,
    .pro-category > nav > ul li:first-child ~ li {
        display: none;
    }
    .pro-category > nav > ul.expanded h4,
    .pro-category > nav > ul.expanded > li:not(:first-child) {
        display: block;
    }
    .pro-category > nav > ul.expanded h1::after {
        transform: rotate(180deg);
    }
    .pro-category > nav > ul.expanded {
        column-count: 2;
        column-gap: 16px;
    }
    .pro-category > nav > ul.expanded h1 {
        column-span: all;
        display: flex;
    }
    .pro-category > nav > ul.expanded h4 a {
        display: block;
        padding: 10px 12px;
        font-size: 14px;
        border-bottom: 1px solid #f0f0f0;
        color: #333;
        text-decoration: none;
    }
    .pro-category > nav > ul.expanded h4 a:hover {
        color: #0F3B6F;
    }
    .proright ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin: 0;
        padding: 0;
    }
    .proright ul li {
        width: auto;
        margin: 0;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .pro-pic1 {
        width: 100%;
        aspect-ratio: 3 / 2;
        overflow: hidden;
    }
    .pro-pic1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .pro-info1 {
        padding: 10px 8px 12px;
    }
    .pro-info1 a span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.4;
        height: 2.8em;
        color: #333;
        font-weight: 500;
        text-align: left;
        margin-bottom: 6px;
    }
    .pro-info1 a p {
        text-align: left;
    }
    .base-link {
        display: none;
    }
    .pagebar {
        padding: 10px;
   /*     margin-top: 5px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eaeaea;*/
    }
    .pagination {
        display: flex;
        justify-content: center;
        gap: 6px;
        flex-wrap: wrap;
    }
    .pagination a, .pagination span {
        background: #fff;
        border: 1px solid #ddd;
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 4px;
    }
    .proleft .hot-products {
        margin-top: 0;
    }
    .proleft .hot-title {
        font-size: 16px;
        padding: 10px 0;
        text-align: left;
        border-bottom: 2px solid #0F3B6F;
        margin-bottom: 15px;
    }
    .proleft .hot-item {
        display: flex;
        gap: 12px;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #eee;
    }
    .proleft .hot-img {
        width: 80px;
        aspect-ratio: 3 / 2;
        flex-shrink: 0;
        border-radius: 6px;
        overflow: hidden;
        background: #f5f5f5;
    }
    .proleft .hot-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .proleft .hot-info {
        flex: 1;
        min-width: 0;
    }
    .proleft .hot-info a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 4px;
    }
    .proleft .hot-price {
        font-size: 13px;
    }
    .proleft .hot-news {
        margin-top: 20px;
    }
    .proleft .news-list {
        padding: 0 8px;
    }
    .proleft .news-item {
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .proleft .news-title {
        flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .proleft .news-date {
        font-size: 12px;
        color: #666;
        margin-left: 12px;
    }
    .index-about {
        margin-top: 32px;
    }
   /* .msg-btn input {
        font-size: 14px;
    }*/
    .show-pro {
        flex-direction: column;
        gap: 0;
    }
    .pro-pic, .pro-info {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 10px;
    }
    .pro-info {
        margin: 10px 0;
    }
    .casexg {
        width: 100%;
    }
    .casexg .picList {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .bdx {
        padding-bottom: 20px;
    }
    .leftnew,
    .rightnew {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }
    .leftnew h1 {
        font-size: 28px;
        padding-left: 18px;
    }
    /*.rightnew {
        margin-top: 0;
    }*/
    .tuijiana .imga {
        width: 75px;
        height: 75px;
    }
    .sidebar-title {
        font-size: 20px;
        padding: 14px 16px;
    }
    .recommend-img {
        width: 60px;
        height: 40px;
    }
    .recommend-content .info p {
        -webkit-line-clamp: 2;
    }
.sj-fix {
        transform: translateY(0);      /* 显示在底部 */
    }
 /*   .sj-fix {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 65px;
        width: 100%;
        background: #0f3b6f;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 999;
       /* contain: strict; 
        will-change: transform;*/
 /*   } */
 /*   .sj-fix ul {
        display: flex;
        justify-content: space-around;
        padding: 3px 0;
    }
    .sj-fix ul li {
        flex: 1;
        text-align: center;
    }
    .sj-fix ul li a {
        display: block;
        color: #fff;
        font-size: 12px;
        padding: 8px 0;
    }
    .sj-fix ul li img {
        width: 24px;
        margin: 0 auto 4px;
    }*/
    .product-section .product-item {
        width: calc(50% - 30px);
    }
    .advantage-section .advantage-list li {
        width: calc(50% - 30px);
    }
    .application-list li {
        width: calc(50% - 24px);
    }
    /*.casexg .picList {
        grid-template-columns: repeat(2, 1fr);
    }*/
   /* .leftnew {
        width: 100%;
        margin-bottom: 5px;
    }*/

  .wrap { width: 100%;}
  .wm {
    padding: 30px 0;
  }

  .wm .card-content {
    margin-bottom: 20px;
  }

  /* 切换为上下堆叠布局 */
  .info-card {
    flex-direction: column;
    gap: 30px;
  }

  /* 图片全屏宽度 */
  .card-left {
    flex: 0 0 100%;
    max-width: 100%;
    width:100%;
  }

  /* 文字区域全屏 + 居中排版 */
  .card-right {
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
  }

  .card-desc p {
    text-align: justify;
  }


  /*  .about-base {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }*/
    .foot .container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
     .left-fs ul li.oo {
        display: none;
    }
    .contact-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .online_q .btn-01, .online_q .btn-02, .online_q .btn-03 {
        display: none;
    }
    .contaniner6{width: 100%;background-color: #fff;}
    .tx2.tx1{margin: 1.5rem 0 1.2rem;}
    .contact{padding: 15px 16px;}
    .chengshi {margin: 5px 0;padding: 0 12px;}
    .text-chengshi {padding-top: 10px;}
    .chengshi_txt{padding: 10px;}
}

/* 宽度 ≤ 768px */
@media (max-width: 768px) {
    .container,
    .container8 { padding: 0 16px; }
    /*.slider_banner {
        aspect-ratio: 750 / 250;
    }*/
    .slider_banner .swiper-button-prev,
    .slider_banner .swiper-button-next {
        display: none;
    }
    .product-section {
        padding: 20px 0;
    }
    .product-section .section-header{margin-bottom: 20px;}
    .product-section .section-header h2,.application-section .section-header  h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .product-section .product-nav {margin-bottom: 20px;padding-bottom: 15px;}
    .product-section .nav-list {
        gap: 10px;
    }
    .product-section .nav-link {
        padding: 10px 20px;
        font-size: 14px;
        white-space: normal;
    }
    .product-section .product-list {
        margin: 0 -10px;
    }
    .product-section .product-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .product-section .product-title {
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal;
    }
    .product-price{font-size: 14px;}
    .advantage-section {
        padding: 20px 0;margin-top: 8px;border: none;
    }
    .advantage-section .section-header h2 {
        font-size: 28px;
    }
    .advantage-section .advantage-list li {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .advantage-section .card-overlay {
        opacity: 1;
        visibility: visible;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
        align-items: flex-end;
        padding-bottom: 20px;
    }
    .advantage-section .overlay-content {
        padding: 15px;
    }
    .advantage-section .overlay-content img {
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
    }
    .advantage-section .overlay-title {
        font-size: 14px;
    }
    .advantage-section .overlay-content p {
        font-size: 14px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .application-section, .Credentials-section{
        padding: 20px 0;margin-top: 8px;
    }
    .application-section .section-header, .Credentials-section .section-header{margin-bottom: 20px;}
    .section-header h2, .Credentials-section .section-header h2 {
        font-size: 26px;
    }
    .application-list li {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .item-title {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }
    .wm{padding: 20px 0; margin-top:3px}
    .card-title{font-size: 28px;}
    .wm .card-content{margin-bottom: 15px;}
    .Credentials-section li { width: 50%; }
    .news-module {
        padding: 20px 0;margin-top: 8px;
    }
    .news-module .module-header{margin-bottom: 20px;}
    .news-module .module-header h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .news-module .tab-nav{margin-bottom: 20px;}
    .news-module .tab-link {
        padding: 8px 20px;
        font-size: 14px;
    }
    .slide-caption {
        padding: 15px 45px 40px 20px;
    }
    .slide-caption h3 {
        font-size: 14px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
    .carousel-dots {
        bottom: 10px;
    }
    .carousel-btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .prev {
        left: 10px;
    }
    .next {
        right: 10px;
    }
    .news-link {
        padding: 12px 16px;
    }
    .news-title {
        font-size: 14px;
    }
    .news-date {
        font-size: 12px;
    }
   /* .msg-tit strong {
        font-size: 18px;
    }*/
  /*  .about-base .nr2 {
        font-size: 15px;
        line-height: 1.5;
    }*/
    .yanzheng {
        width: 90px;
        height: auto;
    }
    .msg-btn input {
       /* background-size: cover;*/
        font-size: 16px;
    }
    .foot .container > dl:nth-child(3) {
        display: none;
    }
    .right-dy img {
        width: 80px;
    }
    .aside-nav {
        right: 10px;
        bottom: 80px;
    }
    .online_q .btnkf {
        width: 44px;
        height: 44px;
    }
    .online_q .btn-01,
    .online_q .btn-02,
    .online_q .btn-03 {
        display: none;
    }
    .online_q .open.pic,
    .online_q .open.tel {
        display: none !important;
    }
   a, button, .btn, .nav-link, .tab-link {
        touch-action: manipulation;
    }
    .proright {
        width: 100%;
    }
    .tx2.tx1 h1 {
        font-size: 1.5rem;
    }
    .contact h1 {
        font-size: 1.5rem;
    }
    .contact .subtitle {
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }
    .contact-grid {
        gap: 1.2rem;
    }
    .show-pro {
        width: 100%;
        margin: 0 auto;
    }
    .pro-pic:before {
        display: none !important;
    }
    .pro-pic span {
        margin-left: 0;
        font-size: 14px;
        padding: 4px 20px;
    }
    .slideBoxa {
        border-radius: 12px;
    }
    .slideBoxa .bd a {
        border-radius: 12px;
    }
    .pro-pic p {
        flex-direction: column;
        gap: 10px;
        padding: 12px 15px;
    }
    .pro-info {
        padding: 20px;
        box-shadow: none;
        border: 1px solid #eee;
    }
    .pro-info h1 {
        font-size: 1.25rem;
    }
    .pro-info p:first-of-type {
        font-size: 15px;
    }
    .pro-info p {
        margin: 5px 0;
    }
    /*.base-link {
       display: none;
    }*/
   /* .base-link .zixuna, .link-tel {
        width: 100%;
    }
    .link-tel {
        font-size: 14px;
        padding: 8px;
    }
    .link-tel a {
        font-size: 16px;
    }*/
    .slideTxtBoxa .bd h2 {
        margin: 5px 0 10px;
        font-size: 1.22rem;
    }
    .slideTxtBoxa {
        width: 100%;
        padding: 20px 0;
        margin: 8px auto;
    }
    .shangxia{ width: 100%;padding: 10px 0;margin: 8px auto;}
    .casexg {margin:0 0 8px 0;padding: 20px 0;}
    .casexg h3 {
        font-size: 1.2rem;
        /*background-size: 35px;
        padding-left: 50px;*/
        margin-bottom: 10px;
    }
   /* .contaniner5 {
        padding: 0 16px;
    }*/
    .wz {
        font-size: 12px;
        padding: 8px 0;
        line-height: 40px;
    }
    .yingyongnav a {
        padding: 0.4rem 0.8rem;
        font-size: 14px;
    }
    .category-h1 {
        font-size: 24px;
        margin: 8px 0 0;
        padding: 10px 0;
    }
    .box-hot {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 15px;
    }
    .box-hot li {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        background: #fff;
        border-radius: 16px;
        padding: 12px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        transition: transform 0.2s;
    }
    .box-pic {
        flex-shrink: 0;
        width: 150px;
        aspect-ratio: 3 / 2;
        overflow: hidden;
        border-radius: 12px;
        background: #f0f2f5;
    }
    .box-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .box-info {
        flex: 1;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .box-info a {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
        color: #1e293b;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0;
    }
    .box-font {
        font-size: 12px;
        line-height: 1.45;
        color: #5a6874;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0;
    }
    .box-info span {
        font-size: 11px;
        color: #666;
        border-top: none;
        padding-top: 0;
        margin-top: 4px;
    }
    .box-info span::before {
        content: '📅';
        margin-right: 4px;
    }
    .pagination {
        padding: 4px 12px;
    }
    .pagination a,
    .pagination span {
        min-width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .hidden-sm {
        display: none;
    }
    .leftnew h1 {
        font-size: 1.3rem;
        padding-left: 16px;
    }
    .ab_img li {
    margin-bottom: 0.3em;
    line-height: 1.5;
  }
    .ab_img blockquote {
    margin: 1.2em 0;
    padding: 0.8em 1em;  
    border-left-width: 3px; 
    border-radius: 6px; 
    font-size: 0.95rem;
    line-height: 1.5; 
  }
    .leftnew {
        padding: 16px;
        /*margin-bottom: 5px;*/
    }
    .sideMenu{padding: 0 16px;}
    .post-meta {
        gap: 16px;
        font-size: 12px;
    }
    .post-meta span:not(:last-child)::after {
        margin-left: 8px;
    }
    .rightnew{margin-bottom: 0;}
    .rightnew span {
        font-size: 18px;
        padding: 12px;
    }
    .tuijiana .imga {
        width: 65px;
        height: 65px;
    }
    .sidebar-title {
        font-size: 18px;
        padding: 12px;
    }
    .sidebar-title::after {
        width: 40px;
        margin-top: 8px;
    }
    .recommend-content {
        gap: 12px;
        margin-bottom: 20px;
        padding-bottom: 16px;
    }
    .recommend-img {
        width: 90px;
        height: 60px;
    }
    .info .info_btn {margin-top: 20px;}
    /*.recommend-content .info {
        font-size: 13px;
    }*/
    .contact {
        padding: 16px;
        margin: 0 auto;
    }
    .contact-item {
        padding: 1.5rem 1rem;
    }
    .contact-item .img-box img {
        width: 2.5rem;
    }
    .contact-item span {
        font-size: 0.95rem;
    }
    .contact-item small {
        font-size: 0.9rem;
    }
    /*.con-severice {
        padding: 1rem;
    }*/
    .tx2.tx1 h1 i img {
        width: 1.6rem;
    }

    .ab_img p {
        font-size: 0.95rem;
    }
    .ab_img h2 {
        font-size: 1.25rem;
        margin: 0.75rem 0 0.4rem;
    }
    .ab_img h3 {
        font-size: 1.125rem;
        margin: 0.75rem 0 0.4rem;
    }
      .ab_img h4 {
    font-size: 1rem;       /* 16px */
    margin: 0.6rem 0 0.3rem;
  }
  .ab_img h5,
  .ab_img h6 {
    font-size: 0.95rem;    /* 15.2px */
    margin: 0.5rem 0 0.25rem;
  }
   /* .yingyongnav {
        gap: 0.5rem;
    }*/
    .aboutl {
        padding: 1rem;
    }


    .proright {
        width: 100%;
        margin-bottom: 10px;
    }
    .tx2.tx1 h1 {
        font-size: 1.5rem;
    }


  /*  .contact-grid {
        gap: 1.2rem;
    }*/
    .foot .container{gap: 20px;}
    .foot p.gx {margin-top:0;}
    
    .zizhi-hot{grid-template-columns: repeat(2, 1fr);gap: 12px; padding-top: 15px;}
    .zizhi-hot li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        background: #fff;
        border-radius: 16px;
        padding: 12px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s;}
     .zizhi-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
       }
    .zizhi-info{ 
        padding: 0;
  }
    .zizhi-info a {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
        color: #1e293b;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0;
}

}

/* 宽度 ≤ 576px */
@media (max-width: 576px) {
    .container,
   .container8 {
        padding: 0 12px;
    }
    .product-section .section-header .section-desc,.advantage-section .section-header .section-desc{font-size: 16px;}
    .product-section .section-header h2, .advantage-section .section-header h2 ,.application-section .section-header h2, .card-title,.news-module .module-header h2{font-size: 24px;}
    .product-section .nav-list {
        gap: 8px;
    }
    .product-section .nav-link {
        padding: 8px 16px;
        font-size: 14px;
    }
    .product-section .product-item {
        width: calc(50% - 16px);
        margin: 0 8px 16px;
    }
    .product-section .product-title {
        margin: 8px;
    }
    .product-price{margin: 8px;}
      .card-title {
    font-size: 24px;
  }

  .card-desc p {
    font-size: 14px;
  }

  .card-btn a {
    width: 150px;
    height: 40px;
    line-height: 40px;
  }
    .application-list li {
        width: calc(50% - 16px);
        margin: 0 8px 16px;
    }
    .item-title {
        font-size: 14px;
        margin: 10px 8px;
    }
    .Credentials-section li {margin-bottom: 16px;padding: 0 8px;}
    .news-module .tab-link {
        padding: 6px 16px;
        font-size: 14px;
    }
    .slide-caption {
        padding: 12px 40px 30px 15px;
    }
    .carousel-btn {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    .news-link {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .news-content {
        width: 100%;
        margin-bottom: 6px;
    }
    .news-title {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .news-date {
        margin-left: 38px;
    }
    .hot-badge {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 11px;
    }
    .msg-tit strong {
        font-size: 16px;
    }
    .yanzheng {
        width: 80px;
        height: auto;
    }
    .about-msg ul li input,
   /* .about-msg ul li textarea {
        font-size: 14px;
    }*/
   /* .msg-btn input {
        font-size: 14px;
    }*/
    .msg-btn:after {
        top: 20px;
        width: 100px;
    }
  /*  .foot .container > dl:nth-child(2) {
        display: none;
    }*/
    .proright ul {
        gap: 12px;
    }
    .proleft .hot-img {
        width: 70px;
    }
    .shangxia p {
        max-width: 100%;
    }
}

/* 宽度 ≤ 480px */
@media (max-width: 480px) {
    .foot .right-dy {
        display: none;
    }
    .left-fs {flex: 1 1 240px; min-width: 0;}
    .left-fs ul li {
        white-space: normal;
        word-break: break-word;
        line-height:28px;
    }
    .advantage-section .advantage-list li {
        width: calc(100% - 16px);
        margin: 0 8px 16px;
    }
    .advantage-section .overlay-title {
        font-size: 14px;
    }
    .box-hot {
        grid-template-columns: 1fr;
    }
    .zizhi-hot {gap: 8px;}
    .zizhi-hot li {padding: 5px;}
    .category-h1 {
        font-size: 24px;
    }

    .contact-item {
        padding: 1.2rem 0.8rem;
        border-radius: 1rem;
    }
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .contact-item .img-box {
        height: 3rem;
    }
    .contact-item .img-box img {
        width: 2rem;
    }
    .contact-item span {
        font-size: 0.9rem;
    }
    .contact-item small {
        font-size: 0.85rem;
    }
    .box-hot {
        grid-template-columns: 1fr;
    }
    .category-h1 {
        font-size: 24px;
    }
    .tx2.tx1 h1 {
        font-size: 1.3rem;
    }

    .foot{ padding: 20px 0 20px;}
    .foot .container { gap: 10px; }
    .foot p.gx{padding-top: 10px;display: grid; gap: 10px;  margin-bottom: 10px;}
}

/* 宽度 ≤ 320px */
@media (max-width: 320px) {
    .product-section .product-item {
        width: calc(100% - 16px);
    }
    .application-list li {
        width: calc(100% - 16px);
    }
    .proright ul {
        grid-template-columns: 1fr;
    }
}

/* PC端辅助（宽度 993px - 1079px） */
@media screen and (min-width: 993px) and (max-width: 1079px) {
    .header .nav .sub {
        display: none !important;
    }
    .header .nav {
        float: right;
        max-width: calc(100% - 180px);
        white-space: nowrap;
    }
    .header .nav .nLi {
        float: none;
        display: inline-block;
    }
    .header .nav .nLi h3 a {
        padding: 0 12px;
        font-size: 16px;
        line-height: 90px;
    }
    .sub-toggle{display:none;}
}

/* PC端最小宽度 ≥ 993px 时恢复部分布局 */
@media (min-width: 993px) {
    .sub-toggle {display: none; }
    .daoji {
        position: absolute;
        top: -47px;
        left: 0;
        right: 0;
        width: auto;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #0F3B6F;
        box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
        color: #fff;
        border-radius: 10px;
        padding: 10px 30px;
        z-index: 8;
        gap: 15px;
    }
    .daoji .hot {
        flex: 1;
        font-size: 16px;
        color: #fff;
        line-height: 1.4;
        word-break: break-word;
        white-space: normal;
    }
    .daoji .hot a {
        color: #fff;
        padding-right: 10px;
        transition: opacity 0.2s;
        display: inline-block;
        margin: 5px 0;
    }
    .daoji .hot a:hover {
        opacity: 0.8;
    }
    .daoji .ss {
        flex-shrink: 0;
        width: auto;
        min-width: 260px;
        max-width: 320px;
        width: 30%;
    }
    .prolist {
        display: block;
        overflow: hidden;
    }
    .pro-category {
        width: 23%;
        float: left;
        clear: left;
        margin-right: 2%;
    }
    .proleft {
        width: 23%;
        float: left;
        clear: left;
        margin-right: 2%;
    }
    .proright {
        width: 75%;
        float: right;
    }
    .pro-category > nav > ul {
        padding-bottom: 0;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        box-sizing: border-box;
        position: relative;
        background: #fff;
    }
    .pro-category > nav > ul h1 {
        width: 100%;
        background: #0F3B6F;
        height: 59px;
        line-height: 59px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        position: relative;
        margin: 0;
    }
    .pro-category > nav > ul h4 {
        display: block;
        line-height: 60px;
        border-bottom: solid 1px #f1f1f1;
    }
    .pro-category > nav > ul h4 a {
        display: block;
        padding: 0 10%;
        font-size: 16px;
        color: #333;
        text-decoration: none;
    }
    .pro-category > nav > ul h4 a:hover {
        color: #0F3B6F;
    }
    .pro-category > nav > ul h1::after {
        content: none;
    }
    .pro-category > nav > ul h4,
    .pro-category > nav > ul li {
        display: block !important;
    }
    .pro-category {
        border-bottom: none;
        padding-bottom: 0;
    }
    .pagebar {
        border-bottom: none;
    }
    .proleft .hot-products {
        border-top: none;
        padding-top: 0;
    }
}
/* 宽度 ≥ 1400px */
@media (min-width: 1400px) {
    .contaniner5 {
        max-width: 1300px;
    }
}