body{
	margin:0;
	padding:0;
}

#one{
    margin: 0px auto;
	width:100%;
    height:auto;
	text-align: center;
}
@media screen and (max-device-width: 768px) {
#one{
  	width:98%;	
}
}
#two{
    margin: 0px auto;
	width: 1260px;	
}
@media screen and (max-device-width: 768px) {
#two{
	width: 98%;
}
}


#logo{
	float: left;
	height: 210px;
	width: 1260px;
	
}
@media screen and (max-device-width: 768px) {
#logo{
	/*float: left;*/
	height: auto;
	width: 100%;
	/*background-image: url(../pic/960148-1.jpg);*/
}
}

/*1260宽度的图片轮播,注意transition-1s是没有意义的，可以删除。由于图片张数变化这里也要改，为了适应所有页面，这里将来改为默认10张图，6秒换一张共60秒，HTML页图片不够10张就重复几张 另外那个百分比是调切换时间的，但是可能会影响图片跳动问题*/
.slider {
  width: 1260px;
  height: 210px;
  position: relative;
  overflow: hidden;
}
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.slider img:first-child {
  opacity: 1;
}
.slider img.active {
  opacity: 1;
}
@keyframes slide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.slider img:nth-child(1) {
  animation: slide 60s infinite 0s;
}

.slider img:nth-child(2) {
  animation: slide 60s infinite 6s;
}

.slider img:nth-child(3) {
  animation: slide 60s infinite 12s;
}

.slider img:nth-child(4) {
  animation: slide 60s infinite 18s;
}

.slider img:nth-child(5) {
  animation: slide 60s infinite 24s;
}

.slider img:nth-child(6) {
  animation: slide 60s infinite 30s;
}

.slider img:nth-child(7) {
  animation: slide 60s infinite 36s;
}

.slider img:nth-child(8) {
  animation: slide 60s infinite 42s;
}

.slider img:nth-child(9) {
  animation: slide 60s infinite 48s;
}

.slider img:nth-child(10) {
  animation: slide 60s infinite 54s;
}

@media screen and (max-device-width: 768px) {
.slider {
  width:100%;
  height:160px;

}
.slider img {
  width: 100%;
 
}
}

/* 金沙检测线路js69的大图*/

.sliderindex {
  width: 1040px;
  height: 520px;
  position: relative;
  overflow: hidden;
}
.sliderindex img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.sliderindex img:first-child {
  opacity: 1;
}
.sliderindex img.active {
  opacity: 1;
}
@keyframes slide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.sliderindex img:nth-child(1) {
  animation: slide 30s infinite 0s;
}

.sliderindex img:nth-child(2) {
  animation: slide 30s infinite 3s;
}

.sliderindex img:nth-child(3) {
  animation: slide 30s infinite 6s;
}

.sliderindex img:nth-child(4) {
  animation: slide 30s infinite 9s;
}

.sliderindex img:nth-child(5) {
  animation: slide 30s infinite 12s;
}

.sliderindex img:nth-child(6) {
  animation: slide 30s infinite 15s;
}

.sliderindex img:nth-child(7) {
  animation: slide 30s infinite 18s;
}

.sliderindex img:nth-child(8) {
  animation: slide 30s infinite 21s;
}

.sliderindex img:nth-child(9) {
  animation: slide 30s infinite 24s;
}

.sliderindex img:nth-child(10) {
  animation: slide 30s infinite 27s;
}

@media screen and (max-device-width: 768px) {
.sliderindex {
  width: 100%;
}
}

/*返回顶部*/
#scrollToTop {
    display: none;
    position: fixed;
    right: 16px;
    bottom: 20px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 2s;
}
#scrollToTop img{
opacity: 0.6;
}

@media screen and (max-device-width: 768px) {

#scrollToTop {
    right: 100px;
    bottom: 100px;
}

#scrollToTop img{
width:100px;
height:100px;
opacity: 0.3;

}
}


/* 金沙检测线路js69搜索框与产品展示 */
#search-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

#search-input {
  padding: 6px;
    border: 1px solid #ccc;
  border-radius: 5px;
  width: 300px;
  margin-right: 10px;
}
@media screen and (max-device-width: 768px) {

#search-form {
  display: flex;
  flex-wrap: wrap; /* 开启自动换行 */
  justify-content: left;
  align-items: center;
}
#search-form input[type="submit"] { font-size: 1em; padding: 8px 16px; }

#search-input {
  padding: 6px;
  border: 1px solid #ccc;
  font-size:1em;
  border-radius: 5px;
  width: 600px; /* 宽度设置为100% */
  height:50px;
  margin-bottom: 10px; /* 下方留一些距离 */
  margin-top: 10px;
}

}



/* 位于产品列表下方的站内搜索框 */

.search-form-all input[type="text"] {
float:left;
    width:160px;
    padding: 7px;
    margin-right: 3px;
	margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,123,255,.2); /* 轻微阴影效果 */
}

.search-form-all input[type="image"] {
    margin-top: 15px; /* 使图片按钮垂直居中 */


}

@media screen and (max-device-width: 768px) {
    .search-form-all input[type="text"] {
        width: 50%; /* 增加宽度以充满更多屏幕空间 */
        padding: 30px; /* 增加填充以便于点击 */
		margin-top: 50px; /* 增加外边距以改善布局 */
		margin-bottom:50px;
        font-size: 36px; /* 增加字体大小以提高可读性 */
		border: 1px solid  #0099FF;
		 border-radius: 20px;
		}

    .search-form-all input[type="image"] {
        width: 60px; /* 增加图片按钮的尺寸 */
        height: 60px; /* 指定高度以确保按钮大小适中 */
        margin: 70px 20px 30px 20px; /* 如果需要，可以调整外边距以改善布局 */

    }
}


