﻿/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent; line-height:1.8em;}

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#4c4c4c;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover{color:#FF6600;text-decoration:underline;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}

caption {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/


/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:10px;}
.pager a
{
	color:#555;background-color:#FFFFFF;text-decoration:none;padding:2px 6px;margin-right:5px;
}
.pager a:hover{color:#fd0000;}
.pager .cpb {color:#fd0000;text-decoration:none;padding:2px 6px;margin-right:5px; font-weight:bold;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/














/*================= 基础布局样式，随需要修改 =================*/
body{margin:0 auto;}
#wrapper 
{ 
width:960px;
margin:0 auto;
background-image:url(../Images/bg/w986h1.jpg);
background-repeat:repeat-y;
padding-left:13px;
padding-right:13px;
}

#top
{
	padding:5px;
	background-color: #fff; 
	height:80px;
}
#top .logo{float:left;}
#top .other
{
	padding:5px;float:right;
	background-image:url(../Images/bg/w248h1.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:275px;
	text-align:center;
}
#top .other a{ padding:0 5px;}

#nav
{
	background-image:url(../Images/bg/w960h40.jpg);
}









#nav dl{float:left;width:660px;height:40px;}
#nav dl dd {float:left}
#nav dl dd a{background-image:url(../images/text/nav.jpg);display:block;height:40px;text-indent:-10000em;}
#nav dl dd.nav0 a{background-position:-0px -0px;width:72px;}
#nav dl dd.nav0 a:hover{background-position:-0px -40px;}
#nav dl dd.nav1 a{background-position:-72px -0px;width:93px;}
#nav dl dd.nav1 a:hover{background-position:-72px -40px;}
#nav dl dd.nav2 a{background-position:-165px -0px;width:93px;}
#nav dl dd.nav2 a:hover{background-position:-165px -40px;}
#nav dl dd.nav3 a{background-position:-258px -0px;width:91px;}
#nav dl dd.nav3 a:hover{background-position:-258px -40px;}
#nav dl dd.nav4 a{background-position:-349px -0px;width:92px;}
#nav dl dd.nav4 a:hover{background-position:-349px -40px;}
#nav dl dd.nav5 a{background-position:-441px -0px;width:92px;}
#nav dl dd.nav5 a:hover{background-position:-441px -40px;}
#nav dl dd.nav6 a{background-position:-533px -0px;width:126px;}
#nav dl dd.nav6 a:hover{background-position:-533px -40px;}






#nav dl dd ul{ position:absolute; top:30px; left:50%; margin-left:-35px; width:70px; background-color:#CCCCCC; border:2px green solid;}
#nav .search_form
{
	float:right;
	height: 40px;
    width: 234px;
	position:relative;
}
#nav .search_form .searchstr
{
	width:198px;
	height:24px;
	top:8px;
	left:1px;
	border: 0 none;
    line-height:24px;
    margin: 0;
    padding: 0;
    position: absolute;
	color:#999;
}




#nav .search_form .searchbtn
{
	width:30px;
	height:28px;
	top:5px;
	left:200px;
	background-image: url(../images/text/searchbtn.jpg);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
}

#main #menu
{
	float:left; 
	width:180px;
	background-image:url(../Images/orn/w180h499.jpg);
	background-repeat:no-repeat;
	min-height:450px;
  	_height:expression(this.scrollHeight < 450 ? "450px" : "auto");
	padding-top:70px;
}
#main #menu div{background-color:#FFFF66;font-size:14px;border:10px red solid;}
#main #menu dl dd a
{
	display:block; 
	width:160px;
	text-align:right;
	padding-right:20px;
	line-height:34px;
	background-image:url(../Images/orn/w170h32.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}
#main #menu dl dd a:hover,#main #menu dl dd a.hover
{
	color:#ff6600;
	background-image:url(../Images/orn/w170h32_hover.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}
#main #menu dl dd ul li a
{
	background-image:none;
}
#main #menu dl dd ul li a:hover,#main #menu dl dd ul li a.hover
{
	background-image:none;
	color:#ff6600;
}

#main #path
{
	float:left;
	width:100%;
}
#main #path h2{float:left;padding:5px;}
#main #path .link
{
	float:left;
	background-image:url(../Images/bg/w960h30.jpg);
	background-repeat:no-repeat;
	line-height:30px;
	padding-left:30px;
	width:930px;
	color:#666;
}
#main #path .link a{padding:0 5px; color:#666;}
#main #path .link a:hover{text-decoration:underline;}
#main #path .link a.hover{ color:#ff6600; }

#main #content
{
	float:right;
	width:755px;
	overflow:hidden;
}

#foot
{
	height:70px;text-align:center;
	line-height:30px;
	color:#4c4c4c;
}
#foot a
{
	color:#4c4c4c;
}
#foot a:hover
{
	text-decoration:underline;
}



