@import url("main.css");

.logo{
	float:left;
	width:210px;
	height:80px;
	text-indent:-99999px;
	background:url(images/logo.gif) top right no-repeat;
}

#head{
	width:100%;
	height:auto;
	clear:both;
	margin:0 auto;
	background:#E0E0E0;
}

#headnav{
	width:auto;
	height:20px;
	line-height:20px;
	clear:both;
	color:#666666;
	text-align:right;
}

#headnav a{background: url(images/topitem.gif) no-repeat 0 2px;padding-left:8px;padding-right:3px;}


/*-------------主导航菜单---------------*/
#nav{width:960px;height: 80px;overflow:hidden;clear:both;  background:url(orange/nav_bg.gif) repeat-x;width:100%;}
/*导航开始*/
#nav ul {margin:0;padding:0;float:left;width:740px;}
#nav ul li {float:left;list-style: none; text-align:center; width:auto;text-indent:0;}
#nav ul li a span{text-indent: -9999px;}

#nav .indexlink a{display:block; width:98px; height:80px;background: url(orange/nav_link.gif) no-repeat 0 0; overflow: hidden;}
#nav .indexlink a:hover {display:block; width:98px; height:80px; background: url(orange/nav_hover.gif) no-repeat 0 0;}
#nav .indexcurrent a{display:block; width:98px; height:80px; background: url(orange/nav_hover.gif) no-repeat 0 0;}

#nav .prolink a{display:block; width:120px; height:80px;background: url(orange/nav_link.gif) no-repeat -98px 0; overflow: hidden;}
#nav .prolink a:hover {display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -98px 0;}
#nav .procurrent a{display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -98px 0;}

#nav .hrlink a{display:block; width:120px; height:80px;background: url(orange/nav_link.gif) no-repeat -218px 0; overflow: hidden;}
#nav .hrlink a:hover {display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -218px 0;}
#nav .hrcurrent a{display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -218px 0;}

#nav .caselink a{display:block; width:120px; height:80px;background: url(orange/nav_link.gif) no-repeat -338px 0; overflow: hidden;}
#nav .caselink a:hover {display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -338px 0;}
#nav .casecurrent a{display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -338px 0;}

#nav .shoplink a{display:block; width:120px; height:80px;background: url(orange/nav_link.gif) no-repeat -458px 0; overflow: hidden;}
#nav .shoplink a:hover {display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -458px 0;}
#nav .shopcurrent a{display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -458px 0;}

#nav .aboutlink a{display:block; width:120px; height:80px;background: url(orange/nav_link.gif) no-repeat -578px 0; overflow: hidden;}
#nav .aboutlink a:hover {display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -578px 0;}
#nav .aboutcurrent a{display:block; width:120px; height:80px; background: url(orange/nav_hover.gif) no-repeat -578px 0;}


#navinfo {width:auto;margin:0 auto;clear:both;border-top:#DE2821 4px solid;;line-height:22px;height:22px;overflow:hidden;background:#313031;color:#FFF;text-indent:210px;}
#navinfo a{color:#FFF;}
/*-------------主导航下拉菜单---------------*/
#ulnav {
	position: absolute;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
}

#ulnav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index:9999;
	position: relative;
}

#ulnav li a {
	outline: none !important;
	-moz-outline-style: none;
}


#ulnav li.over,
#ulnav li:hover {
	z-index: 9099999 !important;	
}
#ulnav li:hover a,
#ulnav li.over a,
#ulnav li a:hover {
	z-index: 9099999 !important;
}


* html #ulnav li a:hover,
* html #ulnav li.over a {
	cursor: hand;
}

#ulnav ul {
	display: none;
}


