body {
margin:0; 
padding:0; 
font-size:12px; 
color:#333; 
font-family:Tahoma, Arial, Helvetica, sans-serif;
background:#2e875c;
}
ul,li {
margin:0; padding:0; list-style:none;
}
form {margin:0; padding:0;}
div {}
img {border:none;}
a {color:#333; text-decoration:none;}
a:active, a:hover {color:#930;}
.clear {clear:both; width:0; height:0; overflow:hidden;}
*{margin:0; padding:0;}

/*-----Layout-----*/
#pageBox {
	float: left;
	width: 1004px;
}
#header {
	width: 1004px;
	height: 128px;
	overflow: hidden;
}
#logo {
	float: left;
	width: 240px;
	height: 128px;
	overflow: hidden;
}
#headMenu {
	float: right;
	width: 764px;
	height: 128px;
	overflow: hidden;
}
#headMenu #top {
	width: 764px;
	height: 40px;
	background: url(images/menu_t.jpg) left top no-repeat;
}
.HeadMenu_m {width:764px; height:70px; overflow:hidden; background:url(Images/menu_m.jpg) no-repeat left top;}
.HeadMenu_m ul {margin:0 178px 0 133px; padding:0; list-style:none; width:453px; height:70px;}
.HeadMenu_m li {float:left; margin:0; padding:0; height:70px; color:#fff; font-size:12px; font-weight:bold; font-family:Arial;}
.HeadMenu_m li a#tab01 {display:block; margin-top:7px; width:84px; height:30px; background:url(Images/menu_m01.jpg) no-repeat left top;}
.HeadMenu_m li a#tab02 {display:block; margin-top:8px; width:107px; height:30px; background:url(Images/menu_m02.jpg) no-repeat left top;}
.HeadMenu_m li a#tab03 {display:block; margin-top:21px; width:82px; height:30px; background:url(Images/menu_m03.jpg) no-repeat left top;}
.HeadMenu_m li a#tab04 {display:block; margin-top:33px; width:84px; height:30px; background:url(Images/menu_m04.jpg) no-repeat left top;}
.HeadMenu_m li a#tab05 {display:block; margin-top:35px; width:96px; height:30px; background:url(Images/menu_m05.jpg) no-repeat left top;}
.HeadMenu_m li a#tab01:hover {background-position:left bottom;}
.HeadMenu_m li a#tab02:hover {background-position:left bottom;}
.HeadMenu_m li a#tab03:hover {background-position:left bottom;}
.HeadMenu_m li a#tab04:hover {background-position:left bottom;}
.HeadMenu_m li a#tab05:hover {background-position:left bottom;}
.HeadMenu_m li.current_tab a#tab01 {display:block; margin-top:7px; width:84px; height:30px; background:url(Images/menu_m01.jpg) no-repeat left bottom;}
.HeadMenu_m li.current_tab a#tab02 {display:block; margin-top:8px; width:107px; height:30px; background:url(Images/menu_m02.jpg) no-repeat left bottom;}
.HeadMenu_m li.current_tab a#tab03 {display:block; margin-top:21px; width:82px; height:30px; background:url(Images/menu_m03.jpg) no-repeat left bottom;}
.HeadMenu_m li.current_tab a#tab04 {display:block; margin-top:33px; width:84px; height:30px; background:url(Images/menu_m04.jpg) no-repeat left bottom;}
.HeadMenu_m li.current_tab a#tab05 {display:block; margin-top:35px; width:96px; height:30px; background:url(Images/menu_m05.jpg) no-repeat left bottom;}
#headMenu #bot {
	width: 764px;
	height: 18px;
	background: url(images/menu_b.jpg) left top no-repeat;
}
#divCon {
	width: 1004px;
}
.divCon {
	background: #fff url(images/sub_center_r.gif) right top no-repeat;
}
#divCon #leftSide {
	float: left;
	width: 306px;
}#divCon #menuLeftSide {
	float: left;
	width: 256px;
}
.leftSideBg {
	height: 425px;
	background:#fff url(images/indexleft_img.jpg) left top no-repeat;
}
.leftSideBg2 {
	height: 425px;
	background:#fff url(images/left_about.jpg) left top no-repeat;
}.leftSideBg3 {
	height: 425px;
	background:#fff url(images/left_news.jpg) left top no-repeat;
}
.leftSideBg4 {
	height: 425px;
	background:#fff url(images/left_contact.jpg) left top no-repeat;
}
.leftSideBg5 {
	height: 425px;
	background:#fff url(images/left_photo.jpg) left top no-repeat;
}
.leftSideBg6 {
	height: 425px;
	background:#fff url(images/left_comment.jpg) left top no-repeat;
}
.leftSideBg7 {
	background:#fff url(images/sub_left_m.gif) left top repeat-y;
}
.googleMap {
	width: 536px;
	height: 300px;
}
#divCon #midSide {
	float: left;
	width: 593px;
	background: #fff url(images/center_bg.gif) left top no-repeat;
}
#divCon #menuMidSide {
	float: left;
	width: 724px;
	background: #fff url(images/sub_center_t.gif) left top no-repeat;
	position:relative;
}
#comTitle {
	margin: 12px 20px 0px 32px;
	line-height: 26px;
	background: url(images/icon01.gif) left center no-repeat;
	padding-left: 20px;
	font-weight: bold;
	position:relative;
}
.openTime {
	width: 573px;
	height: 88px;
	padding-left: 10px;
	margin-top: 10px;
}
.openTime .leftCon {
	width: 21px;
	height: 88px;
	background: url(images/indexcbox1_l.gif) left top no-repeat;
	float: left;
}
.openTime .rightCon {
	width: 8px;
	height: 88px;
	background: url(images/indexcbox1_r.gif) left top no-repeat;
	float: left;
}
.timeAndCon {
	float: left;
	width: 542px;
	height: 88px;
	background:  url(images/indexcbox1_m.gif) left top repeat-x;
}
.timeAndCon .oTime {
	width: 253px;
	height: 78px;
	float: left;
	padding: 5px;
}
.timeAndCon .conTact {
	width: 253px;
	height: 78px;
	background:  url(images/indexcbox1_bg.gif) 0px 1px no-repeat;
	float: left;
	padding: 5px;
}
.timeAndCon .conTact ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
	list-style: none;
}
.timeAndCon .conTact li {
	line-height: 20px;
	background: url(images/art_icon01.gif) 0px 7px no-repeat;
	padding-left: 10px;
}
#indexBox {
	width: 583px;
	margin-top: 15px; 
}
#indexBox #service2 {
	float:left;
	width: 300px;
	height: 272px;
	background:url(images/indexcbox2_bg2.gif) left top no-repeat;
	overflow: hidden;
}
#indexBox #service2 #box1 {
	width: 250px;
	height: 178px;
	margin: 10px 0px 0px 20px;
	line-height: 18px;
}

