@charset "utf-8";
/* ==========================================================================
   珠海市鉲美羍科技有限公司 — 网站样式表
   企业蓝 + 橙 · 1200px 定宽 · 浮动布局 · 无框架
   ========================================================================== */

/* ---------- 变量 ---------- */
:root{
  --page-bg:#f2f2f2; --content-bg:#fff; --content-alt:#f7f9fc;
  --utility-bg:#f5f5f5; --utility-bd:#e5e5e5; --utility-tx:#666;
  --header-cn:#333; --header-en:#999;
  --nav-bg:#005bac; --nav-g1:#0a72c8; --nav-g2:#005bac; --nav-g3:#004b8f;
  --nav-sep-l:#1a72bd; --nav-sep-d:#004a8f; --nav-hover:#ff7e00; --nav-active:#003f7f;
  --title-tx:#333; --title-en:#c8c8c8; --title-rule:#005bac;
  --tx:#333; --tx2:#666; --muted:#999;
  --link:#333; --link-hover:#005bac;
  --accent:#ff7e00; --accent-dk:#e56f00; --accent-soft:#fff3e6;
  --bd:#e5e5e5; --bd-strong:#ddd;
  --th-bg:#005bac; --th-tx:#fff; --zebra:#f7f9fc; --td-bd:#dcdcdc;
  --foot-rule:#005bac; --foot-bg:#2f3742; --foot-head:#fff; --foot-tx:#b8bfc8;
  --foot-div:#3f4854; --copy-bg:#262d36; --copy-tx:#8b939d;
  --btn-bg:#005bac; --btn-hover:#004b8f; --btn-alt:#ff7e00; --btn-alt-h:#e56f00;
  --input-bd:#ddd; --input-focus:#005bac; --req:#c00;
}

/* ---------- 重置 ---------- */
html{-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;height:auto;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button,textarea,select{font-family:inherit;font-size:100%;outline:none;}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;}
a{color:var(--link);text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;}
a:hover{color:var(--link-hover);}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;} .fr{float:right;}
.hide{display:none;}

