@charset "UTF-8";
/**!
* 中心简介 
* date:2022-06-13
* author: qcn;
*/
@font-face {
  font-family: SourceHanSerifCN-Heavy;
  src: url("../css/font/SOURCEHANSERIFCN-HEAVY.OTF");
}

.container {
  width: 1200px;
  margin: 0 auto;
}

/* 位置 */
.location {
  color: #999;
  font-size: 16px;
  padding-left: 27px;
  background: url("../images/location-bg.png") no-repeat left center;
  margin-top: 32px;
}

.location-name {
  color: #535ff0;
}

.location-link {
  margin-left: -3px;
}

/* 主区域 */
.content {
  margin-top: 35px;
}

.content-box {
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 1px 21px 0px rgba(168, 194, 219, 0.23);
          box-shadow: 0px 1px 21px 0px rgba(168, 194, 219, 0.23);
}

.title {
  color: #333;
  font-size: 40px;
  font-family: SourceHanSerifCN-Heavy;
  text-align: center;
  position: relative;
  padding-top: 50px;
}

.title-english {
  color: rgba(169, 203, 255, 0.16);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -27px;
}

.title::after {
  content: '';
  position: absolute;
  width: 64px;
  height: 2px;
  background: #2766c6;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -3px;
}

.center {
  padding: 0 38px 0 42px;
}

.center-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.center img {
  width: 480px;
  height: 320px;
}

.center .article {
  width: 1120px;
  height: 320px;
  background: #fff;
  border: 1px solid #cadeff;
  border-left: none;
  padding: 15px 24px 15px 24px;
}

.center .article p {
  color: #666;
  font-size: 16px;
  text-indent: 2em;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.government {
  padding: 0 40px 40px;
}

.government-box {
  height: 640px;
  position: relative;
  margin-top: 37px;
  padding: 24px 0 0 26px;
}

.map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.map .leaflet-control-attribution a {
  display: none;
}

.info {
  width: 360px;
  position: relative;
  z-index: 999;
}

.info-box {
  width: 360px;
  height: 525px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  margin-top: 16px;
}

.info-list {
  max-height: 430px;
  margin-top: 12px;
}

.info-item {
  border-top: 1px solid #e2e6ed;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 17px 16px 20px;
}

.info-item-title {
  color: #455265;
  font-size: 20px;
  font-weight: 600;
  padding-left: 27px;
  background: url("../images/location.png") no-repeat left center;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info-item-field {
  color: #999;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.info-item-field + .info-item-field {
  margin-top: 10px;
}

.info-item-name {
  width: 67px;
  text-align: justify;
  text-align-last: justify;
}

.info-item-text {
  color: #666;
  margin-left: 6px;
  width: 240px;
  line-height: 24px;
}

.info-item a {
  display: block;
  height: 100%;
}

.info-item:first-child {
  border-top: none;
}

.info-item.active {
  background: #dfecff;
  -webkit-box-shadow: 0px 14px 10px 0px rgba(193, 211, 239, 0.26);
          box-shadow: 0px 14px 10px 0px rgba(193, 211, 239, 0.26);
}

.info-item.active + li {
  border-top-color: transparent;
}

.search {
  width: 360px;
  height: 48px;
  background: #fff;
  -webkit-box-shadow: 0px 14px 10px 0px rgba(193, 211, 239, 0.26);
          box-shadow: 0px 14px 10px 0px rgba(193, 211, 239, 0.26);
  border-radius: 8px;
  position: relative;
}

.search input {
  width: 360px;
  height: 48px;
  padding: 0 70px 0 17px;
  color: #999;
  font-size: 16px;
  border: none;
}

.search input:focus {
  outline: none;
}

.search a {
  position: absolute;
  width: 64px;
  height: 48px;
  display: inline-block;
  background: #2766c6 url("../images/search.png") no-repeat center;
  top: 0;
  right: 0;
}

.select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 16px 0;
}

.select .chosen-container {
  width: 156px !important;
}

.select .chosen-container-single .chosen-single {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #999;
  padding-left: 16px;
}

.select .chosen-container-single .chosen-single div b {
  background: url("../images/arrow.png") no-repeat center;
}

.select .chosen-container-single .chosen-single div {
  right: 16px;
}

.select .chosen-container .chosen-results li {
  font-size: 16px;
  padding: 12px 6px 12px 16px;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  display: none;
}

.leaflet-marker-icon {
  background: url("../images/marker.png");
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: rgba(245, 249, 255, 0.9);
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(17, 71, 131, 0.35);
          box-shadow: 0px 2px 8px 0px rgba(17, 71, 131, 0.35);
  border-radius: 4px;
  padding: 4px 0 7px 0;
}

.leaflet-container a.leaflet-popup-close-button {
  top: 15px;
  right: 19px;
  color: transparent;
  background: rgba(245, 249, 255, 0.9) url("../images/close.png") no-repeat center;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: transparent;
}

.leaflet-popup-tip-container {
  display: none;
}

.marker-box {
  padding: 0;
}

.marker-box:hover {
  background: rgba(245, 249, 255, 0.9);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.marker-box.active {
  background: rgba(245, 249, 255, 0.9);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.marker-box a {
  pointer-events: none;
}

.marker-box .info-item-title {
  font-size: 16px;
  padding-left: 0;
  background: none;
  color: #2766c6;
  max-width: 240px;
  margin-bottom: 15px;
}

.marker-box .info-item-name {
  width: 68px;
}