@import url("../lightbox/lytebox.css");
/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{
	font-size:12px;
	color:#000000;
	background-color: #0054B2;
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
}
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;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.text_c{ text-align:center}
.m10{margin-top:10px;}
.m5{margin-top:5px;}
.w1003{width:1003px;margin-left:auto;margin-right:auto; background-color:#FFFFFF;}
a:link,a:visited{color:#000000;text-decoration:none;}
a:hover{color:#f00;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:10px;line-height:normal;text-decoration:none;text-indent:0px;}
.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 === */
.baoti{ height:30px;line-height:30px;font-weight:bold; background:#FCF; padding-left:20px;}
.baoti_l{width:230px; font-weight:bold;}
.baoti_r{width:300px; text-align:right;}
.chanpin h3{color:#000000;font-size:12px;padding:5px 0;margin:0px;text-indent:0px;}
.cp-show{float:left;padding:0 10px 5px 7px;width:160px;height:180px; text-align:center;}
.cp-photo{border:solid #CCC 1px;height:150px;width:150px;text-align:center;padding:2px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:120px; margin-left:auto; margin-right:auto;}
.cp-photo img {vertical-align:middle; border:0;}
.show{padding:10px;}
.show_neirong p{ line-height:25px;}
.show h2,.show h3{font-size:12px;padding:10px 0 0;text-indent:0px;font-weight:normal;width:auto;}
.show dt{
	float:left;
	width:600px;
	line-height:24px;
	border-bottom: dashed 1px #CCC;
	text-indent:10px;
	background-image: url(../images/ico_news.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
}
.show dd{float:left; width:80px; line-height:24px; border-bottom:dashed 1px #CCC;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;height:180px;width:705px;margin:10px;text-align:center;}
.demo-left{
	width:154px;
	height:180px;
	padding-right: 10px;
}

/* === 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:#FFC;display:none;filter:Alpha(Opacity=90);}
.proclass ul{line-height:21px;border-top:solid 1px #86007A;border-left:solid 1px #86007A;border-right:solid 1px #86007A;text-align:left;}
.proclass ul li a{display:block;height:20px;padding-left:10px;border-bottom:solid 1px #86007A;}
.proclass ul li a:hover{text-decoration:none;color:#f00;}
.proclass ul li a:visited{}

/* === Your CSS Add Underside === */
.top{
	height:309px;
	background-image: url(../images/top_1.jpg);
	background-repeat: no-repeat;
}
.menu{height:35px; line-height:35px;color:#FFFFFF; background-color:#0054B2; width:700px;}
.menu ul{
	padding-top: 10px;
}
.menu li{
	float:left;
	padding-left: 18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 18px; line-height:15px; font-weight:bold;
}
.menu li a:link,.menu li a:visited{color:#FFFFFF;}
.menu_right{
	background-image: url(../images/menu_right.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 11px;
}
.mainbody{
	padding-top: 10px;
	padding-bottom: 12px;
}
.left_c{
	width: 212px;
	padding-right: 10px;
	margin-left: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0078C3;
	display: inline;
}
.left_c ul{ background-color:#E5EAF0;}
.left_contact{
	background-color:#E5EAF0;
	line-height: 23px;
	padding-left: 20px;
}
.left_c li{
	line-height: 35px;
	background-image: url(../images/left_li_bg.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 36px;
}
.left_class_title {
	line-height: 31px;
	background-image: url(../images/left_class_title_bg.jpg);
	height: 31px;
	padding-left: 15px;
	font-size: 15px;
	color: #FFFFFF;
}
.left_class_foot{ height:14px; background-image:url(../images/left_class_foot.jpg);}
.left_c_pic{
	background-image: url(../images/left_c_pic.jpg);
	height: 273px;
	width: 212px;
}
.right_c{
	width: 729px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	overflow:hidden;
}
.right_tbg{
	background-image: url(../images/right_tbg.jpg);
	font-size: 14px;
	line-height: 25px;
	padding-left: 30px;
}
.right_tbg h1{font-size: 14px;}
.right_show{ line-height:22px;}
.right_show_news{
	width:355px;
	display: inline;
	padding-right: 8px;
	overflow:hidden;
}
.right_show_news dl{}
.right_show_news dt{
	float:left;
	width:250px;
	line-height:24px;
	border-bottom: dashed 1px #CCC;
	text-indent:10px;
	background-image: url(../images/ico_news.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
}
.right_show_news dd{float:left; width:80px;; line-height:24px; border-bottom:dashed 1px #CCC;}
.right_about{
	line-height:25px;
	text-indent: 30px;
}
.foot{
	height:77px;
	line-height:77px;
	background-image:url(../images/foot_bg.jpg);
	text-align:center;
}