@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body, html, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, span {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  list-style: none;
}
html, body {
  height: 100%;
  font-size: 14px !important;
  font-family: "微软雅黑";
  overflow: hidden;
}
a {
  text-decoration: none
}
.clear {
  clear: both
}
/*图标部分*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1579145233667'); /* IE9 */
  src: url('iconfont.eot?t=1579145233667#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1579145233667') format('woff'),
  url('iconfont.ttf?t=1579145233667') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1579145233667#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-chaxun:before {
  content: "\e607";
}
.icon-dingweiweizhi:before {
  content: "\e602";
  font-size: 40px;
  color: #ff7949
}
.icon-shuoming:before {
  content: "\e64f";
}
.icon-xuzhi:before {
  content: "\e626";
}
.icon-chaxun:before {
  content: "\e607";
}
.icon-dikuai:before {
  content: "\e6c7";
}
.icon-dikuai1:before {
  content: "\e600";
  font-size: 16px;
}
.icon-cha:before {
  content: "\e623";
}
.icon-dianxuan:before {
  content: "\e63b";
  font-size: 16px;
}
.icon-quantu:before {
  content: "\e6e1";
  font-size: 20px;
}
.icon-hecha:before {
  content: "\e80b";
}
.icon-dayin:before {
  content: "\e647";
}
.icon-yonghu:before {
  content: "\e6ea";
  font-size: 1.8rem
}
.icon-location:before {
  content: "\e601";
}
.icon-huaxian:before {
  content: "\e613";
  font-size: 20px;
}
.icon-gongjuxiang:before {
  content: "\e6aa";
}
.icon-quantu1:before {
  content: "\e701";
}
.icon-yuandian-xuanzhong_huaban:before {
  content: "\e693";
}
.icon-jiguan:before {
  content: "\e97c";
}
.icon-huizhi:before {
  content: "\e81e";
}
.icon-huaxianban:before {
  content: "\e73a";
  font-size: 18px;
}
.icon-quanshuguanli:before {
  content: "\e72f";
  font-size: 20px;
}
/*图标完*/
/*头部文件*/
.header {
  background-color: #fff;
  box-shadow: 0 0 .5rem 0 rgba(9, 41, 77, .25);
  z-index: 99;
  width: 100%;
  position: relative;
}
.header-logo {
  font-size: 1.8em;
  float: left;
  width:420px;
  margin-bottom: .9rem;
  margin-left: 4rem;
  margin-top: .9rem;
}
h1{
 
  background-size:77px 34px;
  width: 77px;
  height: 34px;
}
.search-form {
  float: left;
  margin-top: .9rem;
}
.search-form-wrapper {
  width: 30rem;
  font-size: .9rem;
  padding: .7rem 0 1.9rem .8rem;
  border: 1px solid #e0e3e1;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  position: relative;
}
.search-form-input {
  float: left;
  height:1.5rem;
  border: none;
  outline: 0;
  width: 65%;
  color: #666;

}
.search-form-submit {
  float: left;
  -webkit-appearance: none;
  border: none;
  width: 15%;
  text-align: center;
  outline: 0;
  cursor: pointer;
  background: url(chaxun.png) no-repeat center;
  background-size: 20px 20px;
  height:1.5rem
}
.search-form-selected {
   float: left;
  -webkit-appearance: none;
  border: none;
  /* text-align: center; */
  outline: 0;
  cursor: pointer;
  /* height:1.5rem; */
   width: 20%;
}
.search-form-wrapper .clear-date{
  position: absolute;
  right:50px;
  top:5px;
  color:#a9a9a9;
  font-size: 16px;
  border-right: 1px solid #e5e5e5;
  margin-top:2px;
  padding-right:10px;
  cursor: pointer;
  display: none;
}
.header-aside {
  float: right;
  margin-top: 1.5rem;
}
.cndns-right-meau {
  display:inline-block;
  height:40px;
  width:70px;
  margin-right: 10px;
}
.cndns-right-meau a{
  color: #4848aa;
  display: flex;
}
.cndns-right-meau a span {
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
}
.cndns-right-meau:hover .cndns-right-box {
  display: block;
}
.cndns-right-box {
  position:fixed;
  top: 50px;
  right: 30px;
  display: none;
  width:300px;
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 .15rem 1.5rem 0 rgba(9,41,77,.15);
  -moz-box-shadow: 0 .15rem 1.5rem 0 rgba(9,41,77,.15);
  box-shadow: 0 .15rem 1.5rem 0 rgba(9,41,77,.15);
  z-index:999;
  overflow-x: scroll;
  height:240px;

}
.cndns-right-box h3{
  color:#555;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
}
.cndns-right-box p{
  line-height: 26px;
}
.cndns-right-box .openTop-checkbox{
  position: absolute;
  border:none;
  top:185px;
  left:20px
}
.cndns-right-box .buttonNext{
  margin: 8px auto;
  background:  #4949ab;
  color:#fff;
  padding: 3px 38px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  border:none;
}
.header-aside a:hover {
  color: #EB4F08
}
.header-aside a span {
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
}
/*工具*/
.search-tool {
  margin-top: 1.5rem;
  position: absolute;
  z-index: 9;
  right:-1px;
}
.tool {
  float: right;
  margin-right: 2.5rem;
}
.toolbar {
  display: flex;
  background: #4848aa;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  color: #454545;
  font-size: 12px;
  border-radius: 8px;
  padding: .7rem;
}
.toolbar a {
  margin-right: 1.2rem;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.toolbar a:hover {
  /*color: #FF5612*/
}
.toolbar a i, .NavButton_Icon i {
  vertical-align: middle;
}
.toolbar a span {
  font-size: 12px;
}
/*放大缩小*/
.NavBar_Button {
  position: absolute;
  right: 2.65rem;
  top: 9.5rem;
  width:32px;
  height:64px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  display: block;
  z-index: 9;
}
.NavBar_Button .zoom_divider {
  position: relative;
  background-color: #ececec;
  height: 1px;
  width: 100%;
  top: 32px;
}
.NavBar_zoomIn {
  border-radius: 6px 6px 0 0;
  display: block;
  padding:8px;
}
.NavBar_zoomOut {
  border-radius: 0 0 6px 6px;
  display: block;
  padding:8px;
}
a.NavBar_zoomIn:hover, a.NavBar_zoomOut:hover {
  background: #f0f0ff
}
.NavBar_zoomIn .NavButton_Icon {
  background: url(icon-plus.png);
}
.NavBar_zoomOut .NavButton_Icon {
  background: url(icon-less.png);
}
.NavButton_Icon {
  height: 16px;
  width: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/*点击显示详细*/
.tooltip {
  background: #4848aa;
  border-radius: 8px;
  /* bottom: 0px; */
  color: #fff;
  display: block;
  left: 0px;
  margin-bottom: 5px;
  /* opacity: 0; */
  padding: 15px;
  pointer-events: none;
  position: absolute;
  width: 150px;
}
.tooltip tr{
	margin-bottom: 7px;
	display: block;
}
.tooltip .label {
    width: 100%;
    display: inline-block;
    text-align: left;
}
.tooltip .info {
    /* width: 60%; */
    display: inline-block;
    word-break: break-all;
}
.tooltip p {
  display: block;
  width: 100%;
  padding: 4px 0px;
}
.tooltip p .label {
  display: block;
  color: #c5c5ee;
  text-align: left;
  font-weight: normal;
}
.tooltip p .info {
  color: #fff;
  text-align: left;
  white-space: normal;
  font-size: 14px;
  display: block;
  font-weight: normal;
}
/*图例*/
.slideOutTip {
  position: relative;
  background-color: #4949ab;
  font-size: 12px;
  /*margin-bottom: 5px;*/
  display: inline-block;
  color: #fff;
  height: 30px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}
.slideOutTip:hover {
  -moz-box-shadow: 0 0 1px #999;
  -webkit-box-shadow: 0 0 1px #999;
  box-shadow: 0 0 1px #999;
}
.tipVisible {
  cursor: pointer;
  height:25px;
}
.tipTitle {
  font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
  font-size: 12px;
  white-space: nowrap;
  line-height: 22px;
  padding: 4px;
  color: #fff;
  float: left;
}
.tipIcon {
  float: left;
  margin-right: 5px;
}
.plusIcon {
  width: 13px;
  height: 13px;
  margin:7px 0px 0px 8px;
  background: url('plus.gif') no-repeat center center;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.slideOutTip.isOpened {
  z-index: 10000;
}
.slideOutTip.isOpened .plusIcon {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slideOutContent p {
  font-size: 0px;
}

.openTop span {
  padding-left: 20px;
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
  line-height: 16px;
  display: block;
  position: relative;
  color: #fff;
  margin: 4px 0px 9px 0px;
  font-size: 12px;
}
.openTop-checkbox{
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0px;
  cursor: pointer;
}
.Legend_Button .openTop .openTop-span{
  padding: 0px 3px;
}
.Legend_Button .openTop .openTop-checkboxText{
  display: inline-block;
  width: auto;
  color: #fff;
  line-height: 15px;
  position: absolute;
  top: -18px;
  left: 20px;
  padding: 0px;
}
.openTop-xieyi{
  color: #289fea;
  cursor: pointer;
}
.openTop-buttonOk{
  margin: 0 auto;
  display: block;
  color: #4949ab;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.openTop span .legend-block{
  height:10px;
  width:18px;
  border:1px solid rgb(0,0,0);;
  background: #e9ffbe;
  position: absolute;
  left:-5px;
  top:3px;
}
.openTop span .line-blue{
  height:4px;
  width:18px;
  background: #efbfff;
  position: absolute;
  left:-5px;
  top:5px;
}
.openTop span .line-red{
  height:2px;
  width:18px;
  background: #efbfff;
  position: absolute;
  left:-5px;
  top:8px;
}
.openTop span .block-blue{
  height:10px;
  width:18px;
  border:1px solid #38aa00;
  background: #e9ffbe;
  position: absolute;
  left:-5px;
  top:2px;
}
.openTop span .block-red{
  height:10px;
  width:18px;
  border:1px solid #e6e600;
  background: #ffff73;
  position: absolute;
  left:-5px;
  top:2px;
}
.openTop span .block-yellow{
  height:10px;
  width:18px;
  border:1px solid #d3d3d3;
  background: #ededed;
  position: absolute;
  left:-5px;
  top:2px;
}

.jinruxuzhi-span {
  padding: 0px 20px;
	line-height: 15px;
	display: block;
	position: relative;
	color: #fff;
	margin: 25px 0px;
	font-size: 14px;
}
.jinruxuzhi-checkbox{
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 1000;
}
.jinruxuzhi-checkboxText{
  display: inline-block;
    width: auto;
    color: #fff;
    line-height: 25px;
    position: absolute;
    top: 15px;
    left: 20px;
    padding: 0 20px;
}
.jinruxuzhi-xieyi{
  color: #289fea;
  cursor: pointer;
}

.slideOutContent {
  display: none;
  padding: 10px;
  font-size: 11px;
}
.Legend_Button > p {
  display: none;
}
.Legend_Button {
  position: absolute;
  bottom: 4rem;
  right: 3rem;
  z-index: 500;
}
/*下拉菜单*/
.droupdownmenue{
    width: 320px;
    height: 200px;
    left: 570px;
    position: relative;
    display: inline-block;
    z-index: 500;
    background-color: white;
    margin-top: 1px;
    border: 1px solid #e0e3e1;
    border-radius: 5px;
    overflow: scroll;
    /* padding: 4px; */
    display: none;
}
.droupdownmenue_row{
padding: 9px;
}
.droupdownmenue_row:hover{
  color: #289fea;
  cursor: pointer;
  
}
/*弹窗*/
.wiggle {
  display:block;
  margin:0 auto;
}

.wiggle:hover {
  -webkit-animation:none;
}

.short-animate {
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
}

.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}

.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  background:rgba(72,72,169,.8);
  z-index:501;
  opacity:0;
}

.lightbox .open-notice {
  position:absolute;
  margin:auto;
  top:45%;
  left:45%;
  padding:20px;
  background:#fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}
.open-notice h2{
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}
.open-notice p{
  font-size: 14px;
  color: #666;
}
#lightbox-controls {
  position:fixed;
  height:70px;
  width:70px;
  top:-70px;
  right:0;
  z-index:502;
  background:rgba(0,0,0,.1);
}
#close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

#close-lightbox:before {
  content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}

#close-lightbox:after {
  content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}

