@charset "utf-8";
/*------------------------------------------------------------
	公共样式
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 1em;
}

body {
    font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
    /*font-family: Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;*/
    font-family: "微软雅黑";
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

a:link {
    text-decoration: none;
    color: #FFF;
}

a:visited {
    text-decoration: none;
    color: #FFF;
}

a:hover {
    text-decoration: none;
    color: #0afffc;
}

a:active {
    text-decoration: none;
    color: #0afffc;
}

/*------------------------------------------------------------
	细节微调
------------------------------------------------------------*/
.taLeft {
    text-align: left !important;
}

.taCenter {
    text-align: center !important;
}

.taRight {
    text-align: right !important;
}

.fwNormal {
    font-weight: normal !important;
}

.fwBold {
    font-weight: bold !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

* html .clearfix {
    zoom: 1;
}

* + html .clearfix {
    zoom: 1;
}

.clearfix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

img {
    vertical-align: top;
}

li img,
dl img {
    display: block;
    vertical-align: baseline;
}

.none {
    display: none;
}

[v-cloak] {
    display: none;
}
/*------------------------------------------------------------
	初始化
------------------------------------------------------------*/
body {
    text-align: center;
    font-size: 16px;
    line-height: 2.2;
    background: url('../img/body_bg.png') no-repeat center top fixed;
    background-size: 100% 100%;
    width: 100%;
    height: 100vh;
}

.container {
    width: 1898px;
    height: 1080px;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    position: absolute;
    padding: 0 10px;
    top: 0;
    left: 30px;
    color: #fff;
    text-align: left;
}

/* header */
.header {
    background: url("../img/bg01.png") no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    text-align: center;
}

.header h3 {
    font-size: 34px;
    line-height: 40px;
    color: #52ffff;
    padding: 10px 0 44px;
    letter-spacing: 15px;
}

.header .sj {
    position: absolute;
    left: 60px;
    top: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #FFF;
}

.header .sj p {
    font-size: 14px;
    line-height: 44px;
}

.header .sj h4 {
    font-size: 22px;
    line-height: 48px;
    /* color: #4a9ef2; */
    font-weight: bold;
    margin-left: 17px;
}

.header .tq{
    width: 530px;
    position: absolute;
    right: 30px;
    top: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.header .tq p{
    font-size: 20px;
    line-height: 44px;
    color: #4a9ef2;
}
.header .tq div{
    width: 40px;
    height: 36px;
}

#main {
    /* padding: 0 20px; */
    position: relative;
    zoom: 1;
}
#main .gg_lb{
    background: #02174e;
    margin-bottom: 10px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
    margin-top: -20px;
}
#main .gg_lb .list li{
    font-size: 24px;
    line-height: 50px;
    color: #ff140d;
    float: left;
    margin-right: 20px;
}




.gstj_bg {
    width: 484px;
}

#main .cont{
    display: flex;
    flex-wrap: wrap;
}
#main .cont > div > div .top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#main .cont > div > div .top h3 {
    font-size: 20px;
    line-height: 40px;
    color: #00FFFF;
    padding-left: 15px;
}

#main .cont > div > div .top > p {
    font-size: 16px;
    line-height: 40px;
    color: #86d4ff;
    padding-right: 45px;
}

.zgs_bg {
    width: 100%;
    height: 186px;
    background: url("../img/bg02.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 12px;
}

.bmgs {
    width: 100%;
    height: 504px;
    background: url("../img/bg03.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 12px;
}

.cjjh {
    width: 100%;
    height: 258px;
    background: url("../img/bg04.png") no-repeat top left;
    background-size: 100% 100%;
}

.cjjh .data {
    width: 136px;
    height: 164px;
    background: url("../img/bg12.png") no-repeat top left;
    background-size: 100% 100%;
    margin-left: 20px;
    padding: 12px 10px;
    box-sizing: border-box;
}

.cjjh .data .tlt {
    font-size: 16px;
    line-height: 26px;
    color: #FFF;
}

.cjjh .data .num {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: #FFCA00;
}

.cjjh .data .sub:last-child {
    margin-top: 20px;
}

.cjjh .data .sub:last-child .num {
    color: #00F5FF;
}

#zgs, #bmgs {
    width: 100%;
    height: 242px;
}

#cjjh {
    width: 58%;
    height: 222px;
}

.lyl {
    width: 908px;
    margin: 26px 8px 0;
}

.hgl_bg {
    width: 100%;
    height: 548px;
    background: url("../img/bg05.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 14px;
    padding-top: 16px;
}

#china-map {
    width: 100%;
    height: 460px;
}

.hgl_bg .hgl {
    padding: 0 15px;
}

.hgl_bg .hgl .nav {
    display: flex;
    flex-wrap: wrap;
}

