/*** 手机端适配（max-width: 768px）— 桌面样式不受影响 ***/
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .wrap {
    min-width: 0 !important;
  }

  .w {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px;
    box-sizing: border-box;
  }

  .content {
    padding: 16px 0 24px;
    min-height: 200px;
  }

  /* Logo 缩小，避免顶栏溢出 */
  .sitebar .logo a {
    width: 180px !important;
    height: 40px !important;
    margin-top: 8px !important;
    background-size: contain !important;
    background-position: left center !important;
  }

  .sitebar.logodiv {
    float: left;
    margin-right: 0;
    max-width: calc(100% - 56px);
  }

  .header {
    margin-bottom: 56px;
  }

  .navbar {
    min-height: 56px;
  }

  /* 汉堡按钮：仅小屏显示 */
  .nshowhide {
    position: relative;
    z-index: 1001;
    float: right;
    display: inline-block !important;
    width: 40px;
    height: 40px;
    margin: 8px 0 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: #eee;
    color: #2e2c2c;
    cursor: pointer;
    vertical-align: middle;
  }

  .nshowhide .icon {
    display: block;
    width: 18px;
    height: 2px;
    margin: 19px auto 0;
    background: #2e2c2c;
    position: relative;
  }

  .nshowhide .icon:before,
  .nshowhide .icon:after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 18px;
    height: 2px;
    background: #2e2c2c;
    transition: transform 0.15s, top 0.15s, bottom 0.15s;
  }

  .nshowhide .icon:before {
    top: -6px;
  }

  .nshowhide .icon:after {
    bottom: -6px;
  }

  body.nav-open .nshowhide .icon {
    background: transparent;
  }

  body.nav-open .nshowhide .icon:before {
    top: 0;
    transform: rotate(45deg);
  }

  body.nav-open .nshowhide .icon:after {
    bottom: 0;
    top: 0;
    transform: rotate(-45deg);
  }

  /* 默认隐藏横向导航项；Logo 保留在顶栏 */
  #myNav {
    position: relative;
    min-height: 56px;
  }

  #dropmenu2.nav {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .navbar .nav {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 56px;
    z-index: 1000;
    width: 100%;
    height: calc(100% - 56px);
    margin: 0;
    padding: 0 0 80px;
    background: rgba(0, 0, 0, 0.55);
    overflow-y: auto;
    box-sizing: border-box;
  }

  body.nav-open {
    overflow: hidden;
  }

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

  .navbar .nav .nli {
    float: none !important;
    display: block;
    width: 100%;
    background: #f7f9fa;
    border-bottom: 1px solid #e8e8e8;
    line-height: normal !important;
  }

  .navbar .nav .nli h5 a {
    display: block;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 16px !important;
    font-size: 15px;
    color: #2e2c2c;
  }

  .navbar .nav .nli h5 a:hover::after {
    display: none;
  }

  .navbar .nav .nli.active h5 a {
    color: #eec57d;
    background: #fff;
  }

  .navbar .nav .sub {
    position: static;
    display: block;
    box-shadow: none;
  }

  .navbar .nav .sub a {
    background: #fff;
    color: #666;
    text-align: left;
    padding: 10px 16px 10px 28px;
    border-top: 1px solid #eee;
  }

  /* 登录/注册放在抽屉底部样式 */
  .navbar .nav .nli-login {
    float: none !important;
    width: 100%;
    line-height: 48px !important;
    padding: 0 16px;
    background: #f7f9fa;
    box-sizing: border-box;
  }

  .navbar .nav .nli-login .logininfo a {
    display: inline-block;
    line-height: 48px;
  }

  /* 友情链接：两列 */
  .index-links .list li {
    width: 50% !important;
    box-sizing: border-box;
    padding: 8px;
  }

  .index-links .list img {
    max-width: 100% !important;
    height: auto;
  }

  /* 轮播高度 */
  #slideIndexBanner.index-banner {
    margin-top: -20px;
  }

  #slideIndexBanner.index-banner .bd,
  #slideIndexBanner.index-banner .bd .box,
  #slideIndexBanner.index-banner .bd li {
    height: 180px !important;
  }

  .index-banner .bd,
  .index-banner .bd .box,
  .index-banner .bd li {
    height: 180px !important;
  }

  /* 区块标题 */
  .index-title {
    margin: 24px 0 12px;
    height: auto;
  }

  .index-title b {
    font-size: 18px;
    height: auto;
    line-height: 1.4;
  }

  /* 页脚 */
  .footer .w {
    padding: 16px 12px;
    box-sizing: border-box;
  }

  .footer_tile {
    font-size: 18px !important;
    line-height: 1.4;
  }

  .footer .contact,
  .footer .copyright {
    font-size: 12px;
    line-height: 1.6;
    word-break: break-all;
  }
}