@charset "utf-8";
/* ============================================================
   密友集团 门户首页样式（1:1 还原 www.miyou.com.cn 根首页）
   数值来源：对原站 getComputedStyle 实测（1905px 视口）
   说明：本文件自带 reset，不依赖 template/default/style/base.css，
        避免与原 CMS 全站样式互相覆盖。
   ============================================================ */

/* ---------- 重置（照抄原站 base.css 的按标签重置，原站无 * 通配重置） ---------- */
html{height:100%}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font-family:"Microsoft YaHei",宋体,sans-serif;font-size:12px;line-height:1.2;color:#512B29}
/* 版式：与原站一致 —— html/body 100% 高，.container 整屏背景，.footer fixed 钉在视口底。
   旧版这里改成过 flex 列布局（为了让页脚第二行可见），导致内容区比原站矮 285px、页脚高 197px，
   验收时被当成“排版不一样”。现已回到原站做法；窄屏的重排不靠自加规则，而是下面逐字转写的老站 4 条 @media。 */
body{height:100%}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none;color:#000;font-size:12px;cursor:pointer}
a:link,a:visited,a:hover,a:active{color:#333;text-decoration:none;outline-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;float:none;height:0;overflow:hidden}

/* ---------- 外层（原站 .conment{width:100%;height:100%}） ---------- */
.conment{width:100%;height:100%}

/* ---------- 顶栏：实测 .head 88px / .top 95% 宽 90px 高，背景 #512B2A ---------- */
.head{width:100%;height:88px;background:#512B2A}
.top{width:95%;height:90px;margin:0 auto;background:#512B2A;overflow:hidden}
.logo{
  float: left;
    padding: 0 0 0 15px;
    max-width: 30%;
    box-sizing: border-box;
  }
.logo img{display:block;width:350px;height:116px;position:relative;top:-15px}

/* ---------- 主导航：4 项，float:right 反排（视觉左→右 = 首页/走进密友/联系我们/English） ---------- */
#menu{float:left;width:70%;height:34px}
#nav .mainlevel{float:right;text-align:center;width:20%;height:73px}
#nav .mainlevel ul{position:absolute;display:none}
a.dade{display:block;padding:0 20px;height:20px;line-height:20px;font-size:20px;font-weight:400;color:#fff;text-align:center;margin-top:53px;border-right:1px solid #fff}
a.dade:hover{color:#fff;text-decoration:none}
.dade.nobr,.nobr{border-right:none}

/* ---------- 内容区：整屏背景图（原站 bg.jpg 实测 1476x575，center repeat） ----------
   原站就是 height:100%，所以“顶栏 88px + 内容区一整屏 = 1168px”，
   页脚靠 position:fixed 盖在内容区最后 112px 上——这是原站的真实观感，按原样复刻。 */
.container{width:100%;height:100%;background:url(../images/miyou/bg.jpg) center center repeat}
.sange{width:98%;margin:0 auto;padding-top:50px;display:flex;flex-wrap:wrap;justify-content:center}
.xins{width:33.3333%;margin:0;padding:0;text-align:center;list-style:none}
.xins a img{width:93%}
.xins a:hover{text-decoration:none}
/* 已删除“素材未放到位时的占位”规则（min-height:150px + border-radius:45px + 深底）：
   原站卡片图 home01/home02.png 是 500x539 的成图（厂标本身带圆角），
   占位样式会在图片就位后继续盖在真实图上，反而变成“不一样”。素材未放时卡片位置为空是正常的。 */

/* ---------- 页脚：原站实测 112px 高、#512B2A、position:fixed;bottom:0 ----------
   原站 .footzh 没清浮动（高度塌陷为 0）且各列宽度合计 120%，所以第二行
   （新闻中心 / ATEX 标题 / 中文切换）落在视口外——在任何分辨率下都看不见。
   本版按原站现状 1:1 复刻（客户已习惯这个观感）；如需把第二行放出，把下面两行换成：
       .footer{width:100%;min-height:112px;background:#512B2A;padding-bottom:12px}
       .footzh{width:95%;margin:0 auto;overflow:hidden}
   并把 body/.conment/.container 的 height:100% 改回 flex 方案。 */
.footer{width:100%;height:112px;background:#512B2A;position:fixed;bottom:0;left:0;right:0}
.footzh{width:95%;margin:0 auto}
.erweima{float:left;width:8%;padding-top:2px}
.erweima img{display:block}
.copyrighthome{float:left;width:38%;padding-top:18px;line-height:28px;font-size:14px;color:#fff;text-align:center}
.copyrighthome a{font-size:14px;color:#fff}
.copyrighthome a:hover{color:#fff;text-decoration:underline}
.language{float:left;width:20%}
a.china{display:block;float:left;height:30px;line-height:30px;padding:0 20px 0 30px;margin:40px 0 0 76px;background:url(../images/miyou/ch2.png) left center no-repeat;color:#fff;font-size:12px}
a.china:hover{color:#fff;text-decoration:none}
/* 证书缩略图（原站写死 130x109 + 左缩进 120px） */
.zhengshu img{width:130px;height:109px;margin-left:120px}
.language{
  display: none;
}

/* ---------- 素材未就位时不再用占位底色撑形（会盖住真图），靠 alt 提示即可 ----------
   原先这里的 .logo img / .erweima img / .zhengshu img 有 rgba 底色与 min-* 撑高，已删除。 */

/* ---------- 移动端：下面 4 条是“拄”回来的，不是自己加的 ----------
   【 2026-10-30 取证纠正】上一版这里写注释说“老站根本没有响应式”，判错了：
   零个 @media 取证的是 fenti/huaji 内页的 Templates/.../style.css，不适用于门户根首页。
   用 _miyou_maintain.php 的 do=portal 只读抓 www.miyou.com.cn/ 根首页 + 它引用的 CSS，实测老站门户有 4 条 @media：
   3 条在 index/common.css，1 条在首页页内 <style>。两边都没有 viewport meta（一致），
   所以手机端的差距全部来自这 4 条被上一版删掉的规则 —— 老站手机上会收窄导航、缩字号、页脚换定位。
   以下逐字转写老站原文，不自加任何规则；分站（fenti/huaji）确实零个 @media，miyou_sub.css 不要跟着改。 */

/* 老站 index/common.css 第 1 条（2026-11-02 逐字校对）：导航 20% / 容器 60% / 字号 18 / 中文切换左缩进 30。
   上一版这里写成 23%/65%，还多打了 .logo / .logo img / a.dade 三段自加规则 —— 11-02 抓 www.miyou.com.cn/index/common.css
   原文比对后确认老站没这些，已全部按原文改回，不自加任何东西 */
@media screen and (max-width:1000px){
#nav .mainlevel{ width: 20%;}
#menu{ width:60%}
.dade{ font-size:18px}
.china{margin-left: 30px;}
}

/* 老站首页页内 <style>：同样断点再把 .dade 收到 17px（页内表后加载，以它为准） */
@media screen and (max-width:1000px){
    .dade{ font-size:17px}
}

/* 老站 index/common.css 第 2、3 条：固定宽以上把 position:fixed 的页脚先顶到 top:500px，
   再到 1024px 以上拉回 bottom:0（老站靠这一对把页脚从背景图中问位置“纠”回规置） */
@media (min-width: 959px) {
    .footer{position: fixed;top: 500px;}
}
@media (min-width: 1024px) {
    .footer{position: fixed;bottom: 0;top: auto;}
}

/* ============================================================
   如需回到「与原站逐像素一致」（含两个缺陷），把 .footer/.footzh 换回：
       .footer{width:100%;height:112px;background:#512B2A;position:fixed;bottom:0;left:0;right:0}
       .footzh{width:95%;margin:0 auto}
   并把 .container 的 flex:1 换回 height:100%。
   ============================================================ */