@charset "utf-8";
/* ============================================================
   东田叉车仿站 全站手机端响应式适配 (responsive.css)
   断点: <=980px 平板 / <=768px 手机 / <=480px 小屏手机
   说明: 仅移动端生效, 不影响桌面布局; PHP5.6 兼容, 零外部依赖
   ============================================================ */

/* ---------- 全局 ---------- */
@media (max-width: 980px) {
  *, *:before, *:after { box-sizing: border-box; }
  html, body { max-width: 100%; overflow-x: hidden; }
  img { max-width: 100%; height: auto; }
  /* 固定宽度容器 -> 自适应 */
  .mauto, .wrap, #wrap, .mauto1200, .mauto1000, .mauto2000,
  .mauto1, .mauto550, .mauto590, .mauto330 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ============================================================
   头部区域
   ============================================================ */
@media (max-width: 980px) {
  .head { height: auto; line-height: 28px; }
  .head .mauto { padding-left: 8px; padding-right: 8px; }
  .head_l { display: none; }
  .head_r { float: none; width: 100%; text-align: center; }
  .head_r .language a { padding: 0 4px; font-size: 12px; }

  .top { height: auto; padding-bottom: 10px; }
  .top .wrap { position: relative; }
  .logo { float: none; padding: 10px 0 0; text-align: center; }
  .logo img { max-height: 60px; width: auto; }
  .serbox { float: none; padding: 8px 0 0; width: 100%; }
  .ser_text { width: calc(100% - 76px); height: 36px; line-height: 36px; }
  .ser_btn a { width: 66px; height: 36px; padding: 5px 0 0 0; text-align: center; }
  .ser_btn a img { width: 24px; height: auto; }
  .tel_top { display: none; }
}

/* 汉堡按钮 */
.nav-toggle { display: none; }
@media (max-width: 980px) {
  .nav-toggle {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 40px;
    height: 36px;
    padding: 8px 8px;
    background: rgba(5, 115, 193, 0.85);
    border-radius: 4px;
    cursor: pointer;
    z-index: 200;
  }
  .nav-toggle span {
    display: block;
    height: 3px;
    margin: 4px 0;
    background: #fff;
    border-radius: 2px;
  }
  /* 移动端导航: 默认隐藏, 点击展开 */
  .nav {
    display: none;
    float: none;
    clear: both;
    width: 100%;
    padding: 10px 0 0;
    position: relative;
    z-index: 150;
  }
  .nav.open { display: block; }
  .nav ul { width: 100%; }
  .nav ul li { float: none; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); }
  .nav ul li a {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    background: #0573C1;
    text-align: left;
    padding-left: 18px;
  }
  .nav ul li a:hover { background: #f39700; }
  /* 子菜单在移动端直接展开, 不依赖 hover */
  .nav .subnav {
    position: static;
    display: block !important;
    z-index: 10;
  }
  .nav .subnav ul { padding: 0; }
  .nav .subnav ul li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.15); }
  .nav .subnav ul li a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 34px;
    background: #0463a8;
  }
  .nav .threenav { position: static; display: block !important; left: auto; width: 100%; }
}

/* ============================================================
   首页: 轮播 / 产品分类 / 新闻 / 合作客户滚动条
   ============================================================ */