.hgl_bg .hgl .nav li {
    font-size: 16px;
    line-height: 45px;
    color: #86d4ff;
    width: 42%;
    text-align: center;
}
.hgl_bg .hgl .nav li:first-child{
    width: 16%;
}
.hgl_bg .hgl .nr{
    overflow: hidden;
    height: 207px;
}
.hgl_bg .hgl .nr ul .xx {
    display: flex;
    flex-wrap: wrap;
    background: #1a61b1;
    margin-bottom: 5px;
}

.hgl_bg .hgl .nr ul .xx:nth-child(2n) {
    background: #012561;
}

.hgl_bg .hgl .nr ul .xx p {
    font-size: 14px;
    line-height: 48px;
    color: #fff;
    width: 42%;
    text-align: center;
}
.hgl_bg .hgl .nr ul .xx p:first-child{
    width: 16%;
}
.hgl_bg .hgl .nr ul .xx p:nth-child(2n) {
    color: #999;
}


#cjcn {
    width: 100%;
    height: 259px;
}

.sb_bg {
    width: 100%;
    height: 368px;
    background: url("../img/bg06.png") no-repeat top left;
    background-size: 100% 100%;
}

.sb_bg .sblyl .nr{
    overflow: hidden;
    height: 270px;
}

.sblyl {
    padding: 0 15px;
}

.sblyl .nav {
    display: flex;
    flex-wrap: wrap;
}

.sblyl .nav li {
    font-size: 16px;
    line-height: 45px;
    color: #FFF;
    width: 22%;
    text-align: center;
}

/* .sblyl .nav li:nth-child(3) */
.sblyl .nav li:nth-child(4) {
    width: 34%;
}

.sblyl .nr{
    overflow: hidden;
    height: 408px;
}
.sblyl .nr ul .xx {
    display: flex;
    flex-wrap: wrap;
    background: transparent;
    /* margin-bottom: 6px; */
}

.sblyl .nr ul .xx:nth-child(2n-1) {
    background: #102262;
}

.sblyl .nr ul .xx p {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    width: 22%;
    text-align: center;
}

.sblyl .nr ul .xx p:nth-child(4) {
    width: 34%;
}

.sblyl .nr ul .xx:nth-child(2n-1) p {
    color: #00F5FF;
}

.xmxx {
    width: 484px;
}

