﻿body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#fff;
}
div{
	
}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
a{
       text-decoration:none;
}

img{
	border:0px;
}
.Overall{
	margin:auto;
	width:890px;
	float: center; 
}
.Loag{
    float: left;
	width:225px;
	height:	60px;
	padding:20px 0px 0px 5px;
}

.TopNav{
      width:600px;
    	padding:20px 10px 0px 2px;
    	font-weight:bold;
    	float:right; 
    	text-align: right;
    	font-size: 12px;
    	color: #B8D22D;
	}
.TopNav a:link {
	color: #B8D22D;
	text-decoration: none;
}
.TopNav  a:visited {
	text-decoration: none;
	color: #B8D22D;
}
.TopNav  a:hover {
	text-decoration: none;
	color: #666;
}
.TopNav a:active {
	text-decoration: none;
}


.Nav {
	width:600px;
    padding:36px 5px 0px 0px;
    float:right; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: right;
	color: #B8D22D;
}
.Nav a:link{
	color: #666;
	font-size: 12px;
	font-weight: bold;
}
.Nav a:visited {
	text-decoration: none;
	color: #666;
	
}
.Nav a:hover{
	font-size: 12px;
	color:#B8D22D;
	font-weight:bold;
}
.Nav a:active{
	font-size: 12px;
	color:#B8D22D;
	font-weight:bold;
}

.Na {
    clear:both;
	width:850px;
    padding:10px 12px 6px 0px;
    float:right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #B8D22D;
	line-height: 26px;
}

.Na a{
	 display: block;
	 width: 100px;
	 text-align:center;
}
.Na a:link{
	color: #333;
	font-size: 12px;
}
.Na a:visited {
	font-size: 12px;
	color: #333;
}
.Na a:hover{
	font-size: 12px;
	color:#B8D22D;
}
.Na a:active {
	font-size: 12px;
	color:#333;
}




.Line{
      	clear:both;
	width:890px;
	border-bottom:1px #B7D330 solid;
	text-align:left;
}

.Title{
	padding:25px 0px 0px 0px;
}
.TempTitle{
	float: left;
	width:290px;	 
	height:250px;
	background-color:#B7D330;
	padding:0px 0px 0px 0px;
       color: #fff;
       text-align:left;
       font-family:Candara,Verdana, Arial, Helvetica, sans-serif;
}
.Dtitle{
	font-size: 24px;
	color: #fff;
	padding:30px 10px 20px 30px;	
      font-weight: bold;
}

.Overview{
	font-size: 17px;
	color: #fff;
	padding:0px 10px 20px 30px;
	
}


.Topflash{
    	float:right; 
	height: 250px; 
	padding:0px 0px 0px 0px;
}

.Body{
      	clear:both;
	line-height: 24px;
	padding:20px 0px 50px 0px;
	text-align:left;
}


.TempCont{
	padding:10px 20px 20px 40px;
	width:680px;
	font-size:12px;
	line-height:24px;
}
.TempCont img{
	padding:5px;
	border:1px solid #EEE;
}
.prodtable{
	border-collapse: collapse;
	width:100%;
}
.prodtable td{
	border:1px #E8E8E8 solid;
	padding:5px 0px 5px 10px;
	line-height:normal;
	text-align:left;
}

.Bottom{
	font-size:10px;
	clear:both;
	position:relative;
	padding:20px 10px 50px 10px;
	text-align:left;
	line-height: 24px;
	top: 0px;
	left: 0px;
	background-attachment: scroll;
}
.Bottom a:link {
	color: #333333;
	text-decoration: none;
}
.Bottom  a:visited {
	text-decoration: none;
	color: #333333;
}
.Bottom  a:hover {
	text-decoration: none;
	color: #AFCB2C;
}
.Bottom a:active {
	text-decoration: none;
}



/*表格内文字样式*/
#order_online table{
	font: 9pt Verdana;
	color: #333;
}
 /*提示*/
#order_online div{
color:#F00
}
 /*行颜色1*/
#order_online .order_tr1{
	background-color: #eee;
}
 /*行颜色1*/
#order_online .order_tr2{
	background-color: #e8e8e8;
}
 /*输入框样式*/
#order_online .order_testinput{
	font-family: Verdana;
	font-size: 9pt; 
	border: 1px solid #CCC; 
	background-color: #F9F9F9;
}


/**************内容部分-后退按钮样式*************/
.Back{
	text-align:center;
}
.Back a{
	font-size: 12px;
	margin-right:10px;
	padding: 3px 10px 2px 10px;
	border: 1px silver solid;
	background-color: #F3F3F3;
	text-decoration: none;
	color:gray;
}
.Back a:hover{
	background-color: #FF0000;
	color: black;
}


