html{
background:url(../images/html_bg.jpg) repeat;
}
body
{
background:url(../images/bg.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
a{text-decoration:none;}
h1{
font-size:30px;
margin:0px;
padding:10px 0 10px 0;
color:#fff;
font-weight:normal;
}
.clear{
clear:both;
}
img{border:0}
ul,li{list-style:none;}
.wrap{
width:880px;
margin:auto;
padding:0 40px 0 40px;
/*background:url(../images/header_bg.jpg) no-repeat top right;*/
}
.header{
width:880px;
height:100px;
overflow:hidden;
}
.logo{
padding:0 0 0 0px;
float:left;
}
.header h1{clear:both;text-indent:-9999px;height:5px;overflow:hidden; display:block;}
/*-----------------------------menu-------------------*/
#menu{
width:880px;
height:38px;
background:url(../images/menu_bg.jpg) no-repeat left;
margin:auto;
clear:both;
float:left;
}
#menu ul{
width: 880px;
float:left;
display:block;
list-style:none;
padding:2px 0 0 0;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:37px;
}
#menu ul li a{
display:block;
padding:0px;
padding:0 18px 0 30px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
}
#menu ul li.selected a{
display:block;
padding:0px;
padding:0 30px 0 30px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
background:url(../images/bt_a.jpg) no-repeat center;
}
#menu ul li a:hover{
color:#D94F25;
text-decoration:none;
}
/*----------------tab_bg---------*/
.tab_bg{
width:880px;
height:270px;
margin:15px 0 0 0;
background:url(../images/tab_bg.jpg) no-repeat bottom center;
}
.tab_bg2{
width:880px;
height:270px;
margin:15px 0 0 0;
background:url(../images/tab_bg.png) no-repeat bottom center;
_background:url(../images/tab_bg2.gif) no-repeat bottom center;
}
.tab_left{
width:580px;
float:left;
padding:0 0 0 5px;
}

.tabs{
width:276px;
float:right;
padding:50px 10px 0 0;
}
.tab{
display:block;
width:276px;
height:67px;
margin:0 0 4px 0;
text-decoration:none;
}
.tab a{display:block; width:270px; height:60px;}

.tab1{
background:url(../images/tab_bg1.png) no-repeat center bottom;
}
.tab2{
background:url(../images/tab_bg2.png) no-repeat center bottom;
}
.tab3{
background:url(../images/tab_bg3.png) no-repeat center bottom;
}

.tab4{
background:url(../images/ltab_bg1.png) no-repeat center bottom;
}
.tab5{
background:url(../images/ltab_bg2.png) no-repeat center bottom;
}
.tab6{
background:url(../images/ltab_bg3.png) no-repeat center bottom;
}
#slidercontent{position:relative;width:880px; height:295px;; margin:0 auto;overflow:hidden; }
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		width:880px;
		height:295px;
		overflow:hidden; 
		}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
		display:block;
		width:60px;
		height:52px;
		position:absolute;
		top:140px;
		left:-10px;
		z-index:1000;
		}	

#nextBtn, #slider1next{ 
		left:830px;
		}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
		display:block;
		width:60px;
		height:52px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}
#prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
}		
/*-------------------center_content------------*/
.center_content_index{
width:880px;
clear:both;
padding:10px 0 30px 0;
}
.center_content{
width:880px;
clear:both;
padding:10px 0 30px 0;
}
#center_content H2 {
	BORDER-BOTTOM:#B2BFA7 1px solid; PADDING-BOTTOM: 18px;_PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 10px; FONT: bold 16px Tahoma, Geneva, sans-serif; COLOR: #4f4f4f; PADDING-TOP: 15px
}
#center_content P {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 3px
}
#center_content UL {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT: 12px/1.6em Tahoma, Geneva, sans-serif; COLOR: #666666; PADDING-TOP: 10px
}
#center_content SPAN {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT: 12px/1.6em Tahoma, Geneva, sans-serif; COLOR: #666666; PADDING-TOP: 10px
}

#center_content .news {
	MARGIN: 0px 10px 0 0; WIDTH: 300px; FLOAT: left
}
#center_content .news H2 {
	BACKGROUND: url(../images/bar1.png) no-repeat left center;
}
#center_content .news a {color:#d73508;}

#center_content .event {
	MARGIN: 0px 10px 0 0; WIDTH: 100%; FLOAT: left
}
#center_content .event H2 {
	BACKGROUND: url(../images/bar4.png) no-repeat left center; ;
}
#center_content .event a {color:#d73508;}

