@charset "utf-8";
/* 基本元素重置 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:12px;line-height:1.25em;outline:none;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{color:#666;text-decoration:none;}
/*a:hover{text-decoration:none!important;}*/
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,em,i{font-style:normal; font-weight:400; outline:none;}
img{border:none;vertical-align:middle;}
*{box-sizing: border-box;}
@font-face {
      font-family: 'SourceHanSansSC-Blod';/*思源黑体 Bold*/
      src:url('../font/qqq.otf') format('truetype');
   }
@font-face {
      font-family: 'SourceHanSansSC-Heavy';/*思源黑体 Heavy*/
      src:url('../font/SourceHanSansSC-Heavy.otf') format('truetype');
   }
@font-face {
      font-family: 'SourceHanSansCN-Regular';/*思源黑体 Regular*/
      src:url('../font/SourceHanSansCN-Regular.otf') format('truetype');
   }
@font-face {
      font-family: 'SourceHanSansCN-Light';/*思源黑体 Light*/
      src:url('../font/SourceHanSansCN-Light.otf') format('truetype');
   }
body {
  width: 100%;
  height: 100%;
  /* font-family: "SourceHanSansSC-Blod", "SourceHanSansSC-Heavy", "SourceHanSansCN-Regular", "SourceHanSansCN-Light", sans-serif; */
  background-color: #021234;
/*  background-image:url(../images/bg.png); */
  background-repeat: no-repeat;
  background-size: cover;
}
.title{
  font-family: SourceHanSansSC-Blod;
  height: 99px;
  width:3440px;
  color: #000;
  font-size:50px;
  line-height:33pt;
  background: linear-gradient(to bottom, #00A7FB 43%, #00E8FA 59% );
  -webkit-background-clip: text;
  -moz-background-clip:text;
  background-clip: text;
  color: transparent;
  text-align: center;
  position: relative;
  margin:0 auto;
  padding-top:30px;
  font-weight:bold;
 /* background-image: url(../images/t-bg.png);
  background-size: contain;
*/
}
.title img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bizhi{
  position: absolute;
  top: 40px;
  left: 300px;
  z-index: 12;
}
.bizhi li{
  width: 186px;
  height: 55px;
  display: inline-block;
  color: #00D6E9;
  font-size: 17pt;
  line-height:64px;
  background-repeat: no-repeat;
  background-size: contain;
}
.huanbi{
  background-image: url(../images/anniu-1.png);
}
.tongbi{
  background-image: url(../images/anniu-2.png);
}
.riqi{
  position: absolute;
  top:40px;
  right: 300px;
  z-index: 12;
}
.riqi li{
  width: 186px;
  height: 55px;
  display: inline-block;
  color: #00D6E9;
  font-size: 17pt;
  line-height:64px;
  background-repeat: no-repeat;
  background-size: contain;
}
.yizhou{
  background-image: url(../images/anniu-3.png);
}
.yiyue{
  background-image: url(../images/anniu-4.png);
}
#localtime{
  position: absolute;
  top: 40px;
  left: 50px;
  font-size: 14pt;
  z-index: 12;
  font-family: SourceHanSansCN-Regular ;
  color: #0493B4;
}
.shijianduan{
  position: absolute;
  top:40px;
  right: 50px;
  font-size: 14pt;
  z-index: 12;
  font-family: SourceHanSansCN-Regular ;
  color: #0493B4;
}

