﻿/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:24px;
color:#4d4d4d;
background:url(../images/index_01.gif) repeat-x top;
}
img{
border:none;
}
ul li{
list-style:none;
}
a{ color:#4d4d4d;text-decoration: none;}

a:hover{color:#0259a8;text-decoration:none;}
h1{
float:left;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}
#en_cn{
float:right;
margin-top:35px;
margin-right:1px;
margin-bottom:9px;
text-align:right;
}
/*--------------------index.html start----------------------*/
#container{
width:908px;
margin:auto;
}
#head{
width:908px;
height:94px;
margin:auto;
background:url(../images/h_b.gif) no-repeat right;

}

#flash{
width:908px;
height:231px;
float:left;
}

#main{width:908px;
margin:auto;

}

#menu{ float:left;
	width:908px;
	height:38px;
 background:url(../images/index_08_en.gif) no-repeat;
 padding-top:8px;

}

ul.menu {list-style:none; margin:0; padding:0; float:inherit; text-align:center ; }
ul.menu * {margin:0; padding:0; line-height:35px;}
ul.menu a {display:block; color:#666e00; text-decoration:none; }
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute;  left:0;background:#dbedb1; display:none; opacity:0; list-style:none;  text-align:center ;}
ul.menu ul li {position:relative; border-top:none; width:110px; margin:0;font-weight: bold;color:#666e00;}
ul.menu ul li a {display:block; font-weight: bold;  line-height:24px;color:#666e00; }
ul.menu ul li a:hover {background:#fff; color:#54b951;font-weight: bold; }
ul.menu ul ul { top:0px ;left:110px;  width:150px;}
ul.menu ul ul a{ top:0px ;left:110px;  width:150px;}
ul.menu .menulink {font-weight:bold; height:38px; font-size:14px; width:89px;}
ul.menu .menulink:hover, ul.menu .menuhover { background:url(../images/b_bei.gif) repeat-x;color:#088665; }
ul.menu .sub {color:#666e00;}
ul.menu .topline {color:#088665;}



#right{
width:679px;
float:left;
background:url(../images/kong_en.gif) no-repeat top;
}

#right h2{ color:#006699; font-size:14px; font-weight:bold; padding-left:45px; padding-top:13px;
}


#about{ padding-left:30px;  padding-right:10px; padding-top:20px; background:url(../images/l_bei.gif) repeat-y right;}
#di{ background:url(../images/di.gif) no-repeat}


.cuti{ color:#43a1d9; font-size:14px; font-weight:bold ;border-bottom:1px dashed #111; }


#left{
width:229px;
float:left;
}


#product{
width:229px;
background:url(../images/n_b.gif) no-repeat;
float:left;
}
#product h2{ color:#3e4236; font-size:14px; font-weight:bold; padding-left:50px; padding-top:18px; padding-bottom:20px; 
}

#product ul{overflow:hidden; text-align:left; padding-left:5px; line-height:31px;}
#product ul li{display:inline;float:left;color:#4aa4e3; }
#product ul li a{width:200px;  float:left;  padding-left:22px;}
#product ul li a:hover{ width:200px; color:#27930e;  float:left; background:url(../images/p_b.gif) no-repeat;}

#product span{ float:left; margin-top:-267px; margin-left:146px;}





#p1{
width:223px;
background:url(../images/n_b1.gif) no-repeat;
float:left;
padding-left:6px;
}
#p1 h2{ color:#3e4236; font-size:14px; font-weight:bold; padding-left:50px; padding-top:18px; padding-bottom:20px; 
}
#p1 ul{overflow:hidden; text-align:left;  line-height:31px;}
#p1 ul li{display:inline;float:left;color:#4aa4e3; }
#p1 ul li a{width:200px;  float:left;  padding-left:22px;}
#p1 ul li a:hover{ width:200px; color:#27930e;  float:left; background:#daecb1; border:#dcdcdc solid 0px; border-radius:3px;}


dl,dd,dt,ul,li{background:none; margin:0; padding:0; list-style:none; color:#333;}
#wenzhang{ width:215px; text-align:left; font-size:12px;border-left:1px solid #dedede;border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
#wenzhang  dd dl dt{ border-top:1px solid #dedede; background:#f2f2f2; height:25px; line-height:18px; padding-top:10px; font-weight:bold;}
#wenzhang ul{ background:#f9f9f9; width:215px; }
#wenzhang li{ border-top:1px solid #efefef; line-height:25px; }

#aboutus{
width:341px;
height:390px;
background:url(../images/index_15_en.gif) no-repeat;
float:left;
}

#aboutus p{ font-size:12px; padding-left:20px;  padding-right:20px; padding-top:50px; }
#aboutus  span{ float:left;margin-top:-340px; margin-left:280px;}

#news{
width:298px;
height:340px;
background:url(../images/index_16_en.gif) no-repeat;
float:left;
padding-left:20px;  padding-right:20px; padding-top:50px;
}

#news span{ float:left; margin-top:-340px; margin-left:255px;}

#contact{
width:229px;
height:150px;
background:url(../images/index_23_en.gif) no-repeat;
float:left;
margin-top:5px;
}
#contact p{ padding-left:20px; padding-top:38px;}

#footer{
float:left;
	height:36px;
	width:908px;
	text-align:center;
	padding-top:20px;
	background:url(../images/index_24.gif) no-repeat ;
	line-height:24px;
}

.zzb07tail
{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4d4d4d;
}
a.zzb07link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
color:#4d4d4d;
}

a.zzb07link:hover {
	text-decoration:underline;
color:#669acc;
}
#contactus{
width:232px;
height:140px;
padding-top:20px;
padding-left:40px;
float:left;
background:url(../images/index_20.gif) no-repeat left top;
}
#contactus-tu{
width:272px;
float:left;
}

#search{
width:320px;
float:left;
}
#search ul li{ float:left}

.searchinput{
height:18px;
color:#767676;
font-size:12px;
border:#c2bebc solid 0px;
width:245px;
float:left;
display:inline;
margin-right:15px;
}


#tu{
width:247px;
height:48px;
float:left;
padding-top:5px;
padding-left:10px;
}

#e-mail_1{
width:436px;
height:172px;
background:url(../images/ss.gif) no-repeat top;
padding-top:120px;
padding-left:170px;
}
#e-mail_1 ul li{width:180px;}

#e-mail_1 .login{
padding-top:12px;
float:left;
}
#e-mail_1 .login1{
width:160px; float:left; padding-left:30px; padding-top:10px;
}


.searchinput1{
height:18px;
color:#7d7d7d;
border:solid 1px #a5acb2;
background:#fff;
width:140px;
margin-right:8px;
margin-top:3px;
}
#Layer1 {
	position:absolute;
	width:130px;
	height:100px;
	z-index:1;
	visibility: hidden;
	margin-left:100px;
	margin-top:10px;}
* html #Layer1 {
	position:absolute;
	width:130px;
	height:100px;
	z-index:1;
	visibility: hidden;
	margin-left:-90px;
	margin-top:10px;}
* + html #Layer1 {
	position:absolute;
	width:130px;
	height:100px;
	z-index:1;
	visibility: hidden;
	margin-left:-90px;
	margin-top:10px;}

#Layer1 ul{overflow:hidden;  text-align:left; line-height:24px; }
#Layer1 ul li{display:inline;float:left;border:1px thick #111;}
#Layer1 ul li a{width:110px; float:left;font-weight:normal;background:#8a940c; font-size:12px; margin-top:1px; color:#FFFFFF}
#Layer1 ul li a:hover{width:110px; float:left;font-weight:normal; background:#8a940c;font-weight:bold; color:#FFFFFF}
