@charset "utf-8";

:root {
  --base-font-size: 16px;
  --main-color: #1e78ff;
  --font-weight-base: 400;
  --font-weight-bold: 500;
  --font-weight-bolder: 600;
  --font-weight-high: 700;
  --font-color-black: #333b57;
  --font-color-grey: #8b95a8;
  --link-color-blue: #3da9ff;
  --color-green: #05d5ba;
  --color-blue: #0daaff;
  --color-orange: #ffb82e;
  font-size: var(--base-font-size);
  font-weight: var(--font-weight-base);
  letter-spacing: 0;
}


.nbqf-button {
  min-width: 5rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #03a7ff;
  display: block;
  padding: 0.625rem 1.375rem;
  background: #ecf8ff;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  margin-right: 0.625rem;
  cursor: pointer;
}

.nbqf-button.nbqf-button-primary {
  color: #ffffff;
  background-image: linear-gradient(270deg, #8dd7ff 0%, #03a7ff 80%);
}

.nbqf-border-shadows {
  background: #ffffff;
  box-shadow: 0 0.125rem 0.625rem 0 #82828233;
  border-radius: 1rem;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}


body {
  font-size: 1rem;
}

.ofh {
  overflow: hidden;
}

.content {
  background-color: #f4f8fc;
}

.content-wrap {
  width: 75rem;
  margin: 0 auto;
  padding-bottom: 1.875rem;
}

.findaPark-banner-logo {
  width: 90rem;
  height: 15.625rem;
  background: url(banner.png) center top no-repeat;
  background-size: cover;
}

.findaPark-banner-logo .content-wrap {
  display: flex;
  justify-content: space-between;
}

.findaPark-banner-logo img {
  display: block;
  margin-top: 3.5625rem;
  width: 16.0625rem;
}

.park-search {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  width: 37.5rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  margin-top: 4.5625rem;
}

.park-search #q {
  flex: 1;
  background-color: #fff;
  padding: 0 1.25rem;
  border-radius: 1.875rem;
  font-size: 1rem;
  color: #999999;
  line-height: 3.75rem;
}

.park-search .input_button {
  flex-shrink: 0;
  margin: 5px;
  height: 3.125rem;
  width: 10rem;
  background: transparent url(search_btn.png) no-repeat;
  background-size: 10rem 3.125rem;
  border-radius: 1.875rem;
  cursor: pointer;
}

/* 当前位置 */
.dqwz {
  background-color: #fff;
}

.dqwz-list {
  display: flex;
  align-items: center;
  width: 75rem;
  margin: 0 auto;
}

.dqwz-list span:first-child {
  padding-left: 2.125rem;
  background: url(current-position.svg) left center no-repeat;
  background-size: 1.5rem auto;
}

.dqwz-list a,
.dqwz-list span {
  display: block;
  font-size: 1rem;
  color: var(--font-color-black);
  line-height: 3.125rem;
  margin-right: 0.25rem;
}

.dqwz-list a:last-child,
.dqwz-list span:last-child {
  margin-right: 0;
}

/* 园区详情 */

.park-details {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0.125rem 0.625rem 0 #82828233;
  border-radius: 1rem;
  margin-top: 1.875rem;
  padding: 1.875rem;
  padding-top: 2.5rem;
}

.park-imgs-intro {
  display: flex;
  justify-content: space-between;
}

.park-imgs {
  width: 32.5rem;
}

.parks-first-img {
  width: 32.5rem;
  height: 18.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.parks-first-img img {
  display: block;
  width: 32.5rem;
  height: 18.25rem;
  transition: all 0.3s ease-in-out;
}

.parks-first-img img:hover,
.parks-img-list img:hover {
  transform: scale(1.2);
}

.parks-img-list {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}

.img-wrap {
  overflow: hidden;
}

.parks-img-list .img-wrap {
  width: 10rem;
  height: 5.625rem;
  border-radius: 0.25rem;
}

.parks-img-list img {
  width: 10rem;
  height: 5.625rem;
  transition: all 0.3s ease-in-out;
}

.park-intro {
  width: 36.875rem;
}

.park-title-tools {
  display: flex;
  justify-content: space-between;
}

.park-title {
  font-weight: var(--font-weight-bold);
  font-size: 1.75rem;
  color: #333333;
  line-height: 2.125rem;
}

.park-tools {
  display: flex;
  align-items: center;
}

.park-tools a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
}

.park-tools a:last-child {
  margin-right: 0;
}

.park-tools .favorite {
  background: url(favorite.png) no-repeat;
  background-size: cover;
}

.park-tools .share {
  background: url(share.png) no-repeat;
  background-size: cover;
}