/*内容*/
.content{
  width:3410px;
  height:1311px;
  background-image: url(../images/bg-1.png);
  /* background-image: url(../images/bg-1.2.png); */

  background-repeat: no-repeat;
  margin:0 auto;
  text-align:center;

}
.l_out,.c_out,.r_out{float: left; display:inline-block;}
/*左*/
.l_out{
  width:1391px;
  height: 100%;
  margin-left:-15px;
  margin-right: 20px;
/*  border: 1px solid #fff;*/
}
.l_top{
  width: 100%;
  height: 662px;
  padding-top:16px;
  margin-bottom: 50px;
  padding-left:80px;
 /* background-color: #fff;*/
}
.q-lieb{
  /* float: left; */
}
.q-lieb > table > thead > tr > th{
  adding:8px 0;
  font-size:13pt;
}
.xiahuaxian {
  line-height: 42px;
}
.q-lieb > table > tbody > .xiahuaxian {
  font-size:13pt;
}
.l-tit{
  font-size: 18pt;
  color: #00D6E9;
  width: 230px;
  height: 55px;
 line-height: 66px;
 background-image: url(../images/tit-l.png);
 background-repeat: no-repeat;
 background-size: contain;
 text-align: center;
 position: relative;
 z-index: 99;
 margin-bottom: 16px;
}
.l-tit:last-child {
  cursor: auto;
}
.l_t_active {
 background-image: url(../images/tit-2.png);
}
.color1{color: #00E9DB;}
.color2{color: #fff60c;}
.color3{color: #62BE65;}
.color4{color: #fff;}
.table{width: 470px;margin-top: -5px;padding:0 10px;}
#ele::after {
  content: "";
  display: block;
  clear: both;
}
#ele {
  display: flex;
}
#ele > .table {
  width: 720px;
}
.tit1{
  background-color: #012B55;
  font-size: 13pt;
  line-height: 36px;
  height: 42px;
  text-align: center;
}
.tit2{
   font-family: SourceHanSansCN-Light ;
   font-size: 12pt;
   line-height: 42px;
   text-align: center;
}
.tit2_body {
  font-family: SourceHanSansCN-Light ;
  font-size: 13pt;
  line-height: 44px;
  text-align: center;
  height: 504px;
  width: 680px;
  padding:5px 0;
}
.tit2_wrap {
  height: 490px;
  overflow: auto scroll;
}
.titWrap{
    height: 170px;
}

.tit1_heard {
  display: flex;
  justify-content: space-around;
  width: 680px;
  align-items: center;
}

.tit2_heard{
    display: flex;
    justify-content: space-around;
    width: 698px;
    align-items: center;
}
.tit3_heard{
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
}
.tit4_heard{
    width:590px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#titTBody .tit2_wrap{
    height: 397px ;
}
#table_top .tit2_wrap,#table_bottom .tit2_wrap{
    height: 400px;
}
.tit1_th {
    flex: 1;
    text-align: center;
}
.tit2_heard .tit1_th{
    flex: 0 0 auto;
    text-align: center;
}
.tit_Text>div{
    flex: 1;
}
.tit2_wrap {

}
/*.tit2_wrap::-webkit-scrollbar {*/
/*  width: 5px;*/
/*}*/

/*.tit2_wrap::-webkit-scrollbar-track {*/
/*  background-color: rgba(7, 166, 255, 0.38);*/
/*  -webkit-border-radius: 5px;*/
/*  -moz-border-radius: 5px;*/
/*  border-radius: 5px;*/
/*}*/
/*.tit2_wrap::-webkit-scrollbar-thumb {*/
/*  background-color: #07a6ff;*/
/*  -webkit-border-radius: 5px;*/
/*  -moz-border-radius: 5px;*/
/*  border-radius: 5px;*/
/*}*/


/*.icon2::after{*/
/*  content: url(../images/zhang.png);*/
/*}*/
/*.icon1::after{*/
/*  content: url(../images/ping.png);*/
/* vertical-align: text-middle;*/
/*}*/
/*.icon3::after{*/
/*  content: url(../images/jiang.png);*/
/*}*/

.icon1::after{
    content: url(../images/zhang.png);
}
.icon0::after{
    content: url(../images/ping.png);
    vertical-align: text-middle;
}
.icon-1::after{
    content: url(../images/jiang.png);
}
.xiahuaxian{
  border-bottom: 2px dashed #0B3463;
  margin-right: 5px;
}
.tit2_wrap>.xiahuaxian{
  border-bottom: 2px dashed #0B3463;
  margin-right: 5px;
  /* padding-left:5px; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tit2_wrap>.xiahuaxian >div {
  flex:1;
  padding-left:4px;
}
/*左下*/
#demo1{
  width: 580px;
  height: 530px;
  padding:1px;
  background-color: #021234;
  position: relative;
}
.l_bottom{
  width: 100%;
  height: 588px;
  padding-left:90px;
 /* background-color: #fff;*/
}
/*地图*/
.amap-logo{
    display: none;
}
.amap-copyright {
    opacity:0;
}
#container canvas{background-color: #021234 !important ;}
#container{
  width: 400px;
  height: 360px;
  float: right;
  margin-top:0px;
}

