*{
    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: 200px;
    width: 50%;
    margin: auto;
    display: none;
    left: 500px;
    z-index: 99;
}
#ac{
    position: fixed;
    top:20%;
    width: 50%;
    margin: auto;
    display: none;
    left: 25%;
    right: 25%;
    z-index: 99;
}

#fen {
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#war{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#boxses{
    background: url("/hxzkuwb/Home/HomeImg/perMsg.png") no-repeat;
}
#personMsg{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;

}
#warningMsg{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#warningMsg1{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#tags{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#gather{
    position: fixed;
    top: 50%;  /* 将 top 设置为 50% */
    left: 50%; /* 将 left 设置为 50% */
    width: 910px;
    height: 540px;
    display: none;
    transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
    z-index: 99999;
    background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
    background-size: 100% 100%;
}
#tong1{
    position: fixed;
    top: 20%;
    width: 20%;
    margin: auto;
    right: 0%;
    z-index: 99;
    display: none;
}
#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;
}


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

#warningBorder{
    background: url("/hxzkuwb/view/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;
    width:80%;
    z-index: 99999;
    left: 10%;
    right: 10%;
}
#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;
}

.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{
    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%;
    right:10%
}
.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;}















.switch {
    /* switch */
    --switch-width: 46px;
    --switch-height: 24px;
    --switch-bg: rgb(131, 131, 131);
    --switch-checked-bg: #1676df;
    --switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
    --switch-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
    /* circle */
    --circle-diameter: 18px;
    --circle-bg: #fff;
    --circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
    --circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
    --circle-transition: var(--switch-transition);
    /* icon */
    --icon-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
    --icon-cross-color: var(--switch-bg);
    --icon-cross-size: 6px;
    --icon-checkmark-color: var(--switch-checked-bg);
    --icon-checkmark-size: 10px;
    /* effect line */
    --effect-width: calc(var(--circle-diameter) / 2);
    --effect-height: calc(var(--effect-width) / 2 - 1px);
    --effect-bg: var(--circle-bg);
    --effect-border-radius: 1px;
    --effect-transition: all 0.2s ease-in-out;
}

.switch input {
    display: none;
}

.switch {
    display: inline-block;
}

.switch svg {
    -webkit-transition: var(--icon-transition);
    -o-transition: var(--icon-transition);
    transition: var(--icon-transition);
    position: absolute;
    height: auto;
}

.switch .checkmark {
    width: var(--icon-checkmark-size);
    color: var(--icon-checkmark-color);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.switch .cross {
    width: var(--icon-cross-size);
    color: var(--icon-cross-color);
}

.slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--switch-width);
    height: var(--switch-height);
    background: var(--switch-bg);
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: var(--switch-transition);
    -o-transition: var(--switch-transition);
    transition: var(--switch-transition);
    cursor: pointer;
}

.circle {
    width: var(--circle-diameter);
    height: var(--circle-diameter);
    background: var(--circle-bg);
    border-radius: inherit;
    -webkit-box-shadow: var(--circle-shadow);
    box-shadow: var(--circle-shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--circle-transition);
    -o-transition: var(--circle-transition);
    transition: var(--circle-transition);
    z-index: 1;
    position: absolute;
    left: var(--switch-offset);
}

.slider::before {
    content: "";
    position: absolute;
    width: var(--effect-width);
    height: var(--effect-height);
    left: calc(var(--switch-offset) + (var(--effect-width) / 2));
    background: var(--effect-bg);
    border-radius: var(--effect-border-radius);
    -webkit-transition: var(--effect-transition);
    -o-transition: var(--effect-transition);
    transition: var(--effect-transition);
}

/* actions */

.switch input:checked + .slider {
    background: var(--switch-checked-bg);
}

.switch input:checked + .slider .checkmark {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.switch input:checked + .slider .cross {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.switch input:checked + .slider::before {
    left: calc(
            100% - var(--effect-width) - (var(--effect-width) / 2) -
            var(--switch-offset)
    );
}

.switch input:checked + .slider .circle {
    left: calc(100% - var(--circle-diameter) - var(--switch-offset));
    -webkit-box-shadow: var(--circle-checked-shadow);
    box-shadow: var(--circle-checked-shadow);
}






.Gengduo{
    width: 78%;
    display: inline-block;
    text-align: left;
    border-bottom: 1px solid #F2F2F2;
    height: 4%;
    margin-top: 3%;
    padding-bottom: 1%;
}