@charset "utf-8";
* { margin: 0; padding: 0 }
.topbar dl { font-weight: normal; font-size: 12px }
.topbar a { color: #333 }
.topbar a:link, .topbar a:visited { text-decoration: none }
.topbar a:hover { color: #C00; text-decoration: underline }
.topbar { font: 12px/3 microsoft yahei;height: 345px;}
.site_nav { margin: 0 auto }
.topbar a { color: #555; font-size: 12px; font-family: microsoft yahei; position: relative; cursor: pointer }
.red { color: #db3428!important }
.fl, .top-left { float: left }
.top-right { float: right; _width: 600px }
.topbar .menus { position: relative; float: left; margin: 0; width: auto; }
.topbar .menus .menu_name { z-index: 1 }
.topbar .menus .menu_name a { padding: 0 15px; display: block; height: 36px;background: url(../images/topbar.png) no-repeat scroll 68px 13px }
.topbar .menus .menu_name_panel { z-index: 1000; background-color: #fff; border: 1px solid #ddd; position: absolute; left: 0; top: 36px; z-index: 1000; padding: 2px 10px 4px; display: none }
.topbar .menus.hover .menu_name_panel, .topbar .menus:hover .menu_name_panel { display: block }
.topbar .menus .menu_name_panel h4 { color: #db3428; font-size: 14px }
.topbar .menu_name_panel a { display: block; height: 28px; line-height: 28px; white-space: nowrap; color: #6c6c6c }
.topbar .city-site .menus { margin-right: 15px; }
.topbar .city-site .menus .menu_name a.more { background: transparent; padding: 0px 6px; }
.topbar .menus.hover .menu_name a, .topbar .menus:hover .menu_name a { background-position: 68px -9px; background-color: #fff; border-bottom: 1px solid #fff!important; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 1002 }
.topbar .menus .menu_name a.more { padding: 0 18px 0 5px; background-position: 32px 13px }
.topbar .menus.hover .menu_name a.more, .topbar .menus:hover .menu_name a.more { background-position: 32px -9px }
.topbar a:hover, .topbar .hover .menu_name a { color: #db3428!important }
.top-guide { float: left; padding-left: 15px;}
.mr10 { margin-right: 10px }
.topbar .menu_name .menu_guide { width: 12px; height: 12px; display: block; position: absolute; left: 2px; top: 14px; background: url(../images/topbar.png) no-repeat 0 -110px }
.topbar .menus:hover .menu_name .menu_guide { background-position: 0 -135px }
.w940 { width: 645px; right: 0; left: auto!important }
.guide { float: left }
.guide-left { width: 280px; padding: 0 20px;border-right: 1px solid #ddd; }
.guide-mid { width: 280px; /*border-left: 1px solid #ddd; border-right: 1px solid #ddd;*/ padding: 0 10px 0 30px }
.guide-right { width: 230px; padding-left: 40px }
.guide dl { clear: both; overflow: hidden; margin-bottom: 25px }
.guide dt { font-size: 14px; font-weight: 700; height: 26px; line-height: 26px }
.guide dd { float: left; margin-right: 20px; white-space: nowrap;width: 50px; }
.guide dd a { color: #555!important }
.t-red { color: #ee5153 }
.t-tea { color: #8a9b42 }
.t-pink { color: #bc648b }
.t-green { color: #56b3ad }
.t-mud { color: #c3683c }
.t-purple { color: #bc648b }
.t-blue { color: #5a98b8 }
.topbar .top-guide .menus .menu_name a { padding: 0 13px 0 17px }
.top-right dl.menus { _width: 85px; }