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

 .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: 15px;      
	      
        }
        
        .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*/

/* tiezi youce xuanting*/
.you_xuanting {
    width: 320px;
    margin-bottom: 1px;   
    padding: 10px 0 0 0;}  

.you_contact {
    margin-top: 0px;
	border: 1px solid #DCDCDC;
    line-height: 1;
}

.you_contact .imgbox img {
    width: 100%;
    display: block;
}

.you_contact .val{
    text-align: center;
    padding-bottom: 49px;
    font-size: 28px;
font-weight: 800;
color: #55B631;
}
 .you_contact .title{
    
font-size: 16px;
    
font-weight: 400;
    
color: #6F6F6F;
    
padding-top: 40px;
    
padding-left: 17px;
    
padding-bottom: 18px;
}
 .you_contact .title_2{
    
font-size: 14px;
    
font-weight: 400;
    
color: #c4c0c0;
padding-left: 17px;
padding-top: 10px;
    
padding-bottom: 18px;
}
 .you_contact .dec{
    
font-size: 18px;
    
font-weight: 300;
    
color: #010101;
    
padding-left: 20px;
}
 .you_contact .dec p{
    
line-height: 1.7;
}
 .you_contact .dec2{
    
font-size: 18px;
    
font-weight: 400;
    
color: #C4C0C0;
    
padding-top: 59px;
    
padding-bottom: 22px;
    
text-align: center;
}
.you_contact .dec2 p{
 line-height: 1.5;   
 padding-top: 4px;
}
/* tiezi youce xuanting*/