@charset "utf-8";
#nav {
	height: 63px;
	width: 1012px;
}
#logo {
	float: left;
	height: 63px;
	width: 199px;
}
#navmain {
	float: left;
	height: 63px;
	width: 813px;
}
#topmargin {
	height: 20px;
	width: 813px;
}
#mynav {
	height: 43px;
	width: 813px;
	background:#000066
}
ul,li{
list-style-type:none;}
img {
	border: 0;
}
#YLetter {
	width: 813px;
	height: 43px;
	background:url(../images/nav/navbg.jpg) 0 0 repeat-x;
}
#YLTabs ul {
	position: relative;
	z-index: 10;
	float: left;
	width: 800px;
	min-height: 43px;
	line-height: 43px;
	list-style-type: none;
}
#YLTabs li {
	position: relative;
	z-index: 11;
	float: left;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	width: 106px;
	height:43px;
	min-height: 43px;
	line-height: 43px;
	text-align: center;
}
#YLTabs li a {
	text-decoration: none;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bolder;	
}
#YLTabs dl {
	position: absolute;
	z-index: 12;
	width: auto;
	top: 43px;
	left: -140px;
	background:#FFF}
#YLTabs dt {
	position: absolute;
	z-index: 15;
	cursor: pointer;
	left: 140px;
	top: -43px;
	text-align: center;
	background:url(../images/nav/navbgover.jpg) 0 0 repeat-x;
	width: 106px;
	color:#fff;
	overflow: hidden;
}
#YLTabs dd{
	position:absolute;
	z-index: 14;
	left: -50px;
	top: 0px;
	width: 1002px;
	height:153px;	
	border:1px solid #EEE;
	border-top-width:0px;
	border-bottom-color:#999;
	background:#fff;
	cursor: pointer;
}
#YLTabs dd p {
	line-height: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin-top:5px;
}
.hidden {
	display: none;
	clear: both;
}
#YLTabs dd #ddleft{
cursor:default;
width:181px;
height:150px;
float:left;
}
#YLTabs dd #ddleft #leftnav{
width:127px;
height:81px;
margin:30px auto;
cursor:hand
}
#YLTabs dd #ddleft .a1{
margin:0px;
padding:0px;
border-width:0px;
display:block;
width:127px;
height:39px;
float:left;
background:url(../images/nav/product.jpg) no-repeat;
}
#YLTabs dd #ddleft .a1:hover{
background:url(../images/nav/productover.jpg);
}
#YLTabs dd #ddleft .a2{
display:block;
width:127px;
height:42px;
float:left;
margin:0px;
padding:0px;
border-width:0px;
background:url(../images/nav/new.jpg) no-repeat;
}
#YLTabs dd #ddleft .a2:hover{
background:url(../images/nav/newover.jpg) no-repeat;}
#YLTabs dd #ddright{
cursor:default;
width:821px;
height:150px;
float:left;
z-index:-1;
background:#fff}
#YLTabs dd #ddright .show{
width:100px;
height:150px;
float:left;
background:#fff
}
#YLTabs dd #ddright .disappear{
position:absolute;
cursor:hand;
width:135px;
top:3px;
height:200px;
display:none;
border:1px solid #999999;
border-width:0px 1px 1px 1px;
background:#fff;
float:left
}
#YLTabs dd #ddright .disappear .newa{
color:#414141;
display:block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:130px;
height:20px;
line-height:20px;
background:#EEE;
margin:2px auto;
}
#YLTabs dd #ddright .disappear a:hover{
background:#CCC
}
#YLTabs dd #ddright .set{
float:left;
width:110px;
height:auto;
cursor:hand}
#YLTabs dd #ddright .image1{
width:95px;height:110px;margin-top:15px}
#YLTabs dd #ddright .image2{
width:125px;height:150px;
border-bottom:1px solid #999;
margin:0px;}
#YLTabs dd #ddright .about{
	width:170px;
	height:115px;
	float:left;
	display:block;
	margin-top:15px;
	margin-right:15px;
	border:5px solid #EEE;
	}
#YLTabs dd #ddright .about:hover{
	border-color:#C6C6C6}
