/* === 广州漫威数字科技有限公司 官网样式（基于 cooole.com 版式重建） === */
* { box-sizing: border-box; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
body {
  position: relative;
  min-width: 1100px;
  background: #000;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 15px;
  color: #333;
}
em, small { font-style: normal; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #c80000; }

/* 背景 */
.bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; overflow: hidden; }
.bg img { width: 100%; height: 100%; object-fit: cover; }

/* 固定底部导航 */
.nav {
  background: #000;
  opacity: 0.85;
  height: 80px;
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  border-bottom: 3px solid #c80000;
  z-index: 99999;
}
.nav .logo { float: left; width: 272px; height: 80px; display: block; padding: 0 10px; }
.nav .logo img { height: 80px; display: block; }
.nav .nav_list { padding-left: 287px; }
.nav .nav_list ul { line-height: 80px; text-align: center; }
.nav .nav_list ul li {
  width: 16.6%;
  float: left;
  font-size: 18px;
  font-weight: 100;
  position: relative;
}
.nav .nav_list ul li.on, .nav .nav_list ul li.on a:hover { background: #c80000; cursor: default; }
.nav .nav_list ul li a { color: #fff; display: block; height: 80px; cursor: pointer; }
.nav .nav_list ul li a p { line-height: 80px; }
.nav .nav_list ul li a:hover { text-decoration: none; background: #1a1a1a; }
.nav .nav_list ul li.on a:hover { background: #c80000; }

/* 主内容区（白色卡片浮于背景之上） */
.main { width: 80%; max-width: 1280px; margin: 0 auto; padding: 70px 0 130px; position: relative; z-index: 99; }
.index_box {
  background: #fff;
  min-height: 467px;
  box-shadow: 1px 1px 19px rgba(0,0,0,0.5);
  margin-bottom: 55px;
  position: relative;
  overflow: hidden;
}
.index_box .cover { float: left; width: 400px; height: 467px; object-fit: cover; }
.index_box .m_main { margin-left: 400px; padding: 26px 30px; }
.index_box .m_main h1 { font-size: 28px; height: 42px; margin-bottom: 14px; font-weight: 100; }
.index_box .m_main h1 span {
  border-bottom: solid 2px #c80000;
  color: #c80000;
  display: inline-block;
  height: 40px;
  padding-right: 6px;
}
.index_box .m_main h1 em {
  font-size: 26px;
  border-bottom: solid 2px #000;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  height: 40px;
  padding-left: 8px;
}

.cont { line-height: 220%; margin: 6px 0; }
.cont p { margin: 14px 0; color: #555; }
.cont strong { color: #333; }

/* 企业文化：圆形图标列表 */
.li_img { margin-top: 10px; width: 100%; }
.li_img li { float: left; width: 25%; text-align: center; margin: 18px 0; }
.li_img li i { display: block; width: 70%; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; box-shadow: 1px 1px 6px rgba(0,0,0,0.2); border: solid 4px #fff; }
.li_img li img { width: 100%; display: block; }
.li_img li a:hover i { border-color: #c80000; }
.li_img li small { font-size: 14px; background: #eee; border-radius: 5px; padding: 2px 12px; }

/* 最新动态：文字列表 */
.li_txt { margin-top: 12px; }
.li_txt li { height: 42px; line-height: 42px; overflow: hidden; margin-bottom: 6px; border-bottom: 1px dashed #e2e2e2; }
.li_txt li span { font-size: 12px; background: #c80000; color: #fff; border-radius: 5px; padding: 2px 8px; margin-right: 12px; }
.li_txt li a { color: #555; }
.li_txt li a:hover { color: #c80000; }

/* 合作伙伴：圆形 logo */
.li_icon { margin-top: 20px; }
.li_icon li { float: left; width: 20%; margin: 14px 0; }
.li_icon li span { display: block; margin: 0 auto; width: 120px; }
.li_icon li img { width: 100%; border-radius: 50%; box-shadow: 1px 1px 6px rgba(0,0,0,0.2); padding: 4px; background: #fff; }

/* 加入我们 */
.i_joinus .cate { float: left; width: 160px; }
.i_joinus .cate li { line-height: 44px; }
.i_joinus .cate li a { background: #999; color: #fff; padding: 0 18px; display: inline-block; line-height: 34px; border-radius: 4px; }
.i_joinus .cate li a:hover, .i_joinus .cate li a.on { background: #c80000; }
.i_joinus .list { margin-left: 180px; }
.i_joinus .list a { display: inline-block; background: #f2f2f2; padding: 0 14px; margin: 6px; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; border-radius: 5px; color: #555; }
.i_joinus .list a:hover { background: #c80000; color: #fff; }

/* 联系我们地图占位 */
.map-cover { display: flex; align-items: center; justify-content: center; background: #1a1a1a; color: #888; font-size: 14px; text-align: center; }
.map-placeholder p { font-size: 18px; color: #bbb; margin: 0 0 6px; }

/* 备案号 */
.ban { clear: both; text-align: center; width: 100%; padding: 18px 0; }
.ban a { color: #c8d4c3; font-size: 12px; }
.ban a:hover { color: #fff; }

/* 提示文案 */
.tip { color: #c80000 !important; font-size: 13px; border-left: 3px solid #c80000; padding-left: 10px; background: #fff5f5; line-height: 180%; }

/* 内容滚动区（长文内部滚动） */
.scroll-area { max-height: 360px; overflow-y: auto; padding-right: 10px; }
.scroll-area::-webkit-scrollbar { width: 4px; }
.scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }

/* 小屏适配 */
@media (max-width: 1100px) {
  body { min-width: 980px; }
  .index_box .cover { width: 300px; }
  .index_box .m_main { margin-left: 300px; }
}