/*****************************************************
 *
 * 技术支持:杭州卡塔科技有限公司
 * 网站:http://www.codeOEM.com
 * 文件建立:2009-04-08 by hark
 * 版本: 1.0
 * 如有修改,请在此处注明修改时间
 *
 ****************************************************/
/*****************************************************
 *
 * 样式属性排列顺序
 * 显示属性[display/position/float/clear/cursor...]
 * 盒模型[margin/padding/width/height]
 * 排版[vertical-align/white-space/text-decoration/text-align...]
 * 文字[color/font/content]
 * 背景[border/background]
 *
 ****************************************************/

/* 
  > layout
 */
#wrap{}
	#header{}
 		#headerContent{
			position:relative;
			margin:0 auto;
			width:960px;
			height:128px;
			background:url(../images/headerBg.jpg) no-repeat left top;
			}
	#content{
		clear:both;
		overflow:auto;
		position:relative;
		margin:0px auto;
		width:960px;/*width:960px;*/
		height:100%;
		min-height:400px;
		}
		#mainColumn{
			float:left;
			}
		#sideColumn{
			float:right;
			}
		#splitLine{
			position:absolute;
			right:295px;
			bottom:0px;
			}
	#footer{
		background:#656565 url(../images/footerBg.jpg) repeat-x top left;
		}
/*
 > header
 */
#logo{
	position:absolute;	
	top:42px;
	left:40px;
	width:263px;
	height:68px;
	}
ul#shortcut{
	position:absolute;
	right:0;
	top:10px;
	height:25px;
	line-height:25px;
	background:url(../images/shortcutBg.gif) repeat-y right top;
	}
	ul#shortcut li{
		float:left;		
		color:#999999;
		font-weight:bold;
		}
		ul#shortcut li a{
			margin:0 5px;
			text-decoration:none;
			color:#999999;			
			}
		ul#shortcut li a:hover{
			color:black;
			}
		ul#shortcut li a.help{
			padding-left:18px;
			background:url(../images/helpIcon.jpg) no-repeat left center;
			}
 #numColorful{
	 position:absolute;
	 right:0;
	 bottom:15px;
	 }
/* > mainNav */ 
 #mainNav{
 	width:100%;
	height:76px;
	background:url(../images/mainMenuBg.jpg) repeat-x left top;
 	}
	#mainNav ul{
		margin:0 auto;
		width:960px;
		height:51px;		
		}
		#mainNav ul li{
			float:left;
			margin:0 8px;
			}
			#mainNav ul li a{
				display:inline-block;
				position:relative;
				padding-left:27px;
				padding-right:15px;
				height:51px;
				line-height:41px;
				text-decoration:none;
				color:#e6e6e6;
				font-size:14.7px;
				font-weight:bold;
				}
			#mainNav ul li a:hover{
				color:white;
				background:url(../images/currentItemRight.gif) no-repeat right top;
				}
				#mainNav li a:hover span{
					display:block;
					position:absolute;
					top:0;
					left:0;
					width:27px;
					height:51px;
					background:url(../images/currntItemLeft.gif) no-repeat left top;
				}
 			#mainNav li a.currentItem{	
				color:white;
				background:url(../images/currentItemRight.gif) no-repeat right top;
				}
 				#mainNav li a.currentItem span{
					display:block;
					position:absolute;
					top:0;
					left:0;
					width:27px;
					height:51px;
					background:url(../images/currntItemLeft.gif) no-repeat left top;
					}
 	#mainNav .subNav{
		margin:0 auto;
		margin-top:-10px;
		width:958px;
		border:1px solid #aacae6;
		border-width:0 1px 1px 1px;
		overflow:hidden;
		height:35px;
		position:relative;
		}
		.subNav a{
			margin:0 20px 5px 20px;
			color:#333;
			line-height:35px;
			}
		#mainNav .clearfix div{
			display:none;
}
/*
 > foot
 */
 .footwrap h2{
			color:#fff;
			border-bottom:1px solid #797979;
			padding:0;
			font-size:12px;
			margin:16px 0 0 0 ;
			clear:both;
		}
		.footwrap p{
			margin:2px 0;
			padding:0;
		}
		.footwrap{
			text-align:left;
			width:960px;
			margin:0 auto;
			padding-top:20px;
			padding-bottom:20px;
		}
		.copyright{
	
	padding-top:10px;
	height:70px;
	background-repeat: no-repeat;
		}
