/*基本样式*/ body{ text-align: left; color:#3f3f3f; font-family:"微软雅黑"; font-size:14px; } a{ color: #333333; text-decoration: none; outline:none; cursor: hand; cursor: pointer; } a:hover{ color: #4a88df; text-decoration: underline; } /*基本样式*/ /*框架主体设置*/ #mainFrame{ background-color:#e5e5e5; /*主体内容区颜色*/ } .contentStyleLeft{ padding: 0 0px 0 0px; /*设置左侧内容边距*/ } .contentStyle{ padding: 0 0px 0 4px; /*设置右侧内容边距*/ } #hideCon{ width: 210px; /*设置左侧框架宽度*/ } #bs_left{ width: 200px; /*设置左侧框架宽度*/ } /*框架主体设置*/ /*设置左侧伸缩的按钮样式*/ .bs_leftArr{ width: 10px;/*竖条宽度*/ height: 56px;/*竖条高度*/ background-image: url(bs_left.png); background-repeat: no-repeat; cursor: pointer; cursor: hand; } .bs_rightArr{ width: 10px;/*竖条宽度*/ height: 56px;/*竖条高度*/ background-image: url(bs_right.png); background-repeat: no-repeat; cursor: pointer; cursor: hand; } .main_shutiao{ width: 9px;/*竖条容器宽度*/ height: 100%; } /*设置左侧伸缩的按钮样式*/ /*框架左侧盒子模型*/ #lbox{ background-color:transparent!important; box-shadow: 7px 0px 7px rgba(0,0,0,0.1); } #lbox_topcenter{ } #lbox_topleft{ } #lbox_topright{ } #lbox_middlecenter{ background-color:#f1f1f1; } #lbox_bottomcenter{ } #lbox_bottomleft{ } #lbox_bottomright{ } .lbox_title{ display:none; } .lbox_foot{ display:none; } /*框架左侧盒子模型*/ /*框架右侧盒子模型*/ #rbox{ background-color:transparent!important; padding:5px 4px 0 0; } #rbox_topcenter{ } #rbox_topleft{ } #rbox_topright{ } #rbox_middlecenter{ background-color:#f5f5f5; } #rbox_bottomcenter{ } #rbox_bottomleft{ } #rbox_bottomright{ } .rbox_title{ display: none;/*当右侧盒子标题为图片时隐藏文字标题*/ } /*框架右侧盒子模型*/ /*头部与导航*/ #hbox{ padding: 0px; } #bs_bannercenter{ width: 100%; height: 64px; background-image: url(bs_bannercenter.jpg); background-repeat: repeat-x; } #bs_bannerleft{ width: 100%; height: 100%; background-image: url(bs_bannerleft.jpg); background-repeat: no-repeat; } #bs_bannerright{ width: 100%; height: 100%; background-image: url(bs_bannerright.jpg); background-position: 100% 0%; background-repeat: no-repeat; } #bs_navcenter { width: 100%; height: 40px; background-color:white; /*background-image: url(menu.png);*/ background-repeat: repeat-x; background-position: 0% 100%; } #bs_navleft{ width: 100%; height: 100%; } #bs_navright{ width: 100%; height: 100%; } .bs_nav{ padding: 0px 0 0 165px;/*导航区的位置*/ color: #343233; overflow:hidden; } .bs_nav a{ color:#343233; } .bs_nav a:hover{ color:#343233; text-decoration:none; } .bs_navleft{ float: left; padding:0 0 0 15px; color: #343233; } .bs_navright{ float: right; padding: 0 10px 0 0; } .bs_navleft li{ float:left; padding-right:4px; } .fontChange{ padding:4px 0 0 0; } .fontChange span a{ height:17px; line-height:17px; width:17px; text-align:center; display:block; background-image: url(click.gif); background-repeat: no-repeat; color: #343233; } .fontChange span a:hover{ background-image: url(fontBg.jpg)!important; background-repeat: no-repeat; text-decoration:none; color:white; } .fontChange span .fontChange_cur{ background-image: url(fontBg.jpg)!important; background-repeat: no-repeat; text-decoration:none; color:white; } .bs_banner_logo{ background-image: url(logo.png); background-repeat: no-repeat; width:71px;/*logo宽度*/ height:42px;/*logo高度*/ position:absolute; top:15px;/*logo y坐标*/ left:20px;/*logo x坐标*/ } .bs_banner_title{ background-image: url(title.png); background-repeat: no-repeat; width:339px;/*头部标题宽度*/ height:36px;/*头部标题高度*/ position:absolute; top:20px;/*头部标题y坐标*/ left:100px;/*头部标题x坐标*/ } .subTitle{ color:#ffffff; font-size:18px; font-weight:bold; position:absolute; left:430px; top:30px; } /*头部与导航*/ /*页脚*/ #fbox{ padding: 0; } #bs_footcenter{ text-align: center; width: 100%; color: White;/*页脚字体颜色*/ height: 28px;/*页脚高度*/ line-height:4px;/*页脚行高*/ overflow:hidden; background-image: url(footer.png); background-repeat::repeat-x; } #fbox .logo { background: url(icon_system_footer.png) center no-repeat; width: 45px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 10px; } #bs_footleft{ height:100%; width:100%; } #bs_footright{ width:100%; padding:5px 0 0 0; } /*页脚*/ /*欢迎页*/ .welcome{ width: 100%; height: 100%; background-image: url(welcome.jpg); background-repeat: no-repeat; background-position: 90% 80%; } .welcomeTitle{ width:559px;/*欢迎页标题图宽度*/ height: 166px;/*欢迎页标题图高度*/ background-image: url(welcomeTitle.png); position:absolute; left:45px; top:120px; } /*欢迎页*/ /*treeAccordion结构*/ .ztree_accordition *{ font-family:sans-serif!important; } .ztree_accordition li span.zbutton.switch { display:none!important;/*隐藏所有的加号*/ } .ztree_accordition li a.curSelectedNode{/*第二级以后的选中后样式和高度*/ border-color:#008bcb!important; background-color:#dbeefd!important; padding-top:6px!important; padding-bottom:6px!important; background-image: none!important; opacity:1!important; } .ztree_accordition li a{/*第二级以后的节点高度*/ padding-top:6px!important; padding-bottom:6px!important; } .ztree_accordition ul.level0{ padding-top:4px!important;/*第二级顶部距离第一级的底部距离*/ padding-left:10px!important;/*第二级内容距离左侧距离*/ } .ztree_accordition{ padding-top:0!important; padding-left:1px!important; } .ztree_accordition li a.level0 { width:200px;/*第一级宽度*/ height: 32px!important;/*第一级高度,加上padding值才是实际高度*/ text-decoration:none; text-align:left; display:block; border:none!important; background-color:transparent!important; padding-top:0px!important;/*第一级文字的上边距*/ padding-left:20px!important;/*第一级图标的左边距*/ padding-bottom:0!important; margin-top:2px!important;/*每个第一级相互的距离*/ text-indent:0px;/*文字与图标的距离*/ } .ztree_accordition li a.level0 span { display: block; color: #000000; /*第一级文字颜色*/ padding-top:10px; /*第一级文字上边距*/ font-size:14px; /*第一级字体大小*/ font-weight: normal;/*第一级字体粗细*/ text-decoration:none;/*第一级禁止下划线*/ word-spacing: 2px; margin-left:0px!important; float:left; background-position:0% 100%!important; line-height:18px; } .ztree_accordition li a:hover.level0{ text-decoration:none;/*第一级禁止下划线*/ } .ztree_accordition li a.level0.curLevel0 span { color: #0064a9!important; /*第一级选中后文字颜色*/ } .ztree_accordition li a.level0.curLevel0{ background-color:transparent!important; opacity:1!important; background-image: url("titlebar-active.png")!important;/*第一级选中后背景*/ padding-top:0px!important;/*第一级文字的上边距*/ padding-left:20px!important;/*第一级图标的左边距*/ padding-bottom:0!important; } /*treeAccordion结构*/ /*横向标签导航结构*/ .htab{ position:absolute; left:100px; top:59px; overflow:hidden; } .htab a{ height:46px; float:left; line-height:46px; padding:0 0 0 0px; background-repeat:no-repeat; margin:0 5px 0 0; } .htab a b{ color:#000; text-shadow:1px 1px 1px rgba(254,254,254,1); font-weight:normal; display:inline-block; padding: 0 12px 0 0; white-space: nowrap; text-decoration:none; font-size:15px; background-repeat:no-repeat; background-position:100% 0%; } .htab a:hover{ text-decoration:none; background-image: url(nav_btnbg_over.png); } .htab a:hover b{ color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.3); background-image: url(nav_btnbg_over.png); } .htab a.current{ background-image: url(nav_btnbg_over.png); } .htab a.current b{ background-image: url(nav_btnbg_over.png); color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.3); background-position:100% 0%; } .htab a span{ display:inline-block; height:40px; line-height:40px; float:left; padding:4px 0 0 0px; } .htab a i{ width:40px; height:46px; background-image: url(icon_leftmenu.png); background-repeat:no-repeat; display:inline-block; float:left; } .htab a .tab_icon1{ background-position:0px 4px; } .htab a:hover .tab_icon1{ background-position:-50px 4px; } .htab a.current .tab_icon1{ background-position:-50px 4px; } .htab a .tab_icon2{ background-position:0px -46px; } .htab a:hover .tab_icon2{ background-position:-50px -46px; } .htab a.current .tab_icon2{ background-position:-50px -46px; } .htab a .tab_icon3{ background-position:0px -96px; } .htab a:hover .tab_icon3{ background-position:-50px -96px; } .htab a.current .tab_icon3{ background-position:-50px -96px; } .htab a .tab_icon4{ background-position:0px -146px; } .htab a:hover .tab_icon4{ background-position:-50px -146px; } .htab a.current .tab_icon4{ background-position:-50px -146px; } .htab a .tab_icon5{ background-position:0px -196px; } .htab a:hover .tab_icon5{ background-position:-50px -196px; } .htab a.current .tab_icon5{ background-position:-50px -196px; } .htab a .tab_icon6{ background-position:0px -246px; } .htab a:hover .tab_icon6{ background-position:-50px -246px; } .htab a.current .tab_icon6{ background-position:-50px -246px; } .htab a .tab_icon7{ background-position:0px -296px; } .htab a:hover .tab_icon7{ background-position:-50px -296px; } .htab a.current .tab_icon7{ background-position:-50px -296px; } .htab a .tab_icon8{ background-position:0px -346px; } .htab a:hover .tab_icon8{ background-position:-50px -346px; } .htab a.current .tab_icon8{ background-position:-50px -346px; } .htab a .tab_icon9{ background-position:0px -396px; } .htab a:hover .tab_icon9{ background-position:-50px -396px; } .htab a.current .tab_icon9{ background-position:-50px -396px; } /*横向标签导航结构*/ .top_position{ color:#ffffff; width:50px; position:absolute; top:33px; text-align:right; height:30px; right:10px; line-height:30px; } .top_info { width: 180px; overflow: hidden; height: 30px; font-size: 14px; display: flex; justify-content: space-around; } .top_menu { background-image: url(top_menu.png); background-repeat: no-repeat; height: 32px; position: absolute; right: 0; padding: 2px 0 0 40px; color: #0064A9; overflow: hidden; } .top_icon1{ background-image: url(icon1.png); background-repeat:no-repeat; width:29px; height:18px; display:block; } .top_icon2{ background-image: url(icon2.png); background-repeat:no-repeat; width:29px; height:18px; display:block; } .top_icon3{ background-image: url(icon3.png); background-repeat:no-repeat; width:29px; height:18px; display:block; } .top_icon4{ background-image: url(icon4.png); background-repeat:no-repeat; width:10px; height:18px; display:block; }