/* body{ width: 100%;  background: url(../img/bg-full.png) repeat;} */
body {
    width: 100%;
    background-color: #F1F3F4;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: normal;
}

.g-bd {
    display: block;
    width: 100%;
    /*max-width: 1366px;*/
    clear: both;
    color: #333333;
    font-size: 12px;
    margin: 0 auto;
    background: #f1f2f4;
}

.index-g-bd {
    background: #2880E4;
}

.g-bd990 {
    display: block;
    width: 990px;
    clear: both;
    color: #333333;
    font-size: 12px;
    margin: 0 auto;
}

/*閸ョ偓鐖�*/
.icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icon.png) no-repeat;
}
section nav a{
	display: flex;
flex-direction: column;
text-align: center;
align-items: center;
color: white;
font-size: 14px;
font-family: 微软雅黑;
font-weight: bold;
width: 100px;
height: 76px;
cursor:pointer;
}
section nav a:hover {
color: #fff
}
section nav a.on {
    border-bottom: 0px solid #4CB2DC;
    background: url(../img/menu_on.png);
    cursor:default;
}
section nav a .icon-xuesheng {
	width: 30px;
    height: 35px;
    background-position: -42px -921px;
    margin-top: 10px;
}
section nav a .icon-zzxm {
	width: 30px;
    height: 35px;
    background-position: -129px -921px;
    margin-top: 10px;
}

section nav a .icon-zzxm {
	width: 30px;
    height: 35px;
    background-position: -129px -921px;
    margin-top: 10px;
}

section nav a .icon-czzj {
	width: 30px;
    height: 35px;
    background-position: -84px  -921px;
    margin-top: 10px;
}

section nav a .icon-xxcx {
	width: 30px;
    height: 35px;
    background-position: -171px -921px;
    margin-top: 10px;
}

section nav a .icon-tjbb {
	width: 30px;
    height: 35px;
    background-position: -213px -921px;
    margin-top: 10px;
}

section nav a .icon-zcwj {
	width: 30px;
    height: 35px;
    background-position: -257px  -921px;
    margin-top: 10px;
}

section nav a .icon-sys {
	width: 30px;
    height: 35px;
    background-position: -379px -921px;
    margin-top: 10px;
}
 
section .icon-index{
	width: 30px;
    height: 29px;
    background-position: -2px -921px;
}
.icon-logo-s {
    width: 41px;
    height: 45px;
    background-position: -54px -269px;
}

.icon-logo-l {
    width: 53px;
    height: 56px;
    background-position: 0px -621px;
}

.icon-logo-ls {
    width: 56px;
height: 52px;
background-position: 7px -621px;
}

.index-icon-logo-s {
    width: 35px;
    height: 40px;
    background-position: -54px -369px;
}

.index-icon-logo-l {
    width: 45px;
    height: 50px;
    background-position: 0px -621px;
}

.icon-usr {
    width: 47px;
    height: 45px;
    background-position: 0 -319px;
}

.icon-psw {
    width: 47px;
    height: 45px;
    background-position: -47px -319px;
}

.icon-time {
    width: 27px;
    height: 23px;
    background-position: 0 -224px;
}

.icon-eye {
    width: 25px;
    height: 18px;
    background-position: -32px -225px;
}

.icon-cloud {
    width: 31px;
    height: 21px;
    background-position: -62px -222px;
}

.icon-more {
    width: 48px;
    height: 16px;
    background-position: 0 -248px;
}

/*閸忔湹绮崶鐐垼*/
.icon-home {
    width: 23px;
    height: 33px;
    background-position: -6px -548px;
}

/* 581 */
.icon-xq {
    width: 23px;
    height: 33px;
    background-position: -46px -548px;
}

.icon-xs {
    width: 29px;
    height: 33px;
    background-position: -86px -548px;
}

.icon-cz {
    width: 30px;
    height: 33px;
    background-position: -126px -548px;
}

.icon-gz {
    width: 26px;
    height: 33px;
    background-position: -166px -548px;
}

.icon-zz {
    width: 33px;
    height: 33px;
    background-position: -206px -548px;
}

.icon-bzk {
    width: 23px;
    height: 33px;
    background-position: -246px -548px;
}