.banner_title {
	padding-left: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 18px;
}
.button strong {
	font-size: 14px;
}
.button p {
	color: #C9D7E0;
}
.button a {
	float: left;
	height: 59px;
	width: 223px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 12px;
}

.button2 a {
	float: left;
	height: 59px;
	width: 176px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 12px;
}
.banner2_title {
	padding-left: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 18px;
}
.button2 strong {
	font-size: 14px;
}
.button2 p {
	color: #C9D7E0;
}	
#footer a {
color:#A3A3A3;
padding:1px 3px;
}

#footer {
color:#ffffff;}

#footer h2 {
	border-bottom:1px solid #797979;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4;
	padding-left: 0;
}

#footer .parter {
padding:5px 0;}

/**************************************************
 *
 * inner page common class
 *
 **************************************************/
 /*
  > layout
  */
  .leftContent{
	  float:left;
		margin-top:10px;
		width:191px;
		height:100%;
	  }
	.rightContent{
		float:right;
		margin-top:10px;
		width:755px;
		overflow:hidden;
		height:100%;
		margin-bottom:15px;
		}
/*
> sideNav moudle
*/
/*
	.sideNav
	{
		overflow:auto;
		float:left;
		height:100%;
	}*/
	.sideNav h3{
		height:28px;
		line-height:28px;
		font-weight:bold;
		background:url(../images/sideNavTitleBg.gif) no-repeat left top;
		}
	.sideNav a{
		color:#0085c2;
		font-weight:bold;
		}
		.sideNav h3 span{
			margin-left:10px;
			color:white;
			
			}
		ul.sideNavBody{
			padding-bottom:25px;
			margin-top:1px;
			height:100%;
			min-height:100%;
			background:url(../images/sideNavBodyBg.jpg) no-repeat top center;
			}
		ul.sideNavBody li.level1{
			line-height:50px;			
			border-bottom:1px solid #cae0f2;
			}	
			ul.sideNavBody li.level1 a{
				display:block;				
				padding-left:35px;
				}
			ul.sideNavBody ul.level2
			{
				display:none;
				padding-left:20px;
			}
				ul.sideNavBody ul.level2 li{
					line-height:35px;
					}
			.currentNav{
				background:url(../images/currentNavBg.jpg) repeat-y right top;
				}
			a.open{
				background:url(../images/open.gif) no-repeat 20px center ;
				}
			a.close{
				background:url(../images/close.gif) no-repeat 20px center ;
				}
	#industray li{ width:150px; 
	line-height:30px !important;
	border-bottom:1px solid #cae0f2;
}
  
/*
 > sideNews
*/
/*
.sideNews
	{
		overflow:auto;
		float:left;
		height:100%;
	}
*/
.sideNews h3{
		height:28px;
		line-height:28px;
		font-weight:bold;
		background:url(../images/sideNavTitleBg.gif) no-repeat left top;
		}
	.sideNews a{
		color:#0085c2;
		}
		.sideNews h3 span{
			margin-left:10px;
			color:white;
			}
		.sideNews ul{
			margin:10px;
			}
			.sideNews ul li{
				line-height:25px;
				padding-left:12px;
				background:url(../images/news.gif) no-repeat left 8px;/*left center*/
				}
				.sideNews a:hover{
					text-decoration:underline
					}
				
/*
 > guide
 */
 #guide{
	 height:30px;
	 line-height:30px;
	 border-bottom:1px solid #9d9d9d;
	 }
	 #guide a{
		 padding:0 10px 0 15px;
		 color:#0085c2;
		 background:url(../images/dot2.gif) no-repeat left center;
		 }
		 #guide a:hover{
			 text-decoration:underline;
			 }
	 #guide a.index{
		 background:url(../images/homeIcon.gif) no-repeat left center;
		 }
	 #guide span{
		 padding:0 10px 0 15px;
		 background:url(../images/dot2.gif) no-repeat left center;
		 }

/*
 > pagenation
 */
.pagenation{
	margin:10px auto;
	width:740px;
	height:30px;
	line-height:30px;
	background:url(../images/pagenationBg.gif) no-repeat left center;
	}
	.pagenation ul{
		float:right;
		}
	.pagenation li{
		float:left;
		margin:auto 8px;
		}
		.pagenation li a{
			color:#0085c2;
			}
			.pagenation li a:hover{
				text-decoration:underline;
				}
