<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>新农村太阳能路灯_市政太阳能路灯-深圳源码太阳能智慧路灯</title>
	<meta name="keywords" content="源码,路灯,太阳能路灯,太阳能路灯厂家,太阳能路灯价格,太阳能路灯批发,一体化太阳能路灯,分体式太阳能路灯,太阳能平板灯,新农村太阳能路灯,市政太阳能路灯,中大功率太阳能路灯,太阳能智慧路灯,太阳能路灯品牌">
	<meta name="description" content="源码成立于2013年，是深圳硕日新能科技股份有限公司的子公司，总部位于深圳，工厂位于东莞；源码是一家专注于太阳能智能路灯及小型储能系统的高新技术企业，为全球用户提供适配的智能太阳能解决方案。">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="/skin/css/style.min.css" >
	<link rel="stylesheet" href="/skin/css/iconfont.min.css" >
	<link rel="stylesheet" href="/skin/css/component.css" >
	<link rel="stylesheet" href="/skin/css/swiper-bundle.min.css" >
	<link rel="stylesheet" href="/skin/css/transition.css" >
	<link rel="stylesheet" href="/skin/css/goods.min.css" >
	<link rel="stylesheet" href="/skin/css/animation.min.css" >
	<link rel="stylesheet" href="/skin/css/certify.css" >
	<link rel="stylesheet" href="/skin/css/viewer.min.css" >
	<link rel="stylesheet" href="/skin/css/core-elements.css" >
	<link rel="stylesheet" href="/skin/css/ym-core-tech-styles.css" >
	<script src="/skin/js/jquery-3.3.1.min.js" ></script>
	<script src="/skin/js/swiper-bundle.min.js" ></script>
	<script src="/skin/js/roll-num.js" ></script>
	<script src="/skin/js/tabulous.js" ></script>
	<script src="/skin/js/viewer.min.js" ></script>
	<script type="text/javascript">
		$(document).ready(function(){
		$(window).scroll(function(){
			if($(window).scrollTop()>$("#top").height())
			{$("#head").addClass("float bg-white shadow-md");}
			else
			{$("#head").removeClass("float bg-white shadow-md");}
			})
		})
	</script>



































</head>
<body>
<div id="top"></div>
<header id="head" class="top-0 fixed z-99 py-5 w-full transition-all duration-300 md:block hidden">
	<div class="container mx-auto">
		<div class="flex justify-between">
			<a href="/" title="深圳源码智能照明有限公司">
				<img src="/static/upload/image/20260626/1782444256153537.png" alt="深圳源码智能照明有限公司" class="logo_wihte h-15 float:hidden transition-all duration-300">
				<img src="/static/upload/image/20260626/1782444240619799.png" alt="深圳源码智能照明有限公司" class="logo_original h-15 hidden float:block transition-all duration-300">
			</a>
			<nav class="flex items-center flex-1 mx-15">
				<ul class="flex gap-10">
					<li><a href="/" title="首页" class="text-primary hover:text-primary float:text-black text-lg">首页</a></li>
					
					<li><a href="/chanpizhanshi/" title="产品展示" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">产品展示</a>
						
						
						
						
						<div class="absolute w-full bg-white left-0 top-25 shadow-sm overflow hidden sub_menu">
							<div class="container mx-auto py-5 flex justify-between z6Box">
								<div class="py-12 px-10 w-1/3 relative before:border-navr">
									<div class="w-80 relative h-0 rectangle-80 mx-auto">
										<img src="/static/upload/image/20260804/1785807903317400.png" class="absolute h-full w-full top:1/2 left:1/2 translate-yx object-cover" alt="产品展示">
									</div>
								</div>
								<div class="w-2/3 py-12 px-10">
									<h2 class="text-2xl font-semibold relative mb-5 after:navline"><a href="/chanpizhanshi/" class="hover:text-primary" title="产品展示">产品展示</a></h2>
									<ul class="py-5 flex flex-wrap">
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/mpptpingbandeng/" class="block py-1 hover:text-primary text-lg" title="MPPT 平板灯"><i class="iconfont icon-triangle-right text-0"></i> MPPT 平板灯</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/yitihuataiyangnengludeng/" class="block py-1 hover:text-primary text-lg" title="一体化太阳能路灯"><i class="iconfont icon-triangle-right text-0"></i> 一体化太阳能路灯</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/fentishitaiyangnengludeng/" class="block py-1 hover:text-primary text-lg" title="分体式太阳能路灯"><i class="iconfont icon-triangle-right text-0"></i> 分体式太阳能路灯</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/taiyangnengtingyuan/" class="block py-1 hover:text-primary text-lg" title="太阳能庭院灯"><i class="iconfont icon-triangle-right text-0"></i> 太阳能庭院灯</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/liganshitaiyangnengludeng/" class="block py-1 hover:text-primary text-lg" title="立杆式太阳能路灯"><i class="iconfont icon-triangle-right text-0"></i> 立杆式太阳能路灯</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/yitishiweixingtaiyangnengchune/" class="block py-1 hover:text-primary text-lg" title="一体式微型太阳能储能系统"><i class="iconfont icon-triangle-right text-0"></i> 一体式微型太阳能储能系统</a>
										</li>
										
									</ul>
								</div>
							</div> 
						</div>
						
						
						
						
					</li>
					
					<li><a href="/guonei" title="案例中心" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">案例中心</a>
						
						
						
						
						<div class="absolute w-full bg-white left-0 top-25 shadow-sm overflow hidden sub_menu">
							<div class="container mx-auto py-5 flex justify-between z6Box">
								<div class="py-12 px-10 w-1/3 relative before:border-navr">
									<div class="w-80 relative h-0 rectangle-80 mx-auto">
										<img src="/static/upload/image/20260730/1785393183332192.jpg" class="absolute h-full w-full top:1/2 left:1/2 translate-yx object-cover" alt="案例中心">
									</div>
								</div>
								<div class="w-2/3 py-12 px-10">
									<h2 class="text-2xl font-semibold relative mb-5 after:navline"><a href="/guonei" class="hover:text-primary" title="案例中心">案例中心</a></h2>
									<ul class="py-5 flex flex-wrap">
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/guonei/" class="block py-1 hover:text-primary text-lg" title="国内案例"><i class="iconfont icon-triangle-right text-0"></i> 国内案例</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/haiwei/" class="block py-1 hover:text-primary text-lg" title="海外案例"><i class="iconfont icon-triangle-right text-0"></i> 海外案例</a>
										</li>
										
									</ul>
								</div>
							</div> 
						</div>
						
						
						
						
					</li>
					
					<li><a href="/product-solution/" title="解决方案" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">解决方案</a>
						
						
						
						
						
						
						
					</li>
					
					<li><a href="/jsycx16/" title="技术服务" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">技术服务</a>
						
						
						
						
						
						
					</li>
					
					<li><a href="/article/" title="新闻中心" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">新闻中心</a>
						
						
						
						
						<div class="absolute w-full bg-white left-0 top-25 shadow-sm overflow hidden sub_menu">
							<div class="container mx-auto py-5 flex justify-between z6Box">
								<div class="py-12 px-10 w-1/3 relative before:border-navr">
									<div class="w-80 relative h-0 rectangle-80 mx-auto">
										<img src="/static/upload/other/20260804/1785832772153157.webp" class="absolute h-full w-full top:1/2 left:1/2 translate-yx object-cover" alt="新闻中心">
									</div>
								</div>
								<div class="w-2/3 py-12 px-10">
									<h2 class="text-2xl font-semibold relative mb-5 after:navline"><a href="/article/" class="hover:text-primary" title="新闻中心">新闻中心</a></h2>
									<ul class="py-5 flex flex-wrap">
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gongsixinwen/" class="block py-1 hover:text-primary text-lg" title="公司新闻"><i class="iconfont icon-triangle-right text-0"></i> 公司新闻</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/hangyexinwen/" class="block py-1 hover:text-primary text-lg" title="行业新闻"><i class="iconfont icon-triangle-right text-0"></i> 行业新闻</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/meitibaodao/" class="block py-1 hover:text-primary text-lg" title="媒体报道"><i class="iconfont icon-triangle-right text-0"></i> 媒体报道</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/changjianwenti/" class="block py-1 hover:text-primary text-lg" title="常见问题"><i class="iconfont icon-triangle-right text-0"></i> 常见问题</a>
										</li>
										
									</ul>
								</div>
							</div> 
						</div>
						
						
						
						
					</li>
					
					<li><a href="/gsjj/" title="关于源码" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">关于源码</a>
						
						<div class="absolute w-full bg-white left-0 top-25 shadow-sm overflow hidden sub_menu">
							<div class="container mx-auto py-5 flex justify-between">
								<div class="py-12 px-10 w-1/3 relative before:border-navr">
									<div class="w-80 relative h-0 rectangle-80 mx-auto">
										<img src="/static/upload/image/20260804/1785831481669327.jpg" class="absolute h-full w-full top:1/2 left:1/2 translate-yx object-cover" alt="关于源码">
									</div>
								</div>
								<div class="w-2/3 py-12 px-10">
									<h2 class="text-2xl font-semibold relative mb-5 after:navline"><a href="/gsjj/" class="hover:text-primary" title="关于源码">关于源码</a></h2>
									<ul class="py-5 flex flex-wrap">
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gsjj/#gongsijianjie" class="block py-1 hover:text-primary text-lg" title="公司简介"><i class="iconfont icon-triangle-right text-0"></i> 公司简介</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gsjj/#qiyeiwenhua" class="block py-1 hover:text-primary text-lg" title="企业文化"><i class="iconfont icon-triangle-right text-0"></i> 企业文化</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gsjj/#fazhanliche" class="block py-1 hover:text-primary text-lg" title="发展历程"><i class="iconfont icon-triangle-right text-0"></i> 发展历程</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gsjj/#rongyunzhishu" class="block py-1 hover:text-primary text-lg" title="荣誉证书"><i class="iconfont icon-triangle-right text-0"></i> 荣誉证书</a>
										</li>
										
										<li class="w-1/3 mb-5 hover:text-a">
											<a href="/gsjj/#tudoufucha" class="block py-1 hover:text-primary text-lg" title="团队风采"><i class="iconfont icon-triangle-right text-0"></i> 团队风采</a>
										</li>
										
									</ul>
								</div> 
							</div>
						</div>
						
					</li>
					
					<li><a href="/lxwm/" title="联系我们" class="text-white hover:text-primary float:text-black hover:weight-600  text-lg py-nav">联系我们</a>
						
						
						
						
						
						
						
					</li>
					
				</ul>
			</nav>
			<div class="flex items-center">
				<a href="javascript:;" class="px-5 relative before:border-r md-trigger" data-modal="modal-3"><i class="iconfont icon-sousuo important:text-2xl text-white float:text-black"></i></a>
				<a href="#" class="px-5"><img src="/skin/images/gb.png" class="w-7 h-5" alt="English"></a>
				<a href="/lxwm/" class="text-white py-2 px-5 bg-bottom-tech hover:bg-bottom hover:transition rounded-full text-sm">咨询问题</a>
			</div>
		</div>
	</div>