body{
  background:var(--page-bg); color:var(--tx);
  font:14px/1.8 "Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,"宋体",SimSun,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{width:1200px;margin:0 auto;}
.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

/* 跳转到主内容 — 无障碍，视觉上不存在 */
.skip{position:absolute;left:-9999px;top:0;}
.skip:focus{left:0;z-index:9999;background:#005bac;color:#fff;padding:8px 14px;}

/* ==========================================================================
   顶部通栏
   ========================================================================== */
.top_bar{height:32px;line-height:32px;background:var(--utility-bg);
  border-bottom:1px solid var(--utility-bd);font-size:12px;color:var(--utility-tx);}
.top_bar .welcome{float:left;}
.top_bar .top_r{float:right;}
.top_bar a{color:var(--utility-tx);}
.top_bar a:hover,.top_bar a.on{color:var(--nav-bg);}
.top_bar i{color:#ddd;margin:0 8px;}
.top_bar .flag{display:inline-block;width:16px;height:11px;margin-right:5px;
  vertical-align:-1px;border:1px solid rgba(0,0,0,.15);background-size:cover;}
.flag_cn{background-image:url(/images/flag-cn.svg);}
.flag_en{background-image:url(/images/flag-uk.svg);}

/* ==========================================================================
   头部
   ========================================================================== */
.header{height:110px;background:var(--content-bg);}
.logo{float:left;padding:22px 0;}
.logo img{height:66px;width:auto;display:block;}
.slogan{float:left;margin:33px 0 0 22px;padding-left:22px;border-left:1px solid var(--bd);}
.slogan .s1{font-size:21px;color:var(--header-cn);font-weight:bold;line-height:1.35;letter-spacing:1px;}
.slogan .s2{font:12px/1.4 Arial,Helvetica,sans-serif;color:var(--header-en);
  text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;}
.hotline{float:right;padding:31px 0 0 48px;position:relative;}
.hotline .ico{position:absolute;left:0;top:34px;width:38px;height:38px;}
.hotline .lb{display:block;font-size:13px;color:var(--tx2);line-height:1.4;}
.hotline .num{display:block;font:bold 27px/1.2 Arial,Helvetica,sans-serif;color:var(--accent);}

/* ==========================================================================
   主导航
   ========================================================================== */
.nav{height:52px;background:var(--nav-bg);
  background:linear-gradient(to bottom,var(--nav-g1) 0%,var(--nav-g2) 52%,var(--nav-g3) 100%);}
.nav ul{width:1200px;margin:0 auto;}
.nav li{float:left;position:relative;box-sizing:border-box;
  width:calc(100% / var(--nav-n, 8));
  border-left:1px solid var(--nav-sep-l);border-right:1px solid var(--nav-sep-d);}
.nav li:first-child{border-left:0;}
.nav li:last-child{border-right:0;}
.nav li>a{display:block;height:52px;padding:7px 0 0;text-align:center;color:#fff;line-height:1;}
.nav li>a .cn{display:block;font-size:16px;letter-spacing:1px;line-height:24px;}
.nav li>a .en{display:block;font:9px/12px Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.62);}
.nav li:hover>a,.nav li.on>a{background:var(--nav-hover);}
.nav li.on>a .en{color:rgba(255,255,255,.8);}
.nav .sub{display:none;position:absolute;left:0;top:52px;width:100%;min-width:150px;
  background:var(--nav-g2);background:rgba(0,91,172,.96);z-index:99;}
.nav li:hover .sub{display:block;}
.nav .sub a{display:block;height:36px;line-height:36px;padding:0 12px;
  font-size:13px;color:#fff;text-align:center;border-bottom:1px solid #1a6cb5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav .sub a:last-child{border-bottom:0;}
.nav .sub a:hover{background:var(--nav-hover);}

/* ==========================================================================
   首页大图轮播
   ========================================================================== */
.banner{position:relative;width:100%;height:500px;overflow:hidden;background:#0b2b4a;}
.banner .bd,.banner .bd li{width:100%;height:500px;}
.banner .bd li{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;}
.banner .bd li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:linear-gradient(to right,rgba(4,26,48,.72) 0%,rgba(4,26,48,.46) 38%,rgba(4,26,48,.06) 72%,rgba(4,26,48,0) 100%);}
.banner .bd li>a{display:block;width:100%;height:500px;position:absolute;left:0;top:0;z-index:1;}
.banner .txt{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);
  width:1200px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55);}
.banner .txt h2{font-size:46px;font-weight:bold;letter-spacing:4px;line-height:1.3;}
html[lang="en"] .banner .txt h2{font-size:33px;letter-spacing:0;line-height:1.35;max-width:56%;}
html[lang="en"] .banner .txt p{letter-spacing:2px;}
.banner .txt .line{width:56px;height:2px;background:#fff;margin:18px 0;opacity:.85;}
.banner .txt p{font:15px/1.6 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:3px;opacity:.9;}
.banner .txt .bnr_btn{display:inline-block;margin-top:26px;padding:0 30px;height:38px;line-height:36px;
  border:1px solid rgba(255,255,255,.8);color:#fff;font-size:14px;letter-spacing:2px;}
.banner .txt .bnr_btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.banner .hd{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:5;}
.banner .hd li{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff;
  opacity:.55;margin:0 5px;cursor:pointer;text-indent:-999px;overflow:hidden;}
.banner .hd li.on{background:var(--accent);opacity:1;}
.banner .prev,.banner .next{position:absolute;top:50%;margin-top:-27px;width:34px;height:54px;
  background:rgba(0,0,0,.35);color:#fff;text-align:center;line-height:54px;font-size:22px;
  cursor:pointer;opacity:0;transition:opacity .3s;z-index:5;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
.banner .prev{left:calc(50% - 600px);} .banner .next{right:calc(50% - 600px);}
.banner .prev:hover,.banner .next:hover{background:var(--accent);}

/* ---------- 热门搜索条 ---------- */
.hot_bar{height:52px;line-height:52px;background:var(--content-bg);border-bottom:1px solid var(--bd);font-size:13px;}
.hot_bar .kw{float:left;color:var(--tx2);}
.hot_bar .kw b{color:var(--tx);font-weight:bold;}
.hot_bar .kw a{color:var(--tx2);margin:0 9px;}
.hot_bar .kw a:hover{color:var(--nav-bg);}
.hot_bar .sform{float:right;padding-top:11px;}
.hot_bar .sform input[type=text]{float:left;width:190px;height:28px;line-height:28px;padding:0 10px;
  border:1px solid var(--input-bd);border-right:0;font-size:13px;color:var(--tx);background:#fff;}
.hot_bar .sform button{float:left;width:64px;height:30px;border:0;background:var(--nav-bg);
  color:#fff;font-size:13px;}
.hot_bar .sform button:hover{background:var(--accent);}

/* ==========================================================================
   区块标题
   ========================================================================== */
.sec{padding:44px 0;background:var(--content-bg);}
.sec_grey{background:var(--page-bg);}
.sec_tit{text-align:center;margin-bottom:32px;}
.sec_tit h2{font-size:30px;color:var(--title-tx);font-weight:bold;letter-spacing:2px;line-height:1.4;}
.sec_tit .en{display:block;font:14px/1.4 Arial,Helvetica,sans-serif;color:var(--title-en);
  text-transform:uppercase;letter-spacing:2px;margin-top:6px;}
.sec_tit .rule{display:block;width:40px;height:3px;background:var(--title-rule);margin:14px auto 0;}
.sec_tit .desc{margin-top:14px;font-size:14px;color:var(--tx2);}

.mod_tit{height:38px;border-bottom:1px solid var(--bd);margin-bottom:18px;}
.mod_tit h3{float:left;font-size:18px;color:var(--title-tx);font-weight:bold;
  padding-left:10px;border-left:4px solid var(--title-rule);line-height:20px;margin-top:8px;}
.mod_tit h3 em{font:12px Arial,Helvetica,sans-serif;color:var(--muted);
  text-transform:uppercase;margin-left:8px;letter-spacing:1px;}
.mod_tit .more{float:right;font-size:12px;color:var(--muted);line-height:38px;}
.mod_tit .more:hover{color:var(--accent);}

/* ---------- MORE 按钮 ---------- */
.more_btn{display:inline-block;height:26px;line-height:24px;padding:0 14px;
  border:1px solid var(--bd-strong);font:12px/24px Arial,Helvetica,sans-serif;color:var(--muted);}
.more_btn:hover{border-color:var(--accent);color:var(--accent);}
.more_big{display:block;width:170px;height:40px;line-height:38px;margin:30px auto 0;
  border:1px solid var(--bd-strong);text-align:center;font-size:14px;color:var(--tx2);letter-spacing:1px;}
.more_big:hover{background:var(--nav-bg);border-color:var(--nav-bg);color:#fff;}

/* ==========================================================================
   服务/产品 栅格
   ========================================================================== */
.pro_list{margin-right:-20px;}
.pro_list li{float:left;width:285px;margin:0 20px 20px 0;}
.pro_list .pic{width:283px;height:212px;border:1px solid var(--bd);overflow:hidden;background:#fff;}
.pro_list .pic img{width:283px;height:212px;display:block;object-fit:cover;transition:transform .3s;}
.pro_list h4{height:42px;line-height:42px;background:#f5f5f5;text-align:center;font-size:14px;
  color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;
  border:1px solid var(--bd);border-top:0;transition:background-color .25s,color .25s;}
.pro_list li:hover .pic{border-color:var(--nav-bg);}
.pro_list li:hover .pic img{transform:scale(1.06);}
.pro_list li:hover h4{background:var(--nav-bg);border-color:var(--nav-bg);color:#fff;}

/* ---------- 三列（厂房/设备） ---------- */
.pic3{margin-right:-30px;}
.pic3 li{float:left;width:380px;margin:0 30px 30px 0;}
.pic3 .pic{width:378px;height:283px;border:1px solid var(--bd);overflow:hidden;background:#fff;}
.pic3 .pic img{width:378px;height:283px;display:block;object-fit:cover;transition:transform .3s;}
.pic3 h4{height:42px;line-height:42px;text-align:center;font-size:14px;color:var(--tx);background:#f5f5f5;
  border:1px solid var(--bd);border-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.pic3 li:hover .pic{border-color:var(--nav-bg);}
.pic3 li:hover .pic img{transform:scale(1.06);}
.pic3 li:hover h4{background:var(--nav-bg);border-color:var(--nav-bg);color:#fff;}

/* ==========================================================================
   四大优势 01 02 03 04
   ========================================================================== */
.adv{margin-right:-24px;}
.adv li{float:left;width:282px;margin-right:24px;background:#fff;border:1px solid var(--bd);
  padding:28px 24px 26px;box-sizing:border-box;position:relative;min-height:208px;}
.adv li .no{position:absolute;right:16px;top:8px;font:bold 46px/1 Arial,Helvetica,sans-serif;color:#eef3f8;}
.adv li .ico{width:46px;height:46px;margin-bottom:14px;}
.adv li h4{font-size:18px;color:var(--tx);font-weight:bold;margin-bottom:8px;}
.adv li p{font-size:13px;line-height:24px;color:var(--tx2);}
.adv li:hover{border-color:var(--nav-bg);}
.adv li:hover h4{color:var(--nav-bg);}

/* ---------- 数字条 ---------- */
.nums{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:24px 0;margin-top:34px;}
.nums li{float:left;width:25%;text-align:center;box-sizing:border-box;border-right:1px solid var(--bd);}
.nums li:last-child{border-right:0;}
.nums li b{display:block;font:bold 32px/1.2 Arial,Helvetica,sans-serif;color:var(--nav-bg);}
.nums li b em{font-size:16px;margin-left:2px;}
.nums li span{display:block;font-size:13px;color:var(--tx2);margin-top:6px;}

/* ==========================================================================
   关于我们（首页块）
   ========================================================================== */
.about_home .pic{float:left;width:520px;}
.about_home .pic img{width:520px;height:340px;object-fit:cover;display:block;border:1px solid var(--bd);}
.about_home .txt{float:right;width:640px;}
.about_home .txt h3{font-size:22px;color:var(--tx);font-weight:bold;margin-bottom:6px;}
.about_home .txt .en{font:12px Arial,Helvetica,sans-serif;color:var(--muted);
  text-transform:uppercase;letter-spacing:2px;}
.about_home .txt .rule{width:40px;height:3px;background:var(--title-rule);margin:14px 0 16px;}
.about_home .txt p{font-size:14px;line-height:30px;color:var(--tx2);text-indent:2em;margin-bottom:12px;}

/* ==========================================================================
   新闻 / 常见问题
   ========================================================================== */
.news_col{float:left;width:700px;}
.faq_col{float:right;width:460px;}
.news_list li{height:42px;line-height:42px;border-bottom:1px dashed var(--bd-strong);
  padding-left:14px;position:relative;overflow:hidden;}
.news_list li:before{content:"";position:absolute;left:2px;top:19px;width:4px;height:4px;background:#c5c5c5;}
.news_list li a{float:left;font-size:14px;color:var(--tx);max-width:76%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li span{float:right;font-size:12px;color:var(--muted);}
.news_list li:hover:before{background:var(--accent);}
.faq_list li{padding:12px 0;border-bottom:1px dashed var(--bd-strong);}
.faq_list .q{font-size:14px;color:var(--tx);line-height:24px;}
.faq_list .q em{color:var(--nav-bg);font-weight:bold;margin-right:4px;}
.faq_list .a{font-size:13px;color:var(--tx2);line-height:24px;margin-top:4px;}
.faq_list .a em{color:var(--accent);font-weight:bold;margin-right:4px;}

/* ==========================================================================
   内页
   ========================================================================== */
.ny_banner{height:300px;background-position:center center;background-repeat:no-repeat;
  background-size:cover;position:relative;background-color:#0b2b4a;}
.ny_banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;
  background:rgba(4,26,48,.5);}
.ny_banner .bt{z-index:2;}
.ny_banner .bt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:1200px;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);}
.ny_banner .bt h1{font-size:38px;font-weight:bold;letter-spacing:4px;}
.ny_banner .bt span{display:block;font:13px Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:3px;opacity:.85;margin-top:8px;}

.ny{padding:26px 0 50px;}
.ny_left{float:left;width:240px;}
.ny_right{float:right;width:940px;background:#fff;border:1px solid var(--bd);
  padding:0 24px 34px;box-sizing:border-box;}

.side_box{margin-bottom:18px;background:#fff;border:1px solid var(--bd);border-top:0;}
.side_hd{height:70px;background:var(--nav-bg);padding:14px 0 0 20px;box-sizing:border-box;}
.side_hd h3{font-size:20px;color:#fff;font-weight:bold;line-height:1.3;letter-spacing:1px;}
.side_hd span{display:block;font:11px Arial,Helvetica,sans-serif;color:rgba(255,255,255,.6);
  text-transform:uppercase;letter-spacing:1px;}
.side_list li a{display:block;height:42px;line-height:42px;padding-left:30px;
  border-bottom:1px dashed var(--bd-strong);font-size:14px;color:var(--tx);position:relative;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.side_list li a:before{content:"";position:absolute;left:16px;top:17px;width:0;height:0;
  border-left:5px solid #bbb;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.side_list li a:hover,.side_list li a.on{background:#f5f8fb;color:var(--nav-bg);}
.side_list li a:hover:before,.side_list li a.on:before{border-left-color:var(--nav-bg);}
.side_list li:last-child a{border-bottom:0;}

.side_ct{padding:16px 18px;font-size:13px;line-height:26px;color:var(--tx2);}
.side_ct .cn{font-size:14px;color:var(--tx);font-weight:bold;margin-bottom:6px;}
.side_ct p{word-break:normal;overflow-wrap:anywhere;}
.side_ct p.mail{font-size:12px;}
.side_ct .tel{font:bold 21px/1.3 Arial,Helvetica,sans-serif;color:var(--accent);margin-top:6px;}

.ny_tit{height:52px;line-height:52px;border-bottom:1px solid var(--bd);margin-bottom:22px;}
.ny_tit h2{float:left;font-size:19px;color:var(--tx);font-weight:bold;
  padding-left:10px;border-left:4px solid var(--title-rule);line-height:20px;margin-top:16px;}
.crumb{float:right;font-size:12px;color:var(--tx2);}
.crumb a{color:var(--tx2);}
.crumb a:hover{color:var(--nav-bg);}
.crumb span{color:var(--nav-bg);}

/* ---------- 正文 ---------- */
.ny_con{font-size:14px;line-height:30px;color:#555;padding-bottom:6px;}
.ny_con p{text-indent:2em;margin-bottom:14px;}
.ny_con p.noind{text-indent:0;}
.ny_con h3{font-size:17px;color:var(--tx);font-weight:bold;margin:26px 0 12px;
  padding-left:10px;border-left:3px solid var(--title-rule);line-height:20px;}
.ny_con h4{font-size:15px;color:var(--tx);font-weight:bold;margin:18px 0 8px;}
.ny_con img{display:block;margin:16px auto;border:1px solid var(--bd);padding:3px;background:#fff;}
.ny_con ul.dot{margin:10px 0 16px;}
.ny_con ul.dot li{padding-left:18px;position:relative;line-height:28px;}
.ny_con ul.dot li:before{content:"";position:absolute;left:4px;top:12px;width:5px;height:5px;
  background:var(--nav-bg);}
.ny_con .lead{background:#f7f9fc;border-left:3px solid var(--nav-bg);padding:14px 18px;
  margin-bottom:20px;color:var(--tx2);}
.ny_con .lead p{margin-bottom:0;}
.ny_con a{color:var(--nav-bg);text-decoration:underline;}

/* ---------- 表格 ---------- */
.tbl{width:100%;font-size:14px;margin:16px 0 20px;}
.tbl th{background:var(--th-bg);color:var(--th-tx);font-weight:bold;height:40px;
  border:1px solid var(--td-bd);padding:0 10px;text-align:left;}
.tbl td{border:1px solid var(--td-bd);padding:9px 10px;line-height:24px;background:#fff;vertical-align:top;}
.tbl tr:nth-child(even) td{background:var(--zebra);}
.tbl td.k{width:190px;font-weight:bold;color:var(--tx);background:#f2f6fa !important;}

/* ---------- 分页 ---------- */
.pager{text-align:center;padding:26px 0 4px;font-size:12px;color:var(--tx2);}
.pager a,.pager span{display:inline-block;min-width:28px;height:28px;line-height:26px;
  padding:0 8px;border:1px solid var(--bd-strong);margin:0 3px;box-sizing:border-box;color:var(--tx2);}
.pager span.cur{background:var(--nav-bg);border-color:var(--nav-bg);color:#fff;}
.pager a:hover{border-color:var(--nav-bg);color:var(--nav-bg);}

/* ---------- 新闻列表（内页） ---------- */
.nlist li{padding:18px 0;border-bottom:1px dashed var(--bd-strong);}
.nlist .t{font-size:16px;color:var(--tx);font-weight:bold;line-height:26px;}
.nlist .t:hover{color:var(--nav-bg);}
.nlist .sum{font-size:13px;line-height:24px;color:var(--tx2);margin:6px 0 8px;}
.nlist .meta{font-size:12px;color:var(--muted);}
.nlist .meta em{margin-right:18px;}

.art_hd{text-align:center;padding:8px 0 14px;border-bottom:1px dashed var(--bd-strong);margin-bottom:20px;}
.art_hd h1{font-size:22px;color:var(--tx);font-weight:bold;line-height:1.5;}
.art_meta{font-size:12px;color:var(--muted);margin-top:10px;}
.art_meta em{margin:0 9px;}
.art_nav{margin-top:26px;padding-top:16px;border-top:1px dashed var(--bd-strong);font-size:13px;color:var(--tx2);line-height:28px;}
.art_nav a{color:var(--tx2);}
.art_nav a:hover{color:var(--nav-bg);}

/* ==========================================================================
   在线留言表单
   ========================================================================== */
.msg_tbl{width:100%;max-width:660px;}
.msg_tbl td{padding:7px 0;font-size:14px;color:var(--tx);vertical-align:top;}
.msg_tbl .lb{width:110px;text-align:right;padding-right:12px;color:var(--tx2);line-height:34px;}
.msg_tbl.msg_en .lb{width:160px;}
.msg_tbl .lb em{color:var(--req);margin-right:3px;}
.msg_tbl input[type=text],.msg_tbl input[type=email],.msg_tbl select{
  width:320px;height:34px;line-height:34px;padding:0 9px;border:1px solid var(--input-bd);
  font-size:14px;color:var(--tx);background:#fff;box-sizing:border-box;}
.msg_tbl select{height:34px;}
.msg_tbl textarea{width:100%;max-width:520px;height:120px;padding:8px 9px;border:1px solid var(--input-bd);
  font-size:14px;line-height:24px;color:var(--tx);resize:vertical;box-sizing:border-box;}
.msg_tbl input:focus,.msg_tbl textarea:focus,.msg_tbl select:focus{border-color:var(--input-focus);}
.msg_tbl input.code{width:110px;}
.msg_tbl .code_q{display:inline-block;height:34px;line-height:34px;padding:0 14px;margin-left:8px;
  background:#eef2f6;border:1px solid var(--input-bd);font-size:15px;color:var(--tx);
  letter-spacing:2px;vertical-align:middle;user-select:none;}
.msg_tbl .tip{font-size:12px;color:var(--muted);margin-left:8px;}
.consent{font-size:12px;line-height:22px;color:var(--tx2);}
.consent input{vertical-align:-2px;margin-right:5px;}
.consent a{color:var(--nav-bg);text-decoration:underline;}
.btn{height:38px;padding:0 38px;border:0;background:var(--btn-bg);color:#fff;font-size:15px;letter-spacing:2px;}
.btn:hover{background:var(--btn-hover);}
.btn_reset{background:#999;margin-left:10px;}
.btn_reset:hover{background:#777;}
.btn[disabled]{background:#aaa;cursor:not-allowed;}
.form_msg{margin-top:14px;font-size:13px;line-height:24px;display:none;padding:10px 14px;}
.form_msg.ok{display:block;background:#f0f8ef;border:1px solid #c6e2c1;color:#2f6b28;}
.form_msg.err{display:block;background:#fdf2f2;border:1px solid #f0c9c9;color:#a12727;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ---------- 邮箱点击显示 ---------- */
.eml_go{color:var(--nav-bg);border-bottom:1px dashed var(--nav-bg);cursor:pointer;}
.eml_go:hover{color:var(--accent);border-bottom-color:var(--accent);}
.eml_go:before{content:"\2709";margin-right:5px;font-style:normal;}
.eml_on{color:inherit;text-decoration:underline;word-break:break-all;}
.foot .eml_go{color:var(--foot-tx);border-bottom-color:var(--foot-div);}
.foot .eml_go:hover{color:#fff;border-bottom-color:#fff;}
.foot .eml_on{color:var(--foot-tx);}
.side_ct .eml_go{font-size:13px;}
.kefu .eml_go{border-bottom:0;}

/* ==========================================================================
   页脚
   ========================================================================== */
.links_bar{background:#e9ecef;border-top:1px solid #dfe3e7;font-size:12px;color:#7b838c;
  line-height:22px;padding:11px 0;}
.links_bar b{color:#5a6169;font-weight:bold;}
.links_bar a{color:#7b838c;margin:0 10px;}
.links_bar a:hover{color:var(--nav-bg);}

.foot{border-top:3px solid var(--foot-rule);background:var(--foot-bg);
  padding:34px 0 26px;color:var(--foot-tx);font-size:13px;line-height:26px;}
.foot dt{font-size:16px;color:var(--foot-head);font-weight:bold;margin-bottom:12px;}
.foot a{color:var(--foot-tx);}
.foot a:hover{color:#fff;}
.foot .col1{float:left;width:430px;}
.foot .col2{float:left;width:400px;}
.foot .col3{float:right;width:280px;text-align:center;}
.foot .col2 dd{float:left;width:50%;box-sizing:border-box;padding-right:10px;}
.foot .qr{display:inline-block;margin:0 10px;}
.foot .qr img{width:108px;height:108px;background:#fff;padding:5px;display:block;}
.foot .qr p{font-size:12px;color:var(--copy-tx);margin-top:6px;}
.foot .ft_tel{font:bold 22px/1.4 Arial,Helvetica,sans-serif;color:#fff;}
.copy{background:var(--copy-bg);color:var(--copy-tx);font-size:12px;line-height:24px;
  text-align:center;padding:13px 0;}
.copy a{color:var(--copy-tx);}
.copy a:hover{color:#fff;}
.copy .sep{margin:0 8px;color:#4a525c;}

/* ==========================================================================
   右侧在线客服 + 返回顶部
   ========================================================================== */
.kefu{position:fixed;right:0;top:50%;transform:translateY(-50%);width:122px;z-index:999;
  background:#fff;border:1px solid var(--nav-bg);}
.kefu .hd{height:34px;line-height:34px;background:var(--nav-bg);color:#fff;text-align:center;font-size:14px;}
.kefu li{position:relative;border-bottom:1px solid var(--bd);}
.kefu li:last-child{border-bottom:0;}
.kefu li a,.kefu li .it{display:block;height:42px;line-height:42px;padding-left:14px;
  font-size:13px;color:var(--tx);cursor:pointer;}
.kefu li a:hover,.kefu li .it:hover{background:#f5f8fb;color:var(--nav-bg);}
.kefu .ft_num{display:block;padding:8px 10px;font:bold 15px/1.4 Arial,Helvetica,sans-serif;
  color:var(--accent);text-align:center;border-bottom:1px solid var(--bd);}
.kefu .qr_pop{display:none;position:absolute;right:122px;top:-38px;padding:6px;background:#fff;
  border:1px solid var(--bd-strong);box-shadow:0 1px 6px rgba(0,0,0,.12);}
.kefu li:hover .qr_pop{display:block;}
.kefu .qr_pop img{width:120px;height:120px;display:block;}
.kefu .qr_pop p{font-size:12px;color:var(--tx2);text-align:center;line-height:20px;}

/* 1500px 以下把客服面板收成竖排窄条，免得压住 1200px 的正文 —— 老站也是这么收的 */
@media (max-width:1499px) and (min-width:768px){
  .kefu{width:40px;}
  .kefu .hd{font-size:0;height:26px;}
  .kefu .hd:before{content:"客服";font-size:12px;line-height:26px;}
  .kefu .ft_num{display:none;}
  .kefu li a,.kefu li .it{height:auto;line-height:1.2;padding:12px 10px;
    writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px;font-size:12px;}
  html[lang="en"] .kefu li a,html[lang="en"] .kefu li .it{
    text-orientation:mixed;letter-spacing:.5px;white-space:nowrap;}
  html[lang="en"] .kefu .hd{font-size:0;}
  html[lang="en"] .kefu .hd:before{content:"Contact";font-size:11px;}
  .kefu .qr_pop{right:40px;}
}

/* ==========================================================================
   响应式 — 与2014年的 m.domain.com 同一件外套，不是现代改版
   ========================================================================== */
@media (max-width:1219px){
  .wrap,.nav ul,.banner .txt,.ny_banner .bt{width:auto;max-width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box;}
  .nav li,.nav li:first-child,.nav li:last-child{width:12.5%;}
  .ny_left{float:none;width:auto;margin-bottom:18px;}
  .ny_right{float:none;width:auto;}
  .pro_list li,.pic3 li{width:calc(33.333% - 20px);}
  .pro_list .pic,.pro_list .pic img,.pic3 .pic,.pic3 .pic img{width:100%;height:auto;}
  .about_home .pic,.about_home .txt{float:none;width:auto;}
  .about_home .pic img{width:100%;height:auto;}
  .about_home .txt{margin-top:20px;}
  .news_col,.faq_col{float:none;width:auto;}
  .faq_col{margin-top:30px;}
  .adv li{width:calc(50% - 24px);margin-bottom:24px;}
  .foot .col1,.foot .col2,.foot .col3{float:none;width:auto;}
  .banner .prev,.banner .next{display:none;}
}

@media (max-width:767px){
  body{font-size:15px;}
  .top_bar .welcome{display:none;}
  .top_bar{text-align:center;}
  .top_bar .top_r{float:none;}
  .header{height:auto;padding:14px 0;text-align:center;}
  .logo,.slogan,.hotline{float:none;}
  .logo{padding:0;}
  .logo img{height:50px;margin:0 auto;}
  .slogan{display:none;}
  .hotline{padding:12px 0 0;}
  .hotline .ico{display:none;}
  .hotline .num{font-size:23px;}

  /* 导航 = 一格一格的蓝色按钮，正是老手机站的做法 */
  .nav{height:auto;padding:0;}
  .nav ul{padding:0;}
  .nav li,.nav li:first-child,.nav li:last-child{width:25%;border:0;
    box-shadow:inset -1px -1px 0 rgba(255,255,255,.18);}
  .nav li>a{height:auto;padding:8px 0 7px;}
  .nav li>a .cn{font-size:14px;line-height:20px;}
  .nav li>a .en{display:none;}
  .nav .sub{display:none !important;}

  .banner,.banner .bd,.banner .bd li,.banner .bd li>a{height:190px;}
  .banner .txt{text-align:center;top:44%;}
  .banner .txt h2{font-size:18px;letter-spacing:1px;line-height:1.5;}
  .banner .txt .line,.banner .txt p,.banner .txt .bnr_btn{display:none;}
  .banner .hd{bottom:12px;}
  .banner .hd li{width:8px;height:8px;margin:0 4px;}
  .banner .bd li:after{background:linear-gradient(to bottom,rgba(4,26,48,.35) 0%,rgba(4,26,48,.62) 100%);}

  .hot_bar{height:auto;line-height:1.8;padding:10px 0;}
  .hot_bar .kw,.hot_bar .sform{float:none;}
  .hot_bar .kw a{margin:0 8px 0 0;}
  .hot_bar .sform{padding-top:8px;}
  .hot_bar .sform input[type=text]{width:calc(100% - 66px);}

  .sec{padding:28px 0;}
  .sec_tit{margin-bottom:22px;}
  .sec_tit h2{font-size:21px;}
  .sec_tit .en{font-size:11px;}

  .pro_list,.pic3{margin-right:0;}
  .pro_list li,.pic3 li{width:calc(50% - 6px);margin:0 12px 12px 0;}
  .pro_list li:nth-child(2n),.pic3 li:nth-child(2n){margin-right:0;}
  .pro_list h4,.pic3 h4{height:36px;line-height:36px;font-size:13px;}

  .adv{margin-right:0;}
  .adv li{width:100%;margin:0 0 12px;min-height:0;}
  .nums li{width:50%;border-bottom:1px solid var(--bd);padding:10px 0;}
  .nums li:nth-child(2n){border-right:0;}
  .nums li b{font-size:24px;}

  .ny_banner{height:130px;}
  .ny_banner .bt h1{font-size:22px;letter-spacing:2px;}
  .ny_banner .bt span{font-size:11px;}
  .ny{padding:16px 0 30px;}
  .ny_right{padding:0 14px 24px;}
  .ny_tit{height:auto;line-height:1.6;padding:12px 0;}
  .ny_tit h2{float:none;margin:0 0 6px;}
  .crumb{float:none;}
  .ny_con{line-height:28px;}
  .ny_con table{display:block;overflow-x:auto;white-space:nowrap;}
  .tbl td.k{width:auto;}

  .msg_tbl,.msg_tbl tbody,.msg_tbl tr,.msg_tbl td{display:block;width:auto;}
  .msg_tbl .lb{text-align:left;padding:0 0 4px;line-height:1.6;}
  .msg_tbl input[type=text],.msg_tbl input[type=email],.msg_tbl select,.msg_tbl textarea{width:100%;max-width:none;}
  .msg_tbl input.code{width:110px;}

  .foot{padding:24px 0 18px;text-align:center;}
  .foot .col1,.foot .col2,.foot .col3{margin-bottom:18px;}
  .foot .col2 dd{float:none;width:auto;padding:0;}
  .links_bar{text-align:center;}

  /* 客服面板 → 底部工具条，老手机站就是这么做的 */
  .kefu{top:auto;bottom:0;right:0;left:0;width:auto;transform:none;border:0;
    border-top:1px solid var(--nav-g3);display:flex;}
  .kefu .hd,.kefu .ft_num{display:none;}
  .kefu ul{display:flex;width:100%;}
  .kefu li{flex:1;border:0;border-right:1px solid rgba(255,255,255,.22);background:var(--nav-bg);}
  .kefu li:last-child{border-right:0;}
  .kefu li a,.kefu li .it{height:48px;line-height:48px;padding:0;text-align:center;color:#fff;font-size:13px;}
  .kefu li a:hover,.kefu li .it:hover{background:var(--nav-g3);color:#fff;}
  .kefu .qr_pop{right:auto;left:50%;transform:translateX(-50%);top:auto;bottom:52px;}
  body{padding-bottom:48px;}
}

@media print{
  .top_bar,.nav,.banner,.hot_bar,.kefu,.links_bar{display:none;}
  body{background:#fff;}
}