/* ===== 纯 CSS 汉堡菜单（复选框驱动，规避 JS/fullpage 事件拦截） ===== */


.nav-toggle-cb { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }


.header .header-right .nav-mask { display: none; }


#navToggle:checked ~ .nav-mask {


  display: block !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0;


  background: rgba(0,0,0,0.5) !important; z-index: 998 !important;


}


#navToggle:checked ~ .lan { display: block !important; padding: 15px 20px !important; }


#navToggle:checked ~ .lan ul { position: relative !important; display: block !important; }


/* 汉堡图标 ↔ 关闭(X) 切换（纯 CSS，规避 JS 事件） */


.header .header-right .menu .closed { display: none !important; }


#navToggle:checked ~ .menu .navPhoneBtn { display: none !important; }


#navToggle:checked ~ .menu .closed { display: inline-block !important; position: relative; width: 44px; height: 44px; vertical-align: middle; }


#navToggle:checked ~ .menu .closed span { display: block; position: absolute; top: 50%; left: 10px; width: 24px; height: 2px; background: #194297 !important; border-radius: 2px; transition: 0.3s; margin: 0 !important; }


#navToggle:checked ~ .menu .closed span:nth-child(1) { transform: rotate(45deg); }


#navToggle:checked ~ .menu .closed span:nth-child(2) { transform: rotate(-45deg); }


/* ======================================================





   mobile.css — 移动端响应式适配 (max-width: 768px)





   ====================================================== */











/* ---------- 基础重置 ---------- */





@media (max-width: 768px) {

  /* === V23-START === */
  /* ---- A. Section anti-collapse (from V22) ---- */
  #fullpage .fp-section,
  #fullpage > .section,
  #fullpage > section {
    display: block !important;
  }
  #fullpage .fp-scrollable {
    height: auto !important;
    overflow: visible !important;
  }
  /* All home content containers: absolute→relative */
  #fullpage .fp-section > div[class*="home"],
  #fullpage .section > div[class*="home"],
  #fullpage > section > div[class*="home"] {
    position: relative !important;
  }

  /* ---- B. Image & text quality (from V21-ALIGN) ---- */
  img.middleCenter { object-fit: contain !important; }
  .home-application .conTabs .p { height: auto !important; line-height: 1.4 !important; white-space: normal !important; overflow: visible !important; width: auto !important; }
  .home-application .conTabs .bt { white-space: normal !important; overflow: visible !important; }
  .home-honor .swiper-slide .title,
  .home-honor .swiper-slide-active .title { height: auto !important; line-height: 1.3 !important; white-space: normal !important; overflow: visible !important; }

  /* ---- C. Application cases: radial wheel → vertical list (from V21-ALIGN) ---- */
  #fullpage [data-anchor="section4"] { display: block !important; height: auto !important; min-height: 100vh; overflow: visible !important; }
  .home.home-yingyong { position: relative !important; height: auto !important; overflow: visible !important; width: 100% !important; }
  .single-item1 { display: none !important; }
  .home-yingyong .cbanner,
  .home-yingyong .core,
  .home-yingyong .wp,
  .home-yingyong .core_con { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; transform: none !important; }
  .core_list { position: static !important; display: block !important; width: 100% !important; height: auto !important; border: none !important; border-radius: 0 !important; margin: 0 auto !important; }
  .core_list svg { display: none !important; }
  .core_list li { position: static !important; display: block !important; width: 100% !important; height: auto !important; margin: 14px 0 !important; }
  .core_list li:before { display: none !important; }
  .core_list .text { position: static !important; display: flex !important; width: 100% !important; margin: 0 !important; align-items: center; gap: 12px; text-align: left !important; }
  .core_list .text .pic { width: 48px !important; margin: 0 !important; height: auto !important; overflow: visible !important; }
  .core_list .text span { font-size: 15px !important; color: #333 !important; }
  .core_con .single-item .box { padding-top: 20px !important; }
  .home-yingyong .core_con .single-item { display: none !important; }

  /* ---- D. Subtitle / button (from V22b) ---- */
  .sub-tit,
  .title-area .sub-tit,
  .info .sub-tit,
  .container .sub-tit,
  .swiper-slide .sub-tit { height: auto !important; max-height: none !important; overflow: visible !important; line-height: 1.5 !important; -webkit-line-clamp: unset !important; }
  .title-area { overflow: visible !important; height: auto !important; }
  .more { width: auto !important; min-width: 90px !important; padding: 10px 16px !important; font-size: 14px !important; text-align: center !important; display: inline-block !important; }
  .more a { white-space: nowrap !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }

  /* ---- E. [NEW] News center .pic clipping fix ---- */
  /* 44 .pic containers locked at 200px height, content 1483-1695px */
  .newslist .swiper-slide .pic,
  .newslist .box .pic,
  ul.newslist .pic { height: auto !important; max-height: none !important; overflow: visible !important; }
  /* Also ensure news list items stack properly on mobile */
  .newslist .swiper-slide .box,
  .newslist li .box { height: auto !important; overflow: visible !important; }
  /* News swiper: allow vertical flow on mobile */
  .newslist.swiper-wrapper { height: auto !important; flex-wrap: wrap !important; }
  .newslist .swiper-slide { width: 50% !important; height: auto !important; }

  /* ---- F. [NEW] Product center container unlock ---- */
  /* .home-application > .container was 33px (title only), hiding 251px conTabs */
  .home-application > .container { height: auto !important; overflow: visible !important; min-height: auto !important; }
  .home-application .tabs,
  .home-application .conTabs { height: auto !important; overflow: visible !important; min-height: 200px !important; }
  .home-application .tabs .swiper-container,
  .home-application .conTabs .swiper-container { height: auto !important; overflow: visible !important; }
  /* Ensure product tab items are visible */
  .home-application .conTabs .swiper-slide { height: auto !important; overflow: visible !important; }

  
  /* Hide swiper duplicate slides that blow up page to 16000px+ */
  .swiper-slide-duplicate { display: none !important; }
  /* Limit news section max height on mobile */
  #fullpage [data-anchor="section6"] { max-height: 3000px !important; overflow: hidden !important; }

  /* === V23-END === */



  /* === V22b-START === */
  /* Fix ALL sections: table→block prevents absolute-child collapse */
  #fullpage .fp-section,
  #fullpage > .section,
  #fullpage > section {
    display: block !important;
  }
  /* All home content containers: absolute→relative so they participate in flow */
  #fullpage .fp-section > div[class*="home"],
  #fullpage .section > div[class*="home"],
  #fullpage > section > div[class*="home"] {
    position: relative !important;
  }
  /* Subtitle clipping fix — strong selector chain */
  .sub-tit,
  .title-area .sub-tit,
  .info .sub-tit,
  .container .sub-tit,
  .swiper-slide .sub-tit {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    display: box !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: vertical !important;
  }
  /* Parent container must not clip subtitle */
  .title-area {
    overflow: visible !important;
    height: auto !important;
  }
  /* View More / Learn More button — give it enough room */
  .more {
    width: auto !important;
    min-width: 90px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    text-align: center !important;
    display: inline-block !important;
  }
  .more a {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  /* === V22b-END === */



  /* === V22b-START === */
  /* Fix ALL sections: table→block prevents absolute-child collapse */
  #fullpage .fp-section,
  #fullpage > .section,
  #fullpage > section {
    display: block !important;
  }
  /* All home content containers: absolute→relative so they participate in flow */
  #fullpage .fp-section > div[class*="home"],
  #fullpage .section > div[class*="home"],
  #fullpage > section > div[class*="home"] {
    position: relative !important;
  }
  /* Subtitle clipping fix — strong selector chain */
  .sub-tit,
  .title-area .sub-tit,
  .info .sub-tit,
  .container .sub-tit,
  .swiper-slide .sub-tit {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    display: box !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: vertical !important;
  }
  /* Parent container must not clip subtitle */
  .title-area {
    overflow: visible !important;
    height: auto !important;
  }
  /* View More / Learn More button — give it enough room */
  .more {
    width: auto !important;
    min-width: 90px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    text-align: center !important;
    display: inline-block !important;
  }
  .more a {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  /* === V22b-END === */







    /* 注意：不覆盖 html font-size——JS 动态缩放系统继续按比例工作。





       所有移动端样式统一使用 px 单位来保证可读尺寸。 */





}











/* ---------- 容器 & 页面基础 ---------- */





@media (max-width: 768px) {





    /* 解除桌面端最小宽度限制 */





    body {





        min-width: auto !important;





        max-width: 100% !important;





        overflow-x: hidden !important;





    }











    .container,





    .container02 {





        width: 100% !important;





        max-width: 100% !important;





        padding: 0 15px !important;





        box-sizing: border-box !important;





    }











    /* 清除桌面浮动 */





    .fl {





        float: none !important;





    }





}











/* ======================================================





   头部 & 导航 (移动端汉堡菜单)





   ====================================================== */