</header>
<div class="md-modal md-effect-3 md:top-25" id="modal-3">
    <div class="md-content ">
		<div class="container mx-auto md:px-10 py-5">
			<form action="/search/" method="get" class="flex justify-center gap-3 relative">
				<input type="text" name="keyword" class="py-2 px-5 rounded-lg bg-gray-300 border border-gray-300 w-160" placeholder="请输入关键词">
				<input type="hidden" name="field" value="title" >
				<button type="submit" class="py-2 px-5 rounded-lg text-white bg-primary border border-gray-300 text-lg"><i class="iconfont icon-sousuo"></i></button>
				<div class="md-close absolute top-0 right-0 text-black p-3 pointer"><i class="iconfont icon-cuohao1 text-2xl"></i></div>
			</form>
		</div>
    </div>
</div>  
<div class="md-overlay"></div>
<header class="md:hidden block sticky top-0 z-99 bg-white">
	<div class="px-3 py-2 flex justify-between items-center">
		<div class="w-full"><a href="/" title="深圳源码智能照明有限公司"><img src="/static/upload/image/20260626/1782444240619799.png" class="w-18" alt="深圳源码智能照明有限公司"></a></div>
		<div class="w-9 flex justify-center items-center"><a href="javascript:void(0);" id="openmenu"><i class="iconfont icon-caidan text-2xl"></i></a></div>
	</div>
	<div class="smallheader" id="showdiv">
		<div class="flex py-2 border-b border-gray-300">
			<div id="close" class="w-9 flex justify-center items-center"><i class="iconfont icon-cuohao1 text-2xl text-white"></i></div>
			<div class="flex-1 text-center text-white text-xl">深圳源码智能照明有限公司</div>
		</div>
		<div class="middle">
			<ul>
				<li class="mx-10"><a href="/" class="text-white py-3 block text-ml" title="首页">首页</a></li>
				
				<li class="mx-10"><a href="/chanpizhanshi/" class="text-white py-3 block text-ml" title="产品展示">产品展示</a></li>
				
				<li class="mx-10"><a href="/guonei" class="text-white py-3 block text-ml" title="案例中心">案例中心</a></li>
				
				<li class="mx-10"><a href="/product-solution/" class="text-white py-3 block text-ml" title="解决方案">解决方案</a></li>
				
				<li class="mx-10"><a href="/jsycx16/" class="text-white py-3 block text-ml" title="技术服务">技术服务</a></li>
				
				<li class="mx-10"><a href="/article/" class="text-white py-3 block text-ml" title="新闻中心">新闻中心</a></li>
				
				<li class="mx-10"><a href="/gsjj/" class="text-white py-3 block text-ml" title="关于源码">关于源码</a></li>
				
				<li class="mx-10"><a href="/lxwm/" class="text-white py-3 block text-ml" title="联系我们">联系我们</a></li>
				
			</ul>
		</div>
	</div>
</header>
<section class="swiper mySwiper">
  <div class="swiper-wrapper">
    
    <div class="swiper-slide"><div class="relative w-full h-full">
      <img src="/static/upload/other/20260821/1787303921926732.webp" alt="" class="md:h-full-vh h-70 w-full object-cover">
      <!-- <div class="absolute top:1/2 left:1/2 translate-yx z-50 w-full px-10">
        <h2 class="text-[clamp(1.5rem,5vw,3.75rem)] text-white text-center font-semibold"></h2>
        <p class="text-white text-center text-[clamp(0.875rem,3vw,1.25rem)]"></p>
        <div class="md:flex justify-center md:mt-15 gap-5 text-center mt-5">
          <a href="" title="" class="rounded-full py-2 px-6 bg-bottom-tech text-white hover:bg-bottom text-sm hover:transition inline-block">了解我们的产品 <i class="iconfont icon-fangxiang-you"></i></a>
          <a href="/gsjj/" title="" class="rounded-full py-2 px-6 border text-sm text-white hover:bg-primary hover:text-white hover:border-primary hover:bg-white hover:transition inline-block md:m-0 mt-5">关于我们 <i class="iconfont icon-fangxiang-you"></i></a>
        </div>
      </div> -->
    </div></div>
    
    <div class="swiper-slide"><div class="relative w-full h-full">
      <img src="/static/upload/other/20260819/1787121098324617.webp" alt="" class="md:h-full-vh h-70 w-full object-cover">
      <!-- <div class="absolute top:1/2 left:1/2 translate-yx z-50 w-full px-10">
        <h2 class="text-[clamp(1.5rem,5vw,3.75rem)] text-white text-center font-semibold"></h2>
        <p class="text-white text-center text-[clamp(0.875rem,3vw,1.25rem)]"></p>
        <div class="md:flex justify-center md:mt-15 gap-5 text-center mt-5">
          <a href="" title="" class="rounded-full py-2 px-6 bg-bottom-tech text-white hover:bg-bottom text-sm hover:transition inline-block">了解我们的产品 <i class="iconfont icon-fangxiang-you"></i></a>
          <a href="/gsjj/" title="" class="rounded-full py-2 px-6 border text-sm text-white hover:bg-primary hover:text-white hover:border-primary hover:bg-white hover:transition inline-block md:m-0 mt-5">关于我们 <i class="iconfont icon-fangxiang-you"></i></a>
        </div>
      </div> -->
    </div></div>
    
    <div class="swiper-slide"><div class="relative w-full h-full">
      <img src="/static/upload/other/20260819/1787121176480142.webp" alt="" class="md:h-full-vh h-70 w-full object-cover">
      <!-- <div class="absolute top:1/2 left:1/2 translate-yx z-50 w-full px-10">
        <h2 class="text-[clamp(1.5rem,5vw,3.75rem)] text-white text-center font-semibold"></h2>
        <p class="text-white text-center text-[clamp(0.875rem,3vw,1.25rem)]"></p>
        <div class="md:flex justify-center md:mt-15 gap-5 text-center mt-5">
          <a href="" title="" class="rounded-full py-2 px-6 bg-bottom-tech text-white hover:bg-bottom text-sm hover:transition inline-block">了解我们的产品 <i class="iconfont icon-fangxiang-you"></i></a>
          <a href="/gsjj/" title="" class="rounded-full py-2 px-6 border text-sm text-white hover:bg-primary hover:text-white hover:border-primary hover:bg-white hover:transition inline-block md:m-0 mt-5">关于我们 <i class="iconfont icon-fangxiang-you"></i></a>
        </div>
      </div> -->
    </div></div>
    
    <div class="swiper-slide"><div class="relative w-full h-full">
      <img src="/static/upload/other/20260819/1787121201511292.webp" alt="" class="md:h-full-vh h-70 w-full object-cover">
      <!-- <div class="absolute top:1/2 left:1/2 translate-yx z-50 w-full px-10">
        <h2 class="text-[clamp(1.5rem,5vw,3.75rem)] text-white text-center font-semibold"></h2>
        <p class="text-white text-center text-[clamp(0.875rem,3vw,1.25rem)]"></p>
        <div class="md:flex justify-center md:mt-15 gap-5 text-center mt-5">
          <a href="" title="" class="rounded-full py-2 px-6 bg-bottom-tech text-white hover:bg-bottom text-sm hover:transition inline-block">了解我们的产品 <i class="iconfont icon-fangxiang-you"></i></a>
          <a href="/gsjj/" title="" class="rounded-full py-2 px-6 border text-sm text-white hover:bg-primary hover:text-white hover:border-primary hover:bg-white hover:transition inline-block md:m-0 mt-5">关于我们 <i class="iconfont icon-fangxiang-you"></i></a>
        </div>
      </div> -->
    </div></div>
    
  </div>
  <div class="button-next rounded-sm after:button button:next top:1/2 right-3"></div>
  <div class="button-prev rounded-sm after:button button:prev top:1/2 left-3"></div>
</section>