@media (max-width: 980px) {
  /* 轮播 banner: 背景图按比例缩放 */
  .flexslider { height: auto; }
  .flexslider .slides li {
    height: 0;
    padding-top: 46%;
    background-size: cover !important;
    background-position: center center !important;
  }
  .flex-control-nav { bottom: 4px; padding-top: 4px; }
  .flex-control-nav li { width: 10px; height: 10px; margin: 0 5px; }
  .flex-control-nav a { width: 10px; height: 10px; background-size: 20px 10px; }
  .flex-direction-nav li a { width: 30px; height: 40px; background-size: 30px 40px; }
  .flex-direction-nav li a.flex-prev { left: 6px; }
  .flex-direction-nav li a.flex-next { right: 6px; }

  /* 关于我们首页区 */
  .plant_index { padding-top: 15px; }
  .about_pic { float: none; width: 100%; height: auto; margin: 0; }
  .about_pic img { width: 100% !important; height: auto !important; }
  .about_text { float: none; width: 100%; padding-top: 15px; }
  .about_text img { max-width: 100%; height: auto; }
  .plant_nav_index { float: none; text-align: center; }

  /* 首页产品分类: 两列 */
  .pro_con { padding: 0 5px; }
  .pro_con li { width: 48%; margin: 1%; }
  .pro_con li a { width: 100%; height: auto; padding-bottom: 6px; }
  .pro_con a img { width: 100%; height: auto; }
  .pro_con a span { width: 100%; height: auto; line-height: 34px; font-size: 14px; }
  .pro_con .p_price_list { height: auto; line-height: 30px; font-size: 14px; }

  /* 首页二手/租赁双栏 */
  .new_index { height: auto; }
  .new_index .mauto590 { width: 100% !important; float: none; }
  .nav_half_index { float: none; text-align: center; width: 100%; padding-left: 0; }
  .nav_half_index img { max-width: 100%; height: auto !important; }
  .about_con li { width: 48%; margin: 1%; }
  .about_con li a { width: 100%; }
  .about_con a img { width: 100%; height: auto; }
  .about_con a span { width: 100%; height: auto; line-height: 34px; font-size: 14px; }

  /* 首页新闻焦点图 */
  .news_pic_box { float: none; width: 100%; }
  .focus { width: 100%; height: auto; }
  .focus .fcon { width: 100%; }
  .focus .fcon img { width: 100% !important; height: auto !important; }
  .focus .shadow { height: 56px; line-height: 56px; }
  .focus .shadow a { font-size: 15px; }

  /* 首页新闻列表 */
  .new_con { float: none; width: 100%; padding: 10px 5px 0; }
  .new_con dl { float: none; width: 100%; height: auto; margin: 10px 0; }
  .new_con dl dt { width: 84px; height: 84px; }
  .new_con dl dt H1 { font-size: 20px; margin-top: 16px; }
  .new_con dl dt H4 { font-size: 15px; margin-top: 12px; }
  .new_con dl dd { float: none; width: auto; padding-left: 96px; }
  .new_con dl .n_title { white-space: normal; height: auto; line-height: 24px; font-size: 16px; }
  .new_con dl .n_con { height: auto; }

  /* 首页合作客户滚动条 */
  .box { height: 86px; }
  #roll dd { width: 110px; height: 64px; margin-left: 16px; }
  .box .next { height: 86px; background-size: 20px 20px; background-position: 5px 30px; }
  .box .prev { height: 86px; background-size: 20px 20px; background-position: 5px 30px; }

  /* 首页标题 "查看全部" */
  .more { width: 96px; background-size: 96px 34px; padding-left: 30px; font-size: 14px; }

  /* 首页各区标题条: 桌面固定 1000px 宽, 移动端溢出导致标题图被截断、
     "查看全部"按钮落在屏幕外不可见/不可点; 改为 100% 自适应 + 内容居中 */
  .nav_index {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .nav_index img { width: auto; max-width: 100%; }
}

/* ============================================================
   内页通用: 左导航 / 右内容 / 面包屑
   ============================================================ */
@media (max-width: 980px) {
  /* 内页大 banner 降低高度 */
  #ny-main div[style*="height:338px"] { height: 140px !important; background-size: cover !important; }
  #ny-main div[style*="height:338"] { height: 140px !important; background-size: cover !important; }

  /* 左侧导航: 全宽紧凑展示 */
  .pleft { float: none; width: 100%; border-right: none; }
  .lefttit {
    width: 100%;
    height: auto;
    padding: 10px 0 10px 18px;
    font-size: 22px;
    background-size: 100% 100%;
  }
  .leftnav { width: 100%; padding-bottom: 10px; }
  .leftnav ul { padding: 0 8px; }
  .leftnav li, .leftnav ul li a {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
  }
  .leftnav ul li a { background-position: 92% center; }
  .leftnav ul li a:hover, .leftnav ul li a.sel { background-position: 92% center; }

  /* 右侧内容: 全宽 */
  .ny_right { float: none; width: 100%; }
  .ny_right2 { float: none; width: auto; padding: 18px 12px; border: none; min-height: 0; }
  .righttop { height: auto; }
  .righttit { font-size: 15px; height: auto; line-height: 22px; padding: 6px 0 6px 12px; }
  .path { float: none; height: auto; line-height: 26px; font-size: 12px; padding-bottom: 4px; }
  .content1 { font-size: 14px; line-height: 1.8; }
  .content1 p { word-wrap: break-word; }

  /* 内页内容区图片自适应 */
  .content1 img, .proinfo img, .p_content img, .new_con img, .pro_info img,
  .news_info img, .leasehold_con img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 表格防溢出 */
  .content1 table, .proinfo table, .new_con table, .p_content table,
  .aa113, .aa114, .datalist, .down_tab, .mall_tab {
    max-width: 100% !important;
    width: 100% !important;
  }
  .content1 td, .content1 th, .proinfo td, .proinfo th,
  .aa113 td, .aa114 td, .datalist td, .datalist th,
  .down_tab td, .down_tab th {
    word-break: break-all;
    padding: 4px 6px;
  }

  /* 内页分类菜单按钮 */
  .p_menu a { padding: 5px 12px; margin: 4px; font-size: 13px; }
  .p_sec_menu a { padding: 4px 10px; margin: 4px; font-size: 13px; }
  .p_back a { padding: 3px 14px; margin: 4px; font-size: 13px; }

  /* 文章标题 */
  .p_content { padding: 12px 10px; }
  .p_content h3 { width: 100%; float: none; padding-left: 10px; height: auto; line-height: 30px; }
  .titleinfo { width: 100%; margin-left: 0; }
}

/* ============================================================
   产品 / 二手 / 搜索列表
   ============================================================ */
@media (max-width: 980px) {
  .p_productlist2, .p_productlist { border-left: none; }
  .p_productlist2 dl, .p_productlist dl {
    width: 48%;
    height: auto;
    margin: 1%;
    border: #edf0f3 solid 1px;
    float: left;
  }
  .p_productlist2 dl dt, .p_productlist dl dt { padding: 10px 0 6px; }
  .p_productlist2 dl dt img, .p_productlist dl dt img { width: 100%; height: auto; }
  .p_productlist2 dl dd.t1, .p_productlist dl dd.t1 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    left: 0;
    font-size: 13px;
  }
  .p_productlist2 dl dd.t2, .p_productlist dl dd.t2 { height: 30px; }
  .p_productlist2 dl:hover dd.t2, .p_productlist2 dl.active dd.t2,
  .p_productlist dl:hover dd.t2, .p_productlist dl.active dd.t2 {
    height: 30px;
    background-size: 30px 30px;
  }

  /* 首页产品列表同款 */
  .p_prolist li { width: 48%; margin: 1%; }
  .p_prolist li a { width: 100%; height: auto; }
  .p_prolist a img { width: 100%; height: auto; }
  .p_prolist a span { width: 100%; height: auto; line-height: 30px; }
}