.icon-yjs {
    width: 38px;
    height: 33px;
    background-position: -286px -548px;
}

/*閸忔湹绮崶鐐垼*/
.icon-ihome {
    width: 25px;
    height: 24px;
    background-position: -6px -753px;;
}

/* 581 */
.icon-ixq {
    width: 22px;
    height: 21px;
    background-position: -45px -753px;
}

.icon-ixs {
    width: 25px;
    height: 21px;
    background-position: -82px -753px;
}

.icon-icz {
    width: 25px;
    height: 21px;
    background-position: -122px -753px;
}

.icon-igz {
    width: 25px;
    height: 21px;
    background-position: -162px -753px;
}

.icon-izz {
    width: 25px;
    height: 23px;
    background-position: -206px -753px;
}

.icon-ibzk {
    /*padding: 2px;*/
    width: 23px;
    height: 21px;
    background-position: -251px -753px;
}

.icon-iyjs {
    /* padding: 2px; */
    width: 18px;
    height: 21px;
    background-position: -291px -753px;
}


.icon-xqs {
    width: 23px;
    height: 33px;
    background-position: -46px -753px;
}

.icon-xss {
    width: 29px;
    height: 33px;
    background-position: -84px -753px;
}

.icon-czs {
    width: 30px;
    height: 33px;
    background-position: -120px -752px;
}

.icon-gzs {
    width: 26px;
    height: 33px;
    background-position: -162px -751px;
}

.icon-zzs {
    width: 33px;
    height: 33px;
    background-position: -205px -750px;
}

.icon-bzks {
    width: 31px;
    height: 33px;
    background-position: -249px -753px;
}

.icon-yjss {
    width: 38px;
    height: 33px;
    background-position: -282px -752px;
}

header .top a.on .icon-home {
    width: 20px;
    height: 33px;
    background-position: -6px -581px;
}

/* 581 */
header .top a.on .icon-xqs {
    width: 19px;
    height: 33px;
    background-position: -46px -581px;
}

header .top a.on .icon-xss {
    width: 29px;
    height: 33px;
    background-position: -86px -581px;
}

header .top a.on .icon-czs {
    width: 30px;
    height: 33px;
    background-position: -126px -581px;
}

header .top a.on .icon-gzs {
    width: 26px;
    height: 33px;
    background-position: -166px -581px;
}

header .top a.on .icon-zzs {
    width: 33px;
    height: 33px;
    background-position: -206px -581px;
}

header .top a.on .icon-bzks {
    width: 15px;
    height: 33px;
    background-position: -246px -581px;
}

header .top a.on .icon-yjss {
    width: 38px;
    height: 33px;
    background-position: -286px -581px;
}

header .top a.on .icon-xq {
    width: 19px;
    height: 33px;
    background-position: -46px -581px;
}

header .top a.on .icon-xs {
    width: 29px;
    height: 33px;
    background-position: -86px -581px;
}

header .top a.on .icon-cz {
    width: 30px;
    height: 33px;
    background-position: -126px -581px;
}

header .top a.on .icon-gz {
    width: 26px;
    height: 33px;
    background-position: -166px -581px;
}

header .top a.on .icon-zz {
    width: 33px;
    height: 33px;
    background-position: -206px -581px;
}

header .top a.on .icon-bzk {
    width: 15px;
    height: 33px;
    background-position: -246px -581px;
}

header .top a.on .icon-yjs {
    width: 38px;
    height: 33px;
    background-position: -286px -581px;
}

/*妞ら潧銇�*/
header {
    /*height: 232px;*/
    background: url(../img/top-bg.png) no-repeat;
    color: #000 !important;
    font-family: "瀵邦喛钂嬮梿鍛寸拨";
}

header a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-family: "微软雅黑"
}

/* header a:hover{ color: #4CB2DC; } */
header .staus {
    display: flex;
    justify-content: flex-end;
    height: 38px;
    line-height: 38px;
    padding-right: 30px;
    background: url(../img/top-login.png);
}

/*閻€劋绨拫鍐╂殻index.jsp閻ㄥ嫭濮岄崣鐘冲瘻闁斤拷*/
header .staus1 {
    height: 32px;
    padding-right: 135px;
}

header .staus1 span {
    float: right;
}

