@charset "utf-8";
@import url("global.css");
/* 公共部分开始 */


.layout {
	padding: 0px;
	MARGIN: 0px auto;
	WIDTH: 1000px;
}
SELECT {
	FONT-SIZE: 12px;
	COLOR: #555555;
	HEIGHT: 20px
}
SELECT.select {
	COLOR: #666666;
	BACKGROUND-COLOR: #ffffff
}


/*SELECT  定义漂亮样式****************** */
.select * {
  margin: 0;
  padding: 0;
}
.select {
	border:1px solid #cccccc;
	float: left;
	display: inline;
  }
.select div {
  border:1px solid #f9f9f9;
  float: left;
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select>div {
  width:120px;
  height: 17px;
  overflow:hidden;
}
  
/* 通配选择符，只在IE浏览器中识别 */
* html .select div select {
  display:block;
  float: left;
  margin: -2px;
}
.select div>select {
  display:block;
  width:124px;
  float:none;
  margin: -2px;
  padding: 0px;
}
.select:hover {
  border:1px solid #666666; //鼠标移上的效果 
}
.select select>option {
  text-indent: 2px; //option在FF等非IE浏览器缩进2px
}

/*SELECT  定义漂亮样式结束********************** */

INPUT {
	BORDER: #a2a2a2 1px solid;
	FONT-SIZE: 12px;
	BACKGROUND-IMAGE: url(inputbg.gif);
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#999999);*/
	PADDING: 2px 0 1px 1px;
	COLOR: #555555;
	HEIGHT: 14px;
}
INPUT.text, TEXTAREA {
	BORDER: #a2a2a2 1px solid;
	FONT-SIZE: 12px;
	COLOR: #555555;
	PADDING: 3px;
}
TEXTAREA.txtarea {
	BORDER: #a2a2a2 1px solid;
	PADDING: 3px;
	COLOR: #555555;
}
INPUT.button {
	BORDER: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-SIZE: 12px;
	COLOR: #333333;
	HEIGHT: 20px;
}
#seo, #designer {
	display:none;
}
/* 公共部分结束 */


/* 头部header开始 */
#header{
	height: auto;
}

#logo {
	margin: 5px 0px 0px 0px;
	width: 347px;
	height: 85px;
	float: left;
	background:url("logo.gif") no-repeat;
}

#searchbtn {
	background: url("search.gif") no-repeat left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 15px;
}
#favorite {
	float: right;
	width: 140px;
	height: 25px;
	overflow: hidden;
	padding-left: 5px;
}
#favorite span {
	margin-right:5px;
}

#topsearch {
	width: 200px;
	height: 30px;
	overflow: hidden;
	margin: 1px 0px 0px 0px;
	float:right;
}
#search_sidebar {
	width: 200px;
	overflow: hidden;
	margin: 20px 0px 0px 5px;
}
#search_sidebar h3{
	line-height: 180%;
}
/*- Menu Tabs E--------------------------- */

#menubar {
	float:right;
	font-size:12px;
	line-height:normal;
	display: block;
	width: 536px;
	height:30px;
	margin: 0px;
	overflow: hidden;
	margin: 30px 0px 0px 0px;
}
#menubar ul {
	margin:0;
	list-style:none;
}
#menubar li {
	display:inline;
	margin:0;
	padding:0;
}
#menubar a {
	float:left;
	background:url("tableftE.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#menubar a span {
	float:left;
	display:block;
	background:url("tabrightE.gif") no-repeat right top;
	padding:10px 15px 8px 9px;
	color:#666666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menubar a span {
	float:none;
}
/* End IE5-Mac hack */
#menubar a:hover span {
	color:#FF0000;
}
#menubar a:hover, #menubar #current a {
	background-position:0% -42px;
}
#menubar a:hover span, #menubar #current a span {
	background-position:100% -42px;
}

/*菜单结束*/
/* 头部header结束 */
/* 首页flash */

