/* TAGS */
* {margin:0;padding:0}
html {min-width:920px} 
body {
	background:#000;
	font-family:"幼圆";
	font-size:100%;
	line-height:1em;
	color:#000;
	min-width:920px;
	border-top:10px solid #0c0e0e
}
.clear{
clear:both;
}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* GLOBAL */
#header, #content, #footer {font-size:1em;width:920px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right; }
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* TAILING */
.tail-top {background:url(images/tail-top.gif) left top repeat-x #fff}
.body-bg {background:url(images/body-bg.jpg) no-repeat center top}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* FORMS */
.search-form-div{width:240px; margin:auto;margin-bottom:20px; }
.search-form {
	border: 1px solid #B0B0B0;
	background: white url(images/search_bg.jpg) repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 10px;
	overflow: hidden;
	}
.search-form input {
	float: left;
	border: 0;
	background: transparent;
	width: 185px;
	padding: 4px;
	margin: 0;
	}
	.ie .search-form input {
		padding: 2px 4px 6px 4px;
	}
	.ie7 .search-form input {
		margin-left: -10px;
	}
	.ie6 .search-form input {
		margin-right: -80px;
	}
.search-form input.input-tip {
	color: #CCCCCC;
	}
.search-form button {
	float: right;
	border: 0;
	background: url(images/zoom.png) no-repeat 4px 4px;
	width: 23px;
	height: 23px;
	overflow: hidden;
	text-indent: 100px;
	padding: 0;
	margin: 0;
}

#contacts-form {clear:right;width:100%;overflow:hidden; font-family:Arial,Helvetica,sans-serif !important}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:106px;line-height:18px;padding-bottom:8px}
#contacts-form input {width:246px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#70635b;background:#fff}
#contacts-form textarea {
	width:443px;
	height:200px;
	padding:1px 0 1px 3px;
	border:1px solid #e2e2e2;
	color:#4e4e4e;
	background:#fff;
	margin-bottom:15px;
	overflow:auto
}
/* LISTS */
.list {margin-bottom:-11px}
.list li {padding:0 0 11px 98px;min-height:74px;height:auto!important;height:74px;background:url(images/icon.png) no-repeat left top;line-height:1.43em;position:relative}
.list li strong {display:block;font-size:.86em;padding-bottom:5px}
.list li a {color:#4e4e4e;text-decoration:none}
.list li a:hover {text-decoration:underline}
.list1 {margin-bottom:-20px}
.list1 li {padding:0 0 20px 0;line-height:1.43em;width:100%;overflow:hidden;vertical-align:top}
.list1 li img {float:left;margin:5px 21px 0 0}
.list1 li strong {display:block;font-size:.86em;padding-bottom:5px}
.list1 li a {color:#4e4e4e;text-decoration:none}
.list1 li a:hover {text-decoration:underline}
.list2 {padding-bottom:15px}
.list2 li {padding:0 0 4px 12px;background:url(images/arrow.gif) no-repeat left 5px}
.list2 li ul {padding-top:4px;margin-bottom:-4px}
/* OTHER */
p { padding-bottom:10px;line-height:1.43em; font-family:Verdana, Geneva, sans-serif !important}
p.details{
padding:5px 15px 5px 25px;
font-size:14px;
}
.p0 {margin-bottom:0}
/* TXT, LINKS, LINES, TITLES */
a {color:#20b7c9;outline:none}
a:hover {text-decoration:none}
h3 {font-size:40px;line-height:1.2em;font-weight:normal;color:#000;letter-spacing:-2px;margin-bottom:12px}
h4 {font-size:30px;color:#000;letter-spacing:-2px;margin-bottom:16px}
h5 {font-size:16px;color:#000}
h6 {font-size:14px;color:#999}

/* HEADER */
#header {height:478px;background:url(images/header-bg.jpg) no-repeat left bottom;position:relative;z-index:2}
#header .extra {position:absolute;right:-24px;top:113px;z-index:3}
#header .extra2 {
	position:absolute;
	left:0px;
	top:176px;
	z-index:4;
}

#header .row-1 {height:117px;width:100%;overflow:hidden}
#header .row-1 .fleft {padding:24px 0 0 26px}
#header .row-1 .fright {padding:40px 25px 10px 0}
#header .row-2 {height:68px}
#header .row-2 ul {width:100%;overflow:hidden;position:relative;z-index:2}
#header .row-2 ul li {float:left;text-transform:uppercase;margin-right:4px}
#header .row-2 ul li a {color:#fff;text-decoration:none; font-size:16px;display:block;text-align:center;padding:23px 0 11px 0; background-repeat:no-repeat;background-position:0 0}
#header .row-2 ul li a span{
	color: #CCC;
	text-align:center;
	display: block;
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}

/* button1 */
#header .row-2 ul li.m1 a {width:89px;background:url(images/m1.png)}
#header .row-2 ul li.m1 a:hover,
#header .row-2 ul li.m1 a.active {
	background:url(images/m1-act.png);
}
/* button2 */
#header .row-2 ul li.m2 a {width:95px;background:url(images/m2.png)}
#header .row-2 ul li.m2 a:hover,
#header .row-2 ul li.m2 a.active {background:url(images/m2-act.png)}
/* button3 */
#header .row-2 ul li.m3 a {width:117px;background:url(images/m3.png)}
#header .row-2 ul li.m3 a:hover,
#header .row-2 ul li.m3 a.active {background:url(images/m3-act.png)}
/* button4 */
#header .row-2 ul li.m4 a {width:114px;background:url(images/m4.png)}
#header .row-2 ul li.m4 a:hover,
#header .row-2 ul li.m4 a.active {background:url(images/m4-act.png)}
/* button5 */
#header .row-2 ul li.m5 a {width:123px;background:url(images/m5.png)}
#header .row-2 ul li.m5 a:hover,
#header .row-2 ul li.m5 a.active {background:url(images/m5-act.png)}
/* button6 */
#header .row-2 ul li.m6 a {width:105px;background:url(images/m6.png)}
#header .row-2 ul li.m6 a:hover, #header .row-2 ul li.m6 a.active {background:url(images/m6-act.png)}
#header .row-3 {padding:50px 0 0 25px}
#header .row-3 h1 {
	font-size:3em;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  !important;
	font-weight: bold;
}
#header .row-3 h2 {
	font-size:2.1em;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  !important;
	font-weight: bold;
}
#header .row-3 p { margin:0;padding:0}

/* CONTENT */
#content {
	background:url(images/cont-tail.png) repeat-y left top;
	position:relative;
}
#content .tail-right {background:url(images/cont-tail-right.gif) repeat-y right top}
#content .col-1 {width:630px}
#content .col-2 {
	width:290px;
	padding:20px 0 0 0
}
#content .col-2 ul {padding:0 43px 0 41px}
#content .col-2 ul li {
	line-height:1.1em;
	padding-bottom:10px;
	font-size: 15px;
	font-family:Verdana, Geneva, sans-serif !important;
}
#content .col-2 ul p {
	padding:0 0 0 20px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 12px 7px;
}
#content .col-2 ul li strong {
	display:block;
	font-size:1.3em;
	padding-bottom:5px;
}
#content .col-2 ul li a {text-decoration:none}
#content .col-2 ul li a:hover {color:#000}