header .staus span {
    float: right;
}

header .staus a {
    margin: 0 5px;
}



header .top {
    height: 80px;
    padding: 0 20px;
}
header .top-index-blue {
    height: 73px;
    padding-left: 2%;
    padding-right: 4.5%;
    display: flex;
    justify-content: space-between;
}



header .top-index2-blue {
	padding-left: 2%;


    margin-top: 0px;
    display: flex;
    justify-content: space-between;
}

header .top .title {
    display: flex;
    align-items: center;
    /*height: 80px;*/
}

header .top icon {
    vertical-align: middle;
}

header .top .icon-appName {
    width: 579px;
    height: 29px;
    margin-top:-7px;
    margin-left: 5px;
   background-position: 0 -963px;
}

header .top .icon-appName-yingyangcan {
    width: 579px;
    height: 29px;
    margin-top:-10px;
    margin-left: 5px;
    background: url(../img/icon-yingyangcan.png) no-repeat;
}


header .top .index-icon-appName {
    width: 410px;
    height: 41px;
    background-position: 0 -679px;
    margin-left: 5px;
    margin-top: -5px;
}

header .top nav {
    float: right;
}

header .index-top {
    height: 38px;
    padding: 0 20px;
    background: url(../img/top-login.png) repeat-x;
}

header .index-top .title {
    display: inline-block;
    float: left;
}

header .index-top .title-index {
    display: flex;
    align-items: center;
}

header .index-top icon {
    vertical-align: middle;
}

header .index-top .icon-appName {
    width: 410px;
    height: 41px;
    background-position: 0 -679px;
    margin-left: 5px;
}

header .index-top .icon-appName {
background-position: 0 -958px;
width: 369px;
height: 34px;
}

header .index-top .index-icon-appName {
    width: 410px;
    height: 41px;
    background-position: 0 -679px;
    margin-left: 5px;
}

header .index-top nav {
    float: right;
}

.index-top-right-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 50px;
}

header .index-top nav.nav-flex {
    float: none;
    display: flex;
}

header .index-top nav.nav-flex * {
    padding: 0;
    margin: 0;
}


header .index-top nav.nav-flex i {
    /*margin-left: 18px;*/
}

header .index-top nav a {
    display: inline-block;
    width: 104px;
    height: 60px;
    padding-top: 8px;
    float: left;
    text-align: center;
    font-size: 16px;
}

header .index-top nav.nav-flex a {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    /*width: 90px;*/
    width: 75px;
    height: 30px;
    position: relative;
    align-items: center;
    flex: 1;
    font-size: 12px
}

header .index-top nav.nav-flex a.on:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background-color: #0A9EDC;
}

header .index-top nav.nav-flex a:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    /*background-color: #BDBDBD;*/
    background-image: url("../img/vertical-line.png");
}

header .index-top nav.nav-flex a:first-child:after {
    display: none;
}

header .index-top nav.nav-flex a > span {
    /*height: 30px;*/
    /*width: 35px;*/
    line-height: 30px;
    margin-left: 5px;
}


/* header .top nav a.on{ background: url(../img/top-nav-bg-on.png) repeat-x;} */
header .index-top nav a.on {
    border-bottom: 0px solid #bcdbff;
    background-color: #bcdbff;
    border-radius: 2px;
    color: black;
    padding-left:5px;
    MARGIN-left:5px;MARGIN-right:5px;
}

header .index-top nav a.on span {
    color: black;
}

header .index-top nav i {
    display: block;
    margin: 0 auto;
}

header .index-top nav span {
    display: inline-block;
    margin: 3px 0;
}

header .index-top .nav2 a {
    width: 80px;
}

/* header .top nav a{ display: inline-block; width: 104px; height: 60px; padding-top: 8px; float: left; border-left: 1px solid #A4DDF1; text-align: center; font-size: 16px;}
 */
header .top nav a {
    display: inline-block;
    width: 112px;
    height: 60px;
    /*padding-top: 8px;*/
    float: left;
    text-align: center;
    font-size: 14px;
    position: relative;
}

header .top nav a:hover {
color: #fff
}

header .top nav.f-cb-blue {
    height: 70px;
    display: flex;
    align-items: center;
}

