@charset "utf-8";
body, html {
    font-size: 12px;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    line-height: 100%
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, caption, th, td {
    padding: 0;
    margin: 0
}

html {
    color: #333
}

a {
    color: #333;
    text-decoration: none
}

img {
    vertical-align: top
}

li, ul, ol {
    list-style: none
}

em {
    font-style: normal
}

table {
    border-collapse: collapse
}

.fb {
    font-weight: bold
}

.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.clearfix {
    zoom: 1
}

.clearB {
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.t_c {
    text-align: center
}

.t_r {
    text-align: right
}

.dis_none {
    display: none
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-10 {
    margin-bottom: 10px
}

.mr-20 {
    margin-right: 20px
}

.row-container {
    width: 1200px;
    margin: 0 auto
}

.w384 {
    width: 384px
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.header {
    width: 1200px;
    margin: 8px auto
}

.header .logo {
    height: 56px
}

.header .logo h1 {
    font-size: 0;
    line-height: 0;
    float: left
}

.header .logo h3 {
    line-height: 50px;
    font-size: 25px;
    font-family: "微软雅黑";
    font-weight: normal;
    padding-left: 10px;
    background: url(../../images/logo_bord.jpg) left center no-repeat;
    margin-top: 5px;
    color: #E5A62B;
    float: left
}

.header .sel_box {
    float: left;
    padding-top: 12px;
    margin-left: 85px
}

.header .sel_box .sel_text {
    width: 520px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px #ececec solid;
    border-right: none;
    vertical-align: bottom;
    outline: none
}

.header .sel_box .sel_btn {
    width: 35px;
    height: 36px;
    border: 1px #ececec solid;
    background: url(../../images/icon-search.jpg) center no-repeat;
    vertical-align: bottom;
    cursor: pointer
}

.b_nav {
    width: 1200px;
    height: 39px;
    margin: 0 auto
}

.bnav_ul li {
    height: 38px;
    line-height: 38px;
    float: left;
    text-align: center;
    position: relative;
    z-index: 5;
    width: 64px;
    border: 1px solid transparent;
    border-bottom: 0
}

.bnav_ul li span.nav_list a {
    padding-right: 13px;
    background: url(../../images/icon/icon2.jpg) right 8px no-repeat;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #535353;
    text-decoration: none
}

.bnav_ul li span.nav_list a:hover {
    color: #535353;
    text-decoration: none
}

.bnav_ul li .bnav_show {
    width: 575px;
    padding: 10px;
    background: #f3f3f3;
    border: 1px #dcdcdc solid;
    line-height: 30px;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: left;
    position: absolute;
    z-index: 10;
    top: 38px;
    display: none
}

.bnav_ul li .bnav_show a {
    display: inline-block;
    white-space: nowrap;
    padding: 0 10px;
    color: #535353;
    text-decoration: none
}

.bnav_ul li .bnav_show a:hover {
    color: #535353;
    text-decoration: underline
}

.bnav_ul li .left_nav_show {
    left: -1px
}

.bnav_ul li .right_nav_show {
    right: -1px
}

.bnav_ul li.first {
    width: 47px
}

.bnav_ul li.spe {
    width: 65px
}

.bnav_ul li.spe span.nav_list {
    width: 66px
}

.bnav_ul li.cur {
    background: #F3F3F3;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-color: #dcdcdc
}

.bnav_ul li.cur span .nav_list a {
    background-image: url(../../images/icon/icon3.jpg)
}

.s_nav_box_hx {
    width: 100%;
    background: #2A3F73;
    border-top: 4px solid #E4A626;
    height: 45px
}

.nav_box_hx {
    width: 1200px;
    height: 45px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.nav_box_hx li {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 12px;
    float: left
}

.nav_box_hx li a {
    position: relative;
    z-index: 11;
    color: #fff;
    padding: 0 15px
}

.hx_nav ul li.hx_sy {
    font-size: 14px;
    font-weight: bold
}

.hx_nav ul li a.hx_ej {
    font-size: 14px;
    font-weight: bold
}

.hx_nav .hx_sj {
    font-size: 14px
}

.hx_nav .hx_sj a {
    color: #C4DDFF;
    padding: 0px 5px
}

.hx_nav .hx_sj:hover {
    background: #2c5fba
}

.hx_nav .hx_sj.cur {
    background: #E4A626
}

.hx_nav .hx_sj.cur a {
    color: #fff
}

.hx_nav .hx_yjcur {
    margin-right: 5px;
    position: relative
}

.hx_nav .hx_yjcur::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    top: 50%;
    right: 0;
    margin-top: -7px
}

.hx_nav .hx_yjcur:nth-last-child(1)::after {
    display: none
}

.hx_nav .hx_yjcur:nth-of-type(1) {
    margin-right: 0
}

.hx_nav .hx_yjcur:nth-of-type(1)::after {
    display: none
}

.hx_nav .hx_yjcur.cur {
    background: #E4A626
}

.hx_nav .hx_yjcur.cur a {
    color: #fff
}

.hx_nav .hx_yjcur.cur::after {
    display: none
}

.hx_nav .hx_yjcur:hover {
    background: #E4A626
}

.navshow {
    background: #f4f4f4
}

.navshow .login_box {
    width: 1200px;
    margin: 0 auto;
    height: 34px;
    line-height: 34px
}

.navshow .login_box img {
    vertical-align: middle;
    margin-bottom: 3px
}

.navshow .login_box .login_text {
    width: 80px;
    height: 17px;
    line-height: 17px;
    border: 1px #d5d2d2 solid;
    padding: 0 8px
}

.navshow .login_box .lbtn {
    width: 44px;
    height: 23px;
    border: none;
    background: #fff;
    color: #234997;
    _margin-top: 4px
}

.navshow .zxbtn, .navshow .dxbtn, .navshow .enbtn {
    width: 62px;
    height: 18px;
    float: left;
    display: block;
    margin-top: 7px;
    margin-right: 35px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    line-height: 18px
}

.navshow .zxbtn {
    background: #e4a626
}

.navshow .dxbtn {
    background: #234997
}

.navshow .enbtn {
    background: #e4a626
}

.zs {
    border: 1px #e0e0e0 solid;
    width: 1198px;
    margin: 0 auto
}

.zs_tab {
    width: 128px;
    height: 108px;
    overflow: hidden
}

.zs_tab li {
    height: 36px;
    line-height: 36px;
    background: #E9EEF2;
    font-size: 13px;
    color: #383838;
    text-align: center;
    cursor: pointer;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
    font-weight: bold
}

.zs_tab li.final {
    border-bottom: none
}

.zs_tab li.on {
    background: #fff;
    border-right: 1px #fff solid
}

.zs_tabbox {
    width: 1070px
}

.zs_tabbox .on {
    background: #fff
}

.zs_tab_con {
    border-right: 1px #e0e0e0 solid
}

.zs_tab_con:last-child {
    border-right: none
}

.zs_main {
    width: 110px;
    height: 97px;
    font-weight: bold;
    padding: 6px 7px 5px 7px;
    font-size: 13px;
    text-align: center
}

.zs_main dt {
    line-height: 30px;
    font-size: 13px;
    color: #666666;
    white-space: nowrap
}

.zs_main dd {
    line-height: 21px;
    font-family: Arial;
    color: #8f8f8f
}

.zs_main dd img {
    vertical-align: middle;
    margin-left: 10px
}

.zs_chart {
    width: 190px;
    height: 93px;
    margin-top: 6px
}

.data-block {
    width: 790px;
    display: flex;
    justify-content: space-between;
    position: relative
}

.data-block::after {
    content: '';
    position: absolute;
    bottom: -50px;
    width: 1189px;
    height: 96px;
    background: url(../../images/bottom.jpg) no-repeat;
    left: 50%;
    margin-left: -590px;
    z-index: -1
}

.data-block .left-tabs {
    width: 140px;
    height: 50px;
    font-size: 14px;
    line-height: 20px
}

.data-block .left-tabs .mb-4 {
    margin-bottom: 4px
}

.data-block .left-tabs .tab {
    position: relative
}

.data-block .left-tabs .tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #383838
}

.data-block .left-tabs .jc-sys {
    margin-bottom: 4px
}

.data-block .left-tabs .jc-sys a {
    text-align: center;
    color: #EBB446;
    height: 50px;
    display: block;
    background: linear-gradient(180deg, #475C7A 0%, #192E4D 0%, #1F375E 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.data-block .left-tabs .jc-sys a::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 26px;
    background: url(../../images/sys-left.png) no-repeat;
    left: 11px;
    top: 14px
}

.data-block .left-tabs .jc-sys a::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 26px;
    background: url(../../images/sys-right.png) no-repeat;
    right: 11px;
    top: 14px
}

.data-block .left-tabs .jc-sys.active {
    position: relative
}

.data-block .left-tabs .jc-sys.active::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 50px;
    background: url(../../images/icon-sanjiao.png) no-repeat;
    top: 0;
    right: -10px
}

.data-block .left-tabs .sjzs {
    height: 38px
}

.data-block .left-tabs .sjzs a, .data-block .left-tabs .sjzs span {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.data-block .left-tabs .jlcsjzs.active {
    background: linear-gradient(180deg, #405A9C 0%, #5D77BA 100%)
}

.data-block .left-tabs .jlcsjzs.active::after {
    content: '';
    width: 10px;
    height: 39px;
    background: url(../../images/icon-jiao2.png) no-repeat;
    right: -10px;
    top: 0;
    position: absolute
}

.data-block .left-tabs .tab2 {
    height: 34px;
    background: linear-gradient(180deg, #EDF4FF 0%, #D9E4FC 100%)
}

.data-block .left-tabs .tab2.active {
    background: linear-gradient(135deg, #C0DBFA 0%, #C7D7F2 100%)
}

.data-block .left-tabs .tab2.active::after {
    position: absolute;
    content: '';
    background: url(../../images/icon-jiao3.png) no-repeat;
    width: 10px;
    height: 33px;
    right: -10px;
    top: 1px
}

.data-block .left-tabs .tab-bg1 {
    background: linear-gradient(180deg, #4671C7 0%, #83A2F2 100%)
}

.data-block .right-content {
    width: 634px;
    height: 372px;
    position: relative
}

.data-block .right-content .tab-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.data-block .right-content .tab-content-wrapper.active {
    opacity: 1;
    z-index: 1
}

.data-block .right-content .tab-cotent {
    background: linear-gradient(180deg, #EDF4FF 0%, #FCFDFF 15.27%, #FFFFFF 77.08%, #F5F9FF 100%);
    border: 1px solid #BCCDE6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}

.data-block .right-content .tab-header {
    height: 40px;
    background: #F1F5FA;
    font-size: 16px;
    line-height: 40px;
    color: #444;
    text-align: center
}

.data-block .right-content .pro-tabs {
    height: 38px;
    background: #EBF0F7
}

.data-block .right-content .pro-tabs ul {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.data-block .right-content .pro-tabs ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    flex: 1 1 auto;
    font-size: 16px;
    color: #525252;
    border-bottom: 2px solid #E5E5E5;
    position: relative
}

.data-block .right-content .pro-tabs ul li::after {
    content: '';
    position: absolute;
    height: 14px;
    background: #CACACA;
    width: 1px;
    right: 0
}

.data-block .right-content .pro-tabs ul li:last-child::after {
    display: none
}

.data-block .right-content .pro-tabs ul li.active {
    border-bottom: 2px solid #234997;
    color: #234997
}

.data-block .right-content .table {
    font-size: 14px;
    border: 1px solid #BCCDE6
}

.data-block .right-content .table table {
    width: 100%
}

.data-block .right-content .table th {
    text-align: center;
    background: #EBF1F7;
    color: #444;
    height: 30px;
    line-height: 30px;
    font-weight: 500
}

.data-block .right-content .table td {
    background: #fff;
    color: #666666;
    text-align: center;
    line-height: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #E5E5E5
}

.data-block .right-content .table td .cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-width: 0
}

.data-block .right-content .table td a {
    color: #3257A0
}

.data-block .right-content .table td a:hover {
    text-decoration: underline
}

.data-block .right-content .table td .red {
    color: red
}

.data-block .right-content .table td .green {
    color: green
}

.data-block .right-content .table tr:last-child td {
    border-bottom: none
}

.data-block .h330 {
    height: 330px
}

.data-block .monitorSys .cards {
    display: flex;
    justify-content: space-between;
    height: 77px;
    margin: 10px 0
}

.data-block .monitorSys .cards > li {
    flex: 1;
    margin-right: 8px;
    border-radius: 2px;
    background: linear-gradient(180deg, #CFE0FA 0%, #EBF3FF 75%, #DEEBFF 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    position: relative;
    cursor: pointer
}

.data-block .monitorSys .cards > li:last-child {
    margin-right: 0
}

.data-block .monitorSys .cards > li.active, .data-block .monitorSys .cards > li:hover {
    border-color: #5379C3
}

.data-block .monitorSys .cards > li.active::after, .data-block .monitorSys .cards > li:hover::after {
    content: '';
    position: absolute;
    bottom: -19px;
    left: 0;
    background: url(../../images/cur_bg1.png);
    background-size: 100%;
    width: 150px;
    height: 18px;
    z-index: -1
}

.data-block .monitorSys .cards > li .card-header {
    height: 28px;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    font-size: 14px
}

.data-block .monitorSys .cards > li .card-body {
    height: 37px;
    padding: 5px 0;
    background: linear-gradient(90deg, #FFFFFF 0%, #EDF7FF 100%);
    display: flex
}

.data-block .monitorSys .cards > li .card-body .column {
    width: 50%;
    text-align: center;
    font-size: 12px
}

.data-block .monitorSys .cards > li .card-body .column p {
    color: #808080;
    line-height: 18px
}

.data-block .monitorSys .cards > li .card-body .column > div {
    font-size: 12px;
    line-height: 18px
}

.data-block .monitorSys .cards > li .card-body .column > div img {
    vertical-align: middle
}

.data-block .monitorSys .cards > li .card-body.one {
    color: #FF5733
}

.data-block .monitorSys .cards > li .card-body.two {
    color: #df8f7f
}

.data-block .monitorSys .cards > li .card-body.three {
    color: #E3A828
}

.data-block .monitorSys .cards > li .card-body.zero .txt1 {
    color: #43CF7C
}

.data-block .monitorSys .cards > li .card-body.zero .txt2 {
    color: #4A89FF
}

.data-block .view-data .left {
    width: 389px
}

.data-block .view-data .left .left-top {
    padding: 5px;
    border-right: 1px solid #BCCDE6;
    border-bottom: 1px solid #BCCDE6;
    background: linear-gradient(180deg, #EDF4FF 0%, #FCFDFF 15.27%, #FFFFFF 77.08%, #F5F9FF 100%)
}

.data-block .view-data .left .left-bottom {
    border-right: 1px solid #BCCDE6
}

.data-block .view-data .left .left-bottom .top {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #444444
}

.data-block .view-data .left .table {
    border: none;
    font-size: 12px
}

.data-block .view-data .left .table th {
    line-height: 20px;
    height: 20px;
    font-weight: bold
}

.data-block .view-data .left .table td {
    padding: 0;
    background: transparent
}

.data-block .view-data .right {
    width: 242px
}

.data-block .view-data .right .top {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #444444
}

.data-block .price {
    padding: 12px 14px;
    height: 306px
}

.data-block .stock {
    padding: 12px 14px;
    height: 306px
}

.list-block {
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%);
    border: 1px solid #DFE5E8;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)
}

.list-header {
    padding-right: 8px;
    height: 34px;
    background: linear-gradient(90deg, #EBF0F7 .69%, #F5F9FC 100%);
    position: relative
}

.list-header .title {
    padding-left: 12px;
    background: #fff;
    position: absolute;
    height: 100%
}

.list-header .title strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    color: #444;
    text-align: left;
    padding: 0 15px 0 22px;
    position: relative;
    display: inline-block
}

.list-header .title strong .icon-title {
    content: '';
    position: absolute;
    width: 17px;
    height: 15px;
    background: url(../../images/icon/icon-title.png) no-repeat;
    left: 0;
    top: 50%;
    margin-top: -7px
}

.list-header .title strong::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 34px;
    background: url(../../images/title_bg.jpg) no-repeat;
    right: -18px;
    top: 0
}

.list-header .title strong::after {
    content: '';
    width: 100%;
    height: 2px;
    opacity: .8;
    background: #2858B4;
    position: absolute;
    bottom: -2px;
    left: 0
}

.list-header .more {
    font-size: 12px;
    font-weight: 400;
    line-height: 34px;
    color: #808080;
    text-align: center;
    float: right
}

.list-header .more:hover {
    text-decoration: underline
}

.list-header.jsd .title strong {
    padding: 0 5px
}

.list-header.jsd .title strong img {
    width: 80px
}

.list-tabs .tab-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 14px 0
}

.list-tabs .tab-nav li {
    flex: 1 1 auto;
    text-align: center;
    height: 32px;
    background: #E9EEF2;
    font-size: 14px;
    line-height: 32px;
    margin: 0 2px 0;
    border: 1px solid transparent
}

.list-tabs .tab-nav li:nth-last-of-type(1) {
    margin-right: 0
}

.list-tabs .tab-nav li a {
    display: block
}

.list-tabs .tab-nav li.active {
    border: 1px solid #BFD8F5;
    background: #F6FAFF
}

.list-tabs .tab-nav li.active a {
    color: #234997
}

.list-body {
    padding: 10px 14px
}

.list li {
    line-height: 32px;
    font-size: 14px;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #383838
}

.list li span:not(.fr) {
    color: #3257A0
}
.list li span:not(.fr) a{
    color: #3257A0
}

.list li .tag {
    color: #3257A0
}

.list li a:hover {
    text-decoration: underline
}

.list li.cur {
    color: #E4A626
}

.list li.cur .tag {
    color: #E4A626
}

.list-img-item {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 6px
}

.list-img-item .img {
    flex-shrink: 0;
    margin-right: 12px;
    width: 120px;
    height: 88px;
    overflow: hidden
}

.list-img-item .text {
    overflow: hidden
}

.list-img-item .text h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.list-img-item .text h3 a {
    color: #234997
}

.list-img-item .text h3 a:hover {
    text-decoration: underline
}

.list-img-item .text .info {
    font-size: 12px;
    line-height: 24px;
    color: #96A3AF;
    height: 72px;
    overflow: hidden
}

.list-img-item .text .info .detail {
    color: #E4A626
}

.list-img-item .text .info .detail:hover {
    text-decoration: underline
}

.list-links {
    display: flex;
    flex-wrap: wrap
}

.list-links li {
    width: 115px;
    margin-right: 5px;
    height: 36px;
    background: #E9EEF2;
    font-size: 14px;
    line-height: 36px;
    text-align: center
}

.list-links li a {
    color: #383838
}

.list-links li a:hover {
    text-decoration: underline
}

.list-links li:nth-of-type(3n) {
    margin-right: 0
}

.m256 {
    height: 256px;
    overflow: hidden
}

.m224 {
    height: 224px;
    overflow: hidden
}

.reset-padding {
    padding: 4px 14px 6px
}

.hasTabs .list-body ul {
    display: none
}

.hasTabs .list-body ul.active {
    display: block
}

.assess {
    margin-bottom: 17px;
    position: relative
}

.assess .btns {
    position: absolute;
    left: 24px;
    top: 50px;
    width: 209px;
    height: 46px;
    border-radius: 20px;
    background: linear-gradient(205.35deg, #D9EBFA 0%, #E3F3FC 75.99%);
    border: 1px solid #A4BFF5;
    box-shadow: 0px 2px 8px;
    font-size: 16px;
    color: #383838;
    display: flex;
    justify-content: center;
    align-items: center
}

.assess .btns a {
    margin: 0 20px
}

.assess .btns a:hover {
    text-decoration: underline
}

.beautiful-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f9f9f9
}

.beautiful-scrollbar::-webkit-scrollbar-track {
    background: #e1e1e1
}

.beautiful-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}