@charset "utf-8";
/* ziran-xiaoheilong */

/*门户-主体*/
.nex_realestate_main{margin:30px 0; width:100%; min-width:1240px;}
.tupian1zu {margin-top: 50px;    margin-bottom: 60px;        }
.bt-2{           width: 1240px; margin: 0 auto; display: flex; align-items: center;  margin: 0 auto 20px auto;   	     }
 .bt-2-zhong{          flex: 1; text-align: center; 	       font-size:  1.8em; 	font-weight: 300;    color: #343A40;   
	 text-indent: 70px;
	 letter-spacing: 0.16em;
	     }
.bt-2-zhong span {
         margin-right: 50px;
}
.bt-2 a {
         margin-left: 10px;
	    color: #47C009;
	     text-decoration: none;
	     font-size: 1.36em;
}
.bt-2 a:hover {
    font-weight: bold;
}
.bt-3{
           font-size: 2.4em;
    color: #47C009;
    padding-top: 30px;  
	 text-align: center;
	     }
 .bt-4 {
           font-size: 20px;    
    color: #343A40;
    padding-top: 30px; 
	 text-align: center;
	 letter-spacing: 0.16em;
	       }
 .bt-4 span {
         margin-right: 50px;
}
.body-2 {  background: #fafafa; 
	       }

.tupian1zu {margin-top: 50px;
    margin-bottom: 60px;
           
        }
        h2 {
            font-size: 3.4em;
    color: #47C009;
    margin-bottom: 20px;
    letter-spacing: 0.16em;
	text-align: center;
        }

        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 1240px;
            margin: 0 auto;
			
        }
        .item {
            width: 31%;
            margin: 10px 0 24px 0;
            transition: transform 0.3s ease; /* 添加过渡效果 */
			
        }
        .item2 {
            width: 24%;
            margin: 10px 0 30px 0;
            transition: transform 0.3s ease; /* 添加过渡效果 */
			
        }
        .item:hover {
            transform: scale(1.05); /* 鼠标悬停时图片稍微放大 */
        }
        .item img {
            width: 100%;
            height: auto;
            border-radius: 3px;
            transition: transform 0.3s ease; /* 图片过渡效果 */
			
        }
 .item2:hover {
            transform: scale(1.02); /* 鼠标悬停时图片稍微放大 */
        }
        .item2 img {
            width: 100%;
            height: auto;
            border-radius: 3px;
            transition: transform 0.3s ease; /* 图片过渡效果 */
			
        }
        .caption {
            margin-top: 10px;
            font-size: 1.6em;
            color: #333; /* 默认文字颜色 */
            transition: color 0.3s ease; /* 文字颜色过渡效果 */
        }
        .item:hover .caption {
            color: #e74c3c; /* 鼠标悬停时文字变为红色 */
        }

