*{ margin:0px; padding:0px;}
body { margin:0 auto;color: #535353;}
ul {list-style-image: none;list-style-type: none; margin:0px; padding:0px;}
li {list-style-image: none;list-style-type: none; margin:0px; padding:0px;}
a:link, a:visited {text-decoration: none;color: #535353;}
a:hover {text-decoration: underline;color: #535353;}
img {vertical-align: middle;border: 0px none;}
.product{ width:1040px; margin:0 auto; margin-top:20px;}
.fenlei{ width:230px; float:left; margin-right:20px; background:url(../img/fenlei.jpg) repeat-y center;}
.fenleitop{ width:230px; height:62px; background:url(../img/fenlei2.jpg) no-repeat center;}
.fenlb{ width:170px; margin:0 auto; font-size:15px;}
.fenlb li{background: url(../img/more.gif) 15px 8px no-repeat #f9c48a; height:30px; line-height:30px; margin-bottom:10px;  text-indent:32px;}
.fenend{ background:url(../img/fenlei3.jpg) no-repeat center; height:13px;}
#Productst{ width:1000px; float:left; margin-left: 0px;margin-top: 10px;margin-bottom: 90px;}
#Prodbj{ margin:0 auto; height:50px; line-height:40px;}
.Prod ul li{cursor: pointer;font-weight: bold;color: #FFFFFF;font-size:14px; }
.Prod li:hover{cursor: pointer;font-weight: bold;color: #fff;font-size:14px;background: #0056B3; }
.Prod li{ background:orange; float:left; font-size:14px; text-align:center; width:157px;margin: 5px 5px 5px 11px;}
.Prod li a:link{ text-decoration:none; display:block; font-size:14px; font-weight:bold;}
.Prod li a:visited{ text-decoration:none; display:block; font-size:14px; font-weight:bold;}
.Prod li a:hover{ text-decoration:overline; display:block; background:#007bff; font-size:14px; height:41px; width:158px; text-decoration:none;}
.Prod li a:active{ text-decoration:overline; display:block; font-size:14px; height:41px; width:158px; text-decoration:none;}
.border{  border:1px solid #ffffff !important; border-top:none;height: 551px;}
.zzjs_net1{ padding-top:15px; padding-left:20px; line-height:20px;}
.Productst1{ padding-top:15px; padding-left:20px; line-height:20px;}
.Productst1_1{ float:left; text-align:center; margin-left:23px; margin-top:10px; margin-bottom:5px;}
.Productst1_1 img{ border:1px solid #CCC; margin-bottom:5px; }
.Productst1_2{ border:1px solid #ccc; padding:2px;}
.Productst1_1 p a{font-size: 15px;}
.come{width: 300px;height:400px;margin-top: 20px; background-color: white; margin-left:10px;box-shadow: 3px 3px 10px rgb(202, 199, 199);float: left;}
.imgg{width: 250px;height: 50px; margin-left: 25px; margin-top: 5px;}
.imgg1{width: 200px;height: 200px; margin-left: 60px;margin-top: 15px;}
.at{width: 100%;height: 40px;font-size: 15px;text-align: center;line-height: 40px;margin-top: 10px;}
.op{width: 260px;height: 30px;font-size: 12px;color: rgb(150, 146, 146);margin-left: 20px;margin-top: 5px;}
.dise{display:block;}
.undise{display:none;}
.pro{width:788px; float:left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 1px 1px 1px #ccc, 1px -1px 1px #ccc, -1px 1px 1px #ccc, -1px -1px 1px #ccc;}
.pro2{ width:790px; height:30px; border-bottom:1px solid #CCCCCC; font-size:14px; font-weight:bolder;line-height: 30px;text-indent: 32px;background: url(../img/more.gif) 15px 8px no-repeat #f9c48a;}
@media (max-width:480px){
	#Productst{width: 470px!important; margin-left: 1px;}
	#zzjs_net1{width: 470px!important;}
	#zzjs_net2{width: 470px!important;}
	#zzjs_net3{width: 470px!important;}
	#zzjs_net4{width: 470px!important;}
	.come{width: 220px;height: 375px;margin-left: 7px;}
	.Prod li{width:97px;}
	.imgg{width: 190px;margin-left:9px;margin-top: 2px;}
	.imgg1{width:180px; height:180px;margin-left: 19px; margin-top:1px;}
	.at{margin-top: 2px;}
	.op{width: 200px;margin-left: 12px;margin-top: 2px;}
	.met_pager{margin-left:10px !important; margin-bottom: 100px;}
	.c{width: 400px !important;}
	.ab{display: none;}
	.container{padding: 0;}
}
@media (max-width:414px){
	#Productst{width: 100% !important; margin-left: 1px;}
	#zzjs_net1{width: 100%!important;}
	#zzjs_net2{width: 100%!important;}
	#zzjs_net3{width: 100%!important;}
	#zzjs_net4{width: 100%!important;}
	.come{width: 48%;height:auto;margin-top: 20px; background-color: white; margin-left:2px;box-shadow: 3px 3px 10px rgb(202, 199, 199);float: left;}
	.Prod li{width:80px;}
	.imgg{width:95%; height:auto;margin-left:5px;margin-top: 2px;}
	.imgg1{width:95%; height:auto;margin-left: 5px; margin-top:1px;}
	.at{margin-top: 2px;}
	.op{width: 95%;margin-left: 5px;margin-top: 2px;height: 40px;overflow: hidden;}
	.met_pager{margin-left:10px !important; margin-bottom: 100px;padding-bottom: 80px;}
	.c{width: 100% !important;}
	.ab{display: none;}
	.container{padding: 0;}
	.Prod li {
	    margin: 2px 5px 2px 1px;
	}
}
@media (min-width:480px) and (max-width:990px){
	#Productst{width: 100%; margin-left: 1px;}
	#zzjs_net1{width: 100%;}
	#zzjs_net2{width: 100%;}
	#zzjs_net3{width: 100%;}
	#zzjs_net4{width: 100%;}
	.come{width: 30%;height: 375px;margin-left: 10px;}
	.Prod li{width:90px;}
	.imgg{width: 95%;margin-left:5px;margin-top: 2px;}
	.imgg1{width:90%; height:180px;margin-left: 10px; margin-top:1px;}
	.at{margin-top: 2px;}
	.op{width: 95%;margin-left: 12px;margin-top: 2px;}
	.met_pager{margin-left:10px !important; margin-bottom: 100px;padding-bottom: 80px;}
	.c{width: 100% !important;}
	.ab{display: none;}
	.container{padding: 0;}
	.Prod li {
	    margin: 2px 5px 2px 1px;
	}
}
/* 底部导航 */
.met_pager {
	margin-top: 20px;
	margin-left: 320px;
}
.met_pager * {
	display: inline-block;
}
.met_pager a {
	padding: 9px 15px;
	font-weight: bold;
	border-right: none;
	background: #fff;
	text-align: center;
	color: #76838f;
}
.met_pager a:hover {
	background: #f5f5f5;
	text-decoration: none;
}
.met_pager a.NextA {
	border-right: 1px solid #e4eaec;
}
.met_pager .PreSpan, .met_pager .NextSpan {
	padding: 9px 15px;
	border: 1px solid #e4eaec;
	background: #fff;
	color: #ccd5db;
	cursor: default;
}
.met_pager .firstPage, .met_pager .lastPage {
	min-width: 40px;
	height: 28px;
	line-height: 28px;
}
.met_pager a.Ahover {
	border-color: #2C8AE3;
	background: #2C8AE3;
	color: #fff;
	cursor: default;
}
.met_pager a.Ahover:hover {
	border-color: #C69500;
	background: #C69500;
	color: #fff;
}
.met_pager a {
	text-decoration: none;
}
.met_pager a:active, .met_pager a:focus, .met_pager a:hover {
	text-decoration: none;
}
.met_pager .PageText {
	display: none;
	margin-left: 10px;
	color: #aaa;
}
.met_pager input {
	display: none;
}