*{
    margin: 0px;
    padding: 0px;
}
.list1 li{
    list-style: none;
    font-size: 12px;
    color: white;
    border: 1px solid red;
}

#title{
    background: url("/hxzkuwb/Home/HomeImg/title.png") no-repeat;
}
#iconback{
    display: inline-block;
    width: 60px;
    height: 30px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: -15px;
    left: 22px;
}
.list{
    position: fixed;
    top: 30px;
    z-index: 10;
    display: flex;
}
marquee{
    width:280px;
    height:260px;
    position: fixed;
    top: 180px;
    left: 25px;
    z-index: 10;
    display: flex;
    color: white;
}
marquee p{
    height: 40px;
    line-height: 40px;
}
.htxx{
    display: flex;
}

.list1{
    position: fixed;
    top: 60px;
    z-index: 9;
    display: flex;
}
.list li{
    list-style: none;
    font-size: 12px;
}
a{
    text-decoration: none;
    color: white;
}
.paoma{
    position: fixed;
    top: 70px;
    left: -20px;
    z-index: 10;
    display: flex;
}
#current-time{
    color: white;
    z-index: 9;
    display: inline-block;
    width: 180px;
    float: left;
}
.XinXi{
    color: black;
    z-index: 9;
    font-size: 12px;
    display: inline-block;
    border: 1px solid red;
    float: left;
}
.XinXi1{
    color: black;
    z-index: 9;
    display: inline-block;
    border: 1px solid red;
}
.XinXi1:hover a{
    color: #01AAED;
}
.Daping:hover span{

}
.zidaping{
    opacity: 0;
}
.Daping:hover .a1{
    opacity: 0;
}
.Daping:hover .zidaping{
    opacity: 1;
}
.Daping{

}
.zishebei{
    opacity: 0;
}
.Shebei:hover .a2{
    opacity: 0;
}
.Shebei:hover span{

}
.Shebei:hover .zishebei{
    opacity: 1;
}


.ziweilan{
    opacity: 0;
}
.Weilan:hover span{

}
.Weilan:hover .a3{
    opacity: 0;
}
.Weilan:hover .ziweilan{
    opacity: 1;
}



.zijinggao{
    opacity: 0;
}
.Jinggao:hover span{

}
.Jinggao:hover .a4{
    opacity: 0;
}
.Jinggao:hover .zijinggao{
    opacity: 1;
}



.zirenyuan{
    opacity: 0;
}
.Renyuan:hover span{

}
.Renyuan:hover .a5{
    opacity: 0;
}
.Renyuan:hover .zirenyuan{
    opacity: 1;
}


.zitongji{
    opacity: 0;
}
.Tongji:hover span{

}
.Tongji:hover .a6{
    opacity: 0;
}
.Tongji:hover .zitongji{
    opacity: 1;
}



.zitongxin{
    opacity: 0;
}
.Tongxin:hover span{

}
.Tongxin:hover .zitongxin {
    opacity: 1;
}
.Tongxin:hover .a7{
    opacity: 0;
}

/*.ziditu{*/
/*    opacity: 0;*/
/*}*/
/*.Ditu:hover span{*/
/*    color: #01AAED;*/
/*}*/
/*.Ditu:hover .a8{*/
/*    opacity: 0;*/
/*}*/
/*.Ditu:hover .ziditu{*/
/*    opacity: 1;*/
/*}*/


.zijuji{
    opacity: 0;
}
.Juji:hover span{

}
.Juji:hover .a8{
    opacity: 0;
}
.Juji:hover .zijuji{
    opacity: 1;
}


.zisousuo{
    opacity: 0;
}
.SouSuo:hover span{

}
.SouSuo:hover .a10{
    opacity: 0;
}
.SouSuo:hover .zisousuo{
    opacity: 1;
}