/* 下部施工图片滚动 */
 .container_2 {
      max-width: 80rem;
      margin-left: auto;
      margin-right: auto;
	 margin-top: 30px;	
    } 
    
    /* 滚动容器样式 */
    .scroll-container_2 {
      overflow: hidden;
      position: relative;
      height: 18rem;      
      padding: 1.5rem 0;
    }
    
    .scroll-track {
      display: flex;
      width: 200%; /* 两倍宽度用于循环效果 */
      animation: scroll 30s linear infinite;
    }
    
    .scroll-item {
      flex: 0 0 10%; /* 每5张占满一屏，所以每张占20% */
      padding: 0 10px;
      text-align: center; /* 标题居中对齐 */
    }
    
    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%); /* 滚动到一半时完成一次循环 */
      }
    }
    
    /* 图片外边框容器 - 带阴影效果 */
    .image-border-container_2 {
      border: 1px solid #999; /* 外边框 */
      box-shadow: 0 1px 3px rgba(0,0,0,0.15); /* 边框阴影 */
      padding: 5px; /* 边框与图片之间的白色空隙 */
      background: white; /* 空隙颜色设为白色 */
      margin-bottom: 8px; /* 与标题的间距 */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .scroll-image {
      width: 100%;
      height: 160px;
      object-fit: cover;
    }
    
    .scroll-title {
      font-size: 14px;
      font-weight: 500;
      color: #333;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 4px;
      transition: color 0.3s ease; /* 标题颜色过渡动画 */
    }
    
    /* 鼠标悬停效果 */
    .scroll-item:hover .image-border-container_2 {
      transform: scale(1.05);
      box-shadow: 0 6px 16px rgba(0,0,0,0.2); /* 悬停时阴影加深 */
    }
    
    .scroll-item:hover .scroll-title {
      color: #e53e3e; /* 红色标题 */
    }
    
    /* 响应式设计 */
    @media (max-width: 768px) {
      .scroll-item {
        flex: 0 0 20%; /* 在移动设备上每张图片占20%宽度 */
      }
      
      .scroll-container_2 {
        height: 20rem;
      }
    }
    
    @media (max-width: 480px) {
      .scroll-item {
        flex: 0 0 33.33%; /* 在更小的屏幕上每张图片占33.33%宽度 */
      }
      
      .scroll-container_2 {
        height: 18rem;
      }
      
      body {
        padding: 1rem;
      }
    }
/* 下部施工图片滚动 ——到此为止*/




/* hezuo huoban */

 .hezuohuoban {
            margin: 0;
            padding: 40px 0 20px 0;            
            display: flex;
            justify-content: center;
            align-items: center;
           margin-top: 30px;
        }
 .image-row {
            display: flex;
            gap: 16px;      
	      
        }
        
        .image-item {
            width: 141px;
            height: 60px;            
            overflow: hidden;            
            transition: transform 0.3s;
        }
        
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .image-item:hover {
            animation: bounce 0.6s ease;
        }
        
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
/* hezuo huoban _end*/
/* xiabu wenzhang*/
.forum-widget-container {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 24px;
            padding: 20px 0 20px 0;
        }
        .forum-widget-card {
            background: #f9f9f9;
            padding: 20px;
        }
        .forum-widget-card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom:16px;
            border-left:4px solid #36c030;
            padding-left:10px;
        }
        .forum-widget-card-title {
            font-size:22px;
            font-weight:bold;
        }
        .forum-widget-header-link {
            color:#888;
            font-size:16px;
            display:flex;
            align-items:center;
            gap:4px;
            cursor:pointer;
            transition: color 0.2s;
        }
        .forum-widget-header-link:hover {
            color:#36c030;
        }
        .forum-widget-rank-item {
            display:flex;
            justify-content: space-between;
            align-items:center;
            margin:12px 0;
            font-size:18px;
        }
        .forum-widget-item-name {
            cursor:pointer;
            transition: color 0.2s;
        }
        .forum-widget-item-name:hover {
            color:#36c030;
        }
        .forum-widget-rank-num {
            display:inline-flex;
            width:26px;
            height:26px;
            color:white;
            justify-content:center;
            align-items:center;
            border-radius:3px;
            margin-right:8px;
        }
        .forum-widget-num-green {
            background:#36c030;
        }
        .forum-widget-num-gray {
            background:#b4b8bc;
        }
        .forum-widget-item-area {
            color:#888;
        }
        /* tab 样式 */
        .forum-widget-tab-wrap {
            display:flex;
            gap:8px;
        }
        .forum-widget-tab-item {
            padding:6px 14px;
            border-radius:20px;
            cursor:pointer;
            transition: all 0.2s;
        }
        .forum-widget-tab-active {
            background:#36c030;
            color:white;
        }
        .forum-widget-tab-normal {
            color:#888;
            background:transparent;
        }
        .forum-widget-tab-content{
            margin-top:16px;
        }
        .forum-widget-tab-pane{
            display:none;
        }
        .forum-widget-tab-pane.show{
            display:block;
        }
/* xiabu wenzhang end*/
        