/**************内容部分-新闻样式*************/
.NewsTitle{
	text-align:left;
	font-size: 14px;
	margin-bottom:10px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #003399;
}
.NewsFrom{
	text-align:left;
	font-size: 12px;
	color: #666666;
	margin-bottom:20px;
}
.NewsContent{
	text-align:left;
	margin-bottom:20px;
}

/**************内容部分-产品样式*************/
.ProdTitle{
	text-align:center;
	font-size: 14px;
	margin-bottom:20px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #003399;
}
.ProdContent{
	text-align:left;
	margin-bottom:20px;
}

/**************内容部分-图标列表样式*************/
.ContentIcoList{
	margin-top: 20px;
	margin-left: 18px;
	text-align: center;
}
.ContentIcoList li{
	font-size: 12px;
	line-height: 20px;
	float: left;
	width: 140px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:20px;
	white-space: normal;
	background-image:url('cpbj.jpg');
	background-position:bottom;
	background-repeat: repeat-x;
	border:1px #E2E2E2 solid;
	border-right:2px #999999 solid;
	border-bottom:2px #999999 solid;
	padding:5px;
}
.ContentIcoList li:hover{
	background-image:url('cpbj2.jpg');
}
.ContentIcoList img{
	width: 130px;
	height: 120px;
	margin-left: 3px;
	border:0px;
}
.ContentIcoList span{
	display: block;
	margin-top:2px;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ContentIcoList a{
	font-size: 12px;
	text-decoration: none;
	color: #666;
}
.ContentIcoList a:hover{
	color: #FF0000;
}

.product li{
	float: left;
	margin:10px;
}
.product .more{
	margin-bottom:30px;
	text-align: left;
}


/**************内容部分-文字列表样式*************/
.ContentTextList{
	text-align:left;
	list-style: none;
	margin:20px;
	line-height: 30px;
}
.ContentTextList li{
	border-bottom:1px #CCCCCC dotted;
}
.ContentTextList span{
	float: right;
	margin-right:10px;
}
.ContentTextList a{
	margin-left:3px;
	display: block;
	float: left;
	width:400px;
	text-decoration: none;
	color: #333333;
}
.ContentTextList a:hover{
	color: #AA0000;
}
/**********************产品标题**************************/
.ListName{
	border-left: 0px solid #2274B0;
	border-top: 0px solid #2274B0;
	width: 670px;
	padding:4px 0px 3px;
	background-image:url('../body6.jpg');
	background-position:left center;
	background-repeat:repeat-x;
	border-right:0px #296096 solid;
	border-bottom:0px #296096 solid;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.ListName .Name{
	display: block;
	float:left;
	width:400px;
	text-indent:20px;
	color: #DF0D12;
	font-size: 14px;
	font-weight: bold;
}
.ListName .More{
	display: block;
	float:left;
	width:100px;
	font-size: 12px;
}
.ListName a{
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
.ListName a:hover{
	color: #DF0D12;
}
/**************内容部分-分页样式*************/
.Pagination{
	width:100%;
	padding:5px;
	text-align: right;
}
.Pagination a{
	margin-right:10px;
	padding: 3px 10px 2px 10px;
	border: 1px silver solid;
	background-color: #F3F3F3;
	text-decoration: none;
	color:gray;
}
.Pagination a:hover{
	background-color: #FFFFFF;
	color: black;
}


.wz{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
       text-decoration:none;
	color: #333333;
}
.wz a:link {
	color: #333333;
	text-decoration: none;
}
.wz a:visited {
	text-decoration: none;
	color: #333333;
}
.wz a:hover {
	text-decoration: none;
	color: #DF0D12;
}
.wz a:active {
	text-decoration: none;
}



#menu1 {
	position:absolute;
	width:220px;
	height:46px;
	z-index:3;
	text-align:left;
	}

/*CSS Code for Menu Begin:*/ 
/* Root = Vertical, Secondary = Vertical */ 
ul#navmenu, 
ul#navmenu li, 
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 220px; 
	list-style: none;
	font-weight:bold;
} 
ul#navmenu li {
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	font-weight:bold;
	
} 
/* Root Menu */ 
ul#navmenu a { 
padding: 0 6px; 
display: block; 
color: #666; 
font: 12px/22px Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
background-color:#fff;
font-weight:bold;
border: 1px solid #FFF; 
border-bottom-color: #eee; 
height: auto !important; 
height: 1%; /*For IE*/ 
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
color:#B8D22D; 
background-color:#fff;
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
color:#B8D22D; 
background-color:#fff;
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 

} 

ul#navmenu ul, 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 160px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 