<section class="md:py-20 container mx-auto py-5 md:px-0 px-3">
  
  <div class="text-center">
    <div class="relative">
      <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap">此刻，聚焦高光</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">Core products</span>
    </div>
    <div class="relative fake:partition"></div>
    <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)]">覆盖多规格功率型号与丰富品类，适配各类户外照明使用场景，贴合不同项目工程需求，持续为客户创造优质产品价值与实用落地的照明解决方案。</p>
  </div>
  <div class="md:mt-12 mt-5 md:block hidden animate-item a-fadeinB">
    <ul class="md:flex flex-wrap">
      
      <li class="md:w-1/3"><a href="/mpptpingbandeng/" title="MPPT 平板灯" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260806/1785996524866323.webp" alt="MPPT 平板灯" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260804/1785807740602982.png" alt="MPPT 平板灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">MPPT 平板灯</h3>
        </div>
      </a></li>
      
      <li class="md:w-1/3"><a href="/yitihuataiyangnengludeng/" title="一体化太阳能路灯" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260819/1787122179142820.webp" alt="一体化太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260805/1785917440321249.png" alt="一体化太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">一体化太阳能路灯</h3>
        </div>
      </a></li>
      
      <li class="md:w-1/3"><a href="/fentishitaiyangnengludeng/" title="分体式太阳能路灯" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260806/1785982851114583.webp" alt="分体式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260805/1785917510651763.png" alt="分体式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">分体式太阳能路灯</h3>
        </div>
      </a></li>
      
      <li class="md:w-1/3"><a href="/taiyangnengtingyuan/" title="太阳能庭院灯" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260806/1785982910636817.webp" alt="太阳能庭院灯" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260804/1785808182687427.png" alt="太阳能庭院灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">太阳能庭院灯</h3>
        </div>
      </a></li>
      
      <li class="md:w-1/3"><a href="/liganshitaiyangnengludeng/" title="立杆式太阳能路灯" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260806/1785982881250198.webp" alt="立杆式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260804/1785808214643162.png" alt="立杆式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">立杆式太阳能路灯</h3>
        </div>
      </a></li>
      
      <li class="md:w-1/3"><a href="/yitishiweixingtaiyangnengchune/" title="一体式微型太阳能储能系统" class="p-3 block hover:transition">
        <div class="shadow-lg p-3 rounded-lg border border-gray-800 relative overflow">
          <img src="/static/upload/other/20260806/1785982939506413.webp" alt="一体式微型太阳能储能系统" class="absolute top:1/2 left:1/2 translate-yx h-all w-all object-cover opacity-0 hover:opacity duration-300 z-10">
          <div class="rectangle-xl relative h-0">
            <img src="/static/upload/image/20260804/1785808243853721.png" alt="一体式微型太阳能储能系统" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
          </div>
          <h3 class="text-xl text-center hover:text-primary mt-5">一体式微型太阳能储能系统</h3>
        </div>
      </a></li>
      
    </ul>
  </div>
  <div class="swiper mySwiper md:hidden block">
      <div class="swiper-wrapper">
        
        <div class="swiper-slide"><a href="/mpptpingbandeng/" title="MPPT 平板灯" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260804/1785807740602982.png" alt="MPPT 平板灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260806/1785996524866323.webp" alt="MPPT 平板灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">MPPT 平板灯</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
        <div class="swiper-slide"><a href="/yitihuataiyangnengludeng/" title="一体化太阳能路灯" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260805/1785917440321249.png" alt="一体化太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260819/1787122179142820.webp" alt="一体化太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">一体化太阳能路灯</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
        <div class="swiper-slide"><a href="/fentishitaiyangnengludeng/" title="分体式太阳能路灯" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260805/1785917510651763.png" alt="分体式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260806/1785982851114583.webp" alt="分体式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">分体式太阳能路灯</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
        <div class="swiper-slide"><a href="/taiyangnengtingyuan/" title="太阳能庭院灯" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260804/1785808182687427.png" alt="太阳能庭院灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260806/1785982910636817.webp" alt="太阳能庭院灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">太阳能庭院灯</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
        <div class="swiper-slide"><a href="/liganshitaiyangnengludeng/" title="立杆式太阳能路灯" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260804/1785808214643162.png" alt="立杆式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260806/1785982881250198.webp" alt="立杆式太阳能路灯" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">立杆式太阳能路灯</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
        <div class="swiper-slide"><a href="/yitishiweixingtaiyangnengchune/" title="一体式微型太阳能储能系统" class="p-3 block hover:transition bg-white">
          <div class="shadow-lg p-3 rounded-lg border border-gray-800">
            <div class="rectangle-xl relative h-0">
              <img src="/static/upload/image/20260804/1785808243853721.png" alt="一体式微型太阳能储能系统" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover">
              <img src="/static/upload/other/20260806/1785982939506413.webp" alt="一体式微型太阳能储能系统" class="absolute top:1/2 left:1/2 translate-yx max-h-all max-w-all object-cover opacity-0 hover:opacity duration-300">
            </div>
            <h3 class="text-xl text-center hover:text-primary mt-5">一体式微型太阳能储能系统</h3>
            <p class="mt-2"></p>
            <!-- <p class="text-center my-3 hover:text-primary">查看详情 <i class="iconfont icon-fangxiang-you"></i></p> -->
          </div>
        </a></div>
        
      </div>
      <div class="button-next rounded-sm after:button button:next top:1/2 right-3"></div>
      <div class="button-prev rounded-sm after:button button:prev top:1/2 left-3"></div>
  </div>
  
</section>


<!-- 核心环绕效果 -->
<div class="relative">
<div class="page">
  <section class="tech-section">
    <div class="panel-left animate-item a-fadeinL">
      <div class="title-wrap">
        <h2>十大核心技术</h2>
        <span>Technology</span>
      </div>
      <div class="divider"></div>
      <p class="desc">搭载了源码自主研发的太阳能路灯智能监测与控制系统，有效延长了寿命，高效利用太阳能发电，达到更高能效照明效果。</p>

      <div class="cards">
        <div class="card">
          <div class="card-icon">
            <img src="/static/upload/image/20260715/1784081285769543.png" alt="3.2V MPPT 技术功率可达 160W">
          </div>
          <p>3.2V MPPT 技术功率可达 160W</p>
        </div>
        <div class="card">
          <div class="card-icon">
            <img src="/static/upload/image/20260715/1784083183286103.png" alt="多波峰追踪技术">
          </div>
          <p>多波峰追踪技术</p>
        </div>
        <div class="card">
          <div class="card-icon">
            <img src="/static/upload/image/20260715/1784083212740576.png" alt="IPC 5.0智能电源控制技术">
          </div>
          <p>IPC 5.0智能电源控制技术</p>
        </div>
        <div class="card">
          <div class="card-icon">
            <img src="/static/upload/image/20260715/1784083241161399.png" alt="双 CPU 管理">
          </div>
          <p>双 CPU 管理</p>
        </div>
      </div>

      <div class="bottom-copy">
        <h3>核心技术：比传统太阳能灯省电80%，等于省太阳能板、省电池、省成本</h3>
        <p>总结：以上技术结合弱光发电与 AI 智能电量分配等能力，可提升能源利用效率，延长阴雨天使用时长与整灯使用周期，并改善长时间阴雨天气下的照明稳定性。</p>
      </div>
    </div>

    <div class="panel-right animate-item a-fadeinR">
      <div class="orbit-stage" id="orbitStage">
        <div class="product-center">
          <img src="/static/upload/image/20260710/1783653101928856.png" alt="一体化太阳能路灯">
        </div>

        <svg class="orbit-svg" id="orbitSvg" viewBox="0 0 1000 760" aria-hidden="true">
          <defs>
            <filter id="previewGlow">
              <feGaussianBlur stdDeviation="4" result="blur"></feGaussianBlur>
              <feComposite in="SourceGraphic" in2="blur" operator="over"></feComposite>
            </filter>
          </defs>
          <path id="orbitPath" class="orbit-path" d="M 550,80 C 840,80 1020,380 880,620 C 740,760 360,760 220,620 C 80,380 260,80 550,80"></path>
          <circle class="particle" r="4" filter="url(#previewGlow)">
            <animateMotion dur="12s" repeatCount="indefinite" path="M 550,80 C 840,80 1020,380 880,620 C 740,760 360,760 220,620 C 80,380 260,80 550,80"></animateMotion>
          </circle>
          <circle class="particle" r="3" filter="url(#previewGlow)">
            <animateMotion dur="14s" begin="3s" repeatCount="indefinite" path="M 550,80 C 840,80 1020,380 880,620 C 740,760 360,760 220,620 C 80,380 260,80 550,80"></animateMotion>
          </circle>
          <circle class="particle" r="3" filter="url(#previewGlow)">
            <animateMotion dur="16s" begin="7s" repeatCount="indefinite" path="M 550,80 C 840,80 1020,380 880,620 C 740,760 360,760 220,620 C 80,380 260,80 550,80"></animateMotion>
          </circle>
        </svg>

        <div class="tech-node node-back" data-delay="0.0" data-offset-x="-18" data-offset-y="-8">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784081285769543.png" alt="3.2V MPPT 技术功率可达 160W">
          </div>
          <div class="node-text-box"><p>3.2V MPPT 技术功率可达 160W</p></div>
        </div>

        <div class="tech-node node-back" data-delay="0.1" data-offset-x="-10" data-offset-y="-18">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083183286103.png" alt="多波峰追踪技术">
          </div>
          <div class="node-text-box"><p>多波峰追踪技术</p></div>
        </div>

        <div class="tech-node node-front" data-delay="0.2" data-offset-x="14" data-offset-y="-6">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083212740576.png" alt="IPC 5.0智能电源控制技术">
          </div>
          <div class="node-text-box"><p>IPC 5.0智能电源控制技术</p></div>
        </div>

        <div class="tech-node node-back" data-delay="0.3" data-offset-x="-8" data-offset-y="10">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083241161399.png" alt="双 CPU 管理">
          </div>
          <div class="node-text-box"><p>双 CPU 管理</p></div>
        </div>

        <div class="tech-node node-front" data-delay="0.4" data-offset-x="18" data-offset-y="6">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083272527058.png" alt="智能充放电管理">
          </div>
          <div class="node-text-box"><p>智能充放电管理</p></div>
        </div>

        <div class="tech-node node-back" data-delay="0.5" data-offset-x="12" data-offset-y="12">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083315127730.png" alt="一体化美学设计">
          </div>
          <div class="node-text-box"><p>一体化美学设计</p></div>
        </div>

        <div class="tech-node node-front" data-delay="0.6" data-offset-x="-4" data-offset-y="18">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083349296786.png" alt="智能模式控制">
          </div>
          <div class="node-text-box"><p>智能模式控制</p></div>
        </div>

        <div class="tech-node node-front" data-delay="0.7" data-offset-x="-24" data-offset-y="-4">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083385414568.png" alt="多重安全保护">
          </div>
          <div class="node-text-box"><p>多重安全保护</p></div>
        </div>

        <div class="tech-node node-back" data-delay="0.8" data-offset-x="16" data-offset-y="-12">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083413227407.png" alt="智能监控管理">
          </div>
          <div class="node-text-box"><p>智能监控管理</p></div>
        </div>

        <div class="tech-node node-front" data-delay="0.9" data-offset-x="10" data-offset-y="22">
          <div class="node-bubble">
            <img class="node-icon" src="/static/upload/image/20260715/1784083439767491.png" alt="高效太阳能电池板">
          </div>
          <div class="node-text-box"><p>高效太阳能电池板</p></div>
        </div>
      </div>
    </div>
  </section>