#indexflash  {
	width:998px;
	height:330px;
	overflow:hidden;
	margin: 0 auto;
	border: 1px solid #ccc;
}
#listitem {
	width:1000px;
	height:260px;
	margin:0 auto;


}
#listitem #About {
	width:400px;
	float:left;
	margin:0px 5px 0px 5px;
}
#listitem #About p {
	text-indent: 2em;
	margin:15px 5px 15px 5px;
}

#listitem #Cases {
	width:305px;
	float:left;
	margin:0 5px 0 10px;
}
#listitem #Contact {
	width: 255px!important; /* IE7+FF */
	width: 250px; /* IE6 */	
	float:left;
	margin:0 0px 0 10px;
	text-align: center;
}
#listitem #About h2, #listitem #Contact h2, #listitem #Cases h2 {
	height:40px;
	margin:20px 0px 5px 0px;
	text-indent:-9999px;
	background:url("listitemH2BG.png") no-repeat;
}
#listitem #About h2 {

}
#listitem #Cases h2 {
	background-position:0% -55px;
}
#listitem #Contact h2 {
	background-position:0% -110px;
}
#listitem ul li {
	padding-left: 13px;
	margin-left: 10px;
	list-style: none;
	background-image: url("arrow01.gif");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 22px;
}
.line01 {
	background-image: url(line.png);
	background-repeat: no-repeat;
	width:1px;
	height:270px;
	float: left;
	background-position: 0% 50%;
}
#inavigation {
	height: 25px;
	padding: 5px 0px 0px 10px;
	margin-left: 0px;
	border-bottom:1px solid #CCC;
}
#pages {
	background: red;
}
.topic {
	padding: 25px 0px 5px 0px;
	font-size: 18px;
	font-weight: bolder;
	FONT-WEIGHT: bold;
	HEIGHT: 30px;
	TEXT-ALIGN: center
}
#page_sel {
	text-align: right;
	padding: 2px 10px 5px 0px;
	clear: both;
/*	border-bottom: 1px dashed #999;
*/	margin-top: 20px;
}
#print {
	text-align: right;
}
#poster {
	text-align: right;
	padding: 0px 5px 10px 0px;
	color: #999;
}

/* 左侧菜单栏sdeibarA开始 */
#sidebarA {
	width: 220px;
	float: left;
	padding: 10px 0px 0px 0px;
	margin:0 10px 0 10px;
	overflow: hidden;
	height: 100%;
}
#sidebarA ul {
	/*	border-top: 0px dashed #666;
	border-right: 1px dashed #666;
	border-bottom: 1px dashed #666;
	border-left: 1px dashed #666;*/
	text-align: left;
	overflow: hidden;
	padding: 0px 0px 5px 0px;
}
#sidebarA ul li {
	padding-left: 13px;
	margin-left: 13px;
	list-style: none;
/*	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	font-size: 12px;
	line-height: 180%;
}
#sidebarA #good ul li {
	background-image: url(dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebarA li a {
/*	display: block;
*/
}
#sidebarA li a:hover {
	background-color: #DDDDDD;
}

#sidebarA #login, #sidebarA #classid,#sidebarA #sidesearch, #sidebarA h2  {
	font-size: 14px;
	font-weight: bolder;
	display: block;
	height: 28px;
	margin: 0px 0px 0px 0px;
	width: 215px;
	background: url("sidebarBG.png") no-repeat;
	text-align: left;
	overflow: hidden;
	padding: 7px 0px 0px 20px;
	text-align: left;
}
#sidebarA #sidesearch h3{
	margin:5px 0 5px 0;
} 
/* 左侧菜单栏sdeibarA结束*/

