@charset "gb2312";
@import url(displaytag.css);
@import url(tabpane.css);

/* 初始样式 */
body { text-align:center; font-family:arial，宋体; margin:0; padding:0; font-size:12px; color:#333;	line-height:21px; background-image:url(images/bg_080901.gif); background-color: #FFF;background-repeat: repeat-x; background-position: top;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0; padding:0; border:0;}
div {margin-right:auto;margin-left:auto;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;font:12px normal;}
ul {text-align:left;}
ul,li,ol {list-style:none;}

/* 链接颜色 */
a {color:#333333;text-decoration:none;} /* 链接颜色 */
a:hover {color:#FF6600;text-decoration:underline;} /* 鼠标经过时状态 */

/* 颜色属性 */  
.white{color: #fff; text-decoration: none;}/* 白色 */
.white a:link {color: #fff;text-decoration: none;}
.white a:visited {color: #fff;	text-decoration: none;}
.white a:hover {color: #336600;text-decoration: underline;}

.Orange {color: #FF9933; text-decoration: none;}/* 橙色 */
.Orange a:link {color: #FF9933;text-decoration: none;}
.Orange a:visited {color: #FF9933;	text-decoration: none;}
.Orange a:hover {color: #004674;text-decoration: underline;}

.Blue {color: #3A6FA6; text-decoration: none;}/* 兰色 */
.Blue a:link {color: #3A6FA6;text-decoration: none;}
.Blue a:visited {color: #3A6FA6;	text-decoration: none;}
.Blue a:hover {color: #FF6600;text-decoration: underline;}

.Black {color: #000; text-decoration: none;}/* 黑色 */
.Black a:link {color: #000;text-decoration: none;}
.Black a:visited {color: #000;	text-decoration: none;}
.Black a:hover {color: #FF6600;text-decoration: underline;}


.Grey {color: #707477; text-decoration: none;}/* 灰色 */
.Grey a:link {color: #707477;text-decoration: none;}
.Grey a:visited {color: #707477;	text-decoration: none;}
.Grey a:hover {color: #ff0000;text-decoration: underline;}   
  

/* 字体属性 [定义规则，小写f加属性名称] */
.fb {font-weight: bold;}
.fI {font-style: italic;}

/* 文字大小 */
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

/* 下划线 */
.underline,.underline a {text-decoration:underline;}

/* 首行缩进 */
.ti12 {text-indent:12px;}
.ti24 {text-indent:24px;}

/* 文字对齐 */
.txtLeft {text-align:left;}
.txtCenter {text-align:center;}
.txtRight {text-align:right;}

/* 框架居中 */
.auto,.auto ul {margin:0 auto;}

/* 行高 */
.lh21 { height:21px; line-height:21px;}
.lh26 { height:26px; line-height:26px;}
.lh30 { height:30px; line-height:30px;}

/* 左右悬浮 */
.left {float:left;}
.right {float:right;}

/* 清除悬浮 */
.clear {clear:both;height:1px;display:block!important;display:none;}

/* 空白间距 */
.blank0{ height:0px; clear:both; font-size:0px;overflow:hidden; }
.blank3{ height:3px; clear:both; font-size:1px;overflow:hidden;}
.blank6{height:6px; font-size:1px; clear:both;overflow:hidden;}
.blank9{height:9px; font-size:1px; clear:both;overflow:hidden;}
.blank12{height:12px; font-size:1px;clear:both;overflow:hidden;}
.blank18{height:18px; font-size:1px;clear:both;overflow:hidden;}
.blank24{height:24px; font-size:1px;clear:both;overflow:hidden;}


/* 虚线 */
.line{ background: url(images/line.gif);background-repeat: repeat-x;background-position: bottom;}

/* 实线 */
.Linetop { BORDER-TOP: #CCCCCC 3px solid; }  /* 灰色 */
.Linebottom { BORDER-BOTTOM: #91BCDC 1px solid; } 

/* 更多 */
.more {text-align:right;padding-right:6px;}

/* 输入框 */
.input120{ BORDER: #7F9DB9 1px solid; height:15px; width:120px; }
.input100{ BORDER: #7F9DB9 1px solid; height:15px; width:100px; }
.input220{ BORDER: #549308 1px solid; height:15px; width:220px; }
.textInput, SELECT{ BORDER: #7F9DB9 1px solid; }


/* 区块 */
.area972{ margin:0 auto; width:960px; overflow:hidden; background:#fff; padding:0 6px;}
.left422{ width:422px; float:left;}
.right354{ width:354px; float:right;}
.col1{width:212px; float:left; padding:0px 5px;}
.col2{width:726px; float:right; }

/* TOP */
.header {text-align:left; overflow:hidden;padding:3px 0px;}
.header .left261{ float:left; width:261px;}
.header .list01{ float:right; padding-top:28px;}
.header .right699{ float:right; width:699px; text-align:right;}
.header .nav { background-image:url(images/top_080902.gif); height:49px; text-align:left;}
.header .nav01{ float:left; text-align: center; width: 690px; height: 35px}
.header .nav01 li{ float:left; padding-left:6px; padding-right:6px; line-height:33px;}
.header .nav01 div
{
	height: 100%;
}
.menuStyle
{
	background-image: url(images/button_bg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 85px;
}

.menuStyle a
{
	display: block;
	margin-top: 8px;
	vertical-align: sub;
}



/* 内容块 */
.content{ width:960px; background-image:url(images/left_080902.gif); margin:0 auto;}

/* 登陆 */
.loginbar { text-align:left; overflow:hidden; border:#DEDEDE solid 1px; background:#fff; padding:5px; color: #FFFFFF}
.loginbar .list { text-align:left; background:#0054BC; background-image:url(images/left_bg01.gif); background-repeat: repeat-x; background-position: top; padding:5px;}
.loginbar .list li{ height:21px;line-height:26px;}
.loginbar .list01 { background:#3380D0; BORDER: #4D90D6 1px solid; padding:3px 6px; text-align:left; clear:both; }
.loginbar .list01 li{ float:left; text-align:left; padding:0 2px; overflow:auto;}
.loginbar .list02 { padding:6px 0 0 0;}
.loginbar .list02 input{ padding-left:6px; padding-right:6px;}
.loginbar .list03 { text-align:left; background:#0054BC; background-image:url(images/left_bg01.gif); background-repeat: repeat-x; background-position: top; padding:5px 5px 2px 5px;}
.loginbar .list04 { padding:8px;}

.loginbar a
{
	color: #FFFFFF;
}

.loginbar .wellcom
{
	background-image: url(images/left_080924.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	text-indent: 20px;	
}

.loginbar .username
{
	color: #ff9933;
}

.loginbar .exit
{
	text-align: center;
	
}

.loginbar #exitlink
{
	display: block;
	background-image: url(images/Button_080903.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 80px;
}



/* pic */
.pic{ overflow:hidden; border:#DEDEDE solid 1px; background:#fff; padding:5px;}

/* 客服/导航 */
.s1 { text-align:left; overflow:hidden; border:#9BD057 solid 1px; background:#ABE035;}
.s1 .list { text-align:left; background:#fff; border:#9BD057 solid 1px; padding:9px; margin:0 5px 5px 5px; }
.s1 .list01 { text-align:left; background:#fff; border:#9BD057 solid 1px; padding:3px; margin:5px 5px 5px 5px; }
.s1 .title{ background-image:url(images/left_080906.gif); height:25px;}
.s1 .title01{ background-image:url(images/left_080930.gif); height:24px;}
.s1 .co{ background-image:url(images/left_080908.gif);height:94px;background-repeat: no-repeat;background-position: left top; }
.s1 .list02{}
.s1 .list02 li{ width:152px; height:27px; background-image:url(images/left_080932.gif); padding-left:40px; line-height:27px; padding-top:2px;}

/* 列表框 */
.s2{ width:357px; overflow:hidden}
.s2 .title{ background-image:url(images/left_080910.gif); height:30px;}
.s2 .content{ background-image:url(images/left_080917.gif); padding:9px 18px; width:321px;}
.s3{ width:357px; overflow:hidden}
.s3 .title{ background-image:url(images/left_080912.gif); height:30px;}
.s3 .content{ background-image:url(images/left_080915.gif); padding:9px 18px; width:321px;}
.s3 .content td{ padding:1px; }

/* 搜索 */
.search{ background-image:url(images/right_080903.gif); height:98px;}
.search .content01{ float:right; width:632px;}
.search .list{ padding-top:12px; width:611px; float:left}
.search .list div{float:left; text-align:left; padding-right:6px;}
.search .inp{ padding-top:1px;}
.search .list .list01{ width:614px;}
.search .list .list01 a{ padding-right:7px;}

/* 产品列表 */
.s4{}
.s4 .title{  background-image:url(images/top_080905.gif); float: left}
.s4 .title .list{ float:left; padding-left:24px;}
.s4 .title .list div{ float:left; margin:0 3px; padding-top:7px;}
.s4 .title .list .tab_button1 { background-image:url(images/right_080906.gif); width:83px; height:22px;}
.s4 .title .list .tab_button2 { background-image:url(images/right_080907.gif); width:83px; height:22px;}
.s4 .list01{ background-image:url(images/right_080908.gif); padding:12px 17px 0 17px;}
.s4 .list01 ul{ border-top:solid 1px #E3E3E3; padding-top:9px;}
.s4 .list02 {  }
.s4 .list02 ul{ border-top:solid 1px #E3E3E3; height:28px;}
.s4 .list02 li{ width:112px; float:left;padding-left:3px;}
.s4 .sub_catalog 
{
	width: 30%;
	float: left;
	
}

.s4 .line td
{
	vertical-align: sub;
	text-align: center;
	width: 25%;
	height : 32px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.s4 .sub_catalog a
{
	vertical-align: sub;
}

#ProductList_Table, #catalogRoot, #catalogRoot td
{
	font-size: 13px;
}


.s4 table
{
	border-collapse:collapse; 
	width:100%; 
	border:0px;
	padd:expression(this.cellPadding=0,this.cellSpacing=0);   
}


/* bttom */
.bottom{ background-image:url(images/bottom_080902.gif);}
.bottom .list01{ padding-left:12px; float:left}
.bottom .list02 { float:right; width:800px; padding:13px 18px; white-space:inherit}
.bottom .list02 a{padding-right:18px;}
.bottom01{padding:18px 0 0 18px; float:left;}
.bottom02{ background:#EFEFEF; height:9px; clear:both;}


/* 按扭定义 */
.buttonInput,.submitInput
{
	BORDER-RIGHT: #7b9ebd 1px solid;
	BORDER-TOP: #7b9ebd 1px solid;
	BORDER-LEFT: #7b9ebd 1px solid;
	BORDER-BOTTOM: #7b9ebd 1px solid;
	PADDING-RIGHT: 2px;  
	PADDING-LEFT: 2px;
	PADDING-TOP: 2px; 
	FONT-SIZE: 12px; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
	CURSOR: hand; 
	COLOR: black;  
}



/* 公告等 */

.item_content
{
	FLOAT: left; WIDTH: 70%; TEXT-ALIGN: left
}

.item_datetime
{
	FLOAT: left; width: 28%; text-align: right
}

.content table
{
	width: 100%;
}

.content td
{
   text-align: left;
}


/* 公告小窗口 */


.coolwindow .title
{
	color: White;
}

.coolwindow .body .contenttext
{
	color:Black;	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	
}


.coolhover
{
	background-color:Orange;	
	border:2px solid Orange;
}

.coolhover .titlebar
{
	background-color:Orange;	
}

.coolhover .body .from
{
	color:Orange;	
}

.coolhover .body .contentlabel
{
	color: Orange;
	font-weight: bold;
}



.coolnormal
{
	background-color:#336699;
	border:2px solid #336699;	
}

.coolnormal .titlebar
{
	background-color:#336699;		
}

.coolnormal .body .from
{
	color:#336699;	
}

.coolnormal .body .contentlabel
{
	color: #336699;
	font-weight: bold;
}
.datetime
{
     width:80px;
     align:right;
}

.text
{
  text-algin:left;
}


/* 左边菜单 */

#SaleMenu table
{
	width:99%;
    text-align: center;
		
}

#SaleMenu #menuList
{
	list-style-type: none;
	margin:0;padding:0
}

#SaleMenu .menu
{
	padding-left:25px;
	margin-left:0px;
	text-align:left;
	background-image: url(images/left_080932.gif);	
}

#SaleMenu .menu li
{
	text-indent: 15px;
	height: 27px;
	vertical-align: sub;
}

#SaleMenu .actuator_menu
{
	background-image: url(images/left_080930.gif);
}

#SaleMenu .actuator
{
	display: block;
	width: 99%;
	font-weight: bold;
	color: #000000;
	height: 25px;
	background-repeat: no-repeat;	
}

#SaleMenu .standalone
{
	display: block;
	width: 90%;
	font-weight: bold;
	color: #000000;
	height: 25px;
	padding-top: 10px;
        padding-left:20px;        
        background-color: #61CFFE
}

#SaleMenu td
{
	text-indent: 35px;
	background-color: #F7F7F7;
	text-align: left;
}


#SaleMenu li
{

	list-style-position: outside;
}

#catalogRoot
{
	/*border: 1px #669900 solid;*/
}

.rootItem
{
	background-image:url(images/5.gif);
	background-repeat: no-repeat;
	text-indent: 47px;
	height: 38px;
	font-size: 14px !important;
	font-weight:bold; 
}

#catalogRoot .child
{
	padding: 3px;
	
}

#catalogRoot .childItem
{
	text-align: center;
	height: 30px;
	border: #3366FF 1px solid;

}

#catalogRoot .childItem div
{
	text-align: center;
	font-size: 12px;
}