/*6_youshi*/
.h-adv-list{
    margin-top: 106px;
    padding-left: 10px;
    padding-right: 10px;   
    height: 170px;
    margin-bottom: 20px;
}
.h-adv-list ul {
        width: 100%;
    }
    
.h-adv-list ul li {
        float: left;
        background: url(/img/dp/bg_3.png) no-repeat center top;
        background-size: cover;
        width: 147px;
        height: 145px;
        text-align: center;
        padding-top: 26px;
        margin-right: 121px;
        position: relative;
        cursor: pointer;
		    }
.h-adv-list ul li:nth-child(5n) {        
        margin-right: 0px;
       
		    }
.h-adv-list ul li::before {
        content: "";
        width: 108px;
        height: 1px;
        background: #c9c9c9;
        position: absolute;
        top: 56%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
.h-adv-list ul li:hover,
.h-adv-list ul li:hover big,
.h-adv-list ul li:hover p {
        background-position: center bottom;
        color: #3390ff;
    }
    
.h-adv-list ul li:hover::before {
        background: #3390ff;
    }   
    
.h-adv-list big {
        font-size: 38px;
        color: #55B631;
        font-weight: bold;
    }
    
.h-adv-list p {
        margin-top: 30px;
        color: #333;
        font-size: 16px;        
    }

/*dibu*/
 footer {
            background-color:#47C009;
            color:#ffffff;
            padding:40px 60px;
        }
        .footer-top{
            display:grid;
            grid-template-columns: 260px 1fr 1fr 1fr 370px;
            gap:20px;
            margin-bottom:46px;
        }
        .logo-area {  width: 200px;   }
        .logo-text {    font-size:0;    font-weight:normal;    line-height:0;}
        .logo-text img {    max-width: 260px;    height: auto;}
        .logo-desc{
            margin-top:30px;
            font-size:18px;
            line-height:1.5;
            text-align: center;
        }
        .footer-col h4{
            font-size:20px;
            margin-bottom:14px;
            margin-top: 10px;
        }
        .footer-col ul{
            list-style:none;
        }
        .footer-col li{
            margin-bottom:12px;
            font-size:16px;
        }
        .footer-col li a{  color:#fff;text-decoration:none; }
        .footer-col li a:hover{    text-decoration: underline;}
.contact-item span{font-size:12px }
        
.contact-icon{    width:24px;    height:auto;  }
.contact-item{
    margin-bottom:16px;
    font-size:26px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* ✅ 改为顶部对齐 */
    flex-wrap: nowrap;
    line-height: 30px;
}


        .divider-line{
            border-bottom:1px solid #fff;
            margin-bottom:36px;
        }
        /* 标签样式 */
        .link-tab-group{
            display:flex;
            gap:12px;
            margin-bottom:12px;
        }
        .tab{
            border:1px solid #fff;
            padding:6px 16px;
            cursor:pointer;
            transition: all 0.2s;
        }
        .tab.active{
            background:#fff;
            color:#28b928;
        }
        .tab-content-item{
            display:none;
        }
        .tab-content-item.active{
            display:block;
        }
        
        .qr-wrap   .qr-card  .qr-box  .contact-2weima{ width: 160px;    height: auto; }
        .qr-wrap{
            display:flex;
            gap:30px;
            justify-content:flex-end;
        }
        .qr-card{       text-align:center;transition: all 0.25s ease;    cursor: pointer; 
        /* 透明边框 */
    border: 1px solid transparent;
    /* 阴影效果，可以自行调整大小、颜色 */
    box-shadow: 0 4px 2px rgba(0,0,0,0.12);
    padding: 16px; }
.qr-card:hover {
    transform: translateY(-4px); /* 向上移动4px，数值越大抬得越高 */
}
        .qr-box{
            width:160px;
            height:160px;
            background:#fff;
            margin-bottom:8px;
        }
        .footer-middle{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            margin-bottom:40px;
        }
        .footer-bottom-text{
            text-align:center;
            line-height:1.8;
        }
        .copyright-bar{
            margin-top:16px;
            font-size:14px;
        }