/*======================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:#3C3C3C;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, "宋体";}
table {border-collapse: collapse;border: none;} 
/*td{border: solid #000 1px; padding-left:5px;} */
caption, th, td {text-align: left;font-weight: normal; border: 1px solid #dddce1;}
table, td, th {vertical-align: middle;}
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:#0066CC;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#4483DC;}
.pager .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.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>*/



/*================= 基础布局样式，随需要修改 =================*/
html{
overflow-x:hidden\9;
}

body{margin:0 auto;font-family:Arial;overflow-x:hidden; color:#3C3C3C; background:#f4f4f4;}
#wrapper{ width:1002px; margin:0 auto;}
#top{ position:relative; width:1002px; height:90px;margin:0 auto; z-index:30; color:#535756;}
#top .logo{position:absolute; top:30px; left:20px;height:54px; z-index:100;}
#top .other{ position:absolute; top:3px; right:0px; height:30px; z-index:30; width:210px; height:30px; padding:5px 0 0 37px;}
#top .login{position:absolute; top:20px;  right:0px;height:30px; z-index:30;}

#nav{background:url(../images/nav_line.jpg) repeat-x;height:25px;margin:0 auto; position:absolute; top:56px; left:255px;}
.nav{width:747px;margin:0 auto;}
.nav dd {float:left;}
.nav dd a.first{background-image:url(../images/nav.jpg);display:block;height:50px;text-indent:-10000em;}
.nav dd.nav0 a{background-position:-0px -0px;width:166px;}
.nav dd.nav1 a{background-position:-166px -0px;width:109px;}
.nav dd.nav2 a{background-position:-275px -0px;width:132px;}
.nav dd.nav3 a{background-position:-407px -0px;width:116px;}
.nav dd.nav4 a{background-position:-523px -0px;width:115px;}
.nav dd.nav5 a{background-position:-638px -0px;width:109px;}


.runav{width:747px;margin:0 auto;}
.runav dd {float:left;}
.runav dd a.first{background-image:url(../images/runav.jpg);display:block;height:50px;text-indent:-10000em;}
.runav dd.nav0 a{background-position:-0px -0px;width:166px;}
.runav dd.nav1 a{background-position:-166px -0px;width:115px;}
.runav dd.nav2 a{background-position:-281px -0px;width:126px;}
.runav dd.nav3 a{background-position:-407px -0px;width:116px;}
.runav dd.nav4 a{background-position:-523px -0px;width:115px;}
.runav dd.nav5 a{background-position:-638px -0px;width:109px;}


#nav dl dd{position:relative;z-index:30;}
#nav dl dd ul{position:absolute;top:-25px;left:1px;background:url(../images/nav_tit.png);}
#nav dl dd ul li{display:block; float:left;padding:0 0 0 10px;overflow: hidden;}
#nav dl dd span{ height:25px; display:block; overflow:hidden; float:left;}
#nav dl dd ul li a{height:25px;line-height:25px;text-align:center;width:100%;color:#fff;}
#nav .nav1 ul{width:464px;}
#nav .nav2 ul{width:524px;}
#nav .nav3 ul{width:186px;}
#nav .nav4 ul{width:165px;}
#nav .nav5 ul{width:400px;left:-220px;}

.ver{ width:170px; height:16px; line-height:16px; top:15px; right:240px; position:absolute; }

.ver ul li { width:70px; height:11px; margin-left:10px; text-align:center; line-height:16px; font-size:12px; display:inline; float:left;}
.ver ul li a{ width:70px; height:11px; line-height:11px; text-align:center; display:block; color:#007117; float:left; }
.ver ul li a:hover{ color:#d7000e;}
.ver ul li img{ margin-right:3px;}



.lmenu{ width:211px; position:relative;background: url(../images/lmenu_mid.jpg) repeat-y;}
.nav_list{ width:201px;overflow:hidden; position:relative; z-index:1;}
.nav_list dd{ _display:inline;}
.nav_list dd a{ line-height:30px; font-family:"微软雅黑"; font-size:13px; color:#FFFFFF;}
.nav_list dd a:hover{ line-height:30px; font-family:"微软雅黑"; font-size:13px; color:#333;}
.move{ width:0px; height:34px; overflow:hidden; background:url(../images/lmenu_hover.jpg) right top no-repeat; position:absolute; left:0; top:0; +z-index:-1;}
.move .move_left{ width:10px; height:34px; overflow:hidden; background:url(../images/lmenu_hover.jpg) no-repeat; float:left;}

.menu_info{ width:202px; margin-bottom:40px;}
.menu_info a{ display:block; width:188px; height:23px; margin:10px 0 0 10px; padding:52px 0 0 15px; text-decoration:none;}
.menu_info .img01 a{ background:url(../images/sub01.jpg) no-repeat;}
.menu_info .img02 a{ background:url(../images/sub02.jpg) no-repeat;}
.menu_info .img03 a{ background:url(../images/sub03.jpg) no-repeat;}


#main #menu {
float: left;
width: 202px;
 margin-left:10px;
 margin-top:10px;
 display:inline;
}
#main #menu div {
/*color: #fff;*/
font-size: 12px;
font-weight: bold;
height:63px;
/*width: 202px;*/
}

#main #menu #left_comm{ width:180px; padding:10px; height:auto; border:1px solid #ccc;}

#main #menu #left_comm td{ border:0px}

#main #menu dl dd a {
background: url(../images/lmenu_bg.jpg) no-repeat;
color: #333333;
display: block;
height: 36px;
line-height: 36px;
padding-left:5px;
width: 197px;
 overflow:hidden;
}
#main #menu dl dd a:hover, #main #menu dl dd a.hover {
background: url(../images/lmenu_hover.jpg) no-repeat;
color: #FFFFFF;
text-decoration: none;
}
#main #menu dl dd ul li a {
background-image: url(../images/lmenu.jpg);
color: #333333;
font-weight: normal;
height: 33px;
line-height: 33px;
padding-left: 45px;
width: 170px;
}
#main #menu dl dd ul li a:hover, #main #menu dl dd ul li a.hover {
background-image: url(../images/lmenu.jpg);
color: #FF6600;
font-weight: normal;
}

