﻿/*控制大字体*/
.menu, .menu div { font-size: 9pt; }
.menu { background-color: #333; color: #fff; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu ul li { display: block; float: left; vertical-align: middle; position: relative; z-index: 65; top: 0; left: 0; }
.menu ul li a { display: block; color: #fff; background: #333; padding: 8px 10px; position: relative; }
.menu ul li a:hover { text-decoration: none; background-color: #000; }
.menu ul li ul { display: none; z-index: 50; position: absolute; transition: all 0.1s ease-out; transform: scaleY(0); transform-origin: 0 0; }
.menu ul li ul li { min-width: 230px; float: none; clear: both; }
.menu ul li:hover ul { display: block; }
.menu ul li ul li a { padding: 5px 15px; white-space: nowrap; }
.menu ul li.hr { height: 0px; overflow: hidden; border-top: 1px solid #666; font-size: 0; padding: 0; margin: 2px 0; }

.menu > ul > li > a:before { content: ''; border-left: 1px solid #666; height: 15px; width: 1px; left: 0; position: absolute; top: 50%; margin-top: -8px; }


/*后台管理*/
.topbarsys .menu { background-color: #f2f2f2; background: linear-gradient(#ffffff, #efefef); color: #fff; border-bottom: 1px solid #ccc; }
.topbarsys .menu ul { list-style: none; margin: 0; padding: 0; }
.topbarsys .menu ul li { display: block; float: left; vertical-align: middle; position: relative; }
.topbarsys .menu ul li a { display: block; color: #000; background-color: #f2f2f2; background: linear-gradient(#ffffff, #efefef); position: relative; }
.topbarsys .menu ul li a:hover { text-decoration: none; color: #d30a52; }
.topbarsys .menu ul li ul { display: none; position: absolute; border: 1px solid #aba8a8; border-top: 0 none; background-color: #fff; }
.topbarsys .menu ul li ul li { min-width: 230px; float: none; clear: both; }
.topbarsys .menu ul li:hover ul { display: block; }
.topbarsys .menu ul li ul li a { padding: 5px 15px; white-space: nowrap; background: #fff; color: #000; }
.topbarsys .menu ul li ul li a:hover { color: #fff; background-color: #164b86; }
.topbarsys .menu ul li.hr { height: 0px; overflow: hidden; border-top: 1px solid #e2e2e3; font-size: 0; }

.topbarsys .menu > ul > li > a:before { content: ''; border-left: 1px solid #c6c7c7; height: 15px; width: 1px; left: 0; position: absolute; top: 50%; margin-top: -8px; }



.home .topbar .left { background: url(../../Images/index/top_l.gif) no-repeat; height: 130px; }
.home .topbar .right { background: url(../../Images/index/top_r.gif) no-repeat right; height: 130px; }

/*顶部菜单*/
.xm .topbar, .home .topbar { width: 100%; }
.xm .topbar .left, .home .topbar .left { height: 100px; overflow: hidden; background: #1f4898 url(../../images/face/banner_bg.jpg) no-repeat left top; }
.xm .topbar .right, .home .topbar .right { height: 0px; background: #fff url(../../images/face/banner_bg.jpg) no-repeat 0 0; width: 954px; }

.xm .menu { background-color: #175394; color: #fff; }
.xm .menu ul { list-style: none; margin: 0; padding: 0; }
.xm .menu ul li { display: block; float: left; vertical-align: middle; position: relative; }
.xm .menu ul li a { display: block; color: #fff; background: #175394; position: relative; }
.xm .menu ul li a:hover { text-decoration: none; background-color: #2560a1; }
.xm .menu ul li ul { display: none; position: absolute; border: 1px solid #9ba7b7; border-top: 0 none; background-color: #eaf0ff; }
.xm .menu ul li ul li { min-width: 230px; float: none; clear: both; }
.xm .menu ul li:hover ul { display: block; }
.xm .menu ul li ul li a { padding: 4px 15px; white-space: nowrap; color: #000; background-color: #eaf0ff; }
.xm .menu ul li ul li a:hover { color: #fff; }
.xm .menu ul li.hr { height: 0px; overflow: hidden; border-top: 1px solid #bec3cb; font-size: 0; margin: 2px 0; }

.xm .menu > ul > li > a:before { content: ''; border-left: 1px solid #2e6196; height: 15px; width: 1px; left: 0; position: absolute; top: 50%; margin-top: -8px; }

/*顶部导航*/
.TopSiteMap .top { background-image: url(../../Images/Blue/Bar/siteMapDi.gif); height: 26px; line-height: 26px; display: block; }
.TopSiteMap .top .topRight { float: right; height: 26px; line-height: 26px; }
.TopSiteMap .top .siteMap { background: url(../../Images/Blue/Bar/sitemapPoint.gif) no-repeat 2px 6px; padding-left: 20px; font-size: 9pt; }
.TopSiteMap .title { background: url(../../Images/Blue/Bar/sitemapTitleDi.gif); height: 30px; margin: 0; line-height: 30px; text-align: center; }
.TopSiteMap .title .left { float: left; width: 130px; background: url(../../Images/Blue/Bar/sitemapTitleLeft.gif); height: 30px; margin: 0; }
.TopSiteMap .title .right { float: right; width: 130px; background: url(../../Images/Blue/Bar/sitemapTitleRight.gif); height: 30px; margin: 0; }

/*底栏*/
.footerBar { margin: 0 auto; background: url(../../Images/face/bottom_di.jpg) repeat-x; border-top: 1px solid #006; }
.footerBar .main { font-family: tahoma, Arial,"microsoft yahei","微软雅黑","宋体"; color: White; }
.footerBar .main .title { font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 30px; padding-left: 10px; color: #fff; }
.footerBar .main .time { text-align: right; float: right; color: #333; font-weight: normal; margin-right: 5px; }

/*全屏底栏*/
.fullfooter { margin: 0; background: url(../../Images/Blue/Bar/BottomDi.gif) repeat-x; height: 30px; }
.fullfooter .main .title { font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 30px; padding-left: 10px; color: #333; }
.fullfooter .main .time { text-align: right; float: right; color: #666; font-weight: normal; padding-right: 5px; }

/*左侧导航*/
.bodyWrap { background: url(../../Images/Blue/Bar/leftdi.gif) repeat-y; background-color: White; width: 100%; margin: 0 auto; min-height: 350px; }
#LeftMain, #midMain, #RightMain { float: left; }
#LeftMain { width: 180px; }
#midMain { background: url(../../Images/H/MenuLeft_Open2.gif) no-repeat 0 88px; width: 9px; cursor: pointer; }

.MenuLeft { width: 180px; min-height: 350px; }
.MenuLeft ul { margin: 0; padding: 0; list-style: none; }
.MenuLeft ul li { font-weight: bold; background: url(../../Images/Blue/Bar/lefttitledi.gif) no-repeat; cursor: pointer; }
.MenuLeft ul li a, .MenuLeft ul li span { padding: 0 28px; height: 23px; line-height: 23px; margin: 0; display: block; }
.MenuLeft ul li ul { padding: 4px 0 10px; }
.MenuLeft ul li ul li { background: url(../../Images/Blue/Bar/m_point1.gif) no-repeat 12px 3px; font-weight: normal; }
.MenuLeft ul li ul li a, .MenuLeft ul li ul li span { padding: 0 0 0 30px; line-height: 150%; height: 150%; display: block; }
.MenuLeft ul li ul li a:hover { color: red; text-decoration: none; background: url(../../Images/Blue/Bar/leftdiselect.gif) repeat-y; }
.MenuLeft ul li ul li ul { padding: 0; }
.MenuLeft ul li ul li ul li { background: url(../../Images/Blue/Bar/m_point2.gif) no-repeat 23px 3px; }
.MenuLeft ul li ul li ul li a { padding-left: 43px; }
.MenuLeft a:link { color: #092f93; text-decoration: none; }
.MenuLeft a:visited { color: #092f93; text-decoration: none; }
.MenuLeft a.select:link, .MenuLeft a.select:visited { color: red; text-decoration: none; }
.MenuLeft a.oldselect:link, .MenuLeft a.oldselect:visited { color: #606060; text-decoration: none; }

ul.userInfo { background-image: url(../../Images/Blue/Bar/UserInfo.gif); height: 60px; width: 180px; margin: 0; list-style-type: none; padding: 12px 0 0 0; }
ul.userInfo li { line-height: 18px; padding-left: 35px; font-size: 9pt; }
ul.userInfo a:link { color: Blue; text-decoration: none; }
ul.userInfo a:visited { color: Blue; text-decoration: none; }
ul.userInfo a:hover { color: red; text-decoration: underline; }



/*树形结构*/
.TreeMenu ul { margin: 0 0 0 14px; padding: 0; }
.TreeMenu li { list-style: none; margin: 0; padding: 0; }
.TreeMenu .Opened img.s { background: url(../../Images/res/button/TreeOpened.gif) no-repeat 0 1px; cursor: pointer; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .Closed img.s { background: url(../../Images/res/button/Treeclosed.gif) no-repeat 0 1px; cursor: pointer; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .Roles img.s { background: url(../../Images/res/button/TreeRole.gif) no-repeat 13px 2px; cursor: pointer; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .MenOpened img.s { background: url(../../Images/res/button/TreeMenOpened.gif) no-repeat 0 1px; cursor: pointer; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .MenClosed img.s { background: url(../../Images/res/button/TreeMenClosed.gif) no-repeat 0 1px; cursor: pointer; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .Child img.s { background: url(../../Images/res/button/Treechild.gif) no-repeat 15px top; cursor: default; height: 18px; vertical-align: middle; width: 34px; }
.TreeMenu .Closed ul, .TreeMenu .MenClosed ul { display: none; }

/*Tab键*/
.tab { vertical-align: bottom; position: relative; height: 30px; overflow: hidden; }
.tab ul { position: absolute; bottom: 0; list-style-type: none; margin: 0; padding: 0; cursor: pointer; }
.tab ul li { position: relative; display: block; float: left; color: #444; margin-right: 2px; text-align: center; padding: 0 10px; line-height: 30px; height: 30px; background-color: #e3e3e3; transition: all 0.2s ease-in-out; }
.tab ul li a { display: block; }
.tab ul li a, .tab ul li a:visited, .tab ul li a:hover { color: #444; text-decoration: none; }
.tab ul li.On, .tab ul li.On:hover, .tab ul li.On:active { background-color: #333; color: #fff; }
.tab ul li.On a { color: #fff; background-color: transparent; }
.tab ul li:hover { color: #444; background-color: #bbb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tab ul li:active, .tab ul li:active a { background-color: #aaa; color: #f2f2f2; }

.tab ul li.On:before { content: ''; display: block; border-top: 2px solid #27b4c7; top: 0; position: absolute; width: 100%; left: 0; }
/*.tab ul li.On:after{ display:block; position:absolute;  font-family: 'FontAwesome';width:100%;
  content: '\f0d8'; bottom:0;left:0; text-align:center; font-size:12px;height:17px; color:#fff;opacity:0.4;}*/

.gte8 .tab ul li { margin-right: 0; }
.gte8 .tab ul li:after { content: ''; width: 1px; border-right: 1px solid #ccc; position: absolute; right: 0; top: 8px; height: 15px; }
.gte8 .tab ul li.On:first-child::before, .gte8 .tab ul li:first-child { border-radius: 3px 0 0 0; }
.gte8 .tab ul li.On:last-child::before, .gte8 .tab ul li:last-child { border-radius: 0 3px 0 0; }
.gte8 .tab ul li.On:after { display: none !important; }
.gte8 .tab ul li:last-child::after { display: none !important; }



em.mchild { font-style: normal; padding-left: 10px; }

.tgray { margin-bottom: -1px; height: 32px; }
.tgray ul { bottom: -1px; }
.tgray ul li { background-color: transparent; border: 1px solid transparent; border-top-width: 2px; border-radius: 3px 3px 0 0; position: relative; }
.tgray ul li.On { background-color: #eee; height: 30px; border: 1px solid #ddd; border-top: 2px solid #ff4e00; }
.tgray ul li a { color: #333; display: block; }
.tgray ul li.On:hover, .tgray ul li.On:active { background-color: #eee; color: #333; }
.tgray ul li.On, .tgray ul li.On a { color: #333; }
.tgray ul li.On:before, .tgray ul li.On:after { display: none; }

.pt .menu { background: #175394; background: -webkit-linear-gradient(top, #164b86 0%,#0e3157 100%); background: -moz-linear-gradient(top, #164b86 0%,#0e3157 100%); background: -o-linear-gradient(top, #164b86 0%,#0e3157 100%); background: -ms-linear-gradient(top, #164b86 0%,#0e3157 100%); background: linear-gradient(top, #164b86 0%,#0e3157 100%); }

.pt .topbar { height: 150px; width: 100%; background: url(../../images/face/top/topbar_di.jpg) #49629e; margin-top: 40px; }
.pt .topbar .left { height: 150px; overflow: hidden; background: transparent url(../../images/face/top/topbar_r.jpg) no-repeat right top; }
.pt .topbar .right { height: 150px; background: transparent url(../../images/face/top/topbar_l.jpg) no-repeat left top; }

.pt .menu { height: 40px; line-height: 40px; float: left; display: block; z-index: 100; overflow: visible; position: fixed; top: 0px; /* position fixed for IE6 */ _position: absolute; _top: expression(documentElement.scrollTop + "px"); }
.pt .menu div { height: 40px; }
.pt .menu div.menuroot { position: relative; }
.pt .menu div.menuroot a { padding-right: 26px; *padding-right: 19px; }
.pt .menu div.menuroot:after { color: #fff; font-family: 'FontAwesome'; content: '\f0d7'; position: absolute; right: 15px; top: 0px; transition: all .2s ease-out; top: -5px; font-size: 12px; }
.pt .menu div:hover::after { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transition: all .2s ease-out; }
.pt .menu .mid { background-image: none; width: 0; display: none; }
.pt .menu a:hover { color: #ff0; background-image: none; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.pt .menu a { background-image: none; display: block; padding: 0 16px; margin: 6px 0; line-height: 28px; text-decoration: none; border-left: 1px solid #164b86; color: #f3f3f3; text-shadow: 1px 1px 1px rgba(0,0,0,.6); }
.pt .menu .child { opacity: 0; background-color: #134378; }
.pt .menu .child li { height: 28px; line-height: 28px; }
.pt .menu .child a { border: 0 none; color: #fff; height: 28px; line-height: 28px; margin: 0; }
/*
.pt .menu .child a:hover::after { content: '\f105';color:#fff; font-family: 'FontAwesome'; position: absolute; right: 10px; _position:inherit; _font-family:tahoma, Arial,"microsoft yahei","微软雅黑","宋体", Helvetica,san-serif;}
*/

.pt .menu .child a:visited { color: #fff; }


.pt .menu .sfHover { border: 0 none; padding-bottom: 2px; opacity: 1; top: 40px; background-color: rgba(19, 67, 120, 0.95); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; transition: opacity .35s ease 0.1s; }

/*
.pt .menu td:nth-last-child(2) a::before{ color: #fff; font-family: 'FontAwesome'; content: '\f08b'; font-size:12px; margin-right:3px;}
*/
.pt .menu a.m_loginout:before { color: #fff; font-family: 'FontAwesome'; content: '\f08b'; margin-right: 3px; }
.pt .menu a.m_cog:before { color: #fff; font-family: 'FontAwesome'; content: '\f013'; margin-right: 3px; }


.submenu .menu { background-color: #1e61aa; position: static; }

.submenu .menu { height: 38px; line-height: 38px; }
.submenu .menu div { height: 38px; position: relative; }
.submenu .menu .mid { height: 38px; background-image: none; width: 1px; display: block; overflow: hidden; background-color: #2169ba; }
.submenu .menu a:hover { opacity: 1; color: #fff; background-image: none; background-color: #174f8d; border-radius: 8px; padding: 0 12px; margin: 0 4px; /*-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out; -o-transition: color .2s ease-in-out,background-color .2s ease-in-out; -ms-transition: color .2s ease-in-out,background-color .2s ease-in-out; transition: color .2s ease-in-out,background-color .2s ease-in-out;*/ }
.submenu .menu div a { height: 30px; color: #ccc; background-image: none; display: block; padding: 0 16px; margin: 0; line-height: 30px; text-decoration: none; position: relative; top: 4px; z-index: 2; }
.submenu .menu a:hover::after { position: absolute; display: block; width: 0; height: 0; border: 10px solid; border-color: #174f8d transparent transparent transparent; overflow: hidden; top: 24px; left: calc(50% - 10px); content: ''; z-index: 1; }

.gte8 .xm .menu { background-color: #175394; color: #fff; background: linear-gradient(to bottom, #126ac8 5%, #154f8d 100%); border-top: 1px solid #0b5ac1; box-shadow: inset 0px 1px 0px 0px #5ea2ea; }
.gte8 .xm .menu ul li a { display: block; color: #fff; background: #175394; position: relative; background: linear-gradient(to bottom, #126ac8 5%, #154f8d 100%); box-shadow: inset 0px 1px 0px 0px #5ea2ea; }
.gte8 .xm .menu ul li a:hover { background: linear-gradient(to bottom, #2b80db 5%, #1460b2 100%); background-color: #2560a1; }
.gte8 .xm .menu > ul > li > a:before { border-left: 1px solid #1264bb; }
.gte8 .xm .menu > ul > li > a:hover::before { display: none; }
.gte8 .xm .menu ul li ul { box-shadow: 4px 4px 8px 0px rgba(72, 72, 72,0.3); }
.gte8 .xm .menu ul li ul li a { background: none; box-shadow: none; color: #000; }
.gte8 .xm .menu ul li ul li a:hover { background: none; background-color: #2560a1; color: #fff; }

.gte8 .menu ul li ul {opacity:0; display: unset !important; transition: all 0.1s cubic-bezier(0.09, 0.87, 0.84, 1); transform: scaleY(0); transform-origin: 0 0; }
.gte8 .menu ul li:hover ul { opacity: 1; transform: scaleY(1); }