@media (max-width: 768px) {





    .header {





        height: 60px !important;





        position: fixed !important;





        background: #fff !important;





        box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;





        z-index: 1000 !important;





    }





    .header .logo {





        padding-top: 10px !important;





        float: left !important;





    }





    .header .logo a img {





        height: 40px !important;





        max-width: 160px !important;





    }











    /* 显示汉堡菜单按钮 */





    .header .header-right .menu {





        display: block !important;





        float: right !important;





        margin-right: 10px !important;





        line-height: 60px !important;





        position: relative !important;





        z-index: 1001 !important;





    }





    .header .header-right .menu .navPhoneBtn {





        display: inline-block !important;





        padding: 20px 10px !important;





        cursor: pointer;





    }





    .header .header-right .menu .navPhoneBtn span {





        display: block !important;





        width: 24px !important;





        height: 2px !important;





        background: #194297 !important;





        margin: 5px 0 !important;





        border-radius: 2px;





        transition: 0.3s;





    }











    /* 隐藏桌面导航项（移动端用覆盖层取代） */





    .header .header-right .nav {





        display: none !important;





    }











    /* 移动端导航覆盖层（点击汉堡按钮后显示） */





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav {





        display: block !important;





        position: fixed !important;





        top: 60px !important;





        left: 0 !important;





        right: 0 !important;





        bottom: 0 !important;





        background: rgba(255,255,255,0.98) !important;





        z-index: 999 !important;





        overflow-y: auto !important;





        padding: 20px 0 !important;





        float: none !important;





        margin: 0 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav ul {





        display: block !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav ul li {





        display: block !important;





        float: none !important;





        margin: 0 !important;





        border-bottom: 1px solid #e8e8e8 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav ul li a {





        display: block !important;





        line-height: 48px !important;





        font-size: 16px !important;





        color: #333 !important;





        padding: 0 20px !important;





        text-align: left !important;





        font-weight: normal !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav ul li a:after {





        display: none !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav ul li.active a {





        color: #155599 !important;





        font-weight: bold !important;





    }











    /* 子导航 - 移动端展示为下拉展开 */





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav {





        position: relative !important;





        display: block !important;





        top: auto !important;





        left: auto !important;





        width: 100% !important;





        background: #f5f5f5 !important;





        box-shadow: none !important;





        padding: 10px 0 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .container {





        width: 100% !important;





        padding: 0 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .text {





        width: 100% !important;





        padding: 0 20px !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .text .bt a {





        font-size: 15px !important;





        line-height: 40px !important;





        color: #155599 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .text .jsh p {





        font-size: 13px !important;





        line-height: 1.6 !important;





        color: #666 !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .text .list a {





        display: inline-block !important;





        line-height: 36px !important;





        font-size: 14px !important;





        color: #555 !important;





        padding: 0 12px !important;





        margin: 3px 5px 3px 0 !important;





        background: #e8eef5 !important;





        border-radius: 4px !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .pic,





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .download {





        display: none !important;





    }











    /* 语言切换器 - 移动端移动到导航内 */





    .header .header-right .lan {





        float: none !important;





        clear: both !important;





        display: none !important;





    }





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan {





        display: block !important;





        padding: 15px 20px !important;





    }





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul {





        position: relative !important;





        display: block !important;





        top: auto !important;





        left: auto !important;





        width: auto !important;





        margin: 0 !important;





        background: transparent !important;





        box-shadow: none !important;





    }





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li {





        display: inline-block !important;





        margin-right: 10px !important;





    }





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li a {





        font-size: 13px !important;





        color: #555 !important;





        padding: 4px 10px !important;





        border: 1px solid #ccc !important;





        border-radius: 4px !important;





    }











    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li.active a {





        color: #fff !important;





        background: #155599 !important;





        border-color: #155599 !important;





    }











    /* 搜索 - 移动端重新定位 */





    .header .header-right .header-search {





        float: right !important;





        margin-right: 5px !important;





    }





    .header .header-right .header-search .search {





        position: fixed !important;





        top: 60px !important;





        left: 0 !important;





        right: 0 !important;





    }





    .header .header-right .header-search .search .search-main {





        width: 100% !important;





        border-radius: 0 !important;





    }





    .header .header-right .header-search .search .search-main input.form-control {





        height: 44px !important;





        font-size: 14px !important;





    }





}











/* ======================================================





   Banner 区域





   ====================================================== */





@media (max-width: 768px) {





    .inbanner {





        min-height: auto !important;





        margin-top: 60px !important;





    }





    .inbanner img {





        min-height: 180px !important;





        object-fit: cover !important;





    }





    .inbanner .banner-hover {





        position: absolute !important;





        top: 50% !important;





        left: 50% !important;





        transform: translate(-50%, -50%) !important;





        width: 90% !important;





    }





    .inbanner .banner-hover h1 {





        font-size: clamp(22px, 5vw, 32px) !important;





        line-height: 1.3 !important;





    }





    .inbanner .banner-hover p {





        font-size: clamp(13px, 3vw, 16px) !important;





    }





    .inbanner .banner-hover .bt {





        font-size: clamp(22px, 5vw, 32px) !important;





        line-height: 1.3 !important;





    }





    .inbanner .banner-hover1 {





        width: 90% !important;





    }





    .inbanner .banner-hover1 h1 {





        font-size: clamp(18px, 4.5vw, 28px) !important;





    }











    /* 首页全屏横幅 */





    .cbanner {





        margin-top: 60px !important;





    }





    .cbanner .swiper-slide .text {





        width: 90% !important;





        padding: 20px !important;





    }





    .cbanner .swiper-slide .text .bt {





        font-size: clamp(20px, 5vw, 32px) !important;





    }





    .cbanner .swiper-slide .text .desc {





        font-size: clamp(13px, 3vw, 15px) !important;





    }





}











/* ======================================================





   产品列表





   ====================================================== */





@media (max-width: 768px) {





    .product-list {





        padding: 40px 0 !important;





    }





    .product-list ul {





        margin: 0 -8px !important;





    }





    .product-list li {





        width: 50% !important;





        padding: 0 8px !important;





        margin-bottom: 16px !important;





    }





    .product-list li .pl-info {





        padding: 10px 10px 15px !important;





    }





    .product-list li .pl-info .tit {





        font-size: 14px !important;





        line-height: 1.3 !important;





        white-space: normal !important;





    }





    .product-list li .pl-info .info {





        font-size: 12px !important;





        line-height: 1.4 !important;





        -webkit-line-clamp: 2 !important;





    }





    .product-list li .pl-img img {





        width: 100% !important;





        height: auto !important;





    }











    .product-bottom .item .item-bottom .list ul li {





        width: 50% !important;





        padding: 5px !important;





    }











    .product-bottom .item .item-bottom {





        padding: 20px 0 !important;





    }





}











/* ======================================================





   新闻列表





   ====================================================== */





@media (max-width: 768px) {





    .newslist li,





    .newslist1 li {





        width: 100% !important;





        float: none !important;





        padding: 0 0 20px 0 !important;





    }





    .newslist li .text {





        padding: 10px 0 !important;





    }





    .newslist li .text .bt {





        font-size: 15px !important;





        line-height: 1.4 !important;





    }





    .newslist li .text .date {





        font-size: 12px !important;





    }





    .newslist li .pic {





        width: 100% !important;





        padding: 0 !important;





    }





    .newslist li .pic img {





        width: 100% !important;





        height: auto !important;





    }











    /* 首页新闻模块 */





    .home-news .home-top {





        padding: 0 15px !important;





    }





    .home-news .home-top .nlist ul li {





        font-size: 13px !important;





        padding: 0 8px !important;





    }





    .home-news .home-bottom .show .info1 {





        padding: 15px !important;





    }





    .home-news .home-bottom .show .info1 .bt {





        font-size: 16px !important;





    }





    .home-news .home-bottom .show .info1 .text {





        font-size: 13px !important;





        line-height: 1.6 !important;





    }











    /* 搜索页(新闻列表) */





    .search .newslist1 li .pic {





        width: 30% !important;





    }





    .search .newslist1 li .text {





        width: 65% !important;





    }





}











/* ======================================================





   页面内容





   ====================================================== */





@media (max-width: 768px) {





    /* 编辑区内容 */





    .inmain {





        padding: 30px 0 !important;





    }





    .content {





        padding: 30px 0 !important;





    }





    .content p,





    .content div,





    .content span {





        font-size: clamp(14px, 3.5vw, 16px) !important;





        line-height: 1.8 !important;





    }





    .content img {





        max-width: 100% !important;





        height: auto !important;





    }





    .content table {





        width: 100% !important;





        overflow-x: auto !important;





        display: block !important;





    }











    /* about 页面 */





    .about .box {





        padding: 20px 0 !important;





    }





    .about .box .text {





        width: 100% !important;





        padding: 0 15px !important;





    }





    .about .box .text .bt {





        font-size: 20px !important;





    }





    .about .box .text .info {





        font-size: 14px !important;





        line-height: 1.8 !important;





    }





    .about .box .pic {





        width: 100% !important;





        padding: 0 15px !important;





        margin-bottom: 15px !important;





    }





}











/* ======================================================





   联系页面 / 表单





   ====================================================== */





@media (max-width: 768px) {





    .contact .box .left,





    .contact .box .right {





        width: 100% !important;





        float: none !important;





        padding: 0 15px !important;





    }





    .contact .box .left {





        margin-bottom: 30px !important;





    }





    .contact .box .left .cont .list {





        font-size: 14px !important;





        line-height: 1.8 !important;





    }





    .contact .form-info input,





    .contact .form-info textarea,





    .contact .form-info select {





        width: 100% !important;





        font-size: 14px !important;





        box-sizing: border-box !important;





    }





    .contact .form-info .group {





        width: 100% !important;





        float: none !important;





        padding: 0 !important;





    }





    .contact .submit-btn input {





        width: 100% !important;





        height: 44px !important;





        font-size: 16px !important;





    }











    /* 供应商表单 */





    .supplier-form input,





    .supplier-form textarea,





    .supplier-form select {





        width: 100% !important;





        font-size: 14px !important;





        box-sizing: border-box !important;





    }





    .supplier-form .group2 {





        width: 100% !important;





        float: none !important;





    }





}











/* ======================================================





   底部





   ====================================================== */





@media (max-width: 768px) {





    .footer {





        padding: 0 15px !important;





    }





    .footer-list1 .footer-top {





        padding: 30px 0 15px !important;





        text-align: center !important;





    }





    .footer-list1 .footer-top .h3 {





        float: none !important;





        width: 100% !important;





        margin-bottom: 10px !important;





    }





    .footer-list1 .footer-top .h3 img {





        width: 120px !important;





        height: auto !important;





    }





    .footer-list1 .footer-top .input {





        float: none !important;





        width: 100% !important;





        font-size: 13px !important;





    }











    .footer-center {





        padding: 20px 0 30px !important;





    }





    .footer-center .footer-left {





        float: none !important;





        width: 100% !important;





        margin-bottom: 20px !important;





    }





    .footer-center .footer-left .flist {





        font-size: 13px !important;





        line-height: 1.8 !important;





    }





    .footer-center .footer-list {





        float: none !important;





        width: 100% !important;





    }





    .footer-center .footer-list ul li {





        width: 50% !important;





        float: left !important;





        margin-bottom: 15px !important;





    }





    .footer-center .footer-list ul li a {





        font-size: 14px !important;





        line-height: 1.8 !important;





    }





    .footer-center .footer-list ul li ul li {





        width: 100% !important;





        float: none !important;





    }





    .footer-center .footer-list ul li ul li a {





        font-size: 13px !important;





        line-height: 1.6 !important;





    }





    .footer-center .footer-list .list {





        clear: both !important;





        text-align: center !important;





        padding-top: 15px !important;





    }





    .footer-center .footer-list .list img {





        max-width: 100px !important;





        height: auto !important;





    }











    .footer-bottom {





        padding: 15px 0 !important;





        text-align: center !important;





    }





    .footer-bottom .top-btn {





        float: none !important;





        margin-top: 10px !important;





    }





    .footer-bottom .b {





        font-size: 12px !important;





        line-height: 1.6 !important;





    }





}











/* ======================================================





   站点地图





   ====================================================== */





@media (max-width: 768px) {





    .sitemap ul li {





        padding-bottom: 15px !important;





        margin-bottom: 15px !important;





    }





    .sitemap ul li .top {





        font-size: 16px !important;





    }





    .sitemap ul li .bot a {





        float: none !important;





        display: inline-block !important;





        font-size: 14px !important;





        margin: 3px 10px 3px 0 !important;





    }





}











/* ======================================================





   通用组件





   ====================================================== */





@media (max-width: 768px) {





    /* 标题区域 */





    .in-bt {





        font-size: clamp(20px, 4.5vw, 28px) !important;





        padding: 15px 0 !important;





    }





    .in-bt span {





        font-size: clamp(20px, 4.5vw, 28px) !important;





    }





    .tit-style {





        font-size: clamp(24px, 5vw, 32px) !important;





    }





    .desc1 {





        font-size: clamp(13px, 3vw, 15px) !important;





    }











    /* 分页 */





    .page {





        padding: 20px 0 !important;





    }





    .page a,





    .page span {





        font-size: 13px !important;





        padding: 6px 12px !important;





        margin: 0 2px !important;





    }











    /* 面包屑 */





    .bread {





        font-size: 13px !important;





        padding: 10px 15px !important;





    }





    .bread a {





        font-size: 13px !important;





    }











    /* Swiper 首页 Banner */





    .home-banner .swiper-slide {





        height: 50vw !important;





        min-height: 280px !important;





    }





    .home-banner .swiper-slide .info {





        width: 90% !important;





        left: 5% !important;





    }





    .home-banner .swiper-slide .info .bt {





        font-size: clamp(20px, 5vw, 30px) !important;





    }





    .home-banner .swiper-slide .info .text {





        font-size: clamp(13px, 3vw, 15px) !important;





    }











    /* 合作伙伴 */





    .partnerlist li, .partner-list li {





        width: 50% !important;





        padding: 10px !important;





    }











    /* 首页各模块间距 */





    .home-product {





        padding: 40px 0 !important;





    }





    .home-about {





        padding: 40px 0 !important;





    }





    .home-partner {





        padding: 40px 0 !important;





    }





    .home-news {





        padding: 40px 0 !important;





    }











    /* 复选框和隐私按钮 */





    .privacy-check label {





        font-size: 12px !important;





    }





    .transparent {





        z-index: 998 !important;





    }





}











/* ======================================================





   iPhone 小屏适配 (max-width: 375px)





   ====================================================== */





@media (max-width: 375px) {





    .product-list li {





        width: 100% !important;





    }





    .footer-center .footer-list ul li {





        width: 100% !important;





    }





    .partnerlist li, .partner-list li {





        width: 100% !important;





    }





}











/* ======================================================





   平板适配 (768px - 1024px)





   ====================================================== */





@media (min-width: 769px) and (max-width: 1023px) {





    body {





        min-width: auto !important;





        overflow-x: hidden !important;





    }





    .container,





    .container02 {





        width: 100% !important;





        padding: 0 20px !important;





        box-sizing: border-box !important;





    }





    .product-list li {





        width: 33.33% !important;





    }





    .footer-center .footer-left {





        width: 35% !important;





    }





    .footer-center .footer-list {





        width: 60% !important;





    }





}

















/* ===== P2-5.2/5.3 移动端触控目标 ≥44px + 输入框字号≥16px(防 iOS 缩放) ===== */





@media (max-width:768px){





  .header .header-right .lan ul li a,





  .nav .nav-item > a,





  a.btn, button, input[type=button], input[type=submit],





  .header-search .btn{





    min-height:44px;





    display:inline-flex;





    align-items:center;





    justify-content:center;





  }





  input, select, textarea, input[type=text], input[type=email], input[type=tel]{





    font-size:16px !important;





  }





}











/* ======================================================





   响应式全局保障 (防横向滚动 / 响应式图片 / 桌面悬停 / 移动端语言栏)





   —— 本段在 mobile.css 末尾追加，最后加载，可覆盖 style.css 默认值





   ====================================================== */











/* 1) 响应式图片与媒体：所有图片随容器缩放，杜绝溢出 */





img, video, iframe, canvas, svg {





    max-width: 100% !important;





    height: auto !important;





}











/* 2) 全局兜底：禁止页面级横向滚动 */





html, body {





    overflow-x: hidden !important;





}





.container, .container02 {





    max-width: 100% !important;





}











/* 3) 小桌面/平板区间解除 body 最小宽度限制，消除 1024–1260px 横向滚动 */





@media (max-width: 1260px) {





    body {





        min-width: auto !important;





        max-width: 100% !important;





    }





}











/* 4) 平板 (769px–1023px)：在等比缩放基础上进一步缩减列数、调整间距 */





@media (min-width: 769px) and (max-width: 1023px) {





    html, body { overflow-x: hidden !important; }





    body { min-width: auto !important; max-width: 100% !important; }





    .container, .container02 {





        width: 100% !important;





        max-width: 100% !important;





        padding: 0 20px !important;





        box-sizing: border-box !important;





    }





    /* 多列网格减列 */





    .product-list ul li { width: 33.333% !important; }





    .partnerlist li,





    .partner-list li { width: 33.333% !important; }





    .newslist li,





    .news .newslist li { width: 48% !important; margin-right: 2% !important; }





    .newslist li:nth-child(even),





    .news .newslist li:nth-child(even) { margin-right: 0 !important; }





    /* 适度收紧大留白 */





    .product-list { padding: 90rem 0 !important; }





    .home-about01 { padding-top: 60rem !important; }





}











/* 5) 桌面端 (>=1024px)：保留完整多列布局与悬停交互 */





@media (min-width: 1024px) {





    .nav li:hover .subnav { display: block !important; }





    .product-list ul li a { transition: transform .3s ease; }





    .product-list ul li:hover .pic img { transform: scale(1.06); }





    .partnerlist li:hover .pic {





        box-shadow: 0 4px 7px 0 rgba(89,147,226,.28);





        border: 1px solid #fff;





    }





    .partnerlist li:hover .bt { font-weight: bold; color: #155599; }





    .nav li:hover > a { color: #155599 !important; }





    a.btn:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {





        opacity: .9;





    }





}











/* 6) 移动端语言切换器：随汉堡菜单在覆盖层底部以药丸行展示 (修复语言不可见) */





@media (max-width: 768px) {





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan {





        position: fixed !important;





        left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important;





        z-index: 1001 !important;





        background: #fafafa !important;





        border-top: 1px solid #e8e8e8 !important;





        padding: 12px 15px !important;





        max-height: 42% !important;





        overflow-y: auto !important;





    }





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav {





        padding-bottom: 92px !important;





    }





    /* 移动端触摸目标统一 >=44px（保持原 display，仅补足高度） */





    .nav.mobile-active ul li a, #navToggle:checked ~ .nav ul li a {





        min-height: 44px !important;





    }





    /* 行内药丸/链接类触摸目标：inline-flex 居中 + 最小高度 44px */





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li a,





    .header .header-right .nav.mobile-active, #navToggle:checked ~ .nav .subnav .text .list a,





    .page a, .page span,





    .bread a,





    .footer-center .footer-list ul li a {





        min-height: 44px !important;





        display: inline-flex !important;





        align-items: center !important;





        justify-content: center !important;





    }





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li a {





        font-size: 13px !important;





        padding: 8px 12px !important;





        border: 1px solid #ccc !important;





        border-radius: 4px !important;





    }





}











/* ======================================================





   移动端健壮性增强 (2026-07-20 排查追加)





   —— 修复以下代码确认/实测问题：





   1) 右浮动 .fr / float:right 在窄屏未清除 => 布局错位





   2) 根字号无下限(deviceWidth/1920)导致极小屏未被 px 覆盖的文字偏小 => body 基础字号兜底





   3) iOS 点击 300ms 延迟 & 触屏点按后 :hover 状态“卡住” => touch-action + hover 媒体查询





   4) 触摸目标补全(搜索结果/面包屑/页脚/标签) => >=44px





   5) 搜索结果在 <=480px 堆叠，避免 30%/65% 在小屏拥挤





   6) 百度地图 div 容器高度(原 .contact-map iframe 高度规则对其失效，地图曾塌陷为 0)





   ====================================================== */





@media (max-width: 768px) {





    /* 1) 清除浮动，避免右浮动元素在窄屏错位 */





    .fl, .fr { float: none !important; }











    /* 2) 文本可读性兜底：body 设舒适基础字号，未被 px 覆盖的文字不会过小(仅底线，不覆盖已有规则) */





    body { font-size: 14px; line-height: 1.7; }





    .content p, .content div, .content span { font-size: 14px !important; }











    /* 3) 消除 iOS 点击延迟 + 去除点击灰色高亮 */





    a, button, .btn, input, select, textarea, label,





    .nav-item > a, .nav.mobile-active ul li a, #navToggle:checked ~ .nav ul li a,





    .header .header-right .lan.mobile-show, #navToggle:checked ~ .lan ul li a {





        touch-action: manipulation;





        -webkit-tap-highlight-color: transparent;





    }





    /* 触屏设备(hover:none)禁用会“卡住”的 hover 视觉反馈 */





    @media (hover: none) {





        .product-list ul li:hover .pic img { transform: none !important; }





        .partnerlist li:hover .pic { box-shadow: none !important; border-color: transparent !important; }





        .partnerlist li:hover .bt { font-weight: normal; color: inherit; }





        .nav li:hover > a { color: inherit !important; }





        a.btn:hover, button:hover, input[type=button]:hover, input[type=submit]:hover { opacity: 1 !important; }





    }











    /* 4) 触摸目标补全（>=44px） */





    .search .newslist1 li a,





    .current a, .bread a, .footer-bottom a, label,





    .about .box .text .info a {





        min-height: 44px;





        display: inline-flex;





        align-items: center;





    }











    /* 5) 搜索结果小屏堆叠 */





    .search .newslist1 li .pic { width: 100% !important; margin-bottom: 10px !important; }





    .search .newslist1 li .text { width: 100% !important; }





}











/* 6) 百度地图容器高度：全局生效(桌面+移动)。





      原 .contact-map iframe{height:...} 仅作用于 iframe；现地图为 <div id="baiduMapEn/Cn">，





      其内联 height:100% 需父级有确定高度，否则塌陷为 0 => 地图不可见。 */





.contact-map { height: 400px; }





#baiduMapEn, #baiduMapCn { height: 100% !important; }





@media (max-width: 768px) {





    .contact-map { height: 300px !important; }





}





@media (max-width: 480px) {





    .contact-map { height: 260px !important; }





}











/* ============================================================





   P3: 首页主轮播(swiper-renewal-full)移动端优化





   根因：模板内联 height:100vh + fullpage.js 强制 section=100vh





   导致手机端轮播占满整屏，用户需大量滚动才能看到内容。





   ============================================================ */





@media (max-width: 768px) {











  /* ---- 3.1 打断 fullpage.js 的 100vh 链（仅限首屏轮播区） ---- */





  /* fullpage.js 将每个 .section 包裹为 .fp-section>.fp-slide>.fp-tableCell，





     全链 height:100% 继承自 .fp-section{height:100vh}。





     用 :first-child 精准命中首屏，不影响后续 section。 */





  #fullpage > .fp-section:first-child,





  #fullpage > .fp-section:first-child .fp-slide,





  #fullpage > .fp-section:first-child .fp-tableCell {





    height: auto !important;





    min-height: auto !important;





  }











  /* ---- 3.2 主轮播容器与幻灯片高度 ---- */





  .swiper-renewal-main {





    max-height: none !important;





  }











  .swiper-renewal-main .swiper-slide {





    height: 52vw !important;





    max-height: 420px !important;





    min-height: 220px !important;





  }











  /* 视频同步限高 */





  .swiper-renewal-main .swiper-slide video,





  .swiper-renewal-main video {





    max-height: 420px !important;





    height: auto !important;





    object-fit: cover !important;





  }











  /* ---- 3.3 标题文字响应式缩放 ---- */





  .swiper-renewal-main .title-area .info {





    padding: 0 20px !important;





  }











  .swiper-renewal-main .title-area .main-tit {





    font-size: clamp(22px, 6vw, 38px) !important;





    margin-bottom: 12px !important;





    text-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;





  }











  .swiper-renewal-main .title-area p.sub-tit {





    font-size: clamp(13px, 3.5vw, 16px) !important;





    line-height: 1.5 !important;





    margin-bottom: 28px !important;





  }











  /* ---- 3.4 分页指示器：底部紧凑横排小标签 ---- */





  .swiper-pagination2 {





    bottom: 8px !important;





    max-width: 100% !important;





  }











  .swiper-pagination2 ul {





    justify-content: center !important;





    flex-wrap: nowrap !important;





    padding: 0 10px !important;





  }











  .swiper-pagination2 ul li {





    width: auto !important;





    border: none !important;





    border-bottom: 2px solid rgba(255,255,255,0.5) !important;





    padding: 5px 10px !important;





    font-size: 11px !important;





    margin: 0 3px !important;





  }











  .swiper-pagination2 ul li.active {





    border-color: #db1a21 !important;





  }











  /* PC端显示完整标题、移动端只显示编号(01/02/03) */





  .swiper-pagination2 ul li span.pc-show {





    display: none !important;





  }











  .swiper-pagination2 ul li span.m-show {





    display: inline !important;





  }











  /* 播放/暂停按钮缩小 */





  .swiper-pagination2 a.slide_btn {





    width: 24px !important;





    height: 24px !important;





    background-size: contain !important;





    bottom: 6px !important;





  }











  /* ---- 3.5 左右切换箭头缩小 ---- */





  .swiper-renewal-main .swiper-button-prev,





  .swiper-renewal-main .swiper-button-next {





    width: 32px !important;





    height: 32px !important;





    margin-top: -16px !important;





    border-width: 1.5px !important;





    background-size: 16px !important;





  }











  .swiper-renewal-main .swiper-button-prev {





    left: 8px !important;





  }











  .swiper-renewal-main .swiper-button-next {





    right: 8px !important;





    left: auto !important;





  }





}











/* 平板端折中 */





@media (min-width: 769px) and (max-width: 1023px) {





  .swiper-renewal-main .swiper-slide {





    height: 45vw !important;





    max-height: 520px !important;





  }











  .swiper-renewal-main .title-area .main-tit {





    font-size: clamp(28px, 2.5vw, 44px) !important;





  }











  .swiper-renewal-main .title-area p.sub-tit {





    font-size: clamp(15px, 1.4vw, 18px) !important;





  }





}











/* ============================================================





   P4: 截图问题综合修复（用户 6 张手机端截图反馈）





   ============================================================ */





@media (max-width: 768px) {











  /* ---- 4.1 轮播标题防截断（截图#1：标题右侧被切） ---- */





  .swiper-renewal-main .title-area {





    width: 100% !important;





    padding: 0 15px !important;





    box-sizing: border-box !important;





    overflow: hidden !important;





  }





  .swiper-renewal-main .title-area .main-tit {





    font-size: clamp(18px, 5.5vw, 32px) !important;





    margin-bottom: 8px !important;





    line-height: 1.25 !important;





    word-wrap: break-word !important;





    overflow-wrap: break-word !important;





  }





  .swiper-renewal-main .title-area p.sub-tit {





    font-size: clamp(12px, 3vw, 14px) !important;





    line-height: 1.4 !important;





    margin-bottom: 20px !important;





    display: -webkit-box !important;





    -webkit-line-clamp: 2 !important;





    -webkit-box-orient: vertical !important;





    overflow: hidden !important;





  }











  /* ---- 4.2 应用领域（截图#2：圆形图标布局在手机端压成团）---- */





  /* 隐藏装饰圆环 SVG（r=256px 在手机上巨大且无用） */





  .home-yingyong .core_con svg,





  .home-yingyong .core_list > svg {





    display: none !important;





  }





  /* 图标列表改为流式网格 */





  .home-yingyong .core_list ul {





    display: flex !important;





    flex-wrap: wrap !important;





    justify-content: center !important;





    gap: 10px !important;





    padding: 10px !important;





  }





  .home-yingyong .core_list ul li {





    position: static !important;  /* 取消 absolute 圆形定位 */





    width: calc(33.33% - 8px) !important;





    max-width: 100px !important;





    text-align: center !important;





    margin-bottom: 8px !important;





  }





  .home-yingyong .core_list ul li .text {





    display: flex !important;





    flex-direction: column !important;





    align-items: center !important;





  }





  .home-yingyong .core_list ul li .text .pic img {





    max-width: 44px !important;





    max-height: 44px !important;





  }





  .home-yingyong .core_list ul li .text span {





    font-size: 11px !important;





    line-height: 1.3 !important;





    margin-top: 4px !important;





    display: block !important;





  }





  /* 当前选中项文字+按钮区域 */





  .home-yingyong .ntb .ntd .single-item {





    padding: 0 15px !important;





  }





  .home-yingyong .ntb .ntd .single-item .box .bt {





    font-size: clamp(18px, 5vw, 26px) !important;





  }





  .home-yingyong .ntb .ntd .single-item .box .p {





    font-size: clamp(12px, 3vw, 14px) !important;





    line-height: 1.4 !important;





    margin-bottom: 16px !important;





  }











  /* ---- 4.3 合作伙伴（截图#3：大面积空白背景） ---- */





  .home-partner .bg {





    background: #f8f9fa !important;  /* 替换大背景图为纯色 */





    min-height: auto !important;





    padding: 30px 0 !important;





  }





  .home-partner .brand-bottom .list {





    padding: 10px 0 !important;





  }





  .home-partner .brand-bottom .list ul {





    display: flex !important;





    flex-wrap: wrap !important;





    justify-content: center !important;





    gap: 12px !important;





    padding: 0 10px !important;





  }





  .home-partner .brand-bottom .list ul li {





    width: calc(25% - 10px) !important;





    max-width: 120px !important;





    padding: 8px !important;





    box-sizing: border-box !important;





    background: #fff !important;





    border-radius: 6px !important;





    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;





  }





  .home-partner .brand-bottom .list ul li .pic img {





    max-height: 40px !important;





    width: auto !important;





  }











  /* ---- 4.4 关于我们（截图#5：数据统计区微调） ---- */





  .about01 .box .left {





    width: 100% !important;





    padding: 0 15px !important;





    box-sizing: border-box !important;





  }





  .about01 .box .right {





    width: 100% !important;





    padding: 0 15px !important;





    box-sizing: border-box !important;





  }





  /* 数据数字放大 */





  .about01 .box .right dl dd {





    font-size: clamp(22px, 6vw, 32px) !important;





  }





  /* 视频区域 */





  .about01 .box .right .pic video,





  .about01 .box .right .pic img {





    max-height: 220px !important;





    width: 100% !important;





    object-fit: cover !important;





  }











  /* ---- 4.5 新闻中心（截图#6：基本OK，微调间距） ---- */





  .home-news .home-bottom .show .info1 .newslist li .box {





    flex-direction: column !important;





  }





  .home-news .home-bottom .show .info1 .newslist li .box .pic {





    width: 100% !important;





    max-height: 200px !important;





  }





  .home-news .home-bottom .show .info1 .newslist li .box .text {





    width: 100% !important;





    padding: 10px !important;





  }





}











/* 平板端补充 */





@media (min-width: 769px) and (max-width: 1023px) {





  .home-partner .bg {





    background-size: cover !important;





    background-position: center top !important;





  }





  .home-yingyong .core_con svg {





    transform: scale(0.65) !important;





    transform-origin: center center !important;





  }





}





/* ============================================================


   2026-07-20 首页移动端全面适配（针对实际 served 类名）


   原 mobile.css 的规则多指向旧类名（home-banner / home-about /


   home-product / partnerlist），对当前首页无效，故在此补齐。


   ============================================================ */


@media (max-width: 768px) {





  /* 解除 fullpage 的 100vh 锁定与溢出裁剪，内容自然流式排布 */


  .section,


  .fp-section,


  .fp-tableCell {


    height: auto !important;


    min-height: 0 !important;


    overflow: visible !important;


  }


  #fp-nav, .fp-slidesNav, .fp-watermark { display: none !important; }





  /* 全局图片自适应 + 防横向滚动 */


  body { overflow-x: hidden !important; }


  img { max-width: 100% !important; height: auto !important; }





  /* ---------- 首屏轮播 ---------- */


  .swiper-renewal-main .swiper-slide {


    height: 75vh !important;


    min-height: 0 !important;


  }


  .swiper-renewal-main .swiper-slide video {


    height: 100% !important;


    max-height: 75vh !important;


  }


  .swiper-renewal-main .title-area {


    top: 50% !important;


    transform: translateY(-50%) !important;


    width: 100% !important;


  }


  .swiper-renewal-main .title-area .info {


    width: 90% !important;


    max-width: 90% !important;


    margin: 0 auto !important;


    padding: 0 !important;


  }


  .swiper-renewal-main .title-area .main-tit {


    font-size: clamp(20px, 6vw, 30px) !important;


    margin-bottom: 12px !important;


    line-height: 1.3 !important;


  }


  .swiper-renewal-main .title-area p.sub-tit {


    font-size: clamp(13px, 3.6vw, 16px) !important;


    line-height: 1.6 !important;


    margin-bottom: 18px !important;


  }


  .swiper-renewal-main .title-area .more a {


    display: inline-flex !important;


    align-items: center;


    min-height: 44px !important;


    padding: 0 20px !important;


    font-size: 14px !important;


  }





  /* ---------- 关于我们 ---------- */


  .home-about01 { padding: 30px 0 !important; }


  .home-about01 .about-nr { display: block !important; }


  .home-about01 .about-nr .left,


  .home-about01 .about-nr .right { float: none !important; width: 100% !important; }


  .home-about01 .about-nr .left .home-title { margin-bottom: 12px !important; }


  .home-about01 .about-nr .p {


    font-size: 14px !important;


    line-height: 1.8 !important;


    margin: 0 0 16px !important;


  }


  .home-about01 .youshi ul { display: flex !important; flex-wrap: wrap !important; margin: 0 !important; }


  .home-about01 .youshi ul li {


    width: 50% !important;


    float: none !important;


    padding: 10px 6px !important;


    border-right: none !important;


    box-sizing: border-box !important;


    text-align: center !important;


  }


  .home-about01 .youshi ul li .num .counter,


  .home-about01 .youshi ul li .num em,


  .home-about01 .youshi ul li .num b {


    font-size: 26px !important;


    line-height: 1.1 !important;


  }


  .home-about01 .youshi ul li .jsh { font-size: 13px !important; }


  .home-about01 .video { margin-top: 14px !important; }


  .home-about01 .video .img { float: none !important; width: 100% !important; }


  .home-about01 .video .img img { width: 100% !important; }





  /* ---------- 产品中心 ---------- */


  .home-application { padding: 30px 0 !important; }


  .home-application .tabs .menuTabs ul { display: flex !important; flex-wrap: wrap !important; margin: 0 !important; }


  .home-application .tabs .menuTabs li,


  .home-application .tabs .menuTabs .noHas {


    width: 50% !important;


    float: none !important;


    padding: 6px !important;


    margin: 0 !important;


    box-sizing: border-box !important;


  }


  .home-application .tabs .menuTabs li:nth-child(3) { clear: none !important; margin-left: 0 !important; }


  .home-application .tabs .menuTabs .box {


    height: auto !important; min-height: 64px !important;


    display: flex !important; align-items: center !important; justify-content: center !important;


    padding: 8px !important;


  }


  .home-application .tabs .menuTabs .box .text .title { font-size: 15px !important; white-space: nowrap !important; }


  .home-application .conTabs .text .bt { font-size: 18px !important; }


  .home-application .conTabs .text .p { font-size: 13px !important; line-height: 1.6 !important; }


  .home-application .conTabs .bottom { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; }


  .home-application .conTabs .bottom .more { margin: 0 !important; }


  .home-application .conTabs .bottom .more a { display: inline-flex !important; align-items: center; min-height: 40px !important; font-size: 14px !important; }


  .home-application .conTabs .bottom .search { width: 100% !important; margin: 0 !important; display: flex !important; }


  .home-application .conTabs .bottom .search .form-control { flex: 1 !important; min-height: 40px !important; font-size: 14px !important; }


  .home-application .conTabs .bottom .search .btn { min-width: 44px !important; }





  /* ---------- 应用领域（取消 514px 环形布局） ---------- */


  .home-yingyong { padding: 30px 0 !important; }


  .home-yingyong .cbanner .core { display: block !important; }


  .home-yingyong .cbanner .core_con { display: block !important; }


  .home-yingyong .cbanner .core_list {


    position: static !important; width: 100% !important; height: auto !important;


    margin: 0 !important; border: none !important; border-radius: 0 !important;


  }


  .home-yingyong .cbanner .core_list svg { display: none !important; }


  .home-yingyong .cbanner .core_list ul { position: static !important; width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; }


  .home-yingyong .cbanner .core_list ul li {


    position: static !important; float: left !important; width: 33.3333% !important;


    height: auto !important; margin: 0 !important; padding: 10px 4px !important;


    box-sizing: border-box !important; text-align: center !important; border-radius: 0 !important;


  }


  .home-yingyong .cbanner .core_list .text { position: static !important; width: auto !important; top: auto !important; left: auto !important; }


  .home-yingyong .cbanner .core_list .text .pic { width: 44px !important; margin: 0 auto 6px !important; }


  .home-yingyong .cbanner .core_list .text .pic img { width: 44px !important; height: auto !important; }


  .home-yingyong .cbanner .core_list .text span { font-size: 12px !important; display: block !important; line-height: 1.4 !important; }


  .home-yingyong .cbanner .ntb { width: 100% !important; margin-top: 14px !important; }


  .home-yingyong .cbanner .single-item { display: block !important; }


  .home-yingyong .cbanner .single-item .slick-slide {


    position: static !important; display: block !important; width: 100% !important; margin-bottom: 10px !important;


  }


  .home-yingyong .cbanner .single-item .box {


    color: #fff !important; text-align: center !important; padding: 14px 10px !important;


    background: rgba(20,88,154,0.25) !important; border-radius: 8px !important;


  }


  .home-yingyong .cbanner .single-item .box .bt { font-size: 16px !important; margin-bottom: 6px !important; }


  .home-yingyong .cbanner .single-item .box .p { font-size: 13px !important; line-height: 1.6 !important; }





  /* ---------- 合作伙伴 ---------- */


  .home-partner { padding: 30px 0 !important; }


  .home-partner .brand-bottom { position: relative !important; }


  .home-partner .brand-bottom .text { position: static !important; }


  .home-partner .brand-bottom .list { position: static !important; width: 100% !important; padding-top: 16px !important; }


  .home-partner .brand-bottom .list ul { margin: 0 !important; display: flex !important; flex-wrap: wrap !important; }


  .home-partner .brand-bottom .list ul li {


    float: none !important; width: 33.3333% !important; margin: 0 !important; padding: 8px !important; box-sizing: border-box !important;


  }


  .home-partner .brand-bottom .list ul li .pic { margin: 0 !important; }


  .home-partner .brand-bottom .list ul li .pic img { width: 100% !important; max-width: 100% !important; height: auto !important; }





  /* ---------- 新闻中心（强化可读与单列） ---------- */


  .home-news { padding: 30px 0 !important; }


  .home-news .home-top { display: block !important; }


  .home-news .home-top .left,


  .home-news .home-top .nlist { float: none !important; width: 100% !important; }


  .home-news .home-top .nlist ul li { display: inline-block !important; margin: 0 8px 8px 0 !important; }


  .home-news .newslist li,


  .home-news ul.newslist li { width: 100% !important; float: none !important; margin: 0 0 12px 0 !important; }


  .home-news .newslist li .box { display: flex !important; align-items: stretch !important; }


  .home-news .newslist li .pic { width: 38% !important; flex: 0 0 38% !important; }


  .home-news .newslist li .pic img { width: 100% !important; height: auto !important; }


  .home-news .newslist li .text { width: 62% !important; padding-left: 10px !important; box-sizing: border-box !important; }


  .home-news .newslist li .text .bt { font-size: 14px !important; line-height: 1.5 !important; height: auto !important; overflow: visible !important; }


  .home-news .newslist li .text .date { font-size: 12px !important; }


  .home-news .newslist li .text .fenlei { font-size: 12px !important; }


}





/* ═══════════════════════════════════════════════════


   V11 Mobile Fix — 彻底覆盖所有白底卡片 (2026-07-21)


   根因：.home-partner .brand-bottom .list ul li 有 background:#fff !important


         其特异性(0,4,0)高于之前所有修复规则，故此前修复均无效。


   策略：使用相同或更高特异性选择器 + !important 覆盖。


   ═══════════════════════════════════════════════════ */


@media (max-width: 768px) {





  /* 1) 覆盖合作伙伴区卡片白底（最高优先级，必须匹配 .home-partner 前缀） */


  .home-partner .brand-bottom .list ul li,


  .home-partner .brand-bottom .list ul li a {


    background: transparent !important;


    background-color: transparent !important;


    background-image: none !important;


    box-shadow: none !important;


    border: none !important;


    border-radius: 0 !important;


  }





  /* 2) 通用兜底：任何 brand-bottom 下的 li */


  .brand-bottom .list ul li,


  .brand-bottom .list ul li a {


    background: transparent !important;


    background-color: transparent !important;


    box-shadow: none !important;


    border: none !important;


  }





  /* 3) 确保图片可见 */


  .brand-bottom .list ul li .pic,


  .brand-bottom .list ul li .pic img,


  .partnerlist li .pic,


  .partnerlist li .pic img {


    display: block !important;


    max-width: 100% !important;


    height: auto !important;


    opacity: 1 !important;


  }





  /* 4) 移除 .boxs 浅灰背景（如存在） */


  .brand-bottom .list ul .boxs,


  .brand-bottom .list ul li .boxs {


    background: transparent !important;


    background-color: transparent !important;


    box-shadow: none !important;


    border: none !important;


  }





}


/* ———— end V11 fix ———— */





























/* ==========================================================


   V14 Mobile Final Fix — 对齐+性能（不改变html font-size）


   ========================================================== */





@media screen and (max-width: 768px) {





    /* ====== A. 性能：视频隐藏 ====== */


    video {


        display: none !important;


        position: fixed !important;


        left: -99999px !important; top: -99999px !important;


        width: 1px !important; height: 1px !important;


        opacity: 0 !important; visibility: hidden !important;


        pointer-events: none !important;


    }


    .main-slide-video, .video_show,


    [class*="swiper"] video, .swiper-slide video {


        display: none !important;


    }





    /* ====== B. Brand-Bottom 合作伙伴 Logo ====== */


    .brand-bottom {


        position: relative !important;


        min-height: auto !important;


        height: auto !important;


        padding: 30px 10px 20px !important;


        overflow: hidden !important;


    }


    .brand-bottom .text {


        display: none !important;


    }


    .brand-bottom .list {


        position: relative !important;


        top: auto !important; left: auto !important;


        width: 100% !important;


        padding-top: 0 !important;


    }


    .brand-bottom .list ul {


        margin-left: 0 !important; margin-right: 0 !important;


        display: flex !important;


        flex-wrap: wrap !important;


        justify-content: center !important;


        align-items: flex-start !important;


        gap: 8px 6px !important;


        padding: 5px !important;


    }


    .brand-bottom .list ul li {


        float: none !important;


        width: calc(33.333% - 5px) !important;


        max-width: 105px !important;


        margin: 3px 2px !important;


        text-align: center !important;


        background: transparent !important;


        box-shadow: none !important;


        border: none !important;


        padding: 6px 3px !important;


    }


    .brand-bottom .list ul li .pic {


        display: flex !important;


        align-items: center !important;


        justify-content: center !important;


        height: auto !important;


        background: transparent !important;


        border: none !important;


        box-shadow: none !important;


    }


    .brand-bottom .list ul li .pic:after {


        display: none !important;


    }


    .brand-bottom .list ul li .pic img {


        max-width: 95% !important;


        max-height: 45px !important;


        width: auto !important; height: auto !important;


    }


    .home-partner .brand-bottom .list ul li,


    .partnerlist li, .partner-list li {


        background: transparent !important;


        box-shadow: none !important;


    }


    .partnerlist, .partner-list {


        display: flex !important;


        flex-wrap: wrap !important;


        justify-content: center !important;


        gap: 10px !important;


        padding: 15px 10px !important;


    }


    .partnerlist li, .partner-list li {


        float: none !important;


        width: calc(33.333% - 7px) !important;


        max-width: 105px !important;


        text-align: center !important;


    }


    .partnerlist li .pic, .partner-list li .pic,


    .partnerlist li .pic img, .partner-list li .pic img {


        max-width: 100% !important;


        max-height: 50px !important;


        background: transparent !important;


        border: none !important;


    }





    /* ====== C. 新闻区域 ====== */


    .home-news {


        position: relative !important;


        min-height: 300px !important;


        height: auto !important;


        overflow: visible !important;


    }


    .home-news .home-top h2 {


        font-size: clamp(18px, 5vw, 24px) !important;


        text-align: center !important;


    }


    .home-news .home-top .nlist ul {


        display: flex !important;


        flex-wrap: nowrap !important;


        gap: 8px !important;


        overflow-x: auto !important;


        padding: 0 12px !important;


        -webkit-overflow-scrolling: touch !important;


    }


    .home-news .home-top .nlist ul li {


        flex-shrink: 0 !important;


        font-size: 13px !important;


        white-space: nowrap !important;


        padding: 5px 12px !important;


    }


    .home-news .home-bottom {


        padding: 10px 12px !important;


    }


    .home-news .home-bottom .show .info1 {


        display: flex !important;


        flex-direction: row !important;


        gap: 10px !important;


        padding: 10px 5px !important;


        align-items: flex-start !important;


        border-bottom: 1px solid #f0f0f0 !important;


    }


    .home-news .home-bottom .show .info1 .pic {


        width: 100px !important;


        min-width: 80px !important;


        flex-shrink: 0 !important;


        border-radius: 4px !important;


        overflow: hidden !important;


    }


    .home-news .home-bottom .show .info1 .pic img {


        width: 100% !important; height: auto !important;


    }


    .home-news .home-bottom .show .info1 .text {


        flex: 1 !important; min-width: 0 !important;


    }


    .home-news .home-bottom .show .info1 .bt {


        font-size: 13px !important;


        line-height: 1.35 !important;


        margin-bottom: 3px !important;


        display: -webkit-box !important;


        -webkit-line-clamp: 2 !important;


        -webkit-box-orient: vertical !important;


        overflow: hidden !important;


    }





    /* ====== D. 产品区域 ====== */


    .home-product {


        position: relative !important;


        min-height: 250px !important;


        height: auto !important;


    }


    .product-list {


        display: flex !important;


        flex-wrap: wrap !important;


        justify-content: center !important;


        gap: 8px !important;


        padding: 0 12px !important;


    }


    .product-list li {


        float: none !important;


        width: calc(50% - 4px) !important;


        max-width: 160px !important;


        margin: 0 !important;


        text-align: center !important;


    }


    .product-list li .pic {


        width: 90% !important; max-width: 140px !important;


        margin: 0 auto 6px !important;


        border-radius: 4px !important; overflow: hidden !important;


    }


    .product-list li .pic img {


        width: 100% !important; height: auto !important;


    }





    /* ====== E. About 区域 ====== */


    .home-about {


        position: relative !important;


        min-height: 200px !important;


        height: auto !important;


    }


    .home-about .about-text p,


    .home-about .about-text div {


        font-size: 13px !important; line-height: 1.6 !important;


    }





    /* ====== F. 表单区域 ====== */


    .onlineMessage {


        position: relative !important;


        min-height: 350px !important;


        height: auto !important;


    }


    .onlineMessage input[type="text"],


    .onlineMessage input[type="email"],


    .onlineMessage textarea,


    .onlineMessage select {


        width: 100% !important;


        box-sizing: border-box !important;


        font-size: 16px !important;


        padding: 10px 12px !important;


        border-radius: 4px !important;


        margin-bottom: 8px !important;


    }


    .onlineMessage button,


    .onlineMessage [type="submit"] {


        width: 100% !important;


        font-size: 16px !important;


        padding: 12px 16px !important;


        border-radius: 4px !important;


    }





    /* ====== G. Footer ====== */


    .footer {


        position: relative !important;


        min-height: auto !important;


        height: auto !important;


        padding: 20px 12px !important;


    }


    .footer-center .footer-list ul {


        display: flex !important;


        flex-direction: column !important;


        gap: 4px !important;


    }


    .footer-center .footer-list ul li {


        width: 100% !important;


        text-align: center !important;


        font-size: 12px !important;


    }





    /* ====== H. 通用对齐 ====== */


    img { max-width: 100% !important; height: auto !important; }


    body { overflow-x: hidden !important; }


    section, [class*="home-"], .brand-bottom, .onlineMessage, .footer {


        overflow-x: hidden !important;


    }





    /* WhatsApp 按钮 */


    a[href*="wa.me"], a[href*="whatsapp"], [class*="whatsapp"] {


        position: fixed !important;


        bottom: 15px !important; right: 10px !important;


        z-index: 997 !important;


        width: 44px !important; height: 44px !important;


    }





    /* 搜索页列表 */


    .search .newslist1 li {


        display: flex !important; gap: 10px !important;


        padding: 10px 0 !important;


        border-bottom: 1px solid #eee !important;


    }


    .search .newslist1 li .pic {


        width: 28% !important; flex-shrink: 0 !important;


        border-radius: 4px !important; overflow: hidden !important;


    }


    .search .newslist1 li .text { flex: 1 !important; min-width: 0 !important; }


}





@media screen and (max-width: 375px) {


    .brand-bottom .list ul li { width: calc(50% - 4px) !important; }


    .partnerlist li, .partner-list li { width: calc(50% - 5px) !important; }


    .product-list li { width: 100% !important; max-width: 190px !important; }


}











/* ==========================================================


   V15 Final Polish — 隐藏空占位 + 图片显示优化


   ========================================================== */





@media screen and (max-width: 768px) {





    /* 隐藏没有图片的合作伙伴占位（避免白框） */


    .brand-bottom .list ul li .pic img[src=""],


    .brand-bottom .list ul li .pic:not(:has(img)),


    .partnerlist li .pic:not(:has(img)),


    .partner-list li .pic:not(:has(img)) {


        display: none !important;


    }





    /* 合作伙伴 li 没有可见图片时缩小 */


    .brand-bottom .list ul li:has(.pic:empty),


    .partnerlist li:has(.pic:empty) {


        visibility: hidden !important;


    }





    /* 确保新闻图片容器有固定尺寸 */


    .home-news .home-bottom .show .info1 .pic {


        min-height: 75px !important;


        background: #f5f5f5 !important;


    }


    .home-news .home-bottom .show .info1 .pic img {


        width: 100% !important;


        height: 100% !important;


        object-fit: cover !important;


        display: block !important;


    }





    /* Footer "No pictures" 文字隐藏 */


    .footer img[alt*="No"],


    .footer [class*="no-pic"],


    .footer p:contains("No pictures") {


        display: none !important;


    }





    /* 产品图片确保显示 */


    .product-list li .pic {


        min-height: 80px !important;


        background: #f8f8f8 !important;


        display: flex !important;


        align-items: center !important;


        justify-content: center !important;


    }


    .product-list li .pic img {


        display: block !important;


        max-width: 95% !important;


        max-height: 120px !important;


        width: auto !important;


        height: auto !important;


    }





    /* 所有 section 确保有最小高度 */


    .home-about { min-height: 200px !important; }


    .home-product { min-height: 250px !important; }


    .home-advantage { min-height: 200px !important; }


    .onlineMessage { min-height: 350px !important; }





    /* About 区域图片 */


    .home-about .about-img {


        display: block !important;


        text-align: center !important;


        margin: 15px 0 !important;


    }


    .home-about .about-img img {


        max-width: 100% !important;


        height: auto !important;


        border-radius: 6px !important;


    }


}



/* ===== V16 Mobile Deep Fix: Alignment & Performance ===== */

@media screen and (max-width: 768px) {

    /* --- Footer font size fix (was 2.73px due to html{font-size:.195px}) --- */

    .footer,

    .footer p,

    .footer a,

    .footer span,

    .footer div { font-size: 13px !important; line-height: 1.6 !important; }

    .footer h3,

    .footer h4,

    .footer .tit { font-size: 16px !important; margin-bottom: 10px !important; }

    .footer .f-nav a { font-size: 12px !important; padding: 5px 0 !important; display: block !important; text-align: center !important; }



    /* --- Partner: hide items with no valid logo image --- */

    .brand-bottom .list ul li .pic img[naturalWidth="0"],

    .partnerlist li .pic img[src*=".top/"] { display: none !important; }



    /* --- Hide "No pictures" / broken image fallback text --- */

    .brand-bottom .list ul li:has(> .pic:empty),

    .brand-bottom .list ul li:has(> .pic > img[src*=".top/"]) { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }



    /* --- News article images: constrain max width --- */

    .home-news .news-list li .pic img,

    .home-news .news-list li .pic { max-width: 100% !important; height: auto !important; overflow: hidden !important; border-radius: 4px !important; }



    /* --- Section title font sizes --- */

    h2.main-tit { font-size: 16px !important; padding: 12px 0 8px !important; }

    p.sub-tit { font-size: 11px !important; line-height: 1.5 !important; color: #666 !important; }

    a.more { font-size: 12px !important; padding: 6px 16px !important; }



    /* --- Contact form alignment --- */

    .onlineMessage input[type="text"],

    .onlineMessage input[type="email"],

    .onlineMessage textarea { font-size: 16px !important; } /* iOS zoom fix */

}

/* ===== V19: Pure CSS partner empty-slot hide ===== */
@media screen and (max-width: 768px) {
    /* Hide .pic containers that contain only broken-path images */
    .brand-bottom .list ul li .pic img[src*=".top/"] { display: none !important; }
    /* Hide partner li where .pic contains no visible image after above rule */
    .brand-bottom .list ul li:has(> .pic:empty),
    .partnerlist li:has(> .pic:empty) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* === V21-TYPOGRAPHY-START === */
@media (max-width: 768px) {
  .youshi ul li .num b { font-size: 12px !important; line-height: 1.5 !important; }
  .news-one .list ul li a .date { font-size: 13px !important; line-height: 1.5 !important; }
  .contact-main .list .name { font-size: 13px !important; line-height: 1.5 !important; }
  .contact-main .list .val { font-size: 13px !important; line-height: 1.5 !important; }
  body { font-size: 14px !important; line-height: 1.5 !important; }
  .header .header-right .lan ul li a { font-size: 14px !important; line-height: 1.5 !important; }
  .more a { font-size: 14px !important; line-height: 1.5 !important; }
  .more p { font-size: 14px !important; line-height: 1.5 !important; }
  .inbanner .banner-hover1 p { font-size: 14px !important; line-height: 1.5 !important; }
  .current { font-size: 14px !important; line-height: 1.5 !important; }
  .footer-top .input .year .year { font-size: 14px !important; line-height: 1.5 !important; }
  .footer-top .input .p { font-size: 14px !important; line-height: 1.5 !important; }
  .footer-center .footer-list .list .li .h3 { font-size: 14px !important; line-height: 1.5 !important; }
  .verify { font-size: 14px !important; line-height: 1.5 !important; }
  .verify .drag-progress { font-size: 14px !important; line-height: 1.5 !important; }
  .product-list ul li .pl-info .info { font-size: 14px !important; line-height: 1.5 !important; }
  .contact-main .p { font-size: 14px !important; line-height: 1.5 !important; }
  .sitemap li .bot a { font-size: 16px !important; line-height: 1.5 !important; }
  .header .header-right .header-search .form-control { font-size: 16px !important; line-height: 1.5 !important; }
  .nav ul li a { font-size: 16px !important; line-height: 1.5 !important; }
  .nav ul li .subnav .text .jsh { font-size: 16px !important; line-height: 1.5 !important; }
  .nav ul li .subnav .text .list a { font-size: 16px !important; line-height: 1.5 !important; }
  .nav ul li .subnav .download a { font-size: 16px !important; line-height: 1.5 !important; }
  .youshi ul li .jsh { font-size: 16px !important; line-height: 1.5 !important; }
  .home-contact .p { font-size: 16px !important; line-height: 1.5 !important; }
  .home-news .home-top .nlist ul li a { font-size: 16px !important; line-height: 1.5 !important; }
  .newslist li .text .fenlei { font-size: 16px !important; line-height: 1.5 !important; }
  .newslist li .text .date { font-size: 16px !important; line-height: 1.5 !important; }
  .inbanner .banner-hover1 .date { font-size: 16px !important; line-height: 1.5 !important; }
  .footer-center .footer-list ul li ul li a { font-size: 16px !important; line-height: 1.5 !important; }
  .footer-bottom .top-btn a { font-size: 16px !important; line-height: 1.5 !important; }
  .news-info { font-size: 16px !important; line-height: 1.5 !important; }
  .contact .contact-bottom ul li .box .text .p { font-size: 16px !important; line-height: 1.5 !important; }
  .contact03 .input-form { font-size: 16px !important; line-height: 1.5 !important; }
  .contact03 select { font-size: 16px !important; line-height: 1.5 !important; }
  .contact03 textarea { font-size: 16px !important; line-height: 1.5 !important; }
  .contact03 .span span { font-size: 16px !important; line-height: 1.5 !important; }
  .about05 .slider-for .p { font-size: 16px !important; line-height: 1.5 !important; }
  .searchbox .type01 ul li .bt { font-size: 16px !important; line-height: 1.5 !important; }
  .searchbox .type02 li a { font-size: 16px !important; line-height: 1.5 !important; }
  .product-list ul li .pl-info .tit { font-size: 16px !important; line-height: 1.5 !important; }
  .product-left .text .p { font-size: 16px !important; line-height: 1.5 !important; }
  .product-left .text .btn a { font-size: 16px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-bottom .list ul li .box .p { font-size: 16px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-bottom .info { font-size: 16px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-bottom .list1 ul li .box .txt { font-size: 16px !important; line-height: 1.5 !important; }
  .about-nr .p { font-size: 16px !important; line-height: 1.5 !important; }
  .about-nr .video .text .pp { font-size: 16px !important; line-height: 1.5 !important; }
  .home-application .conTabs .search .form-control { font-size: 16px !important; line-height: 1.5 !important; }
  .swiper-renewal-main .title-area p.sub-tit { font-size: 18px !important; line-height: 1.5 !important; }
  .swiper-pagination2 ul li { font-size: 18px !important; line-height: 1.5 !important; }
  .inbanner .banner-hover1 .date b { font-size: 18px !important; line-height: 1.5 !important; }
  .next .span { font-size: 18px !important; line-height: 1.5 !important; }
  .partnerlist li .bt { font-size: 18px !important; line-height: 1.5 !important; }
  .about04 .list .li { font-size: 18px !important; line-height: 1.5 !important; }
  .product .home-p { font-size: 18px !important; line-height: 1.5 !important; }
  .about-nr .video .text .h3 { font-size: 18px !important; line-height: 1.5 !important; }
  .home-application .menuTabs .span { font-size: 18px !important; line-height: 1.5 !important; }
  .home-application .conTabs .p { font-size: 18px !important; line-height: 1.5 !important; }
  .sitemap li .top { font-size: 20px !important; line-height: 1.5 !important; }
  .newslist li .text .bt { font-size: 20px !important; line-height: 1.5 !important; }
  .current ul li a { font-size: 20px !important; line-height: 1.5 !important; }
  .footer-center .footer-left .f2 p { font-size: 20px !important; line-height: 1.5 !important; }
  .footer-center .footer-left .f2 p a { font-size: 20px !important; line-height: 1.5 !important; }
  .footer-center .footer-list ul li a { font-size: 20px !important; line-height: 1.5 !important; }
  .news-info .title { font-size: 20px !important; line-height: 1.5 !important; }
  .home-honor .swiper-slide .title { font-size: 20px !important; line-height: 1.5 !important; }
  .home-honor .txt { font-size: 20px !important; line-height: 1.5 !important; }
  .home-application .menuTabs .title { font-size: 20px !important; line-height: 1.5 !important; }
  .contact-main .h3 { font-size: 20px !important; line-height: 1.5 !important; }
  .nav ul li .subnav .text .bt a { font-size: 22px !important; line-height: 1.5 !important; }
  .youshi ul li .num i { font-size: 22px !important; line-height: 1.5 !important; }
  .home-title { font-size: 22px !important; line-height: 1.5 !important; }
  .home-span { font-size: 22px !important; line-height: 1.5 !important; }
  .news-one .list ul li a .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .inbanner .banner-hover p { font-size: 22px !important; line-height: 1.5 !important; }
  .inbanner .banner-hover1 h1 { font-size: 22px !important; line-height: 1.5 !important; }
  .footer-top .input .year .num b { font-size: 22px !important; line-height: 1.5 !important; }
  .fenxiang span { font-size: 22px !important; line-height: 1.5 !important; }
  a.return { font-size: 22px !important; line-height: 1.5 !important; }
  .next .p { font-size: 22px !important; line-height: 1.5 !important; }
  .contact .contact-bottom ul li .box .text .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .contact .contact-bottom ul li .box .text .span { font-size: 22px !important; line-height: 1.5 !important; }
  .about04 .inmain-title1 { font-size: 22px !important; line-height: 1.5 !important; }
  .about04 .list .li .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .about05 .swiper-button-next:after { font-size: 22px !important; line-height: 1.5 !important; }
  .about05 .swiper-button-prev:after { font-size: 22px !important; line-height: 1.5 !important; }
  .home-honor .inmain-title2 { font-size: 22px !important; line-height: 1.5 !important; }
  .search_bar input { font-size: 22px !important; line-height: 1.5 !important; }
  .product-left .text .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-title { font-size: 22px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-bottom .list ul li .box .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .product-bottom .item .item-bottom .list1 ul li .box .bt { font-size: 22px !important; line-height: 1.5 !important; }
  .home-application .conTabs .bt { font-size: 22px !important; line-height: 1.5 !important; }
}
/* === V21-TYPOGRAPHY-END === */

/* === V21-ALIGN-START === */
@media (max-width: 768px) {
  /* 0. 移动端解除 fullpage 固定 100vh 高度与裁切，允许内容完整流式展示 */
  #fullpage .fp-section, #fullpage > .section, #fullpage > section,
  .fp-scrollable { height: auto !important; overflow: visible !important; }
  /* 1. 应用案例图标：避免被容器比例拉伸变形 */
  img.middleCenter { object-fit: contain !important; }
  /* 2. 产品关键词行：移动端允许换行，不再裁切 */
  .home-application .conTabs .p {
    height: auto !important; line-height: 1.4 !important;
    white-space: normal !important; overflow: visible !important; width: auto !important;
  }
  .home-application .conTabs .bt { white-space: normal !important; overflow: visible !important; }
  /* 3. 荣誉标题：移动端允许换行，不再裁切 */
  .home-honor .swiper-slide .title, .home-honor .swiper-slide-active .title {
    height: auto !important; line-height: 1.3 !important;
    white-space: normal !important; overflow: visible !important;
  }
  /* 4. 应用案例区(section4)：圆形放射转盘 → 移动端竖向列表，解除缩放/绝对定位/裁切 */
  #fullpage [data-anchor="section4"] {
    display: block !important; height: auto !important; min-height: 100vh; overflow: visible !important;
  }
  .home.home-yingyong { position: relative !important; height: auto !important; overflow: visible !important; width: 100% !important; }
  .single-item1 { display: none !important; }
  .home-yingyong .cbanner, .home-yingyong .core, .home-yingyong .wp,
  .home-yingyong .core_con { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; transform: none !important; }
  .core_list {
    position: static !important; display: block !important; width: 100% !important;
    height: auto !important; border: none !important; border-radius: 0 !important; margin: 0 auto !important;
  }
  .core_list svg { display: none !important; }
  .core_list li { position: static !important; display: block !important; width: 100% !important; height: auto !important; margin: 14px 0 !important; }
  .core_list li:before { display: none !important; }
  .core_list .text { position: static !important; display: flex !important; width: 100% !important; margin: 0 !important; align-items: center; gap: 12px; text-align: left !important; }
  .core_list .text .pic { width: 48px !important; margin: 0 !important; }
  .core_list .text span { font-size: 15px !important; color: #333 !important; }
  .core_con .single-item .box { padding-top: 20px !important; }
  .home-yingyong .core_con .single-item { display: none !important; }
}

  /* === V22-START === */
  /* Fix ALL sections: table→block prevents absolute-child collapse */
  #fullpage .fp-section,
  #fullpage > .section,
  #fullpage > section {
    display: block !important;
  }
  /* All home content containers: absolute→relative so they participate in flow */
  #fullpage .fp-section > div[class*="home"],
  #fullpage .section > div[class*="home"],
  #fullpage > section > div[class*="home"] {
    position: relative !important;
  }
  /* EN/CN subtitle clipping fix */
  .sub-tit {
    height: auto !important;
    overflow: visible !important;
    line-height: 1.4 !important;
  }
  /* === V22-END === */


/* === V21-ALIGN-END === */

/* === ROTATE-TIP-START === */
.rotate-tip{display:none;}
@media screen and (max-width:1024px) and (orientation:portrait) and (pointer:coarse){
  /* hide broken portrait layout (no flash) */
  html{visibility:hidden;}
  .rotate-tip{
    visibility:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;
    position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483647;
    background:linear-gradient(160deg,#0a2a4a 0%,#155599 100%);
    color:#fff;text-align:center;padding:24px;box-sizing:border-box;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  }
  .rotate-tip .rt-icon{width:74px;height:74px;margin-bottom:20px;animation:rt-rotate 2s ease-in-out infinite;transform-origin:center;}
  .rotate-tip .rt-icon svg{width:100%;height:100%;fill:#fff;display:block;}
  .rotate-tip .rt-title{font-size:21px;font-weight:700;margin:0 0 12px;letter-spacing:2px;}
  .rotate-tip .rt-sub{font-size:14px;line-height:1.6;margin:0;opacity:.88;max-width:260px;}
}
@keyframes rt-rotate{0%,100%{transform:rotate(-90deg);}50%{transform:rotate(0deg);}}
/* === ROTATE-TIP-END === */