*{margin:0;padding:0;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,a,p,label,ul,li,label,span{margin:0;padding:0;font-family:'微软雅黑';}
a,a:active,a:focus, a:hover{text-decoration:none;}
.clear{clear:both;}
/*.BMap_noprint {display:none !important;}*/
.anchorBL{display:none !important;} 
body{background:url(../img/ksh_bj.png);overflow:hidden;}
html,body{height:100%;}

@font-face{
	font-family: yjsz;
	src:url('../../fonts/yjsz.TTF'),
		url('../../fonts/yjsz.eot'); /* IE9+,可以是具体的实际链接 */
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {width:5px;height:5px;}
    /* 滚动槽 */
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(7,166,255,0.9);border-radius: 10px;}
    /* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius:5px; background: rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 0 6px rgba(7,166,255,0.7);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(7,166,255,0.3);}

header{position:relative;height:65px;}
header h1{position:absolute;width:100%;text-align:center;top:9px;z-index:99;color:#87e6fe;font-size:32px;}
header #weather{position:absolute;right:10px;color:#24d6f6;top:10px;}
header #allwea1{position:absolute;right:10px;color:#24d6f6;top:10px;}
header span{font-family:'yjsz';font-size:26px;}

.conter{height:calc(100% - 65px);padding:0 15px;}
.con_left{width:23%;height:100%;float:left;}
.con_left .con_left_box{height:calc(33% - 23px);}
.con_left .con_left1{height:137px;}
.con_left .con_left_bot{height:calc(100% - 137px);padding-top:23px;}
.con_left .con_left2{height:calc(50% - 11px);}
.con_left .con_left3{height:calc(50% - 26px);margin-top:23px;}
.con_left .con_left4{height:calc(100% - 10px);}
.con_left .con_weather{height:calc(50% - 15px);margin-bottom: 15px;}
.con_left .con_weather .weather_box{text-align: center;}
.con_left .con_weather #weather{color:#24d6f6;font-size:16px;display: block;margin-top:-20px;}
.con_left .con_weather #weather span{font-family:'yjsz';}


.con_left .con_left_box .con_left_tit{height:27px;position:relative;}
.con_left .con_left_box .con_left_tit h3{color:#fff;position:absolute;font-size:16px;top:-11px;left:10px;}
.con_left .con_left_box .con_left_ter{height:calc(100% - 27px);position:relative;}
.con_left .con_left_box .con_left_ter>img{width:100%;height:100%;}
.con_left .con_left_box .con_left_ter .con_left_text{width:100%;height:100%;padding:10px;position:absolute;top:0;left:0;}
.con_left .con_left_box .con_left_ter .con_left_text #allwea2{font-size:24px;color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.con_left .con_left_box .con_left_ter .con_left_text #allwea2 span{font-family:'yjsz';}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit{width:33.3%;float:left;color:#fff;text-align:center;padding-top:18px;}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit span{font-size:14px;display:block;}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit p{width:100%;font-size:34px;font-family:'yjsz';line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.con_left .con_left_box .con_left_ter .allksh1 .left_tit{width:25%;}
.con_left .con_left_box .con_left_ter .allksh1 .left_tit p{font-family:'微软雅黑';font-size:24px;}
.con_left .con_left_box .con_left_ter .allksh1 .left_tit p#win{color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.con_left .con_left_box .con_left_ter .allksh1 .left_tit p#wea{color:#2afbc1;text-shadow:0 0 10px #2afbc1;}
.con_left .con_left_box .con_left_ter .allksh1 .left_tit p#tem{color:#ffab2c;text-shadow:0 0 10px #ffab2c;}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit:first-child p{font-size:24px;font-family:'微软雅黑';color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit:nth-child(2) p{font-size:24px;font-family:'微软雅黑';color:#b5b5b5;text-shadow:0 0 10px #b5b5b5;}
.con_left .con_left_box .con_left_ter .con_left_text .left_tit:nth-child(3) p{color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.con_left .con_left_box .con_left_ter .con_left_chart{width:100%;height:100%;padding:10px;position:absolute;top:0;left:0;}
.con_left .con_left_box .con_left_ter .con_left_chart>div{width:100%;height:100%}
.con_left .con_left_box .con_left_ter .con_left_video{width:100%;height:100%;padding:10px;position:absolute;top:0;left:0;}
.con_left .con_left_box .con_left_ter .con_left_video .video_tab{width:100%;height:70px;padding:5px;overflow: hidden;}
.con_left .con_left_box .con_left_ter .con_left_video .video_tab a{max-width:140px;height:30px;display: inline-block;padding:0 12px;line-height:30px;border:1px solid #027fe2;color:#027fe2;cursor:pointer;margin:0 3px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.con_left .con_left_box .con_left_ter .con_left_video .video_tab a.active{border-color:#fff;color:#fff;}
.con_left .con_left_box .con_left_ter .con_left_video .video_ter{width:100%;height:calc(100% - 70px)}
.con_left .con_left_box .con_left_ter .con_left_video .video_zw{width:100%;height:100%;position: absolute;left:0px;top:0px;z-index: 999;}
.con_left .con_left_box .con_left_ter .con_left_video .video_zw p{color:#fff;}

.con_left .con_left_video{height:50%;}
.con_left .con_left_video video{width:100%;height:100%;}
.con_left .con_left_video .con_left_tit{height:27px;position:relative;}
.con_left .con_left_video .con_left_tit h3{color:#fff;position:absolute;font-size:16px;top:-11px;left:10px;}

.con_con{width:54%;height:100%;float:left;padding:13px;position:relative;}
.con_con .com_mapBk{width:30px;position:absolute;}
.con_con .con_map_bk1{top:10px;left:10px;}
.con_con .con_map_bk2{top:10px;right:10px;}
.con_con .con_map_bk3{bottom:10px;right:10px;}
.con_con .con_map_bk4{bottom:10px;left:10px;}
.con_con .com_map{width:100%;height:100%;}
.con_con .conMap{position:absolute;z-index:999;top:30%;left:30px;display:none;}
.con_con .conMap .conMap_top{width:320px;padding:10px;background:rgba(4,22,44,0.8);border:1px solid #66cafe;box-shadow:0 0 15px #66cafe;color:#fff;margin-bottom:10px;}
.con_con .conMap .conMap_top h3{font-size:16px;}
.con_con .conMap .conMap_top h3 img{vertical-align: sub;}
.con_con .conMap .conMap_top .conMap_factor{}
.con_con .conMap .conMap_top .conMap_factor p{width:50%;float:left;line-height:30px;white-space:nowrap;overflow:hidden;}
.con_con .conMap .conMap_bot{width:320px;padding:10px;background:rgba(4,22,44,0.8);border:1px solid #66cafe;box-shadow:0 0 15px #66cafe;color:#fff;}
.con_con .conMap .conMap_bot p{line-height:30px;}
.con_con .conMap .conMap_bot p a{color:#2b8fff;text-shadow:0 0 10px #2b8fff;margin:0 5px;}
.con_con .conMap .conMap_bot .conMap_title{word-wrap: break-word;word-break: normal;display: inline-block;width: 100%;}
.con_con .conMap .conMap_bot .conMap_title>span:nth-child(1){float: left;}
/*地图报警弹窗*/
.con_con .home_alarm{position:absolute;right:15px;bottom:5px;z-index:999;}
.con_con .home_alarm .alarm{width:320px;margin-bottom:10px;position:relative;padding:10px;display:none;background:rgba(4,22,44,0.8);color:#00b3e9;border: 1px solid #66cafe;box-shadow: 0 0 15px #66cafe;}
.con_con .home_alarm .alarm h3{width:100%;font-size:16px;padding-bottom:5px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #00b3e9;}
.con_con .home_alarm .alarm h3 i{margin-right:5px;}
.con_con .home_alarm .alarm>button{position:absolute;right:10px;top:8px;}
.con_con .home_alarm .alarm p{line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


.con_right{}
.con_right .con_left_box{height:calc(50% - 23px);margin-bottom:23px;}
.con_right .con_left_box:last-child{height:50%;margin-bottom:0;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas{width:150px;position:absolute;right:-17px;top:10px;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box{width:140px;height:70px;position:relative;background:rgba(6,34,65,0.4);color:#fff;text-align:center;margin:15px 0;padding-top:9px;border:1px solid #1380bd;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box p{}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box span{font-size:34px;font-family:'yjsz';color:#00d7e9;text-shadow:0 0 10px #00d7e9;margin-top:-9px;display:block;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .alas1 span{color:#e7395d;text-shadow:0 0 10px #e7395d;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .alas2 span{color:#ffc100;text-shadow:0 0 10px #ffc100;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .alas3 span{color:#ffc100;text-shadow:0 0 10px #ffc100;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .alas4 span{color:#b5b5b5;text-shadow:0 0 10px #b5b5b5;}

.con_left .con_left_box .con_left_ter .con_left_chart .con_alas #devlen{color:#fff;text-shadow:0 0 10px #fff;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas #zaix{color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas #botx{color:#e7395d;text-shadow:0 0 10px #e7395d;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas #lix{color:#ccc;text-shadow:0 0 10px #ccc;}

.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box>img{position:absolute;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box .bk1{top:-1px;left:-1px;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box .bk2{top:-1px;right:-1px;}
.con_left .con_left_box .con_left_ter .con_left_chart .con_alas .con_alas_box .bk3{bottom:-1px;right:-1px;}
.con_left .con_left_box .con_left_ter  .con_left_chart .con_alas .con_alas_box .bk4{bottom:-1px;left:-1px;}
.con_right .con_left_box .con_left_list{width:100%;height:calc(100% - 13px);padding:10px;padding-top:0;position:absolute;top:0;left:0;color:#fff;overflow-y:auto;}
.con_right .con_left_box .con_left_list h3{font-size:14px;line-height:30px;color:#fff;margin-bottom:10px;background:rgba(16,54,87,0.3);border:1px solid #1380bd;padding:5px 10px;}
.con_right .con_left_box .con_left_list h3 i{margin-right:5px;cursor:pointer;}
.con_right .con_left_box .con_left_list h3 label{width:calc(100% - 180px);display: inline-block;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: bottom;}
.con_right .con_left_box .con_left_list h3 img{float:right;max-width:160px;padding-top:9px;}
.con_right .con_left_box .con_left_list ul{}
.con_right .con_left_box .con_left_list ul li{width:100%;list-style:none;line-height:40px;padding:2px 10px;margin:5px 0;overflow:hidden;position:relative;border:1px solid #1380bd;background:rgba(15,47,72,0.3);}
.con_right .con_left_box .con_left_list ul li>img{position:absolute;}
.con_right .con_left_box .con_left_list ul li>img.divlist1{top:-1px;left:-1px;}
.con_right .con_left_box .con_left_list ul li>img.divlist2{top:-1px;right:-1px;}
.con_right .con_left_box .con_left_list ul li>img.divlist3{bottom:-1px;right:-1px;}
.con_right .con_left_box .con_left_list ul li>img.divlist4{bottom:-1px;left:-1px;}
.con_right .con_left_box .con_left_list ul li >div{width:33.3%;float:left;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.con_right .con_left_box .con_left_list ul li >div i{margin-right:5px;font-size:16px;color:#87e6fe;}
.con_right .con_left_box .con_left_list ul li >div span{display:block;text-align:center;background:url(../img/ksh11.png);background-size:100% 100%;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}
.con_right .con_left_box .con_left_list ul li >div .devcx_btn{cursor:pointer;}

/*视频弹窗*/
/* .video_div{width:600px;height:340px;background:rgba(16,54,87,0.7);position:fixed;left:calc(50% - 300px);z-index:9999;top:calc(50% - 170px);border:1px solid #1380bd;display:none;}
.video_div h3{color:#fff;font-size:16px;padding:10px 15px;margin-bottom:5px;border-bottom:1px solid #1380bd;}
.video_div h3 i{float:right;cursor:pointer;}
.video_div .video_ter{width:100%;height:calc(100% - 43px);}
.video_div .video_ter video{width:600px;height:300px;} */