#center_content .eventbox{ border-bottom:1px #ccc dotted; height:110px; margin-bottom:20px; overflow:hidden;}
#center_content .eventpic{border:1px #ccc solid; padding:6px; width:400px; float:left}
#center_content .eventpictxt{padding:6px; width:450px; float:left}
#center_content .eventpictxt h3{padding:0; margin:0; color:#1f87f2; font-size:14px; font-weight:bold}
#center_content .eventpictxt span{ padding:0}
#center_content .eventpictxt p{width:100px; padding:0px; text-align:center; background:#EFEFEF; border:1px #ccc solid; height:25px;float:right; line-height:25px}

#center_content .contact {
	MARGIN: 0px 20px; WIDTH: 270px; FLOAT: left
}
#center_content .contact H2 {
	BACKGROUND: url(../images/bar3.png) no-repeat left center;
}
#center_content .works {
	MARGIN: 0 0 0 10px; WIDTH: 248px; FLOAT: right
}
#center_content .works H2 {
	BACKGROUND: url(../images/bar2.png) no-repeat left center;
}
#center_content .works h1,.works ul,.works li{list-style-type:none;text-indent:-9999px;}

#product_slide {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 5px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 242px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 198px
}

#center_content .mainleft{MARGIN: 0 10px 0 0; WIDTH: 208px; FLOAT: left; padding-left:2px;}
#center_content .mainright{MARGIN: 0 0 0 6px; WIDTH: 650px; FLOAT: right}
#center_content .main_left_top {WIDTH: 100%; HEIGHT: 86px}
#center_content .main_left_bottom_top {
	WIDTH: 202px; FLOAT: left; HEIGHT: 16px
}
#center_content .main_left_bottom_content {
	WIDTH: 202px; BACKGROUND: url(../images/main_left_bottom_content_bg.png) repeat-y; FLOAT: left;
}
#center_content .main_left_bottom_bottom {
	WIDTH: 202px; BACKGROUND: url(../images/main_left_bottom_bottom_bg.png) no-repeat; FLOAT: left; HEIGHT: 12px
}
#center_content .main_left_bottom_content a{font-size:12px; color:#fff;}

#center_content .main_right_top {
	WIDTH: 100%; BACKGROUND: url(../images/main_right_top_bg.png); HEIGHT: 32px; margin-bottom:10px;
}
#center_content .main_right_top P {
	WIDTH: 400px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 30px; PADDING-TOP: 9px; color:#fff
}

#center_content .text_content{color:#333333; padding-left:10px;}
#center_content .text_content p{clear:both;padding-left:0px;}
#center_content .text_content span{clear:both; padding:0px;}
#center_content .text_content td{padding:5px 5px 5px 5px;}

#center_content .text_content2{color:#333333; padding-left:10px;}
#center_content .text_content2 p{clear:both;padding-left:0px;}
#center_content .text_content2 span{clear:both; padding:0px;}
#center_content .text_content2 td{padding:5px 5px 5px 5px;}
#center_content .text_content2 img{ border:1px #0099CC dotted}

#center_content .sublist{margin:0 auto; padding:5px 10px 5px 12px;width:600px; height:auto}
#center_content .sublist a{width:160px; height:auto; display:inline; float:left; border:1px #9c9b9b dotted; line-height:25px; margin:0 5px 5px 0; text-align:center; color:#000000}
#center_content .sublist a:hover{border:1px #46AAF4 solid;}
#center_content h1{font-size:12px;font-weight:bold; margin-bottom:5px; border:none;border-bottom:1px #589d1f dotted;padding:5px 0 5px 0; background:none; color:#575546;}
#center_content h1 a{color:#000000;}

#center_content .listitem {
	clear: both;
	border: 1px solid #186593;
	color: #333;
	margin: 6px 6px 10px 0;
	padding: 5px;
	width:625px;
	line-height: 1.5;
}
#center_content .listitem .title {
	color: #000000;
	font: bold 12px Tahoma,sans-serif;
}
#center_content .listitem .body {
	font-family: Tahoma,sans-serif;
	font-size: 12px;
	text-align: justify;
}
#center_content .listitem .quote {
	border-left: 4px solid #43b7d0;
	clear: both;
	color:#6699FF;
	display: block;
	font: 12px Tahoma,sans-serif;
	margin: 12px 0 12px 16px;
	padding-left: 12px;
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width:870px;
height:95px;
margin:auto;
color:#B3B3B3;
padding:5px 5px 0 5px;
/*border-top:1px #B2BFA7 dotted;*/
background:url(../images/footbg.jpg) no-repeat;
}
.copyright{
float:right;
padding-left:10px;
padding-top:18px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:18px;
}
.footer_links a{
text-decoration:none;
color: #003156;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #003156;
}

