/* ============================================================
   东纺官网移动端适配样式 (mobile.css)
   引入方式: 在 menu.html 中通过 <link> 引入(已在所有页面全局加载)
   断点: 手机端 <=768px, 平板 769px~1024px
   ============================================================ */

/* ---------- 全局重置 ---------- */
@media screen and (max-width: 768px) {
  html, body {
    max-width: 100vw;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  /* 覆盖所有固定 1200px 容器 */
  .content,
  .footer_content,
  .menu_top,
  .index_body .layer1 .layer1_content,
  .index_body .layer2 .layer2_content,
  .index_body .layer3 .layer3_content,
  .index_body .layer4 .layer4_content,
  .index_body .layer5 .layer5_content,
  .index_body .layer6 .layer6_content,
  .index_body .layer7 .layer7_content,
  .index_body .layer8 .layer8_content,
  .product_body .el-tabs .el-tabs__content .content,
  .serve_body .content,
  .case_body .content,
  .cooperation_body .content,
  .custom_body .content,
  .news_body .layer1 .content,
  .news_info_body .layer1 .content,
  .aboutUs_body .content {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  /* 去除全局最小宽度限制 */
  .index_body,
  .product_body,
  .serve_body,
  .case_body,
  .cooperation_body,
  .custom_body,
  .news_body,
  .news_info_body,
  .aboutUs_body {
    min-width: auto !important;
  }

  /* 图片默认自适应 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 通用: 横向 flex 改为纵向堆叠 */
  .d_flex:not(.navbar-toggle):not(.el-menu):not(.el-menu-item) {
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* ============================================================
   导航栏 menu.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .menu_body .menu_top {
    width: 100% !important;
    padding: 0 16px;
    box-sizing: border-box;
    height: 56px;
    position: relative;
  }

  /* 隐藏桌面端 el-menu 和按钮组 */
  .menu_body .menu_top .el-menu--horizontal,
  .menu_body .menu_top .button_group {
    display: none !important;
  }

  /* 显示汉堡按钮 */
  .menu_hamburger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: 28px !important;
    height: 28px !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1001 !important;
  }
  .menu_hamburger span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #5C5F66 !important;
    margin: 3px 0 !important;
    border-radius: 2px !important;
    transition: all 0.3s !important;
  }

  /* 汉堡按钮激活状态(变X) */
  .menu_hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px) !important;
  }
  .menu_hamburger.active span:nth-child(2) {
    opacity: 0 !important;
  }
  .menu_hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px) !important;
  }

  /* 手机端展开菜单 */
  .mobile_menu_overlay {
    display: none;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 56px) !important;
    background: #fff !important;
    z-index: 999 !important;
    overflow-y: auto !important;
    flex-direction: column !important;
    padding: 16px 0 !important;
    box-sizing: border-box !important;
  }
  .mobile_menu_overlay.show {
    display: flex !important;
  }
  .mobile_menu_overlay a {
    display: block !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    color: #5C5F66 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-decoration: none !important;
  }
  .mobile_menu_overlay a:active,
  .mobile_menu_overlay a.active {
    color: #1977FB !important;
    background: #f0f7ff !important;
  }
  .mobile_menu_overlay .sub_link {
    padding-left: 40px !important;
    font-size: 14px !important;
    color: #8489A3 !important;
  }

  /* 导航固定 */
  .menu_body .nav_fixed {
    width: 100% !important;
  }
  .menu_body .menu_content {
    margin-top: 56px !important;
  }
}

/* 平板: 显示简化菜单 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .menu_body .menu_top {
    width: 100% !important;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .menu_body .menu_top .el-menu-item {
    margin: 0 8px !important;
    font-size: 14px !important;
  }
  .menu_body .menu_top .button_group .b_text {
    font-size: 14px !important;
    margin-right: 8px !important;
  }
}

/* ============================================================
   页脚 footer.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .footer_body {
    height: auto !important;
    padding-bottom: 80px !important;
  }

  .footer_body .footer_content {
    width: 100% !important;
    padding: 24px 16px !important;
    box-sizing: border-box;
  }

  .footer_body .footer_content .footer_content_top {
    flex-direction: column !important;
    height: auto !important;
    padding-top: 32px !important;
    align-items: center !important;
  }

  .footer_body .footer_content .footer_content_top .footer_logo {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center !important;
  }
  .footer_body .footer_content .footer_content_top .footer_logo .footer_logo_img {
    margin: 0 auto !important;
  }
  .footer_body .footer_content .footer_content_top .footer_logo .footer_tel {
    justify-content: center !important;
  }

  .footer_body .footer_content .footer_content_top .footer_top_divider {
    display: none !important;
  }

  .footer_body .footer_content .footer_content_top .footer_contact_us {
    margin-top: 16px !important;
    text-align: center !important;
  }

  .footer_body .footer_content .footer_content_top .footer_qr_code {
    margin-left: 0 !important;
    margin-top: 16px !important;
    justify-content: center !important;
  }

  .footer_body .footer_content .footer_content_bottom {
    flex-direction: column !important;
  }

  .footer_body .footer_content .footer_content_bottom .footer_rests {
    margin-bottom: 24px !important;
  }

  .footer_body .footer_content .footer_copyright {
    margin-top: 32px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  /* 手机端隐藏侧边栏(太占空间) */
  .sidebar {
    display: none !important;
  }
}