/* 右侧内容mainContent区开始 */
#mainContent #slidepic {
	width:200px;
	height:540px;
	float:left;
	overflow: hidden;
}
#mainContent #content {
	padding: 10px 0px 10px 10px;
	width: auto;
	height: auto;
	float: left;
}
#mainContent #aboutusContent {
	margin: 0px auto;
	padding: 10px 10px 0px 30px;
	height: auto;
	overflow: auto;
}
#content p, #aboutusContent p {
	line-height: 150%;
	margin:0 0 1.2em 0;
	text-indent:2em;

}
#mainContent #content ul {
	text-align: left;
	overflow: hidden;
	_width: 540px;
}
#mainContent #content ul li {
	padding-left: 13px;
	margin-left: 13px;
	list-style: none;
	background: url("arrow01.gif") no-repeat left center;
}
#mainContent #count {
	text-align:right;
	margin-right:20px;
	color:#ACACAC;
}
#mainContent #productsIMG {
	width:auto;
	height:auto;
	text-align:center;
	margin-top: 10px;
}
#mainContent #productsIMG #ProductsListIMG, #mainContent #productsIMG2 #productsDetailIMG {
	width: 720px;	
	height:250px;
	border:2px solid #CCCCCC;
	text-align:center;
}

#mainContent #productsIMG2 {
	float:left;
	width:auto;
	height:auto;
	margin: 10px;
}
#mainContent H3 .larger {
	position: relative;
	top: 160px;
	left: -40px;
}
#mainContent #productsdetail {
	float: left;
	margin: 10px 0px 0px 20px;
	width: 700px;
	color: #FF0000;
	border: 1px dashed #999;
	padding: 10px;
}
#mainContent #productsdetail ul {
	list-style:none;
	padding:0px 0px 0px 0px;
	float:left;
}
#mainContent #productsdetail li {
	margin:0px;
	padding:0 2px;
	border-bottom:1px dashed #999;
	line-height:25px;
}
#mainContent #productsContent {
	margin: 0px auto;
	padding: 10px 0px 0px 10px;
	height: auto;
	overflow: auto;
	clear: both;
}
#mainContent #content h3 {
	text-align:left;
	padding:0 2px 0px 10px;
	line-height: 200%;
	background:url("arrow01.gif")  no-repeat left;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}
#mainContent {
	width: 758px!important; /* IE7+FF */
	width: 748px; /* IE6 */	
	height: 100%;
	overflow:hidden;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #CCC;
}
#mainContent ul, ol {
	list-style: none;
	line-height: 180%;
	margin: 0px;
	float: left;
}
#productsContent ul {
	list-style-type: circle;
}
/* 内容区域高度自适应代码开始  ****************************************************** */
.wrap {
	PADDING: 0px;
	WIDTH: 1000px;
	overflow:hidden;
	margin: 0 auto;
}
#sidebarA, #mainContent{
	float: left;
	text-align: left;
}

/* easy clearing */
#wrap:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrap {
	display: inline-block;
}
/*\*/
#wrap {
	display: block;
}
/* end easy clearing */
/*\*/
#sidebarA, #mainContent {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}
@media all and (min-width: 0px) {
#sidebarA, #mainContent {
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
}
#sidebarA:before, #mainContent:before {
 content: '[DO NOT LEAVE IT IS NOT REAL]';
 display: block;
 background: inherit;
 padding-top: 32767px !important;
 margin-bottom: -32767px !important;
 height: 0;
}
}
/* 内容区域高度自适应代码结束  ****************************************************** */
/* 右侧内容mainContent区结束 */

/* 底部footer开始 */
#footer {
	width: 1000px;
	height: 35px;
	font-size:12px;
	color: #666666;
	/*background-color:#CCCCCC*/
	margin: 0 auto;
	;
}
#footer a {
	color: #999999;
}
#footer a:hover {
	color: #CC0000;
}
#footer #copyright {
	float:left;
	margin:8px 0px 0px 5px;
	text-align: left;
	width: auto;
}

#footer #ICP {

}
#footer #mystat{
	float:left;
	margin: 5px 0 0 0;
	margin-left: 300px;
}
#footer #mystat a{
	color: #CCCCCC;	
}
#footer #searchfoot {
	width: 300px;
	height: 30px;
	margin: 5px 0px 0px 10px;
	float: left;
}

#counter {
	padding: 0px;
	height: 20px;
	width: 100px;
	overflow: hidden;
	display: block;
	float: right;
	margin: 5px 0 0 10px;
}
/* 底部footer结束 */
/* 原始样式开始***************************************************** */

