@charset "utf-8";
/* ============================================================
密友 · 分站首页样式（粉体装备 /fenti/ 、化机装备 /huaji/）
1:1 还原 www.miyou.com.cn/fenti/ 与 /huaji/ 首页，数值取自 getComputedStyle 实测
桌面定宽 1200px（原站即定宽，无响应式）
所有背景图都配了同色 background-color 兜底：素材未上传时版式与配色依然正确
============================================================ */
/* ---------- 重置（原站 style.css 第一条就是 * 通配 + border-box） ---------- */
*{margin:0;padding:0;box-sizing:border-box;font-family:"microsoft yahei"}
body{font-size:12px;color:#000;background:#fff}
img{border:0;vertical-align:top}
li{list-style:none}
a{text-decoration:none;color:#000}
a:hover{text-decoration:underline}
.clr{clear:both;height:0;overflow:hidden}
/* ================= 顶栏（与老站 style.css 逐字对账：120px 高，底边 1px #9dabb6） ================= */
.header{width:100%;min-width:1200px;height:120px;background:#743827 url(../images/miyou/sub/head_bg.png) repeat;background-size:100% 100%;border-bottom:1px solid #9dabb6}
.header_box{width:1200px;height:120px;margin:0 auto}
.left_header{width:450px;height:120px;float:left;padding-top:12.5px}
.left_header img{width:451px;height:107px}
.right_header{width:730px;height:120px;float:left}
/* .right_top 实测 padding-left:305px 就是为了把四个图标推到 logo 右侧那一排（原文就是这么写的） */
.right_top{width:725px;height:50px;padding:20px 0 0 305px;position:relative}
.top_1{float:left;line-height:20px;font-size:13px;color:#fff}
.top_1 img{vertical-align:middle;border:0}
.top_1 a{color:#fff;font-size:13px}
/* ================= 主导航（6 项） =================
原站靠 li{float:right} + DOM 反排来实现“视觉左→右：关于密友…联系我们”。
【修复】float 反排的副作用：窄屏分支把 #sub_nav 改成 flex 后 float 失效，
导航就按 DOM 顺序渲染，整条菜单视觉顺序颠倒（实测 ≤1200px 就是乱的）。
现统一用 flex + justify-content:flex-end：视觉与 float:right 完全一致，
但 DOM 就是正常顺序，任何断点、任何栏目数都不再需要反排。 */
.right_bottom{margin-top:5px;height:65px;position:relative}
#sub_nav{display:flex;justify-content:flex-end}
#sub_nav li{float:none;width:104.25px;height:65px;line-height:65px;text-align:center;font-size:15px;color:#fff;cursor:pointer;position:relative}
#sub_nav li > a{display:block;width:86.25px;height:65px;line-height:65px;text-align:center;font-size:18px;font-weight:700;color:#fff}
#sub_nav li:hover{background:#762914}
#sub_nav li:hover > a{color:#fff;text-decoration:none}
/* 二级下拉
【修复】原站把每个面板的位置硬编码成 .addr_1…addr_8（top:65px + 逐个 left/right），
栏目数量一变就全部错位（化机站"产品介绍"有 9 项，面板高 388px 就已溢出）。
现改为相对各自的 li 定位，自动跟随，无需再维护 addr_N。 */
.li_box{position:absolute;top:65px;left:50%;margin-left:-115px;width:230px;display:none;z-index:9999;background:rgba(255,255,255,.85)}
/* 靠边的两项让下拉面板贴着本站边缘展开，避免 230px 面板溢出 1200px 容器
【修复】原来写死 nth-child(1)/(2) 与 :last-child，是按 float:right 反排后的“DOM 前两项=视觉最右”算的；
改成 flex 正常顺序后，视觉最右是 DOM 最后两项，最左是 :first-child，选择器随之对调 */
#sub_nav li:nth-last-child(-n+2) .li_box{left:auto;right:0;margin-left:0}
#sub_nav li:first-child .li_box{left:0;margin-left:0}
/* .li_dd 原用 float 左右贴边来微调 193px 面板在 230px 盒子里的位置，换成 margin auto 居中，不再依赖第几项 */
.li_dd{width:193px;margin:0 auto;padding:14px 15px;line-height:35px}
.dd_div{width:100%;float:left;text-align:center;font-size:16px;line-height:35px;border-bottom:1px solid #6a7283}
.li_box a{color:#743827;font-size:16px}
.dd_div a:hover{color:#762914;text-decoration:none}
/* ================= 居中大标语 =================
老站 style.css：.title{width:100%;height:57px;background:#FFF;text-align:center;padding-top:5px;position:relative;padding-bottom:10px}
两站的第二条标语：粉体站内联 padding-top:30px，化机站内联 margin-top:30px（已交给模板从配置输出） */
.title{width:100%;height:57px;min-width:1200px;background:#fff;text-align:center;padding:5px 0 10px;position:relative}
.title p{font-size:24px;line-height:1.8;color:#743827;font-weight:700}
.title2 p{font-size:28px;line-height:1.5}
/* ================= banner 轮播（实测 500px 高、淡入淡出、5s 自动播） ================= */
#focus-banner{position:relative;width:100%;min-width:1200px;max-height:500px;overflow:hidden;/*background:#efefef;*/}
#focus-banner ul{position:relative;width:100%;height:500px}
#focus-banner li{position:absolute;left:0;top:0;width:100%;height:500px;overflow:hidden;display:none}
#focus-banner li.show{display:block}
#focus-banner li img{position:absolute;left:50%;margin-left:-960px;width:1920px;height:500px}
.focus-handle{position:absolute;top:50%;margin-top:-40px;display:block;width:80px;height:80px;z-index:100;/*background-color:rgba(0,0,0,.25);*/background-image:url(../images/miyou/sub/focus_handle.png)}
/*.focus-handle:hover{text-decoration:none;background-color:rgba(0,0,0,.45);}*/
/* 箭头左右与精灵图位移沿用原站设置（精灵图 160×160 四态），素材到位后确认方向是否反了 */
#next-img{left:35px;background-position:0 0}
#next-img:hover{background-position:0 -80px}
#prev-img{right:35px;background-position:-80px 0}
#prev-img:hover{background-position:-80px -80px}
#focus-bubble{position:absolute;left:50%;bottom:10px;z-index:999;width:120px;margin-left:-60px}
#focus-bubble li{float:left;width:50px;height:2px;margin-right:10px;border:1px solid #fff;cursor:pointer}
#focus-bubble li.current{border-color:#8CC11F}
/* ================= 案例/产品卡片网格（3 列 × 350px，行距 302px） =================
【2026-10-28 按客户要求：不写死高度】老站是把网格盒子写死（粉体 .chanpinn 950px）
且不清浮动，再靠下面 .impor 的 1052px 给浮动卡片让位 —— 后台案例条数一变就会压住或留空白。
这里改成用 BFC 把网格盒子自动包住卡片（overflow:hidden），高度由内容撑，
新闻区仍排在网格之后，顺序与观感和老站一致，但不再依赖任何固定数值 */
.chanpinn{width:1200px;margin:0 auto;text-align:center;overflow:hidden}
.chanpinn h4{text-align:left}
.chaninn_left{width:1200px;margin:0 0 13px;padding:0 25px;color:#666}
/* 老站这里是 margin:0 25px（把最小内容宽撑到 1225px → 1200 屏出横向滚动条）；
换成等价的 padding:0 25px，丝带 h4 的起始 X 与卡片左边缘仍然对齐，且不再撑出滚动条 */
.chaninn_left h4{height:40px;font-size:20px;font-weight:700;color:#fff;text-align:left;background: url(../images/miyou/sub/bbb.png) no-repeat}
.ad{width:1200px;display:inline}
.ad a{color:#000}
.ad li.a{margin:5px 25px 0;padding:0 0 20px;float:left;text-align:center;background:#fff}
.ad li.a img{width:350px;height:245px}
.aad{width:350px;min-height:32px;padding-top:16px;font-size:15px;color:#743827;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad li.a a:hover{text-decoration:underline;}
/* 【保留的唯一修改】老站 .aad 不折行也不截断，长标题会撑出 32px 盒盖住下一行；这里用单行省略号拦住 */
/* ================= 我们的合作伙伴（老站中聚首页 .eng，style.css 第 64-88 行逐字搬） =================
卡片 225×235 图 + 67 名称条；.nav 宽 5000 单行横排、.box overflow:hidden 裁切（老站靠 JS 轮播 prev/next，
中聚实际只有 5 家、一屏放得下，本副本不接轮播 JS，但 DOM 与首屏观感与老站一致）*/
.eng{width:100%;height:395px;padding:30px 0}
.eng_title{width:1149px;margin:0 auto 13px}
.title_left{color:#666;float:left}
.title_left h4{background:url(../images/miyou/sub/bbbb.png) no-repeat;color:#fff;width:223px;height:43px;font-size:22px;padding-left:26px;padding-top:3px}
.title_button{color:#666;float:right}
.item{width:20px;height:20px;border:1px solid #6a7283;text-align:center;line-height:15px;float:left;cursor:pointer}
.box{width:1154px;height:302px;margin:0 auto;overflow:hidden;position:relative}
.nav{width:5000px;height:302px;position:absolute}
.eng_box{width:213px;height:302px;float:left}
.eng_box:hover .eng_name{color:#762914}
.eng_box:hover .show-black{display:block}
.eng_img{width:225px;height:235px;position:relative}
.show-black{width:225px;height:235px;background:url(../images/miyou/sub/show_black.png) 100% 100%;position:absolute;top:0;display:none}
.eng_img img{width:100%;height:100%;border:none;vertical-align:middle}
.eng_intro{width:225px;height:67px;background:#eff0f1;padding:10px 0;line-height:19px}
.mar_l{margin-left:18.75px}
.eng_intro .eng_name{display:block;width:100%;text-align:center;color:#743827;font-weight:bold}
.eng_intro .eng_name a{color:#666;font-weight:bold}
/* ================= 新闻 / 行业地位（双栏手风琴） =================
老站 style.css 给 .impor 写过固定高（粉体 1052px / 化机 365px），那是给上面浮动卡片让位的补偿值；
现在网格自己包住浮动了，这里就不在写死高度（impor_inline 也已置空），高度随后台新闻条数变 */
.impor{width:100%;min-width:1200px;border-bottom:1px solid #d8d8d8}
/* 不给 .impor 写固定高（也不给它 overflow），高度由下面两栏内容自己撑 */
.impor_box{width:1200px;margin:0 auto}
.impor_right{width:580px;padding:30px 0;float:left;margin-left:20px;overflow:hidden}
.impor_right8{width:580px;padding:30px 0 30px 30px;float:left;overflow:hidden;min-height: 380px;}
.impor_title{width:100%;height:30px}
.impor_title h4{width:164px;height:43px;padding:10px 0 0 13px;font-size:22px;font-weight:700;line-height:17px;color:#fff;float:left;background: url(../images/miyou/sub/fenti/b2018.png) no-repeat}
.impor_content{width:555px;height:257px;margin-top:13px}
/* 老站：.content_title div{height:33px;line-height:33px;color:#FFF;float:left}，
标题 div 本身不带 class、也不是链接（链接在 .content_box 里的 a 上），所以这里不能写 ct_t */
.content_title{width:100%;height:33px;background:#743827;cursor:pointer}
.content_title:hover{background:#6a7283}
.content_title div{height:33px;line-height:33px;color:#fff;float:left}
.down{padding:0 10px;font-size:25px}
.content_box{width:100%;height:5px;overflow:hidden;text-indent:2em;font-size:13px;line-height:25px;}
/* 摘要在老站是包在 里的，mod.css 全局 a{color:#743827} → 展开后正文是棕色，不是黑/灰 */
.content_box a{color:#743827;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.content_box.open{height:120px}
/* ================= 订阅区（老站 style.css：高度全部写死 115px） ================= */
.for_area{width:100%;height:115px;min-width:1200px;background:#fff}
.area{width:1200px;height:115px;margin:0 auto;padding:35px 0}
.left_area{width:600px;height:100%;float:left}
/* 老站没给 .left_area_img 写宽，宽=图自身宽 + 左右 20px padding；四个图自然尺寸不一，所以不能补上我猜的 120px */
.left_area_img{height:100%;padding:0 20px;float:left;border-right:1px solid #979797}
.right_area{width:600px;height:100%;float:left;border-left:1px solid #979797}
.right_area_left{width:180px;height:100%;float:left;border-right:1px solid #979797;font-size:12px;line-height:22.5px;color:#666;padding-left:10px}
.right_area_right{width:419px;height:100%;float:left;padding:10px 14px}
/* 老站这两个输入框是 float:left + height:100%（100% 对的是父容器 45px 内容高），
看起来比常规输入框高，但这正是原站的样子 */
.right_input_1{width:130px;height:100%;float:left;padding-left:5px;color:#743827}
.right_input_2{width:164px;height:100%;float:left;padding-left:5px;margin-left:9px}
.dingyue{color:#fff;width:58px;height:21px;background:#743827;border:0;margin-left:10px}
/* ================= 页脚（实测 100px 高 #743827，三列 357/200/596） ================= */
.footer{width:100%;min-width:1200px;height:100px;background:#743827}
.foot_box{width:1200px;height:100px;margin:0 auto;padding:25px 0}
/* 老站页脚 logo 的容器就叫 .logo（不是 .f_logo），而且外面没有 ，就是一张图 */
.logo{width:357px;height:50px;float:left;padding:5px 0 0 30px}
.logo img{width:180px;height:40px}
.select_box{width:200px;height:50px;float:left;padding:12.5px 0}
.select_box select{width:100%;height:100%;background:#b4bbcb;color:#595757;border:1px solid #767676}
.detail{width:596px;height:50px;float:left;padding-left:217px;color:#fff;font-size:12px;line-height:25px}
.item_top{font-size:15px}
.item_top span{margin-right:3px}
.item_top a{color:#fff;font-size:15px}
.item_bottom p{font-size:12px;line-height:25px;color:#fff}
.item_bottom a{color:#fff;font-size:12px}
/* ================= 悬浮元素（老站：div.top > a > img；二维码在 mod.css） ================= */
.top{position:fixed;right:2%;bottom:5%;z-index:100}
.right_float{position:fixed;right:5px;bottom:35%;z-index:101;width:107px;padding:20px 5px;background:#fff;border:1px solid #e2e4e4}
.right_float img{width:100px;height:100px}
/* ================= 内页公共（产品/案例/新闻/单页） =================
数值逐字取自 _miyou_ref/fenti/style.css（行号标在各条后面），只把颜色里的
主题棕由 #743827 统一（本站其余区块都用这个色），没有自己新加的宽高 */
.child_title{width:100%;height:95px;background:#fff;min-width:1200px} /* L223 */
.title_content{width:1200px;height:81px;line-height:95px;font-size:20px;color:#743827;margin:0 auto} /* L224 */
.title_content a{color:#743827} /* L225 */
.market{width:100%} /* L226 */
.market_box{width:1200px;margin:0 auto;padding:48px 0} /* L228 */
.left_box{width:180px;float:left} /* L230 */
.right_box{width:1000px;margin-left:20px;float:left;height:auto} /* L231 */
.list_title{width:180px;height:80px;background:#743827;padding:20px 15px;border-radius:18px} /* L232 */
.title_name{width:100%;height:29px;text-align:center;color:#fff;font-size:29px} /* L233 */
.left_box dl{margin-top:35px;color:#743827;font-size:16px} /* L235 */
.left_box dt{font-weight:bold;border-bottom:1px solid #666;padding:9px 0} /* L236 */
.left_box dd{border-bottom:1px solid #6a7283;padding:9px 0} /* L237 */
.left_box dd a,.left_box dt a{color:#743827}
.right_title{width:1000px;color:#666;height:68px;line-height:35px;border-bottom:1px dashed #787f8e;margin-bottom:16px} /* L238 */
.right_title ul{
opacity: 0;
}
.duct_list li{float:left;height:30px;text-align:center;line-height:25px;font-size:18px;cursor:pointer;margin-right:35px;color:#666} /* L397 */
.duct_list li a{color:#666}
.select{border-bottom:5px solid #666;font-weight:bold} /* L398 */
.cp_all{width:1000px;display: flex;flex-wrap: wrap;} /* 老站没给 .cp_all 写规则（只有容器作），这里也只给宽度 */
.cp_line{width:250px;height:184px;margin:24px 18px;float:left;padding-left:40px} /* L399（原文还多写了个 margin-bottom:15px，被后面 margin 直接覆盖，只保留生效的那个） */
.line_img{width:250px;height:287px;float:left;margin-right:5px;overflow:hidden} /* L400 */
.line_img img{width:250px;height:175px}
.cp{width:250px;height:31px;text-align:center;font-size:15px;background:#fff;color:#743827} /* L766 */
/* ---------- 新闻列表（.section 图 + 摘要两栏） ---------- */
.section{width:1000px;height:180px;margin-bottom:18px} /* L306 */
.sec_img{width:300px;height:180px;float:left} /* L307 */
.sec_img img{width:100%;height:100%} /* L308 */
.sec_new{width:690px;height:180px;float:left;margin-left:10px;padding:26px 20px;line-height:25px;background:#f8f8f9} /* L309 */
.sec_title{color:#666;font-size:21px;font-weight:bold;margin-bottom:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} /* L310 */
.sec_title a{color:#666}
.section_sec{width:690px;font-size:12px;color:#666} /* L312 */
.section_sec img{vertical-align:middle} /* L313 */
.section_sec span{margin-right:5px} /* L314 */
.sec_new p{font-size:12px;color:#666;line-height:20px} /* L315 */
/* ---------- 新闻/案例/产品详情 ---------- */
.news_title{width:1000px;color:#666;min-height:35px;border-bottom:1px dashed #787f8e;margin-bottom:10px;text-align:center;font-size:21px;font-weight:bold} /* L275（min-height 不是高写死，没标题时也不塌） */
.sec_tit{width:1000px;color:#666;height:20px;text-align:center;font-size:12px;line-height:20px} /* L276 */
.sec_tit img{vertical-align:middle} /* L277 */
.sec_tit span{padding:0 5px} /* L278 */
.article{width:1000px;font-size:12px;color:#666;padding-top:35px;line-height:23px} /* L279 */
.article p{text-indent:2em;margin-top:30px} /* L280 */
.article img{max-width:100%} /* 老站正文里出现过超宽图，这一条是防溢出，不改版式 */
.news_contr{width:1000px;height:70px;border-top:1px dashed #6a7283;border-bottom:1px dashed #6a7283;line-height:20px;padding:15px 0;position:relative} /* L289 */
.contr_news{width:1000px;color:#666;font-size:12px;font-weight:bold} /* L290 */
.contr_news span{font-weight:100} /* L291 */
.contr_news span a{color:#743827;font-size:14px;font-weight:600} /* L292 */
.mulu{position:absolute;top:18px;right:80px;font-size:12px;color:#666} /* L293 */
.dayin{position:absolute;top:18px;right:0;font-size:12px;color:#666} /* L295 */
.mulu img,.dayin img{vertical-align:middle}
.mulu a,.dayin a{color:#666} /* L297 */
/* ---------- 产品详情（标题 + 正文 + 其他相关产品横向滚动） ---------- */
.induct_name{font-size:18px;font-weight:bold;height:35px;float:left} /* L739 */
.duct_p{width:1000px;overflow:hidden;padding:15px 0;line-height:20px;font-size:12px;color:#666;display:none} /* L741（老站靠 JS 把当前面板显成 block，这里首屏直接给 .first 上 block） */
.duct_p.first{display:block}
.duct_p p{text-indent:2em;margin-bottom:30px} /* L742 */
.other_duct{width:1000px;position:relative;border-top:1px dashed #666} /* L743 */
.other_name{position:absolute;width:100px;height:30px;text-align:left;line-height:30px;color:#666;font-size:15px;background:#fff;left:0;top:0;margin-top:-15px} /* L666 */
.duct_show{width:1000px;height:302px;overflow:hidden;position:relative;margin-top:20px} /* L744 */
.duct_box{width:5000px;height:302px;position:absolute;left:0;top:0} /* L745 */
.duct{width:225px;height:302px;float:left} /* L746 */
/* 老站是用 base.js 给除首张之外的每张 .duct 内联 margin-left:33.33px（225+33.33=258.33 正好一格），
这里直接用 CSS 固化，不依脚本加载时机；轮播脚本只负责箭头（见 sub_foot.tpl） */
.duct_box .duct + .duct{margin-left:33.33px}
.duct_img{width:225px;height:158px} /* L747 */
.duct_img img{width:225px;height:158px} /* L748 */
.duct_font{width:225px;height:67px;background:#eff0f1;color:#666;padding:12px 0} /* L749 */
.duct_font .duct_name{text-align:center;font-size:18px;font-weight:bold} /* L750 */
.duct_font .duct_read{text-align:center;font-size:12px} /* L751 */
.duct_font a{color:#666}
/* ---------- 分页（老站用的是 CMS 自己生成的分页 HTML，类名在 base.css 里，这里只给分站补一套同观感的） ---------- */
.page_bar{width:1000px;margin:30px 0 0;text-align:center;font-size:13px;color:#743827}
.page_bar a,.page_bar span{display:inline-block;padding:2px 9px;margin:0 2px;border:1px solid #d8d8d8;color:#743827}
.page_bar a:hover{background:#743827;color:#fff;text-decoration:none}
/* 当前页：Core_Page::volistpage() 生成的是 ，不是 .now（旧写的 .now 永久对不上，故当前页一直没底色） */
.page_bar .pg-current{background:#743827;color:#fff;border-color:#743827;font-weight:bold;cursor:default}
/* 首页/尾页的「上一页、下一页」到边界时是 ，置灰不可点 */
.page_bar .pg-disabled{color:#c5c5c5;border-color:#e5e5e5;cursor:default}
/* ---------- 单页（走进密友 / 联系我们 / 荣誉资质 / 视频链接…）正文与面包屑 ----------
注意：.co_content 不给固定 height/overflow —— 单页正文长短由后台决定，写死会裁文或留白（客户定调）
字号/行高/padding 一律用老站 style.css L383-384 原值（12px / 23px / padding-top 35px），
之前这里写的是 14px/28px/10px，所以单页看上去比老站大一号、行距也松 */
.co_content{width:1000px;font-size:12px;color:#666;padding-top:35px;line-height:23px}
.co_content img{max-width:100%;height:auto}
.co_content p{text-indent:2em;margin-bottom:25px}
/* 新闻/案例详情上下条：CMS 输出结构是 a>span（老站是 span>a），补一条直接给 a 上老站棕红，保证上一条/下一篇链接配色与老站一致 */
.contr_news a{color:#743827;font-size:14px}
/* 老站 .title_content 右侧面包屑用的是内联 float:right（见 fenti_product_list.html 第 242 行），这里只补个通用类方便模板复用 */
.crumb{float:right;font-size:15px;color:#743827}
.crumb a{color:#743827}
/* 产品详情「其他相关产品」左右滚动箭头（老站 .dh_box/.dh_left/.dh_right）：
老站 .dh_box 是 background:#fff;position:absolute;right:0;height:20px;margin-top:-10px（骑在虚线上、白底盖住虚线）。
之前这里 top:0;height:30px 又没背景，卡片(.duct_show margin-top:20px)在 DOM 里排在箭头之后，定位元素会盖住箭头下半部
→ 表现为「箭头被内容遮住」。这里对齐老站：白底 + 骑在虚线上（margin-top 负一半）+ z-index 兜底。 */
.dh_box{background:#fff;position:absolute;right:0;top:0;height:28px;margin-top:-14px;z-index:2}
.dh_box li{float:left;width:26px;height:26px;line-height:26px;text-align:center;border:1px solid #d8d8d8;margin-left:6px;cursor:pointer;color:#666;list-style:none}
.dh_box li:hover{background:#743827;color:#fff;border-color:#743827}
.subspan{color:#743827}
/* ---------- 合作案例列表（1:1 老站 /fenti/list/?422 与各行业页：.market 内 ul.honor 行业标签行 + .book>.book_box 卡片） ----------
数值逐字取自 _miyou_ref/fenti/style.css：L598-600(.honor)、L700-707(.book .book_*)；主题棕统一 #743827。
卡片=左 285×285 方图 + 右 300px .detail_1（标题 / 行业类型 / 案例简介），590 宽两个一行(590×2<1200)，float 自动排。 */
.honor{width:100%;border-bottom:1px dashed #666;padding-bottom:5px} /* L598 */
.honor li{float:left;height:35px;text-align:center;font-size:18px;color:#666;margin-right:10px;cursor:pointer;padding:5px 10px} /* L599-600 */
.honor li a{color:#666}
.honor li a:hover{color:#743827;text-decoration:none}
.honor .select{border-bottom:5px solid #666;font-weight:bold;color:#743827}
.book{width:100%;overflow:hidden}
.book .book_box{margin-top:30px;width:590px;height:285px;float:left} /* L700 */
.book .book_img_box{width:285px;height:285px;float:left;position:relative;overflow:hidden} /* L701 */
.book .book_img_box img{width:285px;height:285px}
.book .book_detail{width:300px;height:285px;float:left;margin-left:5px} /* L702 */
.book .detail_1{width:300px;height:286px;float:left;margin-bottom:5px;background:#eff0f1;padding:14px 15px;color:#666} /* L705 */
.book .book_tit{font-weight:bold;font-size:18px;margin-bottom:15px} /* L706 */
.book .book_tit a{color:#743827}
.book .book_infor{font-size:12px;margin-bottom:10px;line-height:22px}
/* ---------- 荣誉资质列表（1:1 老站 /fenti/list/?353：ul.honor 分类标签行 + .zizhi_box>.zizhi 证书卡片） ----------
数值逐字取自 _miyou_ref/fenti/style.css L601-609（含老站那两个负边距——它们和 float 换行的奇偶互补是一起设计好的，不能自作主张修）；
遮罩滑入动画在 sub_album_list.tpl 尾部内联 jQuery 复刻老站 base.js L206-216（本站没搬整套 base.js，这套 CSS 也完全没有 hover 规则）。 */
.zizhi_box{margin-top:23px;margin-left:124px} /* L601 */
.zizhi{width:260px;height:290px;float:left;margin-bottom:-20px;margin-left:-53px} /* L602 */
.zizhi_marl{margin-left:-47px} /* L605（老站 base.js 给非行首卡片加的类） */
.zizhi_img{width:200px;height:160px;float:left;position:relative;overflow:hidden} /* L603 */
.zizhi_img img{width:200px;height:160px;border:none}
.zizhi_zhezhao{width:200px;height:160px;position:absolute;background-color:#8cc11f;filter:alpha(opacity=50);background-color:rgba(140,193,31,0.5);top:-215px} /* L605：初始藏在上方，hover 滑下 */
.zizhi_font{width:200px;height:70px;float:left;margin-top:4px;background:#eff0f1;padding:10px 25px;color:#666666;line-height:25px;text-align:center} /* L606 */
.zizhi_font p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* L607 */
.zizhi_font p.a-cat{color:#743827;font-weight:bold}
.large{width:90px;height:25px;border:1px solid #FFFFFF;position:absolute;top:50%;margin-top:-12.5px;left:50%;margin-left:-45px;line-height:25px;text-align:center;color:#FFFFFF;font-size:12px;cursor:pointer} /* L609 */
.large span{margin-right:4px}
/* ---------- 在线留言（1:1 老站 /fenti/about/?391.html 表单页） ----------
数值逐字取自 _miyou_ref/fenti/style.css L537-549（.adv、.adv_box、.question_box、.que_infont、.form_name、.form_area、.text_area、.form_sub、.form_ml）。
本站以前根没有这一组样式，所以把老站表单贴进单页也不会长成老站那样。 */
.adv{font-size:12px;color:#666666;text-indent:2em}
.adv_box{line-height:20px;margin-bottom:35px}
.question_box{width:1000px;background:#Ffffff;padding:20px;line-height:30px} /* L539：这个 1000 宽 + 20 padding 包不住 .co_content 的 1000，老站就是靠它溢出对齐，不自作主张改 */
.question_box .que_infont{font-size:12px;color:#743827;display:inline-block;width:128px;text-align:right} /* L540 */
.question_box span{font-size:12px;color:#743827}
.question_box label{margin-right:10px}
.form_name{width:250px;height:20px;color:#743827}
.form_area{width:140px;height:20px;color:#743827}
.question_box input[type='radio']{vertical-align:middle}
.question_box .form_kind{width:180px;height:20px;color:#743827}
.question_box input,.question_box select{font-size:12px}
.text_area{width:512px;height:110px;vertical-align:text-top;font-size:12px;color:#743827}
.form_sub{width:45px;height:20px;border:1px solid #743827;color:#743827;background:none;margin-left:4px;cursor:pointer}
.form_ml{margin-left:64px}
/* ================= 响应式：老站根本没有 =================
已取证：_miyou_ref/fenti/style.css 与 huaji/style.css 全文 0 个 @media，
最宽处依托 min-width:1200px —— 手机/平板打开老站，看到的就是缩小的 1200px 桌面版 + 横向拖动。
之前本文件里那段 @media (max-width:1200px) 重排是我自己加的，与客户要求的“一模一样”相左，已整段删除。
如果以后确实要加移动端，另建新文件或用开关控制，不要改这一段上面的复刻值。 */