#tab{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 26%;
    z-index: 99;
}
#ac{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 26%;
    z-index: 99;
}
#fen{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 26%;
    z-index: 99999;
}
#fen1{
    position: fixed;
    bottom: 1%;
    width: 20%;
    margin: auto;
    display: none;
    right: 1%;
    z-index: 9999999999;
}
#war{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 26%;
    z-index: 99;
}
#boxses{
    background: url("/hxzkuwb/Home/HomeImg/perMsg.png");
    background-size: cover;
}
#personMsg{
    position: fixed;
    top: 30%;
    width: 100%;
    height: 50%;
    z-index: 99;
    display: none;

}
#warningMsg{
    position: fixed;
    width: 17%;
    height: 30%;
    top: 400px;
    margin: auto;
    left: 1400px;
    z-index: 999;
    box-shadow: #666666 2px 2px 5px;
    background-color: white;
    display: none;
}
#warningMsg1{
    position: fixed;
    width: 17%;
    height: 30%;
    top: 280px;
    margin: auto;
    left: 950px;
    z-index: 999;
    box-shadow: #666666 2px 2px 5px;
    background-color: white;
    display: none;
}
#tags{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 26%;
    z-index: 99;
}
#gather{
    position: fixed;
    top: 20%;
    width: 50%;
    margin: auto;
    left: 26%;
    z-index: 99;
    display: none;
}
#tong1{
    position: fixed;
    z-index: 99;
}
#personTong{
    position: fixed;

}
#tong2{
    position: fixed;

    z-index: 99;
}
#tong3{
    position: fixed;
    z-index: 99;
    display: none;
}
.pm{
    width: 298px;
    height: 348px;
    position: absolute;
    top: 110px;
    left: 10px;
    z-index: 10;
}
#personTongtitle{
    background: url("/hxzkuwb/Home/HomeImg/bg3.png") no-repeat;
    background-size: cover;
}
#warningTongbody{
    /*background: url("/hxzkuwb/Home/HomeImg/bg1.png") no-repeat;*/
    //background: url("/hxzkuwb/Home/HomeImg/bg1.png") no-repeat;
    //background-size: cover;
}
#warningTongtitle{

}

/*#border4s{*/
/*    background: url("/hxzkuwb/Home/HomeImg/border4.png");*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-size:140%;*/
/*}*/

#warningBorder{
    background: url("/hxzkuwb/Home/HomeImg/border1.png");
}
#warningBorder1{
    background: url("/hxzkuwb/Home/HomeImg/border1.png");
}
#TongXuntitle{

}
#TongXunbody{

}
#personTongbody{

}
#JinRiTongJititle{

}
#JinRiTongJibody{

}
#Powerbody{

}
#Powertitle{

}
::placeholder {
}
#QuYutitle{

}
#QuYubody{

}
.paomabg{
    width: 20%;
    height: 350px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
}
.paomabg2{
    width: 300px;
    height: 370px;
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 9;
}
.pm1{
    width: 298px;
    height: 369px;
    position: fixed;
    bottom: 50px;
    left: 10px;
    z-index: 10;
}
.paomabt{
    position: fixed;
    top: 112px;
    left:90px;
    display: flex;
    z-index: 9999;
    color: white;
}
.paomabt1{
    position: fixed;
    bottom: 365px;
    left: 90px;
    z-index: 99999;
    color: white;
}
.paoma1{
    position: absolute;
    top: -90px;
    left: -30px;
}
.paomaimg{
    position: fixed;
    top: 110px;
    left: -6px;
    z-index: 10;
    display: flex;
    z-index: 999;
}
.pao1{
    position: fixed;
    bottom: 80px;
    left: 20px;
    z-index: 99999;
}
#Ditu{
    position: fixed;
    bottom: 3%;
    width: 100%;
    z-index: 99999;
    margin: auto;
}
#switc{
    position: fixed;
    bottom: -17px;
    width: 50%;
    margin: auto;
    z-index: 99999;
    right: 850px;
    display: none;
}
#switc1{
    position: fixed;
    bottom: -17px;
    width: 50%;
    margin: auto;
    z-index: 9999;
    right: 680px;
    display: none;
}
#switc2{
    position: fixed;
    bottom: -17px;
    width: 50%;
    margin: auto;
    z-index: 99999;
    right: 1020px;
    display: none;
}
#feng{
    position: fixed;
    bottom: 0px;
    width: 100%;
    margin: auto;
    height: 40px;
    z-index: 0;
    right: 0px;
}
#search{
    position: fixed;
    top: 50px;
    width: 50%;
    margin: auto;
    left: 2200px;
    z-index: 99;
}
.paomabg1{
    position: absolute;
    top: -30px;
    left: -10px;
    width: 301px;
    height: 371px;
}
.pm4{
    position: absolute;
    top: -30px;
    left: -10px;
    width: 300px;
    height: 370px;
    z-index: 10;
}
.pm3{
    position: absolute;
    top: -30px;
    left: -10px;
    width: 300px;
    height: 370px;
    z-index: 10;
}
.pm2{
    position: absolute;
    top: -30px;
    left: -10px;
    width: 300px;
    height: 370px;
    z-index: 10;
}
.weichuli{
    width: 100px;
    color: white;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 11px;
}

