/* ================================================
   永泰安官网 - 手机端适配 sj.css
   断点：平板 750~1199px | 手机 <750px | 小屏 <499px
   ================================================ */

/* ============================================================
   平板端适配 (750px ~ 1199px)
   ============================================================ */
@media screen and (max-width: 1199px) {
  .hamburger{display: block;}

    /* 导航栏 */
    .nav > ul > li {
        padding: 0 12px;
    }

    .nav > ul > li > a {
        font-size: 14px;
    }

    .nav_btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    /* Banner */
    .banner_slide {
        height: 450px;
    }

    .banner_text h2 {
        font-size: 32px;
    }

    .banner_text p {
        font-size: 16px;
    }

    /* 板块标题 */
    .sy_bt .ml1 {
        font-size: 30px;
    }

    /* 企业速览 */
    .about_content {
        gap: 30px;
    }

    .data_num {
        font-size: 30px;
    }
    /* 重点产品展示 - 平板 */
    .pro_feature {
        gap: 30px;
        padding: 22px;
    }
    .pro_feature_img {
        flex-basis: 40%;
        min-height: 340px;
    }
    .pf_title {
        font-size: 24px;
    }
    .pf_benefits {
        gap: 10px 16px;
    }


    /* 产品网格 - 平板2列 */
    .pro_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 应用领域 - 平板2列 */
    .app_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 服务优势 - 平板2列 */
    .ser_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 案例缩略图 - 平板2列 */
    .case_thumb_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 询盘板块 */
    .sy_inquiry {
        gap: 30px;
    }

    .inquiry_left h2 {
        font-size: 28px;
    }

    .inquiry_form {
        padding: 30px;
    }

    /* 页脚 */
    .footer_main {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    /* 隐藏PC导航和按钮，显示汉堡菜单 */
    .nav,
    .nav_btn {
        display: none;
    }


    /* 移动端导航菜单 */
    .nav {
        position: fixed;
        top: 56px;
        left: 0;
        width: 100%;
        height: calc(100vh - 56px);
        background: #ffffff;
        padding: 20px 0;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        flex-direction: column;
        justify-content: flex-start;
        z-index: 1000;
    }

    .nav.active {
        display: block;
        transform: translateX(0);
    }

    .nav > ul {
        flex-direction: column;
        gap: 0;
    }

    .nav > ul > li {
        height: auto;
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
        flex-wrap: wrap;
    }

    .nav > ul > li > a {
        display: block;
        padding: 16px 20px;
        font-size: 16px;
        width: 100%;
    }

    .nav > ul > li > a::after {
        display: none;
    }

    .nav > ul > li.on > a {
        background: #fff7f2;
    }

    /* 移动端下拉菜单 - 展开式 */
    .sub_nav {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        background: #fafafa;
        border-radius: 0;
        padding: 5px 0;
        display: none;width: 100%;
    }

    .nav > ul > li:hover .sub_nav {
        transform: none;
    }

    .nav > ul > li.open .sub_nav {
        display: block;
    }

    .sub_nav a {
        padding: 6px 20px;
        font-size: 14px;
    }

    .sub_nav a:hover {
        padding-left: 24px;
    }
    /* 导航栏 */
    .top_bg {
        height: 56px;
    }

    .top_bg.scrolled {
        height: 56px;
    }
.logo img{height: 56px;padding: 10px 0;}


    /* Banner */
    .sy_banner {
        margin-top: 56px;
    }
    .top_yy_xl{top: 56px;}
    .top_yy{position: absolute;right: 52px;top: 0;height: 56px;margin-right: 0px;}
    .about_left{font-size: 14px;}
    .about_more {
        padding: 2px 20px;
        border: 1px solid #ff6303;
        font-size: 12px;
        margin-top: 0;
    }
.sy_xw_bg .lb .lb1_l ul li .img{height: 220px;}
.sy_xw_bg .lb .lb1_l ul li .txt{padding:0 10px;}
.sy_xw_bg .lb .lb1_l ul li .txt .ml1{margin-right: 20px;font-size: 14px;line-height: 36px;}
.sy_xw_bg .lb .lb1_l ul li .txt .ml2{width: 20px;height: 20px;font-size: 10px;}
.sy_xw_bg .lb .lb1_r ul li a .img{width: 70px;height: 70px;}
.sy_xw_bg .lb .lb1_r ul li a .img span{font-size: 30px;}
.sy_xw_bg .lb .lb1_r ul li a .img p{font-size: 12px;}
.sy_xw_bg .lb .lb1_r ul li a .txt{padding-right: 10px;}
.sy_xw_bg .lb .lb1_r ul li a .txt .ml1{font-size: 14px;line-height: 20px;}
.sy_xw_bg .lb .lb1_r ul li a .txt .ml2{padding-top: 5px;font-size: 13px;line-height: 20px;}
.sy_xw_bg .gd{margin-top: 20px;}
.sy_xw_bg .lb{margin-top: 20px;}
.foot_dh{display: none;}
.foot_gz,.foot_lx{width: 48%;}
.foot_gz .ml4 img{height: 40px;}
  .foot_gz .ml5{margin-top: 10px;}
  .foot_gz .ml5 dl dd a{font-size: 20px;line-height: 34px;width: 36px;}
  .foot_gz .ml5 dl dd .xl{left:50%;bottom: 36px;margin-left:-20px;padding-bottom: 12px;}
  .foot_gz .ml5 dl dd .xl:after{left: 12px;margin-left:0px; bottom:0px;border: 6px solid transparent;border-top:6px solid #fff;}
  .foot_gz .ml5 dl dd .xl img{width: 120px;}
  .foot{padding-top: 30px;}
  .foot1{padding-bottom: 30px;}
  .float_item span{display: none;}
.float_item {
    width: 36px;
    height: 36px;
}
.float_item svg {
    width: 20px;
    height: 20px;
}
.prod_filter .prod_tab{padding: 2px 12px;}
.prod_filter{gap: 8px;margin-bottom: 24px;}
.svc_hero h2{font-size: 20px;}
.svc_hero p{font-size: 14px;}
.news_layout{display: block;}
}


/* ============================================================
   手机端适配 (< 750px) - 汉堡菜单激活
   ============================================================ */
@media screen and (max-width: 750px) {
.foot1{display: block;}
.foot_gz,.foot_lx{width: 100%;}
.foot_gz{margin-top: 24px;}
.foot_gz .ml4ms{margin-top: 10px;}
.inquiry_right{width: 100%;}
.form_submit{padding: 10px;font-size: 14px;}
.sy_xw_bg .lb .lb1_l ul{display: block;}
.sy_xw_bg .lb .lb1_l ul li{width: 100%;margin: 0 0 20px 0;}
.sy_xw_bg .lb .lb1_l ul li:last-child{margin-bottom: 0;}
.sy_xw_bg .lb .lb1_r ul{display: block;}
.sy_xw_bg .lb .lb1_r ul li{width: 100%;margin:20px 0 0 0;}
    .banner_slide {
        height: 300px;
    }

    .banner_text h2 {
        font-size: 22px;
    }

    .banner_text p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .banner_btn {
        padding: 10px 30px;
        font-size: 14px;
    }

    .banner_pagination {
        bottom: 15px !important;
    }

    .banner_pagination .swiper-pagination-bullet {
        width: 20px;
    }

    .banner_pagination .swiper-pagination-bullet-active {
        width: 30px;
    }

    /* 板块通用 */
    .sy_about_bg,
    .sy_pro_bg,
    .sy_app_bg,
    .sy_ser_bg,
    .sy_case_bg,
    .sy_inquiry_bg,
    .sy_xw_bg {
        padding: 36px 0;
    }
    .sy_xw_bg .lb{margin-top: 20px;}
    .pro_all_btn a{padding: 4px 20px;font-size: 12px;}
    .pro_all_btn{margin-top: 20px;}

    .sy_bt {
        margin-bottom: 20px;
    }

    .sy_bt .ml1 {
        font-size: 24px;
    }

    .sy_bt .ml2 {
        font-size: 13px;
    }

    /* 企业速览 - 单列 */
    .about_content {
        flex-direction: column;
        gap: 30px;
    }

    .about_right {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        width: 100%;
    }

    .data_item {
        padding: 20px 15px;
    }

    .data_num {
        font-size: 26px;
    }
    /* 重点产品展示 - 单列 */
    .pro_feature {
        flex-direction: column;
        padding: 16px;
        margin-bottom: 30px;
    }
    .pro_feature_img {
        flex: none;
        width: 100%;
        min-height: 240px;
    }
    .pro_feature_txt {
        padding: 6px 0 0;
    }
    .pf_title {
        font-size: 21px;
    }
    .pf_series {
        flex-direction: column;
        gap: 12px;
    }
    .pf_benefits {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* 产品网格 - 手机单列 */
    .pro_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .pro_img {
        height: 150px;
    }

    .pro_info {
        padding: 15px;
    }

    .pro_info h3 {
        font-size: 14px;
    }

    .pro_info p {
        font-size: 12px;
    }

    /* 应用领域 - 手机2列 */
    .app_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .app_card {
        padding: 25px 15px;
    }

    .app_icon {
        width: 44px;
        height: 44px;
    }

    .app_name {
        font-size: 14px;
    }

    .app_card p {
        font-size: 12px;
    }

    /* 服务优势 - 手机单列 */
    .ser_grid {
        gap: 12px;
    }
    .ser_icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
  }

    .ser_card {
        padding: 30px 20px;
    }

    .ser_card h3 {
        font-size: 16px;
    }

    /* 案例缩略图 - 手机2列 */
    .case_thumb_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .case_logo_item {
        width: 130px;
        height: 55px;
    }

    /* 询盘板块 - 单列 */
    .sy_inquiry {
        flex-direction: column;
        gap: 30px;
    }

    .inquiry_left h2 {
        font-size: 24px;
        text-align: center;
    }

    .inquiry_left > p {
        text-align: center;
    }

    .inquiry_points {
        align-items: center;
    }

    .inquiry_form {
        padding: 25px 20px;
    }

    /* 页脚 - 单列 */
    .footer_main {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }

    .footer_col h4 {
        font-size: 15px;
    }

    .footer_col ul li a:hover {
        padding-left: 0;
    }

    .footer_contact li {
        justify-content: center;
    }

    .footer_bottom p {
        font-size: 12px;
        line-height: 1.8;
    }

    /* 悬浮栏 */
    .float_bar {
        right: 12px;
        bottom: 60px;
        gap: 8px;
    }

}


/* ============================================================
   小屏手机适配 (< 499px)
   ============================================================ */
@media screen and (max-width: 499px) {

    /* 板块标题 */
    .sy_bt .ml1 {
        font-size: 20px;
    }

    .sy_bt .ml2 {
        font-size: 12px;
    }

    /* Banner */
    .banner_slide {
        height: 260px;
    }

    .banner_text h2 {
        font-size: 18px;
    }

    .banner_text p {
        font-size: 13px;
    }

    .banner_btn {
        padding: 4px 16px;
        font-size: 12px;
    }

    /* 数据展示 - 单列 */
    .about_right {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .data_item {
        padding: 15px 10px;
    }

    .data_num {
        font-size: 22px;
    }

    .data_label {
        font-size: 12px;
    }
    /* 重点产品展示 - 小屏 */
    .pf_title {
        font-size: 18px;
    }
    .pf_eyebrow {
        font-size: 12px;
    }
    .pf_desc {
        font-size: 13px;
    }

    /* 产品 - 单列 */
    .pro_grid {
        gap: 15px;
    }

    .pro_img {
        height: 180px;
    }


    /* 案例 - 单列 */
    .case_thumb_grid {
        grid-template-columns: 1fr;
    }

    /* 询盘表单 */
    .inquiry_form {
        padding: 20px 15px;
    }

    .form_item input,
    .form_item select,
    .form_item textarea {
        padding: 10px 12px;
    }

    /* 弹窗 */
    .toast_box {
        padding: 30px 25px;
        max-width: 280px;
    }

    .toast_box p {
        font-size: 14px;
    }
}


/* ============================================================
   内页移动端适配（平板 750~1199px）
   ============================================================ */
@media screen and (max-width: 1199px) {

    .about_culture,
    .about_stats,
    .prod_list,
    .prod_relate .pr_grid,
    .app_products .ap_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .about_honor {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

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

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

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

    .prod_detail,
    .app_hero {
        gap: 30px;
    }

    .ny_banner {
        height: 240px;
        margin-top: 56px;
    }

}


/* ============================================================
   内页移动端适配（手机 < 750px）
   ============================================================ */
@media screen and (max-width: 750px) {

    .ny_banner_t {
        font-size: 26px;
    }

    .ny_banner_s {
        font-size: 12px;
    }

    .ny_sec {
        padding: 30px 0;
    }
.news_list_bg{padding: 30px 0;}
.news_side{margin-top: 30px;}
    .ny_h3 {
        font-size: 20px;
    }

    /* 堆叠 flex 行 */
    .about_intro,
    .prod_detail,
    .app_hero,
    .ct_main {
        flex-direction: column;
        gap: 30px;
    }

    /* 多列网格 → 2 列 */
    .about_culture,
    .about_stats,
    .prod_list,
    .prod_relate .pr_grid,
    .app_products .ap_grid,
    .app_list,
    .svc_pillars,
    .svc_why,
    .ct_info,
    .about_honor {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 多列网格 → 1 列 */
    .about_factory,
    .app_scenes .as_grid,
    .news_relate .nr_grid {
        grid-template-columns: 1fr;
    }

    /* 发展历程时间轴改为单列 */
    .about_timeline::before {
        left: 20px;
    }

    .about_tl_item {
        width: 100%;
        left: 0 !important;
        text-align: left !important;
        padding-left: 50px;
        padding-right: 0;
    }

    .about_tl_item:nth-child(odd) .tl_dot,
    .about_tl_item:nth-child(even) .tl_dot {
        left: 12px;
        right: auto;
    }

    /* 服务流程换行 */
    .svc_flow {
        flex-wrap: wrap;
        gap: 24px;
    }

    .svc_flow::before {
        display: none;
    }

    .svc_flow .sf_item {
        width: 48%;
    }

    /* 新闻列表 */
    .news_layout {
        flex-direction: column;
    }

    .news_side {
        width: 100%;
    }

    .news_li {
        flex-wrap: wrap;
    }
    .news_li .nl_date{display: none;}

    .news_li .nl_img {
        width: 100%;
        height: 200px;
    }

    /* 详情页内嵌询盘 / 联系表单 */
    .prod_inquiry {
        padding: 25px 20px;
    }

    .ct_map {
        min-height: 300px;
    }

    .prod_gallery .pg_thumbs {
        flex-wrap: wrap;
    }
    .news_detail .nd_title{font-size: 20px;}
    .ct_main{display: block;}
    .ct_map{margin-top: 30px;}
}


/* ============================================================
   内页移动端适配（小屏 < 499px）
   ============================================================ */
@media screen and (max-width: 499px) {

    .about_culture,
    .about_stats,
    .prod_list,
    .prod_relate .pr_grid,
    .app_products .ap_grid,
    .app_list,
    .svc_pillars,
    .svc_why,
    .ct_info,
    .about_honor {
        grid-template-columns: 1fr;
    }

    .svc_flow .sf_item {
        width: 100%;
    }

    .ny_banner_t {
        font-size: 22px;
    }

    .about_stats .as_item {
        padding: 22px 14px;
    }

    .prod_gallery .pg_thumbs img {
        width: 64px;
        height: 64px;
    }

    .pager {
        gap: 6px;
        padding: 20px 0 6px;
    }

    .pager a,
    .pager span {
        min-width: 34px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        font-size: 13px;
    }

    .pager .pg_prev,
    .pager .pg_next {
        padding: 0 12px;
    }
}