@charset "utf-8";
*{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#logo{
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: center center;
width:560px;
height: 49px;
left: 50%;
margin-left: -280px;
top:15px;
position: absolute;
z-index: 1;
}
.sidebar{
width:160px;
position: fixed;
left: -250px;
top: 85px;
z-index: 98;
}
.sidebar h6{
height:39px;
line-height: 39px;
font-size: 16px;
text-indent: 12px;
font-weight: normal;
background-image: url(images/sidebar-titleBg.gif);
background-repeat: no-repeat;
}
.sidebar h6 img{
float: right;
vertical-align: middle;
padding:14px 8px;
}
.sidebar.sidebarBg{
background: #6d9fc0;
}
.sidebar ul{
width: 100%;
}
.sidebar ul li{
width:100%;
margin-bottom:1px;
}
.sidebar ul li a.afterHover{
height:41px;
line-height: 32px;
padding:4px 0px;
display: block;
background-color:#041e35;
}
.sidebar ul li a.afterHover:hover,
.sidebar .click-on a.afterHover {
background-image:url(images/sidebar-click-on.png);
background-color:rgba(0,0,0,0);
color:#0ce0ee;
font-size: 14px;
}
.sidebar ul li a.afterHover:hover span,
.sidebar .click-on a.afterHover span{
background-image: url(images/sidebar-icon-hover.png);
}
.sidebar ul li li a{
background:#246197;
display: block;
height: 45px;
line-height: 45px;
vertical-align: middle;
padding-left: 20px;
border-bottom: #194d7b 1px solid;
}
.sidebar ul li li{
margin-bottom: 0px;
}
.sidebar ul li li:last-child a{
border-bottom:none;
}
.sidebar ul li span{
width:28px;
height:28px;
margin:0px 5px 0px 8px;
display: inline-block;
background-image: url(images/sidebar-icon.png);
background-repeat: no-repeat;
margin-top:3px;
float: left;
}
.sidebar ul li ol{
display: none;
}
.sidebar ul li.click-on ol{
display: block;
}
.sidebar ul li a.textLineHeight{
line-height: 16px;
}
span.sidebar-ztts{
background-position: 0px 0px;
}
span.sidebar-wngh{
background-position: 0px -28px;
}
span.sidebar-sngdjh{
background-position: 0px -56px;
}
span.sidebar-xmshba{
background-position: 0px -84px;
}
span.sidebar-ysnzj{
background-position: 0px -112px;
}
span.sidebar-zxjsjj{
background-position: 0px -140px;
}
#toolbar{
position:fixed;
top:0px;
right: 0px;
height: 100%;
width:30px;
z-index: 999;
background-color: rgba(15,54,129,.8);
zoom:1;
}
#toolbar span{
width:100%;
border-bottom:#001f5b 1px solid;
transform: translateZ(0);
position: relative;
display: block;
}
#toolbar span a{
display: block;
height:36px;
background-repeat: no-repeat;
pointer-events: auto;
}
#toolbar span > a{
background-image:url(images/Toolbar-icon.png);
}
#toolbar span:hover {
z-index: 1000;
}
#toolbar span:hover > a {
background-color: #055b8b;
background-image:url(images/Toolbar-icon-hover.png);
transition: opacity 0.5s;
}
#toolbar li a:active, #toolbar li a:focus{
background-image:url(images/Toolbar-icon-hover.png);
background-color:#055b8b;
}*/
#toolbar .btn-back{
background-position: 0px 0px;
}
#toolbar .btn-list{
background-position: 0px -36px;
}
#toolbar .btn-search{
background-position: 0px -72px;
}
#toolbar .btn-chart{
background-position: 0px -108px;
}
#toolbar .btn-word{
background-position: 0px -144px;
}
#toolbar .btn-pdf{
background-position: 0px -180px;
}
#toolbar .btn-print{
background-position: 0px -216px;
}
#toolbar .btn-index{
background-position: 0px -252px;
}
#toolbar ul{
min-width: 210px;
position: absolute;
top:0px;
background:rgba(5,91,139,.8);
z-index: 999;
transition: 0.5s transform;
}
#toolbar .listMenu{
background-color: transparent;
padding:40px 0 40px 60px;
margin-top:-40px;
}
#toolbar .listMenu li{
background:rgba(5,91,139,.8);
}
#toolbar span > ul{
transform: translateX(100%);
}
#toolbar span:hover > ul{
transform: translateX(-100%);
}
#toolbar span:hover > ul.listMenu,
#toolbar span:hover > ul.listSearch,
#toolbar span:hover > ul.listChart{
transform: translateX(-100%);
}
#toolbar ul.listChart{
width:175px;
padding:5px 10px;
}
#toolbar ul.listChart li{
width:44px;
height:34px;
border:#eee 1px solid;
display: inline-block;
line-height: auto;
margin:2px;
overflow:hidden;
}
#toolbar ul.listChart li img{
min-width:100%;
min-height:100%;
}
.listMenu{
white-space:nowrap;
}
.listMenu h6{
min-width: 140px;
height:36px;
line-height:36px;
background:rgba(5,91,139,.8);
}
.listMenu h6 > a{
float:left;
display:block;
width:50%;
height:100%;
padding:0 10px;
text-align:center;
font-weight:normal;
background:rgba(12,44,106,.5);
}
.listMenu h6 > a.active{
background-color:rgba(28,129,185,.5);
}
.listMenu li + li{
border-top:1px solid #2677a4;
}
.listMenu li.active > a{
background-image:url(images/menu_active.png);
background-position:5px center;
}
.listMenu li > ul{
transform: translateX(0%);
opacity:0;
visibility:hidden;
padding:200px 0px 200px 200px;
margin-top:-200px;
}
i.tool-close{
content: "";
width:12px;
height: 100%;
background: url(images/tool-close.png) center center no-repeat;
display: inline-block;
content:"";
position: absolute;
right: 5px;
top:0px;
cursor: pointer;
}
.listMenu li:hover > ul,
.listMenu li.active:hover > ul{
visibility:visible;
transform: translateX(-100%);
opacity:100;
}
#toolbar .listMenu li > ul,
#toolbar .listMenu li:hover > ul{
background-color: transparent;
}
#toolbar ul.listMenu li{
width:100%;
position:relative;
}
#toolbar ul.listMenu li a{
padding-left:24px;
padding-right:20px;
color:#fff;
display: block;
position: relative;
}
#toolbar ul.listMenu li li{
background:rgba(5,91,139,.8);
}
#toolbar ul li a,#toolbar ul li a:link,#toolbar ul li a:visited{
color:#fff;
}
#toolbar ul.listMenu li:hover a,
#toolbar ul.listMenu li.active a{
background-color:rgba(28,129,185,.5);
}
#toolbar ul.listMenu li:hover ul li:hover a{
background-color:#63bbec;
}
#toolbar ul.listMenu li a{
color: #fff;
position: relative;
display: block;
}
#toolbar span ul a{
height:auto;
}
#toolbar ul.listMenu li a:hover{
color:#fff;
}
#toolbar ul.listMenu li a.a-after:after{
background-image: url(images/menuAfter-Img.png);
width:9px;
height: 7px;
display: inline-block;
content:"";
position: absolute;
left: 10px;
top:10px;
}
#contentDiv{
position: relative;
margin-right: 35px;*/
top: 90px;
z-index:99;
}
#myfkpage{
height:100%;
width:100%;
}
#homeBg{
position: relative;
background:#000 url(images/home-bg.jpg) center center no-repeat;
width:100%;
height:100%;
}
#home-contentDiv{
position: absolute;
width:497px;
height:516px;
left:50%;
margin-left:-250px;
top: 50%;
margin-top:-258px;
}
#btn-Div{
width: 100%;
height: 100%;
position: absolute;
background-image: url(images/homeMenu-bg.png);
background-repeat: no-repeat;
}
#btn-Div.bgImg1{
background-image: url(images/btn-1.png);
}
#btn-Div.bgImg2{
background-image: url(images/btn-2.png);
}
#btn-Div.bgImg3{
background-image: url(images/btn-3.png);
}
#btn-Div.bgImg4{
background-image: url(images/btn-4.png);
}
#btn-Div.bgImg5{
background-image: url(images/btn-5.png);
}
#btn-Div.bgImg6{
background-image: url(images/btn-6.png);
}
.btn-Sort {
width: 98px;
height: 170px;
background: transparent;
position: absolute;
cursor: pointer;
}
.btn-Sort:before {
content: "";
position: absolute;
top: 0px;
left: -49px;
width: 0;
height: 0;
border-top: 85px solid transparent;
border-right: 49px solid transparent;
border-bottom: 85px solid transparent;
}
.btn-Sort:after {
content: "";
position: absolute;
bottom: 0;
right: -49px;
width: 0;
height: 0;
border-top: 85px solid transparent;
border-left: 49px solid transparent;
border-bottom: 85px solid transparent;
}
.btn-1{
left:50%;
margin-left:-49px;
}
.btn-2{
left:50px;
top:86px;
}
.btn-3{
left:50px;
bottom:86px;
}
.btn-4{
left:50%;
margin-left:-49px;
bottom:0px;
}
.btn-5{
right:50px;
bottom:86px;
}
.btn-6{
right:50px;
top:86px;
}
#zd-contentDiv{
width:813px;
height: 263px;
top:50%;
margin-top: -132px;
left:50%;
margin-left: -407px;
position: absolute;
}
#zd-btn-Div{
width: 100%;
height: 100%;
position: absolute;
background-image: url(images/zdMenu-bg.png);
background-repeat: no-repeat;
}
#zd-btn-Div.bgImg1{
background-image: url(images/zdbtn-1.png);
}
#zd-btn-Div.bgImg2{
background-image: url(images/zdbtn-2.png);
}
#zd-btn-Div.bgImg3{
background-image: url(images/zdbtn-3.png);
}
#zd-btn-Div.bgImg4{
background-image: url(images/zdbtn-4.png);
}
#zd-btn-Div.bgImg5{
background-image: url(images/zdbtn-5.png);
}
.zdbtn-1{
left:0;
bottom: 0;
}
.zdbtn-2{
left:154px;
top:0;
}
.zdbtn-3{
left:308px;
bottom:0;
}
.zdbtn-4{
right:154px;
top:0;
}
.zdbtn-5{
right:0px;
bottom:0;
}
.selectTree{
width:138px;
position: absolute;
z-index: 997;
margin-bottom: 4px;
left:40px;
}
.selectTree h6{
color:#0df2ff;
background-color: rgba(4,55,107,.8);
text-indent: 10px;
font-weight: normal;
cursor: move;
}
.selectTree h6 span{
float: right;
margin-right: 5px;
cursor: pointer;
}
.selectTree ul{
background-color: rgba(4,37,68,.8);
padding:5px 0px;
-webkit-box-shadow:inset 0 0 6px rgba(4,102,156,1);
-moz-box-shadow:inset 0 0 6px rgba(4,102,156,1);
box-shadow:inset 0 0 15px rgba(4,102,156,1);
}
.selectTree ul li{
text-indent: 14px;
line-height: 24px;
cursor: pointer;
}
.selectTree ul li a{
color: #56e6ef;
}
.selectTree ul li:focus a,.selectTree ul li:hover a{
color:#000;
}
.selectTree ul li:focus,.selectTree ul li:hover{
background: #56e6ef;
}
.rightChart{
width:400px;
height:400px;
right:60px;
}
.leftChart{
left:30px;
right:465px;
top:0px;
}
.addBox{
width:400px;
height:400px;
left: 50%;
top:50px;
margin-left:-200px;
z-index: 3;
}
.chartDiv .iframeTest{
width:100%;
height:100%;
}
.chartDiv{
background: rgba(4,37,68,.8);
position: absolute;
border:#072f55 1px solid;
padding: 50px 5px 10px 0px;
z-index:2;
resize:both;
overflow:hidden;
vertical-align: top;
left: 220px;
width: 1000px;
height: 600px;
}
.chartDiv:after{
display:block;
content:'';
width:10px;
height:10px;
position:absolute;
bottom:0px;
right:0px;
cursor:nw-resize;
}
.chartDiv.active{
z-index:2;
box-shadow:0 0 10px 0 rgba(255,255,255,.2);
}
.chartDiv span.jbg{
background-image: url(images/jbg.png);
width:8px;
height:8px;
display: block;
position: absolute;
}
.chartDiv span.topLeft{
background-position: 0px 0px;
top:0px;
left:0px;
}
.chartDiv span.topRight{
background-position: -8px 0px;
top:0px;
right:0px;
}
.chartDiv span.bottomLeft{
background-position: 0px -8px;
bottom:0px;
left:0px;
}
.chartDiv span.bottomRight{
background-position: -8px -8px;
bottom:0px;
right:0px;
}
.chartDiv h6{
color:#0df2ff;
font-size: 18px;
font-weight: normal;
padding:15px 10px 5px 20px;
position: absolute;
top: 0px;
left:0px;
right:0px;
width: 100%;
margin:0px;
cursor: move;
}
.chartDiv h6 i{
width:28px;
height:22px;
background-image:url(images/set-zk.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
cursor: pointer;
vertical-align: text-top;
margin-left: 10px;
}
.chartDiv h6 i:hover{
background-image:url(images/set-zk-hover.png);
}
.chartDiv span,.chartDiv center{
color:inherit;
}
.chartDiv h6 .r input{
width:60px;
height:17px;
line-height:17px;
padding:0;
background-color:#041e35;
vertical-align:text-top;
font-size: 13px;
border:0 none;
}
.chartDiv h6 span.r,.chartDiv h1 span.r{
margin-right: 20px;
}
.chartDiv span.close,.chartDiv span.bigWindow{
width:16px;
height:16px;
position: absolute;
right:9px;
top:9px;
background-image: url(images/chart-icon.png);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
cursor: pointer;
z-index: 1000
}
.chartDiv span.smallWindow{
background-position: 0px -16px;
}
.chartDiv span.close{
background-position: 0px -32px;
}
.chartDiv h1{
position: absolute;
top: 0px;
left:0px;
right:0px;
width: 100%;
text-align: center;
padding:15px 10px 10px 20px;
font-weight: normal;
color:#0df2ff;
font-size: 24px;
}
.chartDiv h1 a{
border:#055b8b 1px solid;
padding:0px 15px;
font-size: 12px;
color:#0df2ff;
}
.chartDiv h1 a.click-on{
background-color: #055b8b;
}
.chartDiv h6 a{
border:#055b8b 1px solid;
padding:0px 10px;
padding:0px 10px;
font-size: 12px;
color:#0df2ff;
}
.chartDiv h6 a.click-on{
background-color: #055b8b;
}
.chartHeight{
height:100%;
width: 100%;
}
.one_screen{
width: 100%;
height: 100%;
background-color: aliceblue;
}
.four_screen{
width: 50%;
height: 50%;
float: left;
background-color: aliceblue;
border: 1px #000 solid;
margin-top: -10px;
}
.six_screen_big{
width: 66.66%;
height: 63.66%;
float: left;
background-color: aliceblue;
border: 1px #000 solid;
margin-top: -10px;
}
.six_screen_small{
width: 33.33%;
height: 33.33%;
float: left;
background-color: aliceblue;
border: 1px #000 solid;
margin-top: -10px;
}
.nine_screen{
width: 33.11%;
height: 33.11%;
float: left;
background-color: aliceblue;
border: 1px #000 solid;
margin-top: -10px;
}
.one_screen p , .four_screen p , .six_screen_big p , .six_screen_small p ,.nine_screen p{
color: #000;
position: relative;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
}
ul,li{
list-style: none;
}
a:link,a:visited{
text-decoration: none;
}
.list{
width: 220px;
border-bottom:solid 1px #316a91;
margin:10px auto 0 auto;
border-radius: 5px;
overflow-x: hidden;
}
.list ul{
border-radius: 10px;
}
.list ul li{
background-color:#467ca2;
border:solid 1px #316a91;
border-bottom:0;
}
.list ul li a{
padding-left: 10px;
color: #fff;
font-size:12px;
display: block;
font-weight:bold;
height:36px;
line-height: 36px;
position: relative;
}
.list ul li .inactive{ background:url(../../images/off.png) no-repeat 184px center;}
.list ul li .inactives{background:url(../../images/on.png) no-repeat 184px center;}
.list ul li ul{
display: none;
}
.list ul li ul{
display: none;
}
.list ul li ul li {
border-left:0;
border-right:0;
background-color:#6196bb;
border-color:#467ca2;
}
.list ul li ul li ul{
display: none;
}
.list ul li ul li a{
padding-left:20px;
}
.list ul li ul li ul li {
background-color:#d6e6f1;
border-color:#6196bb;
}
.last{
background-color:#d6e6f1;
border-color:#6196bb;
}
.list ul li ul li ul li a{
color:#316a91;
padding-left:30px;
}
.timeBar{
width:100%;
padding:3px 22px;
position: relative;
margin: 10px 0px;
height:55px;
}
.timeBar .lrBg{
background:url(images/time-bar.png) no-repeat;
display: block;
height:55px;
width:20px;
position: absolute;
top:0px;
}
.timeBar .lrBg.leftBg{
background-position: 0px 0px;
left: 0px;
}
.timeBar .lrBg.rightBg{
background-position: -20px 0px;
right:0px;
}
.timeBar .timeM{
height: 55px;
background:url(images/time-bar.png) repeat-x;
background-position: 0px -55px;
text-align: center;
position: absolute;
right:20px;
left:20px;
top:0px;
}
.timeBar .timeM .time-mon{
height:9px;
width:55px;
background: url(images/time-mon.png) no-repeat;
position: relative;
display: inline-block;
margin-left: -10px;
cursor: pointer;
}
.timeBar .timeM .time-mon.click-on{
background: url(images/time-mon-click.png) no-repeat;
}
.timeBar .timeM .time-mon b{
text-align: center;
position: absolute;
bottom:-30px;
color: #7afdf8;
font-size: 12px;
width:100%;
display: block;
line-height: 24px;
}
.timeBar .timeM .time-mon + .timeBar .timeM .time-mon{
margin-left:0px;
}
.listSearchdiv{width:500px;font-size:14px;}
.listSearchdiv tr th
{
text-align:right;
padding-right:3px;
border:1px solid #1071a7;
font-weight:normal;
}
.listSearchdiv tr td
{ border:1px solid #1071a7;
padding-left:3px;
padding-right:3px;
}
.listSearch h6{
padding:0 10px;
text-indent: 20px;
font-weight:normal;
background:url(images/toolbar_search.png) 10px center no-repeat;
}
.listSearch li{
line-height:20px;
padding:0 10px 5px;
}
.listSearch input[type=text]{
width:100px;
height:22px;
line-height:20px;
background-color:#086294;
border:1px solid #196d9b;
}
.listSearch button{
width:100%;
height:30px;
line-height:30px;
text-align:center;
background-color:rgba(28,129,185,1);
border:0 none;
cursor:pointer;
font-size:16px;
}
.listSearch button:hover{
background-color:rgba(28,129,185,.7);
}
#indexBg{
width:1280px;
height:720px;
position:absolute;
left:50%;
margin-left:-640px;
top:50%;
margin-top:-360px;
}
.userNum{
width:174px;
height:99px;
background-image:url(images/userNum-bg.png);
background-repeat: no-repeat;
padding: 15px;
text-align: center;
position: absolute;
line-height: 30px;
font-size: 16px;
color: #ffff55;
top:15%;
left: 70px;
}
.userNum *{
color: #ffff55;
}
.userNum i{
font-style: normal;
font-size: 24px;
line-height: 38px;
display: block;
}
.system-Time{
width:208px;
height:96px;
background-image:url(images/time-bg.png);
background-repeat: no-repeat;
padding: 10px;
line-height: 32px;
font-size: 16px;
text-align: center;
position: absolute;
top:20px;
right: 50px;
}
.system-Time i{
font-size: 36px;
font-family: Arial;
font-weight: bolder;
display: block;
font-style: normal;
line-height: 40px;
display: block;
color: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1)), to(rgba(51, 51, 51, 1)));
}
.cardDiv{
position: absolute;
bottom:25px;
width:1280px;
left: 50%;
margin-left: -640px;
}
.cardDiv .card-tag{
background-image: url(images/card-Bg.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height:171px;
width:235px;
padding:3px;
color:#0df2ff;
font-size: 18px;
text-align: left;
display: inline-table;
margin:0px 8px 0px 7px;
cursor: pointer;
}
.cardDiv .card-tag *{
color:#0df2ff;
}
.cardDiv .card-tag:first-child{
margin-left: 17px;
}
.cardDiv .card-tag:last-child{
margin-right: 0px;
}
.cardDiv .card-tag.click-on{
background-position: 0px -171px;
color: #fff000;
}
.cardDiv .card-tag.click-on *{
color: #fff000;
}
.cardDiv .card-tag h6{
font-size: 16px;
height: 41px;
line-height: 40px;
text-indent: 13px;
margin-bottom: 11px;
}
.cardDiv .card-tag p{
line-height: 30px;
text-indent: 17px;
}
.cardDiv .card-tag p span{
float: right;
margin-right: 24px;
text-indent: 0px;
}
.currenttWz{
position:absolute;
color:#00d2f8!important;
font-size:12px;
font-family:Microsoft YaHei;
top:-30px;
left:30px;
}
.loginInfo{
position:absolute;
top:-30px;
right:0;
font-size:12px;
color:#fff;
}
.loginInfo > a{
color:#e44446;
font-size:12px;
}
.loginInfo img{
margin-right:6px;
margin-bottom:2px;
}
.smzq > font{
font-size:12px;
color:#fff;
margin-right:9px;
line-height:21px;
}
.smzq span a,.mkhf li a{
padding:0 6px 0 17px;
display:inline-block;
height:21px;
line-height:18px;
box-sizing:border-box;
border:1px solid #055b8b;
font-size:12px;
vertical-align:middle;
margin-right:2px;
color:#00d0fe;
background:rgba(5,91,139,0.5) url(../images/radiobg.png) 4px 4px no-repeat;
}
.smzq span a.click_on,.mkhf li.click_on a{
color:#fff;
background:#0d73ab url(../images/radiobg.png) 4px -17px no-repeat;
border:1px solid #0d73ab;
}
.mkhf{
position:absolute;
left:10px;
top:102px;
}
.mkhf h5{
font-size:12px;
color:#fff;
font-weight:normal;
line-height:normal;
margin-bottom:7px;
}
.mkhf li{
line-height:normal;
margin-bottom:2px;
}
.mkhf li a{
width:133px;
padding-right:0;
}
.chartDiv h1 .smallFont{
font-size:16px;
color:#0df2ff;
}
.tabTitle{
position:absolute;
top:0;
left:0;
width:100%;
height:39px;
border:1px solid #055b8b;
box-sizing:content-box;
}
.tabTitle a{
display:inline-block;
width:50%;
font-size:18px;
color:#018ebd;
text-align:center;
height:39px;
line-height:36px;
}
.tabTitle a.click_on{
background-color:#0a7fc0;
color:#0df2ff;
}
.swzk{
display:inline-block;
width:28px;
height:22px;
background:url(images/zktb.png) 0 0 no-repeat;
border:none!important;
margin-left:11px;
padding:0!important;
position:relative;
top:4px;
}
.swzk:hover{
background:url(images/zktb.png) 0 bottom no-repeat;
}
.swzk:hover > label{
display:block;
}
.swzk label{
position:absolute;
width:60px;
height:25px;
background:url(images/zkts.png) 0 0 no-repeat;
left:26px;
bottom:15px;
display:none;
}
.mlopenDiv{
position:absolute;
z-index:999;
width:500px;
left:calc(50% - 250px);
top:30px;
box-shadow:0 0 10px 0 rgba(0,0,0,0.6);
}
.mlopenDiv h1{
height:50px;
line-height:50px;
background-color:#0388d5;
color:#fff;
font-size:20px;
text-indent:20px;
}
.mlNr{
background-color:#fff;
border-top:none;
padding:10px 20px 100px 20px;
}
.mlNr li{
height:50px;
line-height:50px;
}
.mlNr a:link,.mlNr a:visited,.mlNr a:active{
color:#000;
font-size:16px;
}
.mlNr a:hover{
color:#ff0000;
}