/**
 * 手机/平板适配（仅移动端）
 * 断点：1024px、768px
 * 不改动桌面端原有样式，仅在媒体查询内覆盖
 */

/* 桌面端隐藏汉堡按钮（JS 注入后也不影响桌面） */
.m-nav-toggle {
  display: none;
}

/* 桌面端隐藏手机导航里的语言切换、二级菜单开关 */
.m-lang-item,
.m-sub,
.m-sub-toggle {
  display: none !important;
}

.m-sub-hd {
  display: contents;
}

/* ========== ≤1024px（平板/大屏手机） ========== */
@media screen and (max-width: 1024px) {

  html {
    overflow-x: hidden !important;
    max-width: 100% !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    padding-top: 70px !important;
  }

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

  /* 标题最大 24px，正文最小 15px */
  h1, h2, h3,
  .pro_title,
  .pro_title h2,
  .pro_title p,
  .youbian_about h2,
  .news_title h2,
  .main-title-cn,
  .ny1,
  .ny_news_da h1,
  .di h3,
  .di3 h3,
  .list1,
  .leib2 .tit,
  .leib .tit,
  .wenO p {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  p, li, td, th, dd, dt, span, a, label,
  .ny_about, .ny_about p, .ny_contact p, .ny_news,
  .ny_news_da, .ny_news_da p, .dy, .plc, .pp,
  .di3 p, .di a, .di3 a, .news_left p, .xingxi p,
  .cp .cimg h3, .roll_1, .roll_2, .sdsos {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  /* 触控尺寸 */
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input.search1,
  textarea,
  select {
    min-height: 44px !important;
    font-size: 16px !important;
    line-height: 44px !important;
    box-sizing: border-box;
    max-width: 100%;
  }

  input[type="submit"],
  input[type="button"],
  input[type="image"],
  button,
  .more a,
  .more2 a,
  .more21 a,
  .more23 a,
  .gd,
  .read a {
    min-height: 44px !important;
    min-width: 44px !important;
    font-size: 15px !important;
    line-height: 44px !important;
    display: inline-block;
    box-sizing: border-box;
  }

  /* 顶部欢迎条隐藏，节省空间 */
  #warp {
    display: none !important;
  }

  /* Logo 左 + 汉堡右，吸顶 */
  #top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 70px !important;
    margin: 0 !important;
    z-index: 10000 !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  }

  .header-lona {
    width: 100% !important;
    max-width: 100% !important;
    height: 70px !important;
    padding: 0 12px !important;
    box-sizing: border-box;
    display: block !important;
    clear: both !important;
    position: relative !important;
  }

  .logo {
    float: left !important;
    width: auto !important;
    max-width: 60% !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    line-height: 50px !important;
  }

  .logo img {
    max-height: 50px !important;
    width: auto !important;
    vertical-align: middle;
  }

  .right-nav {
    float: right !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  /* 汉堡菜单按钮（面包屑） */
  .m-nav-toggle {
    display: block !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    margin-top: -22px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 10px 8px !important;
    box-sizing: border-box;
    z-index: 10002 !important;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none;
  }

  .m-nav-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    margin: 5px 0;
    background: #18a792;
    border-radius: 2px;
    transition: 0.25s;
  }

  body.m-nav-open .m-nav-toggle span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  body.m-nav-open .m-nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  body.m-nav-open .m-nav-toggle span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .right-nav nav {
    clear: none !important;
    padding: 0 !important;
  }

  .navbar {
    display: none !important;
    float: none !important;
    position: absolute !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    z-index: 10001 !important;
  }

  body.m-nav-open .navbar {
    display: block !important;
  }

  ul#topnav {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  ul#topnav li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    line-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    background: none !important;
    border-bottom: 1px solid #eee;
  }

  ul#topnav li a,
  ul#topnav li:hover a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 48px !important;
    padding: 0 20px !important;
    font-size: 16px !important;
    background: none !important;
    box-sizing: border-box;
  }

  ul#topnav li .sub {
    display: none !important;
    position: static !important;
    width: 100% !important;
    float: none !important;
    top: auto !important;
    border: 0 !important;
    padding: 0 !important;
  }

  /* 手机导航语言切换 */
  ul#topnav li.m-lang-item {
    display: block !important;
    padding: 10px 16px 14px !important;
    line-height: normal !important;
    border-bottom: 0 !important;
    background: #f7f7f7 !important;
  }

  ul#topnav li.m-lang-item a,
  ul#topnav li.m-lang-item a.m-lang-link,
  ul#topnav li.m-lang-item:hover a {
    display: inline-block !important;
    width: auto !important;
    min-width: 44px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    color: #333 !important;
    background: #fff !important;
    border: 1px solid #18a792 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  ul#topnav li.m-lang-item a:hover {
    color: #fff !important;
    background: #18a792 !important;
  }

  /* 二级菜单 */
  ul#topnav li.m-has-sub {
    border-bottom: 1px solid #eee;
  }

  ul#topnav li.m-has-sub .m-sub-hd {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  ul#topnav li.m-has-sub .m-sub-hd > a {
    flex: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }

  ul#topnav li.m-has-sub .m-sub-toggle {
    display: block !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #eee !important;
    background: #f7f7f7 !important;
    color: #18a792 !important;
    font-size: 22px !important;
    line-height: 48px !important;
    text-align: center !important;
    cursor: pointer;
  }

  ul#topnav li.m-has-sub.open .m-sub-toggle {
    background: #18a792 !important;
    color: #fff !important;
  }

  ul#topnav li.m-has-sub .m-sub {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #fafafa !important;
    float: none !important;
    position: static !important;
  }

  ul#topnav li.m-has-sub.open .m-sub {
    display: block !important;
  }

  ul#topnav li.m-has-sub .m-sub li {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #eee !important;
    background: none !important;
  }

  ul#topnav li.m-has-sub .m-sub li a,
  ul#topnav li.m-has-sub .m-sub li:hover a {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding: 0 20px 0 36px !important;
    font-size: 15px !important;
    color: #555 !important;
    background: none !important;
    box-sizing: border-box !important;
  }

  ul#topnav li.m-has-sub .m-sub li a:hover {
    color: #18a792 !important;
  }

  /* 容器流体化 */
  .mainn,
  .wraper,
  .wraper1,
  .wrapper,
  .nymain,
  .footer-list,
  .footer_bottom-text,
  .sidebar-text,
  #main,
  .youbian_about,
  .pro_title,
  .neiiddk,
  .news_title,
  .biaoti_h2,
  #top {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .wraper,
  .wraper1,
  .nymain {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 首页 Banner iframe：高度由脚本按图片比例写入（跟图等高） */
  iframe[src*="banner"] {
    width: 100% !important;
    display: block !important;
    border: 0 !important;
    vertical-align: top !important;
    /* 占位：按当前手机图 920x904，脚本加载后会精确覆盖 */
    aspect-ratio: 920 / 904;
    height: auto !important;
    max-height: none !important;
  }

  /* 内页 Banner：恢复原先高度 */
  #banner1, #banner2, #banner3, #banner4, #banner5,
  #banner8, #banner9, #banner10, #banner11, #banner111, #banner222,
  #nybannerz, #bannerz_news, #bannerz_keyan, #bannerz_net {
    height: 140px !important;
    background-size: cover !important;
    background-position: center center !important;
  }


  /* 玻璃仪器 z1 等产品卡片：去掉过大上下空白 */
  .ny_product .row,
  .team-members.row,
  .ny_product .container .row {
    width: 100% !important;
    margin: 8px 0 12px 0 !important;
    padding: 0 !important;
  }

  .ny_product .single-member,
  .single-member.effect-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 0 16px 0 !important;
    padding: 12px !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .effect-2 .member-image {
    height: auto !important;
    max-height: none !important;
  }

  .effect-2 .member-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .effect-2:hover .member-image {
    height: auto !important;
  }

  .ny_product .newspage {
    margin: 8px 0 16px 0 !important;
  }
  /* 清除浮动，避免高度塌陷 */
  .header-lona:after,
  .youbian_about:after,
  .newsbox:after,
  #main:after,
  #footer_a:after,
  .footer_a ul:after {
    content: "";
    display: table;
    clear: both;
  }

  /* 关于区：简介卡片 = 青绿底 + 图片左上留边 + 底部标题线 */
  #warp_2 {
    height: auto !important;
    margin-top: 24px !important;
    overflow: hidden;
    padding: 0 12px !important;
    box-sizing: border-box;
  }

  #warp_2 .wraper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .youbian_about {
    width: 100% !important;
    height: auto !important;
    float: none !important;
  }

  .shipin {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
    padding: 18px 0 22px 18px !important;
    box-sizing: border-box !important;
    background: #18a792 !important;
    background-image: none !important;
    overflow: hidden;
  }

  .about_pic {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .about_pic a {
    display: block !important;
    line-height: 0 !important;
  }

  .about_pic img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
  }

  .zi_zi {
    margin: 18px 12px 0 0 !important;
    padding: 0 0 0 72px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    background: url(../images/linewww.jpg) no-repeat left center !important;
    background-size: 56px 1px !important;
    box-sizing: border-box;
  }

  #about_wenzi {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 简介卡片旁的 read more 在手机端隐藏，保留下方 View more */
  #about_wenzi > .read {
    display: none !important;
  }

  .abiyttt,
  .read2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 0 12px 0 !important;
  }

  .abiyttt img {
    max-width: 70% !important;
    height: auto !important;
  }

  /* 产品区 */
  #warp_4 {
    height: auto !important;
    background-size: cover !important;
    padding-bottom: 40px !important;
    overflow: hidden;
  }

  .pro_title {
    height: auto !important;
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    margin-bottom: 28px !important; /* 与下方产品留距离 */
    background-image: none !important; /* 短线改挂在标题文字下 */
  }

  .pro_title h2 {
    height: auto !important;
    line-height: 1.3 !important;
    padding-bottom: 0 !important;
  }

  .pro_title p {
    position: relative !important;
    display: block !important;
    margin: 6px 0 0 0 !important;
    padding-bottom: 12px !important;
  }

  /* 橙色小横：紧贴「推荐产品」下方 */
  .pro_title p:after {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 3px !important;
    margin: 10px auto 0 !important;
    background: #f89c1c !important;
  }

  .pro_title img {
    max-width: 80% !important;
    height: auto !important;
  }

  .neiiddk {
    margin-top: 8px !important;
  }

  .neiiddk,
  .youbian_3333 {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
  }

  #demoleft,
  #demoleft table,
  #demoleft td {
    max-width: 100%;
  }

  .cp {
    width: 280px !important;
    max-width: 82vw !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 12px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-width: 3px !important;
  }

  a:hover .cp {
    width: 280px !important;
    max-width: 82vw !important;
    height: auto !important;
    min-height: 280px !important;
  }

  .cp .blue {
    padding: 16px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .cp .cimg {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 0 4px !important;
  }

  .cp .cimg h2 {
    font-size: 14px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .cp .cimg h3 {
    font-size: 13px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .cp .xingxi {
    margin: 12px auto !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .cp .xingxi p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }

  /* 反应工艺区 */
  #warp_3 {
    height: auto !important;
    min-height: 0 !important;
    background-size: cover !important;
    padding: 30px 12px !important;
    overflow: hidden !important;
  }

  #warp_3 .wraper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  #warp_3 .wraper > h2 {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
    padding-top: 36px !important;
    padding-bottom: 0 !important;
    line-height: 1.35 !important;
    background-image: none !important;
  }

  #warp_3 .wraper > h2 br {
    display: none !important;
  }

  #warp_3 .wraper > h2 img {
    display: block !important;
    float: none !important;
    margin: 0 auto 6px !important;
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
  }

  /* 橙色小横：居中在中文标题下方 */
  #warp_3 .wraper > h2:after {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 3px !important;
    margin: 8px auto 0 !important;
    background: #f89c1c !important;
  }

  #warp_3 .wraper > div[style] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .roll_1,
  .roll_2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 4px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .roll_1 .sdsos,
  .roll_2 .sdsos {
    display: block !important;
    margin-top: 4px !important;
  }

  .roll_1 > div,
  .roll_2 > div,
  #warp_3 .roll_1 div[style],
  #warp_3 .roll_2 div[style] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-top: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #warp_3 img,
  .roll_1 img,
  .roll_2 img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* 新闻区 */
  #warp_5 {
    height: auto !important;
    padding: 20px 0 40px !important;
    overflow: hidden;
  }

  .newsbox,
  .news_hou,
  .newsieusua,
  .news_left,
  .wenO {
    width: 100% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    height: auto !important;
    box-sizing: border-box;
  }

  .newsieusua {
    padding-top: 10px !important;
  }

  .news_left {
    padding-bottom: 16px;
  }

  .wenO,
  .wenO p,
  .more21 {
    text-align: left !important;
  }

  .wenO p {
    padding-left: 27px !important;
  }

  .more21 a {
    display: inline-block !important;
    margin-left: 27px !important;
    float: none !important;
    width: auto !important;
    min-width: 77px !important;
    box-sizing: border-box !important;
  }

  /* 内页：隐藏左侧「产品中心」「联系我们」 */
  .left,
  .left .list1,
  .left .list2,
  .leftlxs,
  .leib,
  .leib2 {
    display: none !important;
  }

  /* 内页主栏：接近全宽；避免 overflow-x:hidden 触发右侧滚动条 */
  #nywarpz,
  #warp2
 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 6px !important;
    float: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #ny {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    padding: 10px 0px  70px!important;
    box-sizing: border-box !important;
    height: auto !important;
    overflow: visible !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 0px solid #17a491 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  #ny::-webkit-scrollbar,
  #main::-webkit-scrollbar,
  .ny_about::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .ny_about,
  .ny_product,
  .ny_news,
  .ny_news_da,
  .ny_contact,
  .ny_order,
  .ny_job,
  .ny_job_da,
  .ny_changfang,
  .ny_changfang_da,
  .ny_honor,
  .ny_anli,
  .tit {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    border: none !important;
  }

  #ny img,
  .ny_about img,
  .ny_news_da img,
  .tit img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 当前位置：图标与第一行文字对齐 */
  .plc,
  .plc2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 24px !important;
    margin: 0 0 12px 0 !important;
    padding: 12px 8px 12px 36px !important;
    background-position: 10px 14px !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .plc .red_x,
  .plc2 .red_x {
    display: inline !important;
    line-height: 24px !important;
    vertical-align: baseline !important;
  }

  /* 玻璃仪器详情：文字与图片左对齐 */
  .ny_boli_da {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    text-align: left !important;
    overflow: visible !important;
  }

  .ny_boli_da br {
    display: none !important;
  }

  .ny_boli_da > div[style],
  .ny_boli_da div[style] {
    text-align: left !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.7 !important;
  }

  .ny_boli_da table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
  }

  .ny_boli_da table td {
    text-align: left !important;
    padding: 6px 4px 6px 0 !important;
    vertical-align: top !important;
    word-break: break-word !important;
  }

  .ny_boli_da img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0 0 0 !important;
    float: none !important;
  }
  /* 研发反应列表 shan：每组 100% 宽纵向排 */
  .ny_about > div[style*="float"],
  .ny_about div[style*="width:46%"],
  .ny_about div[style*="width: 46%"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin: 0 0 14px 0 !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .ny_about > div[style*="float"] a,
  .ny_about div[style*="width:46%"] a {
    display: block !important;
    word-break: break-word !important;
  }

  .ny_about > div[style*="float"] br + br,
  .ny_about div[style*="width:46%"] > br:last-child {
    display: none !important;
  }
  /* 化工产品详情：压缩多余空白 */
  .ny_product_da {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    overflow: visible !important;
  }

  .ny_product_da > br,
  .ny_product_da br,
  #ny > br {
    display: none !important;
  }

  .ny_product_da table.erer,
  .ny_product_da table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 12px 0 !important;
    table-layout: fixed !important;
  }

  .ny_product_da table.erer td,
  .ny_product_da .erer td {
    height: auto !important;
    min-height: 36px !important;
    line-height: 1.6 !important;
    padding: 8px 6px !important;
    word-break: break-word !important;
    vertical-align: top !important;
  }

  .ny_product_da table.erer img,
  .ny_product_da img {
    max-width: 100% !important;
    height: auto !important;
  }

  .ny_product_da div[style*="border-top"] {
    margin: 12px 0 !important;
  }

  .ny_product_da a[href*="history"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 16px auto 8px !important;
  }

  .ny_product_da div[style*="text-align:center"],
  .ny_product_da div[style*="text-align: center"] {
    text-align: center !important;
    margin: 12px 0 8px 0 !important;
  }

  /* 【返回】居中 */
  .ny_boli_da a[href*="history"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 24px auto 8px !important;
    float: none !important;
  }

  .ny_boli_da div[style*="text-align:center"],
  .ny_boli_da div[style*="text-align: center"] {
    text-align: center !important;
    margin: 20px 0 8px 0 !important;
  }

  .ny_news_li1,
  .ny_news_li2 {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    line-height: 1.6 !important;
    padding: 10px 0 10px 20px !important;
    box-sizing: border-box !important;
  }

  /* 宽表格单独横向滑动，不撑破页面 */
  .ny_product {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .ny_product table.gridtable,
  .ny_product table {
    min-width: 560px;
  }

  #ny table {
    max-width: 100% !important;
  }

  .ny_about div[style],
  .ny_about p[style],
  .ny_about span[style],
  #ny div[style] {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 页脚 */
  #footer,
  #footer_a,
  .footer_a,
  .footer_a ul,
  .di,
  .di3,
  .footer_b,
  .footer-list,
  .footer-list-left,
  .footer-list-right {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 12px !important;
    box-sizing: border-box;
    text-align: left !important;
  }

  .di h3,
  .di3 h3 {
    float: none !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }

  .di a {
    width: auto !important;
    min-width: 44px;
    margin: 0 12px 8px 0 !important;
    float: left !important;
  }

  .di3 > div[style] {
    margin-left: 0 !important;
    float: none !important;
  }

  /* 版权条 */
  body > div[style*="background:#15171d"],
  body > div[style*="background: #15171d"] {
    height: auto !important;
    line-height: 1.6 !important;
    padding: 16px 12px !important;
    font-size: 15px !important;
    box-sizing: border-box;
  }

  body > div[style*="background:#15171d"] p,
  body > div[style*="background: #15171d"] p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    word-break: break-all;
  }

  /* 地图 iframe */
  iframe[src*="map"] {
    width: 100% !important;
    height: 280px !important;
  }

  /* 搜索 */
  .sousuo,
  .search,
  .dianhua {
    width: auto !important;
    max-width: 100%;
  }

  .search1 {
    width: 160px !important;
  }
}

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

  body {
    padding-top: 60px !important;
    font-size: 15px !important;
  }

  #top {
    height: 60px !important;
  }

  .header-lona {
    height: 60px !important;
    padding: 0 10px !important;
  }

  .logo {
    max-width: 70% !important;
    padding: 8px 0 !important;
  }

  .logo img {
    max-height: 44px !important;
  }

  .m-nav-toggle {
    right: 8px !important;
    margin-top: -22px !important;
  }

  .navbar {
    top: 60px !important;
  }

 

  /* 首页 banner 高度由 JS 按图片计算，此处不强制 */

  #banner1, #banner2, #banner3, #banner4, #banner5,
  #banner8, #banner9, #banner10, #banner11, #banner111, #banner222,
  #nybannerz, #bannerz_news, #bannerz_keyan, #bannerz_net {
    height: 110px !important;
  }

  h1, h2, h3,
  .pro_title,
  .pro_title h2,
  .pro_title p,
  .youbian_about h2,
  .news_title h2,
  .main-title-cn,
  .ny1,
  .ny_news_da h1,
  .di h3,
  .di3 h3,
  .list1,
  .wenO p {
    font-size: 22px !important;
  }

  #warp_2,
  #warp_3,
  #warp_4,
  #warp_5 {
    margin-top: 16px !important;
    padding-top: 10px !important;
    padding-bottom: 24px !important;
  }

  .pro_title {
    padding-top: 28px !important;
  }

  .pro_title img,
  .wenO img,
  .abiyttt img {
    max-width: 70% !important;
    height: auto !important;
  }

  .news_left h3 {
    margin: 12px !important;
    font-size: 18px !important;
  }

  .news_left p,
  .news_left span {
    margin-left: 12px !important;
    padding-left: 0 !important;
    background: none !important;
  }

  .list1 {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 16px 12px !important;
    background-size: cover !important;
    font-size: 20px !important;
  }

  .list2_li2,
  .list2_li1,
  .list2_li3 {
    height: auto !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding-left: 16px !important;
  }

  .leftlxs .nr {
    height: auto !important;
    padding: 12px !important;
  }

  .leib2 .tit,
  .leib .tit {
    height: auto !important;
    padding: 20px 16px !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  .di a {
    width: 46% !important;
    margin: 0 2% 8px 0 !important;
    box-sizing: border-box;
  }

  table.gridtable,
  .ny_product table {
    min-width: 520px;
    font-size: 15px !important;
  }

  #ny table {
    max-width: 100% !important;
    font-size: 15px !important;
  }

  table.gridtable th,
  table.gridtable td {
    padding: 10px 6px !important;
  }

  iframe[src*="map"] {
    height: 240px !important;
  }

  /* 首页产品滚动区防撑破 */
  .youbian_3333,
  .taotu_nr_conz,
  #demoleft {
    width: 100% !important;
    overflow: hidden !important;
  }

  .search1 {
    width: 120px !important;
  }

  /* 首页区块收紧间距 */
  #warp_2 .wraper,
  #warp_3 .wraper,
  #warp_4 .wraper,
  #warp_5 .wraper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .more23,
  .more2 {
    text-align: center;
  }

  .more21 {
    text-align: left !important;
    margin-left: 0 !important;
  }

  .news_hou .more21 a {
    margin-left: 27px !important;
  }

  .more23 a,
  .more21 a,
  .more2 a {
    display: inline-block !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding: 0 18px !important;
	}.abiyttt{ margin-top: 30px!important}#warp_3 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background: url(../images/fanying1.jpg) no-repeat center top;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
	}.news_hou{ background-size: cover!important}.ny_about{ margin-bottom: 70px!important}    #banner1, #banner2, #banner3, #banner4, #banner5, #banner8, #banner9, #banner10, #banner11, #banner111, #banner222, #nybannerz, #bannerz_news, #bannerz_keyan, #bannerz_net {
        height: 180px !important;
    }
}