@charset "utf-8";
body { font-family:Arial, Tahoma, Verdana; font-size:12px; text-decoration:none; background-color:#FFFFFF;}
*{ padding:0; margin:0; }
ul li { list-style-type:none; }
img { border:0;}

.main {margin:0;overflow: hidden; height:auto; width:100%; background-color:#FFFFFF;}
/* 确保Product页面的父级不要有 overflow 限制 */
.main_product {margin:0;overflow:visible; height:auto; width:100%; background-color:#FFFFFF;}

/*头部通用开始*/
.top {margin:0 auto; overflow:hidden; width:100%; height:auto; background-color:#ffffff;}
.topa {margin:0 auto; text-align:right; overflow:hidden; height:16px; width:100%; background-color:#000000;   color:#ffcd12;font-size:12px;font-weight:900; line-height:16px;}
.topa p{margin: 0; padding-right: 32px; text-align: right;  color: #ffcd12;  font-size: 12px;  font-weight:900;}

.nav {margin:0;overflow: hidden; height: 4em; width: 100%; background-color:#ffcd12; font-size:16px;font-family:Arial,Calibri,"Times New Roman";}
.nav ul li {float:left; text-align: center; width:20%; height:4em;}
.nav ul li a {display:block; margin:0;color:#000000; font-weight:900; text-decoration: none; line-height:4em; }
.nav ul li a:hover {display:block; margin:0; color:#FF0000;font-weight:900; text-decoration: none; line-height:4em;  }
.logo {
    width: 50%; /* 默认宽度（桌面端） */
    max-width: 200px; /* 防止太大 */
	vertical-align: middle; 
  }

  @media (max-width: 768px) {
    .logo {
      width: 100%; /* 手机端宽度 */
	  vertical-align: middle; 
    }
  }
/*头部通用结束*/

.banner {margin:0;overflow:hidden; height:auto; width:100%; background-color:#FFFFFF;}
.banner img {margin:0; width:100%;height:auto;}
.proinimg {margin:16px auto; width:98%; max-width: 600px; overflow:hidden; padding:8px;box-shadow:0 0 8px rgba(0,0,0,0.15); background-color:#FFFFFF; text-align:center;box-sizing: border-box;}
.proinimg img { width:100%; height:auto;display:block; }

/*行业分类*/
.industries {margin:0 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.industries_inner {margin:0; overflow:hidden; width:48%; height:auto; background-color:#FFFFFF; float:left; }
.industries_inner img { width:100%; height:100%;}
.industries_inner a { margin:0;color:#000000; text-decoration:underline; font-size:12px; }
.industries_inner a:hover { margin:0;color:#ffcd11;text-decoration:underline; font-size:12px; font-weight:bold;  }
.industries_inner_inner {margin:0 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF; float:left; }
/*行业分类*/

.description {margin:0 auto; width:98%; max-width: 1200px; height:auto; overflow:hidden; background-color:#FFFFFF;}
.description h1 { text-align:center; font-size:1em; font-weight:900; }
.description h2 {font-size:1em; }
.description a { color:#000000; text-decoration: none; }
.description a:hover {  color:#eb3c00;text-decoration:underline; }
.description img { width:100%;height:auto;display:block; margin:0; border:none;}
.description table {width:100%; border:thin #000000 solid; border-collapse:collapse;}
.description table th {text-align:left; border:thin #000000 solid;}
.description table td {text-align:left; border:thin #000000 solid;}

.description2 {margin:0 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.description2 h1 { text-align:center; font-size:1em; }
.description2 h2 {font-size:1em; }
.description2 a { color:#000000; text-decoration: none; }
.description2 a:hover {  color:#eb3c00;text-decoration:underline; }
.description2 img { width:96%;height:auto;margin:0; border:none;}
.description2 table {width:100%; border:none; border-collapse:collapse;}
.description2 table th {text-align:center; border:none;}
.description2 table td {text-align:center; border:none;}

/*2107-内页描述-开始*/
.dirh {margin:16px 0; overflow:hidden; width:100%; height:auto; background-color:#FFFFFF;}
.dirh h1 { text-align:center; font-size:1em; }
.dimg {margin:0; overflow:hidden; width:100%; height:auto; background-color:#FFFFFF; text-align:center;}
.dimg img {margin:0; max-width:100%;max-height:100%; border:none;}
.dirs {margin:16px 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.dirs table {width:100%; border:none; border-collapse:collapse;}
.dirs table th {text-align:left; border-top:2px #000000 solid; border-bottom:2px #000000 solid;}
.dirs table td {text-align:left; border-bottom:2px #000000 solid;}
.dild {margin:0; overflow:hidden; width:100%; height:auto; background-color:#FFFFFF; text-align:center;}
.dild img {margin:0; max-width:100%;max-height:100%; border:none;}
.diso {margin:16px 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.diso table {width:100%; border:none; border-collapse:collapse;}
.diso table th {text-align:left; border-top:2px #000000 solid; border-bottom:2px #000000 solid; width:50%;}
.diso table td {text-align:left; border-bottom:2px #000000 solid; width:50%;}
/*2107-内页描述-结束*/

/*优势简介*/
.adv {margin:0 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.adv table {width:100%; border:none;}
.adv table th {text-align:left; border:none;}
.adv img { width:100%;height:auto;margin:0; border:thick solid #000000;}
/*配件列表通用*/
.part {margin:0 2%; overflow:hidden; width:96%; height:auto; background-color:#FFFFFF;}
.part h1 { text-align:center; font-size:1em; }
.part a { color:#000000; text-decoration: none; }
.part a:hover {  color:#eb3c00;text-decoration:underline; }
.part img { width:96%;height:auto;margin:0; border:none;}
.part table {width:100%; border:none; border-collapse:collapse;}
.part table th {text-align:left; width:25%; height:auto;}
.part table td {text-align:left; width:25%; height:auto;}
/*首页公司介绍及次级页产品列表通用*/
.descb {margin:0; overflow:hidden; width:100%; height:auto; background-color:#fbfbfb; border-top:thin solid #CCCCCC; border-bottom:thin solid #CCCCCC;}
.descb ul li {  float:left; width:auto; height:36px; text-align: center;margin: 0;}
.descb ul li a { display: block; margin: 0; color:#000000; text-decoration: none;line-height:36px; font-weight:bold; font-size:12px;  }
.descb ul li a:hover { display: block; margin: 0; color:#000000; text-decoration:underline;font-size:12px; line-height:36px;font-weight:bold;   }
/*联系我们通用*/
.descc {margin:0; overflow:hidden; width:100%; height:auto; background-color:#FFFFFF; text-align:center; }
/*首页列表*/
.homelist {margin:0 auto; width:98%; max-width: 1200px; height:auto; overflow:hidden; background-color:#FFFFFF; }
.homelist dl {background-color:#FFFFFF; width:140px; height:135px; margin:10px; float:left; text-align:center;}
.homelist dl dt { width:140px;height:30px; margin:0; background-color:#ffcd11;   }
.homelist dl dt a {color:#000000;  text-decoration:none; font-size:12px; font-weight:bold;line-height:25px; }
.homelist dl dt a:hover {color:#eb3c00; text-decoration:none; font-size:12px; font-weight:bold;line-height:25px;}
.homelist dl dd { margin:0; width:140px;height:105px;}
.homelist dl dd img {border:none; width:140px; height:105px; margin:0;}
/*产品列表*/
.prolist {margin:0 auto; width:98%; max-width: 1200px; height:auto; overflow:hidden; background-color:#FFFFFF; border-bottom:#000000 thick solid; scroll-margin-top: 50px;}
.prolist dl {background-color:#FFFFFF; width:140px; height:135px; margin:10px; float:left; text-align:center;}
.prolist dl dt { width:140px;height:30px; margin:0; background-color:#ffcd11;   }
.prolist dl dt a {color:#000000;  text-decoration:none; font-size:12px; font-weight:bold;line-height:25px; }
.prolist dl dt a:hover {color:#eb3c00; text-decoration:none; font-size:12px; font-weight:bold;line-height:25px;}
.prolist dl dd { margin:0; width:140px;height:105px;}
.prolist dl dd img {border:none; width:140px; height:105px; margin:0;}
/* 型号列表卡片 */
.modelist {margin:0 auto; width:98%; max-width: 1200px; height:auto; overflow:hidden; background-color:#FFFFFF; }
.modelist-card {background-color:#f2f2f2; width:388px; height:135px; margin:5px; float:left; text-align:center; border:none; }
.modelist-cardimage {margin:0; width:180px;height:135px; float:left;}
.modelist-cardimage img {border:none; width:180px; height:135px; margin:0;}
.modelist-cardinfo {width:200px;height:127px; margin:8px 0 0 8px ; background-color:#f2f2f2; float:left; text-align:left }
.modelist-cardinfo h2 {font-size:12px;}
.modelist-cardinfo a {color:#000000;  text-decoration:none; font-size:12px;}
.modelist-cardinfo a:hover {color:#FF0000; text-decoration:none; font-size:12px;}

/*中间联系方式*/
.midcontact {margin:0;overflow: hidden; height:auto; width:100%; background-color:#fbfbfb; }
/*客户案例三行版*/
.sclist {margin:0;overflow: hidden; height:auto; width:100%; background-color:#fbfbfb; }
.sclist dl {background-color:#FFFFFF; width:168px; height:auto; margin:3px; float:left; text-align:center;border:thin solid #CCCCCC;}
.sclist dl dt { width:164px;height:auto; margin:2px; background-color:#FFFFFF;   }
.sclist h2 {font-size:12px; }
.sclist dl dt a {color:#000000;  text-decoration:none; font-size:12px; }
.sclist dl dt a:hover {color:#eb3c00; text-decoration:none; font-size:12px; }
.sclist dl dd { margin:2px; width:164px;height:123px;}
.sclist dl dd img {border:none; width:164px; height:123px; margin:0;}
/*产品细节通用*/
.detail {margin:0;overflow: hidden; height:auto; width:100%; background-color:#FFFFFF; }
.detail dl {background-color:#FFFFFF; width:166px; height:150px; margin:3px; float:left; text-align:center;border:thin solid #CCCCCC;}
.detail dl dt { width:160px;height:18px; margin:3px; background-color:#FFFFFF; }
.detail dl dd { margin:3px; width:160px;height:120px;}
.detail dl dd img {border:none; width:160px; height:120px; margin:0;}

.bottom {margin:0 auto; padding:12px 0; overflow: hidden; height: auto; width:100%; background-color:#464646; color:#c7cfcc;text-align:center; font-size:12px;}
/*底部多语言*/
.lan {margin:0 auto; width:100%; height:auto; overflow:hidden; background-color:#000000; color:;}
.lan-in {margin:0 auto; width:99%; max-width: 1200px; height:auto; overflow:hidden; background-color:#000000; color:#000000;}
.lan-in ul li {float:left; text-align: center; width:33%; height:auto;}
.lan-in ul li a {display:block; margin:0;color:#ffcd12; text-decoration: none; font-size:12px;font-weight:bold; }
.lan-in ul li a:hover {display:block; margin:0;color:#FF0000;text-decoration:underline; font-size:12px;font-weight:bold; }
/*底部联系方式*/
.bottomlx {margin:0 auto; padding:12px 0; overflow: hidden; height: auto; width:100%; background-color:#000000; color:#ffcd12;text-align:center; font-size:12px;}
/*底部版权*/
.bottombq {margin:0 auto; padding:12px 0; overflow: hidden; height: auto; width:100%; background-color:#000000; color:#ffcd12;text-align:center; font-size:12px;}

/* 产品页基础排版 */
.page-intro { width: 98%; max-width: 1200px; margin: 20px auto;}
.page-intro h1 { margin-bottom: 8px; font-size: 28px; }
.page-intro p { color: #555; }

/* 产品页顶部锚点导航（吸顶 + 横向滚动） */
.anchor-nav {
  position: sticky;      /* 吸顶 */
  top: 0;                /* 距离顶部 0 */
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.anchor-nav ul {
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  gap: 16px;
  overflow-x: auto;      /* 移动端可横向滚动 */
  list-style: none;
}
.anchor-nav a {
  display: inline-block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.anchor-nav a:hover { background: #f5f5f5; }
.anchor-nav a.is-active {
  color: #0066cc;
  border-color: #0066cc;
  background: #eaf3ff;
}

/* 平滑滚动（现代浏览器） */
html { scroll-behavior: smooth; }

/* 返回顶部按钮 */
.back-to-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  cursor: pointer;
  display: none;           /* 初始隐藏 */
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.back-to-top:hover { background: #f5f5f5; }

.btn-outter {margin:0 auto; width:98%; max-width: 1200px; height:auto; overflow:hidden; background-color:#FFFFFF;}
.btn-inquiry {
  display:inline-block;          /* 让按钮可设置宽高 */
  margin: 12px 2%;              /* 上下间距+水平自动居中 */
  padding: 10px 30px;             /* 内边距，按钮大小 */
  background-color: #d60000;      /* 红色背景 */
  color:#FFFFFF;                    /* 白色文字 */
  font-weight: bold;              /* 加粗文字 */
  border: 3px solid #fff;         /* 白色边框 */
  border-radius: 6px;             /* 圆角，可调 */
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);  /* 阴影 */
  text-align: center;             /* 文字居中 */
  text-decoration: none;          /* 去掉下划线 */
  font-size: 18px;                /* 字体大小 */
  cursor: pointer;                /* 鼠标悬停变手型 */
  transition: all 0.3s ease;      /* 动画过渡 */
}
.btn-inquiry a {display:inline-block; margin:0;color:#FFFFFF;   font-weight:bold; text-decoration: none;}
.btn-inquiry a:hover {display:inline-block; margin:0; color:#FFFFFF;  font-weight:bold;text-decoration: none;}
/* 悬停效果 */
.btn-inquiry:hover {
  background-color: #b50000;      /* 深红色 */
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  transform: translateY(-2px);
}
.btn-inquiry a:active {
  transform: translateY(0);
}