/* ============================================================
   首页 index.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .index_body .layer1 {
    background-size: cover !important;
    min-height: 420px !important;
  }
  .index_body .layer1 .layer1_content {
    width: 100% !important;
    padding: 60px 16px 40px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
  .index_body .layer1 .layer1_content .text1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .index_body .layer1 .layer1_content .text2 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-top: 16px !important;
  }
  .index_body .layer1 .layer1_content .text3 {
    flex-direction: column !important;
    margin-top: 24px !important;
  }
  .index_body .layer1 .layer1_content .text3 .input {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
  }
  .index_body .layer1 .layer1_content .text3 .button {
    width: 100% !important;
  }

  /* layer2: 4个价值点卡片堆叠 */
  .index_body .layer2 .layer2_content {
    padding-bottom: 48px !important;
  }
  .index_body .layer2 .layer2_content .text3 {
    flex-direction: column !important;
    padding: 24px 16px !important;
  }
  .index_body .layer2 .layer2_content .text3 .layer2_item {
    width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
    margin-bottom: 16px;
    padding: 16px 0 !important;
    box-sizing: border-box;
  }
  .index_body .layer2 .layer2_content .text3 .el-divider--vertical {
    display: none !important;
  }

  /* layer3: Tab内容堆叠 */
  .index_body .layer3 .layer3_content {
    padding-bottom: 48px !important;
  }
  .index_body .layer3 .layer3_content .text3 .el-tabs .el-tabs__header .el-tabs__nav-scroll {
    width: 100% !important;
    overflow-x: auto !important;
  }
  .index_body .layer3 .layer3_content .text3 .el-tabs .el-tabs__header .el-tabs__item {
    width: auto !important;
    min-width: 100px !important;
    height: 56px !important;
    line-height: 56px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
  }

  /* layer4: 新闻列表 */
  .index_body .layer7 .layer7_content .text3 {
    flex-direction: column !important;
  }
  .index_body .layer7 .layer7_content .text3 .new_img img {
    width: 100% !important;
    height: auto !important;
  }
  .index_body .layer7 .layer7_content .text3 .list {
    margin-left: 0 !important;
    margin-top: 16px !important;
    padding: 16px !important;
  }
  .index_body .layer7 .layer7_content .text3 .list .l_item .list-main {
    width: 100% !important;
  }

  /* 通用标题字号 */
  .index_body .text1 {
    font-size: 24px !important;
    padding-top: 48px !important;
  }
  .index_body .text2 {
    font-size: 14px !important;
    padding: 0 16px !important;
  }
}

