﻿@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}

.topnav { height:30px; line-height:30px; color:#999; border-bottom:#e7e7e7 1px solid;}
.topnav .topnav_left { width:auto; font-size:12px; margin-left:-12px;}
.topnav .topnav_left em {}
.topnav .topnav_left span { width:30px; height:30px; overflow:hidden; display:block; float:left;}
.topnav .topnav_left a {color:#999; padding:0 10px; border-right:#999 1px solid;}
.topnav .topnav_left a.zc { border-right:none;}
.topnav .topnav_left a:hover { color:#f08200;}
.topnav .topnav_left .pageName { float:left; position:relative;}
.topnav .topnav_left .pageName dt { border:#fff 1px solid; border-top:none; border-bottom:#e7e7e7 1px solid; padding:0 10px; position:relative; z-index:10; cursor:pointer;}
.topnav .topnav_left .pageName dd { width:318px; height:178px; overflow:hidden; border:#e7e7e7 1px solid; position:absolute; left:0; top:30px; background:#fff; z-index:-1; padding:30px; filter: alpha(opacity:0); opacity: 0;
-moz-transition:opacity .4s; /* Firefox 4 */
-webkit-transition:opacity .4s; /* Safari and Chrome */
-o-transition:opacity .4s; /* Opera */
}
.topnav .topnav_left .pageName dd h2 { font-size:16px; color:#333; font-weight:normal; line-height:18px;}
.topnav .topnav_left .pageName dd ul { width:100%; overflow:hidden; padding-top:10px;}
.topnav .topnav_left .pageName dd ul li { width:100%; overflow:hidden;color:#000}
.topnav .topnav_left .pageName dd ul li a { padding:0; padding-right:20px; margin-right:20px; color:#000}
.topnav .topnav_left .pageName dd ul li a i { color:#f08200; padding:0 4px;}
.topnav .topnav_left .pageName dd ul li a.tjbg { background:url(../images/common/pageName_bt_bg04.gif) 54px 1px no-repeat; padding-right:36px}
.topnav .topnav_left .pageName dd ul li span { width:auto; color:#aaa}
.topnav .topnav_left .pageName dd .pageName_bt { width:100%; overflow:hidden; border-top:#e7e7e7 1px solid; padding-top:10px; margin-top:10px; }
.topnav .topnav_left .pageName dd .pageName_bt a { border:none; padding:0; margin:0;}
.topnav .topnav_left .pageName dd .pageName_bt a.fleft { width:100px; height:30px; overflow:hidden; background:url(../images/common/pageName_bt_bg.gif) no-repeat;}
.topnav .topnav_left .pageName dd .pageName_bt a.fright {width:70px; height:30px; overflow:hidden; background:url(../images/common/pageName_bt_bg03.gif) left 5px no-repeat; text-align:right;}
.topnav .topnav_left .pageName dd .pageName_bt a.fright:hover {background:url(../images/common/pageName_bt_bg02.gif) left 5px no-repeat; }
.topnav .topnav_left .pageName dd .pageName_bt a.fright.ysc {background:url(../images/common/pageName_bt_bg02.gif) left 5px no-repeat; color:#f08200;}
.topnav .topnav_left .pageName:hover {}
.topnav .topnav_left .pageName:hover dd{ filter: alpha(opacity:1); opacity: 1; z-index:9}
.topnav .topnav_left .pageName:hover dt{ border:#e7e7e7 1px solid; border-top:none; border-bottom:#fff 1px solid;}

.topnav .topnav_right { width:auto; height:30px; float:right; line-height:18px;}
.topnav .topnav_right ul { width:auto; height:30px;}
.topnav .topnav_right ul li { float:left; display:block; }
.topnav .topnav_right ul li a { height:18px; color:#999; font-size:12px;  padding:0 10px; display:inline-block; margin-top:7px;border-right:#e7e7e7 1px solid; border-left:#fff 1px solid;}
.topnav .topnav_right ul li a.noborder { border:none;}
.topnav .topnav_right ul li a:hover {color:#f08200;}
.topnav .topnav_right ul li i{ float:right; font-size:12px; margin-top:-1px;}
.topnav .topnav_right ul li a em { float:left;}
.topnav .topnav_right ul li a span { width:30px; height:18px; display:inline-block; overflow:hidden; float:left;}
.topnav .topnav_right ul li a span.xxicon { width:14px; background:url(../images/common/icon.png)-30px -5px no-repeat; text-align:center; color:#fff; margin-left:2px; padding-left:2px;}
.topnav .topnav_right ul li a span.zsicon { width:20px; background:url(../images/common/icon.png)-90px -5px no-repeat;}
.topnav .topnav_right ul li a span.dhicon { width:26px; background:url(../images/common/icon.png)-67px -5px no-repeat;}
.topnav .topnav_right ul li a:hover span.zsicon { width:20px; background:url(../images/common/icon.png)-120px -5px no-repeat;}
.topnav .topnav_right ul li dl { height:auto; position:relative; float:left;}
.topnav .topnav_right ul li dl dt { height:30px;}
.topnav .topnav_right ul li dl dd { width:117px; border:#e7e7e7 1px solid; position:absolute; left:0; top:30px; z-index:-1; background:#fff; padding:5px 0; filter: alpha(opacity:0); opacity: 0;
-moz-transition:opacity .4s; /* Firefox 4 */
-webkit-transition:opacity .4s; /* Safari and Chrome */
-o-transition:opacity .4s; /* Opera */
}
.topnav .topnav_right ul li dl dd a { display:block; border:none; margin:5px 0;}
.topnav .topnav_right ul li dl:hover dd { filter: alpha(opacity:1); opacity: 1; z-index:9;}
.topnav .topnav_right ul li dl:hover dt { border-bottom:#fff 1px solid; position:relative; z-index:10}
.topnav .topnav_right ul li dl:hover dt a { height:30px; margin:0; line-height:32px; border-left:#e7e7e7 1px solid}
.topnav .topnav_right ul li dl:hover dt a span.zsicon { width:20px; background:url(../images/common/icon.png)-120px 1px no-repeat;}
.topnav .topnav_right ul li dl:hover dt a span.dhicon { width:26px; background:url(../images/common/icon.png)-67px -5px no-repeat; margin-top:7px;}



