@charset "utf-8";
|
|
/*-----------------
|
Author:xq
|
update:2019
|
-------------------*/
|
|
@font-face {
|
font-family: DINCond-Bold;
|
src: url('../../static/fonts/DINCond-Bold.otf');
|
}
|
|
/*common*/
|
|
.i-icon{
|
width: 24px;
|
height: 24px;
|
}
|
|
.i-icon32{
|
width: 32px;
|
height: 32px;
|
}
|
|
.i-icon,
|
.i-icon32{
|
display: inline-block;
|
position: relative;
|
}
|
|
|
.i-icon img,
|
.i-icon32 img{
|
width: 100%;
|
height: 100%;
|
vertical-align: top;
|
}
|
|
|
|
#particles-js{
|
width: 100%;
|
height: 100%;
|
background-color: #04162d;
|
background-image: url('');
|
background-size: cover;
|
background-position: 50% 50%;
|
background-repeat: no-repeat;
|
}
|
|
|
|
/*index*/
|
|
.container{
|
overflow: hidden;
|
height: 1080px;
|
width: 1920px;
|
position: absolute;
|
left: 0;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
z-index: 2;
|
|
}
|
|
|
.i-top{
|
height: 140px;
|
width: 100%;
|
background: url(../../static/img/databoard/i-top-bg.png) center top no-repeat;
|
}
|
|
.i-top-tit,
|
.i-top-tit img{
|
height: 74px;
|
text-align: center;
|
}
|
.i-top-tit img{
|
max-width: 650px;
|
}
|
|
.i-top-p{
|
color: #7ddfff;
|
font-size: 26px;
|
text-align: center;
|
width: 100%;
|
font-weight: bold;
|
font-style: italic;
|
margin-top: 5px;
|
line-height: 60px;
|
}
|
|
.time-info{
|
position: absolute;
|
top: 15px;
|
right: 25px;
|
z-index: 999;
|
color: #fff;
|
font-size: 20px;
|
display: block;
|
padding-left: 30px;
|
height: 24px;
|
line-height: 24px;
|
background: url(../../static/img/databoard/icon-time.png) left center no-repeat;
|
}
|
|
.i-main{
|
padding: 25px 30px 0 30px;
|
width: 1860px;
|
}
|
|
.i-m1{
|
height: 594px;
|
}
|
.i-m1-left{
|
width: 592px;
|
}
|
.left-box1{
|
width: 592px;
|
height: 290px;
|
background: url(../../static/img/databoard/box-bg.png) no-repeat;
|
}
|
|
.i-tit{
|
height: 32px;
|
padding: 4px 0;
|
overflow: hidden;
|
color: #fff;
|
font-size: 18px;
|
line-height: 32px;
|
font-weight: bold;
|
}
|
|
.i-tit i{
|
float: left;
|
margin: 0 4px;
|
}
|
|
.left-box1-con{
|
padding: 0 17px;
|
overflow: hidden;
|
}
|
|
.left-box1-top{
|
overflow: hidden;
|
margin-top: 24px;
|
}
|
|
.left-box1-num{
|
width: 270px;
|
background: url(../../static/img/databoard/i-lm1-bg.png) no-repeat;
|
}
|
|
.left-box1-item{
|
width: 50%;
|
text-align: center;
|
color: #fff;
|
}
|
|
.left-box1-top,
|
.left-box1-num,
|
.left-box1-item{
|
height: 90px;
|
}
|
|
.left-box1-item p{
|
line-height: 44px;
|
height: 44px;
|
overflow: hidden;
|
margin: 10px 0 5px;
|
font-size: 16px;
|
}
|
|
.left-box1-item h4{
|
height: 20px;
|
line-height: 20px;
|
font-size: 13px;
|
}
|
|
.left-box1-item p span{
|
font-size: 34px;
|
}
|
|
.left-box1-jd{
|
width: 100%;
|
height: 72px;
|
background: rgba(19,180,249,0.1);
|
margin-top: 20px;
|
overflow: hidden;
|
padding: 11px 0;
|
}
|
|
.progress-group{
|
position: relative;
|
height: 36px;
|
overflow: hidden;
|
|
}
|
|
.progress-label{
|
width: 110px;
|
text-align: right;
|
line-height: 36px;
|
height: 36px;
|
overflow: hidden;
|
font-size: 14px;
|
color: #6bcfff;
|
}
|
|
.progress{
|
height: 18px;
|
width: 360px;
|
background: rgba(19,180,249,0.2);
|
float: left;
|
margin: 9px;
|
position: relative;
|
}
|
|
.progress-bar {
|
float: left;
|
width: 0;
|
height: 100%;
|
font-size: 12px;
|
line-height: 20px;
|
color: #fff;
|
text-align: center;
|
background: rgba(19,180,249,0.2);
|
|
-webkit-animation: animate-positive 2s;
|
animation: animate-positive 2s;
|
}
|
@-webkit-keyframes animate-positive{
|
0%{ width: 0; }
|
}
|
@keyframes animate-positive{
|
0%{ width: 0; }
|
}
|
|
|
|
.progress-bar-green {
|
background: url(../../static/img/databoard/progress-green.png) no-repeat;
|
}
|
.progress-bar-blue{
|
background: url(../../static/img/databoard/progress-blue.png) no-repeat;
|
}
|
|
.sr-only {
|
position: absolute;
|
left: 103%;
|
top: 50%;
|
margin-top: -13px;
|
font-size: 26px;
|
line-height: 26px;
|
color: #fff;
|
font-family: DINCond-Bold;
|
}
|
|
|
|
.left-box2{
|
width: 592px;
|
height: 284px;
|
background: url(../../static/img/databoard/box-bg2.png) no-repeat;
|
}
|
|
|
.i-m1-center{
|
width: 628px;
|
height: 594px;
|
background: url(../../static/img/databoard/bigbox-bg.png) no-repeat;
|
margin-left: 26px;
|
}
|
|
|
.right-box1{
|
width: 592px;
|
height: 230px;
|
background: url(../../static/img/databoard/box-bg3.png) no-repeat;
|
}
|
|
.right-box2{
|
width: 592px;
|
height: 344px;
|
background: url(../../static/img/databoard/box-bg4.png) no-repeat;
|
}
|
|
.i-m2-box{
|
width: 919px;
|
height: 275px;
|
background: url(../../static/img/databoard/longbox-bg.png) no-repeat;
|
}
|
|
.right-box2,
|
.left-box2,
|
.i-m2{
|
margin-top: 20px;
|
}
|
|
.i-m1-cbox{
|
padding: 25px 20px 0 20px;
|
overflow: hidden;
|
}
|
|
.i-m1-cHd{
|
width: 100%;
|
height: 90px;
|
}
|
|
.i-m1-cHd ul li{
|
width: 78px;
|
margin-right: 6px;
|
text-align: center;
|
float: left;
|
}
|
|
.i-m1-cHd ul li:last-child{
|
margin-right: 0;
|
}
|
.i-m1-cHd ul li span{
|
display: inline-block;
|
width: 40px;
|
height: 40px;
|
padding: 4px;
|
border: 1px solid #0e7aae;
|
-webkit-border-radius: 100%;
|
-moz-border-radius: 100%;
|
border-radius: 100%;
|
overflow: hidden;
|
line-height: 48px;
|
text-align: center;
|
}
|
|
.i-m1-cHd ul li span img{
|
width: 40px;
|
height: 40px;
|
}
|
|
.i-m1-cHd ul li h4{
|
line-height: 20px;
|
height: 20px;
|
overflow: hidden;
|
margin-top: 5px;
|
width: 100%;
|
color: #fff;
|
font-size: 14px;
|
}
|
|
.i-m1-cBd{
|
width: 582px;
|
height: 400px;
|
padding-top: 20px;
|
overflow: hidden;
|
background: url(../../static/img/databoard/li-bg.png) left top repeat-x;
|
}
|
|
.i-m1-dl{
|
height: 40px;
|
overflow: hidden;
|
width: 588px;
|
}
|
.i-m1-dl dt,
|
.i-m1-dl dd{
|
height: 40px;
|
line-height: 40px;
|
color: #fff;
|
width: 78px;
|
margin-right: 6px;
|
float: left;
|
text-align: center;
|
}
|
|
.i-m1-dl dt a{
|
font-weight: bold;
|
font-size: 14px;
|
color: #fff;
|
}
|
|
.i-m1-dl dd{
|
font-size: 20px;
|
}
|
|
.right-box1-time{
|
height: 30px;
|
line-height: 30px;
|
color: #13b4f9;
|
font-family: DINCond-Bold;
|
text-align: right;
|
right: 0;
|
width: 300px;
|
padding-right: 20px;
|
position: absolute;
|
top: 22px;
|
z-index: 99;
|
font-size: 14px;
|
background: url(../../static/img/databoard/right-timebg.png) right center no-repeat;
|
}
|
|
.right-box1-con{
|
padding: 44px 2px 0 2px;
|
overflow: hidden;
|
}
|
|
.r1-list li{
|
width: 96px;
|
margin-left: 18px;
|
height: 108px;
|
text-align: center;
|
background: url(../../static/img/databoard/qx-bg.png) no-repeat;
|
border-top: 2px solid #13b4f9;
|
float: left;
|
}
|
.r1-list li h4{
|
height: 24px;
|
line-height: 24px;
|
color: #8bc9e7;
|
font-size: 16px;
|
overflow: hidden;
|
margin: 8px 0 20px;
|
}
|
.r1-list li h4 i{
|
margin-right: 3px;
|
}
|
.r1-list li p{
|
line-height: 30px;
|
color: #fff;
|
font-size: 16px;
|
font-weight: bold;
|
height: 30px;
|
overflow: hidden;
|
}
|
|
.r1-list li p span{
|
font-size: 26px;
|
font-family: DINCond-Bold;
|
font-weight: normal;
|
margin-right: 2px;
|
}
|
|
.r1-list li p em{
|
font-size: 20px;
|
font-weight: bold;
|
}
|
|
.i-m2-tab{
|
padding: 24px 19px 0 18px;
|
overflow: hidden;
|
}
|
|
.i-tab-bd,
|
.i-tab-item{
|
height: 156px;
|
width: 880px;
|
overflow: hidden;
|
}
|
|
.i-tab-item{
|
display: none;
|
}
|
|
.i-tab-list li{
|
width: 200px;
|
height: 156px;
|
float: left;
|
margin: 0 10px;
|
position: relative;
|
background: url(../../static/img/databoard/smbox-bg.png) no-repeat;
|
}
|
|
.i-tab-top{
|
height: 102px;
|
padding: 0 15px;
|
overflow: hidden;
|
}
|
|
.i-tab-top h3{
|
font-size: 18px;
|
font-weight: bold;
|
line-height: 24px;
|
height: 24px;
|
overflow: hidden;
|
margin: 15px 0 10px;
|
color: #fff;
|
}
|
|
.i-tab-top p{
|
line-height: 20px;
|
height: 20px;
|
font-size: 14px;
|
color: #00b3ff;
|
}
|
|
.i-tab-bottom{
|
width: 180px;
|
padding: 8px 10px;
|
height: 34px;
|
overflow: hidden;
|
background: url(../../static/img/databoard/i-tab-bottom.png) no-repeat;
|
}
|
|
.i-tab-bottom>i{
|
display: block;
|
width: 34px;
|
height: 34px;
|
float: left;
|
margin-right: 6px;
|
}
|
|
.i-tab-bottom h4,
|
.i-tab-bottom p{
|
line-height: 17px;
|
height: 17px;
|
overflow: hidden;
|
color: #fff;
|
}
|
|
.i-tab-bottom h4{
|
font-size: 16px;
|
font-weight: bold;
|
}
|
|
.i-tab-bottom p{
|
font-size: 14px;
|
}
|
|
|
.i-tab-hd{
|
width: 100%;
|
text-align: center;
|
margin-top: 18px;
|
height: 16px;
|
line-height: 1;
|
padding: 0;
|
vertical-align: middle;
|
}
|
|
.i-tab-hd span{
|
display: inline-block;
|
height: 4px;
|
width: 16px;
|
margin: 0 4px;
|
background: #033e60;
|
line-height: 1;
|
-webkit-border-radius: 4px;
|
-moz-border-radius: 4px;
|
border-radius: 4px;
|
cursor: pointer;
|
}
|
|
.i-tab-hd span.active{
|
background: #008cc8;
|
}
|
|
.right-box2-tit{
|
height: 40px;
|
line-height: 40px;
|
text-align: center;
|
width: 370px;
|
margin: 20px auto 10px auto;
|
color: #fff;
|
font-size: 20px;
|
font-weight: bold;
|
overflow: hidden;
|
background: url(../../static/img/databoard/i-tit2-bg.png) center no-repeat;
|
}
|
|
.right-box2-time{
|
height: 26px;
|
width: 148px;
|
text-align: center;
|
color: #fff;
|
line-height: 26px;
|
font-size: 16px;
|
margin: 0 auto;
|
background: url(../../static/img/databoard/i-tit3-bg.png) center no-repeat;
|
}
|
|
.r2-echart{
|
height: 160px;
|
margin-top: 20px;
|
width: 100%;
|
overflow: hidden;
|
}
|
.r2-echart ul li{
|
float: left;
|
width: 33.333333%;
|
height: 180px;
|
}
|
|
.r2-echart-p{
|
line-height: 20px;
|
text-align: center;
|
font-size: 16px;
|
}
|
|
.i-m2-echarts-h{
|
height: 32px;
|
width: 120px;
|
margin: 10px auto 18px auto;
|
text-align: center;
|
color: #fff;
|
font-size: 14px;
|
line-height: 32px;
|
font-weight: bold;
|
background: url(../../static/img/databoard/i-tit4-bg.png) center no-repeat;
|
}
|
|
.i-m2-echarts{
|
width: 100%;
|
}
|
|
.i-m2-echarts li{
|
width: 33.333333%;
|
float: left;
|
position: relative;
|
height: 210px;
|
}
|
|
.i-m2-echarts li:after{
|
display: block;
|
content: '';
|
width: 1px;
|
height: 150px;
|
background: #05375a;
|
position: absolute;
|
right: 0;
|
bottom: 0;
|
z-index: 9;
|
}
|
|
.i-m2-echarts li:last-child:after,
|
.highcharts-credits{
|
display: none;
|
}
|
/*xg-12.4*/
|
|
.i-top-tit span{
|
max-width: 650px;
|
display: inline-block;
|
height: 74px;
|
line-height: 74px;
|
color: #fff;
|
font-size: 36px;
|
font-weight: bold;
|
letter-spacing: 7px;
|
text-shadow:0 0 0.15em #00baff,
|
-0 -0 0.15em #00baff;
|
}
|