#indexBox #service2 #box3 {
	width: 260px;
	height: 58px;
	margin: 15px 0px 0px 10px;
	line-height: 18px;
}
#indexBox #service2 #box3 img {
	padding:4px 3px 0px 3px;
}
#indexBox #service {
	float:left;
	width: 300px;
	height: 272px;
	background:url(images/indexcbox2_bg.gif) left top no-repeat;
	overflow: hidden;
}
#indexBox #service #box1 {
	width: 250px;
	height: 110px;
	margin: 10px 0px 0px 20px;
	line-height: 18px;
}
#indexBox #service #box2 {
	width: 260px;
	height: 58px;
	margin: 10px 0px 0px 10px;
	line-height: 18px;
}
#indexBox #service #box3 {
	width: 260px;
	height: 58px;
	margin: 15px 0px 0px 10px;
	line-height: 18px;
}
#indexBox #service #box3 img {
	padding:4px 3px 0px 3px;
}
#indexBox #service span {
	font-weight:bold;
	color: #2f875d;
}
#indexBox #service2 span {
	font-weight:bold;
	color: #2f875d;
}
#indexBox #video {
	float: left;
	width: 282px;
	height: 216px;
	background:url(images/indexcbox3_bg.gif) left top no-repeat;
	padding-top: 10px;
}
#rollPic {
	float: right;
	width: 105px;
	height: 425px;
	background:url(images/right_bg.gif) left bottom no-repeat;
}
#rollPicCon {
	margin: 0px auto;
	position: relative;
	width: 88px;
	height: 250px;
	background: url(images/floater_bg.gif) left top no-repeat;
	text-align: center;
}
#rollPicCon #top {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 12px;
	width: 88px;
	background: url(images/floater_t.gif) left top no-repeat;
	z-index: 99;
}
#rollPicCon #bot {
	position: absolute;
	left: 0px;
	top: 238px;
	height: 12px;
	width: 88px;
	background: url(images/floater_b.gif) left top no-repeat;
	z-index: 99;
}
#aboutCon {
	margin-top: 10px;
	margin-left: 35px;
	width: 536px;
	height: 377px;
	line-height: 18px;
	overflow-x: hidden;
	overflow-y: auto;
}
#menuTopTit {
   float: left;
	width: 256px;
	height: 58px;
	background: url(images/sub_left_t2.gif) left top no-repeat;
}
#menuCatCon {
   float: left;
	width: 188px;
	padding-top: 34px;
	padding-left: 40px;
	padding-right: 28px;
	background:url(images/catgories.gif) 40px 0px no-repeat;
}
#menuBotBg {
   float: left;
	width: 256px;
	height: 48px;
	background: url(images/sub_left_b2.gif) left top no-repeat;
}
#menuRightCon {
   margin-top: 20px;
	margin-left: 35px;
	width: 660px;
	_height: 400px;
	min-height: 400px;
}
#copyright {
	width: 1004px;
	margin-top: 8px;
	height: 30px;
	text-align: center;
}
#footer {
	float: left;
	width: 1004px;
	height: 80px;
	background: #fff url(images/foot_bg.gif) left top repeat-x;
}
#footer #nav {
	width: 1004px;
	height: 30px;
	margin-top: 5px;
	line-height: 30px;
	text-align: center;
}