/*center*/
.c_out{
  height: 100%;
  width: 588px;
  margin: 0 auto;
  margin-left: 22px;
 /* background-color: #fff;*/
 vertical-align:top ;

}
.c_top{
  height:240px;
  width: 100%;

}
.table1{width: 586px;margin-top: 10px;padding:0 10px;}
.table2{margin-top: 10px;padding-left:10px; width: 280px;}
.table3{margin-top: 10px;padding-left:10px; width: 280px;}
.tit3{
  background-color: #012B55;
  width: 100%;
  font-size: 13pt;
  line-height: 42px;
  /* height: 30px; */
  text-align: center;
  font-family: SourceHanSansCN-Regular ;
    font-weight: bolder;
}
.tit3{border-bottom: 10px solid #041746;}
.tit4{
  width: 100%;
   font-family: SourceHanSansCN-Light ;
   font-size: 12pt;
   line-height: 26px;
   text-align: center;
}
.bgc{background-color: #006275;}
.c_middle{
  width: 100%;
  position:relative;
}
.t_l{text-align: left;padding-left: 10px;}
.t_r{text-align: center;padding-right: 10px;}
.shang{
  position: absolute;
  /*left: 968px;*/
  left:232px;
  top: 50px;
  margin-left: -233px;
  width: 588px;
  height: 433px;
  z-index: 10;
}
.danwei{
  position: absolute;
  top: 16px;
  left: 55%;
  margin-left: -64px;
  font-size:13pt;
  font-family: SourceHanSansCN-Regular ;
  text-align: center;
  color: #00D6FF;

}

.danwei::before{
  content: url(../images/danwei.png);
}
.quyu{
  position: absolute;
  bottom: 204px;
  left: 74px;
  font-size:13pt;
  font-family: SourceHanSansCN-Regular ;
  text-align: center;
  color: #00D6FF;

}
.quyu::before{
  content: url(../images/quyu.png);
}
.renqun{
  position: absolute;
  bottom: 203px;
  right: 70px;
  font-size:13pt;
  font-family: SourceHanSansCN-Regular ;
  text-align: center;
  color: #00D6FF;

}
.renqun::before{
  content: url(../images/renqun.png);
}
.xia{
  position: absolute;
  /*left:966px;*/
  left:230px;
  top:557px;
  margin-left: -156px;
  width: 433px;
  height: 433px;
  z-index: 10;
}
#xuanzhun3{
  position: absolute;
  /*left: 967px;*/
  left:32px;
  top: 160px;
  /* margin-left: -239px;
  width: 433px;
  height: 433px;
  z-index: 10; */
  /*border: 1px solid #fff;*/
}
#xuanzhun3{
    -webkit-transition-property: -webkit-transform;
     -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotates 8s linear infinite;
    -moz-animation: rotates 8s linear infinite;
    -o-animation: rotates 8s linear infinite;
    animation: rotates 8s linear infinite;
    }
    @-webkit-keyframes rotates{from{-webkit-transform: rotate(0deg)}
        to{-webkit-transform: rotate(360deg)}
    }
    @-moz-keyframes rotates{from{-moz-transform: rotate(0deg)}
        to{-moz-transform: rotate(359deg)}
    }
    @-o-keyframes rotates{from{-o-transform: rotate(0deg)}
        to{-o-transform: rotate(359deg)}
    }
    @keyframes rotate3{from{transform: rotate(0deg)}
        to{transform: rotate(359deg)}
}
#xuanzhun2{
  position: absolute;
  /*left: 967px;*/
  left:6px;
  top: 179px;
  z-index: 11;
  /*border: 1px solid #fff;*/
}
#xuanzhun2{
    -webkit-transition-property: -webkit-transform;
     -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
    }
    @-webkit-keyframes rotate{from{-webkit-transform: rotate(-0deg)}
        to{-webkit-transform: rotate(-360deg)}
    }
    @-moz-keyframes rotate{from{-moz-transform: rotate(-0deg)}
        to{-moz-transform: rotate(-359deg)}
    }
    @-o-keyframes rotate{from{-o-transform: rotate(-0deg)}
        to{-o-transform: rotate(-359deg)}
    }
    @keyframes rotate{from{transform: rotate(-0deg)}
        to{transform: rotate(-359deg)}
}
#xuanzhun4{
  position: absolute;
  /*left: 967px;*/
  left:-9px;
  top: 125px;
  z-index: 11;
  /*border: 1px solid #fff;*/
}
#xuanzhun4{
    -webkit-transition-property: -webkit-transform;
     -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotatess 20s linear infinite;
    -moz-animation: rotatess 20s linear infinite;
    -o-animation: rotatess 20s linear infinite;
    animation: rotatess 20s linear infinite;
    }
    @-webkit-keyframes rotatess{from{-webkit-transform: rotate(0deg)}
        to{-webkit-transform: rotate(360deg)}
    }
    @-moz-keyframes rotatess{from{-moz-transform: rotate(0deg)}
        to{-moz-transform: rotate(359deg)}
    }
    @-o-keyframes rotatess{from{-o-transform: rotate(0deg)}
        to{-o-transform: rotate(359deg)}
    }
    @keyframes rotatess{from{transform: rotate(0deg)}
        to{transform: rotate(359deg)}
}
.hexinci{
  font-family: "SourceHanSansSC-Heavy";
  font-size: 24pt;
  color: #f5ffff;
  text-align: center;
  /* line-height:815px;  */
  height: 800px;
  background-image: url(../images/hexin-bg.png);
  background-repeat: no-repeat;
  background-position: 188px 370px;
}
.hexinci > span{
  position: absolute;
  top:402px;
  left:232px;
}
/*右*/
.r_out{
  width: 1330px;
  height: 100%;
  padding-left:40px;
  margin-right: 20px;
/*  border: 1px solid #fff;*/
vertical-align:top;
}
.r_out .tit1 {
  line-height: 46px;
}
.r_out .xiahuaxian {
  line-height: 50px;
}
.r_top{
  width: 100%;
  height: 638px;
  padding-top:28px;
  margin-bottom: 50px;
 /* background-color: #fff;*/
}