/*光标经过跳出文字,用于在线订购中标准号的弹出中文解释*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(79, 156, 238, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin: -50px 0 0 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


@media screen and (max-device-width: 768px) {
.tooltip .tooltiptext{margin: -4em 0 0 0px;
width:200px;

}
}





/*用于弹出正文中的需要解释的大段文字*/

.tooltip .tooltiptext-big {
  visibility: hidden;
  width: 460px;
  background-color: rgba(79, 156, 238, 0.85);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  white-space: normal; 
}

.tooltip:hover .tooltiptext-big {
  visibility: visible;
}

@media screen and (max-device-width: 768px) {

.tooltip img {
  width: 50px;
  height: 50px;
}


.tooltip .tooltiptext-big{ 
    width:400px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal; 
	font-size:1.5em;
	line-height:1.5em;

}
}






/*金沙检测线路js69花括号 */
.kuahao-0{
float:left;

}
.kuahao-1{
float:left;
height: 100px;
display: flex; 
justify-content: center; 
align-items: center;

}
.kuahao-2 { display: inline-block; /* 使内部元素可以垂直居中 */ }
.kuahao-3{ width:47px; float: left; text-align: right; }

@media screen and (max-device-width: 768px) {
.kuahao-0{  display: none; }
.kuahao-1{ float:none;justify-content:left; }
.kuahao-2{color: red;text-align:left; float:none; }
.kuahao-3{ float:none; width:100%; text-align:left; }
}

.left-brace {
    width: 6px;
    height: 36px;
    display: inline-block;

}
.left-brace-tl {
    border-right: 1px solid grey;
    border-bottom-right-radius: 10px;
    margin-right:-5.5px;
    margin-top: 0px;
	
}
.left-brace-tr {
    margin-bottom: 14px;
    border-left: 1px solid grey;
    border-top-left-radius: 10px;
	
}
.left-brace-bl {
    margin-top: -4px;
    border-right: 1px solid grey;
    border-top-right-radius: 10px;
    margin-right:-5.5px;
}
.left-brace-br {
    margin-bottom: -14px;
    border-left: 1px solid grey;
    border-bottom-left-radius: 10px;
}


/*304.php花括号 */
.kuahao-0-304{
float:left;
}
.kuahao-1-304{
float:left;
height: 320px;
display: flex; 
justify-content: center; 
align-items: center;
width:34px;

}
.kuahao-2-304 { display: inline-block; /* 使内部元素可以垂直居中 */ }
.kuahao-3-304{ width:38px; float: left; text-align: right; }

@media screen and (max-device-width: 768px) {
.kuahao-0-304{  display: none; }
.kuahao-1-304{ float:none;justify-content:left; width:100%;height:auto;}
.kuahao-2-304{color: red;text-align:left; float:none; }
.kuahao-3-304{ float:none; width:100%; text-align:left; padding-top:10px; }
}

.left-brace-304 {
    width: 6px;
    height: 146px;
    display: inline-block;

}
.left-brace-tl-304 {
    border-right: 1px solid grey;
    border-bottom-right-radius: 10px;
    margin-right:-5.5px;
    margin-top: 0px;
	
}
.left-brace-tr-304 {
    margin-bottom: 14px;
    border-left: 1px solid grey;
    border-top-left-radius: 10px;
	
}
.left-brace-bl-304 {
    margin-top: -4px;
    border-right: 1px solid grey;
    border-top-right-radius: 10px;
    margin-right:-5.5px;
}
.left-brace-br-304 {
    margin-bottom: -14px;
    border-left: 1px solid grey;
    border-bottom-left-radius: 10px;
}




/*勾选框的大小在移动端的定义 */
@media screen and (max-device-width: 768px) {
input[type="checkbox"] {
  width:36px;
  height:36px;
}
}

#gongsi{
	background-image: url(../pic/black-1260.jpg);/*tpa=/pic/black.jpg*/
	height: 37px;
	clear:both;/*清除上面的FLOAT*/
	font-size: 13px;
	font-weight: bold;
	padding-left: 0px;
}
@media screen and (max-device-width: 768px) {
#gongsi{
    background-image: none;/*tpa=/pic/black.jpg*/
	height: none;
	clear:none;/*清除上面的FLOAT*/
	font-size: 2.3em;
	font-weight: normal;
	padding-left: 0;  
}
}
.zhansi{
	width: 140px;
	float: left;
	text-align: center;
	line-height: 37px;
	white-space: nowrap;
}

