/*基本样式*/ 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-color: #1668c5; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .bs_rightArr { width: 10px; /*竖条宽度*/ height: 56px; /*竖条高度*/ /*background-image: url(bs_right.png);*/ background-color: #1668c5; 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_bannercenter { width: 100%; height: 50px; /* background-image: url(bs_bannercenter.jpg);*/ background-color: #1668c5; background-repeat: repeat-x; } #bs_bannerleft { width: 100%; height: 50px; /*background-image: url(logo.png);*/ background-color: #1668c5; background-repeat: no-repeat; } #bs_bannerright { width: 100%; height: 50px; /* background-image: url(bs_bannerright.jpg);*/ background-color: #1668c5; 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; }*/ #bs_footcenter { text-align: center; width: 100%; color: White; /*页脚字体颜色*/ height: 30px; /*页脚高度*/ overflow: hidden; font-size: 10px; background-color: #f1f1f1; /*background-image: url(footer.png);*/ background-repeat: repeat-x; } /*页脚*/ /*欢迎页*/ .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 { position: absolute; left: 100px; top: 50px; overflow: hidden; height:43px; } .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 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);*/ background-color: #e9e9e9; } .htab a:hover b { color: #000; /*text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/ /*background-image: url(nav_btnbg_over.png);*/ background-color: #e9e9e9; } .htab a.current { /*background-image: url(nav_btnbg_over.png);*/ background-color: #e9e9e9; } .htab a.current b { /*background-image: url(nav_btnbg_over.png);*/ background-color: #e9e9e9; color: #000; /*text-shadow: 2px 2px 2px 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 span { display: inline-block; height: 40px; line-height: 40px; float: left; padding: 4px 0 0 10px; } .htab a i{ width:0px; 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:60px; text-align:right; height:30px; right:10px; line-height:30px; display:none; } .top_info { width: 180px; overflow: hidden; height: 30px; font-size: 14px; display: flex; justify-content: space-around; line-height:30px; } /*.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_menu { /*background-image: url(top_menu.png);*/ background-repeat: no-repeat; top:2px; height: 35px; position: absolute; background-color: #1668c5; right: 0; padding: 3px 0 0 40px; color: #ffffff; overflow: hidden; } .top_menu_position { top: 3px; left: 35px; background-repeat: no-repeat; height: 40px; width: 220px; position: absolute; background-color: #1668c5; padding: 3px 0 0 40px; overflow: hidden; display: block; } .top_menu_position_a { background-image: url(logo.png); background-repeat: no-repeat; position: absolute; left:0; width: 100%; height: 100%; display: block; } .top_icon1{ background-image: url(icon1.png); background-repeat:no-repeat; width:29px; height:23px; display:block; } .top_icon2{ background-image: url(icon2.png); background-repeat:no-repeat; width:29px; height:23px; display:block; } .top_icon3{ background-image: url(icon3.png); background-repeat:no-repeat; width:29px; height:23px; display:block; } .top_icon4{ background-image: url(icon4.png); background-repeat:no-repeat; width:10px; height:23px; display:block; }