</div>

</div>
<!-- 核心环绕效果 END -->

<!-- Mobile -->
<section class="py-5 md:px-0 px-3 md:hidden block">
  <div class="text-center md:hidden block">
    <div class="relative">
      <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap">十大核心技术</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">Technology</span>
    </div>
    <div class="relative fake:partition"></div>
    <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)]">搭载了源码自主研发的太阳能路灯智能监测与控制系统，有效延长了寿命， 高效利用太阳能发电，达到更高能效照明效果</p>
  </div>
  <div class="py-5 px-10 flex flex-wrap gap-3">
    
    <div class="rounded-lg border-2 border-primary px-5 py-7 card-hover w-1/2">
      <div class="flex justify-center">
        <div class="bg-primary p-1 rounded-lg w-12 h-12 flex justify-center itmes-center">
          <img class="w-full" src="/static/upload/image/20260715/1784081285769543.png" alt="3.2V MPPT 技术功率可达 160W">
        </div>
      </div>
      <p class="mt-5 text-sm text-center">3.2V MPPT 技术功率可达 160W</p>
    </div>
    
    <div class="rounded-lg border-2 border-primary px-5 py-7 card-hover w-1/2">
      <div class="flex justify-center">
        <div class="bg-primary p-1 rounded-lg w-12 h-12 flex justify-center itmes-center">
          <img class="w-full" src="/static/upload/image/20260715/1784083183286103.png" alt="多波峰追踪技术">
        </div>
      </div>
      <p class="mt-5 text-sm text-center">多波峰追踪技术</p>
    </div>
    
    <div class="rounded-lg border-2 border-primary px-5 py-7 card-hover w-1/2">
      <div class="flex justify-center">
        <div class="bg-primary p-1 rounded-lg w-12 h-12 flex justify-center itmes-center">
          <img class="w-full" src="/static/upload/image/20260715/1784083212740576.png" alt="IPC 5.0智能电源控制技术">
        </div>
      </div>
      <p class="mt-5 text-sm text-center">IPC 5.0智能电源控制技术</p>
    </div>
    
    <div class="rounded-lg border-2 border-primary px-5 py-7 card-hover w-1/2">
      <div class="flex justify-center">
        <div class="bg-primary p-1 rounded-lg w-12 h-12 flex justify-center itmes-center">
          <img class="w-full" src="/static/upload/image/20260715/1784083241161399.png" alt="双 CPU 管理">
        </div>
      </div>
      <p class="mt-5 text-sm text-center">双 CPU 管理</p>
    </div>
    
  </div>
  <div class="md:mt-15"> 
    <h3 class="font-semibold">核心技术：比传统太阳能灯省电80%=省太阳能板=省电池=省钱</h3>
    <p class="mt-5">总结：以上技术结合弱光发电与AI智能电量分配等技术，可提升能源利用效率，延长阴雨天使用时长与整灯使用周期，并改善长时间阴雨天气下的照明稳定性。</p>
  </div>
  <div class="mt-7"><a class="rounded-full py-2 px-6 bg-bottom-tech hover:bg-bottom hover:bg-bootom-shadow text-white text-sm hover:bg-secondary inline-block hover:transition" href="/hexinjishu/" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a></div>

</section>



<section class="md:py-20 bg-repeat bg-cover relative md:block hidden" style="background-image: url(/static/upload/image/20260701/1782869525187638.jpg);">
  <div class="container mx-auto">
    <div class="lg:w-1/2 relative z-50 animate-item a-fadeinL">
      <div class="text-left md:mb-12">
        <div class="relative">
          <h2 class="absolute bottom-3 text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy text-white">关于源码</h2>
          <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase text-white">About us</span>
        </div>
        <div class="relative fake:partition-wiite fake:partition-yellow"></div>
        <p class="mt-5 text-lg text-white">源头工厂自主研发 技术沉淀铸就可靠品质</p>
      </div>
      <div class="text-white p:text text-sm"><p>源码（RoadSmart）是一家专注于太阳能智慧路灯及小型储能系统的高新技术企业，为全球用户提供适配的智慧太阳能解决方案。</p><p>“RoadSmart”商标已在全球 130+国家完成注册，持续拓展全球品牌布局。<br/></p><p>源码坚持以技术解决市场需求与痛点，自主研发并落地应用3.2V大功率太阳能路灯解决方案。<br/></p></div>
      <div class="md:mt-15"><a class="rounded-full py-2 px-6 bg-white hover:bg-bootom-shadow text-black hover:text-primary card-hover text-sm inline-block" href="/gsjj/" title="查看更多">查看更多 <i class="iconfont icon-fangxiang-you"></i></a></div>
      <div class="md:mt-15">
        <div class="md:px-12 md:py-4 ounded-sm shadow-md flex justify-between relative before:layer-white">
          <div class="relative z-10">
            <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">6000</i>+</h3>
            <p>案例</p>
          </div>
          <div class="relative z-10">
            <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">63000</i></h3>
            <p>平方米基地</p>
          </div>
          <div class="relative z-10">
            <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">300</i>多项</h3>
            <p>产品专利</p>
          </div>
          <div class="relative z-10">
            <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">10</i>亿+</h3>
            <p>年产量</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-5 px-3 md:hidden block bg-repeat bg-bottom-right bg-cover relative before:layer" style="background-image: url(/static/upload/image/20260804/1785831481669327.jpg);">
  <div class="relative z-10">
    <div class="text-center md:hidden block">
      <div class="relative">
        <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap text-white">关于源码</h2>
        <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase text-white">About us</span>
      </div>
      <div class="relative fake:partition"></div>
      <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)] text-white">源头工厂自主研发 技术沉淀铸就可靠品质</p>
    </div>
    <div class="text-white p:text text-sm"><p>源码（RoadSmart）是一家专注于太阳能智慧路灯及小型储能系统的高新技术企业，为全球用户提供适配的智慧太阳能解决方案。</p><p>“RoadSmart”商标已在全球 130+国家完成注册，持续拓展全球品牌布局。<br/></p><p>源码坚持以技术解决市场需求与痛点，自主研发并落地应用3.2V大功率太阳能路灯解决方案。<br/></p></div>

    <div class="mt-7">
      <div class="px-5 py-5 bg-white rounded-sm shadow-md flex flex-wrap justify-between gap-3">
        <div class="w-1/2">
          <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">6000</i>+</h3>
          <p>案例</p>
        </div>
        <div class="w-1/2">
          <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">63000</i></h3>
          <p>平方米基地</p>
        </div>
        <div class="w-1/2">
          <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">100</i>多项</h3>
          <p>产品专利</p>
        </div>
        <div class="w-1/2">
          <h3><i class="roll_num text-primary font-semibold text-[clamp(1.5rem,3vw,2.5rem)] style-normal">10</i>亿+</h3>
          <p>年产量</p>
        </div>
      </div>
    </div>
  </div>
</section>