.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#content .indent {
	padding:10px 10px 20px 10px;
}
#content .indent p span { font-weight:bold}
#content .indent title { font-weight:bold; text-align:center}
#content .indent1 {padding-bottom:5px}
#content .indent1 marquee{ font-size:34px;line-height:1.2em;font-weight:100;color:#000;letter-spacing:-2px;margin-bottom:12px;margin-left:10px;width:600px;color:#333;font-family:"黑体"!important;}
#content .indent1 marquee span{
	color:#20b7c9;
	text-align: center;
	font-size:24px;
}
#content .indent1-left {
	width:100%;
	float:left;
margin-top::20px; 	margin-top: 10px;
	margin-bottom: 10px;
}
/*Content Images*/
.folio_catalog	{
				margin:0 0 0 10px;
				padding:0;
				list-style:none;
				}
.folio_catalog li	{
				width:203px;
				float:left;
				padding:0 0 0px 0px;
				background:none;
				}	 
 .gall		{
				
				height:215px;
				display:block;
				overflow:hidden;
				position:relative;
				margin-bottom:5px;
				margin-right:10px;
				margin-left:40px;
				background:url(../images/loading.gif) 50% 50% no-repeat #9B9B9B;
				}
			
 .gall img		{
				padding:1px;
				border:3px solid #AEAEAE;
				background:#ffffff;
				}
