﻿#nav { height:83px; background:url(../nav-style/bg.jpg) repeat-x; width:100%; }
#nav_conter { width:1130px; margin:0 auto;}
#nav_conter_logo { width:200px; float:left;}
*{outline: none;}
#nav_right { width:930px; float:left; height:83px;}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	width:103px;
	z-index:10;
}
ul#topnav li a {
	float: left; 
	height:43px;
	width:103px;
}
#menu { padding:40px 0 0 0;
text-align:center;
background:url(../nav-style/bt-0.jpg) no-repeat;
text-decoration:none;
color:#A7A7A7;
	}

ul#topnav li a.hover {  background:url(../nav-style/bt-3.jpg) no-repeat; color:#FFF; text-decoration:none;
}
ul#topnav li:hover a, ul#topnav li a:hover {  background:url(../nav-style/bt-2.jpg) no-repeat; color:#FFF; text-decoration:none; }
ul#topnav a.home, ul#topnav a.products, ul#topnav a.buy, ul#topnav a.down, ul#topnav a.support, ul#topnav a.resource, ul#topnav a.promotion, ul#topnav a.company, ul#topnav a.forum {
	background:url(../nav-style/bt-0.jpg) no-repeat;
	width:103px;
	padding:40px 0 0 0;
	margin:0;
	text-align:center;
	color:#A7A7A7;
	text-decoration:none;
}
/*----------------------------------------*/
ul#topnav li .sub {
	position: absolute;	
	top: 83px; left: 0;
	/*background: #000 url(sub_bg.png) repeat-x;列表背景*/
	float: left;
	display:none;
	background:#222222;
}
#duct { background:url(../nav-style/menu-bg1.jpg) no-repeat;  }
#other { background:url(../nav-style/other-bg.jpg) no-repeat;}

ul#topnav li .row {clear: both; float: left; width: 100%; padding:42px 0 0 0; }
ul#topnav li .row02 { width:450px; padding:10px 0 0 0; line-height:30px; }
ul#topnav li .row03 { padding:10px 0 0 0; width:225px;}
ul#topnav li .row04 { padding:0; width:500px; }

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; 
	padding:0;
	width:100%;
	padding: 0;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	font-size:11px;
}
ul#topnav .sub ul li h2 {
	padding:0;  
	margin: 0;
	line-height:36px;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
}
ul#topnav .sub .row02 ul li h2 a {
	background-image: none;
	color: #0CB0ED;
	float: none;
}
ul#topnav .sub .row02 ul li h2 a:hover {
	background-image: none;
	color: #FFF;
	text-decoration:underline;
}
ul#topnav .sub .row ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/

	padding: 7px 0 7px 10px;
	display: block;
	text-decoration: none;
	color: #A7A7A7;
	background:none;
	width:215px;
	height:16px;
}
ul#topnav .sub .row ul li a:hover {color: #FFF;
	background:url(../nav-style/menu-bg1-d.jpg) no-repeat;
	 }
/*----------------------------------------*/
ul#topnav .sub .row03 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 0 7px 10px;
	display: block;
	text-decoration: none;
	color: #A7A7A7;
	background:none;
	width:215px;
	height:16px;
}
ul#topnav .sub .row03 ul li a:hover {
	color: #FFF;
	background:url(../nav-style/menu-bg1-d.jpg) no-repeat;
}
/*--------------------------------------------*/
ul#topnav .sub .row04 ul li a {	
}
ul#topnav .sub .row04 ul li a:hover {
}
/*----------------------------------*/
#tabx { width:500px; background:url(../nav-style/buy-bg2.jpg) repeat-y; padding:10px 0 0 0; }
#tabTitlex { float:left; width:203px;}
/*---------------------------*/
#TabItemTitlex { width:100%; clear:both; cursor:pointer; margin-top:0; }
#TabItemTitlex ol { width:203px; margin:0; padding:0; }
#TabItemTitlex ol li { margin:0; padding:0; list-style-image:none; list-style-type:none; }
#TabItemTitlex ol li.TabTitlex1 a, #TabItemTitlex ol li.TabTitlex2 a, #TabItemTitlex ol li.TabTitlex3 a, #TabItemTitlex ol li.TabTitlex4 a, #TabItemTitlex ol li.TabTitlex5 a { font-size:1.0em; position:relative; padding:8px 0 0 10px; float:left; width:193px; height:22px; color:#AFAFAF; margin:0px; text-indent:0px; text-decoration:none; z-index:100}

