@charset "utf-8";
html,body{width:100%;height:100%;background:#000  no-repeat center top;background-size:100%;font-family: "Alibaba Sans";overflow: hidden;}
html,body,h1, h2, h3, h4, h5, h6, div,ul,li,p {font-family:"Alibaba Sans",arial,\5b8b\4f53;margin:0;padding:0;font-size: 12px;color:#666;list-style: none;}
.pull-left {float:left;}
.pull-right {float:right;}
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.rel{position: relative;}
.dis{display: block;}
.inline-block{display: inline-block;}
.top{width:100%;position: fixed;top:0;text-align:center;z-index:9;}
.top_box{position: absolute;left: 0;top:30px;width:100%;}
.shuju_box{padding-top:12px;display:inline-block;}
.top_box img{width:300px;}
.shuju_box .shuju{float:left;height:54px;text-align:center;overflow: hidden;padding:0 10px;position:relative;}
.shuju_item{height:54px;}
.shuju_item h2{
	background-image: -webkit-linear-gradient(bottom,#3e8aec,#d9fcfd);
    background-clip:text; 
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent; 
	font-size:18px;
	padding-bottom: 5px;
	font-weight: 600;
	height: 30px;
}
.shuju_item p{font-size: 12px;color:#f90;}
.shuju_box .shuju::after{
	content: '';
    display: block;
    width: 1px;
    height:50px;
    clear: both;
    position: absolute;top:0px;left:0;
    background: -webkit-linear-gradient(top, #000 -4%, #f90 50%, #000 100%);
}
.shuju_box .shuju1::after {
    width:0;
}
.map{padding-top:2%;}
.map1{text-align: center;width:40%;left:30%;position: relative;overflow: hidden;}
.map1 img{width:100%;/*animation: myfirst2 15s infinite linear;*/opacity: 0.1;}
.map2{width:100%;z-index:5;top:0;position: fixed!important;top:40px;}
@keyframes myfirst2{
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(359deg);
	}
}


.left{position: absolute;top:230px;left:10px;width:300px;z-index:99;}
.left li{float: left;width:130px;margin-bottom: 15px;}
.data_cont:before{
	content: '';
    display: block;
    width: 1px;
    height:34px;
    clear: both;
    float: left;
    background: -webkit-linear-gradient(top, #000 -4%, #333 50%, #000 100%);
    margin-right:5px;
}
.data_cont h2{font-size:18px;color:#f90;margin-bottom: 2px;}
.data_cont p{color:#fff;font-size: 10px;}
.left li .data_icon{padding-left:7px;margin-bottom:2px;height:14px;}
.data_icon img{height:14px;}

.title{width:calc(100% - 10px);height:22px;background: #222;line-height: 22px;font-size: 14px;color:#fff;padding-left:10px;}

.legend_box{position:absolute;bottom:10px;}
.legend_box li{float: left;margin-right:5px;color:#999;font-size:8px;}
.legend_box li i{display: inline-block;width:8px;height:8px;vertical-align: middle;border-radius: 50%;}
.legend_box li .icon1{background: #f90;}
.legend_box li .icon2{background: #fff;}
.legend_box li .icon3{background: #026afe;}
.legend_box li .icon4{background: #3fffea;}
.legend_box li .icon5{background: #98efff;}
.legend_box li .icon6{background: #5b81ff;}
.echart_title{position: absolute;top:10px;color:#fff;font-size:12px;left:30px;}