/* ============================================================
   新闻列表 / 详情
   ============================================================ */
@media (max-width: 980px) {
  .p_newslist dl { padding: 14px 0; }
  .p_newslist dl dt { width: 80px; height: 72px; }
  .p_newslist dl dt em { font-size: 30px; line-height: 34px; margin-top: 6px; }
  .p_newslist dl dt i { font-size: 12px; }
  .p_newslist dl dd { float: none; width: auto; padding-left: 92px; }
  .p_newslist dl dd.t1 { height: auto; line-height: 24px; }
  .p_newslist dl dd.t1 a { font-size: 15px; }
  .p_newslist dl dd.t2 { height: auto; font-size: 13px; }

  /* 新闻详情 */
  .news_info { margin-top: 10px; }
  .pro_title { font-size: 17px; line-height: 1.5; }
  .protime { font-size: 12px; }
  .propic { margin: 10px 0; }
  .propic img { width: 100% !important; height: auto !important; }
  .projs { font-size: 15px; }
  .new_con { padding: 12px 6px; }
}

/* ============================================================
   产品详情
   ============================================================ */
@media (max-width: 980px) {
  .pro_left { float: none; width: 100%; }
  .pro_left img { width: 100%; height: auto; }
  .pro_right { float: none; width: 100%; }
  .right_title { font-size: 20px; padding: 8px 0 12px; }
  .right_text { width: auto; padding: 14px; }
  .pro_text { width: 100%; float: none; }
  .pro_info { padding: 15px 10px; }
  .pro_buy a { width: 100%; padding-left: 20px; background-position: 8px 13px; }
  .preview { width: 100%; height: auto; float: none; }
  .smallImg { height: auto; }
  #imageMenu { width: 100%; }
  .mall_text { width: 100%; }
  .pro_hot { float: none; width: 100%; margin-top: 15px; }
  .p_price dl { width: 30%; }
  .p_price .price_dl { width: 24%; }
}