<section class="md:py-20 bg-repeat bg-cover py-5 md:px-0 px-3" style="background-image: url(/skin/images/honor_back.jpg);">
  <div class="container mx-auto">
    <div class="md:flex animate-item a-fadeinL">
      <div class="md:w-2/5">

        <div class="text-left md:mb-12 md:block hidden">
          <div class="relative">
            <h2 class="absolute bottom-3 text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy">荣誉证书</h2>
            <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">honor</span>
          </div>
          <div class="relative fake:partition-left"></div>
          <p class="mt-5 text-lg">斩获多项行业荣誉，已服务众多客户</p>
        </div>

        <div class="text-center md:hidden block">
          <div class="relative">
            <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap">荣誉证书</h2>
            <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">honor</span>
          </div>
          <div class="relative fake:partition"></div>
          <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)]">斩获多项行业荣誉，已服务众多客户</p>
        </div>

        <div class="mx-15 md:mb-12 md:block hidden">
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p>集团公司目前荣获行业相关专利<strong class="roll_num text-2xl text-primary">250</strong>+，</p>
              <p>建立专利攻防体系</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p>深耕技术创新，斩获<strong class="roll_num text-2xl text-primary">24</strong>项发明授权专利认证</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p>筑牢核心技术，<strong class="roll_num text-2xl text-primary">60</strong>+项发明专利，竞争壁垒</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p><strong class="roll_num text-2xl text-primary">90</strong>+项实用新型专利，打磨实用技术与结构</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p>匠心塑造产品，<strong class="roll_num text-2xl text-primary">90</strong>+项外观专利，独特视觉形态</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
          <div class="inline-block border-bottom">
            <div class="text-xl px-2">
              <p>数字研发与程序创新，<strong class="roll_num text-2xl text-primary">40</strong>+项软件著作权</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round lines"></div>
          </div>
        </div>

        <div class="mt-7 mx-10 md:hidden block">
          <div class="inline-block">
            <div class="text-sm px-2">
              <p>集团公司目前荣获行业相关专利<strong class="text-lg text-primary">250+</strong>，</p>
              <p>建立专利攻防体系</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
          <div class="inline-block">
            <div class="text-sm px-2">
              <p>深耕技术创新，斩获<strong class="text-lg text-primary">24</strong>项发明授权专利认证</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
          <div class="inline-block">
            <div class="text-sm px-2">
              <p>筑牢核心技术，<strong class="text-lg text-primary">60+</strong>项发明专利，竞争壁垒</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
          <div class="inline-block">
            <div class="text-sm px-2">
              <p><strong class="text-lg text-primary">90+</strong>项实用新型专利，打磨实用技术与结构</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
          <div class="inline-block">
            <div class="text-sm px-2">
              <p>匠心塑造产品，<strong class="text-lg text-primary">90+</strong>项外观专利，独特视觉形态</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
          <div class="inline-block">
            <div class="text-sm px-2">
              <p>数字研发与程序创新，<strong class="text-lg text-primary">40+</strong>项软件著作权</p>
            </div>
            <div class="relative border-b border-primary my-5 before:circle after:round"></div>
          </div>
        </div>

      </div>
      <div class="md:w-3/5 md:block hidden">
        <div class="bg-repeat bg-bottom relative h-full" style="background-image: url(/skin/images/icon_honor.png);">
          
          <div class="bg-repeat bg-cover md:w-95 absolute bottom-0 before:context p-3">
            <img src="/static/upload/other/20260806/1785998795293142.webp" alt="[list:title]" class="relative" style="z-index:2">
          </div>
          
          <div class="bg-repeat bg-cover md:w-95 absolute bottom-0 before:context-2 p-3">
            <img src="/static/upload/other/20260806/1785999610516904.webp" alt="[list:title]" class="relative" style="z-index:4">
          </div>
        </div>
      </div>
    </div>
    <div class="md:mt-12 relative animate-item a-fadeinR">
      <div class="button-prev rounded-sm after:button button:prev top:1/2 left-3"></div>
      <div class="md:mx-15-important swiper mySwiper2">
        <div class="swiper-wrapper" id="image-gallery">
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956246144125.jpg" alt="2024-ISO-质量-环境-职业健康-三体系证书" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956246144125.jpg" alt="2024-ISO-质量-环境-职业健康-三体系证书" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956101989630.jpg" alt="校企联合共建结构强度和力学安全创新基地" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956271136628.jpg" alt="2024-知识产权合规管理体系认证证书" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956271136628.jpg" alt="2024-知识产权合规管理体系认证证书" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
          <div class="swiper-slide">
            <a href="javascript:void(0);" class="p-3 bg-white block border border-gray-800 hover:transition"> 
              <div class="h-0 relative rectangle-xl">
                <img src="/static/upload/image/20260702/1782956037331960.jpg" alt="2024-ISO-质量-环境-职业健康-三体系证书" class="absolute max-w-all max-h-all top:1/2 left:1/2 translate-yx">
              </div>
            </a>
          </div>
          
        </div>
      </div>
      <div class="button-next rounded-sm after:button button:next top:1/2 right-3"></div>
    </div>
  </div>
</section>


<section class="relative md:block hidden animate-item a-fadeinT">
  
  <div class="absolute top-20 z-60 left:1/2 translate-x">
    <div class="relative">
      <h2 class="absolute bottom-3 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy text-white">解决方案</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase text-white">Solution</span>
    </div>
    <div class="relative fake:partition"></div>
    <p class="mt-5 text-lg text-white">源码赋能智慧户外照明，为全球客户提供稳定靠谱的整套解决方案</p>
  </div>
  <div class="md:flex">
    
    <div class="flex-1 relative h-174 before:layer bg-repeat bg-center bg-cover hover:flex hover:transition" style="background-image: url(/static/upload/other/20260806/1785978780244869.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-end hover:transition" href="/product-solution/4.html" title="景区道路照明解决方案">
      <div class="mx-15 md:mb-40">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979415375594.png" alt="景区道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">景区道路照明解决方案</h3>
        <p class="text-white text-en text-uppercase">Efficient Photovol Taic Conversion Technology</p>
      </div>
    </a></div>
    
    <div class="flex-1 relative h-174 before:layer bg-repeat bg-center bg-cover hover:flex hover:transition" style="background-image: url(/static/upload/other/20260806/1785986727653326.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-end hover:transition" href="/product-solution/8.html" title="园区道路照明解决方案">
      <div class="mx-15 md:mb-40">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979588429573.png" alt="园区道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">园区道路照明解决方案</h3>
        <p class="text-white text-en text-uppercase">Intelligent Light Storage Collaborative Control</p>
      </div>
    </a></div>
    
    <div class="flex-1 relative h-174 before:layer bg-repeat bg-center bg-cover hover:flex hover:transition" style="background-image: url(/static/upload/other/20260806/1785986693158184.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-end hover:transition" href="/product-solution/19.html" title="新农村道路照明解决方案">
      <div class="mx-15 md:mb-40">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979801705589.png" alt="新农村道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">新农村道路照明解决方案</h3>
        <p class="text-white text-en text-uppercase">Intelligent Light Storage collaborative Control</p>
      </div>
    </a></div>
    
    <div class="flex-1 relative h-174 before:layer bg-repeat bg-center bg-cover hover:flex hover:transition" style="background-image: url(/static/upload/other/20260806/1785986672209212.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-end hover:transition" href="/product-solution/20.html" title="住宅储能照明解决方案">
      <div class="mx-15 md:mb-40">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782980028878756.png" alt="住宅储能照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">住宅储能照明解决方案</h3>
        <p class="text-white text-en text-uppercase">Ultra Long Life Lithium Phosphate Battery</p>
      </div>
    </a></div>
    
  </div>

  </div>
  
</section>


<section class="py-5 md:px-0 px-3 md:hidden block animate-item a-fadeinB">
  <div class="text-center md:hidden block">
    <div class="relative">
      <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap">解决方案</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">Solution</span>
    </div>
    <div class="relative fake:partition"></div>
    <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)]">源码赋能智慧户外照明，为全球客户提供稳定靠谱的整套解决方案</p>
  </div>
  <div class="mt-5">
    
    <div class="relative h-100 before:layer bg-repeat bg-center bg-cover" style="background-image: url(/static/upload/other/20260806/1785978780244869.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-center hover:transition" href="/product-solution/4.html" title="景区道路照明解决方案">
      <div class="mx-5">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979415375594.png" alt="景区道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">景区道路照明解决方案</h3>
        <p class="text-white text-en text-center text-uppercase">Efficient Photovol Taic Conversion Technology</p>
      </div>
    </a></div>
    
    <div class="relative h-100 before:layer bg-repeat bg-center bg-cover" style="background-image: url(/static/upload/other/20260806/1785986727653326.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-center hover:transition" href="/product-solution/8.html" title="园区道路照明解决方案">
      <div class="mx-5">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979588429573.png" alt="园区道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">园区道路照明解决方案</h3>
        <p class="text-white text-en text-center text-uppercase">Intelligent Light Storage Collaborative Control</p>
      </div>
    </a></div>
    
    <div class="relative h-100 before:layer bg-repeat bg-center bg-cover" style="background-image: url(/static/upload/other/20260806/1785986693158184.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-center hover:transition" href="/product-solution/19.html" title="新农村道路照明解决方案">
      <div class="mx-5">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782979801705589.png" alt="新农村道路照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">新农村道路照明解决方案</h3>
        <p class="text-white text-en text-center text-uppercase">Intelligent Light Storage collaborative Control</p>
      </div>
    </a></div>
    
    <div class="relative h-100 before:layer bg-repeat bg-center bg-cover" style="background-image: url(/static/upload/other/20260806/1785986672209212.webp);"><a class="block w-full h-full flex relative z-50 justify-center items-center hover:transition" href="/product-solution/20.html" title="住宅储能照明解决方案">
      <div class="mx-5">
        <i class="block w-15 mx-auto"><img src="/static/upload/image/20260702/1782980028878756.png" alt="住宅储能照明解决方案" class="w-full"></i>
        <h3 class="text-white mt-5 text-xl text-center">住宅储能照明解决方案</h3>
        <p class="text-white text-en text-center text-uppercase">Ultra Long Life Lithium Phosphate Battery</p>
      </div>
    </a></div>
    
  </div>
