em,i{font-style:normal}
u{text-decoration:none}
html,body{height: 100%;overflow-x:auto;min-width: 800px;width:100%;overflow-y:hidden;}
#loader{width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;z-index: 1000;}
.zb1,.zb2{float: left; width:50%; height: calc(100% - 20px);}
#zb1,#zb2{height:100%; }
	.zb1 p,.zb2 p{width:100%;overflow:hidden;}
		.zb1 p span,.zb2 p span{display:block;width:50%;overflow:hidden;font-size:11px;color:#b4b3b3;float:left;}
			.zb1 p span em,.zb2 p span em{display:block;width:50px;float:right;}
			.zb1 p span:nth-child(2) em,.zb2 p span:nth-child(2) em{display:block;width:45px;float:left;}
				.zb1 p span i,.zb2 p span i{float:left;width:12px;height:3px;background:#49bcf7;overflow:hidden;margin-right:5px;margin-top:4px;}
					.zb1 p span:nth-child(1) i,.zb2 p span:nth-child(1) i{background:#fff}
					.zb2 p span i{background:#f2d113}
.scanboardWp{height: 100%;position: relative;z-index: 11;}
.itemTit span.border-green,.itemTit span.border-yellow,.itemTit span.border-blue{box-shadow:0 0 0}
.wp{width:96%;margin: 0 auto;height: calc(100% - 84px);}
.left{float: left;width: 23%;height:96%;background:url(../img/kk.png) no-repeat;background-size:100% 100%;padding-top:2%;}
.center{float: left;width:54%;height:100%;}
.right{float: right;width: 23%;height: 96%;background: url(../img/kka.png) no-repeat;background-size: 100% 100%;padding-top: 2%;}
#top{height:81px;width:100%;background:url(../img/navbj.png) no-repeat;background-size:100% 65px;text-align: center;}
	#top .topLogo{color: #e3edff;width: 28%;overflow: hidden;font-size:25px;position: absolute;line-height:55px;left: 50%;height:55px;transform: translateX(-50%);font-weight: 600;text-align: center;}
	#top .topBar{height: 100%;margin:-18px 0 0 0;float:left}
		.topTime img{float:left;width:21px;margin-right:10px;}
		.topTime p{float:left;font-size: 26px;color: #e3edff;line-height: 33px;background:url(../img/time.png) no-repeat left center;background-size:21px;;margin:38px 18px 0 0;}
		.topTime h3{float:left;font-size: 15px;line-height: 20px;margin-top:32px;}
			.topTime h3 em{display:block;color: rgba(227, 237, 255, 0.75);}
			.topTime h3 i{display:block;color: rgba(227, 237, 255, 0.75);}
		.nav-full {float: right;cursor: pointer;line-height:55px;font-weight: 500;color: #e3edff;font-size: 18px;}
			.nav-full img {vertical-align: middle;width: 18px;margin-right: 5px;margin-top: -1px;}
.cenallu em{color:#fff;font-size:17px;font-weight:bold;vertical-align:top;line-height:43px;margin-right:10px;}
#all{width:100%;margin:20px auto 10px;text-align:center;}
#all .t_num i {width:60px;height:75px;display: inline-block;background: url(../img/number1.png) no-repeat;background-position: 0 0;margin:0 1%;box-shadow: 0 0 5px #00b7ff;}
.billState i{float:right;margin:4px 10px;}
	.billState i img{width:15px;}
.itema{width:100%;height:32%}
	.itema .item{height:100%;}
.item{margin-bottom:2%;height:30%;overflow:hidden;width:100%}
	.itemc{height:30%}
	.centnfc{width:100%;text-align:center;overflow:hidden;height:100%}
		.centnfc img{width:70%;}
.itemb{height:30%}
.waybill{height:37%}
span.green{background:#06f95a}
span.red{background:#f78205}
span.blue{background:#00d5df}
span.yellow{background:#f7c605}
.item:last-child{margin-bottom:0}
.itemTit{padding: 7px 0;background:-moz-linear-gradient(left,,#51b7e3,#020e1c);width: calc(100% - 15px);
background:-webkit-gradient(linear,0 50%,100% 50%,from(#51b7e3),to(#020e1c));background:-webkit-linear-gradient(left,#51b7e3,#020e1c);
background:-o-linear-gradient(left,#51b7e3,#020e1c); }
	.itemTit span{line-height:17px;font-size: 17px;color:#fff;padding-left:4%;background:url(../img/more.png) no-repeat 93% center;display:block;width:96%;overflow:hidden;}
		.sj-left,.boxall{width:100%;height: calc(100% - 33px)}
.itemTit span small{margin-left: 4px;}

.navboxall,.itembg {height: calc(100% - 30px);}
.ittotalb{width:100%;overflow:hidden;}
	.ittotalb .itemCon{width:47%;float:left;margin:0 0 0 6%;padding-bottom:60px}
		.ittotalb .itemCon:last-child{margin-left:0}
		.ittotalb .itemCon em{display:block;font-size:14px;text-align:left;}
		.ittotalb .itemCon:first-child{background:url(../img/aa.png) no-repeat left bottom;background-size:80% 60px}
		.ittotalb .itemCon:last-child{background:url(../img/ab.png) no-repeat left bottom;background-size:80% 60px}
.waybill .progress{padding:0 20px;}
	.waybill .progress:last-child{margin-bottom:0}
	.waybill .progress h3{line-height: 36px;color: #fff;}
		.waybill .progress h3 span{float: left;font-size: 14px;}
		.waybill .progress h3 i{float: right;font-style: normal;font-size:13px;}
	.waybill .progressBar{height: 6px;background: #fff;background: rgba(255,255,255,0.5);}
		.waybill .progressBar span{display: block;height: 6px;width: 0;}
		.waybill .progress h4{line-height: 24px;color: #fff;}
.listStyle li{padding-left:10px}
	.listStyle li span{float: left;width:33.333%;color: #fff;font-size: 13px;height: 19px;margin: 1.8% 0;text-align:left;}
		.listStyle li span strong{font-weight: normal;font-size:14px;color:#0af3ff;}
.centerWp{width: 94%;margin: 0 auto;height: 100%;position:relative;overflow:hidden;}
.billChart{height:39.5%;margin-top:4%}
#myChart1{height: 220px;}
.total .totalNum{color: #fff;font-family: 'tapeworm';margin-top:5px;}
	.total .totalNum strong{font-size:27px;font-weight:normal;margin-top: 5px;display: block;}
	.total .totalNum span{font-size: 15px;margin-right:5px;}
.infoPie ul li{float: left;width:30%;height: 60px;	margin:30px 1.6%;padding:18px 0;color:#0af3ff;background:url(../img/ka.png) no-repeat;background-size:100% 100%}
.infoPie ul li span{display: block;width:100%;text-align: center;font-size: 30px;}
.infoPie ul li p{text-align: center;font-size: 17px;color:#e3e3e3;margin:2px 0 4px}
.billState{display:none}
.billitem{display:block}
.itmea{display:block;margin-top:2%;height:40%}
.billState .StateTit{height: 37px;border-bottom: 1px dashed #404040;text-align:center;}
.itmea.inite{height:28%}
.itmea.inite .itembg{background:url(../img/a.png) no-repeat 90% center;font-size:38px;color:#fff;position:relative}
	.itmea.inite .itembg div{position: absolute; left: 0;right: 0;top: 0;bottom: 0;height:70px;margin: auto;}	
	.inite .itembg p{font-size:17px;color:#b5b5b5;margin:0 25px 10px}	
	.inite .itembg strong{margin:0 25px}
	.itemCon{width:95%;margin-left:5%}	
.navboxall{height: calc(100% - 30px);}
.infouni{width:100%;height: calc(100% - 260px);}
.alltitle{color:#fff;font-size:18px;margin-bottom:15px;width:100%;}
#echart4{width:98%;height: calc(100% - 20px);background:url(../img/kcc.png) no-repeat;background-size:100% 100%;padding:20px 1% 20px}
.billState .StateBox .StateTit span,.billState .StateBox .StateTit strong{color:#c8c6c6;font-size:14px;}
.billState .StateBox span,.billState .StateBox strong{float: left;width: 33%;height: 37px;line-height: 37px;color: #fff;overflow: hidden;margin:0 1%;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-align:center;}
.billState .StateBox span:nth-child(1){width: 26%;}
.billState .StateBox span:nth-child(2){width: 46%;}
.billState .StateBox li span:nth-child(2){color:#00f3ff}
.billState .StateBox span:nth-child(3),.billState .StateBox strong{width: 22%;}
.billState .StateBox li strong{color:red}
.billState .StateBox .fontInner{border-bottom: 1px dashed #404040;}
.billState .progress{height: 6px;position: relative;padding-right: 50px;margin-top: 15px;}
.billState .progress .progressBar{height: 6px;background: rgba(255,255,255,0.5);}
.billState .progress .progressBar span{display: block;height: 6px;width: 0;}
.billState .progress h3{position: absolute;height: 20px;width: 40px;line-height: 20px;top: -9px;right:10px;}
.billState .progress h3 i{font-style: normal;}
#FontScroll{height: calc(100% - 260px);overflow: hidden;}
.filterbg{width: 100%;height: 100%;background: rgba(30,182,254,0.5);position: absolute;top: 0;left: 0;z-index: 998;display: none;}

.container{width:100%;height:100%;overflow:hidden;background:url(../img/bj.jpg) no-repeat;background-size:cover;position:relative}
	a.backhome{display:block;position:absolute;left:20px;top:20px;}
	.nav-full{position:absolute;right:20px;top:0;}
	.head{width:88%;overflow:hidden;margin:45px auto 15px}
		.head ul{float:left;}
			.head li{float:left;width:140px;font-size:16px;height:32px;line-height:32px;text-align:center;background:url(../img/daa.png) no-repeat;background-size:100% 100%} 
					.head li.armynow{background:url(../img/da.png) no-repeat;background-size:100% 100%}
				.head i{width:18px;overflow:hidden;height:1px;float:left;background:#316ede;margin-top:15px;}	
				.head li a{display:block;width:100%;color:#fff;}
		.search{float:right;width:260px;background:url(../img/sousuobj.png) no-repeat;height:36px;line-height:36px;background-size:100% 100%}
			.search input{width:200px;margin:0 0 0 23px ;overflow:hidden;border:0;float:left;background:none;height:36px;color:#fff;font-size:14px;}
			.search img{float:left;margin-top:8px}
	.armycont{width:96%;height: calc(100% - 120px);margin:0 auto;background:url(../img/kbj.png) no-repeat;background-size:100% 100%;overflow:hidden;position:relative;}
		.armyleft{float:left;width:60%;text-align:center;color:#fff;margin:3% 0 0 5%;overflow:hidden;height:90%;position:relative;z-index:99}
			.armyleft h1{width:100%;height:42px;line-height:42px;font-size:16px;background:#225884}
					.armyleft h1 p{height:42px;line-height:42px;}
				.armyleft li{height:52px;line-height:52px;}
				.armyleft p{width:18%;margin:0 1%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;float:left}
			#armyleft{width:100%;height:90%;position:relative;overflow:hidden;}
					.armyleft li:nth-child(even){background:#032153}
		.armyright{width:28%;float:right;margin-right:3%;height:92%;background:url(../img/db.png) no-repeat center -13px;background-size:100% auto;margin-top:22px;border:1px solid #14458f;}
			.armyrtop{width:100%;overflow:hidden;}
				div.fensug{ width:187px; height:187px; background:url(../img/aa.png) no-repeat;background-size:100%; margin:20px auto 10px;-webkit-border-radius:25em;-moz-border-radius:25em;border-radius:50%; overflow:hidden;position:relative;}
					.fensug .wavenum{width:187px;height:187px;overflow:hidden;-webkit-border-radius:50%;border-radius:50%;text-align:center;display:table-cell;vertical-align:middle; position:absolute; left:5px; top:5px; z-index:5;  display:flex; align-items:center; justify-content:center;flex-direction:column; }
						.fensug .wavenum b{ word-wrap: break-word; word-break: normal; width:90%;color:#fff; font-size:35px; text-align:center; display:block; position:relative; z-index:2;}
						.fensug .wavenum tt{ color:#fff; font-size:16px; text-align:center; display:block;position:relative; z-index:2;width:140px; border-top:1px #fff solid; margin:2px auto; line-height:40px;}
					.indexcon .waven{ width:187px; height:187px; webkit-border-radius:25em;-moz-border-radius:25em;border-radius:25em; overflow:hidden; position:relative;margin-top:0;z-index:1;}
				.wave {width:408px;height: 80%; position:absolute; left:0px; bottom:0; background: url(../img/wave.png) no-repeat;animation: move_wave 1s linear infinite; -webkit-animation: move_wave 1s linear infinite;z-index:0;}
				@-webkit-keyframes move_wave {
					0% {
						-webkit-transform: translateX(0)
					}
					50% {
						-webkit-transform: translateX(-25%) 
					}
					100% {
						-webkit-transform: translateX(-50%) 
					}
				}
					
				@keyframes move_wave {
					0% {
						transform: translateX(0)
					}
					50% {
						transform: translateX(-25%) 
					}
					100% {
						transform: translateX(-50%) 
					}
				}
				
			.armybtn{width:100%;height:calc(100% - 240px);margin-top:20px;}
				.armybtn .alltitle{text-align:center;}
				#echart3{width:95%;height:calc(100% - 30px);}
#details{width:80%;height:85%;position:fixed;top:7.5%;left:10%;background:url(../img/suyuanbja.jpg) no-repeat;z-index:999;background-size:cover;display:none}
	#details strong img{position:absolute;right:1%;top:2%;width:18px;}
	.details{width:90%;height:90%;margin:3% auto;background:url(../img/suyuanbj.png) no-repeat;background-size:100% 100%}
	.detailscon{width:45%;float:left;margin:0 2.5%;height:50%}
		.detailsb,.detailsd{float:right;}
		.detailsd{margin-top:3%}
		.detailscon h1{font-size:16px;width:25%;height:45px;line-height:45px;text-align:center;color:#fff;margin-left:63%;margin-top:-20px;background:url(../img/anniu.png) no-repeat;background-size:100% 100%;}
		.detailsb h1{margin-left:58%}
		.detailsc div{height:86%;}
		.detailsd h1{margin-left:42%}
		.detailscon div{width:95%;padding:0 2.5%;overflow:hidden;}
		.detailsb div{width:75%;margin-left:10%;margin-top:8%}
			.detailscon div p{width:100%;overflow:hidden;line-height:31px;color:#CACACA;font-size:20px;}
				.detailscon div p span{float:left;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
		.detailsb div p{text-align:center;line-height:33px;}
					.detailscon div p u{font-size:19px;}
					.detailscon div p em{color:#fff}
			.detailsa div{margin-top:3%}
			.detailsd div{height:63%;text-align:left;width:72%;margin-left:14%;margin-top:2%}
				.detailsd div p{line-height:45px;}
				.detailsb h1{margin-top:-17px}
				.detailsc h1{margin-left:59%;margin-top:0}
					.detailsc div p{line-height:42px;}
				.detailsd h1{margin-top:7%;margin-left:41%}
				.detailscon div i{width:100%;overflow:hidden;display:block;}
			.detailscon div i img{width:90%;margin:10px 0;}	
					.detailsa div p{line-height:42px;}
	.soldier{width:420px;overflow:hidden;border:1px solid #0000FF;background:#000;box-shadow:inset 0 0 10px 0 #0000FF;position:fixed;top:50%;left:50%;margin-left:-175px;margin-top:-100px;z-index:9999;display:none;padding-bottom:20px}
		.soldier i img{width:15px;position:absolute;right:4%;top:8%;}
		.soldier u{display:block;margin-top:50px;width:100%;text-align:center;}
		.soldier p{font-size:17px;color:#fff;margin:18px auto 25px;text-align:center;width:80%;line-height:26px;}