@charset "utf-8";
/* ===========================================================
   环海官网 · 手机端响应式补丁（同一套 HTML，不另做手机站）
   由内网后台自动分发到站点 css/ 目录，请勿在镜像站上手改
   断点：≤768px（手机/竖屏平板）、≤480px（小屏手机）
   =========================================================== */

@media screen and (max-width: 768px) {

  /* ---------- 通用：两栏布局改为单栏 ---------- */
  body { -webkit-text-size-adjust: 100%; }
  .wrap, .wrap2, .wrap3 { width: 94% !important; max-width: 100% !important; }
  .about_l { display: none !important; }            /* 侧栏导航收起，改用顶部手机菜单 */
  .about_r { float: none !important; width: auto !important; margin: 0 !important; }
  .about_con { font-size: 15px; line-height: 26px; margin-bottom: 8%; }
  .about_con .h2 { font-size: 19px; }
  img { max-width: 100% !important; height: auto; }
  .about_con img { max-width: 100% !important; }
  iframe, embed, object { max-width: 100%; }
  .about_con table { width: 100% !important; }
  .about_con p { word-wrap: break-word; overflow-wrap: break-word; }

  /* ---------- 页头 ----------
     窄屏下原站会隐藏 PC 头部（.header-v1 整体 display:none），
     改用自带的 .touch-top 手机头部 + 抽屉菜单，这里只做尺寸微调 */
  .touch-top-wrapper { width: 94%; }
  .touch-top-wrapper .touch-logo img { height: 54px !important; }
  .touch-toggle { top: 10px !important; }
  .touch-toggle li { height: 46px !important; padding: 0 8px !important; }
  .touch-toggle li i { margin-top: 6px !important; width: 26px !important; height: 26px !important; }

  /* 面包屑 */
  .postions { height: auto !important; line-height: 26px !important; padding: 8px 0; font-size: 13px; }

  /* ---------- 新闻列表 ---------- */
  .news_con ul li { margin-bottom: 18px; padding-bottom: 14px; }
  .news_con ul li .imgs {
    width: 100% !important; height: auto !important; float: none !important;
    margin: 0 0 10px 0 !important; background-size: cover;
  }
  .news_con ul li .imgs img { opacity: 1 !important; filter: none !important; width: 100%; }
  .news_con ul li .i_about_r { overflow: visible; }
  .news_con ul li .i_about_r h3 { height: auto !important; line-height: 24px; font-size: 16px; margin-top: 0; }
  .news_con ul li .i_about_r label { height: auto !important; line-height: 22px; font-size: 13px; margin-bottom: 4px; }
  .news_con ul li .i_about_r .news_more { float: none !important; display: inline-block; margin-top: 6px; font-size: 13px; }
  .page_box .pages span, .page_box .flickr span { margin: 0 2px; }

  /* ---------- 招聘（招贤纳士） ---------- */
  .history_bg { margin-top: 26px !important; }
  .recruitmentList li {
    padding: 18px 16px !important;
    margin-bottom: 18px !important;
    background-image: none !important;
    cursor: pointer;
  }
  .recruitmentList li.on { border-left: solid 4px #c2944d; }
  .recruitmentList li .title .tit { line-height: 24px !important; font-size: 16px !important; font-weight: bold; }
  .recruitmentList li .title .txt { line-height: 20px; font-size: 13px; }
  .job_t { height: auto !important; line-height: 36px !important; padding: 4px 10px; margin-bottom: 18px !important; }
  .job_t .h2 { font-size: 14px !important; }
  .job_t .h2 span { padding-left: 10px !important; margin-right: 10px !important; background-image: none !important; }
  .job_t .h2 .p { font-size: 14px; }
  .job_t .h2 .p a { height: auto !important; line-height: 36px !important; }
  .down { padding-top: 12px !important; }
  .down .text { font-size: 14px !important; line-height: 25px !important; }
  .down .text .tit { font-size: 14px !important; }
  .down .text span, .down .text p, .down .text div { font-size: 14px !important; line-height: 25px !important; }
  .down .text img { height: auto !important; }
  .job_btns { padding-top: 14px; }
  .job_btns .btn {
    float: none !important;
    display: inline-block !important;
    width: 47% !important;
    margin: 0 3% 10px 0 !important;
    font-size: 14px !important;
    box-sizing: border-box;
    vertical-align: top;
  }
  .down .btn { margin-top: 0 !important; }

  /* ---------- 表单（在线留言 / 简历投递） ---------- */
  .feedback_div { text-align: left; padding-bottom: 6%; }
  .feedback_div ul li { margin-bottom: 16px; }
  .feedback_div label {
    float: none !important; width: auto !important; height: auto !important;
    display: block; line-height: 26px; font-size: 15px; text-align: left;
  }
  .feedback_div label.none { display: none; }
  .feedback_div .divs { width: 100% !important; overflow: visible; }
  .feedback_div .inputs2, .feedback_div .textarea, .feedback_div select {
    width: 100% !important; max-width: 100% !important;
    box-sizing: border-box; font-size: 15px;
    border-color: #dcdcdc;
  }
  .feedback_div .textarea { height: 110px; padding: 10px !important; }
  .feedback_div select.inputs3 {
    display: block; float: none !important; width: 100% !important; max-width: 100% !important;
    margin: 0 0 8px 0 !important; -webkit-appearance: menulist; appearance: menulist;
  }
  .feedback_div .bnts2 {
    width: 100% !important; max-width: 100% !important;
    height: 46px !important; line-height: 46px !important; font-size: 16px !important;
  }
  .form_msg { display: block; margin: 8px 0 0; }
  .form_tip { display: block; line-height: 22px; }
  .feedback_div .file1 { width: 100%; box-sizing: border-box; }

  /* ---------- 页脚 ---------- */
  .f_bg { padding-top: 24px; }
  .f_bg .f_div2_r2 .tels { font-size: 22px; }
  .foot_a ul li { margin: 0 6px; line-height: 26px; }
  .f_div3 { word-wrap: break-word; }

  /* ---------- 首页新闻块 / 数据 ---------- */
  .i_news .f30 { font-size: 18px; }
  .i_news h3, .i_news .h2 { height: auto !important; }

  /* ---------- 首页轮播：手机上不再横向挤列，改为纵向堆叠 ---------- */
  /* 原站 owlCarousel 在 ≤479px 仍固定显示 2 列，390px 下文字被压成竖条，
     这里用纯 CSS 把轮播「拆开」成一块块通栏卡片，不影响桌面端 */
  .owl-demo7 .owl-wrapper-outer,
  .owl-demo7 .owl-wrapper-outer.autoHeight,
  #owl-demo4 .owl-wrapper-outer,
  #owl-demo4 .owl-wrapper-outer.autoHeight { overflow: visible !important; }
  .owl-demo7 .owl-wrapper,
  #owl-demo4 .owl-wrapper {
    display: block !important;
    width: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
  }
  .owl-demo7 .owl-item,
  #owl-demo4 .owl-item {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
  }
  .owl-demo7 .owl-item:last-child, #owl-demo4 .owl-item:last-child { margin-bottom: 0 !important; }
  .owl-demo7 .owl-pagination, .owl-demo7 .owl-buttons,
  #owl-demo4 .owl-pagination, #owl-demo4 .owl-buttons { display: none !important; }
  .owl-demo7 dd, #owl-demo4 dd { height: auto !important; }
  .owl-demo7 .owl-item .imgs,
  .owl-demo7 .owl-item .imgs img { width: 100% !important; height: auto !important; }
  .i_five_txt { padding: 12px 14px !important; }
  .i_five_txt h2, .i_five_txt .f20 { font-size: 17px !important; line-height: 24px !important; height: auto !important; }
  .i_five_txt p { font-size: 13px !important; line-height: 22px !important; }

  /* ---------- 首页「营销网络」数据块：4 列 → 2 列 ---------- */
  .wuliu_bg { padding: 28px 0 !important; background-size: auto 100% !important; }
  .i_title_p { font-size: 14px !important; line-height: 24px !important; padding: 0 6px !important; }
  #counters, .counter > .row {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .counter > .row > div, #counters > div {
    width: 50% !important;
    float: none !important;
    box-sizing: border-box;
    padding: 0 8px 22px !important;
  }
  .counter span { font-size: 30px !important; line-height: 38px !important; }
  .counter h6, .counter .f20 { font-size: 13px !important; line-height: 20px !important; font-weight: normal; }
  .counter .h2, .wuliu_bg h2 { font-size: 24px !important; }

  /* ---------- 首页其余分栏块通用收口 ---------- */
  .i_about .wrap2 > div, .i_news .wrap2 > div { float: none !important; width: auto !important; }
  .f_div2_l, .f_div2_r2 { float: none !important; width: auto !important; text-align: left; }

  /* 详情正文里可能出现很宽的图片/表格，限制在容器内 */
  .about_con table { width: 100% !important; table-layout: auto; }
}

@media screen and (max-width: 480px) {
  .about_con { font-size: 14px; line-height: 24px; }
  .about_con .h2 { font-size: 17px; }
  .news_con ul li .i_about_r h3 { font-size: 15px; }
  .job_btns .btn { width: 100% !important; margin-right: 0 !important; }
  .feedback_div label { font-size: 14px; }
  .form_tip { font-size: 12px; }
  .f_bg .f_div2_r2 .tels { font-size: 20px; }
}