@media screen and (max-device-width: 768px) {
.zhansi{
	width: 33.3%;
	line-height: 2em;
    background-color: #62C0FF;
	white-space:normal; 
}
}
.zhansi a:link{color:#993333;text-decoration:none;} 
.zhansi a:visited {color:#993333;text-decoration:none;}
.zhansi a:hover {color: #FF6633; text-decoration: underline;}



#three{
clear:both;/*清除上面的FLOAT*/
    margin: 0px auto;
	width: 1260px;
	height: auto;

}
@media screen and (max-device-width: 768px) {
#three{
	width: 98%;
	padding-top: 5px;
	clear:both;/*清除上面的FLOAT*/
	padding-top: 5px;
}
}
#left{

	margin: 0px auto;
	width: 220px;
	float: left;
	margin-bottom: 2px;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
	
}
@media screen and (max-device-width: 768px) {
#left{
	width:98%;
	float: none;
	margin-bottom: none;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
	clear:both;
}
}
#right{

	width: 1040px;
	float: right;
	padding-left: 0px;
	text-align: left;
	line-height: 18px;
	padding-top: 8px;
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
	margin-bottom: 2px;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
}
@media screen and (max-device-width: 768px) {
#right{
	width: 98%;
	float: none;
	padding-left:none;
	margin: 0px auto;
	/*text-align: left;*/
	line-height: normal;
	padding-top: 0.1em;
	font-size: 2.3em;
	/*color: #000000;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	/*padding-right: 0px;*/
	margin-bottom: 0.5em;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
}
}
#right a:link {color:#0066CC; text-decoration:none;} 
#right a:visited {color:#0066CC; text-decoration:underline;} 
#right a:hover {color:#FF0000;}
#four{
    min-width:1260px;
    width:100%;
    margin: 0px auto;
	background:#333333;
	clear:both; /*FF浏览器自由下滑，注上面的left边距要去掉 */
	line-height: 13px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 4px;
	margin-top: 2px;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
	display: flex;
    justify-content: center;
    align-items: center;
	}
@media screen and (max-device-width: 768px) {
#four{
min-width:240px;
	padding-left: 0;
	line-height: 1em;
	font-size: 2em;
	color: #333;
	padding-top: 0.1em;
	margin-top: 0.1em;/*将表格3与4隔开一下，搞了三处是为了应对多种浏览器 */
	background-color: #CCCCCC;
}
}
#four a:link{color:#666666;} 
#four a:visited{color:#666666;} 
#four a:hover {color:#FF0000;}
@media screen and (max-device-width: 768px) {
#four a:link{color:#333;} /*下面350行有一个BODY COLOR=#333,非链接的字体被定义成#333，链接文字只能委曲求全了 */
#four a:visited{color:#333;}
/*#four a:hover {color:#FF0000;}*/
}
#foot{
	margin: 0px auto;
}


.daohang{
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
	background-position: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

/* 金沙检测线路js69产品分类调用的下划线 */
.daohang-1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  rgba(204, 204, 204, 0.8);
	margin-left:80px;
	margin-right:10px;
}


.daohang-2{
	border-bottom-width: 1px;
	border-bottom-style:  dashed;
	border-bottom-color: #999999;
	padding-bottom: 1px;
	margin-bottom: 1px;
	margin-left:90px;
}
.daohang-3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  rgba(204, 204, 204, 0.8);
	margin-right:10px;
}


@media screen and (max-device-width: 768px) {
.daohang-1{
   margin-left:2em;
	border-bottom: 1px solid #CCCCCC;  
	padding-bottom: 1px;
	margin-bottom: 1px;

}


}

@media screen and (max-device-width: 768px) {
.daohang{
	font-size: 1em;
	font-weight:normal;
	padding-bottom: 0;
	margin-bottom: 0.3em;
}
}

.xian{border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
}


.fenge{
	height: 1px;
	width: 50%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A8A8D5;
	margin-left: 30px;
}
@media screen and (max-device-width: 768px) {
.fenge{
	width: 68%;
	border-bottom-style: solid;
	border-bottom-color: #b7b7b7;
	margin-left: 100px;
	margin-top:2px;
	margin-bottom:0;
}
}


/*这是用于鼠标划过弹出的*/
tiaotiao{color: #0066CC;

}



/*以下fenlei是产品列表里的二级小分类*/
.fenlei{
    width:68%;
	background-image: url(../pic/fenlei.jpg);
	height: 11px;
	line-height:11px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	overflow: hidden;
	color: #999999;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left:25px;
	text-align: center;
}