.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
}

.lightbox:target img {
  max-width:100%;
  max-height:100%;
}

.lightbox:target ~ #lightbox-controls {
  top:0px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:50px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:50px;
}
/* iphone手机端样式 */
/* iphone5及以下尺寸 */
@media screen and (max-width:359px){
  .header {
    background: rgba(255,255,255,0.0);
    box-shadow: none
  }
  .header-logo, .header-aside a span {
    display:none;
  }
  .search-form {
    width:66%;
    margin-top: 1rem;
    margin-left:1rem;
    margin-right: 1rem;

  }
  .header-aside {
    background: #fff;
    width:18%;
    text-align: center;
    padding: .6rem 0 0 .6rem;
    margin-top: 1rem;
    margin-right: 1rem;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  }
}
/* iphone5以上手机尺寸 */
@media screen and (min-width:321px) and (max-width:766px){
  .header {
    background: rgba(255,255,255,0.0);
    box-shadow: none
  }
  .header-logo, .header-aside a span {
    display:none;
  }
  .search-form {
    width:78%;
    margin-top: 1rem;
    margin-left:1rem;
    margin-right: 1rem;

  }
  .header-aside {
    background: #fff;
    width:10%;
    text-align: center;
    padding: .6rem 0 0 .6rem;
    margin-top: 1rem;
    margin-right: 1rem;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  }
}
@media screen and (max-width:767px){
  .cndns-right-meau {
    height:30px;
    width:16px
  }
  .cndns-right-box {
    top:45px;
    right:1rem;
  }
  .cndns-right-box p{
    text-align: left;
  }
  .cndns-right-meau .iconfont{
    font-size: 18px;
  }
  .search-form-wrapper {
    max-width: 100%;
    padding: .2rem 0 2.5rem .8rem;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    border:none;
  }
  .search-form-input {
    font-size: .7rem;
    padding: .5rem 0 .45rem .5rem;
    width:50%;
    border:none;
  }
  .search-form-submit{
    margin-top: .4rem;
    border: none;
    width:15%;
    background-size: 15px 15px;
  }
  .search-form-selected {
    margin-top: .4rem;
    border: none;
    background-size: 15px 15px;
   width: 30%;
}
  .search-form-wrapper .clear-date{
    right:60px;
  }

  .search-tool {
    margin-top: 1rem;
  }
  .tool {
    margin-right:1.3rem;
  }
  .toolbar a {
    padding:.4rem 0 .4rem .35rem;
    margin-right: 0;
    color: #fff;
    text-decoration: none;
    display: block;
  }
  .toolbar {
    padding: .1rem;
  }
  .toolbar a .iconfont {
    text-align: center;
    font-size: 15px;
  }
  .icon-dianxuan{
    padding-left: .15rem;
  }
  .icon-dikuai {
    padding-left: .23rem;
  }
 
  .toolbar a span{
    display: none;
  }
  .NavBar_Button {
    right: 1.3rem;
    top: 17rem;
    height:64px;
  }
  .Legend_Button {
    bottom: 4rem;
    right: 1.2rem;
  }
  .lightbox .open-notice {
    top:45%;
    left:25%;
    padding:20px;
  }
  .open-notice p{
    font-size: 12px;
  }
  #lightbox-controls {
    position:fixed;
    height:35px;
    width:35px;
    top:-35px;
  }
  #close-lightbox {
    height:25px;
    width:25px;
    right:6px;
    top:6px;
  }
  #close-lightbox:before {
    width:2px;
    left:11px;
  }

  #close-lightbox:after {
    height:2px;
    top:11px;
  }
  .tooltip {
    width: 140px;
    padding:10px;
    bottom: 0;
  }
  .tooltip p .info {
    font-size: 12px;
  }
  .droupdownmenue{
    left: 0;
    width: 80%;
    height: 30%;
  }
}
/* ipad的尺寸 */
@media (min-width: 768px) and (max-width: 979px) {
  .header-logo {
    width:220px;
    margin-left: 2rem;
    font-size: 1.5em;
    margin-right: 1em;
  }
  h1{
    background-size:60px 27px;
    width: 60px;
    height: 27px;
    float: left;
  }
  .search-form {
    width: 40%;
    margin-top: .6rem;
    margin-bottom: .6rem;
    float: left;
  }
  .search-form-wrapper {
    max-width: 22rem;
  }
  .header-aside {
    float: right;
    width:25%;
    margin-top: 1.5rem;
  }
  .droupdownmenue{
    left: 250px;
  }
}