#TabItemTitlex ol li.TabTitlex1 a { background:url(../nav-style/buy-bt0.jpg) no-repeat; }
#TabItemTitlex ol li.TabTitlex2 a { background:url(../nav-style/buy-bt0.jpg) no-repeat; }
#TabItemTitlex ol li.TabTitlex3 a { background:url(../nav-style/buy-bt0.jpg) no-repeat; }
#TabItemTitlex ol li.TabTitlex4 a { background:url(../nav-style/buy-bt0.jpg) no-repeat; }
#TabItemTitlex ol li.TabTitlex5 a { background:url(../nav-style/buy-bt0.jpg) no-repeat; }

#TabItemTitlex ol li.TabTitleCurrentx a { background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF }
#TabItemTitlex ol li.TabTitleCurrentx1 a { background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF }
#TabItemTitlex ol li.TabTitleCurrentx2 a {background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF }
#TabItemTitlex ol li.TabTitleCurrentx3 a { background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF }
#TabItemTitlex ol li.TabTitleCurrentx4 a { background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF}
#TabItemTitlex ol li.TabTitleCurrentx5 a { background:url(../nav-style/buy-bt.jpg) no-repeat; color:#FFFFFF}
/*---------*/
#TabItemContentx1, #TabItemContentx2, #TabItemContentx3, #TabItemContentx4, #TabItemContentx5 { width:460px; line-height:16px; padding:0; float:left;}
#TabItemContentx1 ul.Leftx, #TabItemContentx2 .Leftx, #TabItemContentx3 .Leftx, #TabItemContentx4 .Leftx, #TabItemContentx5 .Leftx  { width:297px; margin:0; position:relative; list-style:none; padding:5px 0; z-index:200}
#TabItemContentx1 ul.Leftx .overx, #TabItemContentx2 ul.Leftx .overx, #TabItemContentx3 ul.Leftx .overx, #TabItemContentx4 ul.Leftx .overx, #TabItemContentx5 ul.Leftx .overx { width:250px; margin:0; padding:0; color:#FFFFFF;}
#TabItemContentx1 ul.Leftx .overx p, #TabItemContentx2 ul.Leftx .overx p, #TabItemContentx3 ul.Leftx .overx p, #TabItemContentx4 ul.Leftx .overx p, #TabItemContentx5 ul.Leftx .overx p { margin:0; padding:0 0 0 10px; line-height:28px; }
#TabItemContentx1 ul.Leftx .overx p a, #TabItemContentx2 ul.Leftx .overx p a, #TabItemContentx3 ul.Leftx .overx p a, #TabItemContentx4 ul.Leftx .overx p a, #TabItemContentx5 ul.Leftx .overx p a { color:#FFF; text-decoration:none; float: none; background:none;}
#TabItemContentx1 ul.Leftx .overx p a:hover, #TabItemContentx2 ul.Leftx .overx p a:hover, #TabItemContentx3 ul.Leftx .overx p a:hover, #TabItemContentx4 ul.Leftx .overx p a:hover, #TabItemContentx5 ul.Leftx .overx p a:hover { color:#FFF; clear:both; text-decoration:underline;  background:none;}
#TabItemContentx2, #TabItemContentx3, #TabItemContentx4, #TabItemContentx5 { display:none; }

@media (min-width: 768px) and (max-width: 979px) {
	

	
	}
	
	
	
@media (min-width: 480px) and (max-width: 767px) {
	
	
	}
	
	
@media  (max-width: 479px) {

	
	}