.fenlei span{background-color: #FFFFFF; padding-right: 5px; padding-left: 5px;}


@media screen and (max-device-width: 768px) {
.fenlei{
	width: 40%;
	background-image: url(../pic/fenlei-2.jpg);
	height: 1.5em;
	line-height:1.5em;
	margin-left: 100px;
	margin-top:10px;
	margin-bottom:0;
	
}}
@media screen and (max-device-width: 768px) {
.fenlei span{
    font-size:1.5em;
	background-color: #FFFFFF;
	
	padding-right: 0.2em;
	padding-left: 0.2em;
}}

.fenlei-3{
    width:68%;
	background-image: url(../pic/fenlei-3.jpg);
	height: 3px;
	line-height:3px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:25px;
}
@media screen and (max-device-width: 768px) {
.fenlei-3{
    width:40%;
	background-image: url(../pic/fenlei-3.jpg);
	height: 3px;
	line-height:3px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:100px;
}
}


.nei{
	border: 1px solid #CCCCCC;
	width: 1038px;
	overflow: auto;/*主框高度相对于子框自动溢位*/
    display: table;/*将该DIV变一个TABLE一样的东东，接下面它里面的pic w则可以变成TABLE-CELL即TR TD一样的东东，这样以利于该TD垂直居中 20190829*/  	
}
@media screen and (max-device-width: 768px) {
.nei{
    border: 1px solid #0066CC;
	border-radius:10px;
	width: 100%;
	background:#F5F5F5;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display: block;
}
}
.rong{
    width: 1038px;
	overflow: auto;/*主框高度相对于子框自动溢位*/
    display: table;/*将该DIV变一个TABLE一样的东东，接下面它里面的pic w则可以变成TABLE-CELL即TR TD一样的东东，这样以利于该TD垂直居中 20190829*/  
    border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
@media screen and (max-device-width: 768px) {
.rong{
    border: 1px solid #0066CC;
	border-radius:10px;
	width: 100%;
	background:#F5F5F5;
	margin-bottom:0.5em;
	display: block;
}
}
.kong{
	width: 1038px;
	overflow: auto;/*主框高度相对于子框自动溢位*/
    display: table;/*将该DIV变一个TABLE一样的东东，接下面它里面的pic w则可以变成TABLE-CELL即TR TD一样的东东，这样以利于该TD垂直居中 20190829*/  
}
@media screen and (max-device-width: 768px) {
.kong{
    border: 1px solid #0066CC;
	border-radius:10px;
	width: 100%;
	background:#F5F5F5;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display: block;
}
}

/*kong10到kong100的，用于将<div class=biaosi>置于这些DIV里，从而使表格总宽度看上去占据页面的百分之多少且居中 */
.kong10,.kong20,.kong30,.kong40,.kong50,.kong60,.kong70,.kong80,.kong90,.kong100{height:auto;margin:0 auto;padding:4px 15px 4px 15px;background-color: #EAEAEA;border-radius:10px;}

.kong10 { width: 10%; }
.kong20 { width: 20%; }
.kong30 { width: 30%; }
.kong40 { width: 40%; }
.kong50 { width: 50%; }
.kong60 { width: 60%; }
.kong70 { width: 70%; }
.kong80 { width: 80%; }
.kong90 { width: 90%; }
.kong100 { width: 100%; }

@media screen and (max-device-width: 768px) {
.kong10,.kong20,.kong30,.kong40,.kong50,.kong60,.kong70,.kong80,.kong90{width: 100%;}
}


.biaosi{
    text-align:left;
    width:fit-content;/*DIV宽度跟据文字的宽度自适应*/
    margin:0 auto;
	padding:8px;
}


/* */

.pic{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 2px;
}
@media screen and (max-device-width: 768px) {
.pic{
    width:40%;
	border-right-width: none;
	border-right-style: none;
    margin-right: 0.2em;
}
}


  /*450px以下的屏幕 pic picinkong图片放大到50%*/
@media screen and (max-device-width: 450px) {
.pic{
    width:50%;
	border-right-width: none;
	border-right-style: none;
    margin-right: 0.2em;
}
}
.picinkong{
	float: left;
	margin-right: 2px;
}

@media screen and (max-device-width: 768px) {
.picinkong{
    width:40%;
	margin-right: 0.2em;
}
}
  /*450px以下的屏幕 pic picinkong图片放大到50%*/
@media screen and (max-device-width: 450px) {
.picinkong{
    width:50%;
	margin-right: 0.2em;
}
}
.w{
	position: relative;
	width: 100%;/*之前是auto,而DISPLAY的属性改为TABLE-CELL后，AUTO会自动缩小靠右故改为100% 20190829*/
	right: 0px;/*以上三条相对定位：相对主框右侧边距为0且，宽度自动*/
	display: table-cell;/*将该DIV变为里面的TR或TD一样的样式,请注意上面的nei rong等父框已变为TABLE了。这里是利于下面一行的垂直居中 20190829*/
	vertical-align: middle;/*垂直居中 20190829*/
}
@media screen and (max-device-width: 768px) {
.w{
	width: auto;
	display: block;
	vertical-align:	top;
}
}
.flash{	
    width:1038px;/*这如写100%或740，因border=1，DW显示将left菜单栏撑到下面，但不影响浏览器显示，出于强迫症改成738了*/
	height:auto;
	
	padding-top: 5px;
	padding-bottom:5px;
	text-align: center;	
}
@media screen and (max-device-width: 768px) {
.flash{
    width:100%;
	padding-top: 0.6em;
	padding-bottom:0.6em;
	border-radius:10px;
}
}




.tm{
     width: 1260px;
	padding-left: 0px;
	padding-top:4px;
	padding-bottom:6px;

   
	
}
@media screen and (max-device-width: 768px) {
 .tm{   padding-left: 5px;
 font-size:0.6em;
 line-height:1em;
}
}

.show{
	width:100%;
	text-align:center;/*将本DIV里的内容居中*/
	display:table;/*这句要不要无所谓。大框当作一个表格TABLE,是为了对下面的inline-block,形成一个工整的大表格内小块块*/
	background-color: #EFEFEF;
}


.zs{
	width:auto;
	height:auto;
	margin:5px 12px 5px 12px; 
	border:1px solid #8EC7FF;
	display:inline-block;/*这句话是重点。inline-block:同一行内的DIV，即不分行的意思*/
	float:none;/*这句以删除*/
	
}

@media screen and (max-device-width: 768px) {

.zs {
    width: 33%;
	height:auto;
    margin: 0px;
    float: left;
    border: 1px solid #8EC7FF;
	font-size:1em;
	line-height: 1.5;/* 中英文本的高度不一样导致float:left显示异常，加上行高使文本高度一样 */
  }
  
  .zs img {
    width: 100%; /* 增加图片的宽度 */
    height: auto; /* 让高度自适应，保持图片比例 */
  }
}


.b{
	font-size: 16px;
	font-weight: bold;
	color: #FF3300;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
@media screen and (max-device-width: 768px) {
.b{
	font-size:1em;
	font-weight: bold;
	}
}
.bzm{
	font-size: 30px;
	color: #FF3300;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
@media screen and (max-device-width: 768px) {

.bzm{
	font-size: 2em;
	color: #FF3300;
}
}

.qingchu{clear:both;/*金沙检测线路js69的分类筛选器有调用这个*/

}

/*筛选框*/

.yiji-1{
 overflow: auto; /* 就是这个讨厌的属性，阻止了图片弹出，导致没法做一个整体的框把筛选框包住，所以，只能将本DIV做成水平线了 */
 margin-top: 3px;
 margin-bottom:3px;
  margin-left:36px;
 height: 1px; /* 线的厚度，可以根据需要调整 */
 background-color: rgba(79, 156, 238, 0.8);



}

.biaozun{ 
width:69px; 
float: left; 
text-align: right;
margin-right: 5px;
}

.befor-product{
margin-left:80px;

}

.product{
display: flex; 
flex-wrap: wrap; 
align-items: baseline; 
}

.product label {
  margin-right: 5px; /* 调整这个值以减少或增加距离 */
  margin-left: 0px; /* 调整这个值以减少或增加距离 */
  display: flex;
  align-items: center; /* 确保复选框和文字垂直居中 */
    border-radius: 3px; /* 如果你喜欢圆角的话，可以添加这个属性 */
}
.product label:hover{
background-color:#CCCCCC; /* 添加浅色背景 */
}
.product input[type="checkbox"] {
  margin-right: 0px; /* 这个值用于调整复选框和文字之间的具体距离 */
  margin-left: 0px; /* 这个值用于调整复选框和文字之间的具体距离 */
}

@media screen and (max-device-width: 768px) {
.biaozun{ width: 100%; float: none;  text-align: left; color: red; }

.yiji-1{
margin-left:0px;
}

.product{ padding-top: 10px;
 }

.product label {
margin-right: 10px; /* 调整这个值以减少或增加距离 */
}
}



/*这个是不是没用啊，难道zhongjian的前身？老年痴呆了*/

.bt{
	font-size: 14px;
	background-image: url(../pic/bt-hei.jpg);
	height: 26px;
	line-height:26px;
	width: auto;
	padding-left: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #C60000;
	margin-top: 8px;
	margin-bottom: 1px;
}
.bt:hover{background-image: url(../pic/bt-bai.jpg);color: #C60000;}




.neirongjuzhong{
	width:100%;
	text-align: center;
	padding-bottom:8px;
}
@media screen and (max-device-width: 768px) {
.neirongjuzhong{
	padding-bottom:0.5em;
}}

/* 金沙检测线路js69最下面一行的6张图片的样式 */
.index-botton{
    float:left;
	width:160px;
	padding-left:11.5px;
	padding-bottom:2px;
	
}
@media screen and (max-device-width: 768px) {
.index-botton{
    width:31%;
	padding-left:2%;
}
.index-botton img{
width:100%;
height:100%;

}

}


/* 分页文字居中与大小 */
.pagination { text-align: center;
margin-bottom:10px;
margin-top:10px;


 }
.pagination a, .pagination span { font-size: 14px; 
margin-right: 8px; }



/* 让表格第隔一行背景变为灰色,主要用于商品展示下单 */


.pro tr:nth-child(2n+1) {
  background-color: #ccc;
}
tr {
  border-bottom: 1px solid #999999;
}

td {
  border-bottom: 0px solid #999999;
  word-wrap: break-word;
  word-break: break-all;
 
}


@media screen and (max-device-width: 768px) {
 table.pro {
        width: 1800px;
		font-size:0.9em;
    }
td {
 
  /* 添加列之间的淡色线 */
  border-right: 1px solid rgba(0, 0, 0, 0.15); /* 使用 RGBA 颜色格式来设置透明度 */
}

}




/* 加入购物车的数字框的样式 */

.jiarugouwuche{ 
text-align:right;


}


.input-1{
width:65px;
}
@media screen and (max-device-width: 768px) {

.jiarugouwuche{ 
width:338px;
}

.input-1{
width:100px;
height:50px;
font-size:1em;
float:left;
}


.input-2{
width:200px;
height:50px;
font-size:1em;
float:right;
text-align: center;
}

.input-3{
width:100px;
height:50px;
font-size:1em;
text-align: center;
}

} 



/* 产品属性表格 */

.xuxian tr {
  border-bottom: 1px dashed #cccccc; /* 设置单元格边框 */
  padding: 8px; /* 设置单元格内边距 */
  text-align: center; /* 设置文本居中 */
  line-height: 28px;
}
.xuxian tr:hover {
  background-color: transparent;/*将鼠标悬停时的背景颜色设置为透明色,因为本CSS有一个统一的tr的hover特效，而本处不想要这个特效*/
}

.xuxian td {
  text-align: left;
}

/* 文字加粗灰色，螺丝页面的产品属性用 */
.xuxian-word{
    width:60px;
    padding-left:30px;
    color:#999;
	float:left;
	font-weight: bold;
}

/* 目录表格 */

.mulu {  
  border-collapse: collapse;  
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px; 
  margin-bottom: 16px; 
  color:#136ec2;	
  width:60%;
}  
  
.mulu td,  
.mulu th {  
  border: 1px solid transparent; /* 让所有的边框透明 */  
  text-align: left; /* 让表格内的文字左对齐 */  
  padding-left: 40px; /* 设置左边距为20px */  
  line-height: 30px; /* 设置行高 */  
  }  
  
.mulu tr:first-child td,  
.mulu tr:first-child th {  
  border-top: 1px solid lightgray; /* 第一行顶部边框为实线 */  
  padding-top:15px;
 }  
  
.mulu tr:last-child td,  
.mulu tr:last-child th {  
  border-bottom: 1px solid lightgray; /* 最后行底部边框为实线 */  
  padding-bottom:15px;
}  
  
.mulu td[rowspan="5"] {  
  border-bottom: 1px solid lightgray; /* 具有rowspan="5"的单元格底部边框为实线 */  
  border-right: 1px solid #E5E5E5; /* 具有rowspan="5"的单元格右边框为实线，颜色为灰色 */
  text-align: center;
  padding-left: 0px;
  vertical-align: top; /* 将内容垂直居上 */
}

.mulu tr:hover {
  background-color: transparent;/*将鼠标悬停时的背景颜色设置为透明色,因为本CSS有一个统一的tr的hover特效，而本处不想要这个特效*/
}

@media screen and (max-device-width: 768px) {
.mulu {  
  border-collapse: collapse;  
  font-size: 0.8em;
  font-weight: 400;
  margin-top: 16px; 
  margin-bottom: 16px; 
  color:#136ec2;	
  width:100%;
}  

}




/* 以下样式由这个调用：<div class="zhongjian"><span>大图赏析</span></div>，原为佳能风格，该风格有备份。2023/9转换为百科风格 */

.zhongjian {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 14px;

}

.zhongjian span {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 800;
  color: #333333;
  white-space: nowrap;
  white-space: normal;
 
}

.zhongjian span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 24px;
  background-color: #4F9CEE;
}

.zhongjian::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #4F9CEE;
  margin-left: 10px;
}

@media screen and (max-device-width: 768px) {
  .zhongjian span {
    font-size: 1em;
	padding-left: 0.8em;
  }
  .zhongjian span::before {
    width: 0.6em;
	height: 1.2em;
  }
  .zhongjian::after {
    background-color: ##BFDFFF;
  }
}

/* 文字左边有个圆点，小标题用*/

 .dian { display: flex; align-items: center;  padding-top:8px;padding-bottom:2px;} 
 .dian::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #4F9CEE; margin-right: 5px; } 
 .dian span { font-weight: bold; font-size:14px;color: #333333;} 
@media screen and (max-device-width: 768px) {

 .dian { padding-top:8px;padding-bottom:2px;} 
 .dian::before { width: 0.6EM; height:0.6EM; border-radius: 50%; background-color: #4F9CEE; } 
 .dian span {font-weight:normal; font-size:1EM;} 
}


/* 光标经过每行背景色变;为红色 */
tr:hover {
  background-color: #BFDFFF;
}

table{
    border-collapse:collapse; 
    width:100%;
}
@media screen and (max-device-width: 768px) {
table{
     font-size:0.6em;
}

}

@media screen and (max-device-width: 768px) {
table.taiman{ font-size:0.55em;
}
}

th{text-align:center;

}

td{
	text-align:center;
	margin: 0px;
	padding: 0px;
}



/*常用的规格表里的背景颜色及tagble的背景LOGO*/
table.biaoge{
             background-image: url(../pic/biaoge-1260.png);
             background-repeat: no-repeat;
			 background-position: center 22px; 
			 
			 }
col.biaoge{background-color:rgba(51,153,255,0.15);}
tr.biaoge{background-color:rgba(51,153,255,0.1);}

table.biaoge td{
  line-height: 22px; 
  border: 1px solid #999999;
}


/*很宽的表格用的 弹性布局 、水平滚动条、大表格的样式*/
.luosi{
      display: flex;
}
.lianxing {
 overflow-x: auto;
}

table.dabiaoge{
 white-space: nowrap; /* 设置不换行 */

}

table.dabiaoge td{
  line-height: 22px; /* 设置行高为30px，否则在手机端两个表格的高度不一样哦 */
  border: 1px solid #999999;
  
}
@media screen and (max-device-width: 768px) {
table.dabiaoge{
font-size:0.9em;
background-image:url(../pic/huadong.png);
background-repeat:no-repeat;
background-position:400px bottom;
}

table.dabiaoge td, table.dabiaoge th {
  line-height: 1.5em; /* 设置行高为30px，否则在手机端两个表格的高度不一样哦 */
  padding:5px;
  border:1px solid #3366cc;
  
}
}

/* 二表格与上面唯的不同是加了背景LOGO*/
table.erbiaoge{
   background-image: url(../pic/biaoge-1260.png);
  background-repeat: no-repeat;
  background-position: center 22px; 
}

table.erbiaoge td{
   line-height: 22px; 
  border: 1px solid #999999;
  
}
@media screen and (max-device-width: 768px) {
table.erbiaoge{
 white-space: nowrap; /* 设置不换行 */
font-size:0.9em;
background-image:url(../pic/huadong.png);
background-repeat:no-repeat;
background-position:400px bottom;
}

table.erbiaoge td, table.erbiaoge th {
  line-height: 1.5em; /* 设置行高为30px，否则在手机端两个表格的高度不一样哦 */
  padding:4px;
  border:1px solid #3366cc;
  
}
}


/*标准的全实线表格*/
.standard td{
  border: 1px solid #999999;
  line-height: 22px;

}



/*华丽的分割线*/
p{
	text-indent:2em;
	margin-top: 5px;
    margin-bottom: 5px;
}
@media screen and (max-device-width: 768px) {
p{
	text-indent:2em;
	margin-top: 0.3em;
    margin-bottom: 0.3em;
}
}

img{
	border: 0;
}
@media screen and (max-device-width: 768px) {
img.xi{border-radius:10px;
       width:100%;
	   height:auto;	
}
}
@media screen and (max-device-width: 768px) {
img.da{border-radius:20px;	
       width:100%;
       height:auto;   
}
}
@media screen and (max-device-width: 768px) {
img.bi{
    width:100%;
    height:auto;
}
}




/* 鼠标悬停弹出图片容器 */
.hover-img {
  position: relative;
  display: inline-block;
}

/* 图片样式 */
.hover-img img {
  display: none; /* 初始隐藏 */
  position: absolute;
  bottom: 100%; /* 位于容器上方 */
  left: 50%; /* 水平居中 */
  transform: translate(-60%, -20px); /* 调整位置 */
  width: auto;
  height: auto;

  border:1px solid #4F9CEE; /* 边框样式 */
  border-radius: 10px; /* 圆角边框 */
}

/* 鼠标悬停时显示图片 */
.hover-img:hover img {
  display: block;
}


@media screen and (max-device-width: 768px) {
.hover-img img {

 transform: translate(-50%, -40px); /* 调整位置 */
  }  
}




/* PHP留言展示区域的样式 */

#messages {
  margin: 20px 0;
  padding: 0;
  list-style: none;
 
}

.yonghu{
float:left;
background:#EEEEEE;
padding-right:5px;


}


.message-item {
  padding: 10px;
  border-top: 1px solid #e1e1e1;
  position: relative;
  

}

.message-item:last-child {
  border-bottom: none;
}

.message-number {
float:left;
 top: 10px;
  color:#000000;
  padding-right:10px;
  color:#808080; 
}


.message-number:after {
  content: "\00B7"; /* 使用Unicode编码表示圆点 */
  padding-left: 0px; /* 调整间距 */
  color: #4F9CEE; /* 圆点颜色 */
}




.message-info {
  font-size: 0.9em;
  color: #333;
  margin-bottom: 5px;


}

.message-content {
  margin-bottom: 5px;
  line-height: 1.4;
  margin-left:20px;
  text-indent: 2em; /* 添加这一行 */
  word-break: break-word; /* 允许在长单词或网址中换行 */  
  overflow-wrap: break-word; /* 确保长单词能够换行 */
	
	
	}


.message-reply-link {
  font-size: 0.8em;
 
}

.message-reply-link a {
 
  text-decoration: none;
    margin-left:46px;
}

.message-reply-link a:hover {
  text-decoration: underline;
}

/*PHP留言提交框 */
.form-liuyan{
  margin: 10px 0 10px 0;
  padding: 10px 30px 10px 10px;
  border: 1px solid #ccc;
  background: #f9f9f9;
}
 
.form-liuyan label {
  display: block;
  margin-bottom: 5px;
}

.form-liuyan input[type="text"],
.form-liuyan input[type="email"],
.form-liuyan textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.form-liuyan textarea {
height:120px;

}


.form-liuyan button {
  display: block;
  background: #0066CC;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  
}

.form-liuyan button:hover {
  background: #0055A0;
}

.form-liuyan .name-email {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  
}



.form-liuyan .name-email .input-group {
  display: flex;
  align-items: center;
  margin-right: 20px;
}


.form-liuyan .name-email label {
  margin-right: 10px;
  width:45px;
}



.form-liuyan #name {
  width: 150px;
  margin-right: 20px;
}

.form-liuyan #email {
  flex: 1;
 width: 280px; 
 
}

.form-liuyan #captcha {
  flex: 1;
 
  max-width: 90px;
  margin-right:10px;

}

.yanzhengma-error{
color:#FF0000;
font-size:20px;
}

@media screen and (max-device-width: 768px) {
  .form-liuyan {
    padding: 10px;
  }
  
  .form-liuyan input[type="text"],
  .form-liuyan input[type="email"],
  .form-liuyan textarea {
    padding: 5px;
    margin-bottom: 5px;
	font-size:1em;
	
	}
	.form-liuyan textarea {
	width:98%;
	height:5em;
	}
	
   .form-liuyan button {
    padding: 10px 10px 30px 10px; /* 增加填充以使按钮变大 */
    width: 200px; 
	height:70px;
	margin-top:30px;
	margin-bottom:30px;
	border-radius: 10px;
	font-size:1em;
  }
  
  .form-liuyan .name-email label{
     width: auto; 
	  } 

.form-liuyan #name {
    width: 318px; /* 调整昵称输入框的宽度 */
    margin-right: 10px;
  }
  
 
   .form-liuyan #captcha {
    width: 150px; /* 或者你可以指定一个具体的宽度，比如 150px */
    max-width: 150px; /* 移除最大宽度限制 */
  }
 
  
  .form-liuyan img{
     width:120px;
} 
}


