@charset "UTF-8";
/*业主直租 */

    /* 全局样式重置与基础设置 */

 
         /* Banner样式 */
         .rent-hero {
             background: url('../images/yezhuzhizu_banner.jpg') no-repeat center center;
             background-size: cover;
             color: #fff;
             padding: 6rem 0;
             position: relative;
             background-color: #0066cc;
			 margin-top: 80px;
         }
         
         .rent-hero::before {
             content: '';
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 33, 99, 0.7);
             z-index: 1;
         }
         
         .hero-content {
             position: relative;
             z-index: 2;
             max-width: 1200px;
         }
         
         .rent-hero h1 {
             font-size: 3rem;
             margin-bottom: 1rem;
             font-weight: 700;
         }
         
         .rent-hero p {
             font-size: 1.2rem;
             line-height: 1.8;
             opacity: 0.95;
             max-width: 800px;
         }
 
         /* 通用区块样式 */
         .section {
             padding: 4rem 0;
             background-color: #fff;
             margin-bottom: 1rem;
         }
 
         .section-light {
             background-color: #f8fafc;
         }
 
         .section-title {
             font-size: 1.8rem;
             text-align: center;
             margin-bottom: 20px; /* 核心修改：原0.8rem改为20px，增加标题与内容间距 */
             color: #333;
             font-weight: 600;
             position: relative;
             display: inline-block;
             left: 50%;
             transform: translateX(-50%);
         }
 
         .section-title::after {
             content: "";
             position: absolute;
             left: 50%;
             bottom: -0.5rem;
             width: 2.5rem;
             height: 0.25rem;
             background-color: #0066cc;
             transform: translateX(-50%);
             margin-bottom: 0px; /* 核心新增：为蓝色横杠额外增加20px底部间距 */
         }
 
         .section-desc {
             font-size: 1rem;
             color: #666;
             text-align: center;
             margin-bottom: 3rem;
             padding: 0 10%;
         }
 
         /* 什么是业主直租 */
         .rent-intro {
             display: grid;
             grid-template-columns: 2fr 1fr;
             gap: 3rem;
             align-items: center;
             padding: 0 5%;
             margin-top: 20px; /* 核心新增：为内容区增加20px顶部间距，双重保障 */
         }
 
         .intro-text {
             font-size: 1rem;
             line-height: 1.8;
             color: #333;
             text-align: justify;
         }
 
         .intro-stats {
             display: flex;
             justify-content: space-around;
             text-align: center;
         }
 
         .stat-box {
             background-color: #e6f2ff;
             padding: 1.5rem 2rem;
             border-radius: 0.5rem;
             min-width: 120px;
         }
 
         .stat-box .value {
             font-size: 1.8rem;
             font-weight: bold;
             color: #0066cc;
             margin-bottom: 0.5rem;
         }
 
         .stat-box .label {
             font-size: 0.9rem;
             color: #666;
         }
 
         @media (max-width: 992px) {
             .rent-intro {
                 grid-template-columns: 1fr;
                 gap: 2rem;
             }
             .intro-stats {
                 justify-content: center;
                 gap: 1rem;
             }
         }
 
         /* 业主直租的优势 */
         .advantages-grid {
             display: grid;
             grid-template-columns: repeat(4, 1fr);
             gap: 1.5rem;
             padding: 0 5%;
             margin-top: 20px; /* 核心新增：为优势卡片区增加20px顶部间距 */
         }
 
         .advantage-card {
             background-color: #fff;
             padding: 2rem 1.5rem;
             border-radius: 0.8rem;
             box-shadow: 0 2px 10px rgba(0,0,0,0.05);
             text-align: center;
             transition: transform 0.3s ease;
         }
 
         .advantage-card:hover {
             transform: translateY(-5px);
         }
 
         .advantage-icon {
             width: 3rem;
             height: 3rem;
             background-color: #e6f2ff;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
             margin: 0 auto 1rem;
             color: #0066cc;
             font-size: 1.2rem;
         }
 
         .advantage-title {
             font-size: 1.1rem;
             margin-bottom: 0.8rem;
             color: #333;
             font-weight: 600;
         }
 
         .advantage-desc {
             font-size: 0.9rem;
             color: #666;
             line-height: 1.6;
         }
 
         @media (max-width: 1200px) {
             .advantages-grid {
                 grid-template-columns: repeat(2, 1fr);
             }
         }
 
         @media (max-width: 576px) {
             .advantages-grid {
          
             }
         }
 
         /* 办公空间选择 */
         .space-grid {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 2rem;
             padding: 0 5%;
         }
 
         .space-card {
             background: linear-gradient(135deg, #e6f2ff 0%, #f0f7ff 100%);
             padding: 2rem;
             border-radius: 0.8rem;
             border: 1px solid #d1e7ff;
             transition: transform 0.3s ease;
         }
 
         .space-card:hover {
             transform: translateY(-5px);
         }
 
         .space-icon {
             color: #0066cc;
             font-size: 1.5rem;
             margin-bottom: 1rem;
         }
 
         .space-title {
             font-size: 1.2rem;
             color: #333;
             margin-bottom: 0.5rem;
             font-weight: 600;
         }
 
         .space-area {
             font-size: 1.5rem;
             color: #0066cc;
             font-weight: bold;
             margin-bottom: 1rem;
         }
 
         .space-desc {
             font-size: 0.9rem;
             color: #666;
             margin-bottom: 1.5rem;
         }
 
         .space-features {
             list-style: none;
         }
 
         .space-features li {
             font-size: 0.9rem;
             color: #666;
             margin-bottom: 0.5rem;
             display: flex;
             align-items: center;
         }
 
         .space-features li::before {
             content: "✓";
             color: #009944;
             margin-right: 0.5rem;
             font-weight: bold;
         }
 
         @media (max-width: 992px) {
             .space-grid {
                 grid-template-columns: repeat(2, 1fr);
             }
         }
 
         @media (max-width: 576px) {
             .space-grid {
                 grid-template-columns: 1fr;
             }
         }
 
         /* 租赁流程 */
         .process-steps {
             display: flex;
             justify-content: space-between;
             align-items: center;
             padding: 0 5%;
             position: relative;
         }
 
         .process-steps::before {
             content: '';
             position: absolute;
             top: 2rem;
             left: 8%;
             right: 8%;
             height: 2px;
             background-color: #d1e7ff;
             z-index: 1;
         }
 
         .process-step {
             text-align: center;
             position: relative;
             z-index: 2;
             width: 18%;
         }
 
         .step-number {
             width: 4rem;
             height: 4rem;
             background-color: #0066cc;
             color: #fff;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
             font-size: 1.5rem;
             font-weight: bold;
             margin: 0 auto 1rem;
         }
 
         .step-title {
             font-size: 1rem;
             font-weight: 600;
             color: #333;
             margin-bottom: 0.5rem;
         }
 
         .step-desc {
             font-size: 0.8rem;
             color: #666;
             line-height: 1.5;
         }
 
         @media (max-width: 1200px) {
             .process-steps {
                 flex-wrap: wrap;
                 gap: 2rem 0;
             }
             .process-step {
                 width: 30%;
                 margin-bottom: 1rem;
             }
             .process-steps::before {
                 display: none;
             }
         }
 
         @media (max-width: 768px) {
             .process-step {
                 width: 45%;
             }
         }
 
         @media (max-width: 576px) {
             .process-step {
                 width: 100%;
             }
         }
 
         /* 租赁资料要求 & 立即咨询 */
         .rent-info {
             display: grid;
             grid-template-columns: 2fr 1fr;
             gap: 3rem;
             padding: 0 5%;
             align-items: flex-start;
         }
 
         .docs-list {
             list-style: none;
         }
 
         .docs-list li {
             font-size: 1rem;
             color: #333;
             margin-bottom: 1rem;
             display: flex;
             align-items: center;
         }
 
         .docs-list li::before {
             content: "📄";
             margin-right: 0.8rem;
             font-size: 1.2rem;
         }
 
         .consult-card {
             background: linear-gradient(135deg, #0066cc 0%, #003399 100%);
             color: #fff;
             padding: 2rem;
             border-radius: 0.8rem;
             box-shadow: 0 4px 15px rgba(0, 51, 153, 0.3);
         }
 
         .consult-title {
             font-size: 1.5rem;
             margin-bottom: 1.5rem;
             font-weight: 600;
         }
 
         .consult-item {
             display: flex;
             align-items: center;
             margin-bottom: 1.2rem;
             font-size: 1rem;
         }
 
         .consult-item i {
             font-size: 1.2rem;
             margin-right: 0.8rem;
             width: 1.5rem;
             text-align: center;
         }
 
         @media (max-width: 992px) {
             .rent-info {
                 grid-template-columns: 1fr;
             }
             .consult-card {
                 margin-top: 2rem;
             }
         }
 
         /* 加入我们 */
         .join-section {
             background: linear-gradient(135deg, #003399 0%, #0066cc 100%);
             color: #fff;
             text-align: center;
             padding: 4rem 0;
         }
 
         .join-title {
             font-size: 2rem;
             margin-bottom: 1.5rem;
             font-weight: 600;
         }
 
         .join-desc {
             font-size: 1.1rem;
             margin-bottom: 2rem;
             opacity: 0.9;
             max-width: 800px;
             margin-left: auto;
             margin-right: auto;
         }
 
         .join-btn {
             display: inline-block;
             background-color: #fff;
             color: #0066cc;
             padding: 1rem 2.5rem;
             border-radius: 50px;
             text-decoration: none;
             font-size: 1.1rem;
             font-weight: 600;
             transition: all 0.3s ease;
             box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
         }
 
         .join-btn:hover {
             background-color: #009944;
             color: #fff;
             transform: translateY(-3px);
             box-shadow: 0 6px 20px rgba(0, 153, 68, 0.3);
         }
 
      
            /* 移动端适配 */
            @media (max-width: 1200px) {
                .scene-item {
                    flex: 0 0 calc(33.33% - 1rem); /* 平板显示3张 */
                }
                .scene-item img {
                    height: 350px;
                }
            }
        
            @media (max-width: 768px) {
                .scene-item {
                    flex: 0 0 calc(50% - 0.75rem); /* 手机显示2张 */
                }
                .scene-item img {
                    height: 300px;
                }
            }
        
            @media (max-width: 576px) {
                .scene-item {
                    flex: 0 0 calc(100% - 0.5rem); /* 小屏手机显示1张 */
                }
                .scene-item img {
                    height: 250px;
                }
            }
        
            /* 网络设施（新增第四项） */
            .network-facilities {
                background-color: #003399;
                color: #fff;
                padding: 4rem 0;
            }
        
            .network-facilities .section-title {
                color: #fff;
            }
        
            .network-facilities .section-title::after {
                background-color: #009944;
            }
        
            .network-facilities .section-subtitle {
                color: rgba(255,255,255,0.8);
            }
        
            .network-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr); /* 改为4列 */
                gap: 2rem;
            }
        
            .network-card {
                background-color: rgba(255,255,255,0.1);
                padding: 2rem;
                border-radius: 0.8rem;
                transition: transform 0.3s ease;
            }
        
            .network-card:hover {
                transform: translateY(-5px);
            }
        
            .network-card .feature-title {
                color: #fff;
            }
        
            .network-card .feature-desc {
                color: rgba(255,255,255,0.9);
            }
        
            @media (max-width: 1200px) {
                .network-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        
            @media (max-width: 576px) {
                .network-grid {
                    grid-template-columns: 1fr;
                }
            }
        
            /* 入驻企业（一行4个） */
            .enterprises {
                background: #fff;
            }
        
            .enterprises-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 2rem;
            }
        
            .enterprise-card {
                padding: 2rem;
                border-radius: 0.8rem;
                box-shadow: 0 4px 12px rgba(0,0,0,0.08);
                text-align: center;
                transition: transform 0.3s ease;
            }
        
            .enterprise-card:hover {
                transform: translateY(-5px);
            }
        
            .enterprise-logo {
                width: 3rem;
                height: 3rem;
                background-color: #0066cc;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 1.5rem;
                color: #fff;
                font-size: 1.5rem;
            }
        
            .enterprise-name {
                font-size: 1rem;
                margin-bottom: 0.8rem;
                font-weight: 600;
            }
        
            .enterprise-desc {
                font-size: 0.85rem;
                color: #666;
                line-height: 1.6;
            }
        
            @media (max-width: 1200px) {
                .enterprises-grid {
                    grid-template-columns: repeat(3, 1fr);
                }
            }
            @media (max-width: 992px) {
                .enterprises-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 576px) {
                .enterprises-grid {
                    grid-template-columns: 1fr;
                }
            }
        
  
    /* ========== 页脚 - 移动端隐藏导航文字 ========== */
          footer {
              padding: 80px 0 40px;
              background: #0066cc;
              color: #fff;
          }
  
          .footer-wrapper {
              display: flex;
              justify-content: space-between;
              align-items: center;
              flex-wrap: wrap;
              margin-bottom: 50px;
          }
  
          .footer-logo {
              width: 150px; /* 150*80px */
              height: 80px;
              margin-bottom: 20px;
              object-fit: contain;
          }
  
          .footer-qrcode {
              display: flex;
              gap: 25px;
              margin-bottom: 20px;
          }
  
          .footer-qrcode-item {
              width: 100px; /* 100*100px */
              height: 100px;
              border-radius: 8px;
              overflow: hidden;
              border: 2px solid rgba(255,255,255,0.2);
          }
  
          .footer-qrcode-item img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }
  
          .footer-nav {
              display: flex;
              gap: 35px;
              margin-bottom: 20px;
          }
  
          .footer-nav a {
              color: #fff;
              text-decoration: none;
              font-size: 16px;
              transition: color 0.3s ease;
          }
  
          .footer-nav a:hover {
              color: #e0e0e0;
          }
  
          .footer-contact {
              font-size: 14px;
              line-height: 2;
              margin-bottom: 20px;
              opacity: 0.9;
          }
  
          .footer-copyright {
              text-align: center;
              font-size: 12px;
              opacity: 0.8;
              padding-top: 30px;
              border-top: 1px solid rgba(255,255,255,0.2);
          }