.park-type {
  margin-top: 0.625rem;
  display: flex;
}

.park-type span {
  display: block;
  padding: 0 0.5rem;
  background: #eff2f9;
  border-radius: 0.25rem;
  line-height: 1.75rem;
  font-size: 0.875rem;
  color: #333333;
  margin-right: 0.625rem;
}

.park-type span:last-child {
  margin-right: 0;
}

.park-introduction {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.75rem;
  margin-top: 1.25rem;
  height: 5.25rem;
  overflow: hidden;
}

.park-address {
  margin-top: 0.625rem;
}

.park-address span,
.park-size span {
  display: block;
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.75rem;
}

.park-size {
  display: flex;
}

.park-size span:first-child {
  margin-right: 1.25rem;
}

.park-day-rents {
  margin-top: 1.25rem;
  display: flex;
}

.park-property-cost {
  display: flex;
  margin-top: 0.625rem;
}

.park-day-rents span,
.park-property-cost span {
  display: block;
  font-size: 1rem;
  color: #333333;
  line-height: 1.875rem;
}

.park-day-rents em,
.park-property-cost em {
  display: block;
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  color: #03a7ff;
}

.parks-menu {
  margin-top: 1.875rem;
  display: flex;
}



.parks-menu .concact {
  background: url(concact.png) no-repeat;
  background-size: cover;
}

.parks-menu .reservation {
  background: url(reservation.png) no-repeat;
  background-size: cover;
}

.park-synopsis {
  margin-top: 1.875rem;
}

.park-synopsis-title,
.park-sources-title {
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  color: #333333;
  line-height: 2.25rem;
}

.park-synopsis-details {
  margin-top: 0.9375rem;
  font-size: 1rem;
  color: #333333;
  text-align: justify;
  line-height: 2rem;
}

/* 园区资源 */
.park-sources {
  margin-top: 1.875rem;
}
.park-sources-list {
  display: flex;
  flex-wrap: wrap;
}
.park-sources-list li {
  margin: 1.25rem 1.25rem 0 0;
  width: calc((100% - 1.25rem) / 2);
  min-height: 9.75rem;
  background: #f4f8fc;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  padding: 1.25rem;
  display: flex;
}
.park-sources-list li:nth-child(2n) {
  margin-right: 0;
}
.park-sources-list li .park-sources-item-img {
  width: 7.25rem;
  height: 7.25rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  margin-right: 1.25rem;
}
.park-sources-list li .park-sources-item-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.park-sources-list li .park-sources-item-present {
  flex: 1;
}
.park-sources-list li .park-sources-item-present-top {
  display: flex;
  align-items: center;
  color: #333333;
}
.park-sources-list li .park-sources-item-present .present-title {
  font-size: 1rem;
  line-height: 2;
}
.park-sources-list li .park-sources-item-present .present-prices {
  margin-left: auto;
  font-size: 0.875rem;
  line-height: 2;
}
.park-sources-list li .park-sources-item-present .present-prices i {
  font-size: 1.25rem;
  color: #ff5001;
}
.park-sources-list li .park-sources-item-present-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.park-sources-list li .park-sources-item-present-item {
  font-size: 0.875rem;
  color: #999999;
  line-height: 2;
  display: block;
  min-width: 48%;
}
.park-sources-list li .park-sources-item-present-item:first-child {
  width: 100%;
}
.park-sources-list li .park-sources-item-present-item:nth-child(2n) {
  margin-right: 0;
}
.common-title h2 {
  font-size: 1.5rem;
  color: #333333;
  line-height: 2.25rem;
  font-weight: var(--font-weight-bold);
}
/* 园区周边配套 */
.park-neighbourhood {
  background: #ffffff;
  box-shadow: 0 0.125rem 0.625rem 0 #82828233;
  border-radius: 1rem;
  margin-top: 1.8125rem;
  padding: 1.875rem;
}

.park-map-box {
  width: 31.875rem;
}

.park-map-wrap {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}

.map-type {
  display: flex;
  flex-wrap: wrap;
}

.map-type span {
  display: block;
  padding: 0 0.5rem;
  font-size: 1rem;
  color: #333333;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  background-color: #f4f8fc;
  border-radius: 0.25rem;
  line-height: 2.125rem;
  cursor: pointer;
}

.map-type span:last-child {
  margin-right: 0;
}

.map-type span.active {
  background-color: #03a7ff;
  color: #fff;
}

.map-type-wrap {
  margin-top: 0.625rem;
}

.road,
.metro,
.aircrafts {
  display: flex;
}

.road-icon,
.metro-icon,
.aircrafts-icon {
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
  flex-shrink: 0;
}

