@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family:"宋体","微软雅黑",Arail,Tabhoma; font-size: 12px; text-align: left;}
ul,ol{list-style: none;}
img{border: 0;}
input,select,textarea{outline:0;}
textarea{resize:none; overflow: auto;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
i{font-style:normal;}
ol li{display: inline-block;}
h1{font-weight: bold;}
/*公共*/
.mt{margin-top: 27px;}
.ml{margin-left: 19px;}
.mmt1{margin-top:10px;}
.mmt2{margin-top:2px;}
.mb{margin-bottom: 10px;}
.color{color: #00DFFF;}
.color1{color: #FFF;}
.color2{color: #43FFFF;}
.color3{color: #AD46F3;}
.color4{color: #5045F6;}
.title{color: #00DFFF;font-size: 1.75rem;letter-spacing: 0.2rem;width:100%;float: left;padding-left: 10px;font-weight: bold;}
.title1{color: #00DFFF;font-size: 1.5rem;letter-spacing: 0.2rem;width: 50%;padding-left: 10px;}
.conter h1,.conter h4{line-height: 2.5rem; }
.conter h1{font-size:36px;line-height: 40px;background-image: url(img/bgg22.png);text-align: right;background-repeat: no-repeat;}
.conter h3{font-weight: 400;}
.conter h2{font-weight: 400;}
.conter h4{font-size:16px;font-weight: 400;}

.conter{position: absolute;z-index: 1;width: 100%;}
/*标题*/
.conter_title{width: 1920px;height:57px;background-image: url(img/tab.png);
	background-repeat: no-repeat;text-align: center;font-weight: 600;letter-spacing: 0.1rem;
	font-family: ;color: #FFF;line-height:57px;font-size:2rem;margin: 0 auto;margin-top: 30px;}
/*内容*/
.conter_cont{/*width: 1700px;*/height: 892px; background-image:url(img/kuang1.png);margin: 0 auto;margin-top: 70px;background-repeat: no-repeat;margin-left: 23px;}
.tab-time{display: inline-block;font-size: 1.5rem;letter-spacing: 0.2rem;line-height: 1rem;font-weight: normal;  }
.tab-time a{color: #00DFFF; }
.tab-time a:hover{color: #F845F1; }
.tab-time a:active{color: #FFF; }

/*左边*/
.cont_left{width:556px;display: inline-block;float: left;}
.state1{height: 516px;padding:10px 0px;}
.trigger{height: 220px;width: 100%;width: 50%;float: left;}
.trigger table{height: 66%;width: 100%;padding:10px;margin-top: 50px; text-align: center;font-size: 16px;}
.state2{height: 335px;padding:10px 14px;position: relative;}
#chartBarV1{height:300px;width: 100%;display: inline-block;}
.shuju1{width: 30%;height:272px;text-align: right; position: absolute;right: 20px;top: 0px; height: 232px;}
.state3{height: 302px;padding:10px 14px;position: relative;}
#echarts_4{height:292px;width: 70%;display: inline-block;}
.shuju2{width: 30%;height:272px;text-align: right;  position: absolute;right: 20px;top: 50px;}
/*中间*/
.cont_mid{width: 700px;display: inline-block;padding-left: 10px;}
.state4{height: 50px;padding:12px 0px;}
.title2{background-image: url(img/xian.png);width: 100%;text-align: center;background-repeat:no-repeat;}
.zongshu{width: 66%;margin:10px 17%; line-height: 60px;height: 60px;font-size: 60px;letter-spacing: 20px;background-image: url(img/bgg2.png);
		background-repeat: no-repeat;background-size: cover; text-align: right;}
.zhu{height: 444px;background-image: url(img/bbgg.png);background-repeat: no-repeat;text-align:center;width: 100%;position: relative;}
.zong{position: absolute;top: 210px;left: 245px;font-size: 20px;}
.hua{position: absolute;top: 108px;left: 76px;font-size:18px;line-height: 25px;}
.you{position: absolute;top: 203px;left: 116px;font-size:14px;line-height: 18px;}
.wei{position: absolute;top: 310px;left: 138px;font-size:18px;line-height: 25px;}
.guan{position: absolute;top: 95px;right:190px;font-size:14px;line-height: 18px;}
.bo{position: absolute;top: 190px;right: 114px;font-size:18px;line-height: 25px;}
.app{position: absolute;top: 372px;right: 128px;font-size:18px;line-height: 25px;}

.state5{height: 428px;padding-left: 1px;position: relative;}
#container{height:270px;width: 98%;margin-top:20px;}
/*右边*/
.cont_right{ width: 560px;display: inline-block;float: right;margin-right: 40px;}
.state6{height: 504px;padding:10px 14px;margin-right: 40px;}
#echarts_6{height:240px;width: 518px;}
.state7{height: 600px;padding:10px 14px;}
#echarts_5{height:222px;width: 518px;}
.state8{height: 410px;width: 100%; padding:0px 0px;}
.shuzi{height: 60px;width: 100%;background-color:#ffffff38;width:100%;background:rgba(255, 255, 255, .3);}
#echarts_7{height:220px;width: 518px;}
.shuzi table{width: 100%;text-align: center;}
.shuzitr1{text-align: center;line-height: 42px;height: 42px;}
.shuzitr2{text-align: center;line-height: 8px;height: 8px;}
#echarts_18{height:245px;width: 100%;display: inline-block;}
#echarts_19{height:245px;width: 100%;display: inline-block;}

.zhuanban{height: 468px;width: 100%;background-image: url(img/juxing.png);background-repeat: no-repeat;}
#echarts_8{width: 340px;height: 380px;}
#echarts_9{width: 100%;height: 360px;}
#echarts_12{width: 280px;height: 250px;}
#echarts_13{width: 280px;height: 250px;}
#echarts_10{width: 580px;height: 600px;}

.lu1{font-size: small;text-align: center;line-height: 3rem;}
.lu2{font-size: x-large;text-align: center;line-height: 4rem;}

.tr1{line-height: 2rem;font-size:14px;}
.tr2{line-height: 3rem;font-size:16px;}
.tr3{line-height: 3rem;font-size:16px;}

.li1{width: 18%; color: #FFF; display: inline-block;text-align: center;line-height: 20px;}
.li2{background-color: #221E70;}
.li3{border:1px solid #221E70;font-weight: bold;}

.fazhi{position: absolute;top: 80px;left: 90px;z-index: 2;}
.fazhi ul li{display: inline-block; color: #fff;}
.li4{width: 20px; height: 10px; border-radius: 2px;}
.fazhicolor1{background-color:#65C5D5;}
.fazhicolor2{background-color:#65AAD5;}
.fazhicolor3{background-color:#6786D8;}
.fazhicolor4{background-color:#6D66DB;}
.fazhicolor5{background-color:#D966D7;}

.shuliang{position: absolute;top: 108px;left: 2px;z-index: 2;width: 60px; background-color: #21222E;    padding: 20px;}
.shuliang li{line-height: 2rem;}

#echarts_15{width: 546px;height: 460px;}
#echarts_16{width:520px;height: 345px;}
#container{height:272px;width:680px;}
.container table{color: #cdcdcd;}


.splash {position: absolute; z-index: 999; display: table; width: 100%; height: 100%; background-color: #00010F;}
.splash>.splash-inner {display: table-cell; text-align: center; vertical-align: middle;}
.splash h1,.splash h2,.splash h3 {font-weight : normal;}
.splash h3 {display: block; margin-top: 34px; font-size: 18px; color: #04d9ee; font-weight: lighter;}
.splash .loading-circle {position: relative; width: 204px; height: 204px; margin: auto;}
.splash .loading-circle>* {display: block; position: absolute; box-sizing: border-box; border-radius: 102px;}
.splash .loading-circle>canvas.bg {z-index: 1; width: 100%; height: 100%; border: 28px solid #1E3370 ;}
.splash .loading-circle>canvas.mask {z-index: 2; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
.splash .loading-circle>p {z-index: 3;  width: 100%; height: 100%; text-align: center; line-height: 204px; font-size: 56px; font-weight: lighter; color: #04d9ee;}

/*.trr{height: 220px;}*/
/*#chartBarV2{height: 220px;width: 100%}*/
/*.banjie{height: 220px;width: 25px;}
#echarts_10 table{width: 100%;height: 100%;} */
/*.banjiename{height: 30px;}*/

#container14{height: 500px;width: 497px; margin: 0 auto;}
.hong{background-image: url(img/hong.png);background-size: 100%  100%;background-repeat: no-repeat;}
.huang{background-image: url(img/huang.png);background-size: 100%  100%;background-repeat: no-repeat;}
.lu{background-image: url(img/lu.png);background-size: 100%  100%;background-repeat: no-repeat;}