/**/

h1{
    margin: 0 0 10px 10px;
    color: #333333;
    display: inline;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 400;
    vertical-align: sub;
    word-break: break-all;
    position: relative;
    z-index: 2;
}
h4{
    font-size: 24px;
	color: #444444;
	font-weight: 400;
}
@media screen and (max-device-width: 768px) {
h1{
   font-size: 2em;
}

h4{
    font-size: 1.2em;
	color: #444444;
	font-weight: 600;
}

}

h2 { 
font-size: 14px; 
font-weight: bold; 
margin-top: 2px; 
margin-bottom: 4px; }
@media screen and (max-device-width: 768px) {
h2{
font-size:1.2em; 
}
}


/*以下金沙检测线路js69产品向左滚动所需的CSS*/

#demo {
	overflow:hidden;
	border: 0px dashed #CCC;
	width: 100%;
}
#demo img {
border: 0px solid #F2F2F2;
}
#indemo {
float: left;
width:800%;
}
#demo1 {
float: left;
}

#demo2 {
float: left;
}
@media screen and (max-device-width: 768px) {
#demo2 {
   margin-left:0.2em;
}

}
.g125{
	width: 125px;
	float: left;
	text-indent:2em;
}
@media screen and (max-device-width: 768px) {
.g125{
	width: 250px;
    margin-left:0.12em;
	padding-left:0.3em;
	text-indent:0em;
	font-size:0.8em;
}
#demo img {
width:250px;
}
}