.wcl {
   width: 100px;
    color: white;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 20px;
}
@keyframes changeBg {
    0% {
        background-image: radial-gradient(circle, #003327, #0069B8);
    }
    50% {
        background-image: radial-gradient(circle, #003327, #0069B8);
    }
    100% {
        background-image: radial-gradient(circle, #003327, #0069B8);
    }
}
.gjxxwz{
    color: white;
}
.gjxxwz:hover{
    color: #009f95;
}
#wind{
    position: fixed;
    top: 160px;
    left: 400px;
    z-index: 9999;
}
.qytj{
}
#myCheckbox2{
    background:url("/hxzkuwb/Home/HomeImg/cdtitle.png");
}

#qytj li{
    display: inline-block;
    width: 90px;
    text-align: center;
    height: 30px;
    line-height:30px;
}
.qytj li {
    display: inline-block;
    margin: 0px 30px;
    height: 30px;
    line-height: 30px;
}
.qytj2 li {
    display: inline-block;
    width: 88px;
    text-align: center;
    height: 23px;
    line-height:23px;
}
.sear{
    background-color: #1E2A47;
    border: 1px solid #1C3459;
    color: white;
    height: 25px;
    padding-left: 10px;
    width: 100px;
}
.sear1{
    width: 50px;
    display: inline-block;
    border: 1px solid #1C3459;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background-color:#1C3459;
    color: white;
}
.searcount{
    width: 120px;
    display: inline-block;
    border: 1px solid #7FD06F;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background-color:#7FD06F;
    color: white;
}
#kanban a:hover{
    color: #2CD5FF;
}
#kanban1 a:hover{
    color: #2CD5FF;
}
#kanban{

}
#kanban1{
    position: fixed;
    bottom: -28px;
    right: 1205px;
    z-index: 9999999;
    width: 50px;
    height: 50px;
}
#ChaXuns{
    position: fixed;
    top: 22px;
    z-index: 9999999;
    text-align: center;
    width: 20%;
    left: 63%;
}
.item9 {
    background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
    background-size: 2px 40px, 40px 2px, 2px 40px, 40px 2px;
    border: 2px solid #2CD5FF;
}
.item8 {
    background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
    linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
    linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
    background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
    border: 2px solid #2CD5FF;
}




.boxalls{ border: 1px solid #20A3F5; opacity: 1;}

.boxalls:before,
.boxalls:after{ position:absolute; width:30px; height:30px; content: "";  border-top: 3px solid #20a3f5; top: -2px;}
.boxalls:before,.boxfoot:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot{ position:absolute; bottom: 0; width: 298px; left:12px;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}

/*区域统计*/
.boxalls:before,.boxfoot2:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot2:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot2{ position:absolute; bottom: 0; width: 300px; left:-8px;}
.boxfoot2:before,
.boxfoot2:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}

/*充电提示*/
.boxalls:before,.boxfoot3:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot3:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot3{ position:absolute; bottom: 0; width: 300px; left:-8px;}
.boxfoot3:before,
.boxfoot3:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}

/*今日统计*/
.boxalls:before,.boxfoot4:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot4:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot4{ position:absolute; bottom: 0; width: 300px; left:-8px;}
.boxfoot4:before,
.boxfoot4:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}

/*即时通讯*/
.boxalls:before,.boxfoot5:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot5:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot5{ position:absolute; bottom: 0px; width: 298px; left:12px;}
.boxfoot5:before {position:fixed; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 9px}
.boxfoot5:after{ position:fixed; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 278px}


.boxalls:before,.boxfoot6:before{border-left: 3px solid #20a3f5;left:-2px;}
.boxalls:after,.boxfoot6:after{border-right: 3px solid #20a3f5; right: -2px;}
.boxfoot6{ position:absolute; bottom: 1; width: 100%; left:1px;}
.boxfoot6:before,
.boxfoot6:after{ position:absolute; width:30px; height:30px;  content: "";border-bottom:3px solid #20a3f5; bottom:-2px;}