@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: #f8f9fa; 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,.si-logo-text,.si-footer-contact-item,.si-enterprise-name,.new-subtitle{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.el-2,.new-dynamic-desc,.si-project-desc,.new-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,.si-policy-desc,.si-footer-about-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;}
    
/* 顶部区域 */
.si-theader {background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding:5px 0; border-bottom: 2px solid #2c5aa0;}
.si-theader-content {display: flex; justify-content: space-between; align-items: center;}
.si-tlogo{display: flex;}
.si-tlogo img {height:30px;}
.si-tnav {display: flex; list-style: none;}
.si-tnav li {margin: 0 12px;}
.si-tnav a {color: #333; text-decoration: none; font-weight: 500; padding: 6px 0; transition: color 0.3s; display: block; position: relative; font-size: 14px;}
.si-tnav a:hover {color: #2c5aa0;}
.si-tnav a.active {color: #2c5aa0; font-weight: 600;}
.si-header {background-color: #2c5aa0; color: white;}
.si-header-content {display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.si-logo {display: flex; align-items: center;}
.si-logo img {height: 50px;width:50px;border-radius:25px; margin-right: 15px;overflow: hidden;}
.si-logo-text {font-size: 22px; font-weight: 700;max-width:750px;}
.si-nav {display: flex; list-style: none;}
.si-nav li {margin: 0 20px; position: relative;}
.si-nav a {color: white; text-decoration: none; font-weight: 500; padding: 8px 0; transition: color 0.3s; display: block; position: relative;}
.si-nav a:hover {color: #e6f2ff;}
.si-nav a.active {color: #e6f2ff; font-weight: 600;}
.si-nav a:after {content: ''; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background-color: #e6f2ff; transition: width 0.3s;}
.si-nav a:hover:after, .si-nav a.active:after {width: 100%;}
.dropdown-content {display: none; position: absolute; background-color: white; min-width: 180px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); z-index: 1000; border-radius: 5px; top: 100%; left: 0;overflow:hidden;}
.dropdown-content a {color: #333; padding: 12px 16px; text-decoration: none; display: block; border-bottom: 1px solid #f0f0f0;}
.dropdown-content a:hover {background-color: #f5f7fa; color: #2c5aa0;}
.dropdown-content a:last-child{border: 0}
.dropdown:hover .dropdown-content {display: block;}    
/* 导航菜单 */
.si-mobile-menu-toggle {display: none; background: none; border: none; font-size: 24px; color: white; cursor: pointer; margin-left: 15px; z-index: 1001;}
.si-nav.mobile-active {display: block; position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: white; 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: 1000;}
.si-nav.mobile-active {right: 0;}
.si-nav.mobile-active li {margin: 0 0 10px 0;}
.si-nav.mobile-active a {padding: 12px 15px; border-bottom: 1px solid #f0f0f0; text-align: left; color: #333;}
.si-nav.mobile-active .dropdown-content {position: static; box-shadow: none; display: none; width: 100%;}
.si-nav.mobile-active .dropdown.active .dropdown-content {display: block;}
.si-nav.mobile-active .dropdown-content a {padding: 10px 25px; color: #666; border-bottom: 1px solid #f0f0f0;}
.si-nav.mobile-active .dropdown-content a:hover {background-color: #f0f7ff; color: #2c5aa0;}
.si-nav.mobile-active .dropdown > a:after {display: none;}
.si-mobile-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: 999;}
.si-mobile-overlay.active {opacity: 1; visibility: visible;}   
/* 菜单图标动画 */
.si-mobile-menu-toggle .menu-icon {display: flex; flex-direction: column; width: 24px; height: 18px; position: relative; transition: all 0.3s;}
.si-mobile-menu-toggle .menu-icon span {display: block; height: 2px; width: 100%; background-color: white; border-radius: 1px; position: absolute; left: 0; transition: all 0.3s;}
.si-mobile-menu-toggle .menu-icon span:nth-child(1) {top: 0;}
.si-mobile-menu-toggle .menu-icon span:nth-child(2) {top: 8px;}
.si-mobile-menu-toggle .menu-icon span:nth-child(3) {top: 16px;}
.si-mobile-menu-toggle.active .menu-icon span:nth-child(1) {transform: rotate(45deg); top: 8px;}
.si-mobile-menu-toggle.active .menu-icon span:nth-child(2) {opacity: 0;}
.si-mobile-menu-toggle.active .menu-icon span:nth-child(3) {transform: rotate(-45deg); top: 8px;}
    
/*首页-轮播图区域  */
.si-hero {position: relative; height: 500px; overflow: hidden;}
.si-slides {position: relative; width: 100%; height: 100%;}
.si-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: center; justify-content: center; text-align: center; color: white;}
.si-slide.active {opacity: 1;}
.si-slide-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1;}
.si-slide-content {max-width: 800px; padding: 0 20px 100px; z-index: 1;}
.si-slide:nth-child(2) .si-slide-content{margin-bottom:0px}
.si-slide h2 {font-size: 42px; font-weight: 700; margin-bottom: 20px;color:#2c5aa0;text-shadow: 2px 2px 4px rgba(255,255,255,0.7);}
.si-slide:first-child h2{margin-bottom:200px;color: #fff;text-shadow:unset;text-shadow:2px 2px 5px rgba(0,0,0,.5);}
.si-slide h2 b{color: red}
.si-slide p {font-size: 24px; margin-bottom: 30px; color:rgba(44,90,160,.8);text-shadow: 2px 2px 4px rgba(255,255,255,0.7);}
.si-slide-btn {display: inline-block; background: #2c5aa0; color: white; text-decoration: none; font-weight: 600; padding: 14px 35px; border-radius: 50px; transition: all 0.3s; font-size: 18px;}
.si-slide-btn:hover {background: white; color: #2c5aa0; transform: translateY(-3px);}
.si-slide-nav {position: absolute; top: 50%; transform: translateY(-50%); background: rgba(44,90,160,0.7); color: white; border: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; z-index: 10; transition: all 0.3s; font-size: 20px; display: flex; align-items: center; justify-content: center;}
.si-slide-nav:hover {background: rgba(44,90,160,0.9);}
.si-slide-nav i{font-size: 30px;}
.si-prev {left: 20px;}
.si-next {right: 20px;}
.si-slide-dots {position: absolute; bottom: 20px; left: 0; width: 100%; display: flex; justify-content: center; z-index: 10;}
.si-dot {width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.5); margin: 0 5px; cursor: pointer; transition: all 0.3s;}
.si-dot.active {background: white; transform: scale(1.2);}
    
/*首页-园区简介 -  */
.si-intro {padding: 60px 0; background: #fff;}
.si-intro-content {display: flex; gap: 60px; align-items: center;}
.si-intro-text {flex: 1;}
.si-intro-title {font-size:28px; font-weight: 700; margin-bottom: 20px; color: #2c5aa0;}
.si-intro-desc {line-height: 2; color: #555; margin-bottom: 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
.si-intro-btn {display: inline-block; background: #2c5aa0; color: white; text-decoration: none; font-weight: 500; padding: 12px 25px; border-radius: 5px; transition: background 0.3s;}
.si-intro-btn:hover {background: #1a3a8f;}
.si-intro-data {flex: 0 0 500px; background: #f5f7fa; border-radius: 10px; padding: 30px;}
.si-data-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.si-data-item {text-align: center; display: flex; flex-direction: column; align-items: center; padding: 15px;}
.si-data-icon {font-size: 24px;  margin-bottom: 10px;color: #2c5aa0;}
.si-data-icon i{font-size:30px;}
.si-data-value {font-size: 20px; font-weight: 700; color: #333; margin-bottom: 5px;}
.si-data-label {font-size: 14px; color: #666;}
    
/*首页-招商引资 -  */
.si-investment {padding: 60px 0; background: #f8f9fa;}
.si-investment-title {font-size:28px; font-weight: 700; margin-bottom: 40px; color: #333; text-align: center;}
.si-investment-grid {display: grid; grid-template-columns: 1fr 500px; gap: 30px;}
.si-invest-card {background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.si-invest-card-title {font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #2c5aa0;}    
.si-project-highlight {margin-bottom: 20px;}
.si-p-p{border-radius: 8px;overflow: hidden;height: 150px;margin:0 0 20px 0;}
.si-p-p img{height: 100%;width: 100%;}
.si-project-name {font-size: 20px; font-weight: 600; margin-bottom:5px; color: #333;}
.si-project-desc {color: #666; line-height: 1.6; margin-bottom: 15px;}
.si-project-detail {display: inline-block; background: #f0f7ff; color: #2c5aa0; padding: 6px 12px; border-radius: 20px; font-size: 14px; font-weight: 500; margin-bottom: 15px;}
.si-inv1{display: flex;justify-content:space-between;}
.si-project-more {display: inline-flex; align-items: center;color: #2c5aa0; text-decoration: none; font-weight: 500; gap: 5px;margin-bottom: 15px;}
.si-project-more:hover {text-decoration: underline;}    
.si-policy-image {height: 150px; background: #e6f2ff; border-radius: 8px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; color: #2c5aa0;overflow: hidden;}
.si-policy-image img{width: 100%;height: 100%;}
.si-policy-desc {color: #666; line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.si-policy-more {display: inline-flex; align-items: center; color: #2c5aa0; text-decoration: none; font-weight: 500; gap: 5px;}
.si-policy-more:hover {text-decoration: underline;}    
/*首页-招商联系 */
.si-contact {padding: 60px 0; background: #fff;}
.si-contact-title {font-size:28px; font-weight: 700; margin-bottom: 40px; color: #333; text-align: center;}
.si-contact-wrapper {background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.si-contact-content {display: flex; align-items: flex-start; gap: 40px;}
.si-contact-info {flex: 1;}
.si-contact-subtitle {font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #2c5aa0;}
.si-contact-details {display:flex;flex-wrap: wrap;}
.si-contact-detail {margin-bottom: 10px; display: flex;width: 50%;}
.si-contact-detail:nth-child(5),.si-contact-detail:nth-child(6){width:100%}
.si-contact-detail strong {display: block; margin-bottom: 5px; color: #333;}
.si-contact-detail span,.si-contact-detail span a{color: #666;}
.si-cr{flex: 1;}
.si-contact-map {height:280px; background: #f5f5f5; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; position: relative;overflow: hidden;}
.si-contact-map a{width:100%;height;100%;}
.si-contact-map .si-contact-p{width:100%;height;100%;}
.si-contact-more {margin: 15px 0; color: #2c5aa0; text-decoration: none; font-weight: 500;display: block;text-align: right;}
.si-contact-more:hover {text-decoration: underline;}
/*首页-园区动态*/
.dnew-section {padding: 50px 0; background: #fff;}
.dt-section .container{display: flex;flex-wrap: wrap;}
.dt-section .de-bread{width:100%;}
.dnew-title {font-size: 28px; font-weight: 700; margin-bottom: 30px; color:#333; text-align: center;}
.dnew-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.dnew-card {background:#fff; border-radius: 10px; overflow: hidden; transition: all 0.3s; box-shadow: 0 3px 10px rgba(0,0,0,0.05);}
.dnew-card:hover {transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.dnew-img {height: 180px; background: #f3f3f3; display: flex; align-items: center; justify-content: center; color: #2c5aa0; overflow: hidden;}
.dnew-img img {width: 100%; height: 100%; object-fit: cover;}
.dnew-content {padding: 20px;}
.dnew-date {font-size: 14px; color: #666; margin-bottom: 10px; display: flex; align-items: center;}
.dnew-date i {margin-right: 5px;}
.dnew-tit {font-size: 18px; font-weight: 600; margin-bottom: 12px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
.dnew-desc {font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.dnew-more {display: inline-flex; align-items: center; color: #2c5aa0; text-decoration: none; font-weight: 500; font-size: 14px;}
.dnew-more:hover {text-decoration: underline;}
.dnew-more i {margin-left: 5px; transition: transform 0.3s;}
.dnew-more:hover i {transform: translateX(3px);}
.dnew-all {text-align: center; margin-top: 30px;}
.dnew-allbtn {display: inline-flex; align-items: center; background: #2c5aa0; color: white; padding: 10px 25px; border-radius: 5px; text-decoration: none; font-weight: 500; transition: all 0.3s;}
.dnew-allbtn:hover {background: #1a3a8f; transform: translateY(-2px);}
.dnew-allbtn i {margin-left: 5px; transition: transform 0.3s;}
.dnew-allbtn:hover i {transform: translateX(3px);}    
/*首页-入驻企业  */
.si-enterprises {padding: 60px 0; background: #f8f9fa;}
.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;}
.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;}
    
/* 页脚  */
.si-footer{background: #2c5aa0; color: white; padding: 40px 0 20px;}
.si-footer-content{display: grid; grid-template-columns:40% 25% 15% 10%;gap:40px; margin-bottom: 30px;}
.si-footer-about{flex: 1;}
.si-footer-title{font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.si-footer-about-desc{color: rgba(255,255,255,0.8); line-height: 1.6; margin-bottom: 10px; font-size: 14px;}
.si-footer-about-more{color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px;}
.si-footer-about-more:hover{text-decoration: underline;}
.si-footer-contact {flex: 1;}
.si-footer-phone{font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.si-footer-service {margin-bottom: 15px;}
.si-service-link{display: inline-block; background: rgba(255,255,255,0.2); color: white; padding: 8px 15px; border-radius: 5px; text-decoration: none; margin-right: 10px; transition: all 0.3s; font-size: 14px;}
.si-service-link:hover{background: rgba(255,255,255,0.3);}
.si-footer-address{color: rgba(255,255,255,0.8); line-height: 1.6; font-size: 14px;}
.si-footer-contact-item{margin-bottom:8px;color:rgba(255,255,255,0.8);font-size:14px;max-width:330px;}
.si-footer-qr{flex: 0 0 150px; text-align: center;}
.si-qr-code{width: 120px; height: 120px; background: #fff; border-radius: 8px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; color: #999;}
.si-qr-text{font-size: 12px; color: rgba(255,255,255,0.8);}
.si-footer-bottom {text-align: center; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); font-size: 12px;}

/* 右侧客服区域 */
.si-service-area {position: fixed; top:70%; right: 0; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column;border-radius: 8px 0 0 8px; overflow: hidden; box-shadow: -2px 0 10px rgba(0,0,0,0.1);}
.si-service-btn {width: 60px; height:80px; background: linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-size: 12px; cursor: pointer; transition: all 0.3s; position: relative; padding: 5px; text-align: center; line-height: 1.2;}
.si-service-btn:first-child {border-bottom: 1px solid rgba(255,255,255,0.2);}
.si-service-btn:hover {background: #1a3a8f;}
.si-service-btn.active {background: #0d2a6e;}
.si-service-btn i {font-size: 18px; margin-bottom: 3px;}
.si-phone-tooltip {position: absolute; right: 70px; top: 50%; transform: translateY(-50%); background: #333; color: white; padding: 8px 12px; border-radius: 4px; font-size: 14px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s;}
.si-service-btn:hover .si-phone-tooltip {opacity: 1; visibility: visible;}
/*面包屑导航*/
.de-bread {padding:15px 0; font-size: 14px; color: #666; }
.de-bread a { color: #666; text-decoration: none; }
.de-bread a:hover { color: #2c5aa0; }
/* 共用页码 */
.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;}
/* 园区概况页 */
.int-overview{background: #fff;}
.int-section {padding: 60px 0; width: 100%;}
.int-section#intro,.int-section#traffic{background:#f8f9fa;}
.int-section#resource{background:#fff;}
.int-section#chain{background: linear-gradient(180deg, #fff, #f8f9fa);}
.int-section-title {font-size: 28px; font-weight: 700; margin-bottom: 40px; color: #2c5aa0; text-align: center;}
.int-intro {display: flex; flex-direction: column; gap: 40px;}
.int-intro-img {width: 100%; border-radius: 10px; overflow: hidden; max-height: 100%; background: linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%); display: flex; align-items: center; justify-content: center; color: white; margin-bottom: 30px;}
.int-intro-img img{width: 100%;height:100%;}
.int-intro-text {flex: 1; padding: 0 20px;}
.int-intro-content {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 30px;}
.int-intro-item {background: #fff; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center;}
.int-intro-item-title {font-size: 20px; font-weight: 700; margin-bottom: 15px; color: #2c5aa0; display: flex; align-items: center; justify-content: center;}
.int-intro-item-title i {font-size: 30px;}
.int-intro-item-value {font-size: 24px; font-weight: 700; color: #333; margin-bottom: 5px;}
.int-intro-item-label {font-size: 14px; color: #666;}
.int-more-btn {background: none; border: none; color: #2c5aa0; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; margin-top: 15px; padding: 0;}
.int-more-btn i {margin-left: 5px; transition: transform 0.3s;}
.int-more-btn.expanded i {transform: rotate(180deg);}
.int-intro-full {display: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f0f0f0;}
.int-intro-full.show {display: block;}
.int-res {display: flex; gap: 40px; align-items: center;}
.int-res-img {flex: 1; height: 300px; background: #f7f7f7; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #2c5aa0;overflow: hidden;}
.int-res-img img{height: 100%;width: 100%;}
.int-res-text {flex: 1;line-height:2}
.int-traffic {display: flex; gap: 40px; align-items: center;}
.int-traffic-img {flex: 1; height: 300px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #2c5aa0;overflow: hidden;}
.int-traffic-text {flex: 1;line-height:2}
.int-chain {display: flex; flex-direction: column; gap:20px;}
.int-chain-img {width: 100%; border-radius: 10px; overflow: hidden;height:300px; background: linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%); display: flex; align-items: center; justify-content: center; color: white;overflow: hidden;}
.int-chain-img img{height: 100%;width: 100%;}
.int-chain-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.int-chain-item {background: #fff; border-radius: 8px; padding: 25px; text-align: center; box-shadow: 0 3px 8px rgba(0,0,0,0.05); transition: all 0.3s;}
.int-chain-item:hover {background: #e6f2ff; transform: translateY(-5px);}
.int-chain-icon {font-size: 40px; color: #2c5aa0; margin-bottom: 20px;}
.int-chain-name {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 15px;}
.int-chain-desc {font-size: 14px; color: #666; line-height: 1.6;}
.intro-full-text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.8; font-size: 18px;color: #555; transition: all 0.3s ease;}
.intro-full-text.expanded {-webkit-line-clamp: unset;overflow: visible;}
.int-s1{font-size: 18px; color: #555;line-height:2}
.int-res-img img{width:100%;height:100%;}
.int-traffic-img img{width:100%;height:100%;}
/* 招商引资页 .investment*/
.zyzc-text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.8;font-size: 18px;color: #555;transition: all 0.3s ease;}
.zyzc-text.expanded {-webkit-line-clamp: unset;overflow: visible;display: block;}
.zyzc-btn {background: none;border: none;color: #2c5aa0;font-size: 16px; font-weight: 500; cursor: pointer;display: flex;align-items: center;margin-top: 15px;padding: 0;}
.zyzc-btn i {margin-left: 5px;transition: transform 0.3s;}
.zyzc-btn.expanded i { transform: rotate(180deg);}
/* 招商引资详细页和园区概况详细页共用*/
.int-section.zs2{background:#fff;}
.int-section.zs2 .int-intro{flex-flow: row;}
.int-section.zs2 .int-intro-img{flex: 1;height: 300px;background: #f7f7f7;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #2c5aa0;overflow: hidden;}
.int-section.zs2 .zyzc-text{-webkit-line-clamp: 8;}
/* 园区动态页 */
.new-section {padding:0 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%;max-height:355px;}
.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);}
/* 园区动态详细页 .new-deall*/
.dt-section { padding:0 0 20px; background: #f5f7fa; }
.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-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-rcard:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.de-rtxt { font-size: 15px; font-weight: 500; color: #333; line-height: 1.5; margin-bottom: 10px; }
.de-rdate { font-size: 12px; color: #999; }
/* 入驻企业页 */
.zs-prod .si-enterprise-name {margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #f0f0f0;}        
.zs-prod-list {margin-bottom: 15px;text-align: left;font-size: 14px;color: #666;}        
.zs-prod-label {font-weight: 600;margin-right: 5px;}        
.zs-prod-items {display: inline;}        
.zs-prod-item {display: inline; }        
.zs-prod-item:not(:last-child)::after { content: "、"; }        
.zs-desc {text-align: left;}        
.zs-desc .si-enterprise-name {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;text-align: center;}        
.zs-desc-text {font-size: 14px;color: #666;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;        }        
.zs-desc-label {font-weight: 600;margin-right: 5px; }
.zs-more-btn { display: inline-block;background: #2c5aa0;color: white;text-decoration: none;font-weight: 500; padding: 6px 12px;border-radius: 4px;font-size: 12px; transition: all 0.3s; text-align: center;margin: 0 auto;}        
.zs-more-btn:hover {background: #1a3a8f;}     
.zs-content {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;line-height: 1.8; }
.zs-prod-content {display: inline;}
/* 响应式设计 */
@media (min-width:992px) {
    /*首页*/
    .si-data-grid:before{content:"";position: absolute;width:460px;height:0px;border-top:1px dashed rgba(44,90,160,.15);margin: 165px 0 0 -10px;}
    .si-data-grid:after{content:"";position: absolute;width:330px;height:0px;border-top:1px dashed rgba(44,90,160,.15);margin: 155px 0 0 60px;transform: rotate(90deg);}
    .si-contact-info {padding-left: 20px;}
    /*尾部*/
    .navCir{display: none;}   
    /* 移动端菜单图标 */
    .si-mobile-menu-toggle {display: none;}
}  
@media (max-width: 1200px) {
    
    .si-intro-data {flex: 1; width: 100%;}
    .si-investment-grid {grid-template-columns: 1fr;gap:1rem;}
    .si-contact-content {flex-direction: column;gap: 20px;}
    .si-contact-details {grid-template-columns: 1fr;}
    .si-enterprises-grid {grid-template-columns: repeat(3, 1fr);}
    .si-footer-content {grid-template-columns: 1fr 1fr; gap: 30px;}
}
    
@media (max-width:991px) {
    .container{padding: 0 5px;}
    .t16,body,.si-logo-text,.si-slide-btn,.intro-full-text,.int-s1,.zs-desc-text,.zs-prod-list{font-size: 1rem;}
    .t19,.si-invest-card-title,.si-intro-title,.si-investment-title,.si-contact-title,.si-contact-subtitle,.si-enterprises-title,.int-section-title,.int-intro-item-value,.int-section-title{font-size: 1.2rem;}
    .t14,.zs-more-btn{font-size: .85rem;}
    /*头部*/
    .si-logo-text{max-width:65vw;}
    /*首页*/    
    .si-theader{display: none;}    
    .si-header{height: 3rem;position: fixed;width: 100vw; z-index: 99;top:0;}
    .si-header-content{padding:0;height: 3rem;}
    .si-logo img{width: 2.5rem;height: 2.5rem;}
    .si-hero {height: 350px;margin-top:3rem;}
    .si-cr{display: flex;flex-flow: column-reverse;width:100%;}
    .si-contact-info{width:100%;padding-left:1rem;}
    .si-intro{padding:1rem 0 .5rem;}
    .si-intro-data{padding: 1rem;}
    .si-intro-text{padding:0 20px;}
    .si-investment{padding:0 .5rem;background: linear-gradient(180deg, #fff, #f8f9fa 3rem);}
    .si-slide h2 {font-size: 20px;margin-bottom}
    .si-slide p {font-size: 16px;}
    .si-slide-content{padding: 0 20px 50px}
    .si-contact{padding: 0 0 2rem;background: #f8f9fa;}
    .si-investment-title,.si-contact-title{padding: 1rem 0;margin: 0;}
    .si-invest-card,.si-contact-wrapper{padding:1rem;}
    .si-invest-card-title{margin-bottom:.5rem;}
    .si-project-more{margin-bottom:.5rem;}
    .si-intro-title{margin-bottom:.5rem;}
    .si-intro-content {flex-direction: column;gap: 3rem;}
    .si-enterprises{padding: 0 0 3.5rem;}
    .si-enterprises-title{padding:0 0 1rem 0;margin: 0;}
    .si-enterprises-grid{gap:.5rem;margin-bottom:10px;}
    .dnew-section {padding: 30px 0;}
    .dnew-grid {grid-template-columns: 1fr; gap: 20px;}
    .dnew-img {height: 160px;}
    /* 园区概况页 */
    .int-overview{display: none;}
    .int-section{padding:0 0 3.5rem;background: #f7f7f7!important;}
    .int-section#intro{padding-top:3.5rem;}
    .int-section .container{width: unset;margin: 0 5px;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);border-radius: 1rem;padding:1rem 1rem 2rem;}
    .int-intro-text{padding: 0}
    .int-section-title{margin:0;padding:.5rem 0;}
    .int-intro-item{box-shadow: none;padding: 25px 0;}
    .int-intro-img{margin: 0;}
    .int-intro{gap:.5rem;}
    .int-traffic-text ul{padding-left:1.2rem}
    .int-res{flex-flow: column;gap:1rem;}
    .int-res-img{max-width:100%;}
    .int-traffic{flex-flow: column;gap:1rem;}
    .int-traffic-img{max-width:100%;}
    .int-navbar {flex-wrap: wrap;}
    .int-navbtn {margin: 5px;}
    .int-intro-content {grid-template-columns:repeat(2, 1fr);gap:.5rem;margin-top: 0;}
    .int-chain-grid {grid-template-columns: 1fr;}
    .int-chain{gap:.5rem;}
    .int-s1{text-align: left;margin-bottom: .5rem;}
    .int-chain-img{max-height: 300px;height: auto;margin-bottom: 0}
    .int-chain-item{box-shadow: none;background: #f7f7f7;}
    /*招商引资 .investment */
    .investment .int-section.zs1{padding-bottom:.5rem;padding-top: 3.5rem;}
    .investment .int-section.zs2{padding-top:0;padding-bottom:3.5rem;}
    /*园区动态*/
    .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-columns: 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%;}
    /* 招商引资详细页和园区概况详细页共用*/
    .int-section.zs2 .int-intro{flex-flow:column;}
    /*入驻企业页 .comp1*/
    .comp1 .si-enterprises{padding: 3.5rem 0 3.5rem;}    
    /* 页码 */
    .dq-prev,.dq-next{display: none;}
    /* 移动端菜单 */
    .si-mobile-overlay{z-index:15;}
    .si-mobile-menu-toggle{display: block;margin-top: -.5rem;margin-right:.5rem;}
    .si-nav {display: none;}
    .si-nav.mobile-active {display: block;background:linear-gradient(135deg, #2c5aa0 0%, #1a3a8f 100%);}
    .si-nav.mobile-active a{color:#fff;border-bottom: 1px solid rgba(255, 255, 255, .15);}
    .si-mobile-menu-toggle.active .menu-icon span{background:#fff}
    /*尾部*/
    footer{display: none;}
    .navCir {position: fixed; bottom: 0px; width: 100%; 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);}
    .fonc1{width:2.5rem;height:2.5rem;border-radius:2.5rem;background-color: #2c5aa0;color:#fff!important;display: flex!important;justify-content:center;align-items:center;margin: 0 0 0 6vw;line-height:1.3!important;}
}
@media (max-width: 768px) {
  
    .si-enterprises-grid {grid-template-columns: repeat(2, 1fr);}
    .si-service-area {right: 0;}
    .si-tnav {display: none;}
    .si-footer-content {grid-template-columns: 1fr; gap: 20px;}
    .si-slide-nav {width: 40px; height: 40px;}
}
    
@media (max-width: 480px) {
    .si-enterprises-grid {grid-template-columns: 1fr;}
}