﻿@import url("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:#333333;
	line-height: 25px;
	background-image: url(../images/bg.gif);
	background-repeat: 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;}
p{line-height:20px;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.fl,li{float:left;}
.fr{float:right;}
.m10{padding-top:10px;/*margin-top:10px;*/}
.m-10{margin-top:10px;}
.pp10{padding-top:10px;}
.m5{margin-top:5px;}
.ovr{overflow:hidden;}
.p5{padding:5px;text-align:justify}
.p10{padding:10px;text-align:justify}
.p15{padding:15px;text-align:justify}
.w1003{width:1003px;margin-left:auto;margin-right:auto;}
a:link,a:visited{color:#333333;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
a.hong:link,a.hong:visited{color:#FF0000;}
a.hong:hover{color:#FF0000;}
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;}
a.mu:link,a.mu:visited,a.mu:hover{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}

/* === 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 === */
.chanpin h3{color:#000000;font-size:12px;padding:5px 0;margin:0px;text-indent:0px;}
.cp-show{float:left;width:155px;text-align:center;}
.cp-photo{border:solid #818487 1px;width:140px;text-align:center;padding:2px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:90px;}
.cp-photo img {vertical-align:middle; border:0;}
.show{padding:10px;}
.show h2,.show h3{font-size:12px;padding:10px 0 0;text-align:center;text-indent:0px;font-weight:normal;width:auto;}
.show dt{
	float:left;
	width:500px;
	line-height:24px;
	border-bottom:solid 1px #CCC;
	text-indent:20px;
	background-image: url(../images/news_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.show dd{float:left; width:100px; line-height:24px; border-bottom:solid 1px #CCC;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;width:625px;text-align:center;}
.demo-left{width:154px;height:150px;}

/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10{width:100px;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;
	display:none;
	filter:alpha(opacity=80);
	background-color: #EFEFEF;
	border: 1px solid #999999;
}
.proclass ul{text-align:left;}
.proclass ul li a{
	display:block;
	color:#fff;
	text-align: center;
}
.proclass ul li {
}
.proclass ul li a:hover{text-decoration:none;color:#000;}
.proclass ul li a:visited{color:#000;}

/* === Your CSS Add Underside === */
h1 {
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	color: #811D07;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
h3 {
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
h4 {
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	color: #c84d03;
}
h5 {}
h6 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.box {
	width: 835px;
	overflow-x:hidden;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
.top_left {
	width: 453px;
	float: left;
}
.top_rigft {
	float: right;
	height: 86px;
	width: 362px;
	background-image: url(../images/index2_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	padding-right: 20px;
}
.top_mu {
	background-image: url(../images/index2_06.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 31px;
	width: 835px;
}
.top_mu li {
	line-height: 31px;
	float: left;
	height: 31px;
	width: 91px;
}
.top_banner {
	background-image: url(../images/Index_08.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 23px;
	overflow:hidden;
	width:835px;
	height:205px;
	padding:0 5px 0 5px;
}
.box_left {
	float: left;
	width: 180px;
}
.box_right {
	float: left;
	width: 645px;
	padding-left: 10px;
}
.foot {
	text-align: center;
	padding-top: 19px;
	padding-bottom: 30px;
	background-image: url(../images/index2_18.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.foot1 {
	text-align: center;
	line-height: 20px;
	background-color: #e1e1e1;
	margin-top: 10px;
}
.box_left_kuan {
	border: 1px solid #ffe479;
	background-image: url(../images/Index_18.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 1px;
	background-color: #FFF5D2;
}
.foofotme {
	line-height: 18px;
	background-color: #FFFFFF;
	height: 15px;
	border: 1px solid #CCCCCC;
}
.test01 {
	line-height: 25px;
	background-image: url(../images/Index_26.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
}
.NewsTitle {
	background-image: url(../images/news_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}
.test05 {
	background-image: url(../images/Index_26.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.xx {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
}
.kuankuan {
	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: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
}
.index_news_kuan1 {border: 1px solid #fecf70;}
.index_news_kuan2 {	
	background-image: url(../images/index2_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1px;
}