.trt {
	BORDER-RIGHT: 1px solid #666;
	BORDER-TOP: 0px;
	BORDER-LEFT: 1px solid #666;
	WIDTH: 998px;
	BORDER-BOTTOM: 0px;
	BACKGROUND-COLOR: #ffffff;
	margin: 0 auto;
}
.trl {
	WIDTH: 200px;
	TEXT-ALIGN: center;
	padding-left: 10px;
}
.trr {
	WIDTH: 700px;
	TEXT-ALIGN: center
}
.taba {
}
.tabb {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 100%;
	BORDER-BOTTOM: 0px
}
.tabc {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 100%;
	BORDER-BOTTOM: 0px;
}
.tda {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	text-align: left;

}
.tdb {
	HEIGHT: 10px;
	TEXT-ALIGN: center
}
.tdw {
	BACKGROUND-COLOR: #ffffff
}

.tbg A {
	COLOR: #666666;
	FONT-STYLE: normal;
	TEXT-DECORATION: none
}
.tbg A:hover {
	COLOR: #333333;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.tbg A:active {
	COLOR: #666666;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.tbh {
	PADDING-LEFT: 5px;
	BACKGROUND: #f9f9f9;
	COLOR: #666666;
	HEIGHT: 25px;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #666 1px dotted;
	text-align: left;
}
.tbh A {
	COLOR: #666666;
	FONT-STYLE: normal;
	TEXT-DECORATION: none
}
.tbh A:hover {
	COLOR: #333333;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.tbh A:active {
	COLOR: #666666;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.tbm {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: #e2e2e2;
	COLOR: #000000;
	HEIGHT: 25px;
	TEXT-DECORATION: none;
	BORDER-TOP: #666 1px solid;
	BORDER-BOTTOM: #666 1px solid
}
.tbm A {
	COLOR: #000066;
	FONT-STYLE: normal;
	TEXT-DECORATION: none
}
.tbm A:hover {
	COLOR: #333333;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.tbm A:active {
	COLOR: #000066;
	FONT-STYLE: normal;
	TEXT-DECORATION: underline
}
.red {
	COLOR: #cc0066
}
.green {
	COLOR: #336633
}
.ash {
	COLOR: #a7a6aa
}
.quote {
	BORDER-RIGHT: #666 1px dotted;
	BORDER-TOP: #666 1px dotted;
	BORDER-LEFT: #666 1px dotted;
	BORDER-BOTTOM: #666 1px dotted;
	BACKGROUND-COLOR: #f6f6f6;
	text-align: left;
}
.quotes {
	BORDER-RIGHT: #666 1px dotted;
	BORDER-TOP: #666 1px dotted;
	BORDER-LEFT: #666 1px dotted;
	BORDER-BOTTOM: #666 1px dotted;
	BACKGROUND-COLOR: #f6f6f6
}
.foot {
	BORDER-RIGHT: #666 1px solid;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #666 1px solid;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #666 1px solid;
	LETTER-SPACING: 1px
}
.foot A {
	COLOR: #666666
}
.foot A:hover {
	COLOR: #333333
}
.foot A:active {
	COLOR: #666666
}
.lrbtline {
}
.lrbline {
	BORDER-RIGHT: #666 1px solid;
	BORDER-LEFT: #666 1px solid;
	BORDER-BOTTOM: #666 1px solid
}
.lrtline {
	BORDER-RIGHT: #666 1px solid;
	BORDER-TOP: #666 1px solid;
	BORDER-LEFT: #666 1px solid
}
.lrline {
	BORDER-RIGHT: #666 1px solid;
	BORDER-LEFT: #666 1px solid
}
.rbline {
	BORDER-RIGHT: #666 1px solid;
	BORDER-BOTTOM: #666 1px solid
}
.bline {
	BORDER-BOTTOM: #666 1px solid
}

.content {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 30px
}
.contents {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	WIDTH:100%;
	WORD-BREAK:BREAK-ALL;
	OVERFLOW-X: hidden;
	text-align: left;
}
.checkbox {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px
}
.radio {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px
}
.valcode {
	WIDTH: 40px
}