﻿body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    line-height:16px;
    background: #F6DDD4 url(../Images/bgBody.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;	
    color:Black;
}
img{
    border:none;
}
a{
    color:Black;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
    color:Red;
}
h1 {
    text-align:left;
    clear: both;
    display: block;
    color:#003366;	
    font-family: Verdana;
    line-height: 100%;
    font-weight: 900;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
}
h2 {
    text-align:left;
    clear: both;
    display: block;
    color:#003366;	
    font-family: Verdana;
    font-size: 14px;
    line-height: 100%;
    font-weight: 900;
    margin: 0px 0px 5px 0px;
}
#container {
	width: 900px;   
	margin: 0 auto; 
	text-align: left;
    position: relative;
    background:#F6DDD4;
}
#header {
    margin:0 auto;
    width: 900px;
}
#headertop 
{
    height: 80px;
    width: 900px;
    margin: 0px;
    padding: 0px;
}
#logo {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	float: left; 
	padding-bottom: 0px; 
	width: 300px; 
	height: 72px;
}
#topright 
{
    width: 200px;
    height: 20px;
    text-align: right;
    padding: 0px 20px 0px 0px;  
    margin: 0px 0px 0px 0px;
    float:right;
    background:url(../Images/bgTopright.gif);
}
#topright a
{
    color:White;
    text-decoration:none;
    margin:0;
    padding:0 20px;
    height:20px;
    border:0px;
    line-height:20px;
    width:70px;
}
#topright a:hover{
    text-decoration:underline;
    margin:0;
    padding:0 20px;
    height:20px;
    border:0px;
    line-height:20px;
    width:70px;
    background:url(../Images/bgMenu.gif);
}

/*|||||||||||||||||||||Topmenu||||||||||||||||||||*/


#topmenu {
    margin:0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 900px; 
	height: 40px;
	text-align:center;
    background:url('../Images/bgMenu.gif') repeat-x;
}
#topmenu ul{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
   	width:600px;
	list-style-type: none; 
	height: 40px;
    float:left;
}

#topmenu ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
    font: 500 13px Verdana;
	display: inline; 
	float: left; 
	overflow: visible; 
	height: 40px;
	border:0px;
    width:100px;
}
#topmenu ul li a {
	color: White;
	text-decoration: none;
	display: block;
    width:100px;
	height: 40px;
	line-height: 40px;
    margin:0;
    border:0px;
	padding: 0;
    text-align:center;
	outline: 0;
}
#topmenu ul li a:hover {
	text-decoration:underline; 
    background:url('../Images/bgMenuActive.gif') repeat-x;
}
#search{
    width:170px;
    height: 15px;
    float:right;
    margin: 13px 10px 0px 0px;  
    padding:0px; 
    text-align:left;
}
#searchField {
    height: 15px;
    width: 113px;
    border:0px;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 15px;
    color: #999999;
    font-size: 10px;
    background:#ffffff url(../Images/searchfieldbg.gif) no-repeat;     
    display:block;
    float:left;
}
#searchButton {
    height: 15px;
    width: 20px;
    margin:0;
    border:0px;
    background-image: url(../Images/searchbuttonbg.gif);  
    background-color: #FFFFFF;
    cursor:pointer;
}


#mainContent {
	padding: 0; 
}
#banner{
    width: 900px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.spot{
    float: left;
    width: 220px;
	padding: 0px 0px 5px 0px;
	cursor:pointer;
}
.spot:hover {
    background-color: #E79F87;
}

.spot img{
    width:220px;
    height:120px;
}
.spot p{
    text-align:left;
    margin: 0px;
}
#clearfooter{
	clear: both;
	width:900px;
}
#footer {
	clear: both;
	width:900px;
	margin:20px 0px 0px 0px;
	padding:10px 0 10px 0;
	text-align: center;
	font-family: arial;
	border-top: 1px solid #000000;
}

/*|||||||||||||||||||||二级页面||||||||||||||||||||*/

.suckerdiv  {
	position: absolute;
	top: 0;
	left: 0;
    width: 170px; 
	vertical-align: top; 
	padding: 15px 10px 15px 20px;     
}
.suckerdiv ul{
    padding: 0px 0px 0px 0px;
	font-weight: 500; 
	margin: 0px; 
	font-family: Arial;
	list-style-type: none;
	width: 160px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
    position: relative;
    padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	display: block;
	line-height: 100%;
	text-indent: 0px; 
	border:0px;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
    left: 159px; /* Parent menu width - 1*/
    position: absolute;
    width: 160px; /*sub menu width*/
    top: 0;
    display: none;
    background-color:#f3f4f4;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
    left: 99px; /* Parent menu width - 1*/
    background-color:#f3f4f4;
}

/* menu links style */
.suckerdiv ul li a{
    display: block; 
	padding: 4px 0px 4px 0px;
	margin: 0px;
	color: #000000; 
	border-bottom: 1px solid #000000; 
	text-align: left; 
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	font-family: arial;
	outline: none;
	
}

.suckerdiv ul li a:hover{
 	border-bottom: 1px solid #ff0000; 
	text-decoration: none;
	color: #ff0000;
}

.suckerdiv .subfolderstyle{
    background: url(../images/arrow.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#right {
	position: absolute;
	top: 0;
	right: 0;
	width: 170px;
	padding: 15px 20px 15px 10px; 
}
#center { 
	margin: 0px 200px;
	padding: 15px;     
}
#desc{
	margin: 0px 0px 0px 200px;
	padding: 15px;     
    background-color:#F6DDD4;
}

/*|||||||||||||||||||||||||留言板||||||||||||||||||||||||||||||*/

.style1
{
    width: 100px;
    text-align:right;
    font-family: Verdana;
    vertical-align:top;
    height:30px;
    
}
.style2
{
    font-family: Verdana;
    vertical-align:top;
    padding-left:50px;
}

/*|||||||||||||||||||||产品||||||||||||||||||||*/


.productsolution {
	margin: 10px 0px 20px 0px;
	clear: both;
	overflow: hidden;
	cursor:pointer;
}
.productsolution:hover {
    background-color: #E79F87;
}

.productsolutionimage {
float: left;
height: 90px;
width: 90px;
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.productsolutiontext {
float: right;
height: 80px;
width: 310px;
border: 1px solid #cccccc;
margin: 0px 0px 0px 0px;
padding: 6px 10px 2px 10px;
font-size: 11px;
line-height: 120%
}

.productsolutiontext {
color: #666666;
text-decoration: none;
}

.productsolutiontext:hover {
color: #002d6e;
text-decoration: none;
}

.productsolutiontext div {
color: #666666;
text-decoration: none;
}

.productsolutiontext div:hover {
color: #002d6e;
text-decoration: none;
}


.productsolutiontextb {
float: right;
height: 80px;
width: 310px;
border: 1px solid #cccccc;
margin: 0px 0px 0px 0px;
padding: 6px 10px 2px 10px;
font-size: 11px;
line-height: 120%
}

.productsolutiontextb {
color: #666666;
text-decoration: none;
}

.productsolutiontextb div {
color: #666666;
text-decoration: none;
}