#ulnav li.over ul,
#ulnav li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 80px;
	width: 405px;
	height: auto;
	margin: 0;
	padding: 0 5px 10px 0;
	z-index: 2000;
	background: url(/plugins/menu/tn.png) no-repeat right bottom;
	border-right: none;
	border-bottom: none;
}
* html #ulnav li ul,
* html #ulnav li:hover ul {
	background: none !important;
}
#ulnav li ul li {
	width: 400px;
	background: #ededed;
	padding: 0;
	margin: 0;
	height: auto;
	border-left: none;
}
#ulnav li ul li strong,
#ulnav li ul li a {
	background: none !important;
	padding: 3px 10px 3px 10px;
	width: 379px !important;
	border-right: none;
	font-variant: normal;
	font-size: 12px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #FFFFFF;
	text-indent: 0px;
	height: auto !important;
	line-height: 150% !important;
	margin: 0;
	color: #666;
	text-align:left;
	font-weight: normal;
	filter:none !important;
}

#ulnav li ul li:hover {
	border-left: none;
}
#ulnav li ul li a:hover {
	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #FFFFFF;
	padding: 4px 9px 2px 11px;
	background: #ddd !important;
}

#ulnav li ul li:hover > a {

	border-top: 1px solid #9E9E9E;
	border-left: 1px solid #FFFFFF;
	padding: 4px 9px 2px 11px !important;
}
#ulnav li ul li ul,
#ulnav li:hover ul li ul,
#ulnav li.over ul li ul {
	display: none;
}
#ulnav li ul li:hover ul,
#ulnav li:hover ul li:hover ul,
#ulnav li.over li.over ul {
	position: absolute;
	display: block !important;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 405px !important;
}
#ulnav li ul li.r:hover ul {
	left: -100%;
}
#ulnav li:hover ul li:hover ul li,
#ulnav li.over ul li.over ul li {
	width: 400px !important;
}
#ulnav li:hover ul li:hover ul li a {
	letter-spacing: normal;
	width: 379px !important;
}

.indexbanner {float:left;width:960px;height:170px;}
.indexnews {float:right;width:200px;height:180px;}

/*------------二级栏目导航-------------*/
#box {margin:0;padding:0;width:auto;height:auto;overflow:hidden;zoom:1;background:url(orange/title_bg.gif) 0 -90px repeat-x;}
#box h2 {display:block;margin:0;padding:0;width:auto;height:45px;line-height:40px;font-weight:bold;background:url(orange/title_bg.gif) right -45px no-repeat;}
#box .t {display:block;float:left;margin:0;padding:0;width:100px;height:45px;background:url(orange/title_bg.gif) left top no-repeat;text-align:left;font-weight:bold;font-size:12px;color:#FFF;text-indent:15px}

#box2 {margin:0;padding:0;width:auto;height:auto;overflow:hidden;zoom:1;background:url(orange/title_inbg.gif) 0 -100px repeat-x;}
#box2 h2 {display:block;margin:0;padding:0;width:auto;height:45px;line-height:40px;font-weight:bold;background:url(orange/title_inbg.gif) right -50px no-repeat;}
#box2 .t {display:block;float:left;margin:0;padding:0;width:120px;height:50px;line-height:50px;background:url(orange/title_inbg.gif) left top no-repeat;text-align:left;font-weight:bold;font-size:14px;color:#FFF;text-indent:15px}

#box3 {margin:0;padding:0;width:auto;height:auto;overflow:hidden;zoom:1;background:url(orange/title_searchbg.gif) 0 -60px repeat-x;}
#box3 h2 {display:block;margin:0;padding:0;width:auto;height:30px;line-height:30px;font-weight:bold;background:url(orange/title_searchbg.gif) right -30px no-repeat;}
#box3 .t {display:block;float:left;margin:0;padding:0;width:120px;height:30px;line-height:30px;background:url(orange/title_searchbg.gif) left top no-repeat;text-align:left;font-weight:bold;font-size:14px;color:#FFF;text-indent:15px}

.bot{display:none;overflow:hidden;clear:both; background:url(orange/bottom_bg.gif) 0 0 repeat-x;width:100%;height:8px;}
.bot .botleft {display:block;float:left;width:8px;height:8px;background:url(orange/bottom_bg.gif) 0 -8px no-repeat;}
.bot .botright {display:block;float:right;width:8px;height:8px;background:url(orange/bottom_bg.gif) -92px -8px no-repeat;}