/*----link-----*/
.link { height:32px; overflow:hidden;}
.link a{color:#F3F3F3; width:145px; float:left;}

/*-----------------------------footer end------------------*/

/*-----------------------------form------------------*/
#frminput{
clear:both;
width:100%;
}
#frminput label {
	DISPLAY: block; padding:5px 0 5px 0;
}
#frminput input{
	BORDER-RIGHT: #9e9fa2 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #9e9fa2 1px solid; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #9e9fa2 1px solid; WIDTH: 260px; PADDING-TOP: 4px; BORDER-BOTTOM: #9e9fa2 1px solid; HEIGHT: 19px; float:left; color:#0c9cef;
}
TEXTAREA {
	CLEAR: right; BORDER-RIGHT: #9e9fa2 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #9e9fa2 1px solid; DISPLAY: block; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; FONT: 11px Verdana, Arial, sans-serif; BORDER-LEFT: #9e9fa2 1px solid; WIDTH: 260px; PADDING-TOP: 4px; BORDER-BOTTOM: #9e9fa2 1px solid; HEIGHT: 100px; float:left;color:#0c9cef;
}
.btn{
border:1px solid #e0e5e9;
background:#e0e5e9;
color:#000000;
font-weight:bold;
cursor:pointer;
width:60px;
height:25px;
}
.btn_red{
border:1px solid #e0e5e9;
background:#e0e5e9;
color:#000000;
font-weight:bold;
cursor:pointer;
width:60px;
height:25px;
}
/*-----------------------------form end ------------------*/

/*-----------------------------main content------------------*/

#Infolist{list-style:none;margin-bottom:10px;width:630px;}
#Infolist li{ overflow:hidden; padding:8px 0;border-bottom:1px #9c9b9b dotted; line-height:150%;}
#Infolist span{ float:left; width:440px;overflow:hidden; }
#Infolist .Infocont{width:150px; float:right; color:#0099CC; text-align:right }
#navigationbar{width:400px; height:30px; line-height:30px;color:#CCCCCC;margin-right:10px;position:absolute; bottom:0; right:0; text-align:right;}
#navigationbar a{color:#fff;}
#titlebar{padding:5px 0 5px 3px; margin-bottom:5px;border:1px #CCCCCC solid; background:#EBF9FC;color:#999999}
#keywordspan{height:25px; line-height:25px;}
#keywordspan a{color:#999999}
#keywordspan2{border:1px #CCCCCC solid; background:#EBF9FC;padding:3px; line-height:25px; margin-top:10px; }

/*** Search   */
.search {WIDTH: 200px;_WIDTH: 206px; margin-top:30px; overflow:hidden;}
.search FORM {PADDING-TOP: 15px}
.search FORM INPUT {
	FLOAT: left
}
.search FORM INPUT.text {
	PADDING-BOTTOM: 12px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; text-indent:5px; WIDTH: 163px; PADDING-RIGHT: 0px;BACKGROUND: url(../images/search_bg.gif) no-repeat 50% top; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 12px; COLOR: #4b4b4b; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 12px;
}
.search FORM INPUT.button_search {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 37px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 36px; PADDING-TOP: 0px
}