.r-tit{
 font-size: 18pt;
 color: #00D6E9;
 width: 230px;
 height: 55px;
 line-height: 66px;
 margin-bottom: 26px;
 margin-top: 23px;
 background-image: url(../images/tit-l.png);
 background-repeat: no-repeat;
 background-size: contain;
 text-align: center;
}
.q-lieb1{
  float: right;
}
.c_bottom{
  display: flex;
  justify-content: space-around;
  /* padding: 0 10px; */
  width: 100%;
  /* padding-left:4px; */
}
.c_bottom > table {
  width: 47%;
}


.posiWrap {
    text-align: center;
    width: 46px;
    ;
}

    .posiWrap p {
        color: #0A92EB;
        font-size: 12px;
    }

.amap-logo {
    display: none !important;
}




/*2020年12月4日龚卫红添加*/
/*字体声明*/
@font-face {
    font-family: DS;
    src: url('../font/DS-DIGIT.TTF');
}
.zb_yue {
    font-family: DS;
    color: #fff600;
    font-size:24px;
}
.zb01 {
  width: 100px;
  height: 100px;
  line-height: 20px;
  font-size: 20px;
  border-radius:50%;
  color: #fff;
  background-color: rgba(0,90,223,0.7);
  position: absolute;
  top: 230px;
  z-index: 99;
  left:110px;
  padding-top: 30px
}
.zb02 {
  background-color: rgba(0,90,223,0.7);
  top:360px;
  z-index: 99;
  left:40px;
  padding-top: 30px;
}
.zb03 {
  background-color: rgba(0,90,223,0.7);
  position: absolute;
  top: 180px;
  z-index: 99;
  left:240px;
  padding-top: 30px;
}
.zb04 {
  background-color: rgba(0,90,223,0.7);
  position: absolute;
  top: 230px;
  z-index: 99;
  left:380px;
  padding-top: 30px
}
.zb05 {
  background-color: rgba(4,226,223,0.7);
  position: absolute;
  top: 360px;
  z-index: 99;
  left: 430px;
  padding-top: 30px
}
.zb06 {
  background-color:rgba(4,226,223,0.7);
  position: absolute;
  top:490px;
  z-index: 99;
  left: 390px;
  padding-top: 30px
}
.zb07 {
  background-color: rgba(4,226,223,0.7);
  position: absolute;
  top: 550px;
  z-index: 99;
  left: 240px;
  padding-top: 30px
}
.zb08 {
  background-color: rgba(4,226,223,0.7);
  position: absolute;
  top:490px;
  z-index: 99;
  left:100px;
  padding-top: 30px
}