/**/
#pages {clear:both; text-align:center; padding:4px 10px; line-height:1.4em; font-size:12px; color:#000;}
#pages span,
#pages a {display:inline-block;	margin-left:0.6em; padding:0 0.4em; border:1px solid #000; text-align:center;}
#pages a:hover {border:1px solid #ad8254; background:#ad8254; color:#fff;}
#pages b {display:inline-block;	margin-left:0.6em; padding:0; text-align:center;}

ul#catList {margin:0; padding:0; list-style:none;}
ul#catList li {float:left;width:188px;font-size:12px;}
ul#catList li a {
	width:180px;
	height: 21px;
	padding-left: 8px;
	padding-top: 3px;
	line-height: 16px;
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:#f2f2f2;
	border-top: 1px #fff solid;
	border-bottom: 1px #bdbdbd solid;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
ul#catList li a:hover {
	color: #D70504;
	text-decoration:none;
	background:#DAE9F3;
	border-bottom: 1px #9CC2DE solid;
}
ul#catList li.curCat a  {
	color: #D70504;
	text-decoration:none;
	background: #DAE9F3 url(images/art_icon02.gif) no-repeat left center;
	border-bottom: 1px #9CC2DE solid;
}
#menuSubCatList {margin:0 auto 10px auto; width:98%;}
#menuSubCatList ul {margin:0; padding:0; width:100%; list-style:none;}
#menuSubCatList ul li {float:left; margin-right:1em; background:url(images/arrow01.gif) 0 center no-repeat ; line-height:22px; height:22px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#menuSubCatList ul li.cur a {color:#ff0000;}
#menuCatInfo {margin:0 auto; width:98%; padding-bottom:0.8em; border-bottom:#ba9265 1px dotted;text-align:center;}
#menuCatInfo .title {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}
#menuPath {
   line-height: 18px;
	font-weight:bold;
	border-bottom:2px #960 solid;
	background: url(images/ico.gif) 0px 3px no-repeat;
	padding-left: 20px;
}
/* MenuList style1 */
#menuList {margin:0 auto; width:98%;}
#menuList .item {clear:both; width:100%; font-size:12px; list-style:none; border-bottom:#ddd 1px dotted; text-align:left;margin:4px 0px;}
#menuList .item td {
	padding-bottom:4px;
}
#menuList .item .sku {width:30px;font-size:11px;}
#menuList .item .name {font-weight:bold;}
#menuList .item .name span {float:left;color:#2f875d;}
#menuList .item .pepper {float:left; margin-top:2px; margin-left:5px;}
#menuList .item .view {float:left; margin-top:2px; margin-left:5px}
#menuList .item .price {width:140px;}
#menuList .item .price span {float:left; width:60px; text-align:left;font-weight:bold;font-size:11px;}
#menuList .item .price a {float:left;}
#menuList .item .order {width:70px; text-align:center;}

/* PhotoList style1 */
#photoList {margin:4px 0 0 8px;}
#photoList .item {float:left; display:inline; padding:0 15px 18px 15px; text-align:center; font-size:8pt; line-height:14px;}
#photoList .item a {display:block; padding:5px; width:120px; text-align:center; background:#f8eddc; border:#ceb184 1px solid; text-decoration:none;}
#photoList .item a:hover {background:#fff; border:#ff6600 1px solid;}
#photoList .item a img {width:120px; height:90px; margin-bottom:4px;}
#showPhoto {width:100%; margin:0.6em 0 0 0; text-align:center;}
#showPhoto img {margin-bottom:0.6em}

/**/
.comment_form_title {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px #e1e1e1 solid;
	margin-bottom: 5px;
	clear: both;
}
#editorDiv {
	border-left: 1px #e1e1e1 solid;
	border-right: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
}
#cmtFormBtm {
	padding: 5px;
	text-align: center;
}
.cmtItem {
	border-bottom: 1px #e1e1e1 dotted;
	margin-bottom: 2px;
}
.cmtItem .name {
	font-weight: bold;
}
.cmtItem .td4 {
	padding-left: 10px;
}
#videoPlay img {
	width: 282px;
	height: 238px;
}
#videoPlay #PlayerTitle{
	text-align:center;
	font-weight:bold;
	line-height:17px;
}
.OnlineOrder{ position:absolute;right:8px; top:3px;}