/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{font-size:12px;background:#fff;color:#000; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input{vertical-align:middle;}
table{border-collapse:collapse;}
ul{list-style:none;line-height:24px;}
p{line-height:24px;margin-bottom:12px;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.m10{margin-top:10px;}
.m5{margin-top:5px;}
.w1003{width:1003px;margin-left:auto;margin-right:auto;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
a.bai:link,a.bai:visited{color:#fff;}
a.bai:hover{color:#faa;}
a.hei:link,a.hei:visited{color:#000;}
a.hei:hover{color:#666;}
a.hui:link,a.hui:visited{color:#666;}
a.hui:hover{color:#000;}

/* === Page CSS === */
.page{padding:20px;line-height:normal;}
.page a{display:block;padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;color:#000;}
.page a:hover{background:#999;color:#fff;}
.pagedefault{padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;background:#999;color:#FFF;}
.pageno{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px 3px 3px 12px;}
.pageall{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px;}
.left-cp li{cursor:pointer;}
.left-cp li li{cursor:auto;}
.error{width:800px; height:200px; margin:20px auto; text-align:center; font-weight:bold;}

/* === Product List Page CSS === */
.chanpin h3{color:#000000;font-size:12px;padding:5px 0;margin:0px;text-indent:0px;}
.cp-show{float:left;padding:0 5px 5px;height:200px;width:165px;}
.cp-photo{border:solid #818487 1px;height:152px;width:162px;text-align:center;padding:2px;}
.show{padding:10px;}
.show_vi img{
	padding: 3px;
	border: 1px solid #EC0080;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F8BFDE;
}
.show h2,.show h3{font-size:12px;padding:10px 0 0;text-align:center;text-indent:0px;font-weight:normal;}
.show dt{float:left; width:500px; line-height:24px;}
.show dd{float:left; width:100px; line-height:24px;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;height:150px;width:500px;margin:10px;text-align:center;}
.demo-left{width:150px;height:150px;}

/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10{width:108px;margin:23px 0px 0px 0px;}
#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10{display:none;}

/* === All Menu Class === */
.proclass{position:absolute;z-index:999;background:#1B6F9B;display:none;}
.proclass ul{line-height:21px;border-top:solid 1px #431e03;border-left:solid 1px #431e03;border-right:solid 1px #431e03;text-align:left;}
.proclass ul li a{display:block;color:#fff;height:20px;padding-left:10px;border-bottom:solid 1px #431e03;}
.proclass ul li a:hover{text-decoration:none;color:#f00;}
.proclass ul li a:visited{color:#fff;}

/* === Your CSS Add Underside === */
a.font1:link {
	text-decoration: none;
		color: #ec007f;
}
a.font1:visited {
	text-decoration: none;
	color: #ec007f;
}
a.font1:hover {
	text-decoration: underline;
	color: #ec007f;
}
a.font1:active {
	text-decoration: none;
	color: #ec007f;
}

a.menu:link {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}
.dh li{
	display: block;	
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	background-image: url(../images/index_003.gif);
	background-repeat: no-repeat;
	width:109px;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float:left;
	padding-right:2px;
}
.dh li a:link,.dh li a:visited{display: block; color:#fff;text-decoration:none;}
.dh li a:hover{
	display: block;		
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	background-image: url(../images/index_002.gif);
	background-repeat: no-repeat;
	width:109px;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float:left;
}
.dh li a.menuon{
	display: block;	
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	background-image: url(../images/index_002.gif);
	background-repeat: no-repeat;
	width:109px;
	text-align: center;
	line-height: 36px;
	float:left;
}
.dh li a.menuon:link,.dh li a.menuon:visited{color:#fff;text-decoration:none;}
.dh li a.menuon:hover{color:#fff;text-decoration:none;}
a.bottom:link {
	text-decoration: none;
		color: #969494;
}
a.bottom:visited {
	text-decoration: none;
	color: #969494;
}
a.bottom:hover {
	text-decoration: underline;
	color: #ec007f;		
}
a.bottom:active {
	text-decoration: none;
	color: #969494;
}
.img{ border:#c8c6c6 solid 1px; padding:2px;}
.line24{ font-size:12px; color:#414141; line-height:24px}
.textfiled{background-image:url(images/index_018.gif); background-repeat:repeat-x;width:100px; height:14px; border:#cccccc solid 1px;}
.smalldh{padding:10px 0 10px 0;border:#dddddd solid 1px;}
.smalldh ul{ margin-left:15px;}
.smalldh li{
	line-height: 22px;
	background-image: url(../images/index_021.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	width: 156px;
}
.smalldh ul ul{ margin-left:0px;}
.smalldh li li{
    background-image: url(../images/index_021.gif);
	background-repeat: no-repeat;
	width:125px;
	padding-left:15px;
	margin-left:0px;
	}
.s_top{ height: 101px; width: 1003px; margin:0 auto; background:url(../images/s_top_bg.gif) top repeat-x;}
.s_title{ height: 101px; width: 484px; padding-left:25px;}
.s_swf{ height: 360px; width: 1003px; margin:0 auto;}
.s_bottom{ height: 159px; width: 1003px; margin:0 auto; background:url(../images/s_bottom_bg.gif)  repeat-x;}
.s_ying{ height: 19px; width: 222px; margin:0 auto; background:url(../images/s_ying.gif);}
.s_bq{width: 800px; margin:0 auto; background:url(../images/s_bq_bg.gif) no-repeat; text-align:center; padding-top:26px; line-height:25px; color:#666;}
.main_foot{
	background-color:#F0F0F0;
	margin-top:1px;
	line-height:22px;
	padding-left:10px;
	padding-right:10px;
	width:983px;
	margin-right: auto;
	margin-left: auto;
}
.s_anner{ height:30px; width: 483px; margin:0 auto; background:url(../images/s_anner_bg.gif); margin-top:20px;}
.anner{ height:30px; width: 222px; margin:0 auto;}
.anner ul {float: left;list-style-type: none; height:30px;}
.anner li {
	float: left;
	height: 30px; 
	width: 110px;
	display: block;
	text-decoration: none;
    color:#FFF;
	line-height:30px;
	padding-right:1px;
	text-align: center;
}
.anner li a:link,.anner li a:visited {
	font-size: 12px;
    height: 30px; 
	width: 110px;
	display: block;
	color:#FFF;
	text-decoration: none;
	background:url(../images/s_hui_bg.gif);
	font-weight: bold;
}
.anner li a:hover {
	font-size: 12px;
	color:#FFF;
    height: 30px; 
	background-image: url(../images/s_red_bg.gif);
	width: 110px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
}	