header .top nav.f-cb-blue a {
	margin-top:0px;
    height: 70px;
    display: flex;
    flex-direction: column;
}

header .top nav.f-cb-blue a > i {
    margin-bottom: 5px;
    margin-top: 10px;
}

/* header .top nav a.on{ background: url(../img/top-nav-bg-on.png) repeat-x;} */
/* header .top nav a.line:after {content: ""; position: absolute; width: 2px; height: 20px; background-color: #000; right: 0; margin-top: auto; margin-bottom: auto; }
header .top nav a.on {content:"", position: absolute; width: 60px; height: 2px; background-color: #000; bottom: 0; margin-left: auto; margin-right: auto;}
 */
header .top nav a.on {
    border-bottom: 0px solid #4CB2DC;
    background: url(../img/menu_on.png);
    cursor:default;
}


header .index-top nav.nav-flex a.on {
    border-bottom: none;
}

header .index-top nav.nav-flex a.on .icon-ixq {
    background-position: -42px -1037px;
}

header .index-top nav.nav-flex a.on .icon-ixs {
    background-position: -75px -1037px;
}

header .index-top nav.nav-flex a.on .icon-icz {
    background-position: -111px -1037px;
}

header .index-top nav.nav-flex a.on .icon-igz {
    background-position: -146px -1037px;
}

header .index-top nav.nav-flex a.on .icon-izz {
    background-position: -185px -1037px;
}

header .index-top nav.nav-flex a.on .icon-igz {
    background-position: -146px -1037px;
}

header .index-top nav.nav-flex a.on .icon-ibzk {
    background-position: -224px -1037px;
}

header .index-top nav.nav-flex a.on .icon-iyjs {
    background-position: -262px -1037px;
}

header .top nav a.on span {
    color: #ffffff;
}

header .top nav i {
    display: block;
    margin: 0 auto;
}

/* header .top nav i.is { display: block; margin: 0;} */
header .top nav span {
    display: inline-block;
    margin: 3px 0;
}

header .top .nav2 a {
    width: 80px;
}

header .icon-index {
    width: 26px;
    height: 29px;
    background-position: -2px -921px;
}

header .icon-zzyw {
    width: 40px;
    height: 29px;
    background-position: -123px -921px;
}

header .icon-xuesheng {
    width: 40px;
    height: 29px;
    background-position: -38px -921px;
}

header .icon-search {
    width: 40px;
    height: 29px;
    background-position: -165px -921px;
}

header .icon-zjgl {
    width: 40px;
    height: 29px;
    background-position: -80px -921px;
}

header .icon-bb {
    width: 40px;
    height: 30px;
    background-position: -209px -921px;
}

header .icon-tjbb {
    width: 40px;
    height: 29px;
    background-position: -336px -921px;
}

header .icon-rc {
    width: 35px;
    height: 29px;
    background-position: -255px -921px;
}

header .icon-sys {
    width: 40px;
    height: 30px;
    background-position: -379px -921px;
}

header .icon-yygsjh {
    width: 30px;
    height: 30px;
    background-position: -297px -921px;
}

/* 妫ｆ牠銆夐弽鍥╊劮闁鑵戦弫鍫熺亯 */
header .top a.on .icon-index {
    width: 30px;
    height: 29px;
    background-position: -2px -921px;
}

header .top a.on .icon-zzyw {
    width: 40px;
    height: 29px;
    background-position: -123px -921px;
}

header .top a.on .icon-xuesheng {
    width: 40px;
    height: 29px;
    background-position: -38px -921px;
}

header .top a.on .icon-search {
    width: 40px;
    height: 29px;
    background-position: -165px -921px;
}

header .top a.on .icon-zjgl {
    width: 40px;
    height: 29px;
    background-position: -80px -921px;
}

header .top a.on .icon-bb {
    width: 40px;
    height: 30px;
    background-position: -209px -921px;
}

header .top a.on .icon-tjbb {
    width: 40px;
    height: 29px;
    background-position: -336px -921px;
}

header .top a.on .icon-rc {
    width: 35px;
    height: 29px;
    background-position: -255px -921px;
}

header .top a.on .icon-sys {
    width: 40px;
    height: 30px;
    background-position: -379px -921px;
}