/* 右侧居中弹出的导航条 */
.floating-nav {  
    position: fixed;  
    top: 150px;  
    right: 0;  
    width: 100px;  
    padding: 10px 5px 2px 10px;  
	border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.8);  
    border: 1px solid #ccc;  
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
    z-index: 1000;  
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;  
    transform: translateX(100%);  
    opacity: 0;  
}  

.floating-nav.show {  
    transform: translateX(0);  
    opacity: 1;  
}  


.floating-nav ul {  
    list-style: none;  
    padding: 0;  
    margin: 0;  
}  

.floating-nav ul li {  
    margin-bottom: 10px;  
}  

.floating-nav ul li a {  
    color: #333;  
    text-decoration: none;  
}  

.floating-nav ul li a:hover {  
    text-decoration: underline;  
}


@media screen and (max-device-width: 768px) {  
    .floating-nav {  
        display: none;  
    }  
} 




/*以下左侧产品列表所需的CSS之一*/ 
 
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL {
	LIST-STYLE-TYPE: none
}

BODY {
	FONT: 12px/150% Verdana, Arial, Helvetica, sans-serif; COLOR: #333;
}
@media screen and (max-device-width: 768px) {
BODY {
    font-size: 1em;/*注，这是移动端布局的全局的基础字体，这个变大一倍，其它所有字体在原基础上变大一倍，*/
	
}
}