.title{
	color:#20b7c9;
	padding:0px;
	float:left;
	font-size:17px;
	margin:0px 0 2px 0;
	border-bottom: 1px solid #C0C0C0;
	width:600px;
}
.prod_title{
color:#20b7c9;
padding:5px 0 0 0px;
font-size:16px;
border-bottom: 1px solid #C0C0C0;

}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:15px 0 10px 10px;
margin:0 5px 10px 0;
clear:both;
}
.feat_prod_box_details img{
	float:left;
	margin:0 5px 0 5px;
}

.p_title{
	font-family:"幼圆"!important;
	text-align:center;
	font-size:24px;
	font-weight: bolder;
}

.prod_img{
float:left;
padding:5px 5px 0 5px;
text-align:center;
margin-left:50PX;
}
.prod_det_box{
	width:450px;
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:50px;
}
.box_top{
width:450px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
	width:450px;
	background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:450px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}
.index_box{
float:left;
text-align:center;
padding:4px;
width:138px;
height:300px;
font-family:Verdana, Geneva, sans-serif !important;
}
.index_box a{
	padding:5px 0 5px 0;
	color:#333;
	text-decoration:none;
	display:block;
	font-size:12px;
	height:15px;
}


.new_prod_box{
float:left;
text-align:center;
padding:4px;
width:138px;
height:auto;
font-family:Verdana, Geneva, sans-serif !important;
}
.new_prod_box img{
float:center;
}

.new_prod_box a{
	padding:5px 0 5px 0;
	color:#333;
	text-decoration:none;
	display:block;
	font-size:12px;
	height:15px;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
	clear:both;
	padding:0px;
}
.prod_det_box ul.secondList{
	margin:10px 0 0 35px;
	color:#20b7c9;
}

.prod_det_box ul.secondList p {
	margin:0;
	padding:0;
	color:#3b4548;
	font-size:14px;
}

.prod_det_box ul.secondList li {
	list-style-type:square;
}


.prod_det_box ul.secondList li p {
	font-weight:normal;
	font-size:14px;
}

.prod_det_box table {
	text-align:center;
	clear:both;
	border:1px solid #ccc;
	width:100% !important;
	margin-bottom:10px;
	font-size:15px;
}

.prod_det_box th {
	padding:5px;
	text-align:center;
	margin-bottom:5px;
	text-transform:uppercase;
	background-color:#e5e5e5;
	font-weight:bold !important;
	color:#101010;
}

		.alt {
		background-color:#d9eaef;
}

.prod_det_box td {
	padding: 5px;
}

.prod_det_box td.hover, tr.hover
{
	background-color: #f8ece0;
}

/*--------NAVIGATION------*/
#navigation-block {
	position:relative;
	top:0px;
	left:0px;
	padding-bottom:10px;
	width:230px;
	margin:auto;
}
#navigation-titile{margin:auto; font-size:1.2em; width:210px; border-bottom: 1px solid #C0C0C0; margin-bottom:10px;	font-family:Verdana, Geneva, sans-serif !important;}
ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 0 -12px;
	padding: 0;
}
ul#sliding-navigation span{ font-size:11px;color:#777; float:right; font-weight:100 }

ul#sliding-navigation li.sliding-element h5,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 160px;
	padding: 5px 8px;
	margin: 0;
}

ul#sliding-navigation li.sliding-element h5
{
	color: #222;
	background:#dfdfdf url(images/heading_bg.jpg) repeat-y;
}
ul#sliding-navigation li.sliding-element h5 a{color: #222; padding:0 !important}