.mapDataPop {
  /* width: 500px; */
  height: 422px;
  background: rgba(11, 27, 78, 0.9);
  border-radius: 5px;
  border: 2px solid #2E77AB;
  position: absolute;
  top: 500px;
  left: 500px;
  z-index: 99999;
  padding: 14px 24px 0;
}
.map_section_wrap {
  display: flex;
  /* align-items: center; */
  height: 340px;
}
.msw_line {
  height: 260px;
  border-left:2px dashed rgba(46, 119, 171,.7);
  margin: 44px 20px 0;
}
.mapDataPop .mapD_icon {
  width: 42px;
  height: 46px;
  background: url('../img/弹窗左上角.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -23px;
  top: 5px;
}
.mapDataPop .titleWrap {
  color: #fff;
  font-size: 20px;
  border-bottom: 1px dashed #2195F2;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.mapDataPop .titleWrap .titleBtn {
  width: 32px;
  height: 32px;
  background: url('../images/10.png') no-repeat;
  background-size: 32px 32px;
  background-position: right;
  cursor: pointer;
  display:flex;
  justify-content: center;
  align-items: center;
  padding-right:50px;
}
.tit_btn {
  /* border: 1px solid #2195F2; */
  padding:10px;
  font-weight: 400;
  /* padding-bottom: 12px; */
  /* line-height: normal; */
  display: flex;
}
.tit_btnn {
  border: 1px solid #2195F2;
  border-radius: 6px;
  padding:8px 5px;
  cursor: pointer;
  font-size:16px;
  position: relative;
  /* left:30px; */
}
.tit_btnn:last-child {
  margin-left: 26px;
}
.tit_btnn_act {
  color:#00E9DB;
}
.mdp_s_title {
  line-height: normal;
}
.mapDataPop .m_d_p_section .mdp_s_title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  /* background: url('../img/icon1@2x.png'); */
  background-size: 100% 100%;
}
.sqcEChart {
  width: 448px;
  height: 271px;
}
.sqcEchartTitle {
    font-size: 20px;
    color: #ECF9FB;
    font-weight: bold;
    margin-top: 34px;
}
#sqcEChart {
  width: 448px;
  height: 271px;
}
.mapDataPop .m_d_p_section .mdp_s_title p {
  display: inline-block;
  color: #ECF9FB;
  font-size: 20px;
  text-shadow: 0px 1px 0px rgba(16, 92, 131, 0.47);
  font-weight: bold;
  line-height: normal;
}
.mapDataPop .m_d_p_section .mdp_s_title p span:first-child {
  color: #F5DF62;
  font-family: 'compFont';
  font-size: 46px;
}
.mapDataPop .m_d_p_section .mdp_s_title p span:last-child {
  color: #00D5FF;
  font-size: 12px;
}
.mapDataPop .m_d_p_section .mdp_s_line {
  width: 148px;
  height: 1px;
  border-radius: 50%;
  /* margin-top: 6px; */
  /* background: #0D60D4; */
  background: url('../images/line.png') no-repeat;
}
.mapDataPop .m_d_p_section .msgWrap {
  display: flex;
  margin-top: 8px;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem .plan {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 6px;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem .msg p:first-child {
  color: #ECF9FB;
  font-size: 14px;
  margin-bottom: 10px;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem .msg p:last-child {
  color: #00D5FF;
  font-size: 12px;
  text-align: right;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem .msg p:last-child span {
  font-family: "compFont";
  font-size: 20px;
  color: #F5DF62;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem:not(:last-child) {
  margin-right: 20px;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem:nth-child(1) .plan {
  background: url('../images/jin1.png') no-repeat;
  background-size: 100% 100%;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem:nth-child(2) .plan {
  background: url('../images/jin2.png') no-repeat;
  background-size: 100% 100%;
}
.mapDataPop .m_d_p_section .msgWrap .msgItem:nth-child(3) .plan {
  background: url('../images/jin3.png') no-repeat;
  background-size: 100% 100%;
}
.mapDataPop .m_d_p_section .msgInfoWrap {
  width: 450px;
  height: 145px;
  background: #06285A;
  border-radius: 3px 5px 5px 5px;
  padding: 4px;
}
 .msgInfoTitle {
  width: 88px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #214B89;
  border-radius: 14px;
  color: #fff;
  font-size: #ECF9FB;
  margin:10px 0;
}
.mapDataPop .m_d_p_section .msgInfoWrap .msgInfo {
  color: #ECF9FB;
  font-size: 12px;
  height: 142px;
  overflow: auto scroll;
  line-height: 26px;
  padding-right: 4px;
  position: relative;
  top: -5px;
  padding-bottom: 5px;
  white-space: pre-wrap;
  /* font-weight: 100; */
  font-family: sans-serif;
  padding:10px 5px;
}
.mapDataPop .m_d_p_section .msgInfoWrap .msgInfo::-webkit-scrollbar {
  width: 5px;
}
.mapDataPop .m_d_p_section .msgInfoWrap .msgInfo::-webkit-scrollbar-track {
  background-color: rgba(7, 166, 255, 0.38);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.mapDataPop .m_d_p_section .msgInfoWrap .msgInfo::-webkit-scrollbar-thumb {
  background-color: #07a6ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.r_bottom::after {
  content: "";
  clear: both;
  display: block;
}
.r_bottom {
  padding-top:30px;
  height: 580px;
}
.r_bottom > .q-lieb1 {
  margin-right: 20px;
}
.r_bottom > .q-lieb1 > .r-tit {
  margin-bottom: 11px;
    margin-top: 2px;
}
.tagcloud > a{
  position: relative;
}

.a_pop {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  color:#333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px ;
  line-height: normal;
  position: absolute;
}
.a_pop1 {
  right: -50px;
  top:-10px;
}
.a_pop2 {
  right: -50px;
  top:60px;
}

/* 领域弹窗 */
.boomPop {
  width: 590px;
  height: 650px;
  background-color: rgba(0,19,45,0.9);
  border: 2px solid #032c7f;
  /* box-shadow: 0px 0px 10px 5px #032c7f; */
  border-radius: 6px;
  position: absolute;
  top: 420px;
  left: 1415px;
  z-index: 99999;
  padding: 10px;
}
.boomTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:15px;
  cursor: pointer;
}
.b_title {
  font-size:24px;
  font-weight: bold;
  color:#00E9DB;
}
.b_close_btn {
  width: 25px;
  height: 25px;
  background: url('../images/10.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.b_heard {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #002649;
  padding:10px 0;
}
.b_th {
  flex:1;
  color:#00E9DB;
  font-size: 18px;
  text-align: center;
}
.b_b_item {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding:5px 0;
  border-bottom:1px dashed #002e56;
  color:#00E9DB;
  font-size: 18px;
  line-height: 30px;
}
.b_td {
  flex:1;
  text-align: center;
    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;
}

/* 地图 */
#container {
  background: url('../images/map/mapBg.png') no-repeat;
  /*background: url('../images/map/mapBg1.png') no-repeat;*/
  background-size: 100% 100%;
  position: relative;
  top:-62px;
  /* left:-92px; */
  width: 620px;
  height: 590px;
}
.con_name {
  color:#fff;
  font-size: 24px;
  position: absolute;
  background-repeat: no-repeat;
  background-size:100% 100% ;
  /* transform: scale(0.675); */
  transform: scaleX(0.775) scaleY(0.7375);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.con_name>span {
  cursor: pointer;
}
.bignhai {
  width: 187px;
  height: 411px;
  background-image: url('../images/map/bhz.png');
  top:-1px;
  left:193px;
}
.haifang {
  /* 232 × 252 */
  width: 137px;
  height: 153px;
  background-image: url('../images/map/hfbsc.png');
  top:40px;
  right:57px;
}
.xiahe {
  width: 122px;
  height: 109px;
  background-image: url('../images/map/xhx.png');
  top:306px;
  left:316px;
}
.fuyuan {
  width: 109px;
  height: 209px;
  background-image: url('../images/map/fyjd.png');
  top:320px;
  left:262px;
  line-height: 24px;
}
.fengjia {
  width: 189px;
  height: 213px;
  background-image: url('../images/map/fjz.png');
  top:254px;
  left: 123px;
  padding-left:30px;
}
.fuguo {
  width: 99px;
  height: 162px;
  background-image: url('../images/map/fgjd.png');
  top:356px;
  line-height: 24px;
  left: 203px;
}
.liguo {
  width: 114px;
  height: 147px;
  background-image: url('../images/map/lgx.png');
  top:360px;
  left: 316px;
  line-height: 24px;;
}
.guchen {
  width: 102px;
  height: 122px;
  background-image: url('../images/map/gcz.png');
  top:394px;
  left:27px;
}
.xiawa {
  width: 172px;
  height: 127px;
  background-image: url('../images/map/xwz.png');
  top:380px;
  left:83px;
  padding-top:34px;
}
.dagao {
  width: 165px;
  height: 116px;
  background-image: url('../images/map/dgz.png');
  top:458px;
  left:37px;
  padding-bottom:33px;
}
.huangsheng {
  width: 75px;
  height: 91px;
  background-image: url('../images/map/hsz.png');
  top:462px;
  left:155px;
}
.botou {
  width: 114px;
  height: 116px;
  background-image: url('../images/map/btz.png');
  top:463px;
  left: 204px;
}
.con_name1 {
  background-image: none;
}
.echar_3 {
  width: 591px;
  height: 390px;
  position: absolute;
  top:709px;
  left:1415px;
  background: rgba(0,23,61,.9);
  border: 1px solid #2E77AB;
  z-index: 999;
}
#echar_3{
  width: 591px;
  height: 390px;
}
.clonse_echar {
  width: 24px;
  height: 24px;
  background: url('../images/10.png') no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  z-index:999;
  top:10px;
  right:10px;
}
.zb_yue  span{font-size:12px;
}

.unitPop {
  width: 500px;
  height: 352px;
  background: rgba(11, 27, 78, 0.9);
  border-radius: 5px;
  border: 2px solid #2E77AB;
  position: absolute;
  top: 500px;
  left: 500px;
  z-index: 99999;
  /* padding: 14px 24px 0; */
}
#unitEchart {
  width: 500px;
  height: 352px;
}
.unitPop>.titleBtn {
  width: 32px;
  height: 32px;
  background: url('../images/10.png') no-repeat;
  background-size: 32px 32px;
  background-position: right;
  cursor: pointer;
  display:flex;
  justify-content: center;
  align-items: center;
  padding-right:50px;
  float:right;
  position: relative;
  top:10px;
  left:-10px;
  z-index:100;
}
.jobTypePop {
  width: 589px;
  height: 402px;
  background: rgba(11, 27, 78, 0.9);
  border-radius: 5px;
  border: 2px solid #2E77AB;
  position: absolute;
  top: 460px;
  left: 1416px;
  z-index: 666;
  padding: 14px 24px 0;
}
.jobTypePop>.titleBtn {
  width: 28px;
  height: 28px;
  background: url('../images/10.png') no-repeat;
  background-size: 28px 28px;
  background-position: right;
  cursor: pointer;
  display:flex;
  justify-content: center;
  align-items: center;
  padding-right:50px;
  float:right;
  position: relative;
  z-index:100;
}
#jobEchar {
  width: 541px;
  height: 402px;
}

.c_top tbody>tr {
  cursor: pointer;
}
.c_top {
  position: relative;
  z-index: 99999;
}

.b_echarts,#bechars {
  width: 566px;
  height: 275px;
}
#bechars {
  margin-top: 10px;
}
.cwgTable {
  padding-top:10px;
  width: 380px;
}
.cwgTableTitle {
  font-size:20px;
  color:#ECF9FB;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 10px;
}
.cwg_t_heard {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color:#00E9DB;
  font-size:13px;
  background: #012B55;
  padding:10px 0;
}
.cwg_th,.cwg_t_td {
  flex:1;
  text-align: center;
}
.cwg_t_body {
  padding: 5px 0px;
}
.cwg_t_b_wrap {
  height: 225px;
  overflow:auto scroll ;
}
.cwg_t_b_wrap::-webkit-scrollbar {
  width: 5px;
}

.cwg_t_b_wrap::-webkit-scrollbar-track {
  background-color: rgba(7, 166, 255, 0.38);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cwg_t_b_wrap::-webkit-scrollbar-thumb {
  background-color: #07a6ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cwg_t_tr {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color:#00E9DB;
  font-size:13px;
  padding:10px 0;
  font-weight: 400;
  border-bottom:2px dashed #0B3463;
}
.b_body {
  padding:5px 0;
}
.b_b_wrap {
  height: 240px;
  overflow: auto scroll;
  padding-right:5px;
}
.b_b_wrap::-webkit-scrollbar {
  width: 5px;
}
.b_b_wrap::-webkit-scrollbar-track {
  background-color: rgba(7, 166, 255, 0.38);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.b_b_wrap::-webkit-scrollbar-thumb {
  background-color: #07a6ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#buttonTable{
    padding-top: 10px;
}
#buttonTable>span{
    display: inline-block;
    width:100px;
    text-align:center;
    line-height:100%;
    padding:0.3em;
    font:16px Arial,sans-serif bold;
    font-style:normal;
    text-decoration:none;
    margin:2px;
    vertical-align:text-bottom;
    zoom:1;
    outline:none;
    font-size-adjust:none;
    font-stretch:normal;
    border-radius:50px;
    box-shadow:0px 1px 2px rgba(0,0,0,0.2);
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
    color:#fefee9;
    border:0.2px solid #2299ff;
    background-repeat:repeat;
    background-size:auto;
    background-origin:padding-box;
    background-clip:padding-box;
    background-color:#3399ff;
    background: linear-gradient(to bottom, #eeeff9 0%,#3399ff 100%);

}
#buttonTable>#previousPage{
    display: none;
}
/*#titThead{*/
/*    display:block;*/
/*    width:1300px;*/
/*}*/
/*thead tr{*/
/*    width:100%;*/
/*}*/
/*.tit1>tr>th{*/
/*    width: 155px;*/
/*}*/
/*.tit1>tr>th:nth-of-type(1){*/
/*    width: 490px;*/
/*}*/
/*.tit2{*/
/*    display:block;*/
/*    height: 397px;*/
/*    overflow: auto;*/
/*    width: 100%;*/
/*}*/
/*.tit2>.xiahuaxian{*/
/*    display:block;*/
/*}*/
/*.tit2>tr>td{*/
/*    width: 155px !important;*/
/*}*/
/*.tit2>tr>td:nth-of-type(1){*/
/*    width: 490px !important;*/
/*}*/

.tit2_wrap::-webkit-scrollbar {
    width: 5px;
}
.tit2_wrap::-webkit-scrollbar-track {
    background-color:rgba(7,166,255,0.38);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
.tit2_wrap::-webkit-scrollbar-thumb {
    background-color:rgb(7, 166, 255);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}

/*。。。。。。。*/
#sel{
    position: absolute;
    top:30px;
    right:200px;
    z-index: 12;
}
#sel li{
    height: 55px;
    display: inline-block;
    color: #00D6E9;
    font-size: 17pt;
    background-repeat: no-repeat;
    background-size: contain;
}
#sel .sel_input{
    width:220px;
    border:0px #3f75e9 solid;
    height:32px;
    text-indent:2rem;
    border-radius:8px;
    color:#999999;
    font-size:1rem;
    background:url(../images/times.png) no-repeat 8px #08225f;
    float:left;
    margin-top:30px;
}