H3 {
	FONT-SIZE: 14px;
}
@media screen and (max-device-width: 768px) {
H3 {
	FONT-SIZE: 1.5em;/*2.5EM会导致手机端字体太大了，不过目前没有调用过H3 20230525*/
}
}

A:link {
	COLOR: #333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #c00; TEXT-DECORATION: none
}
A:hover {
	COLOR: #c00; TEXT-DECORATION: underline
}
A:active {
	COLOR: #900
}

.m {
	OVERFLOW: hidden; ZOOM: 1
}

/*以下左侧产品列表所需的CSS之二*/

.liebiao{
	color: #EFEFEF;
	background-color: #CE0000;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bold;
	width: 190px;
	padding-left: 20px;
}
@media screen and (max-device-width: 768px) {
.liebiao{
    height: 1.5em;
	font-size: 3em;
	width: 97%;
	padding-top: 0px;	
	line-height: 1.5em;	
	padding-left:30px;}
}

.left {
	FLOAT: left; WIDTH: 210px;
}
@media screen and (max-device-width: 768px) {
.left{
    width:100%;
}
}


#sortlist {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
#sortlist .mt {
	PADDING-RIGHT: 8px; DISPLAY: none; PADDING-LEFT: 8px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 24px; PADDING-TOP: 3px; HEIGHT: 24px;
}
@media screen and (max-device-width: 768px) {
#sortlist .mt{    
    line-height:4em;
}
}