#banner{width:1002px; height:160px; margin:0 0 10px 0;}
#main #path{float:right;display:inline;width:763px; height:46px; margin:10px 10px 10px 0;background:url(../images/path.jpg) no-repeat;}
#main #path .title{float:left; display:block;  font-size:14px; font-weight:bold; color:#3F3F3F; padding:10px 0 0 25px;margin-left:5px;height:27px;}
#main #path .title span{ padding-left:5px;font-weight:normal; font-size:11px; color:#989898;font-family:Arial;}
#main #path .link{ float:right;}
#main #path .link h3{float:left; display:block;font-size:12px; font-weight:normal; color:#fff; padding:5px 0 0 11px;width:43px;}
#main #path .link_path{ margin:12px 20px 0 0;float:left; display:inline;}
#main #path .link a{padding:0 1px;}
#main #path .link a.hover{ color:#FF6600;}


#main #path_pro{width:982px; height:46px; margin-top:10px; margin-left:10px; margin-bottom:10px; background:url(../images/path_pro.jpg) no-repeat; float:left;}
#main #path_pro .title{float:left; display:block;  font-size:14px; font-weight:bold; color:#3F3F3F; padding:10px 0 0 25px;margin-left:5px;height:27px;}
#main #path_pro .title span{ padding-left:5px;font-weight:normal; font-size:11px; color:#989898;font-family:Arial;}
#main #path_pro .link{ float:right;}
#main #path_pro .link h3{float:left; display:block;font-size:12px; font-weight:normal; color:#fff; padding:5px 0 0 11px;width:43px;}
#main #path_pro .link_path{ margin:12px 20px 0 0;float:left; display:inline;}
#main #path_pro .link a{padding:0 1px;}
#main #path_pro .link a.hover{ color:#FF6600;}

#main #content{float:right;display:inline;width:735px;min-height:400px;height:auto !important;height:400px;overflow:visible; margin:0 20px 0 0;}

