body{
    background: url("../../images/wzjc/bg.png") no-repeat center top #0b1530;
    background-size:100% auto;
	width:1920px;
}
*{ margin:0; padding:0; }
.header{
	background:url("../../images/wzjc/top.png") no-repeat center top;
	background-size:100% 100%;
}
.header .title{ 
    font-size: 40px; 
    text-align: center; 
    color: #ffffff;
    height: 90px;
    line-height: 90px;
	background:url("../../images/wzjc/top-title.png") no-repeat center 20px;
}
.pos{
	position:relative;
}
.poa{
	position:absolute;
}
.fl{float:left;}
.fr{float:right;}

.data{
	width:230px;
	height:40px;
	right:2px;
	top:8px;
}
.time{
	text-align:center;
	width:130px;
	height:24px;
	line-height:14px;
	border-left:2px solid #07e4ff;
	color:#07e4ff;
	
}
.nowtime{
	width:90px;
	height:30px;
	line-height:30px;
	font-size:20px; 
	font-weight:bold; 
	color:#07e4ff;
}
.box-pc{
	width:18%;
	height:140px;
	margin:0 3.5%;
	text-align:center;
}

.data>p.time {
        font-size: 0.42rem;
        height: 0.42rem;
        line-height: 0.42rem;
}
.data>p {
        font-size: 0.16rem;
        margin: 0 5px;
        color: #cdddf7;
        text-align: center;
        margin: 0;
}

/*地图*/
#areadChart {
	width: 700px;
	height: 800px;
	position: absolute;
	left: calc(50% - 350px);
	top: 0;
}
.box-ul-map{
	clear:both;
	z-index:9;
	height: 650px;
	display:block;
}