/* ============================================================
   产品中心 product.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .product_body .product_adv {
    height: 240px !important;
    background-size: cover !important;
  }

  /* Tab头部横向滚动 */
  .product_body .el-tabs .el-tabs__header .el-tabs__nav-scroll {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .product_body .el-tabs .el-tabs__header .el-tabs__nav {
    min-width: 100% !important;
    display: flex !important;
  }
  .product_body .el-tabs .el-tabs__header .el-tabs__item {
    flex: 1 !important;
    min-width: 80px !important;
    width: auto !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 14px !important;
    padding: 0 8px !important;
  }

  /* 模块内容: 图文上下排列 */
  .product_body .el-tabs .el-tabs__content .layer1 {
    height: auto !important;
    min-height: auto !important;
    padding: 32px 16px !important;
    flex-direction: column !important;
  }
  .product_body .el-tabs .el-tabs__content .layer1 > div:first-child,
  .product_body .el-tabs .el-tabs__content .layer1 > div:last-child {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_1,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_2,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_3,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_4,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_5,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_6,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_7,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_8,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_9,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_10,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_11,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_12,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_13,
  .product_body .el-tabs .el-tabs__content .layer1 .tab1_layer_img_14 {
    width: 100% !important;
    height: 240px !important;
    background-size: contain !important;
    margin-bottom: 16px;
  }
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_1,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_2,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_3,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_4,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_5,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_6,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_7,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_8,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_9,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_10,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_11,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_12,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_13,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_14 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_1 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_2 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_3 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_4 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_5 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_6 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_7 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_8 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_9 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_10 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_11 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_12 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_13 .text_title,
  .product_body .el-tabs .el-tabs__content .layer1 .text_group_14 .text_title {
    font-size: 22px !important;
  }

  /* 隐藏左侧锚点导航(手机端不适用) */
  .product_body .tab1_left_menu,
  .product_body .tab2_left_menu,
  .product_body .tab3_left_menu {
    display: none !important;
  }
}

/* ============================================================
   服务中心 serve.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .serve_body .serve_adv {
    height: 240px !important;
    background-size: cover !important;
  }

  .serve_body .layer1 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 48px !important;
  }
  .serve_body .layer1 .text3 {
    width: 100% !important;
    height: 240px !important;
    margin: 24px 0 0 0 !important;
    background-size: contain !important;
  }

  .serve_body .layer2 {
    height: auto !important;
    min-height: auto !important;
    padding-bottom: 48px !important;
  }
  .serve_body .layer2 .text2 {
    width: 100% !important;
    padding: 0 16px !important;
  }
  .serve_body .layer2 .text3 {
    width: 100% !important;
    height: 180px !important;
    margin: 24px 0 0 0 !important;
    background-size: contain !important;
  }
  .serve_body .layer2 .text4 {
    flex-direction: column !important;
    align-items: center !important;
  }
  .serve_body .layer2 .text4 .text4_item {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }

  .serve_body .layer3 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .serve_body .layer3 .form_box {
    width: 100% !important;
    flex-direction: column !important;
  }
  .serve_body .layer3 .form_box .el-input {
    width: 100% !important;
  }
  .serve_body .layer3 .form_box .el-button {
    width: 100% !important;
    margin-bottom: 12px !important;
  }
}

/* ============================================================
   成功案例 case.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .case_body .case_adv {
    height: 240px !important;
    background-size: cover !important;
  }

  .case_body .content .text {
    padding-top: 48px !important;
    font-size: 24px !important;
  }

  /* Tab头部横向滚动 */
  .case_body .layer1 .el-tabs__header {
    width: 100% !important;
    margin: 0 0 24px !important;
    overflow-x: auto !important;
  }
  .case_body .layer1 .el-tabs__header .el-tabs__item {
    padding: 0 24px !important;
    font-size: 14px !important;
  }

  /* 合作企业logo: 纵向排列 */
  .case_body .layer1 .el-tabs__content .layer1_img {
    width: 45% !important;
    margin-right: 3% !important;
    margin-bottom: 12px !important;
    display: inline-block !important;
    vertical-align: top;
  }

  /* 客户见证轮播 */
  .case_body .layer2 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .case_body .layer2 .case_swiper {
    width: 90% !important;
    height: auto !important;
    min-height: 300px !important;
  }
  .case_body .layer2 .swiper-slide .video_item {
    flex-direction: column !important;
  }
  .case_body .layer2 .swiper-slide .video_item .left {
    width: 100% !important;
    height: 200px !important;
  }
  .case_body .layer2 .swiper-slide .video_item .right {
    width: 100% !important;
    height: auto !important;
    padding: 16px !important;
    box-sizing: border-box;
  }
  .case_body .layer2 .swiper-slide .video_item .right .title {
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
  }

  /* 隐藏3D轮播的左右缩略图 */
  .case_body .layer2 .left-swiper,
  .case_body .layer2 .right-swiper {
    display: none !important;
  }
}

