body,html{height:100%;width:100%; overflow: hidden;}
*{font-family:"微软雅黑"}
body{background:#010e50 url(../images/map_bg.jpg) center top no-repeat;background-size:100% auto;color:#fff;}
.map{margin-top:15px;position:relative;top:40px}
.boxstyle{border:1px solid rgba(100,162,255,.2);box-sizing:border-box;position:relative;margin-top:15px;background:rgba(0,35,120,.36)}
.boxstyle:after,.boxstyle:before{position:absolute;content:"";width:20px;height:30px}
.boxstyle:before{border-left:1px solid #0258f0;border-top:1px solid #0258f0;left:-1px;top:-1px}
.boxstyle:after{border-right:1px solid #0258f0;border-bottom:1px solid #0258f0;right:-1px;bottom:-1px}
.title{height:35px; font-size: 18px; line-height:35px;width:100%;color:#fff;font-weight:600;padding-left:15px;position:relative;box-sizing:border-box; }
.title:after{position:absolute;content:"";width:20%;height:1px; background: #0258f0; left:5%; opacity: .4; bottom:0;}

.data{width:100%;height:100%}
.data>.data-title{width:100%;height:90px;box-sizing:border-box}
.data>.data-title>.title-center{text-shadow:3px 3px 3px rgba(0,0,0,.3);text-align:center;line-height:80px;letter-spacing:4px;color:#fff;font-size:40px;font-weight:bolder;box-sizing:border-box}
.data>.data-content{width:100%;height:calc(100% - 105px);padding:0 20px 20px 20px;box-sizing:border-box}
.data>.data-content>.con-left{width:23.4375%;height:100%}
.data>.data-content>.con-left>.left-top{width:100%;height:calc(35% - 20px);margin-bottom:20px; }
 


 
 
.con-left>.left-bottom{width:100%;height:65%}
.con-center{width:53.125%;height:100%;padding:0 20px;box-sizing:border-box;position:relative}
.map-num{width:500px;height:120px;position:absolute;top:15px;left:50px;z-index:1000}
.map-num>p{font-size:18px;font-weight:600;color:#fff}
.map-num span{display:inline-block;width:50px;height:65px;text-align:center;line-height:65px;
	background:rgba(0,35,120,.56);border: 1px solid rgba(255,255,255,.2); border-radius: 5px;
		    color: #fff;font-size:68px;font-weight:600;font-family:LcdD;margin-top:15px}

.data>.data-content>.con-center>.cen-top{width:100%;height:calc(55% - 20px);margin-bottom:20px}
.data>.data-content>.con-center>.cen-bottom{width:100%;height:45%}
.data>.data-content>.con-right{width:23.4375%;height:100%}
.data>.data-content>.con-right>.right-top{width:100%;height:calc(35% - 20px);margin-bottom:20px}
.data>.data-content>.con-right>.right-center{width:100%;height:65%}
.data>.data-content>.con-right>.right-bottom{width:100%;height:32%}
.data>.data-content .charts{width:100%;height:calc(100% - 35px)}
.loading{position:fixed; left:0; top:0; font-size:16px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #324e93; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}


.jcnav{position: relative; background: url(../images/bg1.png) no-repeat left center; height: 160px; width: 100%;}
.jcnav2{ background: url(../images/bg2.png) no-repeat left center; height: 200px; }

.jcnav img{position: absolute; left:14px; top: 50%; margin-top: -24px; }
.jcnav2 img{ left:16px; margin-top: -30px; }
.jcnavp{padding-left:98px;}
.jcnavp>div{ border: 1px solid #1070aa; display: flex; font-size: 14px; align-items: center; padding: 5px 10px; margin-bottom: 20px; height: 30px;}
.jcnav2 .jcnavp>div{margin-bottom: 17px;}
.jcnavp>div ol{ white-space: nowrap;}
.jcnavp>div span{ padding-left:10px; color: #00e4ff; white-space: nowrap; }
.jcnavp>div i{font-size: 12px;padding-left: 5px;}


.sy{ float:left; width: 50%; height: 100%;  }

.sy1{ float:left; width: 33.333%; height: 100%;  }

.tqdb{height: 100%;}
.tqdb li{height: 100%; float: left; width:33.333%; text-align: center;}
.tqdb li div{height:calc(100% - 36px); }
.tqdb li  h3{ font-size: 15px; color: #fff; line-height: 36px;}

.navboxall{height: calc(98%); width: 96%; padding-left: 2%; padding-right: 2%; padding-top: 1%; padding-bottom: 1%; overflow: hidden;}

/*Plugin CSS*/
.wrap{ height:100%; overflow: hidden;}
.wrap li{  line-height:40px; height:40px; }
.wrap li p,.wraptit{ font-size: 0; }
.wrap li span,.wraptit span{ display: inline-block; font-size: 15px; }
.wraptit { border-bottom: 1px solid rgba(255,255,255,.2); padding:0 0 10px 0; margin-bottom: 10px;}
.wrap li span:nth-child(1),.wraptit span:nth-child(1){ width: 33%}
.wrap li span:nth-child(2),.wraptit span:nth-child(2){ width: 33%}
.wrap li span:nth-child(3),.wraptit span:nth-child(3){ width: 33%}
 

 
 
 

 
 
 
.str_wrap {
	overflow:hidden;
	width:100%;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}


.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}



@keyframes scroll-up {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}