</section>


 
<section class="md:py-20 container mx-auto py-5 md:px-0 px-3">
  <div class="text-left md:mb-12 md:block hidden">
    <div class="relative">
      <h2 class="absolute bottom-3 text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy">案例中心</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">Cases</span>
    </div>
    <div class="relative fake:partition-left"></div>
    <p class="mt-5 text-lg">覆盖全球的成功案例，让源码太阳能路灯出现在最需要的地方</p>
  </div>

  <div class="text-center mb-5 md:hidden block">
    <div class="relative">
      <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy white-nowrap">案例中心</h2>
      <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">Cases</span>
    </div>
    <div class="relative fake:partition"></div>
    <p class="mt-5 text-[clamp(1rem,3vw,1.125rem)]">覆盖全球的成功案例，让源码太阳能路灯出现在最需要的地方</p>
  </div>

  
  
  <div id="tabs">
    <ul class="flex flex-wrap md:gap-10 border-b border-gray-800 homecases">
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-1" class="hover:text-primary flex items-center gap-1" title="月光灯工程"><i class="iconfont icon-yueguang text-xl"></i> 月光灯工程</a></li>
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-2" class="hover:text-primary flex items-center gap-1" title="飞鹤灯工程"><i class="iconfont icon-feihe text-xl"></i> 飞鹤灯工程</a></li>
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-3" class="hover:text-primary flex items-center gap-1" title="扬帆灯工程"><i class="iconfont icon-yangfanjihua text-xl"></i> 扬帆灯工程</a></li>
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-4" class="hover:text-primary flex items-center gap-1" title="精卫灯工程"><i class="iconfont icon-wukuangjingwei-copy text-xl"></i> 精卫灯工程</a></li>
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-5" class="hover:text-primary flex items-center gap-1" title="云雁灯工程"><i class="iconfont icon-yeyan text-xl"></i> 云雁灯工程</a></li>
      
      <li class="md:py-5 py-2 md:w-auto w-1/3"><a href="#tabs-6" class="hover:text-primary flex items-center gap-1" title="骏马灯工程"><i class="iconfont icon-iconball text-xl"></i> 骏马灯工程</a></li>
      
      <li class="md:py-5 md:block hidden" style="margin-left: auto;"><a href="/guonei" class="hover:text-primary flex items-center" title="更多案例"><i class="iconfont icon-xitongguanli text-xl"></i> 更多案例</a></li>
    </ul>
    <div id="tabs_container" class="md:m-0 mt-7">
      
      <div id="tabs-1">
        
        <section class="md:flex md:py-12">
          <section class="lg:w-1/2 flex items-center">
            <section class="md:w-4/5">
              <h3 class="text-[clamp(1.5rem,3vw,1.875rem)]">广西太阳能路灯-骏马灯工程</h3>
              <p class="text-lg mt-5 text-ml"></p>
              <a class="rounded-full py-2 px-6 text-white bg-bottom-tech hover:bg-bottom hover text-sm inline-block hover:transition inline-block mt-7" href="/list_29/772.html" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a>
            </section>
          </section>
          <section class="lg:w-1/2 md:m-0 mt-5">
            <section class="relative h-0 rectangle-xl">
              <img src="/static/upload/image/20260818/1787037098809515.jpg" class="absolute top:1/2 left:1/2 translate-yx object-cover w-full h-full" alt="广西太阳能路灯-骏马灯工程">
            </section>
          </section>
        </section>
        
      </div>
      
      <div id="tabs-2">
        
        <section class="md:flex md:py-12">
          <section class="lg:w-1/2 flex items-center">
            <section class="md:w-4/5">
              <h3 class="text-[clamp(1.5rem,3vw,1.875rem)]">云南太阳能路灯-飞鹤灯工程</h3>
              <p class="text-lg mt-5 text-ml"></p>
              <a class="rounded-full py-2 px-6 text-white bg-bottom-tech hover:bg-bottom hover text-sm inline-block hover:transition inline-block mt-7" href="/list_30/42.html" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a>
            </section>
          </section>
          <section class="lg:w-1/2 md:m-0 mt-5">
            <section class="relative h-0 rectangle-xl">
              <img src="/static/upload/image/20260730/1785392277329341.jpg" class="absolute top:1/2 left:1/2 translate-yx object-cover w-full h-full" alt="云南太阳能路灯-飞鹤灯工程">
            </section>
          </section>
        </section>
        
      </div>
      
      <div id="tabs-3">
        
        <section class="md:flex md:py-12">
          <section class="lg:w-1/2 flex items-center">
            <section class="md:w-4/5">
              <h3 class="text-[clamp(1.5rem,3vw,1.875rem)]">福建太阳能路灯-飞鹤灯工程</h3>
              <p class="text-lg mt-5 text-ml"></p>
              <a class="rounded-full py-2 px-6 text-white bg-bottom-tech hover:bg-bottom hover text-sm inline-block hover:transition inline-block mt-7" href="/list_31/813.html" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a>
            </section>
          </section>
          <section class="lg:w-1/2 md:m-0 mt-5">
            <section class="relative h-0 rectangle-xl">
              <img src="/static/upload/image/20260818/1787038258875817.jpg" class="absolute top:1/2 left:1/2 translate-yx object-cover w-full h-full" alt="福建太阳能路灯-飞鹤灯工程">
            </section>
          </section>
        </section>
        
      </div>
      
      <div id="tabs-4">
        
        <section class="md:flex md:py-12">
          <section class="lg:w-1/2 flex items-center">
            <section class="md:w-4/5">
              <h3 class="text-[clamp(1.5rem,3vw,1.875rem)]">陕西太阳能路灯-精卫灯工程</h3>
              <p class="text-lg mt-5 text-ml"></p>
              <a class="rounded-full py-2 px-6 text-white bg-bottom-tech hover:bg-bottom hover text-sm inline-block hover:transition inline-block mt-7" href="/list_32/768.html" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a>
            </section>
          </section>
          <section class="lg:w-1/2 md:m-0 mt-5">
            <section class="relative h-0 rectangle-xl">
              <img src="/static/upload/image/20260818/1787037033333683.jpg" class="absolute top:1/2 left:1/2 translate-yx object-cover w-full h-full" alt="陕西太阳能路灯-精卫灯工程">
            </section>
          </section>
        </section>
        
      </div>
      
      <div id="tabs-5">
        
        <section class="md:flex md:py-12">
          <section class="lg:w-1/2 flex items-center">
            <section class="md:w-4/5">
              <h3 class="text-[clamp(1.5rem,3vw,1.875rem)]">河南太阳能路灯-云雁灯工程</h3>
              <p class="text-lg mt-5 text-ml"></p>
              <a class="rounded-full py-2 px-6 text-white bg-bottom-tech hover:bg-bottom hover text-sm inline-block hover:transition inline-block mt-7" href="/list_33/766.html" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a>
            </section>
          </section>
          <section class="lg:w-1/2 md:m-0 mt-5">
            <section class="relative h-0 rectangle-xl">
              <img src="/static/upload/image/20260818/1787036987341976.jpg" class="absolute top:1/2 left:1/2 translate-yx object-cover w-full h-full" alt="河南太阳能路灯-云雁灯工程">
            </section>
          </section>
        </section>
        
      </div>
      
      <div id="tabs-6">
        
      </div>
      
    </div>
  </div>
  
  
  
  
</section>


<section class="md:py-7 py-3 bg-repeat bg-cover bg-center relative before:layer animate-item a-fadeinB" style="background-image: url(/skin/images/avd_back.jpg);">
  <div class="container mx-auto md:flex justify-between items-center">
    <div class="relative z-50">
      <h3 class="text-white text-[clamp(1.5rem,3vw,2.5rem)] font-semibold text-center"><i class="iconfont icon-phone07 mx-5"></i>0755-23281185</h3>
      <p class="text-white text-center">源码太阳能路灯诚招全球合作伙伴加盟，共创美好未来！</p>
    </div>
    <div class="relative z-50 text-center md:m-0 mt-5"><a class="rounded-full py-2 px-6 bg-primary text-white text-sm bg-bottom-tech hover:bg-bottom hover inline-block hover:transition" href="/lxwm/" title="探索更多">探索更多 <i class="iconfont icon-fangxiang-you"></i></a></div>
  </div>
</section>