#main #content_pro{width:982px;min-height:400px;height:auto !important;height:400px;overflow:visible; margin-left:10px;}

#foot{height:38px; text-align:center;}
.footer{ width:1002px; line-height:38px; margin:0 auto; text-align:center; color:#666666;font-family:Arial;}
.footer .foot_01{ width:490px; height:38px; float:left;}
.footer .foot_01 li{padding:2px 5px; float:left;}
.footer .foot_01 li span{ display:block; width:20px; height:20px; float:left; margin-right:3px;}
.footer .foot_01 li .ico01{ background:url(../images/ico1.jpg) no-repeat 0 1px;}
.footer .foot_01 li .ico02{ background:url(../images/ico2.jpg) no-repeat 0 1px;}
.footer .foot_01 li .ico03{ background:url(../images/ico3.jpg) no-repeat 0 1px;}
.footer .foot_01 li .ico04{ background:url(../images/ico4.jpg) no-repeat 0 1px;}
.footer .foot_01 li .ico05{ background:url(../images/ico5.jpg) no-repeat 0 1px;}
.footer .foot_02{ width:300px; height:35px; float:right; padding-top:3px;}
.link_dropdown{ float:left;}
.link_dropdown select{width:120px; margin-left:8px;}

.Main_Login{ margin:30px 0 0 10px;}
#member{ width:330px; color:#835436; margin:0 auto;}
#member li{ margin:10px 0; float:left; display:inline;}

#member .text{ float:left; width:75px; text-align:right;}
#member .table{ float:left; width:180px;}
#member .table2{ float:left; width:200px;}
#member .login{ margin:0 0 20px 0;}
#member .login_btn{ margin:0 0 0 40px;}


.Index_Login{ margin:0px 0 0 10px;}
.Index_Login{ width:530px; height:30px; color:#835436;}
.Index_Login li{ margin:10px 0; float:left; display:inline;}
.Index_Login .text{ float:left; width:70px;}
.Index_Login .table{ float:left; margin-right:10px;}
.Index_Login .login_btn{ padding:12px 0 0 0;}
.logininfo{ float:left; margin:12px 0 0 10px; display:inline; text-align:right; width:415px;}
#Checkout{ float:left; margin:12px 0 0 10px; display:inline;}



#memberreg{ width:460px; color:#835436;}
#memberreg li{ width:460px; margin:10px 0; float:left; display:inline;}
#memberreg li label{ float:left; width:110px; text-align:right; padding-right:20px;}
#memberreg #btnSub{ padding-left:20px; padding-bottom:20px;}


#main #left_menu {
float: left;
width: 202px;
 margin-left:10px;
 margin-top:10px;
 display:inline;
}

#main #left_menu #left_comm{ width:180px; padding:10px; height:auto; border:1px solid #ccc; float:left;}

#main #left_menu #left_comm td{ border:0px;}

.cont-left dl dt{ width:202px; height:28px; line-height:28px; margin-bottom:2px; font-weight:bold; color:#333; border-bottom:1px solid #DDDDDD; float:left; overflow:hidden; background:url("../images/left-bg.gif") repeat-y scroll left 0 transparent; text-indent:10px; cursor:pointer;}
.cont-left dl dt a{ display:block; height:28px; line-height:28px;color:#333; font-weight:bold; text-indent:10px; font-size:12px; float:left;overflow:hidden;}
.cont-left dl dt a:hover{ color:#d7000e; text-indent:10px; }

.cont-left dl dd{ width:202px; height:28px; line-height:28px; text-indent:20px; border-bottom:1px solid #f5f5f5; float:left; overflow:hidden;}
.cont-left dl dd a{ display:block; width:202px; height:28px; line-height:28px; color:#333; float:left; overflow:hidden;}
.cont-left dl dd a:hover{ color:#d7000e; background:url("../images/left-bgjt.gif") no-repeat 8px 8px ; }


#selected{ background:url("../images/left-bgjt.gif") no-repeat 8px 8px ; color:red;}
#selected_red{ color:#d7000e; background:#efefef;}