/* ============================================================
   加盟合作 cooperation.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .cooperation_body .cooperation_adv {
    height: 320px !important;
    background-size: cover !important;
  }
  .cooperation_body .cooperation_adv .adv_title1 {
    font-size: 28px !important;
    line-height: 40px !important;
    padding-top: 60px !important;
    letter-spacing: 4px !important;
  }
  .cooperation_body .cooperation_adv .adv_text {
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 0 16px !important;
  }

  .cooperation_body .content .text1 {
    font-size: 24px !important;
    padding-top: 48px !important;
  }

  /* 5大优势卡片: 纵向堆叠 */
  .cooperation_body .layer1 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .cooperation_body .layer1 .d_flex {
    flex-direction: column !important;
    align-items: center !important;
  }
  .cooperation_body .layer1 .layer1_item {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
  .cooperation_body .layer1 .layer1_item .item_icon_1,
  .cooperation_body .layer1 .layer1_item .item_icon_2,
  .cooperation_body .layer1 .layer1_item .item_icon_3,
  .cooperation_body .layer1 .layer1_item .item_icon_4,
  .cooperation_body .layer1 .layer1_item .item_icon_5 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cooperation_body .layer2 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .cooperation_body .layer2 .layer2_img {
    height: 240px !important;
    background-size: contain !important;
    margin-top: 24px !important;
  }

  .cooperation_body .layer3 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .cooperation_body .layer3 .layer3_img {
    width: 90% !important;
    height: 120px !important;
    background-size: contain !important;
  }
}

/* ============================================================
   定制开发 custom.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .custom_body .custom_adv {
    height: 240px !important;
    background-size: cover !important;
  }

  .custom_body .content .title {
    font-size: 24px !important;
    padding-top: 48px !important;
  }

  /* layer1: 4个服务卡片堆叠 */
  .custom_body .layer1 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer1 .d_flex {
    flex-direction: column !important;
    align-items: center !important;
  }
  .custom_body .layer1 .layer1_item {
    width: 90% !important;
    height: auto !important;
    min-height: 200px !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }

  /* layer2: 服务流程图 */
  .custom_body .layer2 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer2 .layer2_img {
    width: 100% !important;
    height: 300px !important;
    background-size: contain !important;
    margin-top: 24px !important;
  }

  /* layer3: 合作保障图 */
  .custom_body .layer3 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer3 .layer3_img {
    height: 240px !important;
    background-size: contain !important;
    margin-top: 0 !important;
  }

  /* layer4: 为什么选择 */
  .custom_body .layer4 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer4 .layer4_img {
    height: 180px !important;
    background-size: contain !important;
  }

  /* layer5: 团队实力 */
  .custom_body .layer5 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer5 .d_flex {
    flex-direction: column !important;
    align-items: center !important;
  }
  .custom_body .layer5 .layer5_img {
    width: 90% !important;
    height: 200px !important;
    margin-right: 0 !important;
    margin-top: 16px !important;
    background-size: contain !important;
  }

  /* layer7: 咨询表单 */
  .custom_body .layer7 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer7 .content {
    padding-top: 48px !important;
  }
  .custom_body .layer7 .content .form_box {
    flex-direction: column !important;
    height: auto !important;
  }
  .custom_body .layer7 .content .form_box .left {
    width: 100% !important;
    height: 240px !important;
    background-size: cover !important;
  }
  .custom_body .layer7 .content .form_box .right {
    width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box;
  }

  /* layer8: 实施体系(与serve重复) */
  .custom_body .layer8 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .custom_body .layer8 .text3 {
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    background-size: contain !important;
  }
  .custom_body .layer8 .text4 {
    flex-direction: column !important;
    align-items: center !important;
  }
  .custom_body .layer8 .text4 .text4_item {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
}