.pagenation div{
	float:left;
	width:auto !important;
}
/**************************************************
 *
 * common class
 *
 **************************************************/
  /*
  > textalign
  */
  .alignLeft{
	  text-align:left;
	  }
  .alignCenter{
	  text-align:center;
	  }
  .alignRight{
	  text-align:right; 
	  }
			.gray{
				background:#f2f2f2;
				}
/*
 > linkImg
 */
 a{
	 font-weight:normal;
	 color:#0280bb;
	 }
 a:hover{
	 color:navy;
	 }
/*
 > linkImg
 */
 a.linkImg:hover img
 	{
		border:1px solid #0CF !important;
 	}
/*
> margin
 */	
 .ML15{margin-left:15px;}
/*
  > infoSwitcher
  */
  .infoSwitcher{
	  clear:both;
	  width:735px;
	  _height:490px;
	  min-height:490px;
	  margin-top:10px;
	  padding:0 10px;
	  background:url(../images/switcherBg.gif) no-repeat left top;
	  }
	  .infoSwitcher h3{
		  cursor:pointer;
		  padding-left:15px;
		  height:34px;
		  line-height:34px;
		  font-weight:bold;
		  color:white;
		  }
		    .infoSwitcher h3  span{				
				display:block;
				float:left;
				width:94px;
				height:34px;
				line-height:34px;
				text-align:center;
				color:white;
				font-weight:bold;
				}
				 .infoSwitcher h3  span.currentItem_S{
					 color:black;
					 background:url(../images/currentItemBg.gif) no-repeat center bottom;
					 }
			.infoSwitcher div{
				}
			.infoSwitcher p{
				line-height:25px;
				margin:5px 10px;
				text-indent:2em;
				}

.show{display:block;}
.hide{display:none;}
/*
 > other case
 */
 .otherCase{
	 position:relative;
	 }
	.otherCase h3{
		 line-height:24px;
		 background:#8cc8e3;
		 }
		 .otherCase h3 span{
			 margin-left:10px;
			 }
		.otherCase h3 a{
			position:absolute;
			right:10px;
			color:white;
			}
			.otherCase h3 a:hover{
				text-decoration:underline;
				}
		.caseItem{
			float:left;
			margin:5px;
			width:350px;
			}
			.caseItem h4{
				margin:5px 0;
				font-size:14px;
				font-weight:bold;
				}
				.caseItem h4 a:hover{
					text-decoration:underline;
					}
			.caseItem .caseImg{
				float:left;
				margin-top:5px;
				}
			.caseItem .caseImg img{
				padding:1px;
				width:147px;
				border:1px solid #ccc;
				}
			.caseItem .caseTxt{
				float:left;
				width:185px;
				margin-left:10px;
				}
				.caseTxt p{
					color:gray;
					text-indent:0;
					margin:0;
					}
					.caseTxt p strong{
						color:#0280bb
						}
/*选项卡*/
#switchTabCon{
	clear:both;
}
#switchTabCon ul#tabNav{
	clear:both;
}
#switchTabCon ul#tabNav li{
	float:left;
	text-align:center;
	position:relative;
}
#switchTabCon ul#tabNav li a{
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:3px 10px 0 10px;
	background:url(../images/tabBgLeft.gif) no-repeat left bottom;
	margin-right:2px;		
	cursor:pointer;
}
#switchTabCon ul#tabNav a:hover{
	background:url(../images/tabBgSelectedLeft.gif) no-repeat left bottom;
}
#switchTabCon ul#tabNav a:hover span{
	background:url(../images/tabBgSelectedRight.gif) no-repeat left bottom;
}
#switchTabCon ul#tabNav a.selected{
	font-weight:bold;
	background:url(../images/tabBgSelectedLeft.gif) no-repeat left bottom;
}
#switchTabCon ul#tabNav a.selected span{
	
	background:url(../images/tabBgSelectedRight.gif) no-repeat left bottom;
}
#switchTabCon ul#tabNav a span{
	displasy:block;
	position:absolute;
	right:0;
	top:0;
	width:5px;
	height:29px;
	background:url(../images/tabBgRight.gif);
}
#tabCon{
	clear:both;
	border:1px solid #aae4ec;
	padding:10px;
	height:100%;
	overflow:auto;
}
#tabCon .tabBox{
	clear:both;
	display:none;
}
#tabCon .tabBox img{
	padding:1px;
	border:1px solid silver;
	width:137px;
	height:80px;
}
#tabCon .tabBox li{
	float:left;
	margin:5px;
}
#tabCon .tabBox p{
	text-align:center;
}