#sortlist H2 {
	COLOR: #fff
}
#sortlist .mc {
	MARGIN-TOP: -1px; BACKGROUND: #fff; WIDTH: 208px
}

@media screen and (max-device-width: 768px) {
#sortlist .mc{
    width:100%;
}
}

#sortlist H3 {
	PADDING-RIGHT: 7px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; FONT: 14px/30px Verdana; CURSOR: pointer; PADDING-TOP: 0px; HEIGHT: 30px; BACKGROUND-COLOR: #f7f7f7
}
@media screen and (max-device-width: 768px) {
#sortlist H3{
	padding-left:0.5em;
	height:2.5em;
    font-size:3em;
	line-height:2.5em
}
}

#sortlist .fore H3 {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#sortlist dalei {
	FLOAT: left;
	MARGIN: 7px 8px 0px 0px;
	OVERFLOW: hidden;
	WIDTH: 16px;
	CURSOR: pointer;
	HEIGHT: 16px;
	background-image: url(../pic/beijing.png);
	background-repeat: no-repeat;
	background-position: -20px 0px;
}
@media screen and (max-device-width: 768px) {
#sortlist dalei {
	FLOAT: left;
	MARGIN:0.8em 0.2em 0em 0em;
	OVERFLOW: hidden;
	WIDTH: 1em;
	CURSOR: pointer;
	HEIGHT: 1em;
	background-image: url(../pic/80.jpg);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}
}

#sortlist UL {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; OVERFLOW: hidden; PADDING-TOP: 6px; ZOOM: 1
}
#sortlist LI {
	PADDING-RIGHT: 15px; PADDING-LEFT: 28px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; WIDTH: 159px; PADDING-TOP: 3px; HEIGHT: 18px;
	list-style:square inside url(../pic/93.jpg)
}

/* 以下CSS并未在页面源码中直接调用，而用通过product-link.js替代掉源码中的class="link", 即将link替代为produ */
.product-link{
 background-color:#B6E7FF;
 font-weight: bold;
 padding: 3px;
 }



@media screen and (max-device-width: 768px) {

#sortlist LI {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 100px;
	PADDING-BOTTOM: 3px;
	OVERFLOW: hidden;
	WIDTH: 100%;
	PADDING-TOP: 15px;
	HEIGHT: 1.2em;
	font-size: 2em;
	list-style:square inside url(../pic/81.jpg)
}
	}


#sortlist .curr A {
	FONT-WEIGHT: bold; COLOR: #e4393c
}
#sortlist .current dalei {
	BACKGROUND: url(../pic/beijing.png) no-repeat -37px 0px
}
@media screen and (max-device-width: 768px) {
#sortlist .current dalei {
	BACKGROUND: url(../pic/80.jpg) no-repeat -40px -5px
}
}

#sortlist .current UL {
	DISPLAY: block
}