body, td, th, select, textarea {
	font-size: 12px;
	color: #444444;
}
body, form {
	margin:0;
}
table {
	border-collapse:collapse;
}
input {
	border:1px solid #c5c6c9;
	background:url(../images/input_bg1.jpg);
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}
textarea {
	border:1px solid #c5c6c9;
}
.inputnoborder {
	border:0px none;
	background:none;
}
a {
	color:#444444;
	text-decoration:none;
}
a:hover, a:active {
	color:#ec0000;
}
.agray {
	color:#999999;
}
.awhite {
	color:#ffffff;
}
.an2 {
	background:url(../images/new_arr.gif) no-repeat left 5px;
	padding-left:15px;
}
.an2:hover, .an2:active {
	background:url(../images/new_arr_a.gif) no-repeat left 5px;
}
#menu {
	margin:auto;
	width:1003px;
	height:118px;
	position:relative;
}
#banner {
	margin-top:-39px;
}
html, body {
  height: auto !important;
  overflow: visible !important;
  overflow-y: visible !important;
}
body {
  overflow-x: hidden;
  overflow-y: scroll !important;
  height: auto !important;
}
.scroll {
 /* 全部清空，只保留兼容，不限制高度 */
  height: auto !important;
  overflow: visible !important;
}
#prolistdiv, #linkdiv {
	position:absolute;
	text-align:left;
	width:212px;
	overflow-y:auto;
	overflow-x:hidden;
	height:192px;
	margin:0px;
	margin-top:-1px;
	background-color:#ffffff;
	border:1px solid #c5c6c9;
	padding:6px;
	padding-left:10px;
}
#prolistdiv a, #linkdiv a {
	display:block;
	height:23px;
	line-height:22px;
	margin-top:1px;
	background:url(../images/arr2.gif) no-repeat 3px center;
	padding-left:11px;
	white-space:nowrap;
	width:100%;
}
#prolistdiv a:hover, #linkdiv a:hover, #prolistdiv a:active, #linkdiv a:active {
	background:none;
	background-color:#ec0000;
	color:#ffffff;
}
.leftbg {
	border:1px solid #c5c6c9;
	border-top:0px none;
	width:172px;
	padding:8px;
	background-color:#ffffff;
}
#nav, .leftborder {
	border:1px solid #c5c6c9;
	border-top:0px none;
	width:172px;
	padding:8px;
	background-color:#ffffff;
}
#nav a {
	display:block;
	height:25px;
	line-height:25px;
	width:146px;
	letter-spacing:2px;
	background:url(../images/arr4.gif) no-repeat 8px center;
	padding-left:26px;
	margin-top:1px;
}
#nav a:hover, #nav a:active {
	background:url(../images/arr4_a.gif) no-repeat 8px center;
	background-color:#cc0000;
	color:#ffffff;
	width:142px;
	padding-left:28px;
	font-weight:bold;
}
.nava {
	background:url(../images/arr4_a.gif) no-repeat 8px center !important;
	background-color:#cc0000 !important;
	color:#ffffff !important;
	width:142px !important;
	padding-left:28px !important;
	font-weight:bold !important;
}
.btn_nor {
	width:88px;
	height:19px;
	line-height:19px;
	color:#ffffff;
	background:url(../images/btn1_bg.gif) no-repeat;
	text-align:center;
	border:0px none;
}
/* ======================================
   全局移动端基础适配（必加）
====================================== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  overflow-x: hidden; /* 禁止手机横向滑动 */
  width: 100%;
}

img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* 容器自适应（电脑1200px → 手机95%宽度） */
.container, .wrapper, .main {
  width: 95% !important;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 10px;
}

/* ======================================
   导航栏适配（电脑横排 → 手机汉堡模式基础样式）
====================================== */
/* 导航父容器 */
.nav, .header, .menu, .navbar {
  height: auto !important;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  position: relative;
}

/* 手机隐藏横排导航，可配合JS切换显示 */
@media (max-width: 768px) {
  .nav ul, .menu ul, .navbar ul {
    display: none; /* 默认隐藏，JS点击显示 */
    width: 100%;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 999;
  }
  
  .nav li, .menu li, .navbar li {
    display: block !important;
    width: 100%;
    text-align: left;
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
  }
}

/* 手机导航文字大小 */
.nav a, .menu a {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* ======================================
   首页 Banner / 轮播图 适配
====================================== */
.banner, .slider, .carousel {
  height: auto !important;
  min-height: 180px !important;
  max-height: 220px !important;
  overflow: hidden;
}

.banner img, .slider img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

/* Banner 文字手机缩小 */
.banner-text, .slider-title {
  font-size: 18px !important;
  line-height: 1.4 !important;
  padding: 10px 15px !important;
}

/* ======================================
   产品 / 案例 / 新闻 列表适配
====================================== */
/* 电脑多列 → 手机单列 */
.product-list, .case-list, .news-list,
.item-box, .card-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

/* 手机：一行只显示1个 */
@media (max-width: 768px) {
  .product-item, .case-item, .news-item,
  .card, .box {
    width: 100% !important;
    margin: 0 auto 10px !important;
  }
}

/* 平板：一行显示2个 */
@media (min-width: 769px) and (max-width: 992px) {
  .product-item, .case-item {
    width: 48% !important;
  }
}

/* 产品标题、文字大小 */
.product-title, .case-title {
  font-size: 16px !important;
  padding: 8px 0 !important;
}

.product-desc, .case-desc {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* ======================================
   按钮、咨询、联系方式适配
====================================== */
.btn, .button, .contact-btn, .submit {
  height: 44px !important; /* 手机手指最佳点击高度 */
  line-height: 44px !important;
  font-size: 16px !important;
  padding: 0 20px !important;
  min-width: 120px;
  border-radius: 4px;
}

/* 手机按钮全屏/半屏更方便点击 */
@media (max-width: 768px) {
  .btn {
    width: 100% !important;
    margin: 5px 0 !important;
  }
}

/* ======================================
   内容区、文章、参数详情适配
====================================== */
.content, .article, .detail,
.about-text, .parameter {
  font-size: 15px !important;
  line-height: 1.6 !important;
  padding: 15px 10px !important;
}

/* 标题层级适配 */
h1 { font-size: 22px !important; }
h2 { font-size: 20px !important; }
h3 { font-size: 18px !important; }
h4, h5 { font-size: 16px !important; }

/* ======================================
   表格适配（工控官网必备：参数表不横滑）
====================================== */
table {
  width: 100% !important;
  display: block !important;
  overflow-x: auto !important;
  border-collapse: collapse;
  font-size: 14px;
}

td, th {
  padding: 8px 5px !important;
  white-space: nowrap;
}

/* ======================================
   底部 Footer 适配
====================================== */
.footer {
  padding: 20px 15px !important;
  text-align: center;
}

.footer .col {
  width: 100% !important;
  margin-bottom: 15px !important;
}

/* ======================================
   手机专用间距统一优化
====================================== */
@media (max-width: 768px) {
  /* 全局间距缩小 */
  section, .module {
    padding: 30px 0 !important;
  }
  
  /* 消除电脑端大边距 */
  .margin-top, .margin-bottom {
    margin: 15px 0 !important;
  }
}