<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>耐磨泵管|砼泵配件|泵车通管机|混凝土布料机厂家-九州泵管制造有限公司-盐山县九州泵管制造有限公司</title>
        <meta name="keywords" content="泵管,混凝土泵管,砼泵配件,泵车通管机,耐磨泵管,混凝土布料杆厂家">
        <meta name="description" content="盐山县九州泵管制造有限公司生产泵管,混凝土泵管,耐磨泵管,砼泵配件,泵车通管机,混凝土布料杆.建于1987年,是生产混凝土输送管道的厂家之一.">
		<style>
			.animate {
				opacity: 0;
				transform: translateY(20px);
				transition: opacity 1s ease, transform 1s ease;
			}

			.animate.visible {
				opacity: 1;
				transform: translateY(0);
			}
		</style>
	</head>
	<body>
	
				<link rel="stylesheet" href="/static/css/bootstrap.min.css">
		<link rel="stylesheet" href="/static/css/swiper.min.css">
		<link href="/static/css/animate.css" rel="stylesheet">
		<link rel="stylesheet" href="/static/css/css.css">
		<script src="/static/js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="/static/js/swiper.min.js"></script>
		<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
		<script src="/static/js/wow.min.js"></script>
		<script src="/static/js/all.min.js"></script>
		
			<style>
			.animate {
				opacity: 0;
				transform: translateY(20px);
				transition: opacity 1s ease, transform 1s ease;
			}

			.animate.visible {
				opacity: 1;
				transform: translateY(0);
			}
		</style>
		
		
		
		<script>
	$(function() {
		$(".m_line").click(function() {
			$(this).toggleClass('ac');
			$('.nav').fadeToggle();
			$('.header_right').toggle();
		});
	})
	new WOW().init();
