/* =========================================================== */
/* 移动端适配CSS */
/* ============================================================== */

/* 响应式辅助类 */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 15px;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 比例 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 基础移动端适配 */
@media only screen and (max-width: 767px) {
  /* 容器宽度调整 */
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

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

  /* 视频自适应 */
  video,
  iframe,
  embed,
  object {
    max-width: 100%;
    height: auto;
  }

  /* 表格自适应 */
  table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
  }

  /* 导航菜单调整 */
  .navbar .nav {
    float: none;
    margin: 0;
    display: block;
  }

  .navbar .nav > li {
    float: none;
    display: block;
  }

  .navbar .divider-vertical {
    display: none;
  }

  /* 下拉菜单显示调整 */
  .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
  }

  /* Logo和顶部信息区域调整 */
  .brandlogo {
    float: none;
    text-align: center;
    margin: 10px auto;
  }

  .topinfo {
    text-align: center;
    margin: 10px 0;
  }

  /* 响应式布局调整 */
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }

  /* 文字大小调整 */
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 24px;
    line-height: 1.2;
  }

  h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  h3 {
    font-size: 18px;
    line-height: 1.2;
  }

  /* 页面内间距调整 */
  .padding,
  .paddingright,
  .paddingleft {
    padding: 10px;
  }

  /* 服务框自适应 */
  .service-box {
    margin-bottom: 20px;
  }

  /* 博客内容自适应 */
  .boxblog {
    min-height: auto;
  }

  /* 投资组合项目自适应 */
  .boxportfolio4,
  .boxportfolio3,
  .boxportfolio2 {
    width: 100%;
    margin-left: 0;
  }

  /* 强制表格响应式 */
  table {
    width: 100% !important;
    table-layout: fixed;
  }

  /* 表格内容换行 */
  table td,
  table th {
    word-wrap: break-word;
  }
}

/* 小屏幕手机适配 */
@media only screen and (max-width: 480px) {
  /* 更多紧凑的设计 */
  body {
    padding-left: 0;
    padding-right: 0;
  }

  .infophone {
    font-size: 14px;
    line-height: 20px;
  }

  .infoaddress {
    font-size: 12px;
    line-height: 16px;
  }

  /* 页头区域更紧凑 */
  header {
    padding: 0;
  }

  /* 调整图片边距 */
  .borderpic {
    padding: 2px;
  }

  /* 调整按钮大小 */
  .btn {
    padding: 5px 10px;
    font-size: 12px;
  }

  /* 轮播图调整 */
  .camera_wrap {
    height: 200px !important;
  }

  /* 团队缩略图调整 */
  .thumbnail {
    margin-bottom: 10px;
  }

  /* 底部区域调整 */
  .footer {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* 平板电脑适配 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* 容器宽度调整 */
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 94%;
    max-width: 94%;
  }

  /* 图片和视频限制尺寸 */
  img,
  video,
  iframe,
  embed,
  object {
    max-width: 100%;
    height: auto;
  }

  /* 调整栅格系统 */
  .row-fluid [class*="span"] {
    margin-left: 2%;
  }

  /* 调整投资组合项目尺寸 */
  .boxportfolio4 {
    width: 47%;
    margin-left: 2%;
  }

  .boxportfolio3 {
    width: 47%;
    margin-left: 2%;
  }
}

/* 修复跨浏览器兼容性 */
@media only screen and (max-width: 767px) {
  /* 解决 iOS Safari 中的一些特定问题 */
  input,
  textarea {
    font-size: 16px; /* 防止iOS上的缩放 */
  }

  /* 解决某些旧版Android浏览器的问题 */
  select,
  input,
  textarea {
    -webkit-appearance: none;
    border-radius: 0;
  }

  /* 修复一些触摸屏的点击问题 */
  a,
  button,
  input[type="button"],
  input[type="submit"] {
    cursor: pointer;
    touch-action: manipulation;
  }
}