#psearch{margin-top:15px;float:right;}
.psearchInput{background: #ffffff url(../images/searchInput.gif) no-repeat;padding-left:23px;border:0;height:19px;width:185px;line-height:19px;float:left;}
.psearchBtn{background:url(../images/searchBtn.gif) no-repeat;height:21px;width:53px;cursor:pointer;border:0;float:left;}


/*======= product style */
.classsublist{
	clear: both;
	border: 0;
	color: #333;
	padding: 10px 0 0 3px;
	width:630px;
	line-height: 1.5;
}
.classsublist a{ width:185px; height:auto; display:inline; float:left; border:1px #9c9b9b dotted; line-height:25px; margin:0 5px 5px 0; text-align:center; color:#000000}
.classsublist a:hover{ width:185px; height:auto; display:inline; float:left; border:1px #9c9b9b dotted; line-height:25px; margin:0 5px 5px 0; text-align:center; background:#3399CC; color:#ffffff;}

FIELDSET {
	BORDER: #000000 1px solid;padding:10px
}
LEGEND {
	FONT: bold 14px Verdana, Georgia, "Times New Roman", Times, serif; COLOR:#000000;#padding:0 0 5px 0;_padding:padding:0 0 5px 0
}


#goodsList {
	PADDING-BOTTOM: 0px; 
}
#goodsList UL {
	width:100%; margin:0; padding:0; margin-bottom:12px;
}
#goodsList .bgcolor {
	BORDER-BOTTOM: 1px #666666 dotted; BORDER-TOP: 1px #666666 dotted; overflow:hidden; background:url(../images/lbg.png) repeat-x;
}
#goodsList LI {
	FLOAT: left; PADDING-TOP: 8px
}
#goodsList LI.thumb {
	TEXT-ALIGN: center; WIDTH: 120px
}
#goodsList LI.thumb IMG {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 100px; PADDING-RIGHT: 1px; HEIGHT: 83px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px
}
#goodsList LI.goodsName {
	WIDTH: 380px; MARGIN-RIGHT: 10px
}
#goodsList LI.action {
	FLOAT: right; MARGIN-LEFT: 10px;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px
}
.gallery li {
	padding: 10px 25px 10px 5px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 160px;
	#padding: 10px 25px 10px 3px;
	_padding: 10px 25px 10px 3px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallery em {
	background: #fff url(../images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 110px;
	left: 0px;
	border: 1px solid #999;
	border-left-color: #888;
}
.gallery a {
	text-decoration: none; color:#000000
}
.gallery a:hover em {
	background: #ffdb01 url(../images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}

.gallery li span{clear:both; display:block;text-align:center;width:155px;overflow:hidden;border: 1px solid #999;background:#fff; height:25px; line-height:25px;}

#product_img_big{
width:210px;
padding:5px 0 0 0;
float:left;
text-align:center;
}
/*#product_img_big img{width:200px; height:250px; border:3px #80bf15 inset; margin-bottom:5px;}*/
#product_img_big img{width:200px; height:250px; margin-bottom:5px; border:2px #0099CC solid; }
#details_big_box{
width:400px;
float:right;
padding:5px 0 0 20px;
text-align:left;
}
#details_big_box .product_title_big{
color:#fff;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
border-bottom:1px #333333 solid;
}
#details_big_box .descriptions{
font-size:12px;
line-height:18px;
}
#details_big_box .descriptions span{
display:block;
width:100%;
border-bottom:1px #333333 dotted;
padding:5px 0 5px 0;
}
#details_big_box .descriptions em{
color:#000000;font:12px , Verdana, Lucida, Helvetica, Arial, sans-serif; font-weight:bold; margin-right:10px;
}
#details_big_box .blue{
color:#159DCC;font:12px , Verdana, Lucida, Helvetica, Arial, sans-serif;
}


/* tooltabs */
.tooltabs_body {
background:#E9F5FC;
font-family:arial;
font-size:12px;
border-left:1px solid #3399CC;
border-right:1px solid #3399CC;
border-bottom:1px solid #3399CC;
padding:10px;
width:300px;
}
.tooltabs_head {
background:#A7CFED;
font-family:arial;
font-size:12px;
font-weight:bold;
border:1px solid #3399CC;
padding:5px 10px 5px 10px;
width:300px;
}
/*-----------------------------main right content end -----------------*/

#tab_other_bg{
width:880px;
height:150px;
clear:both;
margin:10px 0 0 0;
float:left;
}

#lastnews{display:none;}

#indexlist a{ color:#000000}
#indexlist h1{ clear:both;font-size:12px;font-weight:bold; margin:0 auto; margin-top:10px; margin-bottom:5px;border-bottom:1px #9c9b9b dotted;padding:5px 0 5px 0;}
#indexlist .sublist{margin:0 auto; padding:5px 0 5px 18px;}
#indexlist .sublist a{border-bottom:1px #9c9b9b dotted; line-height:30px; margin:0 5px 5px 0; text-align:left; height:30px; text-decoration:none; padding:0 5px 0 5px; display:block;}
#indexlist .sublist a:hover{ border:1px #66CC00 solid;}