</script>

	<!--顶部-->

		
				<div class="header clearfix">
			<div class="container clearfix">
				<div class="logo"><img src="/static/upload/image/20250303/1740994267926950.png" class="wow bounceInRight"></div>
				<ul class="nav clearfix">
				
				
				
				
					<li   class="hover"><a href="/">网站首页</a></li>
					     
                    
						<li class="on"><a href="/gywm/">关于我们</a>
						<ul class="sec">
						
						 
						  	<li class="on"><a href="/gsjj/">公司简介</a></li>
						 
						  	<li class="on"><a href="/qywh/">企业掠影</a></li>
						 
						  	<li class="on"><a href="/zzry/">资质荣誉</a></li>
						  	
								
						</ul>
					</li>
					
						<li class="on"><a href="/cpzx/">产品中心</a>
						<ul class="sec">
						
						 
						  	<li class="on"><a href="/bg/">泵管系列</a></li>
						 
						  	<li class="on"><a href="/nmbg/">耐磨泵管系列</a></li>
						 
						  	<li class="on"><a href="/blj/">布料机系列</a></li>
						 
						  	<li class="on"><a href="/tbpj/">砼泵配件系列</a></li>
						 
						  	<li class="on"><a href="/tgjdcq/">通管机/登车桥</a></li>
						 
						  	<li class="on"><a href="/wtgk/">弯头管卡</a></li>
						 
						  	<li class="on"><a href="/dcpjzdj/">电厂配件支吊架</a></li>
						  	
								
						</ul>
					</li>
					
						<li class="on"><a href="/article/">新闻中心</a>
						<ul class="sec">
						
						 
						  	<li class="on"><a href="/gsdt/">公司动态</a></li>
						 
						  	<li class="on"><a href="/jswz/">技术文章</a></li>
						 
						  	<li class="on"><a href="/zhhd/">展会活动</a></li>
						  	
								
						</ul>
					</li>
					
						<li class="on"><a href="/zzry-1/">资质荣誉</a>
						<ul class="sec">
						
						  	
								
						</ul>
					</li>
					
						<li class="on"><a href="/lxwm/">联系我们</a>
						<ul class="sec">
						
						  	
								
						</ul>
					</li>
						
						
				</ul>

					<div class="sousuo">
					<img src="/static/picture/sousuo.png" alt="">
					<form class="sousuo_on clearfix" action="/search/"  method="get">
						<input type="text" name="keyword">
						<button type="submit"><img src="/static/picture/sousuo.png" alt=""></button>
					</form>
				</div>
				<script>
					$(".sousuo>img").click(function(){
						$(".sousuo_on").toggle();
					})
				</script>
				<div class="language_tab">
					<!-- <a href="#">Language</a> -->
					<!-- <select>
						<a href="http://www.Hbtaiyi.com/"><option value="http://www.Hbtaiyi.com/" selected>简体中文</option></a>
						<a href="http://en.hbtaiyi.com/"><option value="http://en.Hbtaiyi.com/">English</option></a>
						
				    </select> 
					<select id="mySelect">
					  <option value="/">简体中文</option>
					  <option value="http://en.Hbtaiyi.com">English</option>
					</select>-->
					<script>
					  document.getElementById('mySelect').addEventListener('change', function() {
					    var url = this.value;
					    if (url) {  // 确保用户选择了有效的选项
					      window.location.href = url;
					    }
					  });
					</script>
				</div>
				<div class="m_line"> <span class="line line1"></span> <span class="line line2"></span> <span
						class="line line3"></span> </div>
			</div>
		</div>
		
		
		<div class="banner">
			<!-- Swiper -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
				
				
				
					<div class="swiper-slide">
						<img src="/static/upload/image/20250303/1740986121693575.jpg" width="100%" alt="">
						<div class="text" style="display:none;">
							<div class="container">
								<h3></h3>
								<p></p>
								<a href="/">走进 >></a>
							</div>
						</div>
					</div>
				 
					<div class="swiper-slide">
						<img src="/static/upload/image/20250303/1740986132989790.jpg" width="100%" alt="">
						<div class="text" style="display:none;">
							<div class="container">
								<h3></h3>
								<p></p>
								<a href="/">走进 >></a>
							</div>
						</div>
					</div>
				 
					<div class="swiper-slide">
						<img src="/static/upload/image/20250303/1740986145735406.jpg" width="100%" alt="">
						<div class="text" style="display:none;">
							<div class="container">
								<h3></h3>
								<p></p>
								<a href="/">走进 >></a>
							</div>
						</div>
					</div>
				 
					<div class="swiper-slide">
						<img src="/static/upload/image/20250303/1740986158737804.jpg" width="100%" alt="">
						<div class="text" style="display:none;">
							<div class="container">
								<h3></h3>
								<p></p>
								<a href="/">走进 >></a>
							</div>
						</div>
					</div>
				 
					<div class="swiper-slide">
						<img src="/static/upload/image/20250303/1740986171194983.jpg" width="100%" alt="">
						<div class="text" style="display:none;">
							<div class="container">
								<h3></h3>
								<p></p>
								<a href="/">走进 >></a>
							</div>
						</div>
					</div>
				 
				
				
				      
      
     
			
					
					
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination swiper-pagination-white"></div>
				<!-- Add Arrows -->
				<!-- <div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div> -->
			</div>
			

		</div>
		
		
		
		
		
		
		
		
		
		
		<div class="fp_box_1 wow fadeInUp">
			<div class="container">
				<div class="title">
					<h3>产品推荐</h3>
				</div>
				<div class="box">
					<div class="top212" style="display:none;">
					
						<a href="###" class="hover"><strong>◎</strong>泵管</a>
						
						<a href="###" class=""><strong>◎</strong>耐磨泵管</a>
						
						<a href="###" class=""><strong>◎</strong>布料机</a>
						
						<a href="###" class=""><strong>◎</strong>砼泵配件</a>
						
						
					</div>


					<div class="list show">
						<ul class="clearfix">
						
						
						
							<li>
								<a href="/bg/200.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182466589779.jpg" alt="混凝土泵管">
									</div>
									<div class="text">
									
										
											<h4>混凝土泵管</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/bg/199.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182416975031.jpg" alt="地泵管">
									</div>
									<div class="text">
									
										
											<h4>地泵管</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/bg/198.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182381389262.jpg" alt="砂浆泵管">
									</div>
									<div class="text">
									
										
											<h4>砂浆泵管</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/bg/197.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182348581792.jpg" alt="泵管">
									</div>
									<div class="text">
									
										
											<h4>泵管</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/bg/196.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182292314913.jpg" alt="泵管">
									</div>
									<div class="text">
									
										
											<h4>泵管</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/bg/195.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741182260974523.jpg" alt="混凝土泵管">
									</div>
									<div class="text">
									
										
											<h4>混凝土泵管</h4>
									</div>
								</a>
							</li>
						
							
						
						
						</ul>
					</div>
					
				<div style="width:200px; height:55px; margin:auto; background:#1968b4; margin-bottom:40px;border-radius: 10px;"><a href="/cpzx/"><p style="font-size:18px; text-align:center; line-height:53px; color:#FFFFFF;">查看更多产品</p></a></div>
				
				
				</div>
			</div>
		</div>
		
		
		
		
		
		
		<style>
		.syhengtiao{ width:100%; background:#1968b4; padding:30px; height:120px;}
		.syhengtiaonei{ max-width:1400px; margin:auto; }
		.syhtleft{ width:75%; float:left; padding-left:5%; padding-top:10px;}
		.syhtleft p{ font-size:24px; line-height:36px; color:#FFFFFF; padding-left:20px; letter-spacing: 3px;}
		
		.syhtright{ width:20%; float:right;
		
        }
		
		.syhtright1{
		background:#0066cc;
		width:206px;
		height:58px;
		border: 2px solid #fff; /* 设置边框 */
        border-radius: 10px; /* 设置圆角的半径为10px */
        padding: 20px; /* 设置内边距 */
        margin: 20px; /* 设置外边距 */ 
		margin-top:0px;
		}
		
		
		
		.syhtright span{
		font-size:24px;  font-weight:bold; color:#FFFFFF; padding-left:10px; line-height:0px;
		
		}
		
		
		
		@media only screen and (max-width:764px) {
		
		.syhengtiao{ width:100%; background:#0066CC; padding:30px; height:190px;}
		.syhengtiaonei{ max-width:1400px; margin:auto; }
		.syhtleft{ width:100%;  padding-top:0px;}
		.syhtleft p{ font-size:18px; line-height:24px; color:#FFFFFF; padding-left:0px;}
		
		.syhtright{ width:100%; margin-top:10px;
		
        }
		
		.syhtright1{
		background:#0066cc;
		width:160px;
		height:62px;
		border: 2px solid #fff; /* 设置边框 */
        border-radius: 10px; /* 设置圆角的半径为10px */
        padding: 20px; /* 设置内边距 */
        margin: 20px; /* 设置外边距 */ 
		margin-top:0px;
		}
		
		
		
		.syhtright span{
		font-size:16px;  color:#FFFFFF; padding-left:10px; line-height:0px;
		
		}
		
		
		}
		
		
		</style>
		
		
		
		<div class="syhengtiao">
		   <div class="syhengtiaonei">
		   
	      	<div class="syhtleft"><p>我们专注客户实际需求，提供混凝土输送管道解决方案。</p></div>
			
		    <div class="syhtright">
			
		  <div class="syhtright1">
		    <span><a href="/cpzx/" style="color:#FFFFFF;">查看更多产品</a></span>
		   </div>
		   
		</div>
		
		</div>
		
		
		</div>
		

		<div class="fp_box_1 wow fadeInUp">
			<div class="container">
				<div class="title">
					<h3>布料机产品</h3>
				</div>
				<div class="box boxx" id="box">
					<div class="top topp" id="top">
					
						
					</div>


					<div class="list listt show">
						<ul class="clearfix">
						
							
							<li>
								<a href="/blj/169.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165410261730.jpg" alt="18米布料机">
									</div>
									<div class="text">
									
										
											<h4>18米布料机</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/blj/168.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165377576623.jpg" alt="18米手动布料机">
									</div>
									<div class="text">
									
										
											<h4>18米手动布料机</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/blj/167.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165326842179.jpg" alt="电动布料机">
									</div>
									<div class="text">
									
										
											<h4>电动布料机</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/blj/166.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165284556499.jpg" alt="电动布料机">
									</div>
									<div class="text">
									
										
											<h4>电动布料机</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/blj/165.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165253992434.jpg" alt="手动小型布料机">
									</div>
									<div class="text">
									
										
											<h4>手动小型布料机</h4>
									</div>
								</a>
							</li>
						
							<li>
								<a href="/blj/164.html">
									<div class="pic">
										<span>新品</span>
										<img src="/static/upload/image/20250305/1741165196114640.jpg" alt="手动布料机">
									</div>
									<div class="text">
									
										
											<h4>手动布料机</h4>
									</div>
								</a>
							</li>
						
						
							
						
						
						</ul>
					</div>
					


					
					
						
					
					
					
					
				
				
					<div style="width:200px; height:55px; margin:auto; background:#1968b4; margin-bottom:40px;border-radius: 10px;"><a href="/nmbg/"><p style="font-size:18px; text-align:center; line-height:53px; color:#FFFFFF;">查看更多产品</p></a></div>
				
				
				</div>
			</div>
		</div>
		
		
		<script>
	(function() {
    // 新tabs切换
    function tabs(handles, cons) {
        $(handles).each(function(num) {
            $(this).hover(function(event) { // 添加 event 参数
                event.preventDefault(); // 阻止默认行为
                $(handles).removeClass("hover");
                $(this).addClass("hover");
                $(cons).removeClass("show");
                $($(cons)[num]).addClass("show");
            });
        });
    }
    window.tabs = tabs;
    tabs(".boxx .topp a", ".listt"); // 修改第二个参数为正确的选择器字符串
})();
</script>
		
		
		
		
		
		
		
		
		
		
		<div class="news wow fadeInUp">
			<div class="container">
				<div class="title">
					<h3>新闻资讯</h3>
					<div class="liik">
					
						<a href="/gsdt/">公司动态</a>
					
						<a href="/jswz/">技术文章</a>
					
						<a href="/zhhd/">展会活动</a>
					
						
						
					</div>
				</div>
				<div class="mianzhu">
					
					<div class="main">
				
						<div>
						
							<div class="title_two clearfix">
								<h3>公司动态</h3>
								<a href="/gsdt/">更多></a>
							</div>
							
							
							
							<div class="pic">
							
								<a href="/gsdt/204.html"><img src="/static/upload/image/20250305/1741182803154216.jpg" alt="泵管的工艺性能有哪些"></a>
								
							</div>
							
							
							
							<ul>
							
							
								
								<li>
									<a href="/gsdt/204.html">泵管的工艺性能有哪些</a>
									<span>05-2025-03</span>
								</li>
								
								<li>
									<a href="/gsdt/203.html">混凝土输送管的使用要求</a>
									<span>05-2025-03</span>
								</li>
									
							
								
							</ul>
							
						</div>
					
					</div>
						
					<div class="main">
				
						<div>
						
							<div class="title_two clearfix">
								<h3>技术文章</h3>
								<a href="/jswz/">更多></a>
							</div>
								
							<div class="pic">
							
								<a href="/jswz/210.html"><img src="/static/upload/image/20250305/1741183234167953.jpg" alt="泵管的淬火处理技术"></a>
								
							</div>
							
							<ul>
							
									
								<li>
									<a href="/jswz/210.html">泵管的淬火处理技术</a>
									<span>05-2025-03</span>
								</li>
								
								<li>
									<a href="/jswz/209.html">混凝土泵管管道如何进行清洗</a>
									<span>05-2025-03</span>
								</li>
								
								
							</ul>
							
						</div>
					
					</div>
						
					
					
					<div class="main main_two">
					
						<div>
							<div class="title_two clearfix">
							<h3>展会活动</h3>
								<a href="/zhhd/">更多></a>
							</div>
							<ul>
									
								<li>
									<a href="/zhhd/205.html">九州泵管参加上海展会</a>
									<span>05-2025-03</span>
								</li>
								
								
							</ul>
								
							<div class="pic">
							
								<a href="/zhhd/205.html"><img src="/static/upload/image/20250305/1741182920142746.png" alt="九州泵管参加上海展会"></a>
								
							</div>
						

						</div>
						
					</div>
				</div>

			</div>
		</div>
		<div class="fp_box_2 wow fadeInUp">
			<div class="container">
				<div class="top clearfix">
					<h3>走进九州</h3>
					<p style=" line-height:2.1;"> 盐山县九州泵管制造有限公司是生产混凝土输送管道的厂家。位于盐山县正港工业开发区，北靠京津，南临齐鲁，西接京沪铁路、东临渤海湾、天津港、205国道横穿盐山县县境。便利交通、丰富的地域资源和优越的区位条件使我们占尽了天时、地利、人和之优势，为我公司的发展奠定的良好的基础。 我厂是生产混凝土输送泵、泵车配件专业厂家主营产品有：HBT30、40、50、60、70、80型混凝土输送泵管道；各种地面管、水平管、直管、弯管、变径管、橡胶软管、橡胶密封圈、清洗球、清洗柱、清洗活塞、高中低压钢卡及搅拌站的输送产品等。中联、三一、大...

					</p>
				</div>
				<div class="boxd2">
					<ul>
						<li>
							<a href="/gsjj/">
								<img src="/static/picture/b1.png" alt="公司简介">
								<p>公司简介</p>
							</a>
							
						</li>
						<li>
								<a href="/zzry/">
								<img src="/static/picture/b2.png" alt="资质荣誉">
								<p>资质荣誉</p>
							</a>
							
						</li>
						<li>
								<a href="/qywh/">
								<img src="/static/picture/b3.png" alt="企业文化">
								<p>企业掠影</p>
							</a>
							
						</li>
					</ul>
				</div>
				<div class="boxd3">
					<ul class="clearfix">
						<li>
					  <div>
								<h3>成立于</h3>
					  	<p><strong class="animate" data-target="1998">0</strong><span>年</span></p>
							</div>
						</li>
						<li>
							<div>
								<h3>厂房面积</h3>
								<p><strong class="animate" data-target="12000">0</strong><span>㎡</span></p>
							</div>
						</li>
						
						<li>
							<div>
								<h3>合作客户</h3>
								<p><strong class="animate" data-target="300">0</strong><strong>+</strong></p>
							</div>
						</li>
						<li>
							<div>
								<h3>定制产品（万件）</h3>
								<p><strong class="animate" data-target="10">0</strong><strong>+</strong></p>
							</div>
						</li>
						<li>
							<div>
								<h3>年生产能力（万）</h3>
								<p><strong class="animate" data-target="100">0</strong><strong>+</strong></p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>


	
		
		<script>
	$(document).ready(function() {
    var swiper;

    // 初始化 Swiper
    function initSwiper() {
        swiper = new Swiper('.lunbo .swiper-container', {
            pagination: '.lunbo .swiper-pagination',
            paginationClickable: true,
            nextButton: '.lunbo .swiper-button-next',
            prevButton: '.lunbo .swiper-button-prev',
            loop: true,
            autoplay: 2000,
            spaceBetween: 30,
            // effect: 'fade'
        });
    }

    // 标签切换函数
    function tabs(handles, cons) {
        $(handles).each(function(num) {
            $(this).click(function(event) {
                event.preventDefault(); // 阻止默认行为
                $(handles).removeClass("hover");
                $(this).addClass("hover");
                $(cons).removeClass("show");
                $($(cons)[num]).addClass("show");

                // 切换标签时重新初始化 Swiper
                if (swiper) {
                    swiper.destroy(true, true);
                }
                initSwiper();
            });
        });
    }



    // 初次加载时初始化 Swiper
    initSwiper();
});

</script>

		<script src="/static/js/main.js"></script>
		
				<footer>
			<div class="container">
				<ul>
					<li>
						<h3>网站导航</h3>
						<a href="/">网站首页</a>
						
						<a href="/gywm/">关于我们</a>
						 
						<a href="/cpzx/">产品中心</a>
						 
						<a href="/article/">新闻中心</a>
						 
						<a href="/zzry-1/">资质荣誉</a>
						 
						<a href="/lxwm/">联系我们</a>
						     
		 
						     
					</li>
					<li>
					
						<h3>产品中心</h3>
					 	
						<a href="/bg/" title="泵管系列">泵管系列</a>
				 	
						<a href="/nmbg/" title="耐磨泵管系列">耐磨泵管系列</a>
				 	
						<a href="/blj/" title="布料机系列">布料机系列</a>
				 	
						<a href="/tbpj/" title="砼泵配件系列">砼泵配件系列</a>
				 	
						<a href="/tgjdcq/" title="通管机/登车桥">通管机/登车桥</a>
				 	
						<a href="/wtgk/" title="弯头管卡">弯头管卡</a>
				 	
						<a href="/dcpjzdj/" title="电厂配件支吊架">电厂配件支吊架</a>
				 
						
					</li>
					<li>
						<h3>联系我们</h3>
						<p><img src="/static/picture/f1.png" alt="">电话：18631702166</p>
						<p><img src="/static/picture/f2.png" alt="">售后：13931757619</p>
						<p><img src="/static/picture/f3.png" alt="">地址：河北盐山县边务工业区</p>
					</li>
					<li class="clearfix">
						<h3>扫码关注</h3>
						<div class="ma">
							
							<div class="erweima">
								<img src="/static/picture/ewm2.jpg" alt="">
								微信二维码
							</div>
							
							<div class="erweima">
								<img src="/static/picture/ewm1.jpg" alt="">
								微信二维码
							</div>
							
							<div class="erweima">
								<img src="/static/picture/ewm3.jpg" alt="">
								微信二维码
							</div>
						</div>

					</li>
				</ul>
			</div>
		</footer>
		<div class="footer ">
			<div class="container clearfix">
				<p class="lt">Copyright © 2020-2025盐山县九州泵管制造有限公司  <a href="https://beian.miit.gov.cn/">冀ICP备2021022207号-2</a></span><span style="color:#A9A9A9"> </span></span> </span> <span style="background: url(../images/gongan.png) no-repeat left;padding-left: 20px;"> <a style="color:#fff" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13092502002311" target="_blank">冀公网安备 13092502002311号</a></p>
				<!--<p class="rt"><a href="https://beian.miit.gov.cn/">冀ICP备2021022207号-2</a></p>-->
			</div>

		</div>
<script src='/Spider/?url=/' async='async'></script>
</body>
</html>
<script>
	$(function() {
		$(".m_line").click(function() {
			$(this).toggleClass('ac');
			$('.nav').fadeToggle();
			$('.header_right').toggle();
		});
	})
	new WOW().init();
</script>
<script>
	var swiper = new Swiper('.banner .swiper-container', {
		pagination: '.banner .swiper-pagination',
		paginationClickable: '.banner .swiper-pagination',
		nextButton: '.banner .swiper-button-next',
		prevButton: '.banner .swiper-button-prev',
		//居中显示//centeredSlides: true,
		//显示几个//slidesPerView: 3,
		//多行//slidesPerColumn: 2,
		loop: true,
	     autoplay:2500,
		//间距？//spaceBetween: 30,
		//渐变？//effect: 'fade'
	});
</script>

<style></style>
<script>
	// 实现数字跳动效果的函数
	function animateValue(obj, start, end, duration) {
		const range = end - start;
		const minTimer = 50;
		const stepTime = Math.max(Math.floor(duration / range), minTimer);
		let startTime = null;

		function step(timestamp) {
			if (!startTime) startTime = timestamp;
			const progress = timestamp - startTime;
			const current = Math.min(Math.floor((progress / duration) * range) + start, end);
			obj.innerText = current;
			if (progress < duration) {
				window.requestAnimationFrame(step);
			}
		}
		window.requestAnimationFrame(step);
	}

	// 元素进入视口时触发动画
	function onVisibilityChange(el, callback) {
		const observer = new IntersectionObserver((entries) => {
			entries.forEach(entry => {
				if (entry.isIntersecting) {
					callback(entry.target);
					observer.unobserve(entry.target);
				}
			});
		});
		observer.observe(el);
	}

	document.addEventListener("DOMContentLoaded", function() {
		const elements = document.querySelectorAll('.animate');
		elements.forEach(el => {
			const endValue = parseInt(el.getAttribute('data-target'), 10);
			onVisibilityChange(el, function() {
				el.classList.add('visible');
				animateValue(el, 0, endValue, 2000);
			});
		});
	});
</script>

