@charset "utf-8";

.sdiv p { transform: translateY(30px); transition: transform 0.8s ease 0.5s, opacity 0.8s ease, -webkit-transform 0.8s ease; opacity: 0; font-size: 14px; line-height: 26px; }

.sdiv.on h1, .sdiv.on p, .sdiv.on span, .sdiv.on img { transform: none; opacity: 1; }

.sdiv li p { transform: translateY(30px); transition: transform 0.8s ease 0.5s, opacity 0.8s ease, -webkit-transform 0.8s ease; opacity: 0; font-size: 18px; width: 300px; margin-left: 25px; margin-top: -30px; }

.sdiv li img { transform: translateY(30px); transition: transform 0.8s ease 0.5s, opacity 0.8s ease, -webkit-transform 0.8s ease; opacity: 0; }

.sdiv span { transform: translateY(30px); transition: transform 0.8s ease 0.5s, opacity 0.8s ease, -webkit-transform 0.8s ease; opacity: 0; font-size: 18px; }

.dh .dropdown { position: relative; }
.dh .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 160px;
  width: max-content;
  background: rgba(255,255,255,0.4);
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  border-radius: 4px;
  padding: 8px 0;
  z-index: 1000;
}
.dh .dropdown:hover .dropdown-menu { display: block; }
.dh .dropdown-menu li {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.8;
  text-align: left !important;
  border-bottom: none !important;
}
.dh .dropdown-menu li a {
  display: block;
  padding: 6px 16px;
  white-space: nowrap;
  color: #333;
}
.dh .dropdown-menu li a:hover { background: rgba(4, 192, 220, 0.1); color: rgb(4, 192, 220); }

/* 首页下拉菜单用白底深色文字，干净清晰 */
body:not(.inner) .dh .dropdown-menu {
  background: rgba(255,255,255,0.4);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
body:not(.inner) .dh .dropdown-menu li a { color: #333; }
body:not(.inner) .dh .dropdown-menu li a:hover { background: rgba(4, 192, 220, 0.1); color: rgb(4, 192, 220); }

/* 内页导航改为正常文档流，文字深色可见 */
body.inner { padding-top: 0 !important; }
body.inner .tobu { position: relative !important; background: #fff !important; border-bottom: 1px solid #eee !important; }
body.inner .logo { left: 20px !important; }
body.inner .dh { position: relative !important; left: auto !important; transform: none !important; margin: 0 auto !important; }
body.inner .dh > ul { justify-content: center; }
body.inner .dh ul li a { color: #333 !important; }
body.inner .dh ul li:hover a { color: rgb(4, 192, 220) !important; }

/* 内页下拉菜单加深色背景，在白底页面上凸显 */
body.inner .dh .dropdown-menu {
  background: rgba(30, 35, 45, 0.92) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2) !important;
  border-radius: 4px;
}
body.inner .dh .dropdown-menu li a { color: #fff !important; }
body.inner .dh .dropdown-menu li a:hover { background: rgba(4, 192, 220, 0.2) !important; color: rgb(4, 192, 220) !important; }

/* 内页正文容器：电脑端限制宽度居中，手机端全宽留边距 */
body.inner main,
body.inner article {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 15px;
  box-sizing: border-box;
}
body.inner h1 {
  font-size: 28px;
  text-align: center;
  margin: 20px 0 15px;
}
body.inner h2 {
  font-size: 20px;
  margin: 25px 0 12px;
}
body.inner p,
body.inner li {
  line-height: 1.8;
  margin-bottom: 10px;
}
.footer-info {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  body.inner main,
  body.inner article {
    padding: 15px 12px;
  }
  body.inner h1 { font-size: 22px; }
  body.inner h2 { font-size: 18px; }
  .footer-info { padding: 15px 12px; }
}

/* 手机端导航展开样式 */
@media screen and (max-width: 900px) {
  .dh { left: 0 !important; right: 0 !important; top: 50px !important; margin: 0 !important; transform: none !important; }
  .dh ul { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; background: rgba(0,0,0,0.88); }
  .dh ul li { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
  .dh ul li a { color: #fff !important; padding: 12px 16px !important; border-bottom: 1px solid rgba(255,255,255,0.1); }

  /* 移动端下拉改为点击展开（.open 类控制），不再依赖 hover，避免父链接直接跳转 */
  .dh .dropdown { position: static !important; }
  .dh .dropdown:hover .dropdown-menu { display: none; }
  .dh .dropdown.open .dropdown-menu { display: block !important; }
  .dh .dropdown-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    left: 0 !important;
    right: 0 !important;
    background: rgba(0,0,0,0.5);
    box-shadow: none;
  }
  .dh .dropdown-menu li a { border-bottom: 1px solid rgba(255,255,255,0.05); padding-left: 30px; padding-right: 16px; }

  /* 内页白色背景 */
  body.inner .dh ul { background: rgba(255,255,255,0.98); }
  body.inner .dh ul li a { color: #333 !important; border-bottom: 1px solid rgba(0,0,0,0.06); }
  body.inner .dh .dropdown-menu { background: rgba(245,245,245,0.95); }
  body.inner .dh .dropdown-menu li a { color: #333 !important; }
}