@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: 17px;}
.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;}
.color5 ,.danger{color: #00DB68;}
.color6{color: #AFAFB1;}
.title{color: #00DFFF;font-size: 1.75rem;letter-spacing: 0.2rem;width:50%;float: left;padding:0 20px;font-weight: bold;}
.title3{color: #00DFFF;font-size: 1.75rem;letter-spacing: 0.2rem;padding:0 20px;font-weight: bold;width: 100%;}
.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:546px;display: inline-block;float: left; margin-right: 16px;}
.state1{height: 250px;padding:10px 0px;}
.state9{height: 240px;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: 375px;padding:0px 0px;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: 740px;display: inline-block;}
.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: 605px;padding-top:10px;padding-left: 10px;position: relative;}
#container{height:270px;width: 98%;margin-top:20px;}
/*右边*/
.cont_right{ width: 575px;display: inline-block;float: right; }
.state6{height: 233px;padding:10px 14px;}
#echarts_6{height:240px;width: 518px;}
.state7{height:185px;padding:10px 14px;}
#echarts_5{height:222px;width: 518px;}
.state8{height: 360px;width: 100%; padding:0px 0px;}
.state10{height: 210px;padding:10px 14px;}
.state11{height: 200px;padding:10px 14px;}
.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;}
.tr2{line-height: 3rem;font-size:24px;}

.li1{width: 18%; color: #FFF; display: inline-block;text-align: center;line-height: 20px;}
.li2{background-color: #221E70;}
.li3{border:1px solid #221E70;}

.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: 490px;}
#container{height:342px;width:520px;}
.container table{color: #98999B;}


.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;}*/

#allmap{height: 400px;width: 100%;}
.allnormal{font-size: 40px;font-weight: bold;height: 83px;line-height: 83px;
	text-align: center;margin-top: 20px;background-image: url(img/all-warning.png);
	background-repeat: no-repeat;background-size: contain;}
.allnormal-f{font-size: 12px;color: #fff;text-align: center;height: 16px;line-height: 16px;
	/*background-color: #00A050;*/background-color: #FF2300; margin-top:3px;}
.app-safe,.shuju-safe,.cti-safe,.xianlu-safe{text-align: center;font-size: 24px;margin-top: 16px;}
.tonghua,.huru{width: 250px;height: 230px;}
.rxhm,.zbdh{width: 49%;display: inline-block; height: 100%;text-align: center;}
.rxhm img,.zbdh img{padding:30px 0 10px 0;height: 100%;}
.rxhm div,.zbdh div{text-align: center;line-height: 40px;}


.zhengti{width: 49%;display: inline-block;text-align: center; }
.zhengti h4{line-height: 70px;}
/*.zx{margin-top: 30px;}*/
.zuoxi1:before{content: url(img/kong.png);}
.zuoxi2:before{content: url(img/shi.png);}
/*.line{line-height: 40px;}*/
.font{font-size: 18px;}
.bule{color: #1296DB !important;}

.bg3{
	height: 183px;
	/*background-image: url(img/right-top-bgc3.png);*/
	background-repeat: no-repeat;
	background-position:10px 10px;
	text-align: center;
	vertical-align: middle;
}
.line2{line-height: 60px;}
/*.line3{line-height: 80px;}*/

.warning{color:#fff100 !important;}
.danger{color: #ff2300 !important;}
.safe{color:#00db68 !important;}
.state11 table{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.state11 table th{
	text-align: center;
}
.deng{
	width: 55px;
	height: 12px;
	background-image: url(img/shouquan.png);
	background-repeat: no-repeat;
	
}
.deng1{
	background-position:54px -44px;
}
.deng2{
	background-position:54px -15px;
}
.deng3{
	background-position:54px -44px;
}
.font{font-size: 18px;}



.mlia{
	/*margin:10px;*/
	padding-bottom: 10px;
	text-align: center;
}
.cti{
	width: 49%;
	height: 140px;
	background-image: url(img/left-bgc-bot.png);
	background-repeat: no-repeat;
	background-position: 2%  2%;
	/*margin: 10px -10px;*/
	text-align: center;
	padding-top: 45px;
}
.icon-s{
	width: 45px;
	height: 36px;
	background-image: url(img/icon_1.png);
}
.icon-s-cti1{
	background-position: 0px 0px;
	vertical-align: middle;
}
.icon-s-cti2{
	background-position: 188px 0px;
	vertical-align: middle;
}
.icon-s-cti3{
	background-position: 140px 0px;
	vertical-align: middle;
}
.icon-s-cti4{
	background-position: 90px 0px;
	vertical-align: middle;
}
.cti-img{
	width: 56px;
	height: 14px;
	background-image: url(img/cti-img.png);
	/*margin: 11px 0;*/
	vertical-align: middle;
}
.cti-img-pos1{
	background-position: 0px 14px;
	margin-left: 10px;
}
.cti-img-pos2{
	background-position: 0px 0px;
	margin-left: 10px;
}
.cti-img-pos3{
	background-position: 0px 14px;
	margin-left: 10px;
}
.cti-img-pos4{
	background-position: 0px 0px;
	margin-left: 10px;
}
.mlia li{display: inline-block;}