<section class="md:py-20 py-5 md:px-0 px-3 bg-repeat bg-bottom" style="background-image: url(/skin/images/downloaded-image.jpg);">
  <div class="container mx-auto">
    
    <div class="text-center">
      <div class="relative">
        <h2 class="absolute md:bottom-3 bottom-0 left:1/2 translate-x text-[clamp(1.5rem,5vw,3.25rem)] font-semibold fonts:heavy">新闻中心</h2>
        <span class="text-[clamp(2.5rem,7vw,5rem)] text-gray-400 opacity-10 font-semibold text-uppercase">News</span>
      </div>
      <div class="relative fake:partition"></div>
      <p class="mt-5 text-lg">太阳能路灯行业新闻咨询、技术交流</p>
    </div>

    <div class="md:mt-12 mt-7 animate-item a-fadeinT">
      <ul class="md:flex flex-wrap">
        
        <li class="md:py-12 lg:px-8 md:w-1/4 md:border-r border-gray-800 border-end card-hover mt-5 bg-white py-5 px-3">
          <a href="/hangyexinwen/detail/1948.html" class="text-[clamp(1rem,3vw,1.125rem)] text-gray-50 hover:text-primary" title="规范分体式太阳能路灯的线缆敷设方式"><span>行业新闻</span></a>
          <a href="/hangyexinwen/detail/1948.html" class="block rectangle-md relative h-0 overflow-hidden mt-3 shadow-md"><img class="absolute h-all w-all top:1/2 left:1/2 translate-yx object-cover" src="/static/upload/image/20260820/1787211362183153.png" alt="规范分体式太阳能路灯的线缆敷设方式"></a>
          <h3 class="text-[clamp(1.125rem,5vw,1.5rem)] font-semibold md:mt-7 text-gray-50 mt-3"><a href="/hangyexinwen/detail/1948.html" class="hover:text-primary" title="规范分体式太阳能路灯的线缆敷设方式">规范分体式太阳能路灯的线...</a></h3>
          <p class="text-sm text-gray-400 md:mt-5 md:py-7 py-2 mt-3"><a href="/hangyexinwen/detail/1948.html" class="hover:text-primary" title="规范分体式太阳能路灯的线缆敷设方式">在现代城市基础设施中，分体式太阳能路灯的普及为道路照明带来了显著的便利。随着技术的进步，这种···</a></p>
          <a href="/hangyexinwen/detail/1948.html" class="md:mt-12 inline-block text-gray-50 hover:transition hover:text-primary" title="规范分体式太阳能路灯的线缆敷设方式">查看详情 <i class="iconfont icon-gengduojiantou text-lg"></i></a>
        </li>
        
        <li class="md:py-12 lg:px-8 md:w-1/4 md:border-r border-gray-800 border-end card-hover mt-5 bg-white py-5 px-3">
          <a href="/hangyexinwen/detail/1947.html" class="text-[clamp(1rem,3vw,1.125rem)] text-gray-50 hover:text-primary" title="太阳能智慧路灯的故障自诊断功能解析"><span>行业新闻</span></a>
          <a href="/hangyexinwen/detail/1947.html" class="block rectangle-md relative h-0 overflow-hidden mt-3 shadow-md"><img class="absolute h-all w-all top:1/2 left:1/2 translate-yx object-cover" src="/static/upload/image/20260820/1787211322132981.png" alt="太阳能智慧路灯的故障自诊断功能解析"></a>
          <h3 class="text-[clamp(1.125rem,5vw,1.5rem)] font-semibold md:mt-7 text-gray-50 mt-3"><a href="/hangyexinwen/detail/1947.html" class="hover:text-primary" title="太阳能智慧路灯的故障自诊断功能解析">太阳能智慧路灯的故障自诊...</a></h3>
          <p class="text-sm text-gray-400 md:mt-5 md:py-7 py-2 mt-3"><a href="/hangyexinwen/detail/1947.html" class="hover:text-primary" title="太阳能智慧路灯的故障自诊断功能解析">太阳能智慧路灯的故障自诊断功能解析太阳能智慧路灯是近年来在城市基础设施中逐渐普及的一种新型照···</a></p>
          <a href="/hangyexinwen/detail/1947.html" class="md:mt-12 inline-block text-gray-50 hover:transition hover:text-primary" title="太阳能智慧路灯的故障自诊断功能解析">查看详情 <i class="iconfont icon-gengduojiantou text-lg"></i></a>
        </li>
        
        <li class="md:py-12 lg:px-8 md:w-1/4 md:border-r border-gray-800 border-end card-hover mt-5 bg-white py-5 px-3">
          <a href="/hangyexinwen/detail/1946.html" class="text-[clamp(1rem,3vw,1.125rem)] text-gray-50 hover:text-primary" title="解决分体式太阳能路灯的信号干扰问题对策"><span>行业新闻</span></a>
          <a href="/hangyexinwen/detail/1946.html" class="block rectangle-md relative h-0 overflow-hidden mt-3 shadow-md"><img class="absolute h-all w-all top:1/2 left:1/2 translate-yx object-cover" src="/static/upload/image/20260820/1787211267179123.png" alt="解决分体式太阳能路灯的信号干扰问题对策"></a>
          <h3 class="text-[clamp(1.125rem,5vw,1.5rem)] font-semibold md:mt-7 text-gray-50 mt-3"><a href="/hangyexinwen/detail/1946.html" class="hover:text-primary" title="解决分体式太阳能路灯的信号干扰问题对策">解决分体式太阳能路灯的信...</a></h3>
          <p class="text-sm text-gray-400 md:mt-5 md:py-7 py-2 mt-3"><a href="/hangyexinwen/detail/1946.html" class="hover:text-primary" title="解决分体式太阳能路灯的信号干扰问题对策">解决分体式太阳能路灯的信号干扰问题对策在当今社会，分体式太阳能路灯因其节能环保的特点被广泛应···</a></p>
          <a href="/hangyexinwen/detail/1946.html" class="md:mt-12 inline-block text-gray-50 hover:transition hover:text-primary" title="解决分体式太阳能路灯的信号干扰问题对策">查看详情 <i class="iconfont icon-gengduojiantou text-lg"></i></a>
        </li>
        
        <li class="md:py-12 lg:px-8 md:w-1/4 md:border-r border-gray-800 border-end card-hover mt-5 bg-white py-5 px-3">
          <a href="/hangyexinwen/detail/1945.html" class="text-[clamp(1rem,3vw,1.125rem)] text-gray-50 hover:text-primary" title="太阳能平板灯的光照效率提升方法"><span>行业新闻</span></a>
          <a href="/hangyexinwen/detail/1945.html" class="block rectangle-md relative h-0 overflow-hidden mt-3 shadow-md"><img class="absolute h-all w-all top:1/2 left:1/2 translate-yx object-cover" src="/static/upload/image/20260820/1787211216847895.png" alt="太阳能平板灯的光照效率提升方法"></a>
          <h3 class="text-[clamp(1.125rem,5vw,1.5rem)] font-semibold md:mt-7 text-gray-50 mt-3"><a href="/hangyexinwen/detail/1945.html" class="hover:text-primary" title="太阳能平板灯的光照效率提升方法">太阳能平板灯的光照效率提...</a></h3>
          <p class="text-sm text-gray-400 md:mt-5 md:py-7 py-2 mt-3"><a href="/hangyexinwen/detail/1945.html" class="hover:text-primary" title="太阳能平板灯的光照效率提升方法">太阳能平板灯的光照效率提升方法太阳能平板灯作为一种可再生能源产品，广泛应用于室外照明，尤其在···</a></p>
          <a href="/hangyexinwen/detail/1945.html" class="md:mt-12 inline-block text-gray-50 hover:transition hover:text-primary" title="太阳能平板灯的光照效率提升方法">查看详情 <i class="iconfont icon-gengduojiantou text-lg"></i></a>
        </li>
        
      </ul>
    </div>
    <div class="flex justify-center mt-12">
      <a href="/article/" title="新闻中心" class="rounded-full py-2 px-6 bg-bottom-tech text-white text-sm hover:bg-bottom hover:transition">查看更多 <i class="iconfont icon-fangxiang-you"></i></a>
    </div>
    
  </div>
</section>
<section class="h-adv bg-repeat bg-cover bg-center" style="background-image: url(/static/upload/image/20260718/1784340834500262.jpg);">
    <div class="container mx-auto flex flex-col items-center justify-center md:p-0 px-5">
        <h2 class="text-[clamp(1.5rem,3vw,1.875rem)] text-white font-semibold"><i class="iconfont icon-phone"></i> 0755-23281185</h2>
        <p class="text-lg text-white text-center">源码太阳能路灯诚招全球合作伙伴加盟，共创美好未来！</p>
        <a href="/lxwm/" class="rounded-full py-2 px-6 bg-white text-black text-sm hover:text-primary card-hover inline-block hover:transition mt-5" title="太阳能路灯-加盟">太阳能路灯-加盟</a>
    </div>
