/* ============================================================
   黄石宇诚贸易 - 手机版适配样式
   仅通过 CSS 覆盖，不修改 HTML/JS
   中英文版通用
   ============================================================ */

/* ---------- 平板及以下 (≤1024px) ---------- */
@media screen and (max-width: 1024px) {

    /* 通用 */
    html {
        -webkit-text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden;
    }

    .web {
        display: none !important;
    }

    .wap,
    .mbshow,
    .menu-toggle {
        display: block !important;
    }

    span.wap {
        display: inline !important;
    }

    .pcshow,
    #header,
    .n_nav,
    .online_q,
    .search_btn,
    .index-banner-swiper .banner-prev,
    .index-banner-swiper .banner-next {
        display: none !important;
    }

    #m_header,
    #nav_btn_box,
    #m_n_nav {
        display: block !important;
    }

    body {
        padding-top: 4.5rem !important;
    }

    .m {
        padding: 0 20px !important;
    }

    /* 移动端头部：固定顶部 + logo与菜单水平对齐 */
    #m_header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 4.5rem !important;
        z-index: 996 !important;
        background: #fff !important;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important;
    }

    #m_header .m {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    #m_logo {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        padding-left: 8px !important;
    }

    #m_logo a {
        display: flex !important;
        align-items: center !important;
        line-height: 0 !important;
    }

    #m_header #m_logo img {
        height: 26px !important;
        display: block !important;
    }

    #nav_btn_box {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        height: 4.5rem !important;
        z-index: 998 !important;
        margin-left: 0 !important;
    }

    #nav_btn_box .m {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        padding-left: 0 !important;
        padding-right: 20px !important;
    }

    #m_nav li h3 {
        font-size: 17px !important;
    }

    #m_nav .title .list a {
        font-size: 15px !important;
    }

    /* 手机导航产品中心：默认只显示一级，点击展开二级 */
    #m_nav .product-m-nav > span.m-p-l1 {
        display: block !important;
    }

    #m_nav .product-m-nav .m-p-l1-hd {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    #m_nav .product-m-nav .m-p-l1-hd > a {
        flex: 1 !important;
        font-weight: 600 !important;
        color: #333 !important;
    }

    #m_nav .product-m-nav .m-p-toggle {
        display: inline-block !important;
        width: 30px !important;
        height: 2.5rem !important;
        flex-shrink: 0 !important;
        background: url(../images/arrow_down.svg) center no-repeat !important;
        background-size: 14px !important;
        cursor: pointer !important;
        transition: transform .3s !important;
    }

    #m_nav .product-m-nav .m-p-l1.on .m-p-toggle {
        transform: rotate(-90deg) !important;
    }

    #m_nav .product-m-nav .m-p-l2 {
        display: none;
    }

    #m_nav .product-m-nav .m-p-l1.on .m-p-l2 {
        display: block !important;
    }

    #m_nav .product-m-nav span .void > a {
        padding-left: 1rem !important;
        font-weight: 500 !important;
    }

    #m_nav .product-m-nav span .sub {
        display: block !important;
        padding-left: 1rem !important;
    }

    #m_nav .product-m-nav span .sub a {
        float: none !important;
        display: block !important;
        padding-left: 1rem !important;
        font-size: 14px !important;
        color: #666 !important;
        min-width: auto !important;
    }

    /* 首页 Banner 满屏 */
    .index-banner-swiper,
    .index-banner-swiper .swiper-wrapper,
    .index-banner-swiper .swiper-slide,
    .index-banner-item {
        height: 100vh !important;
        min-height: 100vh !important;
    }

    .index-banner-item .img,
    .index-banner-item .img .pic,
    .index-banner-swiper .swiper-slide .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic img,
    .index-banner-item .img .pic img {
        width: 100% !important;
        height: 100vh !important;
        min-height: 100vh !important;
    }

    .index-banner-item .img .pic {
        background-size: cover !important;
        background-position: center center !important;
    }

    .index-banner-item .img .pic img.mbshow {
        object-fit: cover !important;
    }

    .index-banner-item .text {
        left: 5% !important;
        top: 45% !important;
        width: 90% !important;
        transform: translateY(-50%) !important;
    }

    .index-banner-swiper .title-1 strong {
        font-size: 1.6rem !important;
        line-height: 1.35 !important;
    }

    .index-banner-swiper .title-2 {
        width: 100% !important;
    }

    .index-banner-swiper .title-2 strong {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    .index-banner-swiper .more-1 a {
        height: 37px !important;
    }

    .banner-swiper-bottom {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        padding-bottom: 15px !important;
    }

    /* About 简介区 wjb */
    .wjb_hero_section {
        padding: 60px 0 40px !important;
        background-size: cover !important;
    }

    .wjb_hero_top_label {
        font-size: 16px !important;
        text-align: center !important;
    }

    .wjb_hero_title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .sy_about .wjb_hero_top_label,
    .sy_about .wjb_hero_title {
        text-align: left !important;
    }

    .wjb_hero_content.sy_about {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .wjb_hero_left {
        padding-right: 0 !important;
        text-align: left !important;
    }

    .wjb_hero_left h2 {
        font-size: 22px !important;
    }

    .wjb_hero_left p,
    .wjb_hero_left .nnrr {
        font-size: 15px !important;
        line-height: 1.7 !important;
        text-align: left !important;
    }

    .wjb_hero_left .nnrr br {
        display: none !important;
    }

    .wjb_btn_black {
        margin: 20px 0 0 !important;
        width: auto !important;
        display: inline-flex !important;
    }

    .wjb_hero_center {
        width: 100% !important;
    }

    .wjb_hero_center_img video,
    .wjb_hero_center_img #vipsp {
        width: 100% !important;
        height: auto !important;
        max-height: 260px !important;
    }

    .wjb_hero_right {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.2rem !important;
        margin-top: 30px !important;
    }

    .wjb_stat_num {
        font-size: 32px !important;
    }

    .wjb_stat_label {
        font-size: 14px !important;
    }

    .wjb_stat_item .icon {
        width: 50px !important;
        height: 50px !important;
    }

    .wjb_hero_watermark {
        display: none !important;
    }

    /* 厂区图 */
    .wjb_hero_shuzi {
        height: 200px !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }

    .wjb_hero_shuzi::before {
        display: none !important;
    }

    /* 产品分类百叶窗 */
    .product-banner {
        padding: 50px 15px !important;
    }

    .product-banner .wjb_hero_title {
        font-size: 24px !important;
    }

    .product-banner .wjb_hero_left p {
        font-size: 15px !important;
        text-align: center !important;
    }

    .product-banner .wjb_hero_left p br {
        display: none !important;
    }

    .category-container {
        flex-direction: column !important;
        height: auto !important;
        margin-top: 25px !important;
        gap: 10px !important;
    }

    .category-item {
        flex: none !important;
        min-height: 80px !important;
        width: 100% !important;
    }

    .category-item.active {
        flex: none !important;
        min-height: 220px !important;
    }

    .category-item .item-content {
        padding: 20px 15px !important;
    }

    .category-item .item-name {
        font-size: 18px !important;
        white-space: normal !important;
        margin-bottom: 12px !important;
    }

    .category-item .item-icon {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 10px !important;
    }

    .category-item.active .sub-category-wrap {
        max-height: 300px !important;
    }

    .sub-list {
        gap: 6px !important;
    }

    .sub-list li {
        font-size: 13px !important;
        padding: 5px 12px !important;
    }

    /* 热销产品 */
    .wjb_projects_section {
        padding: 50px 0 !important;
    }

    .wjb_projects_header {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        margin-bottom: 30px !important;
    }

    .wjb_projects_label {
        font-size: 16px !important;
    }

    .wjb_projects_title_1 {
        font-size: 24px !important;
    }

    .wjb_projects_desc {
        font-size: 15px !important;
        align-self: start !important;
    }

    .wjb_project_card {
        aspect-ratio: 4/3 !important;
    }

    .wjb_btn_more {
        font-size: 14px !important;
        padding: 8px 14px !important;
    }

    .wjb_btn_red {
        font-size: 16px !important;
    }

    /* 优势区 wja */
    .wja_services_section {
        min-height: auto !important;
    }

    #wja_services_bg {
        background-size: cover !important;
        background-attachment: scroll !important;
    }

    .wja_container {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        margin-top: 30px !important;
        padding: 30px 15px !important;
    }

    .wja_services_left {
        padding-top: 0 !important;
    }

    .wja_services_title {
        font-size: 24px !important;
    }

    .wja_services_desc {
        font-size: 15px !important;
    }

    .wja_services_grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .wja_service_card {
        padding: 1.2rem !important;
    }

    .wja_service_title {
        font-size: 16px !important;
    }

    .wja_service_desc {
        font-size: 13px !important;
    }

    /* 服务特色 */
    .featured-services-row {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .featured-services-item {
        padding: 30px 25px 20px !important;
    }

    .featured-services-item-title {
        font-size: 20px !important;
    }

    .featured-services-item-des {
        font-size: 15px !important;
    }

    section.section,
    section {
        padding: 50px 0 !important;
    }

    .section-title {
        padding-bottom: 20px !important;
    }

    .section-title p,
    .rkx_sy_bt h2 {
        font-size: 24px !important;
    }

    /* 新闻 */
    .rkx_sy_bt {
        padding: 40px 0 20px !important;
    }

    .rkx_sy_bt h2.font54 {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }

    .news-content-list {
        grid-template-columns: 1fr !important;
    }

    .news-content-item {
        width: 99% !important;
        margin-bottom: 15px !important;
    }

    .news-content-item a {
        display: block !important;
        flex-direction: column !important;
    }

    .news-content-item .img {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .news-content-item .title-1 {
        font-size: 18px !important;
    }

    /* 联系我们 */
    .sy_lx {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .sy_contact {
        background-size: cover !important;
    }

    .sy_lx .info-item {
        margin-bottom: 15px !important;
    }

    /* 页脚 */
    .footer-top .gy-4 {
        display: none !important;
    }

    .footer .footer-newsletter {
        padding: 40px 15px !important;
    }

    .footer .copyright {
        border-top: 0 !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
        font-size: 13px !important;
        padding: 15px !important;
    }

    /* 内页 Banner */
    .polaris-banner {
        height: 30vh !important;
        min-height: 180px !important;
        overflow: hidden !important;
    }

    .polaris-banner img {
        max-width: 200% !important;
        width: 200% !important;
        margin-top: 0 !important;
    }

    .polaris-banner .title-1 {
        font-size: 1.6rem !important;
    }

    /* 关于我们 */
    .polaris-company-profile {
        padding: 30px 0 !important;
        background-attachment: scroll !important;
        background-size: cover !important;
    }

    .company-profile-top {
        margin-bottom: 40px !important;
    }

    .company-profile-left,
    .company-profile-right {
        width: 100% !important;
        float: none !important;
    }

    .company-profile-left {
        height: auto !important;
        margin-bottom: 20px !important;
    }

    .company-profile-left .gezhi-1 {
        left: 0 !important;
        width: 100% !important;
    }

    .company-profile-right {
        width: 100% !important;
        padding: 15px !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

    .company-profile-right.ny_honor {
        box-shadow: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .company-profile-right.ny_honor .news-content-item {
        margin: 0 !important;
        width: 100% !important;
    }

    .index_jieshao-top .title-2 {
        font-size: 22px !important;
        margin-top: 15px !important;
    }

    .index-about-us-date {
        grid-template-columns: 1fr !important;
    }

    .index-about-us-date ul li .font60 {
        font-size: 35px !important;
    }

    .index-about-us-date ul li .font30 {
        font-size: 18px !important;
    }

    /* 产品列表 */
    .polaris-product-series {
        padding: 30px 0 !important;
    }

    .polaris-product-item {
        width: 92% !important;
        margin: 0 4% 20px !important;
        float: none !important;
    }

    .polaris-product-item .text {
        top: auto !important;
    }

    .polaris-product-item .title-2 {
        font-size: 16px !important;
    }

    .proda_left,
    .product-detail-text {
        width: 100% !important;
    }

    .ny_prodaz .text_js {
        overflow-x: auto !important;
    }

    /* 侧边栏 */
    .right_con,
    .main_con .line {
        display: none !important;
    }

    .main_con {
        flex-direction: column !important;
    }

    /* 旧版兼容 */
    .header-logo {
        width: 45% !important;
    }

    .footer-left {
        width: 50% !important;
    }

    .footer-nav .title-1 {
        font-size: 17px !important;
    }

    .footer-nav .contact-us-1 {
        font-size: 15px !important;
        line-height: 25px !important;
    }

    .between {
        display: block !important;
    }

    .home11_1 li {
        width: 100% !important;
    }

    .wj_index_pro {
        height: auto !important;
    }

    .index_news {
        height: auto !important;
    }

    .guide {
        width: 100% !important;
        margin-top: -150px !important;
    }

    .gui_l,
    .gui_r {
        width: 92% !important;
        padding: 4% !important;
    }

    .pz2 ul li {
        width: 49% !important;
    }

    .n_aboutz table tr td:nth-child(3) {
        display: none !important;
    }

    .jishu_l,
    .jishu_r {
        width: 100% !important;
    }

    .jishu_l {
        margin-bottom: 10px !important;
    }
}


/* ---------- 手机 (≤768px) ---------- */
@media screen and (max-width: 768px) {

    body {
        padding-top: 3.5rem !important;
    }

    .m {
        padding: 0 15px !important;
    }

    /* Banner */
    .index-banner-swiper {
      /*  min-height: 360px !important;*/
    }

    .index-banner-swiper .swiper-slide-active .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic img {
       /* height: 360px !important;*/
    }

    .index-banner-item .text {
        top: 42% !important;
    }

    .index-banner-swiper .title-1 strong {
        font-size: 1.35rem !important;
    }

    .index-banner-swiper .title-2 strong {
        font-size: 0.85rem !important;
    }

    /* About */
    .wjb_hero_section {
        padding: 40px 0 30px !important;
    }

    .wjb_hero_title {
        font-size: 20px !important;
    }

    .wjb_hero_right {
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
    }

    .wjb_stat_num {
        font-size: 26px !important;
    }

    .wjb_stat_label {
        font-size: 12px !important;
    }

    /* 产品分类 */
    .category-item.active {
        min-height: 200px !important;
    }

    .category-item .item-name {
        font-size: 16px !important;
    }

    /* 优势 */
    .wja_services_grid {
        grid-template-columns: 1fr !important;
    }

    .wja_services_title {
        font-size: 20px !important;
    }

    /* 新闻 */
    .news-content-item .text .text {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 内页 */
    .polaris-banner {
        height: 25vh !important;
        min-height: 150px !important;
    }

    .polaris-banner .title-1 {
        font-size: 1.4rem !important;
    }

    .company-profile-culture {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .certificate-honor-type a {
        width: 48% !important;
    }

    .n_news02 ul {
        grid-template-columns: 1fr !important;
    }

    .n_xiangmu ul {
        grid-template-columns: 1fr !important;
    }

    .n_lianxi .bd {
        grid-template-columns: 1fr !important;
    }

    .n_xiazai ul {
        grid-template-columns: 1fr !important;
    }

    .n_zizhi ul.ul1,
    .n_zizhi ul.ul2 {
        grid-template-columns: 1fr !important;
    }

    .sy_jiejue .container {
        grid-template-columns: 1fr !important;
    }

    .sy_about {
        flex-direction: column !important;
    }

    .sy_about_l,
    .sy_about_r {
        width: 100% !important;
    }

    .sy_about_r img {
        width: 100% !important;
    }
}


/* ---------- 小屏手机 (≤480px) ---------- */
@media screen and (max-width: 480px) {

    body {
        padding-top: 4.5rem !important;
    }

    .m {
        padding: 0 12px !important;
    }

    #m_header #m_logo img {
        height: 24px !important;
    }

    #nav_btn_box .m {
        padding-right: 12px !important;
    }

    /* Banner */
    .index-banner-swiper,
    .index-banner-item,
    .index-banner-item .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic img {
        height: 100vh !important;
        min-height: 100vh !important;
    }

    .index-banner-item .text {
        top: 40% !important;
        left: 4% !important;
        width: 92% !important;
    }

    .index-banner-swiper .title-1 strong {
        font-size: 1.15rem !important;
        letter-spacing: 0 !important;
    }

    .index-banner-swiper .title-2 strong {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }

    .index-banner-swiper .more-1 {
        margin-bottom: 10px !important;
    }

    .more-1 a {
        height: 32px !important;
        line-height: 32px !important;
        width: 10rem !important;
        font-size: 14px !important;
    }

    /* About */
    .wjb_hero_top_label {
        font-size: 14px !important;
    }

    .wjb_hero_title {
        font-size: 18px !important;
    }

    .wjb_hero_left p,
    .wjb_hero_left .nnrr {
        font-size: 14px !important;
    }

    .wjb_hero_right {
      
		grid-template-columns: repeat(2, 1fr) !important;
		
		
        gap: 0.8rem !important;
    }
	.wjb_stat_item .icon {
   
    margin: 0px auto!important;
}
	.subscribe_box_title div { font-size: 25px!important;}
	.wjb_project_img img { width: 100%!important; height: 100%!important; object-fit: cover!important;}
	
	
	
    .wjb_stat_item {
        text-align: center !important;
    }

    .wjb_stat_num {
        font-size: 28px !important;
    }

    .wjb_btn_black {
        width: 100% !important;
        justify-content: center !important;
    }

    .wjb_hero_center_img video,
    .wjb_hero_center_img #vipsp {
        max-height: 200px !important;
    }

    /* 产品分类 */
    .product-banner .wjb_hero_title {
        font-size: 20px !important;
    }

    .category-item {
        min-height: 70px !important;
    }

    .category-item.active {
        min-height: 180px !important;
    }

    .sub-list li {
        font-size: 12px !important;
    }

    /* 热销产品 */
    .wjb_projects_title_1 {
        font-size: 20px !important;
    }
    .wjb_projects_desc {
        font-size: 14px !important;
    }

    /* 优势 */
    .wja_services_title {
        font-size: 18px !important;
    }

    .wja_services_desc {
        font-size: 14px !important;
    }

    .wja_view_all_btn {
        font-size: 14px !important;
    }

    /* 服务 */
    .featured-services-item {
        padding: 25px 20px 15px !important;
    }

    .featured-services-item-title {
        font-size: 18px !important;
    }

    .featured-services-item-des {
        font-size: 14px !important;
    }

    /* 新闻 */
    .rkx_sy_bt h2,
    .rkx_sy_bt h2.font54,
    .section-title p {
        font-size: 20px !important;
    }

    .news-content-item .title-1 {
        font-size: 16px !important;
    }

    /* 内页 */
    .polaris-banner {
        height: 20vh !important;
        min-height: 120px !important;
    }

    .polaris-banner .title-1 {
        font-size: 1.2rem !important;
    }

    .polaris-banner .text-1 {
        font-size: 12px !important;
    }

    .index_jieshao-top .title-2 {
        font-size: 18px !important;
    }

    .polaris-product-item {
        width: 100% !important;
        margin: 0 0 15px !important;
    }

    .n_banner {
        height: 12rem !important;
    }

    .n_banner h3,
    .n_banner .m h3 {
        font-size: 1.5rem !important;
    }

    .n_tt h3 {
        font-size: 1.5rem !important;
    }

    .ar_title h1 {
        font-size: 1.4rem !important;
    }

    .foot_logo img {
        width: 6rem !important;
    }

    #foot .box1 {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 2rem 0 !important;
    }

    .footer .copyright {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    .pz2 ul li {
        width: 100% !important;
    }

    .iab .warp .bot ul li {
        width: 50% !important;
    }

    .footer-left {
        width: 100% !important;
    }
}


/* ---------- 横屏小屏优化 ---------- */
@media screen and (max-width: 896px) and (orientation: landscape) {
    .index-banner-swiper,
    .index-banner-item,
    .index-banner-item .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic,
    .index-banner-swiper .swiper-slide-active .img .pic img {
        height: 100vh !important;
        min-height: 100vh !important;
    }

    .index-banner-item .text {
        top: 50% !important;
    }

    .wjb_hero_shuzi {
        height: 150px !important;
    }
}









 @media only screen  and (max-width:2400px){}
 @media only screen  and (max-width:1024px){




	 .nav_mask{ display: none;}

.top_menu_box{ display: none!important;}

	 .index-banner-item .img .pic { background-size: cover !important; background-position: center center !important; height: 100vh !important; }

	 .index_jieshao-top .title-2 { margin-bottom: 0px!important;}

.news-content-item .text {
  
    width: 100%!important;
}
	 
	 .menu_ny ul { padding-left: 0px!important;}
	 
	 	 .menu_ny li  {
   
   width: auto!important;
}
	 
	 .menu_ny li a {
   
    padding: 0px 20px;
}
	.bg_left {
    width: 100%!important;
    
} 
	 
	 .product-detail-text .title h1{  font-size: 22px!important;}	 
	 
	 
	 .ny_more .more-1 a {
    width: 49%!important;
   
}
	 
	 .ny_cp_xq_txt {
   
    overflow-y: auto;
}
	 

}
@media (min-width: 1024px) and (max-width: 1920px){ }