.bot2{display:block;overflow:hidden;clear:both; background:url(orange/bottom_bg.gif) 0 0 repeat-x;width:100%;height:8px;}
.bot2 .botleft {display:block;float:left;width:8px;height:8px;background:url(orange/bottom_bg.gif) 0 -8px no-repeat;}
.bot2 .botright {display:block;float:right;width:8px;height:8px;background:url(orange/bottom_bg.gif) -92px -8px no-repeat;}

#mainbox {margin:0;padding:0;width:auto;height:auto;overflow:hidden;zoom:1;background:url(orange/maintitle_bg.gif) 0 -64px repeat-x;}
#mainbox h2 {display:block;margin:0;padding:0;width:auto;height:32px;line-height:32px;font-weight:bold;background:url(orange/maintitle_bg.gif) right -32px no-repeat;}
#mainbox .t {display:block;float:left;margin:0;padding:0;width:150px;height:32px;background:url(orange/maintitle_bg.gif) left top no-repeat;text-align:left;font-weight:bold;font-size:12px;color:#666;text-indent:25px}

#mainbox2 {margin:0;padding:0;width:auto;height:auto;overflow:hidden;zoom:1;background:url(orange/title_bg.gif) 0 -64px repeat-x;}
#mainbox2 h2 {display:block;margin:0;padding:0;width:auto;height:32px;line-height:32px;font-weight:bold;background:url(orange/title_bg.gif) right -32px no-repeat;}
#mainbox2 .t {display:block;float:left;margin:0;padding:0;width:150px;height:32px;background:url(orange/title_bg.gif) left top no-repeat;text-align:left;font-weight:bold;font-size:12px;color:#666;text-indent:25px}

#box .subbox,#box2 .subbox,#mainbox2 .subbox{clear:both;margin:0;padding:2px;width:auto;height:100%;
border-left:1px solid #E0E0E0;
border-top:0px solid #E0E0E0;
border-right:1px solid #E0E0E0;
border-bottom:0px solid #E0E0E0;
background:#FFF;
}

#mainbox .subbox,#box3 .subbox{clear:both;margin:0;padding:2px;width:auto;height:100%;
border-left:0px solid #E0E0E0;
border-top:0px solid #E0E0E0;
border-right:0px solid #E0E0E0;
border-bottom:0px solid #E0E0E0;
background:#FFF;
}


#subnav {margin:0;padding:0;}
#subnav ul {margin:0;padding:0;}
#subnav li {margin:0;padding:0;list-style:none;margin-bottom:2px;font-weight:bold;}
#subnav li a {display:block;margin:0;padding:0;width:auto;height:29px;line-height:29px;background:#DEFFFF url(images/item-nav2.gif) 3px 8px no-repeat;padding-left:16px;}
#subnav li a:hover {background:#84EBFF;color:#DE2418;}
#subnav li a.current {background:#84EBFF;color:#DE2418;}

#pronav {margin:0;padding:0;}
#pronav h1{margin:0;padding:0;padding-left:2px;font-weight:bold;font-size:9pt;background:#FFF;color:#d60c00}
#pronav ul {margin:0;padding:0;}
#pronav li {margin:0;padding:0;list-style:none;margin-bottom:2px;}
#pronav li a {display:block;margin:0;padding:0;width:auto;height:29px;line-height:29px;background:#DEFFFF url(images/item-nav2.gif) 3px 8px no-repeat;padding-left:16px;}
#pronav li a:hover {background:#84EBFF;color:#DE2418;}
#pronav li a.current {background:#84EBFF;color:#DE2418;}

#order table,#order td,#order tr,#order th{ font-size:12px;line-height:26px;}
#order hr{border:1px #cccccc dotted;} 
#order input {border:0;border-bottom:1px #666 solid;}
#order ol {margin:0;padding:0;}
#order ol li{margin:0;padding:0;list-style:none;}