</section>
<footer class="bg-gray-50 md:pt-12 md:px-0 pt-7 px-3">
    <div class="container mx-auto">
        <div class="md:flex justify-between">
            <div class="md:w-1/4">
                <a href="/"><img class="h-15" src="/static/upload/image/20260626/1782444256153537.png" alt="深圳源码智能照明有限公司"></a>
                <p class="text-white text-sm mt-7 opacity-70">源码持续拓展品牌影响力，围绕太阳能照明与储能应用不断推进产品与技术布局，创始团队是一群技术极客，为公司埋下了科技与创新的基因。</p>
            </div>
            <div class="md:w-4/5 flex sm:flex-nowrap flex-wrap gap-5 md:m-0 mt-7">
                
                <div class="md:w-2/5 w-foot-1/3">
                    <h2 class="text-white text-lg">产品展示</h2>
                    <span class="w-12 inline-block bg-primary h:px-2 my-3"></span>
                    
                    
                    <p class=" mb-3"><a href="/mpptpingbandeng/" class="text-white text-sm opacity-70 hover:opacity" title="MPPT 平板灯">MPPT 平板灯</a></p>
                    
                    <p class=" mb-3"><a href="/yitihuataiyangnengludeng/" class="text-white text-sm opacity-70 hover:opacity" title="一体化太阳能路灯">一体化太阳能路灯</a></p>
                    
                    <p class=" mb-3"><a href="/fentishitaiyangnengludeng/" class="text-white text-sm opacity-70 hover:opacity" title="分体式太阳能路灯">分体式太阳能路灯</a></p>
                    
                    <p class=" mb-3"><a href="/taiyangnengtingyuan/" class="text-white text-sm opacity-70 hover:opacity" title="太阳能庭院灯">太阳能庭院灯</a></p>
                    
                    <p class=" mb-3"><a href="/liganshitaiyangnengludeng/" class="text-white text-sm opacity-70 hover:opacity" title="立杆式太阳能路灯">立杆式太阳能路灯</a></p>
                    
                    <p class=" mb-3"><a href="/yitishiweixingtaiyangnengchune/" class="text-white text-sm opacity-70 hover:opacity" title="一体式微型太阳能储能系统">一体式微型太阳能储能系统</a></p>
                    
                    
                </div>
                
                <div class="md:w-2/5 w-foot-1/3">
                    <h2 class="text-white text-lg">解决方案</h2>
                    <span class="w-12 inline-block bg-primary h:px-2 my-3"></span>
                    
                    
                    <p class=" mb-3"><a href="/product-solution/20.html" class="text-white text-sm opacity-70 hover:opacity" title="住宅储能照明解决方案">住宅储能照明解决方案</a></p>
                    
                    <p class=" mb-3"><a href="/product-solution/19.html" class="text-white text-sm opacity-70 hover:opacity" title="新农村道路照明解决方案">新农村道路照明解决方案</a></p>
                    
                    <p class=" mb-3"><a href="/product-solution/4.html" class="text-white text-sm opacity-70 hover:opacity" title="景区道路照明解决方案">景区道路照明解决方案</a></p>
                    
                    <p class=" mb-3"><a href="/product-solution/8.html" class="text-white text-sm opacity-70 hover:opacity" title="园区道路照明解决方案">园区道路照明解决方案</a></p>
                    
                    
                </div>
                
                <div class="md:w-2/5 w-foot-1/3">
                    <h2 class="text-white text-lg">关于源码</h2>
                    <span class="w-12 inline-block bg-primary h:px-2 my-3"></span>
                    
                    
                    <p class=" mb-3"><a href="/gongsijianjie/" class="text-white text-sm opacity-70 hover:opacity" title="公司简介">公司简介</a></p>
                    
                    <p class=" mb-3"><a href="/qiyeiwenhua/" class="text-white text-sm opacity-70 hover:opacity" title="企业文化">企业文化</a></p>
                    
                    <p class=" mb-3"><a href="/fazhanliche/" class="text-white text-sm opacity-70 hover:opacity" title="发展历程">发展历程</a></p>
                    
                    <p class=" mb-3"><a href="/rongyunzhishu/" class="text-white text-sm opacity-70 hover:opacity" title="荣誉证书">荣誉证书</a></p>
                    
                    <p class=" mb-3"><a href="/tudoufucha/" class="text-white text-sm opacity-70 hover:opacity" title="团队风采">团队风采</a></p>
                    
                    
                </div>
                
                <div class="md:w-1/2 w-full">
                    <h2 class="text-white text-lg">获取资讯</h2>
                    <span class="w-12 inline-block bg-primary h:px-2 my-3"></span>
                    <p class="text-white opacity-70 text-sm mb-3">订阅我们的邮件，获取最新的行业动态与产品发布通知。</p>
                    <div class="flex gap-3"><img src="/static/upload/image/20260821/1787301640923006.png" class="w-36" alt=""><img src="/static/upload/image/20260821/1787302187805519.png" class="w-36" alt=""></div>
                </div>
            </div>
        </div>
        <div class="my-5 md:flex">
            <div class="text-white opacity-70 text-ls"><a href="javascript:void(0);">友情链接：</a></div>
            <div class="flex flex-wrap gap-3"><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.368168.com" title="吹管消声器">吹管消声器</a><a class="text-white opacity-70 hover:opacity text-sm" href="https://www.zzyhkj.com" title="包装机">包装机</a><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.zzdollar.cn" title="饲料膨化机">饲料膨化机</a><a class="text-white opacity-70 hover:opacity text-sm" href="https://www.quangc.com" title="铂金坩埚">铂金坩埚</a><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.zhengyingfoodma.com" title="锯骨机">锯骨机</a><a class="text-white opacity-70 hover:opacity text-sm" href="https://www.gzzhile.com" title="淘气堡">淘气堡</a><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.anlpsonline.com" title="控制台">控制台</a><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.bonry.cn" title="永磁电机软启动器">永磁电机软启动器</a><a class="text-white opacity-70 hover:opacity text-sm" href="https://www.chinaznled.com" title="山东照明工程公司">山东照明工程公司</a><a class="text-white opacity-70 hover:opacity text-sm" href="http://www.gzyujin.com" title="水性涂料分散剂">水性涂料分散剂</a></div>
        </div>
        <div class="md:flex justify-between py-5 border-t border-white">
            <div class="text-white text-ls opacity-70 md:flex gap-3">
                <span class="block">Copyright © 2026 深圳源码智能照明有限公司 All Rights Reserved.</span> 
                <a href="https://beian.miit.gov.cn"  class="block" title="粤ICP备15098272号" target="_blank">粤ICP备15098272号</a> 
                <a href="#" title="粤公网安备44030002011355号" class="block flex items-center" target="_blank"><img src="/skin/images/public_security.png" alt="粤公网安备44030002011355号">粤公网安备44030002011355号</a>
            </div>
            <div class="flex gap-3 opacity-70"><a href="#" class="text-white text-ls" title="法律声明">法律声明</a><a href="#" class="text-white text-ls" title="隐私政策">隐私政策</a><a href="#" class="text-white text-ls" title="网站地图">网站地图</a></div>
        </div>
    </div>
</footer>

<div class="communicate md:block hidden">
    <div class="communicate_box">
        <ul>
            <li class="relative"><i class="iconfont icon-phone1 text-3xl absolute -left-10 top-2"></i> 0755-23281185</li>
            <li class="relative"><i class="iconfont icon-qq text-3xl absolute -left-10 top-2"></i> <a target="_blank" href="http://sc.chinaz.com" title="即刻发送您的需求">在线咨询</a></li>
            <li class="relative communicate_ercode" style="height: 53px;"><i class="iconfont icon-erweima text-3xl absolute -left-10 top-2"></i> 微信二维码 <br><img class="w-12 h-12" style="margin-left: 30px;width: 130px;height: 130px;" src="/static/upload/image/20260821/1787301640923006.png" alt="关注你附近"></li>
            <li class="relative communicate_top"><i class="iconfont icon-zhidingsanjiaoxing text-3xl absolute -left-10 top-2"></i> 返回顶部</li>
        </ul>
    </div>
</div>
<script src="/skin/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="/skin/js/classie.js" ></script>
<script src="/skin/js/modalEffects.js" ></script>
<script src="/skin/js/mobile_sidebar.js" ></script>
<script src="/skin/js/ym-core-tech-script.js" ></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        grabCursor: true,
        effect: "creative",
        creativeEffect: {
        prev: {
            shadow: true,
            translate: [0, 0, -400],
        },
        next: {
            translate: ["100%", 0, 0],
        },
        },
        navigation: {
        nextEl: ".button-next",
        prevEl: ".button-prev",
        },
    });

    var swiper = new Swiper(".mySwiper2", {
        spaceBetween: 30,
        loop: true,
        breakpoints: {
            320: {  //当屏幕宽度大于等于320
            slidesPerView: 1,
            spaceBetween: 30
            },
            768: {  //当屏幕宽度大于等于768
            slidesPerView: 2,
            spaceBetween: 30
            },
            1280: {  //当屏幕宽度大于等于1280
            slidesPerView: 4,
            spaceBetween: 30
            }
        },
        navigation: {
        nextEl: ".button-next",
        prevEl: ".button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
        },
    });

    var swiper = new Swiper(".mySwiper3", {
      slidesPerView: 3,
        breakpoints: {
            320: {  //当屏幕宽度大于等于320
            slidesPerView: 1,
            spaceBetween: 30
            },
            768: {  //当屏幕宽度大于等于768
            slidesPerView: 2,
            spaceBetween: 30
            },
            1280: {  //当屏幕宽度大于等于1280
            slidesPerView: 3,
            spaceBetween: 30
            }
        },
      pagination: {
        el: ".swiper-pagination",
        dynamicBullets: true,
      },
    });

    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 5,
        breakpoints: {
            320: {  //当屏幕宽度大于等于320
            slidesPerView: 3,
            spaceBetween: 0
            },
            768: {  //当屏幕宽度大于等于768
            slidesPerView: 3,
            spaceBetween: 0
            },
            1280: {  //当屏幕宽度大于等于1280
            slidesPerView: 5,
            spaceBetween: 0
            }
        },
        spaceBetween: 0,
        centeredSlides: true,
        loop: true,
            navigation: {
            nextEl: ".button-next",
            prevEl: ".button-prev",
        },
    });

    //数字滚动
    $('.roll_num').countUp();

    $(document).ready(function($) {
        $('#tabs').tabulous({
            effect: 'scale'
        });
    });

    $(function() {
        // 悬浮窗口
        $(".communicate").hover(function() {
            $(".communicate").css("right", "5px");
            $(".communicate_box .communicate_ercode").css('height', '200px');
        }, function() {
            $(".communicate").css("right", "-127px");
            $(".communicate_box .communicate_ercode").css('height', '53px');
        });
        // 返回顶部
        $(".communicate_top").click(function() {
            $("html,body").animate({
                'scrollTop': '0px'
            }, 300)
        });
    });

    // 监听
    const items = document.querySelectorAll('.animate-item');
    const observer = new IntersectionObserver((entries)=>{
    entries.forEach(entry=>{
        if(entry.isIntersecting){
        entry.target.classList.add('active');
        }else{
        entry.target.classList.remove('active');
        }
    })
    },{threshold:0.3});
    items.forEach(item=>observer.observe(item));

    const gallery = new Viewer(document.getElementById('image-gallery'), {
        // 配置选项
        toolbar: { // 自定义工具栏按钮
            zoomIn: 1,      // 放大
            zoomOut: 1,     // 缩小
            oneToOne: 1,    // 原始大小 (1:1)
            reset: 1,       // 重置
            prev: 1,        // 上一张
            next: 1,        // 下一张
            rotateLeft: 1,  // 左旋
            rotateRight: 1, // 右旋
            flipHorizontal: 1, // 水平翻转
            flipVertical: 1,   // 垂直翻转
        },
        rotatable: true,   // 允许旋转
        scalable: true,    // 允许翻转 (scalable控制翻转)
        transition: true,  // 启用CSS过渡动画
    });
    
	bb1();
    $(".z6Box").slide({mainCell:".bdWrap",titCell:".hd div"});
    $(".bdInner").slide({mainCell:"ul",effect:"leftLoop",vis:4,autoPlay:true,prevCell:".Inprev",nextCell:".Innext"});
</script>
<script src='/Spider/?url=%2F' async='async'></script>
</body>
</html>