/*站点可用性*/
.con-qh{
	width:70px; 
	height:22px;
	line-height:22px;
	display:inline-block;
	text-align:center;
	background:#005fda;
	border:1px solid #07e4ff;
	border-radius:4px;
	color:#fff;
}
.con-qh0{
	color:#07e4ff;
}
.zd-l{color:#fff; width:226px; text-align:center; font-size:16px; line-height:40px; margin-right: 30px;}
.zd-r{width:318px;}
.zd-r-t{
	width:345px;
	height:78px;
	background:url("../../images/wzjc/time.png") no-repeat center top;
	margin-top:26px;
}
.zd-r-t p{
	line-height:78px;
	padding:0 10px;
	color:#07e4ff;
	font-size:16px;
	text-align:center;
}
.zd-r-t span{
	font-family:DS-Digital;
	font-weight:bold;
	font-size:45px;
	color:#07e4ff;
}
.zd-r-b{
	width:290px;
	height:90px;
	background:url("../../images/wzjc/time1.png") no-repeat left top;
	margin-top:35px;
	padding:24px 20px;
}
.zd-r-b li{
	width:70px;
	margin:0 12px;
}
.zd-r-b li a{
	font-size:16px;
	color:#fff;
}
.zd-r-b li p{
	font-size:45px;
	font-family:DS-Digital;
	font-weight:bold;
	display:inline-block;
} 
.zd-r-b li span{
	font-size:14px;
	color:#fff;
	display:inline-block;
}
/*内容安全*/
.mainbox{ padding:.1rem .1rem 0rem .1rem;}
.mainbox>ul{}
.mainbox>ul>li{ float: left; padding: 0 .1rem}
.mainbox>ul>li{ width: 100%}
.mainbox>ul>li:nth-child(2){ width: 100%;padding: 0}
.allnav{height: calc(100% - 30px);}

/*内容保障*/
.box-nr-left, .box-nr-right{
	width:277px;
}
.box-nr-tit{
	height:48px;
	line-height:48px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-left:2px;
	background: url("../../images/wzjc/rb.png") no-repeat center top;
}
.box-nr-ico{
	height:48px;
	padding-left:42px;
	background: url("../../images/wzjc/con-r-ic.png") no-repeat 4px center;
}
.box-nr-ico1{
	height:48px;
	padding-left:34px;
	background: url("../../images/wzjc/con-r-ic01.png") no-repeat 4px center;
	vertical-align:center;
}
.box-nr-sp{
	font-size:16px;
}
.box-nr-li{
	height:60px;
	line-height:60px;
	font-size:14px; 
	color:#fff;
	padding: 0 10px;
	background: url("../../images/wzjc/rb-t.png") no-repeat center left;
	margin-top:10px;
	background-size: cover;
}
.box-nr-li a{
	width:22px;
	height:22px;
	line-height:22px;
	float:left;
	display:block;
	border-radius:10px;
	text-align:center;
	color:#fff;
	margin-top:18px;
}
.bc1{background:#f40ba5;}
.bc2{background:#eec436;}
.bc3{background:#21dac7;}
.bc4{background:#104aae; border:1px solid #19cef5}
.box-nr-li p{
	padding-left:10px;
	float:left;
}
.box-nr-li span{
	float:right;
}
.box-nr-ul{padding}

/*网站统计数据*/
.wztj-br{border-right:1px dotted #fff;}
.wztj-bb{border-bottom:1px dotted #fff;}
.wztj-li{
	width:170px;
	height:60px;
	text-align:center;
	padding:10px 1px;
}
.wztj-li p{
	font-size:14px;
	color:#fff;
}
.wztj-li span{
	font-size:26px;
	color:#3ff3fd;
	font-weight:600;
}

.main{ 
    padding: 0 26px;
    margin-top: 31px;
}
.main .box.bg{ 
    background: url("../../images/wzjc/box-bg.png") no-repeat center top;
    background-size:100% 100%;
}.main .box.bg-title-r{ 
    background: url("../../images/wzjc/rt.png") no-repeat center top;
    background-size:100% 100%;
}

.main .box.bg-title{ 
    background: url("../../images/wzjc/box-bg-title.png") no-repeat center top;
    background-size:100% 100%;
}
.main .box.center-top-bg{

    background-size:100% 100%;
    height: 377px;
}
.main .box.center-bottom-bg{
    background: url("../../images/wzjc/b.png") no-repeat center top;
    background-size:100% 100%;
	height:251px;
}
.main .box.right-bottom-bg{
    background: url("../../images/wzjc/rb-b.png") no-repeat center top;
    background-size:100% 100%;
}
.main .box .title{
    font-size: 22px;
    text-align: center;
    color: #3ff3fd;
    height: 33px;
    line-height: 33px;
	background: url("../../images/wzjc/title.png") no-repeat center top;
	top:-18px;
	width:100%
}
.main .main-left{
    width: 616px;
}
.main .main-center{
    width: 572px;
    margin-left: 2em;
    margin-right: 2em;
}
.main .main-right{
    width: 615px;
}

.right-bottom{
    width: 100%;
    height: 10rem;
	overflow: hidden;
	border-bottom: 1px dotted #fff;
	margin-bottom:28px;
}
.right-bottom .right-bottom-t{
    margin-top: 1rem;
    width: 100%;
    height: 10rem;
    /*height: calc(100% - 1.6rem);*/
    /*border: 1px solid red;*/
}
.right-bottom .right-bottom-t .b-left{
    float: left;
    width: 33.3%;
    height: 100%;
    text-align: center;
}
.right-bottom .right-bottom-t .b-cent{
    float: left;
    width: 33.3%;
    height: 100%;
}
.right-bottom .right-bottom-t .b-right{
    float: left;
    width: 33.3%;
    height: 100%;
}

/*自动缩放*/
@-webkit-keyframes rotate3d {
    0%{
        -webkit-transform: rotateZ(0) rotateY(0deg);
        -moz-transform: rotateZ(0) rotateY(0deg);
        -ms-transform: rotateZ(0) rotateY(0deg);
        -o-transform: rotateZ(0) rotateY(0deg);
        transform: rotateZ(0) rotateY(0deg);
    }
    100%{
        -webkit-transform: rotateZ(0) rotateY(360deg);
        -moz-transform: rotateZ(0) rotateY(360deg);
        -ms-transform: rotateZ(0) rotateY(360deg);
        -o-transform: rotateZ(0) rotateY(360deg);
        transform: rotateZ(0) rotateY(360deg);
    }
}
@-moz-keyframes rotate3d {
    0%{
        -webkit-transform: rotateZ(0) rotateY(0deg);
        -moz-transform: rotateZ(0) rotateY(0deg);
        -ms-transform: rotateZ(0) rotateY(0deg);
        -o-transform: rotateZ(0) rotateY(0deg);
        transform: rotateZ(0) rotateY(0deg);
    }
    100%{
        -webkit-transform: rotateZ(0) rotateY(360deg);
        -moz-transform: rotateZ(0) rotateY(360deg);
        -ms-transform: rotateZ(0) rotateY(360deg);
        -o-transform: rotateZ(0) rotateY(360deg);
        transform: rotateZ(0) rotateY(360deg);
    }
}
@-ms-keyframes rotate3d {
    0%{
        -webkit-transform: rotateZ(0) rotateY(0deg);
        -moz-transform: rotateZ(0) rotateY(0deg);
        -ms-transform: rotateZ(0) rotateY(0deg);
        -o-transform: rotateZ(0) rotateY(0deg);
        transform: rotateZ(0) rotateY(0deg);
    }
    100%{
        -webkit-transform: rotateZ(0) rotateY(360deg);
        -moz-transform: rotateZ(0) rotateY(360deg);
        -ms-transform: rotateZ(0) rotateY(360deg);
        -o-transform: rotateZ(0) rotateY(360deg);
        transform: rotateZ(0) rotateY(360deg);
    }
}
@-o-keyframes rotate3d {
    0%{
        -webkit-transform: rotateZ(0) rotateY(0deg);
        -moz-transform: rotateZ(0) rotateY(0deg);
        -ms-transform: rotateZ(0) rotateY(0deg);
        -o-transform: rotateZ(0) rotateY(0deg);
        transform: rotateZ(0) rotateY(0deg);
    }
    100%{
        -webkit-transform: rotateZ(0) rotateY(360deg);
        -moz-transform: rotateZ(0) rotateY(360deg);
        -ms-transform: rotateZ(0) rotateY(360deg);
        -o-transform: rotateZ(0) rotateY(360deg);
        transform: rotateZ(0) rotateY(360deg);
    }
}
@keyframes rotate3d {
    0%{
        -webkit-transform: rotateZ(0) rotateY(0deg);
        -moz-transform: rotateZ(0) rotateY(0deg);
        -ms-transform: rotateZ(0) rotateY(0deg);
        -o-transform: rotateZ(0) rotateY(0deg);
        transform: rotateZ(0) rotateY(0deg);
    }
    100%{
        -webkit-transform: rotateZ(0) rotateY(360deg);
        -moz-transform: rotateZ(0) rotateY(360deg);
        -ms-transform: rotateZ(0) rotateY(360deg);
        -o-transform: rotateZ(0) rotateY(360deg);
        transform: rotateZ(0) rotateY(360deg);
    }
}