/* ============================================================
   合作客户页 / 联系我们 / 自定义页
   ============================================================ */
@media (max-width: 980px) {
  /* 合作客户 logo 滚动 */
  .box2 { height: auto; }
  #roll2 dd { width: 42%; margin: 1% 4% 2% 4%; height: auto; }
  #roll2 dd img { max-width: 100%; height: auto; }
  .p_link { width: 100%; padding-left: 5px; }
  .p_link li { width: 45%; margin: 8px 2%; }
  .p_link li a img { width: 100%; height: auto; }

  /* 联系我们: 百度地图 iframe 自适应 */
  .map-box { padding: 4px !important; }
  .map-box iframe { width: 100% !important; height: 320px !important; }
  .con_cc .left { width: 30%; padding-top: 20px; }
  .con_cc .right { width: 68%; }
  .con_cc .right li b { width: 34%; margin-right: 2%; }
  .con_cc .right li span { width: 62%; }
}

/* ============================================================
   页脚 / 客服悬浮
   ============================================================ */
@media (max-width: 980px) {
  .foot_nav { height: auto; line-height: 34px; padding: 4px 0; }
  .foot_nav a { display: inline-block; font-size: 13px; padding: 0 8px; line-height: 34px; }
  .foot_3 { height: auto; padding: 8px 6px; }
  .foot_3 p span, .foot_3 a span { font-size: 13px !important; }
  .foot_btn { padding: 45px 0 0 0; }

  /* 客服悬浮: 右下角缩小 */
  .ftkf { top: auto; bottom: 90px; width: 42px; }
  .ftkf ul li { width: 42px; height: 42px; }
  .ftkf ul li .sidebox { width: 42px; height: 42px; font: 12px/42px "微软雅黑"; }
  .ftkf ul li.kf_b a { width: 42px; height: 42px; background-size: 42px 42px; }
  .ftkf ul li a img { max-width: 42px; height: auto; }
}

/* ============================================================
   小屏手机 (<=480px)
   ============================================================ */
@media (max-width: 480px) {
  .head_l { display: none; }
  .head_r { float: none; width: 100%; text-align: right; }
  .logo img { max-height: 48px; }
  .ser_text { width: calc(100% - 62px); }
  .ser_btn a { width: 56px; }

  /* 首页产品分类单列 */
  .pro_con li, .about_con li { width: 98%; margin: 1%; }
  .pro_con li a { height: auto; }
  .pro_con a img, .about_con a img { max-height: 200px; object-fit: cover; }

  /* 产品/二手列表单列 */
  .p_productlist2 dl, .p_productlist dl { width: 98%; margin: 1%; }
  .p_productlist2 dl dt img, .p_productlist dl dt img { max-height: 220px; object-fit: cover; }

  /* 新闻列表: 日期块上移 */
  .p_newslist dl dt { width: 66px; height: 60px; }
  .p_newslist dl dt em { font-size: 24px; line-height: 28px; margin-top: 4px; }
  .p_newslist dl dd { padding-left: 76px; }

  .focus .shadow a { font-size: 13px; }
  #roll dd { width: 96px; margin-left: 10px; }
  #roll2 dd { width: 90%; margin: 2% 5%; }
  .map-box iframe { height: 280px !important; }
}

/* mobile (<=640px): hide side customer-service bar to avoid covering body text; footer already has contacts */
@media (max-width: 640px) {
  .ftkf { display: none !important; }
}