/* ============================================================
   行业干货 news.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .news_body .news_adv {
    height: 200px !important;
    background-size: cover !important;
  }

  .news_body .layer1 .content {
    flex-direction: column !important;
  }

  /* 新闻列表 */
  .news_body .layer1 .content .list_box {
    margin-bottom: 48px !important;
    width: 100% !important;
  }
  .news_body .layer1 .content .list_box .list .l_item {
    width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
    flex-direction: column !important;
  }
  .news_body .layer1 .content .list_box .list .l_item img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    margin-bottom: 8px;
  }

  /* 热门文章侧栏 → 移到列表下方 */
  .news_body .layer1 .content .hot_box {
    margin-left: 0 !important;
    width: 100% !important;
    margin-top: 24px;
  }
  .news_body .layer1 .content .hot_box .list {
    padding: 16px !important;
  }
  .news_body .layer1 .content .hot_box .list .l_item {
    width: 100% !important;
  }

  /* 分页 */
  .news_body .layer1 .content .list_box .page .el-pagination {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

/* ============================================================
   文章详情 news_info.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .news_info_body .news_adv {
    height: 200px !important;
    background-size: cover !important;
  }

  .news_info_body .layer1 .content {
    flex-direction: column !important;
  }

  .news_info_body .layer1 .content .info_box {
    width: 100% !important;
    padding: 24px 16px 32px !important;
    margin-bottom: 32px !important;
    box-sizing: border-box;
  }
  .news_info_body .layer1 .content .info_box .title {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  /* 上下篇导航: 纵向排列 */
  .news_info_body .layer1 .content .info_box .news_prev,
  .news_info_body .layer1 .content .info_box .news_next {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  .news_info_body .layer1 .content .info_box .news_prev .sub_text,
  .news_info_body .layer1 .content .info_box .news_next .sub_text {
    width: 160px !important;
  }

  /* 热门文章侧栏 */
  .news_info_body .layer1 .content .hot_box {
    margin-left: 0 !important;
    width: 100% !important;
    margin-bottom: 48px;
  }
  .news_info_body .layer1 .content .hot_box .list {
    padding: 16px !important;
  }
  .news_info_body .layer1 .content .hot_box .list .l_item {
    width: 100% !important;
  }
}

/* ============================================================
   关于东纺 about_us.html 移动端
   ============================================================ */
@media screen and (max-width: 768px) {
  .aboutUs_body .aboutUs_adv {
    height: 200px !important;
    background-size: cover !important;
  }

  /* layer1, layer2: 图文纵向排列 */
  .aboutUs_body .layer1,
  .aboutUs_body .layer2 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .aboutUs_body .layer1 .d_flex,
  .aboutUs_body .layer2 .d_flex {
    flex-direction: column !important;
  }
  .aboutUs_body .layer1 .layer1_img {
    width: 100% !important;
    height: 240px !important;
    margin: 24px 0 0 0 !important;
    background-size: contain !important;
  }
  .aboutUs_body .layer1 .title,
  .aboutUs_body .layer1 .text,
  .aboutUs_body .layer2 .title,
  .aboutUs_body .layer2 .text {
    width: 100% !important;
    font-size: 20px !important;
  }

  /* layer3: 管理简单图 */
  .aboutUs_body .layer3 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .aboutUs_body .layer3 .text {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    font-size: 14px !important;
  }
  .aboutUs_body .layer3 .layer3_img {
    width: 100% !important;
    height: 120px !important;
    margin: 24px 0 0 0 !important;
    background-size: contain !important;
  }

  /* layer4: 系统介绍图 */
  .aboutUs_body .layer4 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .aboutUs_body .layer4 .layer4_img {
    height: 240px !important;
    background-size: contain !important;
  }

  /* layer5: 地图+联系方式 */
  .aboutUs_body .layer5 {
    height: auto !important;
    padding-bottom: 48px !important;
  }
  .aboutUs_body .layer5 .d_flex {
    flex-direction: column !important;
  }
  .aboutUs_body .layer5 .map {
    width: 100% !important;
    height: 300px !important;
  }
  .aboutUs_body .layer5 .map_info {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 24px !important;
  }
}

/* ============================================================
   Element UI 弹窗移动端修复
   ============================================================ */
@media screen and (max-width: 768px) {
  .index_dialog,
  .footer_dialog,
  .cooperation_dialog {
    width: 90% !important;
    max-width: 90% !important;
  }
}

/* ============================================================
   平板适配 (769px~1024px)
   ============================================================ */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content,
  .footer_content,
  .menu_top,
  .index_body .layer1 .layer1_content,
  .index_body .layer2 .layer2_content,
  .index_body .layer3 .layer3_content,
  .index_body .layer4 .layer4_content,
  .index_body .layer5 .layer5_content,
  .index_body .layer6 .layer6_content,
  .index_body .layer7 .layer7_content,
  .index_body .layer8 .layer8_content,
  .product_body .el-tabs .el-tabs__content .content,
  .serve_body .content,
  .case_body .content,
  .cooperation_body .content,
  .custom_body .content,
  .news_body .layer1 .content,
  .news_info_body .layer1 .content,
  .aboutUs_body .content {
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box;
  }

  /* 产品页左侧导航缩小 */
  .product_body .tab1_left_menu,
  .product_body .tab2_left_menu,
  .product_body .tab3_left_menu {
    left: 4px !important;
    transform: scale(0.85) !important;
    transform-origin: left center !important;
  }

  /* 定制开发表单 */
  .custom_body .layer7 .content .form_box .left,
  .custom_body .layer7 .content .form_box .right {
    width: 50% !important;
  }
}