.view_top {
	   
	   height:960px;
	   background:url('/assets/images/viewbg.png') top center no-repeat #ccc;
	   background-size:100% 100%;
	   overflow:hidden;
	   
   }
   
   .view_flash {  
		width:100%;   
		margin:60px 0;
	   overflow:hidden;
	   }
   
   .swiper {
	  margin-top:150px;
      width: 45%; /* 设置容器宽度 */
      height: auto; /* 设置容器高度 */
	  float:left; 
	  overflow:hidden;
    }
	
	 


    .swiper-slide {
      text-align: center;
      font-size: 18px;
      
      /* Center slide text vertically */
      display: flex;
      justify-content: center;
      align-items: center;
    }
	
	 

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain; /* 保持图片比例 */
    }
	
	 
	
	.swiper-pagination {
 
    width: 38%;
	
	}
	
	


    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #4dab00; 
      opacity: 1;
	  margin-right:10px;
    }

    .swiper-pagination-bullet-active {
      background: #4dab00; 
	  width: 30px;
	   border-radius:15px;
    }
	
	
	
	
	/* .prodesc */
	
	.prodesc {
	 margin-top:150px;
	width: 50%;
	height:auto;
	border:0px solid #f00;
	float:right;
	
	}
	
	.prodesc ul{
		margin-top:120px;
	}
	
	
	.prodesc ul li{
		width:45%;
		float:left;
		color:#333;
		margin-bottom:16px;
		
		
	}
	
.prodesc ul li:nth-child(2n-1){width:50%;}
.prodesc ul li:nth-child(2n){float:right;}

.prodesc ul li p{
	margin-bottom:0;
}


.view_ico{ 
    margin:50px 0;
	border:0px solid #f00;
	}
	
 
.view_ico ul {
    display: flex; /* 使用 Flex 布局 */
    justify-content: space-between; /* 平均分布 */
    list-style: none; /* 移除默认列表样式 */
    padding: 0;
    margin: 0;
    gap: 3%; /* 区块间间隔 3% */
}

.view_ico ul li {
    flex: 1; /* 每个 li 均等分配宽度 */
    text-align: center; /* 内容居中对齐 */
    display: flex; /* 使内部内容垂直排列 */
    flex-direction: column; /* 垂直布局 */
    align-items: center; 
    justify-content: space-between;   
	background:#f1f2f3;
	padding-top:30px;
	border-radius:15px;
	min-height: 240px; 
}

.view_ico ul li h4 {margin-bottom:20px;}
	
.view_ico ul li p {
    margin: 0;
    color: #4dab00;  
    margin-top: auto; 
	height:38px;
	line-height:38px;
		width:100%;
}

.view_ico ul li p a{ color: #4dab00;  }

.view_ico ul li p:hover {
	border-radius:0 0 15px 15px;
    color: #fff; 
	background:#4dab00; 	
 	
}

.view_ico ul li p:hover a, .view_ico ul li p a:hover {color: #fff;}



 .mb50 {margin-bottom:50px;}
 
 .view-img  img{ width:100%;}
 
 .green {color: #4dab00;}
 

  .pro-title  {
	
    text-align: center;
    margin: 20px 0 50px;	
    font-family: 'Arial', sans-serif;
	
}

 .pro-title h3 {
	font-size: 36px;       
	font-weight:bold; 
	
}

 .pro-subtitle {
    font-size: 21px;
    color: #999;
    margin-top: 0;
    letter-spacing: 2px;
}

 
 .house {
	 display: flex; /* 使用 Flex 布局 */
    justify-content: space-between;
	padding:0 1%;
	}
  
  
 .house  img{width:49%;}
  



.view_ico_four{ 
    margin:50px 0;
	border:0px solid #f00;
	}
	
 
.view_ico_four ul {
    display: flex; /* 使用 Flex 布局 */
    justify-content: space-between; /* 平均分布 */
    list-style: none; /* 移除默认列表样式 */
    padding: 0;
    margin: 0;
    gap: 10%; /* 区块间间隔 3% */
}

.view_ico_four ul li {
    flex: 1; /* 每个 li 均等分配宽度 */
        
	  
}

.view_ico_four ul li h4{color:#333;line-height:1.5; margin-bottom:0;}
.view_ico_four ul li p{line-height:1.25; margin-bottom:0;}
.view_ico_four ul li  img{ float:left; width:26%; max-width:68px;}
.view_ico_four ul li .text {float:left; margin:5px 0 0 10px;}



/* pro—related */

.pro—related h3 {color:#333; }





	
 @media (max-width: 1600px) {
	 
	.swiper-pagination {
		width: 41%;	 
	}
	
	

 
 }	

@media (max-width: 1400px) {
	 
	.view_ico_four ul {
 
    gap: 5%; /* 区块间间隔 3% */
	}

}

 @media (max-width: 1000px) {
	 
	 
.view_top {
	   min-height:900px;
	   height:auto;
	   padding-bottom:60px;
	}
	
	.swiper {
	  margin-top:50px;
      width: 100%; 
	}
	
	  .swiper-pagination {
		width: 100%;	 
	}
	
	.prodesc {
	 margin-top:50px;
	width: 100%;
	}
	
	.prodesc ul li:nth-child(2n-1){width:50%;}
	.prodesc ul li:nth-child(2n){width:50%;}
	
	.prodesc ul li h4 {font-size:1rem; color:#000;}
	
	 
	
 }	
 
 
 
  @media (max-width: 768px) {
	 
	 .view_ico ul {
        flex-direction: column;
        gap: 20px;
    }

 }	 
 
 
         /* Swiper 容器 */
        .swiper2 {
            width: 100%;
            height: 500px; /* 可根据需要调整 */
			overflow:hidden;
        }

       
       .swiper2  .swiper-slide {
            width: auto; /* 让 Swiper 计算 Slide 的宽度 */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* 图片样式 */
        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 让图片充满 Slide */
            border-radius: 10px;
        }

        /* Swiper 按钮样式 */
        .swiper-button-prev, .swiper-button-next {
            color: white;
        }
		
	 .swiper-pagination2{
		 
			width: 90%;
			margin-top:-40px;
			margin-left:5%; 
	
	}
	
	@media (max-width: 1600px) {
    .swiper-pagination2 {
        width: 90%;
     }
	}