ul#sliding-navigation li.sliding-element h6 a
{
	color: #444;
	background:#e7e7e7 url(images/tab_bg.jpg) repeat-y;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #20b7c9 }
/* FOOTER */
#footer {height:110px;color:#fff;font-family:Arial,Helvetica,sans-serif !important}
#footer .indent {padding:47px 34px 0 37px}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer img {position:relative;top:-4px}
/*qq box*/
.QQbox {
	Z-INDEX: 99; RIGHT: 0px; WIDTH: 148px; POSITION: absolute; TOP: 40px
}
.QQbox .press {
	RIGHT: 0px; WIDTH: 33px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 158px; BORDER-BOTTOM-STYLE: none
}
.QQbox .Qlist {
	BACKGROUND: url(images/qq/qq_listbg.gif) repeat-y -155px 0px; LEFT: 0px; WIDTH: 145px; POSITION: absolute
}
.QQbox .Qlist .t {
	FONT-SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px
}
.QQbox .Qlist .b {
	FONT-SIZE: 1px; FLOAT: right;  WIDTH: 145px; HEIGHT: 6px
}
.QQbox .Qlist .t {
	BACKGROUND: url(images/qq/qq_listbg.gif) no-repeat left 50%
}
.QQbox .Qlist .b {
	BACKGROUND: url(images/qq/qq_listbg.gif) no-repeat right 50%
}
.QQbox .Qlist .con {
	BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 90%
}
.QQbox .Qlist .con H2 {
	BORDER-RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(images/qq/qq_listbg.gif) repeat-y -163px 0px; FONT: bold 12px/22px "宋体"; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
}
.QQbox .Qlist .con UL { padding-bottom:5px}
.QQbox .Qlist .con UL LI {
	FONT: bold 14px/22px "宋体";  PADDING-RIGHT:0px; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; HEIGHT: auto
}
.QQbox .Qlist .con UL LI.odd {
	BACKGROUND: #fff
}
/*rollBox*/
.rollBox{width:620px;overflow:hidden;padding:12px 0 5px 6px;margin:0 auto;}
.rollBox .LeftBotton{height:52px;width:19px;background:url(images/button_rollBox.gif) no-repeat 11px 0;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:20px;background:url(images/button_rollBox.gif) no-repeat -8px 0;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:580px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:132px;float:left;text-align:center;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:16px;color:#505050; font-size:13px}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
/* Pagebar Styles ----------------------------------------------- */

.gsc-cursor-page, .gsc-cursor-current-page, .pagebar a, .pagebar a:visited, .this-page {
	float: left;
	line-height: 16px;
	background: #f3f3ec;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	padding: 0.3em 0.8em;
	margin-left: 0.8em;
	text-shadow: 0 1px 0 #fff;
	margin-bottom:10px;
}

.gsc-cursor-page:hover, .pagebar a:hover {
	border: none;
	border-top: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	text-shadow: 0 -1px 0 #fff;
}

.pagebar a:active {
	background: #EBC476;
	color: #fff;
	outline: none;
}

.gsc-cursor-current-page, .this-page {
	border: none;
	border-top: 1px solid #743;
	border-left: 1px solid #854;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 0 #630;
	background-color: #92D1DC;
}

.break {
	float: left;
	padding: 0.3em 0;
	margin-left: 0.8em;
	border: none;
}

/*google custom search*/
p.loading, .gs-no-results-result .gs-snippet {
	background-color: #eee;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	border: none;
}

#cse {
	width: 100%;
	float:left;
}

form.gsc-search-box {
	width: 250px;
	margin-left: 5px;
	top:-800px;
	left:140px;
	margin-bottom:10px;
	position: absolute;
	z-index: 1;
}

input.gsc-input {
	width: 250px;
	background: white url("images/input.png-1.png") repeat-x 0 -60px !important;
}

.gsc-branding {
	position: absolute;
	top: -800px;
	margin-left: 160px;
	color: #888;
	text-shadow: 0 1px 0 #fff;
}

img.gsc-branding-img {
	position: relative;
	top: 2px;
	left: 3px;
}

.gsc-tabsArea, .gsc-clear-button, .gsc-tabHeader, .gsc-resultsHeader, .gsc-trailing-more-results, a.gsc-trailing-more-results, .gs-visibleUrl, .gs-watermark, .gsc-adBlock, .gsc-adBlockVertical {
	display: none;
}

.gs-result {
	height: 80px;
	padding-top:5px;
	overflow: hidden;
	margin-top:0px;
	font-size:13px;
}

b {
	padding: 1px 3px;
	background-color: #D7EEF2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
}

.gs-snippet b, .p b {
	font-weight: normal;
}

.p b {
	padding: 2px 4px;
}


.gs-visibleUrl-long {
	color: #aaa;
	margin-left: 42px;
}

.gsc-cursor-box {
	margin-top: 5px;
}

.gsc-cursor-page, a.gsc-trailing-more-results {
	color: #338B9B;
	cursor: pointer;
}

.gsc-completion-container {
	cursor: pointer;
	position: absolute;
	background-color: #fff;
	margin-top: 0px;
	opacity: 0.9;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
}

.gsc-completion-selected {
	background-color: #6BC0CF;
}


.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: auto;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 150px;
	height: 45px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 {
	background-color: #53b388;
	background-image: url(images/side-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#kwick_2 {
	background-color: #5a69a9;
	background-image: url(images/side-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#kwick_3 {
	background-color: #c26468;
	background-image: url(images/side-3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#kwick_4 { 
	background-color: #bf7cc7;
	background-image: url(images/side-4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}