@charset "UTF-8";
/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
dl,ol,ul{list-style:none;margin-bottom:0;padding-left:0}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:rgba(255,255,255,.6)}
::-moz-placeholder{color:rgba(255,255,255,.6)}
::-ms-input-placeholder{color:rgba(255,255,255,.6)}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-track-piece{background:0 0}
::-webkit-scrollbar-thumb{background:rgba(183,241,255,.3)}
/*!-----------------[初始化结束]--------------*/
@font-face{font-family:CKTKingKong;src:url(../fonts/CKTKingKong.otf)}
@font-face{font-family:DIN;src:url(../fonts/DINCond-Bold.otf)}
@keyframes leftTo{
0%{transform:translateX(0);opacity:0}
100%{transform:translateX(50px);opacity:1}
}
@keyframes opacity{
0%{opacity:1}
50%{opacity:.4}
100%{opacity:1}
}
@keyframes fadenum{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes bounce-down{
25%{transform:translateY(-3px)}
100%,50%{transform:translateY(0)}
75%{transform:translateY(3px)}
}
@keyframes bounce-down1{
25%{transform:translate(-50%,-3px)}
100%,50%{transform:translate(-50%,0)}
75%{transform:translate(-50%,3px)}
}
@keyframes fadenum1{
0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes myRotate{
0%{transform:translate(-50%,-50%) rotate(0)}
25%{transform:translate(-50%,-50%) rotate(15deg)}
50%{transform:translate(-50%,-50%) rotate(0)}
75%{transform:translate(-50%,-50%) rotate(-15deg)}
100%{transform:translate(-50%,-50%) rotate(0)}
}
@keyframes myRotate1{
0%{transform:rotate(0)}
25%{transform:rotate(45deg)}
50%{transform:rotate(0)}
75%{transform:rotate(-45deg)}
100%{transform:rotate(0)}
}
@keyframes myleft{
0%{transform:translateX(0)}
100%{transform:translateX(300%)}
}
@keyframes mysca{
0%,100%{transform:translateX(-50%) scale(1)}
50%{transform:translateX(-50%) scale(.98)}
}
@keyframes myani1{
0%,100%{transform:scale(1)}
50%{transform:scale(.95)}
}
@keyframes myani2{
0%,100%{transform:rotateY(0)}
50%{transform:rotateY(360deg)}
}
/*!******************************
    -------[=头部]-------
********************************/
/*!******************************
    -------[=公用]-------
********************************/
/*!****** lib.css end *******/
/*!****** bl *******/
body{width:1920px;height:1080px;position:relative;background:url(../img/bd-bg.jpg) no-repeat top center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
.header{height:130px;position:relative;z-index:10;background:url(../img/hd-bg.png) no-repeat top center;-webkit-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.header .ll{position:absolute;top:24px;left:15px}
.header .ll .nav .lk{background-image:url(../img/nav-l.png)}
.header .ll .nav .lk.act{background-image:url(../img/nav-la.png)}
.header .rr{position:absolute;top:24px;right:15px}
.header .rr .nav .lk{background-image:url(../img/nav-r.png)}
.header .rr .nav .lk.act{background-image:url(../img/nav-ra.png)}
.header .h1{text-align:center;font-size:34px;font-weight:700;color:#fff;letter-spacing:5px;padding-left:5px;line-height:66px;text-shadow:0 0 10px rgba(45,159,255,.5);font-family:CKTKingKong}
.nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.nav .lk{display:block;text-align:center;font-size:20px;font-family:CKTKingKong;color:#fff;width:219px;height:50px;line-height:50px;background-repeat:no-repeat;background-position:center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain}
.b-row{position:relative;z-index:4;overflow:hidden}
.b-row .col-l{width:446px}
.b-row .col-r{width:476px}
.b-row .col-r .g-titb1{padding-left:25px;background-image:url(../img/t-bg1.png)}
.b-row .col-c{position:absolute;top:0;left:450px;right:480px;bottom:0}
.c-top{position:absolute;top:9px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:450px;border:1px solid #077ab1;-webkit-box-shadow:0 0 20px inset rgba(0,204,255,.6);box-shadow:0 0 20px inset rgba(0,204,255,.6);line-height:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:#fff}
.c-top .ll{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#01b2f5;padding-right:16px;margin-right:10px;position:relative}
.c-top .ll::after{content:"";display:block;width:1px;height:24px;background-color:#03477b;position:absolute;top:50%;right:0;margin-top:-12px}
.c-top .ll .icn{width:39px}
.c-top .rr{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.c-top .sel{display:block;width:100%;background:url(../img/arr.png) no-repeat 98% 50%;-webkit-background-size:8px 8px;-o-background-size:8px;background-size:8px;color:#fff;font-size:18px;cursor:pointer}
.c-top .sel option{font-size:18px;background-color:#000;cursor:pointer}
.c-cen{position:absolute;top:75px;left:0;width:100%;bottom:160px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.c-cen::after{content:"";display:block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:url(../img/mx-bg.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;width:1252px;height:824px;z-index:-1;-webkit-animation:mysca 3s linear infinite;-moz-animation:mysca 3s linear infinite;-o-animation:mysca 3s linear infinite;animation:mysca 3s linear infinite}
.c-bot{position:absolute;bottom:5px;left:0;width:100%}
.ul-infob1{font-size:0;text-align:center}
.ul-infob1 li{display:inline-block;vertical-align:top;min-width:190px}
.ul-infob1 .con{font-size:14px;color:#e7fcff;position:relative;padding-bottom:45px}
.ul-infob1 .con::after{content:"";display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:165px;height:106px;background:url(../img/dz1.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;z-index:-1;-webkit-animation:bounce-down1 4s linear infinite;-moz-animation:bounce-down1 4s linear infinite;-o-animation:bounce-down1 4s linear infinite;animation:bounce-down1 4s linear infinite}
.ul-infob1 .top{margin-bottom:4px}
.ul-infob1 .sta{font-size:30px;font-family:CKTKingKong;text-shadow:0 0 10px #2bb669}
.ul-infob1 .num{font-size:14px;color:#fff;text-shadow:0 0 10px #0cf}
.ul-infob1 .num .n{font-size:30px;font-family:CKTKingKong}
.ul-infob1 .num .n1{font-size:30px;font-family:CKTKingKong;opacity:.4}
.ul-infob1 .num .n2{font-size:30px;font-family:CKTKingKong;color:#fe4c4c;text-shadow:none}
.ul-infob1 .num .u{margin-left:10px}
.g-titb1{height:46px;background:url(../img/t-bg.png) no-repeat center left;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.g-titb1 .h3{font-size:18px;color:#fff;position:relative;padding-left:28px}
.g-titb1 .h3::before{content:"";display:block;position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(../img/t-i1.png) no-repeat center center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-animation:opacity 4s linear infinite;-moz-animation:opacity 4s linear infinite;-o-animation:opacity 4s linear infinite;animation:opacity 4s linear infinite}
.g-titb1 .rr{padding-right:36px}
.m-mode4{padding-bottom:10px}
.m-mode4 .g-titb1{margin-bottom:8px}
.m-mode5 .g-titb1{margin-bottom:8px}
.ul-listb1{margin-left:24px}
.ul-listb1 .con{background:url(../img/c-bg1.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;width:417px;height:121px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:12px}
.ul-listb1 .ty{width:95px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;font-size:26px;color:#fff;font-family:CKTKingKong}
.ul-listb1 .rr{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px;color:#fff;padding:0 9px}
.ul-listb1 .rr .item{width:50%}
.ul-listb1 .num .n{font-size:30px;font-family:CKTKingKong;color:#0cf;display:inline-block;vertical-align:baseline}
.ul-listb1 .num .unit{color:#fff;opacity:.6;display:inline-block;vertical-align:bottom;margin-left:5px}
.ul-listb1 .item:nth-child(2) .num .n{color:#2bb669}
.ul-listb2{padding-left:24px;padding-right:32px}
.ul-listb2 .con{font-size:18px;color:#fff;padding-left:110px;position:relative;min-height:76px}
.ul-listb2 .con>.bg{position:absolute;top:10px;right:0;display:block;height:58px;width:88%}
.ul-listb2 .red .s{text-shadow:0 0 10px #fe4c4c}
.ul-listb2 .icon{font-size:0;position:absolute;top:0;left:0;width:87px;z-index:2}
.ul-listb2 .icon img{-webkit-animation:bounce-down 4s linear infinite;-moz-animation:bounce-down 4s linear infinite;-o-animation:bounce-down 4s linear infinite;animation:bounce-down 4s linear infinite}
.ul-listb2 .txt{position:relative;z-index:2;padding-top:13px;padding-right:18px}
.ul-listb2 .box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;line-height:50px}
.ul-listb2 .num{line-height:1.2}
.ul-listb2 .num .n{display:inline-block;vertical-align:middle;font-size:30px;color:#fff;font-family:CKTKingKong;text-shadow:0 0 10px #0cf}
.ul-listb2 .num .n.sty1{text-shadow:0 0 10px #29cf73}
.ul-listb2 .num .u{display:inline-block;vertical-align:bottom;margin-left:6px}
.ul-listb2 .s{font-size:20px;color:#fff;font-family:CKTKingKong;text-shadow:0 0 10px #0cf;margin-right:20px}
.m-mode1{padding-bottom:21px}
.m-mode1 .g-titb1{margin-bottom:9px}
.m-mode2{padding-bottom:20px}
.m-mode2 .g-titb1{margin-bottom:14px}
.m-mode3 .g-titb1{margin-bottom:14px}
.m-cardb1{overflow:hidden;padding-left:26px;padding-right:36px}
.m-cardb1 .left{float:left;width:90px}
.m-cardb1 .dc{width:76px;height:117px;background:url(../img/dc1.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;padding:12px 6px 6px}
.m-cardb1 .dc.red{background-image:url(../img/dc2.png)}
.m-cardb1 .dc.red .bar .sub{background-color:#e84e54}
.m-cardb1 .dc .bar{height:100%;position:relative}
.m-cardb1 .dc .bar .sub{position:absolute;bottom:0;left:0;width:100%;background-color:#179ce0;border-radius:6px}
.m-cardb1 .right{overflow:hidden}
.m-itemsb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:13px}
.m-itemsb1 .item{position:relative;width:47%;height:58px;padding-top:7px;padding-left:12px}
.m-itemsb1 .item:nth-child(1) .t{color:#179ce0}
.m-itemsb1 .item:nth-child(2) .t{color:#2bb669}
.m-itemsb1 .item .bg{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.m-itemsb1 .t{font-size:14px}
.m-itemsb1 .p{font-size:18px;color:#fff;font-weight:700;font-family:Arial}
.ul-listb3{border:1px solid #013863;background-color:rgba(0,129,248,.2);text-align:center;font-size:0;padding:5px 2px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ul-listb3 li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.ul-listb3 .con{margin:0 4px;border:1px solid rgba(1,178,245,.3);background:rgba(0,0,0,.3);line-height:26px;padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ul-listb3 .t{font-size:14px;color:#a5ccfc}
.ul-listb3 .num{font-size:12px;color:#fff}
.ul-listb3 .num .n{font-size:16px}
.m-cardb2{min-height:128px;position:relative;font-size:14px;color:#fff}
.m-cardb2.red .num .n{text-shadow:0 0 10px #ffd12b}
.m-cardb2.red .cc .pp{text-shadow:0 0 10px #fe4c4c}
.m-cardb2 .bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:428px;height:136px}
.m-cardb2 .box{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}
.m-cardb2 .ll,.m-cardb2 .rr{width:100px;position:absolute}
.m-cardb2 .ll{top:16px;left:60px}
.m-cardb2 .rr{top:16px;right:14px}
.m-cardb2 .cc{width:90px;padding-top:75px}
.m-cardb2 .cc .pp{text-align:center;font-size:20px;color:#fff;font-family:CKTKingKong;text-shadow:0 0 10px #0cf}
.m-cardb2 .t{margin-bottom:14px}
.m-cardb2 .num .n{font-family:CKTKingKong;font-size:30px;text-shadow:0 0 10px #2bb669}
.m-cardb2 .num .u{margin-left:10px}
.m-cardb2 .rr .num .n{text-shadow:0 0 10px #0cf}
.ul-tableb1{margin:0 30px;font-size:14px;color:#fff}
.ul-tableb1 li{display:table;width:100%;table-layout:fixed}
.ul-tableb1.thead{color:#a5ccfc;border-bottom:1px solid #01b2f5;padding:5px 0}
.ul-tableb1.thead .td:nth-child(1){padding-left:15px}
.ul-tableb1.tbody li{background:url(../img/tr-bg1.png) no-repeat center;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;margin-bottom:10px;position:relative;padding:8px 0}
.ul-tableb1.tbody li:nth-child(even){background-image:url(../img/tr-bg.png)}
.ul-tableb1.tbody li:nth-child(even) .sta::before{background-color:#092d3b}
.ul-tableb1.tbody li.sty1{background-image:url(../img/tr-bg2.png)!important}
.ul-tableb1.tbody li.sty1 .sta{text-shadow:0 0 10px #ffd12b}
.ul-tableb1.tbody li.sty1 .sta::before{background-color:#413d2b}
.ul-tableb1.tbody li.sty1::before{border-top-color:#ad8801}
.ul-tableb1.tbody li::before{content:"";display:block;width:0;height:0;border-top:5px solid #01b2f5;border-right:5px solid transparent;position:absolute;top:3px;left:5px}
.ul-tableb1 .td{display:table-cell;vertical-align:middle;width:33.33%;text-align:center}
.ul-tableb1 .td:nth-child(1){text-align:left}
.ul-tableb1 .txt{padding-left:19px;position:relative;width:119px}
.ul-tableb1 .date{width:70%;margin:0 auto}
.ul-tableb1 .sta{position:relative;font-size:18px;font-family:CKTKingKong;text-shadow:0 0 10px #2bb669}
.ul-tableb1 .sta::before{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);-o-transform:translate(-50%,-40%);transform:translate(-50%,-40%);height:15px;width:73px;background:#093e5d;z-index:-1}
.scr-box1{height:398px;overflow-y:auto}
.n-list1{text-align:center;font-size:0}
.n-list1 li{display:inline-block;vertical-align:top;min-width:171px;margin:0 15px}
.n-list1 .con{position:relative}
.n-list1 .con::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/wq.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;pointer-events:none;-webkit-animation:fadenum1 12s linear infinite;-moz-animation:fadenum1 12s linear infinite;-o-animation:fadenum1 12s linear infinite;animation:fadenum1 12s linear infinite}
.n-list1 .chart{width:171px;height:171px;border-radius:50%}
.n-list1 .info{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:16px}
.n-list1 .info::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/nq.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-animation:fadenum 12s linear infinite;-moz-animation:fadenum 12s linear infinite;-o-animation:fadenum 12s linear infinite;animation:fadenum 12s linear infinite}
.n-list1 .info .n{font-size:30px;position:relative;z-index:2;font-family:CKTKingKong}
.n-list1 .info .p{position:relative;z-index:2}
.c-cen2{position:absolute;top:75px;left:0;width:100%;bottom:160px;padding-top:10px}
.c-cen2::before{content:"";display:block;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:url(../img/n-2.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;width:805px;height:574px;z-index:-1}
.c-cen2::after{content:"";display:block;position:absolute;bottom:13px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:url(../img/b-dz.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;width:860px;height:554px;z-index:-1}
.m-infobox{position:relative;width:476px;height:476px;margin:0 auto;padding-top:93px;text-align:center;color:#fff}
.m-infobox.red::after{background-image:url(../img/qy2.png)}
.m-infobox.red .line::after{background-image:url(../img/line3.png)}
.m-infobox.red .p,.m-infobox.red .sta{text-shadow:0 0 10px #fe4c4c}
.m-infobox::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/qy1.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;pointer-events:none;-webkit-animation:fadenum 18s linear infinite;-moz-animation:fadenum 18s linear infinite;-o-animation:fadenum 18s linear infinite;animation:fadenum 18s linear infinite}
.m-infobox .box{width:290px;height:290px;text-align:center;padding-top:23px;margin:0 auto}
.m-infobox .icon{font-size:0;margin-bottom:-10px;position:relative;z-index:2}
.m-infobox .icon img{width:123px;-webkit-animation:myani2 6s infinite;-moz-animation:myani2 6s infinite;-o-animation:myani2 6s infinite;animation:myani2 6s infinite}
.m-infobox .p{font-size:22px;font-weight:700;color:#fff;text-shadow:0 0 10px #17b0fc;position:relative;z-index:3}
.m-infobox .sta{font-size:36px;color:#fff;line-height:1.2;font-family:CKTKingKong;text-shadow:0 0 10px #2bb669;position:relative;z-index:3}
.m-infobox .line{position:relative;z-index:2;height:20px}
.m-infobox .line::after{content:"";display:block;position:absolute;top:-118px;left:-110px;width:571px;height:228px;background:url(../img/line2.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;pointer-events:none}
.m-tabs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.m-tabs .tab{cursor:pointer;font-size:16px;color:#4bb4e5;padding:0 10px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.m-tabs .on{font-weight:700;color:#fff;text-shadow:0 0 10px #4bb4e5}
.m-qs .tip{font-size:16px;color:#fff;width:90%;padding-left:5%;margin:0 auto}
.m-qs .chart{width:90%;height:400px;margin:0 auto}
.b-row.sty1 .col-l{width:510px}
.b-row.sty1 .col-r{width:530px}
.b-row.sty1 .ul-listb1 .con{width:490px;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.b-row.sty1 .ul-listb1 .ty{width:105px}
.b-row.sty1 .ul-listb1{margin-left:19px}
.tab-con{height:auto}
.tab-con.hide{height:0;overflow:hidden}
/*!****** bl end *******/
/*!****** ls *******/
body.bgl1{background-image:url(../img/bgl1.jpg)}
.m-rightl{overflow:hidden;position:absolute;right:200px;top:238px}
.m-rightl .tit{width:257px;height:auto;margin:0 auto 19px;overflow:hidden}
.m-rightl .tit img{display:block;width:100%;height:100%}
.m-rightl .right{overflow:hidden;width:541px;height:598px;background:url(../img/bgl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding-top:56px}
.m-rightl .right .stit{width:520px;height:80px;margin:0 auto;background:url(../img/bgl3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;font-size:30px;color:#fff;font-weight:700;line-height:80px;text-align:center}
.m-rightl .right .info{overflow:hidden;padding:21px 80px}
.ul-listl1{overflow:hidden;margin-bottom:28px}
.ul-listl1 li{width:50%;float:left;font-size:0;overflow:hidden;text-align:center}
.ul-listl1 .con{font-size:20px;color:#a5ccfc;line-height:1.5em;overflow:hidden;position:relative;padding-bottom:11px;display:inline-block;vertical-align:middle;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl1 .con:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:#01b2f5;width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl1 .con:hover,.ul-listl1 li.on .con{font-weight:700;color:#fff}
.ul-listl1 .con:hover:after,.ul-listl1 li.on .con:after{width:100%}
.m-forml .form{overflow:hidden;margin-bottom:58px}
.m-forml .box{overflow:hidden;border:1px solid #0cf;background:rgba(0,0,0,.5);padding:0 0 0 10px;margin-bottom:30px}
.m-forml .ll{float:left;width:74px;overflow:hidden;line-height:65px;font-size:20px;color:#a5ccfc;position:relative}
.m-forml .ll:after{content:"";position:absolute;top:50%;right:0;width:2px;height:40px;background:rgba(1,178,245,.6);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.m-forml .rr{overflow:hidden;position:relative}
.m-forml .rr .inp{display:block;width:100%;height:65px;line-height:65px;padding:0 15px;font-size:20px;color:rgba(255,255,255,.6);background:0 0;border:none}
.m-forml .rr .img{position:absolute;right:0;top:50%;width:160px;height:65px;line-height:65px;overflow:hidden;text-align:center;font-size:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.m-forml .rr .img img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.m-forml .rr .inp.inp2{padding-right:160px}
.m-forml .rr .btn1{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:16px;color:#333;height:27px;line-height:27px;padding:0 10px;z-index:2;display:block;background-color:#fff;border:none}
.m-forml .form .box:last-child{margin-bottom:0}
.m-forml .btnbox{overflow:hidden;background:url(../img/bgl4.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-shadow:0 4px 0 rgba(1,26,91,.3);-moz-box-shadow:0 4px 0 rgba(1,26,91,.3);-ms-box-shadow:0 4px 0 rgba(1,26,91,.3);-o-box-shadow:0 4px 0 rgba(1,26,91,.3);box-shadow:0 4px 0 rgba(1,26,91,.3);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-forml .btnbox .btn{display:block;width:100%;height:52px;line-height:52px;background:0 0;border:none;overflow:hidden;text-align:center;font-size:22px;color:#fff;font-weight:700}
.m-forml .btnbox:hover{opacity:.7}
.m-leftl{width:951px;position:absolute;left:122px;bottom:112px;overflow:hidden}
.m-leftl .icon{position:absolute;top:10px;left:50%;width:442px;height:auto;overflow:hidden;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.m-leftl .icon img{display:block;width:100%;height:100%;animation:myani1 3s linear infinite}
.m-leftl .bottom{display:block;width:100%;height:787px;overflow:hidden}
.m-leftl .bottom img{display:block;width:100%;height:100%;animation:bounce-down 3s linear infinite}
.m-pop{position:fixed;left:0;top:0;right:0;bottom:0;cursor:auto;display:none;z-index:999}
.m-pop .pop-bg{position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;background:rgba(0,0,0,.6)}
.m-pop .inner{position:absolute;left:50%;top:50%;width:1398px;height:721px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../img/bgl6.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;padding:34px 18px}
.m-win .g-titb1{background:0 0;height:auto}
.g-titb1 .h3{padding-left:22px}
.m-pop .close{display:block;position:absolute;width:39px;height:39px;right:35px;top:35px;background:url(../img/close.png) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-pop.open{display:block}
.ul-listl2{overflow:hidden;font-size:0;padding-left:18px;margin-top:36px;height:596px;overflow-y:auto;overflow-x:hidden}
.ul-listl2 li{display:inline-block;padding:0 13px;margin-bottom:28px}
.ul-listl2 .con{display:block;width:417px;height:121px;background:url(../img/bgl7.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:35px 35px 38px 40px;cursor:pointer}
.ul-listl2 .con .tit{float:left;font-size:24px;color:#fff;font-weight:700;line-height:45px}
.ul-listl2 .con .tips{font-size:18px;line-height:45px;color:#fff;font-weight:700;text-shadow:0 0 15px rgba(43,182,105,.8);float:right;background:url(../img/bgl8.png) center center no-repeat;-webkit-background-size:auto 15px;-moz-background-size:auto 15px;-ms-background-size:auto 15px;-o-background-size:auto 15px;background-size:auto 15px;min-width:73px;padding:0 10px;text-align:center}
.ul-listl2 li.red .con{background-image:url(../img/bgl7-red.png)}
.ul-listl2 li.red .con .tips{text-shadow:0 0 15px rgba(254,76,76,.8);background-image:url(../img/bgl8-red.png)}
body.bgl2{background-image:url(../img/logingaiban/bd-bgl1.jpg)}
.m-loginl{width:1536px;overflow:hidden;position:absolute;top:50%;left:50%;background:url(../img/logingaiban/bgl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.m-rightl.styl1{position:static;width:561px;float:right;overflow:hidden;padding-top:59px}
.m-rightl.styl1 .right{background:0 0;padding-top:26px}
.m-rightl.styl1 .right .info{padding:0;width:420px;margin:0 auto;overflow:visible}
.m-rightl.styl1 .ul-listl1{border-bottom:2px solid rgba(3,139,201,.3)}
.m-rightl.styl1 .ul-listl1 .con{padding-bottom:14px}
.m-rightl.styl1 .ul-listl1 .con{display:block}
.m-rightl.styl1 .ul-listl1 .con:after{background:url(../img/logingaiban/bgl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;height:96px;bottom:-41px;width:100%;opacity:0}
.m-rightl.styl1 .ul-listl1 .con:hover:after,.m-rightl.styl1 .ul-listl1 li.on .con:after{opacity:1}
.m-rightl.styl1 .ul-listl1,.m-rightl.styl1 .ul-listl1 .con,.m-rightl.styl1 .ul-listl1 li{overflow:visible}
.m-rightl.styl1 .ul-listl1{margin-bottom:65px}
.m-rightl.styl1 .m-forml .form{margin-bottom:93px}
.m-rightl.styl1 .m-forml .btnbox{background:url(../img/logingaiban/bgl3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;width:387px;height:65px;text-align:center;margin:0 auto;overflow:visible;position:relative}
.m-rightl.styl1 .m-forml .btnbox:after{content:none;position:absolute;width:488px;height:180px;left:50%;bottom:-73px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);background:url(../img/logingaiban/bgl4.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-rightl.styl1 .m-forml .btnbox .btn{width:100%;height:60px;line-height:60px;overflow:visible}
.m-logpicl{float:left;width:975px;height:752px;overflow:hidden;padding:99px 12px 0 73px}
.m-logpicl .logpic{display:block;width:100%;height:585px;overflow:hidden;position:relative}
.m-logpicl .logpic img{display:block;width:100%;height:100%;animation:bounce-down 3s linear infinite;-webkit-animation:bounce-down 3s linear infinite}
.m-logpicl .logpic .line,.m-logpicl .logpic .pic{display:block;width:100%;height:100%}
.m-logpicl .logpic .line{position:absolute;top:0;left:0;width:100%;height:100%}
.m-logpicl .logpic .pic1{width:130px;height:auto;overflow:hidden;position:absolute;left:0;bottom:23%;z-index:10}
.m-logpicl .logpic .pic2{position:absolute;top:27%;left:9%;width:156px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .logpic .pic3{position:absolute;top:.6%;left:46.4%;width:159px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .logpic .pic4{position:absolute;top:27%;right:7.6%;width:142px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .logpic .pic5{position:absolute;bottom:4.5%;right:13.5%;width:131px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .logpic .pic6{position:absolute;bottom:0;right:44.7%;width:233px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .logpic .pic7{position:absolute;bottom:24%;right:29.9%;width:245px;height:auto;overflow:hidden;z-index:10}
.m-logpicl .line1{position:absolute;left:5%;bottom:34%}
.m-logpicl .line2{position:absolute;left:17.5%;bottom:46%}
.m-logpicl .line3{position:absolute;left:15.5%;bottom:47.5%}
.m-logpicl .line4{position:absolute;right:22%;top:15.5%}
.m-logpicl .line5{position:absolute;right:19.5%;top:15%}
.m-logpicl .line6{position:absolute;right:-2%;bottom:25.5%}
.m-logpicl .line7{position:absolute;right:18%;bottom:13%}
.m-logpicl .line8{position:absolute;left:18%;bottom:12%}
.m-logpicl .line9{position:absolute;left:16%;bottom:12.5%}
.m-logpicl .rect{position:absolute;top:0;left:0;width:9px;height:9px;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-box-shadow:0 0 10px #00f0ff;-moz-box-shadow:0 0 10px #00f0ff;-ms-box-shadow:0 0 10px #00f0ff;-o-box-shadow:0 0 10px #00f0ff;box-shadow:0 0 10px #00f0ff}
.m-logpicl .rect2{offset-path:path("M44.598,70.028 L131.042,44.055 L262.517,82.082");offset-distance:0;animation:svg-path-animation 6s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 6s ease-in-out 0s infinite normal}
.m-logpicl .rect3{offset-path:path("M36.318,70.105 L146.926,36.869 L302.497,82.082");offset-distance:0;animation:svg-path-animation 8s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 8s ease-in-out 0s infinite normal}
.m-logpicl .rect4{offset-path:path("M58.78,116.139 L178.381,80.507 L36.899,38.288");offset-distance:0;animation:svg-path-animation 5s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 5s ease-in-out 0s infinite normal}
.m-logpicl .rect5{offset-path:path("M58.274,121.534 L187.167,83.208 L36.392,38.594");offset-distance:0;animation:svg-path-animation 9s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 9s ease-in-out 0s infinite normal}
.m-logpicl .rect6{offset-path:path("M36.965,105.712 L166.458,144.637 L412.852,72.775 L299.247,38.042 ");offset-distance:0;animation:svg-path-animation 5s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 5s ease-in-out 0s infinite normal}
.m-logpicl .rect7{offset-path:path("M40.879,37.401 L176.13,79.551 L40.505,119.090 L166.015,155.645 ");offset-distance:0;animation:svg-path-animation 5s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 5s ease-in-out 0s infinite normal}
.m-logpicl .rect8{offset-path:path("M304.388,46.322 L51.099,120.579 L190.783,161.6 ");offset-distance:0;animation:svg-path-animation 6s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 6s ease-in-out 0s infinite normal}
.m-logpicl .rect9{offset-path:path("M306.6,37.927 L43.419,114.579 L195.692,160.091 ");offset-distance:0;animation:svg-path-animation 10s ease-in-out 0s infinite normal;-webkit-animation:svg-path-animation 10s ease-in-out 0s infinite normal}
@keyframes svg-path-animation{
from{offset-distance:0}
to{offset-distance:100%}
}
@keyframes bounce-down{
25%{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px)}
100%,50%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
75%{transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px)}
}
/*!****** ls end *******/