.road-info {
  flex: 1;
}

.road-info,
.map-other-info {
  display: flex;
}

.map-other-info {
  margin: 1.25rem 0;
}

.road-icon {
  background-image: url(road.png);
}

.metro-icon {
  background-image: url(metro.png);
}

.aircrafts-icon {
  background-image: url(aircrafts.png);
}

.road-info-exit,
.metro,
.aircrafts {
  width: 50%;
}

.road-info-exit span:first-child,
.metro-info span:first-child,
.aircrafts-info span:first-child {
  display: block;
  font-size: 1rem;
  color: #333333;
  line-height: 1.375rem;
}

.road-info-exit span:last-child,
.metro-info span:last-child,
.aircrafts-info span:last-child {
  display: block;
  font-weight: var(--font-weight-bold);
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.625rem;
}

.transport-info {
  border-top: 0.0625rem solid #dcdfe6;
}

.transport-station {
  display: flex;
  flex-wrap: wrap;
}

.station-name {
  width: 100%;
  margin-top: 20px;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.625rem;
  font-weight: var(--font-weight-bold);
}

.station-info {
  margin-top: 0.875rem;
  display: flex;
  align-items: center;
}
.station-info span {
  display: block;
  font-size: 1rem;
  color: #333333;
  margin-right: 0.4375rem;
}

.transport-list {
  display: flex;
}

.transport-list span {
  display: block;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  color: #f4f8fe;
  line-height: 1.75rem;
  margin-right: 0.4375rem;
  background-color: #03a7ff;
  border-radius: 0.25rem;
}

.transport-list span:last-child {
  margin-right: 0;
}

.map {
  width: 37.5rem;
}

.map img {
  width: 100%;
  height: auto;
}

.park-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.park-area > div {
  background: #ffffff;
  box-shadow: 0 0.125rem 0.625rem 0 #82828233;
  border-radius: 1rem;
  margin-top: 1.875rem;
  width: 36.875rem;
  padding: 1.875rem;
}

.office-item {
  margin-top: 1.25rem;
  display: flex;
}

.office-item ~ .office-item {
  margin-top: 1.625rem;
}

.office-img {
  width: 6.8125rem;
  height: 6.8125rem;
  flex-shrink: 0;
  margin-right: 0.875rem;
  background-image: url(office_1.png);
  background-size: 6.8125rem 6.8125rem;
}

.office-item + .office-item .office-img {
  background-image: url(office_2.png);
}

.office-item + .office-item + .office-item .office-img {
  background-image: url(office_3.png);
}

.office-item + .office-item + .office-item + .office-item .office-img {
  background-image: url(office_4.png);
}

.office-info a,
.office-info span {
  display: block;
}

.office-info a:first-child,
.office-info span:first-child {
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  color: #333333;
  line-height: 2.25rem;
  margin-bottom: 0.9375rem;
}

.office-info span:first-child + span,
.office-info span:first-child + span + span {
  font-size: 1rem;
  color: #333333;
  line-height: 2rem;
}

.enterprises-img {
  margin-top: 1.25rem;
}

.enterprises-img img {
  width: 31.0625rem;
  height: auto;
}

/* 园区动态及政策 */
.policy-developments {
}
.developments-col-title {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #dcdfe6;
}
.developments-col-title .developments-col-title-item {
  font-weight: 400;
  font-size: 1.375rem;
  color: #999999;
  letter-spacing: 0;
  line-height: 1;
  margin-right: 2.5rem;
  cursor: pointer;
}
.developments-col-title .developments-col-title-item:last-child {
  margin-right: 0;
}
.developments-col-title .developments-col-title-item.active {
  font-weight: 500;
  color: #333333;
}
.developments-list-content {
  /* min-height: 40.0625rem; */
}
.developments-list-content li {
  padding: 1.25rem 0;
  border-bottom: 1px solid #dcdfe6;
  display: flex;
  flex-wrap: wrap;
}
.developments-list-content li:last-child {
  border-bottom: none;
}
.developments-list-content li .developments-list-title {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 1.625rem;
  margin-bottom: 0.625rem;
}
.developments-list-content li .developments-list-abstracts {
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  letter-spacing: 0;
  line-height: 2;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.developments-list-content li .graphic-item-img {
  width: 8.36rem;
  height: 6.25rem;
  margin-right: 1.25rem;
}
.developments-list-content li .graphic-item-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.developments-list-content li .graphic-item-minute {
  flex: 1;
}
.developments-list-content li .graphic-item-minute .graphic-item-time {
  font-weight: 400;
  font-size: 1rem;
  color: #03a7ff;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.developments-list-content li .graphic-item-minute .graphic-item-title {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 2;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}