header .top a.on .icon-yygsjh {
    width: 30px;
    height: 30px;
    background-position: -297px -921px;
}


/* index-header */
.index-g-bd .header-top-state {
    display: flex;
    justify-content: space-around
}

/*妞ら潧鐔�*/
footer {
    height: 75px;
    text-align: center;
    color: #888;
}

footer span {
    margin-right: 35px;
    line-height: 75px;
}


/*闁艾鎲″Ο鈥虫健*/
.m-notice {
}

.m-notice .noticeTit {
    margin-left: 15px;
    font-size: 14px;
    color: #47B1DD;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
}

.m-notice .noticeList {
    margin-left: 15px;
    width: 80%;
}

.m-notice .noticeList li {
    width: 100%;
    line-height: 18px;
    text-indent: 5px;
    margin-bottom: 10px;
    list-style: inside url('../img/dot-gray.png');
}

.m-notice .noticeList li {
    float: left;
}

.m-notice .noticeList li span {
    display: inline-block;
    float: right;
    color: #CACACA;
}

.m-notice .noticeList li em {
    margin: 0 5px;
    color: #F3C62B;
    font-size: 16px;
    font-weight: bold;
}

.m-notice .icon-more {
    float: right;
    margin: 12px 46px 0 0;
}

/*娑撳濯�*/
.u-select {
    display: inline-block;
    position: relative;
    z-index: 100;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background: #C6C6C6;
    margin-right: 5px;
    border: 1px solid #000;
}

.u-select .selTxt {
    display: inline-block;
    width: 35px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    color: #000;
}

.u-select .selTxt:hover {
    background: #C6C6C6;
}

.u-select .selList {
    display: none;
    position: absolute;
    left: -1px;
    top: 20px;
    border: 1px solid #000;
    background: #C6C6C6;
    width: 60px;
}

.u-select .selList a {
    display: block;
    color: #000;
    background: #C6C6C6;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    text-decoration: none;
}

.u-select .selList a:hover {
    background: #E3E3E3;
}

/*缂佽儻澹婃稉瀣*/
.u-select-green {
    height: 26px;
    width: 138px;
    font-size: 14px;
    line-height: 26px;
    background: url(../img/u-select-green.png);
    border: 0;
}

.u-select-green .selTxt {
    width: 127px;
    height: 26px;
    line-height: 26px;
    text-indent: 12px;
    color: #777;
}

.u-select-green .selTxt:hover {
    background: none;
}

.u-select-green .selList {
    width: 133px;
    left: 1px;
    top: 23px;
    padding: 5px 0 8px;
    border: 2px solid #9CD731;
    border-top: 0;
    background: #FFF;
}

.u-select-green .selList a {
    display: block;
    color: #888 !important;
    background: #FFF !important;
    height: 23px;
    line-height: 23px;
    text-indent: 14px;
    padding: 0;
    text-decoration: none;
}

.u-select-green .selList a:hover {
    background: #EEFFD0 !important;
}

.u-select-green .selList .selBottom {
    position: absolute;
    left: -1px;
    bottom: -4px;
    width: 137px;
    height: 4px;
    background: url(../img/u-select-green-b.png);
}

/*閸ユ崘銆�*/
.u-chart .legend {
    color: #828282;
    line-height: 12px;
}

.u-chart .legend i {
    display: inline-block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
}

.u-chart.yellow .legend i {
    background: #F3C62B;
}

.u-chart.green .legend i {
    background: #93D06B;
}

.u-chart.blue .legend i {
    background: #7EC1EC;
}

.u-chart img {
    display: block;
    margin: 10px auto;
}

.u-chart .chartBox {
    position: relative;
}

.u-chart .chartBox .label {
    position: absolute;
    text-align: center;
}

.u-chart .chartBox .label .rate {
    display: block;
    line-height: 28px;
    font-size: 28px;
}

.u-chart .chartBox .label .text {
    line-height: 18px;
    color: #777;
}

/*1024娑撳娈戠敮鍐ㄧ湰*/
@media screen and (max-width: 1024px) {
    .m-notice .icon-more {
        margin-right: 13px;
    }
}

.m-index .ctnyingyangcan {
    margin: 0 0%;
    min-height: 676px;
    background: #FFF;
}