.xmjd_bg {
    width: 100%;
    height: 188px;
    background: url("../img/bg07.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 8px;
}

.xmjd_bg .xmjd {
    padding: 10px 15px;
}

.xmjd_bg .xmjd .nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.xmjd_bg .xmjd .nav li {
    font-size: 20px;
    line-height: 40px;
    color: #3870BC;
    /* padding: 0 22px; */
    background: #0A1C63;
    border-radius: 20px;
    text-align: center;
    min-width: 96px;
    margin-right: 14px;
    cursor: pointer;
}

.xmjd_bg .xmjd .nav li.on {
    background: #00F5FF;
    color: #143680;
}

.infoDiv .sub {
    background: url(../img/bg14.png) no-repeat center center;
    background-size: 100% 42px;
    min-width: 206px;
    color: #3870BC;
    font-size: 16px;
    padding: 8px 0 8px 22px;
    box-sizing: border-box;
}

.infoDiv .sub span {
    font-size: 28px;
    line-height: 24px;
    color: #FFF;
    margin-left: 12px;
    letter-spacing: -1px;
}

.infoDiv .sub:nth-child(2) {
    margin-left: 10px;
}

.infoDiv .sub:nth-child(2) span {
    color: #90FFAD;
}

.xmjd_bg .xmjd .nr {
    height: 205px;
    overflow: hidden;
}
.xmjd_bg .xmjd .nr ul .xx {
    display: flex;
    flex-wrap: wrap;
    background: #3042c7;
    height: auto;
    margin-bottom: 5px;
}

.xmjd_bg .xmjd .nr ul .xx:nth-child(2n) {
    background: #141e6f;
}

.xmjd_bg .xmjd .nr ul .xx p {
    font-size: 14px;
    line-height: 47px;
    color: #fff;
    width: 20%;
    text-align: center;
}

.xmjd_bg .xmjd .nr ul .xx p:nth-child(2n) {
    color: #999;
}

.xmjd_bg .xmjd .nr ul .xx p:last-child {
    color: #999;
}

.xmjd_bg .xmjd .nr ul .xx p.shz {
    color: #ff1c1c;
}

.xmjd_bg .xmjd .nr ul .xx p.dsh {
    color: #ff8400;
}

.xmjd_bg .xmjd .nr ul .xx p.ysh {
    color: #00ffd8;
}

.xmjd_bg .xmjd .nr ul .xx p.ytg {
    color: #fff000;
}


.grgs_bg {
    width: 100%;
    height: 226px;
    background: url("../img/bg08.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 8px;
}

#count {
    width: 100%;
    height: 160px;
}

.grgs_bg .grgs {
    padding: 0 15px;
}

.grgs_bg .grgs .nav {
    display: flex;
    flex-wrap: wrap;
}

.grgs_bg .grgs .nav li {
    font-size: 16px;
    line-height: 45px;
    color: #86d4ff;
    width: 25%;
    text-align: center;
}

.grgs_bg .grgs  .nr {
    height: 207px;
    overflow: hidden;
}
.grgs_bg .grgs .nr ul .xx {
    display: flex;
    flex-wrap: wrap;
    background: #1f4fa5;
    height: auto;
    margin-bottom: 5px;
}

.grgs_bg .grgs .nr ul .xx:nth-child(2n) {
    background: #012561;
}

.grgs_bg .grgs .nr ul .xx p {
    font-size: 14px;
    line-height: 47px;
    color: #fff;
    width: 25%;
    text-align: center;
}
.grgs_bg .grgs .nr ul .xx p:nth-child(2n){
    color: #999;
}

.channel {
    width: 100%;
    height: 134px;
    background: url("../img/bg09.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 8px;
}
.channel .subUl {
    padding: 8px 12px;
}
.channel .subUl li {
    width: 58px;
    /* margin-right: 4px; */
    text-align: center;
}
.channel .subUl li .num {
    color: #00B0C5;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
.channel .subUl li .num span {
    font-size: 14px;
}
.channel .subUl li .name {
    font-size: 12px;
    line-height: 15px;
    min-height: 34px;
    background: url("../img/bg13.png") no-repeat top left;
    background-size: 100% 100%;
    margin-top: 8px;
}
.channel .subUl li:last-child {
    margin-right: 0;
}

.cpjy_bg {
    width: 100%;
    height: 134px;
    background: url("../img/bg10.png") no-repeat top left;
    background-size: 100% 100%;
    margin-bottom: 8px;
}

.cpjy_bg .cpjy {
    padding: 0 15px;
}

.cpjy_bg .cpjy .nav {
    display: flex;
    flex-wrap: wrap;
}

.cpjy_bg .cpjy .nav li {
    font-size: 16px;
    line-height: 45px;
    color: #86d4ff;
    width: 25%;
    text-align: center;
}

.cpjy_bg .cpjy  .nr {
    height: 168px;
    overflow: hidden;
}
.cpjy_bg .cpjy .nr ul .xx {
    display: flex;
    flex-wrap: wrap;
    background: #3f52de;
    height: auto;
    margin-bottom: 6px;
}

.cpjy_bg .cpjy .nr ul .xx:nth-child(2n) {
    background: #141e6f;
}

.cpjy_bg .cpjy .nr ul .xx p {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    width: 25%;
    text-align: center;
}
.cpjy_bg .cpjy .nr ul .xx p:nth-child(2n){
    color: #999;
}

.saleUl li {
    min-width: 68px;
    color: #C0BC49;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}

.saleUl li .num {
    padding: 16px 10px;
    height: 70px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    min-width: 68px;
    background: url(../img/img03.png) no-repeat center top;
    background-size: auto 100%;
    line-height: 20px;
}

.saleUl li .num span {
    font-size: 13px;
}

.saleUl li:nth-child(2) {
    color: #2AE3F7;
}

.saleUl li:nth-child(2) .num {
    background: url(../img/img04.png) no-repeat center top;
    background-size: auto 100%;
}

.saleUl li:nth-child(3) {
    color: #2981F7;
}

.saleUl li:nth-child(3) .num {
    background: url(../img/img05.png) no-repeat center top;
    background-size: auto 100%;
}

.agent {
    width: 100%;
    height: 258px;
    background: url("../img/bg11.png") no-repeat top left;
    background-size: 100% 100%;
}

.agent .sblyl .nr {
    height: 156px;
    overflow: hidden;
}






/*滚动条*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #0e4ebe;
    border-radius: 10px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #0e4ebe;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #00efff;
}

.flex {
    display: flex;
}

.flexB {
    display: flex;
    justify-content: space-between;
}

.flexBC {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexC {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.flexCC {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataUl li {
    flex: 1;
    padding: 20px 0 0 20px;
}

.dataUl li img {
    width: 95px;
    height: 99px;
}

.dataUl li .data {
    padding: 10px 0 0 10px;
}

.dataUl li .data .txt {
    font-size: 23px;
    color: #FFF;
    line-height: 30px;
}

.dataUl li .data .num {
    font-size: 35px;
    font-weight: bold;
    color: #00F5FF;
    line-height: 35px;
    margin-top: 10px;
}

.dataUl li:last-child .data .num {
    color: #90FFAD;
}