@charset "UTF-8";
* {margin: 0; padding: 0; box-sizing: border-box; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;}
body {background-color: #ffffff; color: #333333; line-height: 1.6;}
.container {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px;}
a{text-decoration: none;}
i{font-family:"iconfont" !important; font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.el-1,.carousel-title,.latest-park-title,.park-title,.news-title,.new-content h2.news-title,.new-subtitle,.de-title,.zc-item-title,.zc-d-side-link,.dq-item-desc,.dq-item-title,.news-title,.company-name,.si-enterprise-name a{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.el-2,.new-dynamic-desc,.park-description,.new-summary,.zc-item-desc,.news-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.el-3,.carousel-description,.latest-park-description,.new-dynamic-desc,.new-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.btn,.dq-link,.zc-search{display: inline-block; background: #2c5aa0; color: white; padding: 8px 15px; border-radius: 6px; text-decoration: none; font-weight: 500; transition: all 0.3s; font-size: 13px;}
.btn:hover,.dq-link:hover,.zc-search:hover{background: #1a3a8f;}
/* 顶部通栏 */
.top-bar {background-color: #f9f9f9; padding:5px 0; font-size: 12px;}
.top-bar-content {display: flex; justify-content: space-between; align-items: center;}
.welcome-text {color: #666;}
.top-links a {color: #666; text-decoration: none; margin-left: 20px; transition: color 0.3s;}
.top-links a:hover {color: #2c5aa0;}

/* 头部 */
header {background-color: #ffffff; padding: 0; position: sticky; top: 0; z-index: 1000;}
.header-content {display: flex; justify-content: space-between; align-items: center; position: relative; padding: 18px 0;}
.logo {display: flex; align-items: center;}
.logo img {height: 50px;}
.header-contact {display: flex; align-items: center; position: relative;}
.phone-number {margin-right: 15px; color: #333; font-weight: 500;}
header .iconfont.icon-ewm{font-size: 24px;}
.qr-code {font-size: 24px; color: #2c5aa0; cursor: pointer; position: relative;}
.qr-dropdown {position: absolute; top: 100%; right: 0; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: none; z-index: 1001; width: 150px; text-align: center;}
.qr-dropdown img {width: 120px; height: 120px; margin-bottom: 10px;}
.qr-dropdown p {font-size: 12px; color: #666;}
.qr-code:hover .qr-dropdown {display: block;}
        
/* 导航条*/
.allnav {width: 100%; background: #0f2c61;}
.nav-main {position: relative; display: flex; justify-content: space-between; align-items: center;}
.nav-menu {display: flex; list-style: none;flex:1;}
.nav-menu li {margin: 0 15px; position: relative;}
.nav-menu a {color: #fff; text-decoration: none; font-weight: 500; padding: 15px 0; transition: color 0.3s; display: block;}
.nav-menu a:hover {color: #2c5aa0;}
.nav-menu a.active {color: #fff; font-weight: 600;}
.nav-menu a:after {content: ''; position: absolute; width: 0; height: 4px; bottom: 0; left: 0; background-color: #ffcc00; transition: width 0.3s;}
.nav-menu a:hover:after, .nav-menu a.active:after {width: 100%;}
.current-date {color: #fff; font-size: 14px;}

/* 移动端菜单按钮 */
.mobile-menu-toggle {display: none; background: none; border: none; font-size: 24px; color: #2c5aa0; cursor: pointer; margin-left: 15px; z-index: 1001;}

/* 首页 最新加入通栏 */
.s-carou {padding:20px 0 40px; display: flex;}
.s-carou .container {display: flex; gap:20px;}
.latest-park {width: 20%;background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);border-radius:5px;padding: 25px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: transform 0.3s;}
.latest-park:hover {transform: translateY(-5px);}
.latest-park h2 {font-size: 20px; font-weight: 700; color: #2c5aa0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #2c5aa0;}
.latest-park-content {display: flex; flex-direction: column;}
.latest-park-title {font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #333;}
.latest-park-location {color: #666; margin-bottom: 15px; display: flex; align-items: center; font-size: 14px;}
.latest-park-location i {margin-right: 8px; color: #2c5aa0;}
.latest-park-description {color: #555; margin-bottom: 20px; line-height: 1.6; font-size: 13px;}
.latest-park-features {display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px;}
.latest-feature {display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.05);}
.latest-feature-label {font-size: 13px; color: #666;}
.latest-feature-value {font-weight: 700; font-size: 14px; color: #2c5aa0;}
.latest-park-link {display: inline-block; background: linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%); color: white; padding: 10px 15px; border-radius: 8px; text-decoration: none; font-weight: 500; transition: all 0.3s; text-align: center; align-self: flex-start; font-size: 13px; box-shadow: 0 4px 10px rgba(44, 90, 160, 0.3); width: 100%;}
.latest-park-link:hover {background: linear-gradient(135deg, #1a3a8f 0%, #0f2c61 100%); box-shadow: 0 6px 15px rgba(44, 90, 160, 0.4); transform: translateY(-2px);}

/* 首页 推荐园区轮播区域 */
.featured-carousel {border-radius:5px; width: 80%; height: 100%; color: white; position: relative; overflow: hidden; background: linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%); transition: background 0.8s ease-in-out;}
.carousel-container {position: relative; height: 100%;}
.carousel-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease-in-out; display: flex; align-items: center;pointer-events: none;}
.carousel-slide.active {opacity: 1;pointer-events: auto;}
.carousel-content {display: flex; align-items: center; width: 100%; height: 100%;position: relative;z-index: 1;}
.carousel-image {width: 75%; height: 100%; overflow: hidden;}
.carousel-image img {width: 100%; height: 100%; object-fit: cover;}
.carousel-info {width: 25%; padding: 0 40px;}
.carousel-badge {display: inline-block; background: rgba(255, 255, 255, 0.2); color: white; padding: 6px 15px; border-radius: 20px; font-size: 13px; margin-bottom: 15px; align-self: flex-start;}
.carousel-title {font-size: 22px; font-weight: 700; margin-bottom: 15px; color: white; line-height: 1.3;}
.carousel-location {font-size: 15px; margin-bottom: 15px; display: flex; align-items: center; color: rgba(255, 255, 255, 0.9);}
.carousel-location i {margin-right: 8px;}
.carousel-description {font-size: 14px; margin-bottom: 20px; line-height: 1.6; color: rgba(255, 255, 255, 0.9);}
.carousel-details {display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px;}
.detail-item {display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.detail-value {font-size: 15px; font-weight: 700; color: white;}
.detail-label {font-size: 13px; color: rgba(255, 255, 255, 0.8);}
.carousel-link {display: inline-block; background: white; color: #2c5aa0; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 500; transition: all 0.3s; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); font-size: 14px; text-align: center; width: 100%;}
.carousel-link:hover {transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); background: #f5f7fa;}
.carousel-controls {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px;}
.carousel-dot {width: 12px; height: 12px; border-radius: 50%; background-color: rgba(255,255,255,0.5); cursor: pointer; transition: background-color 0.3s;}
.carousel-dot.active {background-color: white;}

/* 首页 园区大全 */
.al-park-overview {padding: 60px 0; margin-bottom: 60px; background: #f5f7fa;}
.al-section-header {display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
.al-section-title {font-size: 26px; font-weight: 700; color: #333; margin-bottom: 5px; text-align: center;}
.al-view-all {color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center;}
.al-view-all i {margin-left: 5px; transition: transform 0.3s;}
.al-view-all:hover i {transform: translateX(5px);}
.al-search-container {display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; width: 100%;}
.al-search {display: flex; align-items: center; background: white; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 2px solid #2c5aa0; width: 100%;}
.al-search form{display: flex; align-items: center;width:100%;}
.al-search input {flex: 1; border: none; padding: 10px 8px; font-size: 14px; outline: none; background: transparent;}
.al-search button {background: #2c5aa0; color: white; border: none; padding: 12px 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; font-size: 15px; font-weight: 500;}
.al-search button:hover {background: #1a3a8f;}
.al-province-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 9px; overflow: hidden; max-height: 190px; transition: max-height 0.5s ease;}
.al-province-grid.expanded {max-height: 1000px;}
.al-province-card {background-color: white; border-radius: 8px; padding: 15px 10px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.3s; cursor: pointer; border: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3px;}
.al-province-card:hover {transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-color: #2c5aa0;}
.al-province-name {font-weight: 600; font-size: 15px; color: #333; margin-bottom: 5px;}
.al-province-count {color: #666; font-size: 12px; background-color: #f5f7fa; padding: 2px 6px; border-radius: 12px;}
.al-more-provinces {display: flex; justify-content: center; margin-top: 20px;}
.al-more-provinces-btn {background-color: #f5f7fa; color: #2c5aa0; border: 1px solid #2c5aa0; border-radius: 30px; padding: 8px 20px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 5px;}
.al-more-provinces-btn:hover {background-color: #2c5aa0; color: white;}

/* 首页 重点园区 */
.featured-parks {margin-bottom: 50px;}
.section-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.section-title {font-size: 24px; font-weight: 700; color: #333; margin-bottom: 5px; display: flex; align-items: center; gap: 12px;}
.section-title::before {content: ''; display: block; width: 6px; height: 22px; background-color: #2c5aa0; border-radius: 6px;}
.view-all {color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center;}
.view-all i {margin-left: 5px; transition: transform 0.3s;}
.view-all:hover i {transform: translateX(5px);}
.parks-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px;}
.park-card {background-color: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; margin-bottom: 30px;}
.park-card:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.12);}
.park-image {height: 200px; background-color: #e0e0e0; background-size: cover; background-position: center; position: relative;display:block;}
.park-badge {position: absolute; top: 15px; right: 15px; background-color: #2c5aa0; color: white; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: 500;}
.park-content {padding: 25px;}
.park-title a{font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #333;}
.park-location {color: #666; margin-bottom: 15px; display: flex; align-items: center;}
.park-location i {margin-right: 5px;color: #2c5aa0;}
.park-description {color: #555; margin-bottom: 20px; line-height: 1.6;}
.park-features {display: flex; justify-content: space-between; margin-bottom: 20px;}
.feature {text-align: center;}
.feature-value {font-weight: 700; font-size: 18px; color: #2c5aa0;}
.feature-label {font-size: 12px; color: #666; margin-top: 3px;}
.park-link {display: block; text-align: center; background-color: #f5f7fa; color: #2c5aa0; padding: 12px; border-radius: 8px; text-decoration: none; font-weight: 500; transition: all 0.3s;}
.park-link:hover {background-color: #2c5aa0; color: white;}

/* 首页 行业头条 */
.news-section {margin-bottom: 80px;}
.news-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.news-card {background-color: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s;}
.news-card:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.news-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.news-title {font-size: 18px; font-weight: 700; color: #333;max-width:500px;}
.news-date {color: #666; font-size: 14px;}
.news-summary {color: #555; line-height: 1.6; margin-bottom: 15px;}
.news-source{color: #888; font-size: 13px; margin-bottom: 15px;}
.news-link {color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center;}
.news-link i {margin-left: 5px; transition: transform 0.3s;}
.news-link:hover i {transform: translateX(5px);}
/* 首页 推荐企业 */
.companies-section {padding: 30px 0 60px; background: #f7f7f7;}
.si-enterprises-title {font-size:28px; font-weight: 700; margin-bottom: 40px; color: #333; text-align: center;}
.si-enterprises-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px;}
.si-enterprise-item {background: #fff; border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s; box-shadow: 0 3px 8px rgba(0,0,0,0.05);}
.si-enterprise-item:hover {background: #e6f2ff; transform: translateY(-3px);}
.si-enterprise-name,.si-enterprise-name a{font-size: 16px; font-weight: 600; color: #333;max-width:300px;display: block;}
.si-enterprises-link {display: block; text-align: center; color: #2c5aa0; text-decoration: none; font-weight: 500; font-size: 16px;}
.si-enterprises-link:hover {text-decoration: underline;}

/* 园区大全 */
.dq-section {padding:20px 0; margin-bottom: 40px;background: #f5f7fa}
.dq-header {display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
.dq-title {font-size: 26px; font-weight: 700; color: #333; margin-bottom: 5px; text-align: center;}
.dq-search {display: flex; align-items: center; background: white; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 2px solid #2c5aa0; width: 100%; max-width: 800px;}
.dq-search form{display: flex;justify-content: space-between;width: 100%;}
.dq-search input {flex: 1; border: none; padding: 10px 8px; font-size: 14px; outline: none; background: transparent;}
.dq-search button {background: #2c5aa0; color: white; border: none; padding: 12px 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; font-size: 15px; font-weight: 500;}
.dq-search button:hover {background: #1a3a8f;}
.dq-province {display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 9px; overflow: hidden; max-height: 190px; transition: max-height 0.5s ease; margin-bottom: 20px;}
.dq-province.expanded {max-height: 1000px;}
.dq-province a {background-color: white; border-radius: 8px; padding: 15px 10px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all 0.3s; cursor: pointer; border: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3px; text-decoration: none; color: #333;}
.dq-province a:hover {transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-color: #2c5aa0; color: #2c5aa0;}
.dq-province .dq-name {font-weight: 600; font-size: 15px; margin-bottom: 5px;color: #333;}
.dq-province .dq-count {color: #666; font-size: 12px; background-color: #f5f7fa; padding: 2px 6px; border-radius: 12px;}
.dq-more-provinces {display: flex; justify-content: center; margin-top: 20px;}
.dq-more-provinces-btn {background-color: #f5f7fa; color: #2c5aa0; border: 1px solid #2c5aa0; border-radius: 30px; padding: 8px 20px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 5px;}
.dq-more-provinces-btn:hover {background-color: #2c5aa0; color: white;}
.dq-item-desc,.dq-item-title{max-width:1000px;}
/* 园区大全 - 每个园区单独的通栏 */
.dq-item {background-color: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; margin-bottom: 25px; display: flex; align-items: center; position: relative;}
.dq-item:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.dq-img {width: 120px; height: 80px; border-radius: 8px; overflow: hidden; margin-right: 25px; flex-shrink: 0;}
.dq-img img {width: 100%; height: 100%; object-fit: cover;}
.dq-content {flex: 1;}
.dq-item-title a{font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #333;}
.dq-item-loc {color: #666; margin-bottom: 8px; display: flex; align-items: center; font-size: 14px;}
.dq-item-loc i {margin-right: 8px; color: #2c5aa0;}
.dq-item-desc {color: #555; margin-bottom: 10px; line-height: 1.5; font-size: 13px;}
.dq-features {display: flex; gap: 20px;}
.dq-feat {display: flex; flex-direction: column; align-items: center;}
.dq-feat-val {font-weight: 700; font-size: 16px; color: #2c5aa0;}
.dq-feat-lab {font-size: 12px; color: #666; margin-top: 3px;}
/* 园区大全 - 推荐园区 */
.dq-item-featured {background: linear-gradient(135deg, #fff9e6 0%, #fff5d9 100%);border: 2px solid #ffcc00;box-shadow: 0 5px 20px rgba(255, 204, 0, 0.2);position: relative;overflow: hidden;margin-top: 25px;}
.dq-item-featured::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #ffcc00, #ff9900); }       
.dq-item-featured .dq-item-title a{color: #e67e22;position: relative;padding-left: 25px;}
.dq-item-featured .dq-item-title a::before {content: "★";position: absolute;left: 0;color: #ff9900;font-size: 18px;}
.dq-item-featured .dq-link {background: linear-gradient(135deg, #ffcc00 0%, #ff9900 100%); }
.dq-item-featured .dq-link:hover {background: linear-gradient(135deg, #ff9900 0%, #e67e22 100%);}
/* 园区动态 */
.new-section {padding:20px 0 30px;}
.new-first {display: flex; gap: 30px; margin-bottom: 50px; background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08);}
.new-img {flex: 0 0 45%;}
.new-img img {width: 100%; height: 100%; object-fit: cover;}
.new-content {flex: 1; padding: 30px;}
.new-title {font-size: 24px; font-weight: 700; margin-bottom: 15px; color: #333;}
.new-date {color: #666; display: flex; align-items: center;font-size: 14px;}
.new-date i {margin-right: 8px;}
.new-desc {color: #555; line-height: 1.6; margin-bottom: 20px;}
.new-tag {display: inline-block; background: #f0f7ff; color: #2c5aa0; padding: 5px 12px; border-radius: 20px; font-size: 13px; margin-bottom: 15px;}
.new-link {color: #2c5aa0; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center;}
.new-link i {margin-left: 5px; transition: transform 0.3s;}
.new-link:hover i {transform: translateX(5px);}
.new-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.new-item {background-color: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s;}
.new-item:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.new-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.new-subtitle {font-size: 18px; font-weight: 700; color: #333;max-width:520px;}
.new-summary {color: #555; line-height: 1.6; margin-bottom: 15px;}
.new-source{color: #888; font-size: 13px; margin-bottom: 15px;}
.new-dynamic-box {padding: 40px 0;}
.new-dynamic-head {margin-bottom: 35px;}
.new-first-item {display: flex; gap: 30px; margin-bottom: 45px; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.new-first-img {width: 45%; border-radius: 15px; overflow: hidden;max-height: 330px;}
.new-first-img img {width: 100%; height:100%; object-fit: cover;}
.new-first-text {flex: 1; display: flex; flex-direction: column;}
.new-dynamic-tag {display: inline-block; background: #2c5aa0; color: #fff; font-size: 12px; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px;}
.new-dynamic-date {color: #666; font-size: 14px; margin-bottom: 15px; display: flex; align-items: center;}
.new-dynamic-date i {margin-right: 8px; color: #2c5aa0;}
.new-dynamic-title {font-size: 26px; color: #333; font-weight: 700; margin-bottom: 18px; transition: color 0.3s;}
.new-dynamic-title:hover {color: #2c5aa0;}
.new-dynamic-desc {color: #555; line-height: 1.8; font-size: 15px; margin-bottom: 22px;}
.new-dynamic-link {color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center; width: fit-content;}
.new-dynamic-link i {margin-left: 6px; transition: transform 0.3s;}
.new-dynamic-link:hover i {transform: translateX(5px);}
.new-normal-list {display: flex; flex-direction: column; gap: 25px;}
.new-normal-item {padding: 20px; border-radius: 10px; background: #f9f9f9; transition: box-shadow 0.3s;}
.new-normal-item:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
/* 园区大全、动态、政策法规共用页码 */
.dq-pagination {display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.dq-page {display: flex; list-style: none;}
.dq-page li {margin: 0 5px;}
.dq-page a {display: block; padding: 8px 15px; border-radius: 6px; text-decoration: none; color: #333; transition: all 0.3s; border: 1px solid #f0f0f0;}
.dq-page a:hover {background-color: #f5f7fa;}
.dq-page .dq-active a {background-color: #2c5aa0; color: white; border-color: #2c5aa0;}
.dq-page .dq-prev a, .dq-page .dq-next a {font-weight: 500;}
/* 园区动态详细页 .new-deall*/
.dt-section { padding:20px 0; background: #f5f7fa; }
.dt-section .container{display: flex;flex-wrap: wrap;}
.dt-section .de-bread{width:100%;}
.dt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.dt-title { font-size: 26px; font-weight: 700; color: #333; margin-bottom: 5px; display: flex; align-items: center; gap: 12px; }
.dt-title::before { content: ''; display: block; width: 6px; height: 22px; background-color: #2c5aa0; border-radius: 6px; }
.dt-filter { display: flex; gap: 15px; margin-bottom: 30px; }
.dt-fbtn { background-color: white; border: 1px solid #e0e0e0; border-radius: 30px; padding: 8px 20px; font-size: 14px; cursor: pointer; transition: all 0.3s; }
.dt-fbtn:hover, .dt-fbtn.active { background-color: #2c5aa0; color: white; border-color: #2c5aa0; }
.dt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 40px; }
.dt-card { background-color: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s; }
.dt-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); }
.dt-img { height: 200px; background-color: #e0e0e0; background-size: cover; background-position: center; position: relative; }
.dt-badge { position: absolute; top: 15px; left: 15px; background-color: #2c5aa0; color: white; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; }
.dt-ct { padding: 25px; }
.dt-ct-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #333; line-height: 1.4; }
.dt-meta { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 14px; color: #666; }
.dt-date, .dt-source { display: flex; align-items: center; gap: 5px; }
.dt-summary { color: #555; line-height: 1.6; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.dt-link { color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center; }
.dt-link i { margin-left: 5px; transition: transform 0.3s; }
.dt-link:hover i { transform: translateX(5px); }
.dt-pagi { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
.dt-pbtn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: white; border: 1px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.3s; }
.dt-pbtn:hover, .dt-pbtn.active { background-color: #2c5aa0; color: white; border-color: #2c5aa0; }
.de-bread { margin-bottom: 25px; font-size: 14px; color: #666; }
.de-bread a { color: #666; text-decoration: none; }
.de-bread a:hover { color: #2c5aa0; }
.de-article{background: white; border-radius: 15px; padding: 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 40px;width: calc(80% - 20px);margin-right: 20px;}
.de-header { margin-bottom: 30px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;text-align: center;}
.de-title { font-size: 28px; font-weight: 700; color: #333; line-height: 1.4; margin-bottom: 15px; }
.de-meta { display: flex; gap: 20px; font-size: 14px; color: #666;margin:auto;width: fit-content;}
.de-date, .de-source, .de-view { display: flex; align-items: center; gap: 5px; }
.de-img { width: 100%; margin: 25px 0; text-align: center;}
.de-img img {max-width: 100%; height: auto; border-radius: 10px; overflow: hidden;}
.de-content { line-height: 1.8; color: #333; font-size: 16px; }
.de-content p { margin-bottom: 20px; }
.de-content h3 { font-size: 20px; font-weight: 700; margin: 30px 0 15px; color: #2c5aa0; }
.de-content ul, .de-content ol { margin-bottom: 20px; padding-left: 20px; }
.de-content li { margin-bottom: 10px; }
.de-related{margin-bottom: 40px;width: 20%;padding: 20px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);background: #fff;border-radius: 10px;}
.de-rheader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.de-rtitle { font-size: 20px; font-weight: 700; color: #333; display: flex; align-items: center; gap: 10px; }
.de-rtitle::before { content: ''; display: block; width: 4px; height: 18px; background-color: #2c5aa0; border-radius: 4px; }
.de-rgrid { display: grid; grid-template-rows: repeat(3, 1fr); gap:0; }
.de-rcard {border-bottom: 1px solid #f3f3f3;padding: 10px; transition: all 0.3s;}
.de-rcard:hover{transform: translateY(-3px);background:rgba(56,110,195,.05)}
.de-rtxt { font-size: 15px; font-weight: 500; color: #333; line-height: 1.5; margin-bottom: 10px; }
.de-rdate { font-size: 12px; color: #999; }
/* 政策法规 */
.zc-header{color: white;padding:40px 0;background: url(../images/zcfg-bg.jpg) no-repeat;background-size: cover;max-height:210px;}        
.zc-title{font-size: 32px;font-weight: 700;margin-bottom: 15px;padding-left:70%;}        
.zc-subtitle{font-size: 16px;opacity: 0.9;margin: 0 auto;padding-left:70%;}
.zc-filter {background-color: #f5f7fa;padding: 25px 0;margin-bottom: 40px;}
.zc-filter-box {display: flex;gap: 20px;align-items: center;flex-wrap: wrap;}        
.zc-filter-item {display: flex;align-items: center;gap: 10px;}        
.zc-filter-label {font-weight: 600;color: #333;white-space: nowrap;}
.zc-search{padding: 10px 15px;border:0;}        
.zc-filter-select {padding: 10px 15px;border: 1px solid #ddd;border-radius: 5px;background-color: white;min-width: 150px;font-size: 14px;}
.zc-list {margin-bottom: 60px;}
.zc-item {background-color: white;border-radius: 15px;padding: 25px;box-shadow: 0 5px 20px rgba(0,0,0,0.08);transition: all 0.3s; margin-bottom: 25px; display: flex; align-items: flex-start;gap: 20px;}        
.zc-item:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0,0,0,0.12);}        
.zc-item-badge {background-color: #2c5aa0;color: white;padding: 5px 12px; border-radius: 20px;font-size: 12px;font-weight: 500;white-space: nowrap;}        
.zc-item-content {flex: 1;}
.zc-item-title {font-size: 20px;font-weight: 700;margin-bottom: 10px;color: #333;line-height: 1.4;}
.zc-item-meta {display: flex;gap: 20px;argin-bottom: 15px;color: #666;font-size: 14px;}
.zc-item-desc {color: #555; line-height: 1.6;margin-bottom: 15px;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.zc-item-link {color: #2c5aa0;text-decoration: none;font-weight: 500;display: flex;align-items: center;font-size: 14px; }        
.zc-item-link i {margin-left: 5px;transition: transform 0.3s;}        
.zc-item-link:hover i { transform: translateX(5px); }
.zc-item-title{max-width:100px;}
/* 政策法规详细页 .zc-d-all */
.zc-d-all .de-bread{margin-top:20px}
.zc-d-main {display: flex;gap: 30px;margin:20px 0 60px;}
.zc-d-content {flex: 3; background: white; border-radius: 15px; padding:40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08);}
.zc-d-side {flex: 1;}
.zc-d-title {font-size: 28px; font-weight: 700; margin:10px 0 20px; color: #333; line-height: 1.4;text-align: center;}
.zc-d-meta {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #eee; color: #666; font-size: 14px;justify-content:center;}
.zc-d-body {color: #444; line-height: 1.8; font-size: 16px;}
.zc-d-body p {margin-bottom: 15px; text-align: justify;}
.zc-d-body ul, .zc-d-body ol {margin: 15px 0; padding-left: 25px;}
.zc-d-body li {margin-bottom: 8px;}
.zc-d-body table {width: 100%; border-collapse: collapse; margin: 20px 0;}
.zc-d-body th, .zc-d-body td {border: 1px solid #ddd; padding: 12px 15px; text-align: left;}
.zc-d-body th {background-color: #f5f7fa; font-weight: 600;}
.zc-d-foot {margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.zc-d-back {color: #2c5aa0; text-decoration: none; font-weight: 500; display: flex; align-items: center; font-size: 14px;}
.zc-d-back i {margin-right: 5px; transition: transform 0.3s;}
.zc-d-back:hover i {transform: translateX(-5px);}
.zc-d-side-box {background: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-bottom: 25px;}
.zc-d-side-title {font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #333; padding-bottom: 15px; border-bottom: 2px solid #2c5aa0;}
.zc-d-side-item {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
.zc-d-side-item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.zc-d-side-badge {background-color:#2c5aa0; color: #fff; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; display: inline-block; margin-bottom: 8px;}
.zc-d-side-link {color: #333; text-decoration: none; font-weight: 500; line-height: 1.4; display: block; transition: color 0.3s;}
.zc-d-side-link:hover {color: #2c5aa0;}
.zc-d-side-meta {display: flex; gap: 15px; margin-top: 8px; color: #999; font-size: 12px;}
/* 底部样式 */
.navCir{display: none;}
footer{background-color: #1a1a1a; color: white; padding: 60px 0 20px;}
.footer-content{display: grid; grid-template-columns:2fr repeat(3, 1fr); gap: 80px; margin-bottom: 40px;}
.footer-column h3{font-size: 18px; margin-bottom: 20px; color: #fff;}
.footer-links{list-style: none;}
.footer-links li{margin-bottom: 12px;}
.footer-links a{color: #b0b0b0; text-decoration: none; transition: color 0.3s;font-size:14px;padding-left: 13px;}
.footer-links a:before{content:"";border: 4px solid #fff;position: absolute;border-color: transparent transparent transparent rgba(255, 255, 255, .5);margin: .5rem 0 0 -.7rem;}
.footer-links a:hover{color: white;}
.footer-bottom{text-align: center; padding-top: 20px; border-top: 1px solid #333; color: #b0b0b0; font-size: 14px;}
.social-links{display: flex; gap: 15px; margin-top: 20px;}
.social-link,.social-link2{width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; color: white;text-decoration: none;}
.social-link:hover,.social-link2:hover{background-color: #2c5aa0; transform: translateY(-3px);}        
.footp{color: #b0b0b0; margin-bottom: 20px;font-size:14px;line-height:2;}
.erwma2{display: none; position: absolute; bottom:0;left: 0; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 1001; width: 150px; text-align: center;}
.erwma2 img{width: 120px; height: 120px; margin-bottom: 10px;}
.erwma2 p{font-size: 12px; color: #666;}
.social-link2:hover .erwma2{display: block;}

/* 响应式设计 */
@media (max-width: 1200px) {
    .stats-grid {grid-template-columns: repeat(2, 1fr);}
    .companies-grid {grid-template-columns: repeat(6, 1fr);}
    .carousel-content {flex-direction: column;}

    /* 首页 推荐企业 */
    .si-enterprises-grid {grid-template-columns: repeat(3, 1fr);}
    /* 园区动态详细页 */
    .dt-grid { grid-template-columns: repeat(2, 1fr); } 
}

@media (max-width: 991px) {
	.t16,body,.carousel-description,.detail-label,.detail-value,.latest-park-description,.latest-feature-label,.latest-feature-value,.carousel-link,.latest-park-link,.al-search button,.al-search input,.al-province-name,.al-province-count,.dq-province .dq-name,.dq-province .dq-count,.dq-search button,.dq-search input,.zc-d-side-meta{font-size: 1rem;}
    .t19,.al-section-title,.section-title,.park-title,.dq-title,.new-title,.new-subtitle,.de-title,.zc-title,.zc-item-title{font-size: 1.2rem;}
    .t14{font-size:.85rem;}
    .top-bar{display: none;}
    .container {padding: 0 5px; max-width:100vw;overflow:hidden;}
    header {padding: 0;position: fixed;width: 100vw;box-shadow: 2px 2px 2px 2px rgba(0,0,0,.05);}
    .header-content {margin: 0 -10px; height: 3rem; align-items: center; display: flex;}
    .header-content .logo {height: 2rem;padding-left:10px;}
    .header-content .logo img {width: 100%; height: 100%;}            
    /*导航*/
    .allnav{position: absolute;background: transparent;}
    .mobile-menu-toggle {display: block; position: absolute; right: 0; margin: -6rem 10px 0 0;}
    .mobile-menu-toggle .icon-gengduo.icon-shanchu:before{content: "\e62a"!important;color:rgba(255,255,255,.8);}
    .nav-menu {position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background:#2c5aa0; flex-direction: column; padding: 80px 20px 20px; box-shadow: -5px 0 15px rgba(0,0,0,0.1); transition: right 0.3s ease; overflow-y: auto; z-index: 999;}
    .nav-menu.active {right: 0;}
    .nav-menu li {margin: 0 0 10px 0;}
    .nav-menu a,.nav-menu a:visited{padding: 12px 15px; border-bottom:1px solid rgba(255,255,255,.15); text-align: left;color:#fff;}
    .nav-menu a:hover{color:rgba(255,255,255,.7)}
    .nav-menu a:before{content: "";border: 5px solid #fff;position: absolute;border-color: transparent transparent transparent rgba(255,255,255,.5);margin: .5rem 0 0 -.9rem;}
    .nav-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 998;}
    .nav-overlay.active {opacity: 1; visibility: visible;}    
    .nav-menu a.active{background: #2c5aa0}
    /*首页*/
    .nav-main {margin-top: 20px; width: 100%;position: unset;}
    .carousel-info{width: 100%;padding:0 20px;}
    .carousel-image {height: 250px; margin-bottom: 30px;width:100%;}
    .carousel-title {font-size: 22px;}
    .parks-grid {grid-template-columns: 1fr;}
    .stats-grid {grid-template-columns: 1fr;}
    .news-grid {grid-template-columns: 1fr;}
    .companies-grid {grid-template-columns: repeat(3, 1fr);}
    .al-province-grid {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}
    .header-contact {display: none;}
    .current-date {display: none;}    
    .parks-grid{gap:.5rem}
    .park-card{margin-bottom: 0}
    .s-carou{padding:0;}
    .s-carou .container{flex-flow:column-reverse;flex-wrap: wrap;gap:unset;padding:0 5px}
    .latest-park{width:100%;margin:0 0 .5rem;border-radius:1rem;box-shadow: unset;height:32rem;}
    .featured-carousel {width:calc(100vw - 10px);margin:3.5rem 0 .5rem 0;padding-bottom: 3rem;height:42.5rem;border-radius:1rem;overflow: hidden;}
    .featured-carousel .container {padding: 0 10px;}
    .carousel-details {display: flex; }
    .al-park-overview {margin:0 5px .5rem;padding:2rem 0;border-radius: 1rem;}
    .section-header{margin:1rem 0 .5rem 0;}
    .news-header {flex-flow: column; align-items: flex-start;}
    .al-section-header{margin-bottom: .5rem}
    .al-province-grid.expanded{max-height: 1000rem;}

    .news-grid{gap:.5rem;}
    .news-section{margin-bottom:0;background: linear-gradient(180deg,#fff,#f7f7f7);padding-bottom: .5rem;}
    .news-summary,.news-title{max-width:calc(100vw - 60px);}
    /* 首页 重点园区*/
    .featured-parks{margin-bottom:.5rem;}
    .park-description,.park-title,.park-features{max-width:calc(100vw - 60px);}
    /* 首页 推荐企业 */ 
    .companies-section{padding: 0 0 3.5rem;}
    .si-enterprises-title{padding:0 0 1rem 0;margin: 0;}
    .si-enterprises-grid{gap:.5rem;margin-bottom:10px;grid-template-columns: repeat(2, 1fr);}
    .si-enterprise-name a{max-width:80vw;}
    /*园区大全*/
    .dq-header{margin-bottom: .5rem;}
    .dq-item {flex-direction: column; align-items: flex-start;margin-bottom: .5rem;}
    .dq-img {width: 100%; height: 150px; margin-right: 0; margin-bottom: 15px;}
    .dq-features {width: 100%; justify-content: space-between;}            
    .dq-province {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));} 
    .dq-section{padding: 3.7rem 0 3rem;} 
    .dq-item-desc,.dq-item-title{max-width:80vw;}   
    /*园区动态*/
    .new-section{padding:3.5rem 0 3.5rem;}
    .new-first{flex-flow: column;margin-bottom:.5rem;gap: unset;}
    .new-list{display:flex;flex-flow: column;gap:.5rem;}
    .new-header{flex-flow: column;align-items: flex-start;margin-bottom: 0}
    .new-date{margin-top:.5rem;}
    .new-content{padding: 1rem;}
    .new-item{padding: 1rem;}
    .new-subtitle,.new-title{max-width: 100%;}
    /* 园区动态详细页 */
    .dt-grid { grid-template-columns: 1fr; } 
    .dt-header { flex-direction: column; align-items: flex-start; gap: 15px; } 
    .dt-filter { flex-wrap: wrap; }
    .de-meta { flex-wrap: wrap; gap: 10px; } 
    .de-rgrid { grid-template-rows: 1fr; gap:.5rem; }  
    .dt-section{padding: 3.5rem 0;}
    .de-article { padding:1rem;margin-bottom:1rem;width:100%;margin-right:0} 
    .de-rheader{margin-bottom: .5rem;}
    .de-related{margin-bottom: 0;width:100%;}
    /*政策法规*/
    .zc-header{display: none;}
    .zc-filter{margin:3.5rem 5px .5rem;border-radius:15px;padding: 1rem;}
    .zc-filter-box {flex-direction: column;align-items: flex-start;gap:.5rem;} 
    .zc-filter-item{width:100%;}            
    .zc-filter-item:last-child{padding-left: 5.7rem;}  
    .zc-search{width:100%;}          
    .zc-filter-select {width:100%;}            
    .zc-item {flex-direction: column;gap:0;margin-bottom:.5rem;padding:2rem 1rem 1rem;} 
    .zc-item-title{max-width:80vw;}
    .zc-item-badge{position: absolute;margin: -2rem 0 0 60%;border-radius: 0 0 10px 10px;padding:1px 20px;}
    /* 政策法规详细页 .zc-d-all */  
    .zc-d-main{flex-direction: column;margin:3.5rem 5px;}            
    .zc-d-content{ width: 100%;padding: 1rem;}
    .zc-d-side { width: 100%; }
    /*推荐企业*/
    .companies-grid {grid-template-columns: repeat(4, 1fr);}    
    /*共用面包屑导航*/
    .de-bread{display: none;}
    /*共用页码*/
    .dq-prev,.dq-next{display: none;}
    .dq-pagination{margin-top:1rem;}
    /*尾部*/
    footer {display: none;}
    .navCir {display:block;position: fixed; bottom: 0px; width:100vw; z-index: 999; background: #f7f7f7; box-shadow: 1px 1px 6px 2px rgba(0,0,0,.1);}
    .navCir li {display: block; line-height: 20px !important; width:25%; padding: 3px 0; border-top: 1px solid #f5f5f5; float: left; text-align: center; font-size: .75rem; list-style: none;}
    .navCir li i {display: block; font-size: 1.5rem;}
    .navCir li a {text-decoration: none; color: #333; padding: 0.1rem; display: block; line-height: 1;}
    .navCir .cart-info {position: absolute; width: 100%; text-align: center; top: 50%; margin-top: -4px; left: 0; padding: 0; display: block; line-height: 1;}
    .navCir .cart-info .cart-qty {position: absolute; top: -20px; right: 6.6rem; width: 15px; height: 15px; display: block; font-size: 9px; font-weight: 600; color: #fff; background-color: #ff6600; text-align: center; line-height: 15px; border-radius: 20px; box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);}
    .navCir li.active a, .navCir li.active a:visited {color: #fff; background-color: #2c5aa0!important; display: block; border-radius: .5rem; line-height: 1; margin: 0 5px;}
    .navCir li.active a:hover {color: rgba(255,255,255,.3);}
}

@media (min-width: 992px) {
    .nav-menu {justify-content: flex-start; margin-right: 0;}
    .mobile-menu-toggle {display: none;}
    .nav-overlay {display: none;}
    .navCir {display: none;}
}

 @media (max-width: 480px) {
    .companies-grid {grid-template-columns: repeat(2, 1fr);}
    .carousel-title {font-size: 24px;}
    .al-province-grid {grid-template-columns: repeat(2, 1fr);}
     /* 首页 推荐企业 */
    .si-enterprises-grid {grid-template-columns: 1fr;}  
    /*园区动态*/
    .new-first-img {height: 160px;}
    .new-dynamic-desc {font-size: 14px;}
    .new-dynamic-title {font-size: 20px;}
    /* 园区动态详细页 */
    .dt-filter { gap: 10px; } 
    .dt-fbtn { padding: 6px 15px; font-size: 12px; } 
    /* 政策法规 */

    .zc-item-meta {flex-direction: column; gap: 5px;}
    /* 政策法规详细页 .zc-d-all */
    .zc-d-title {font-size: 22px;}
    .zc-d-meta {flex-direction: column; gap: 10px;}
    .zc-d-foot {flex-direction: column; gap: 15px; align-items: flex-start;}

}