@charset "utf-8";
/* CSS Document */
#banner{
	width:100%;
	height:376px;
	background:url(../images/bannerbg.jpg) repeat-x;
	}
#Inbanner{
	width:100%;
	height:100px;
	background:url(../images/bannerbg.jpg) repeat-x;
	}	
#TopMiddle{
	width:1005px;
	padding-top:22px;
	position:relative;
	}	
.banner{
	width:1000px;
	height:324px;
	position:absolute;
	top:52px;
	z-index:1;
	}	
/*index*/
#index{
	margin-top:18px;
	width:100%;
	height:450px;
	background:url(../images/indexbg.jpg) repeat-x;
	padding-top:10px;
	}
.index{
	width:1000px;
	}	
.indexLeft{
	width:328px;
	}	
.indexRight{
	width:652px;
	padding-left:20px;
	}	
	
#indexAbout{
	width:302px;
	}
.indexAboutTop{
	height:38px;
	border-bottom:1px solid #000;
	}	
.indexAboutTop h2{
	font-size:14px;
	line-height:38px;
	color:#fe0000;
	float:left;
	}
.indexAboutTop a{
	float:right;
	display:inline;
	line-height:40px;
	color:#b5b5b5;
	}
.indexAboutTop a:hover{
	color:#fe0000;
	}	
.indexContent{
	padding-top:10px;
	line-height:22px;
	}
.indexContent li{
	line-height:30px;
	height:30px;
	border-bottom:1px dotted #e3e3e3;
	}	
	
/*IndexPro*/
#IndexPro{
	width:1000px;
	}
.IndexPro{
	width:240px;
	height:240px;
	background:url(../images/productbg.jpg) no-repeat;
	float:left;
	display:inline;
	position:relative;
	margin-left:9px;
	}	
.proTitle{
	position:absolute;
	width:235px;
	bottom:20px;
	background:url(../images/proTitlebg.png) no-repeat;
	height:42px;
	left:0px;
	}	
.proTitle a{
	float:right;
	display:inline;
	line-height:42px;
	color:#fff;
	padding-right:10px;
	font-size:14px;
	}	
	
#indexContact{
	float:right;
	display:inline;
	width:245px;
	height:240px;
	background:url(/images/indexContact.jpg) no-repeat;
	}	
	
/*proClass*/
.proClass{
	float:left;
	display:inline;
	position:relative;
	width:212px;
	height:126px;
	overflow:hidden;
	margin-left:1px;
	margin-top:1px;
	}
	
.proClassBg{
	width:192px;
	height:106px;
	background:#F00;
	position:absolute;
	left:0px;
	top:-126px;
	padding:10px;
	}	
.proClassBg a{
	color:#fff;
	}