<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta name="applicable-device" content="pc,wap">
<meta name="MobileOptimized" content="width"/>
<meta name="HandheldFriendly" content="true"/>
<title>浙江欧特立汽车空调有限公司</title>
<meta name="keywords" content="浙江欧特立汽车空调有限公司">
<meta name="description" content=" 浙江欧特立汽车空调有限公司">
<meta name="generator" content="智联网络企业系统2.0" />
<meta name="author" content="烟台智联网络科技有限公司 设计：超 技术：窦" />
<meta name="copyright" content="www.zl77.cn" />

<link rel="stylesheet" href="skin/css/animate.min.css">
<link rel="stylesheet" href="skin/css/bootstrap.min.css">
<link rel="stylesheet" href="skin/css/index.css">
<script src="skin/js/jquery-3.5.1.min.js"></script>
    <script src="skin/js/fuan.js"></script>
    <!-- 引入 axios CDN -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <!-- 引入 API 配置（必须在 axios 之后引入） -->
    <script src="skin/js/api-config.js"></script>
    <!-- 引入站点配置公共脚本（必须在 axios 和 api-config.js 之后引入） -->
    <script src="skin/js/site-config.js"></script>
    <style>
        /* 页面加载遮罩层 */
        #page-loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.3s ease;
        }
        #page-loading-overlay.hidden {
            opacity: 0;
            pointer-events: none;
        }
        .loading-spinner {
            width: 50px;
            height: 50px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #06A5D3;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        /* 初始隐藏页面内容 */
        body > *:not(#page-loading-overlay) {
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        body.page-ready > *:not(#page-loading-overlay) {
            opacity: 1;
        }
    </style>
</head>
<body>
    <!-- 页面加载遮罩层 -->
    <div id="page-loading-overlay">
        <div class="loading-spinner"></div>
    </div>
<!--header-->
	<div class="header large">
            <div class="logo left"><a href=""><img src="skin/images/logo.png"   alt="浙江欧特立汽车空调有限公司"></a></div>
           <!-- 添加切换语言的按钮 -->
			<div class="language-switcher right">
				<select id="languageSelect" class="language-select">
					<option value="zh">中文</option>
					<option value="en">English</option>
				</select>
			</div>
			
			<!-- <div class="search right">
				<img src="skin/images/icon2.png" />
			</div> -->
			<div class="search_box">
				<form action="search/"  method="get">
					<input type="text" name="keyword" placeholder="请输入关键词" data-translate-placeholder="请输入关键词">
					<button type="submit"><img src="skin/images/icon2.png" /></button>
				</form>
			</div>
            <div class="toptel right">
				<a href="contact/index.html"><img src="skin/images/icon1.png" /></a>
			</div>
            <div class="nav right">
				<div class="header_menu_box flex">
					<div class="header_menu_item_box active">
						<a class="header_menu_link" href="" data-translate="首页">首页</a>
					</div>
					
					<div class="header_menu_item_box ">
						<a class="header_menu_link" href="abouts/index.html" data-translate="关于欧特立">关于欧特立</a>
						<div class="header_menu_item_down">
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="abouts/index.html#gsjs" data-translate="公司介绍">公司介绍</a>
							</div>
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="abouts/index.html#gsln" data-translate="公司理念">公司理念</a>
							</div>
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="abouts/index.html#ryzz" data-translate="荣誉资质">荣誉资质</a>
							</div>
							
						 
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="teams/index.html" data-translate="团队风采">团队风采</a>
							</div>
							
							                                                                                         
						</div>
					</div>
					
					<div class="header_menu_item_box ">
						<a class="header_menu_link" href="product/index.html" data-translate="产品展示">产品展示</a>
						<div class="header_menu_item_down" id="productCategoryMenu">
							<!-- 产品分类将通过 JavaScript 动态加载 -->
						</div>
					</div>
					
					<div class="header_menu_item_box ">
						<a class="header_menu_link" href="sb/index.html" data-translate="终端客户">终端客户</a>
						<div class="header_menu_item_down">
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="sb/index.html" data-translate="终端客户">终端客户</a>
							</div>
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="sbqd/index.html" data-translate="合作伙伴">合作伙伴</a>
							</div>
							
							                                                                                         
						</div>
					</div>
					
					<div class="header_menu_item_box ">
						<a class="header_menu_link" href="article/index.html" data-translate="新闻动态">新闻动态</a>
						<div class="header_menu_item_down">
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="company/index.html" data-translate="公司动态">公司动态</a>
							</div>
							
							<div class="header_menu_down_label">
								<a class="header_menu_down_link  " href="industry/index.html" data-translate="行业动态">行业动态</a>
							</div>
							
							                                                                                         
						</div>
					</div>
					
					<div class="header_menu_item_box ">
						<a class="header_menu_link" href="contact/index.html" data-translate="联系我们">联系我们</a>
						<div class="header_menu_item_down">
							
							                                                                                         
						</div>
					</div>
					
				</div>
            </div>
            <div class="toggle">
				<span class="line"></span>
				<span class="line"></span>
				<span class="line"></span>
			</div>
			
			<div id="toggleMenu">
				<nav>
					<div class="full-width-menu">
					   <div class="cntBox">
							<ul class="navigation">
								<li><a href="" data-translate="网站首页">网站首页</a></li>
								
								<li><a href="abouts/index.html" data-translate="关于欧特立">关于欧特立</a></li>
								
								<li><a href="product/index.html" data-translate="产品展示">产品展示</a></li>
								
								<li><a href="sb/index.html" data-translate="终端客户">终端客户</a></li>
								
								<li><a href="article/index.html" data-translate="新闻动态">新闻动态</a></li>
								
								<li><a href="contact/index.html" data-translate="联系我们">联系我们</a></li>
								
							</ul>
					   </div> 
					</div>
					
				</nav>
			</div>
    </div>
	<!--header-->


	<!--banner-->
    <div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
			    <!-- <div class="swiper-slide">
					
					<a href="product/index.html">
					<div class="img">
						<img src="skin/images/banner1.jpg"/>
					</div>
					</a>
					
				</div>
			    <div class="swiper-slide">
					
					<a href="product/index.html">
					<div class="img">
						<img src="skin/images/banner2.jpg"/>
					</div>
					</a>
					
				</div>
			    <div class="swiper-slide">
					<div class="img">
						<img src="skin/images/banner3.jpg"/>
					</div>
				</div> -->
				
			</div>
		</div>
			<!-- 按钮 -->
        <div class="swiper-button">
			<div class="swiper-pagination"></div>
        </div>
	</div>
    <!--banner-->
    <!--topnews-->
    <div class="topnews">
    	<div class="topnewslf left wow zoomIn">
        	<span>news</span>
        </div>
    	<div class="topnewsrt right wow zoomIn">
        	<div id="scrollWrap"> 
                <ul id="scrollMsg">  
                    <!-- 新闻列表将通过 API 动态加载 -->
                </ul>
            </div>
            <!-- <div class="topnew_icon right"><img src="skin/images/icon3.png" /></div>  -->
        </div>
    </div>
    <!--topnews-->
	<!--about-->
	<div class="about">
    	<div class="aboutnr cont">
        	<div class="aboutlf col-md-6 col-sm-12 col-xs-12">
				<div class="tit wow zoomIn">
                    <h3 data-translate="浙江欧特立">浙江欧特立</h3>
                    <h3 data-translate="汽车空调有限公司">汽车空调有限公司</h3>
                </div>
                <div class="aboutjs wow zoomIn" data-translate="公司介绍内容">
					公司成立于1996年，位于浙江省汽车空调生产基地龙泉市回归工业园区广平街1号。专业从事汽车空调管路总成、消音器、储液器、压板、铝套等系列产品。<br><br>
					公司具有独立的进出口经营权，完备的中国电子口岸等通关系统，保证国内外销售之路的畅通. 保证急需从国外调货的客户在最短的时间内拿到货。面向国内，我公司的汽车空调产品主要销往：黑龙江，辽宁，天津，北京，山西，河北，山东，河南，湖北，安徽，江苏，重庆，广西，广东，台湾等地；面向国外，我公司产品主要销往：韩国，日本，泰国，马来西亚，新加坡，俄罗斯，土耳其，印度，意大利，匈牙利，捷克，法国，英国，德国，美国，加拿大，墨西哥，巴西，秘鲁等多个国家和地区. 多年来，我公司凭借优质的产品、一流的服务、超低的价格赢得广大客户的信任与青睐，使我们的汽车空调产品遍布国内海外！
				</div>
				<div class="aboutmore wow zoomIn">
					<a href="abouts/index.html"><font data-translate="探索更多">探索更多<span>></span></font></a>
				</div>
                <div class="aboutlist wow zoomIn">
                    <dl class="col-md-4 col-sm-4 col-xs-4">
                        <dt><span class="counter">1996</span><span data-translate="年">年</span></dt>
                        <dd data-translate="成立时间">成立时间</dd>
                    </dl>
                    <dl class="col-md-4 col-sm-4 col-xs-4">
                        <dt><span class="counter">300</span><span data-translate="万元">万元</span></dt>
                        <dd data-translate="注册资本">注册资本</dd>
                    </dl>
                    <dl class="col-md-4 col-sm-4 col-xs-4">
                        <dt><span class="counter">100</span>+</dt>
                        <dd data-translate="员工人数">员工人数</dd>
                    </dl>
                </div>
            </div>
			<div class="aboutrt col-md-6 col-sm-12 col-xs-12 wow zoomIn">
				<img src="skin/images/aboutimg.png" />
			</div>
        </div>
		
    </div>
    <!--about-->
    <!--ys-->
    <div class="ys wow zoomIn">
    	<div class="cloud-product-box">
			<div class="cloud-product">
				<ul class="cloud-product-ul clearfix">
					<li data-index="1" class="active">
						<div class="probg"></div>
						<div class="normal-inner">
							<div class="num"><b>01</b></div>
							<h4 data-translate="严格的质量把控">严格的质量把控</h4>
							<span></span>
						</div>
						<div class="active-inner active-inner-01 clearfix">
							<div class="active-inner-item">
								<div class="oursl_nr">
									<div class="yslist">
										<h4 data-translate="严格的质量把控">严格的质量把控</h4>
										<span></span>
										<p data-translate="质量把控描述">从产品研发至出库，公司有一套严格的质量标准体系</p>
										<div class="num">01</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li data-index="2">
						<div class="probg"></div>
						<div class="normal-inner">
							<div class="num"><b>02</b></div>
							<h4 data-translate="优质的研发团队">优质的研发团队</h4>
							<span></span>
						</div>
						<div class="active-inner active-inner-01 clearfix">
							<div class="active-inner-item">
								<div class="oursl_nr">
									<div class="yslist">
										<h4 data-translate="优质的研发团队">优质的研发团队</h4>
										<span></span>
										<p data-translate="研发团队描述">团队曾多次前往中日韩和欧美等企业交流学习</p>
										<div class="num">02</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li data-index="3">
						<div class="probg"></div>
						<div class="normal-inner">
							<div class="num"><b>03</b></div>
							<h4 data-translate="积极配合研发试制工作">积极配合研发试制工作</h4>
							<span></span>
						</div>
						<div class="active-inner active-inner-01 clearfix">
							<div class="active-inner-item">
								<div class="oursl_nr">
									<div class="yslist">
										<h4 data-translate="积极配合研发试制工作">积极配合研发试制工作</h4>
										<span></span>
										<p data-translate="研发试制描述">能够积极配合研发试制工作，为客户新品及时推出提速加油</p>
										<div class="num">03</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li data-index="4">
						<div class="probg"></div>
						
						<div class="normal-inner">
							<div class="num"><b>04</b></div>
							<h4 data-translate="良好的社会责任">良好的社会责任</h4>
							<span></span>
						</div>
						<div class="active-inner active-inner-01 clearfix">
							<div class="active-inner-item">
								<div class="oursl_nr">
									<div class="yslist">
										<h4 data-translate="良好的社会责任">良好的社会责任</h4>
										<span></span>
										<p data-translate="社会责任描述">符合ISO 14001:2015环境管理体系，企业的长期发展以环境保护和可持续发展为目标</p>
										<div class="num">04</div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
				</ul>
			</div>
		</div>
    </div>
    <!--ys-->
	<!--pro-->
    <div class="pro">
        <div class="pronr cont1">
        	<div class="protit">
            	<div class="tit col-md-5 col-sm-12 col-xs-12 wow zoomIn">
					<h3><a href="product/index.html" data-translate="我们的产品">我们的产品</a></h3>
					<h3 data-translate="确保产品品质要求">确保产品品质要求</h3>
				</div>
                <div class="promenu col-md-7 col-sm-12 col-xs-12 wow zoomIn">
                	<ul>
<!--                     	
						<li><a href="sbljl/index.html">非标自动零件</a></li>
						
						<li><a href="3clcp/index.html">石油井下工具</a></li>
						
						<li><a href="zjl/index.html">航空航天零件</a></li>
						
						<li><a href="sbmzl/index.html">医疗设备零件</a></li> -->
						
                    </ul>
                </div>
            </div>
        	
        	<div class="prolist col-md-12 col-sm-12 col-xs-12 wow zoomIn">
            	<div class="swiper-container">
					<div class="swiper-wrapper">
						
						<!-- <div class="swiper-slide">
							<a href="sbljl/175.html">
							<dl>
								<dt><img src="static/upload/image/20231111/1699671200870160.png" alt="非标自动零件" /></dt>
								<dd>非标自动零件</dd>
							</dl>
							</a>
						</div>
						
						<div class="swiper-slide">
							<a href="sbljl/174.html">
							<dl>
								<dt><img src="static/upload/image/20231111/1699671179255001.png" alt="非标自动零件" /></dt>
								<dd>非标自动零件</dd>
							</dl>
							</a>
						</div>
						
						<div class="swiper-slide">
							<a href="sbljl/167.html">
							<dl>
								<dt><img src="static/upload/image/20231111/1699671140969041.png" alt="非标自动零件" /></dt>
								<dd>非标自动零件</dd>
							</dl>
							</a>
						</div>
						
						<div class="swiper-slide">
							<a href="sbljl/162.html">
							<dl>
								<dt><img src="static/upload/image/20231111/1699670774853710.png" alt="非标自动零件" /></dt>
								<dd>非标自动零件</dd>
							</dl>
							</a>
						</div> -->
						
						
					</div>
				 </div>
                <!-- 按钮 -->
				<div class="swiper-button">
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>
				<div class="proen"><img src="skin/images/proen.png" /></div>
            </div>
			<div class="clear"></div>
            <div class="line wow zoomIn">
            	<span></span>
            </div>
            <div class="promore wow zoomIn">
				<a href="product/index.html"><font data-translate="探索更多">探索更多<span>></span></font></a>
			</div>
        </div>
            
    </div>
	<!--pro-->
    
	<!--jsnl-->
    <div class="jsnl">
    	<div class="jsnlnr cont wow zoomIn">
            <div class="tit">
                <h3 data-translate="技术能力">技术能力</h3>
                <h3 data-translate="严把质量 诚信服务">严把质量 诚信服务</h3>
            </div>
        	<div class="jsnlen"><img src="skin/images/jsen.png" /></div>
            <!-- 商品列表容器（动态加载） -->
            <div id="jsnlProductList">
            	<!-- 商品列表将通过 API 动态加载 -->
            </div>
            <!-- 商品菜单容器（动态加载） -->
            <div class="jsnlmenu" id="jsnlProductMenu">
            	<ul>
                	<!-- 菜单项将通过 API 动态加载 -->
                </ul>
            </div>
        </div>
    </div>
	<!--jsnl-->
	<!--service-->
    <div class="service">
    	<div class="servicenr cont">
        	<div class="servicelf col-md-6 col-sm-12 col-xs-12 wow zoomIn">
            	<div class="tit">
					<h3 data-translate="用我们的专业服务">用我们的专业服务</h3>
					<h3 data-translate="帮助客户创造更高的价值">帮助客户创造更高的价值</h3>
				</div>
                <div class="servicejs" data-translate="服务客户描述">公司目前服务的主要客户有：伟世通汽车电子系统，邦迪汽车系统，哈钦森科技，大陆集团，奔驰等优质客户...</div>
                <h4 data-translate="合作客户">合作客户</h4>
                <ul>
                	<li><img src="skin/images/hzkhimg1.jpg" /></li>
                	<li><img src="skin/images/hzkhimg2.jpg" /></li>
                	<li><img src="skin/images/hzkhimg3.jpg" /></li>
                	<li><img src="skin/images/hzkhimg4.jpg" /></li>
                	<li><img src="skin/images/hzkhimg5.jpg" /></li>
                	<li><a href="contact/index.html" data-translate="联系我们">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="map wow zoomIn"> 
			<div class="mapicon"><img src="skin/images/icon5.png" /></div>
			<div class="mapicon_bg">
				<p><span data-translate="浙江欧特立汽车空调有限公司">浙江欧特立汽车空调有限公司</span></p>
				<hr>
				<p>
					<div style="display: flex;margin-bottom: 5px;"><span class="label" style="padding-right: 0px;padding-left: 0px; font-weight: unset;" data-translate="电话：">电话：</span><span class="content">0578-7218210</span></div>
					<div style="display: flex;margin-bottom: 5px;"><span class="label" style="padding-right: 0px;padding-left: 0px; font-weight: unset;" data-translate="邮箱：">邮箱：</span><span class="content">Steven.tang@outeli.com.cn</span></div> 
					<div style="display: flex;margin-bottom: 5px;"	><span class="label" style="padding-right: 0px;padding-left: 0px; font-weight: unset;" data-translate="地址：">地址：</span><span class="content" data-translate="公司地址详细">浙江省龙泉市回归工业园区广平街1号</span></div>
				</p> 
			</div>
        </div>
    </div>
    <!--service-->
	<!--news-->
    <div class="news">
    	<div class="newstit cont">
            <div class="newstitlf col-md-5 col-sm-12 col-xs-12 wow zoomIn">
				<div class="tit">
					<h3><a href="article/index.html" data-translate="新闻正在发生">新闻正在发生</a></h3>
					<h3 data-translate="关注欧特立动态">关注欧特立动态</h3>
				</div>
			</div>
            <div class="newstitrt col-md-7 col-sm-12 col-xs-12 wow zoomIn">
				<ul>
					<li><a href="company/index.html" data-translate="公司动态">公司动态<span>></span></a></li>
					<li><a href="industry/index.html" data-translate="行业动态">行业动态<span>></span></a></li>
				</ul>
			</div>
        </div>
        <div class="newslist">
			<div class="newslf col-md-6 col-sm-12 col-xs-12 wow zoomIn">
            	<img src="skin/images/newsimg.jpg" />
            </div>
			<div class="newsrt col-md-6 col-sm-12 col-xs-12 wow zoomIn">
            	<ul>
					
                	 
                    
                </ul>
            </div>
		</div>
    </div>
    <!--news-->
    <!--link-->
    <div class="link">
    	<div class="linknr cont wow zoomIn"><span data-translate="友情链接：">友情链接：</span>
			
		</div>
    </div>
    <!--link-->
    
	<!--footer-->
    <!--footer-->
    <div class="footer">
    	<div class="footernr cont">
        	<div class="footerlf col-md-4 col-sm-12 col-xs-12">
            	<div class="botlogo wow zoomIn">
                	<img src="skin/images/logo.png"   />
                </div>
                <div class="botlxfs wow zoomIn">
                	<p><span data-translate="联系电话">联系电话</span>：<a href="tel:0578-7218210">0578-7218210</a></p>
                	<p><span data-translate="传真">传真</span>：0578-2206598</p>
                	<p><span data-translate="公司邮箱">公司邮箱</span>：<a href="mailto:Steven.tang@outeli.com.cn">Steven.tang@outeli.com.cn</a> </p>
                	<p><span data-translate="公司地址">公司地址</span>：<span><a data-translate="公司地址详细">浙江省龙泉市回归工业园区广平街1号</a></span></p>
                	<p><span data-translate="官网">官网</span>：<a href="http://www.zjotl.com" target="_blank">www.zjotl.com</a></p>
                </div>
            </div>
            <div class="footerrt col-md-8 col-sm-12 col-xs-12 wow zoomIn">
                <ul>
                	<li>
                        <h4><a href="abouts/index.html" data-translate="关于欧特立">关于欧特立</a></h4>
                        
						<p><a href="abouts/index.html#gsjs" data-translate="公司介绍">公司介绍</a></p>
						
						<p><a href="abouts/index.html#gsln" data-translate="公司理念">公司理念</a></p>
						
						<p><a href="abouts/index.html#ryzz" data-translate="荣誉资质">荣誉资质</a></p>
						
						<p><a href="abouts/index.html#zzjg" data-translate="组织架构">组织架构</a></p>
						
						<p><a href="teams/index.html" data-translate="团队风采">团队风采</a></p>
						
                    </li>
                	<li>
                        <h4><a href="product/index.html" data-translate="产品展示">产品展示</a></h4>
                        <!-- 产品分类将通过 JavaScript 动态加载 -->
                        <p><a href="product/index.html" data-translate="更多产品">更多产品</a></p>
                    </li>
                	<li>
                        <h4><a href="sb/index.html" data-translate="终端客户">终端客户</a></h4>
                        
						<p><a href="sb/index.html" data-translate="终端客户">终端客户</a></p>
						
						<p><a href="sbqd/index.html" data-translate="合作伙伴">合作伙伴</a></p>
						
                    </li>
                	<li>
                        <h4><a href="article/index.html" data-translate="新闻动态">新闻动态</a></h4>
                        
						<p><a href="company/index.html" data-translate="公司动态">公司动态</a></p>
						
						<p><a href="industry/index.html" data-translate="行业动态">行业动态</a></p>
                        
                        <p><a href="article/index.html" data-translate="查看更多">查看更多</a></p>
                    </li>
                	<li>
                        <h4><a href="contact/index.html" data-translate="联系我们">联系我们</a></h4>
                        <p><a href="contact/index.html" data-translate="联系方式">联系方式</a></p>
                        <p><a href="contact/index.html" data-translate="地图导航">地图导航</a></p>
                    </li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
	<div class="bot">
		<div class="botnr cont">
			<div class="botlf col-md-8 col-sm-12 col-xs-12 wow zoomIn" id="footerCopyright">
				<span class="copyright-text-zh">Copyright ©浙江欧特立汽车空调有限公司 All Rights Reserved. <span id="icpRecordLabel" data-translate="备案号：">备案号：</span><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">浙ICP备18011617号-3  </a> <a href="https://www.beian.gov.cn/portal/recordQuery?token=38e9817f-3263-4378-b113-a2df92932c3f" target="_blank"><img src="skin/images/gawb.png" alt="公网安备"> 浙公网安备33118102000334号</a></span>
				<span class="copyright-text-en" style="display: none;">COPYRIGHT © 2020 ZHEJIANG OUTELI AIR CONDITIONING CO., LTD. TECHNICAL SUPPORT: @JCSW</span>
			</div>
			
		</div>
	</div>
	<!--footer-->
	<!--return-->
	<div class="return" id="topp" name="topp">
		<img src="skin/images/icon4.png" />
	</div>
	<!--return-->
	<script>
		var pagetop_btn = $('.return');

		  pagetop_btn.click(function () {
			$('body,html').animate({
			  scrollTop: 0
			}, 500);
			return false;
		  }); 

		  $(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
			  pagetop_btn.fadeIn();
			} else {
			  pagetop_btn.fadeOut();
			}
		  });
	  </script>
	<script type="text/javascript">
	//search
	$(document).ready(function() {
		$('.search').click(function(e) {
			$('.search_box').toggle();
		});

	});
	
		/* -------------------------------------------------------------------
		 [Table of contents]
		 * 01.Toggle Menu
		*/

		(function ($) {
		  "use strict";

			// Call all ready functions
			hopper_menuToggle();
			
		})(window.jQuery);

		/* ------------------------------------------------------------------- */
		/* 01.Toggle Menu
		/* ------------------------------------------------------------------- */
		function hopper_menuToggle() {
			"use-strict";

		  // Variables
		  let toggleMenu = document.querySelector('.toggle');
		  let section = document.querySelector('#toggleMenu');

		  toggleMenu.addEventListener('click',function(){
			toggleMenu.classList.toggle('active');
			section.classList.toggle('active');
		  })
			  
		  
		}
	</script>
    <!-- <div class="ivideo">
		<div class="close-btn" id="close-btn">
			<img src="skin/images/iclosed.png" />
		</div>
		<video controls>
		  <source src="skin/videos/video.mp4" type="video/mp4">
			您的浏览器不支持Video标签。
		</video>
	</div> -->
<script src="skin/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="skin/js/jquery.countup.min.js"></script>
<script type="text/javascript">
	$('.counter').countUp();
</script>
<script src="skin/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	// 步骤1: 加载Banner数据并初始化Swiper
	(function() {
		var baseUrl = window.API_BASE_URL || '/dev-api';
		var bannerWrapper = document.querySelector('.banner .swiper-wrapper');
		var bannerSwiper = null;
		
		// 初始化Swiper
		function initBannerSwiper() {
			// 如果已经初始化过，先销毁
			if (bannerSwiper) {
				bannerSwiper.destroy(true, true);
				bannerSwiper = null;
			}
			
			// 重新初始化Swiper
			bannerSwiper = new Swiper('.banner .swiper-container', {
				loop: true, //是否循环，false不循环
				autoplay: {
					delay: 5000,
					disableOnInteraction: false,
				},
				pagination: {
					el: ".banner .swiper-pagination",
					clickable: true,
				},
				effect: 'fade',
			});
		}
		
		// 加载Banner数据
		function loadBanners() {
			axios.get(baseUrl + '/gw/banner/list', {
				params: {
					pageNum: 1,
					pageSize: 10,
					status: 1  // 只查询 status 为 1 的轮播图
				}
			}).then(function(res) {
				var data = res.data || {};
				var list = (data.rows) ? data.rows : [];
				
				if (!bannerWrapper) {
					// 如果没有找到容器，延迟重试
					setTimeout(loadBanners, 100);
					return;
				}
				
				// 如果没有数据，保持原有内容不变，直接初始化Swiper
				if (!list || list.length === 0) {
					initBannerSwiper();
					return;
				}

				// 按 sort 字段排序（从小到大）
				list.sort(function(a, b) {
					return (a.sort || 0) - (b.sort || 0);
				});

				// 清空原有内容
				bannerWrapper.innerHTML = '';

				// 渲染 Banner 轮播图，保持原有HTML结构
				list.forEach(function(item) {
					var slide = document.createElement('div');
					slide.className = 'swiper-slide';
					
					// 获取图片路径
					var bannerImg = item.bannerImg || '';
					if (bannerImg && !/^https?:\/\//.test(bannerImg) && bannerImg.indexOf('/') === 0) {
						bannerImg = baseUrl + bannerImg;
					} else if (!bannerImg) {
						bannerImg = 'skin/images/banner1.jpg'; // 默认图片
					}
					
					// 获取链接
					var bannerLink = item.bannerLink || '';
					var linkTarget = item.linkTarget || 0; // 0: 当前窗口, 1: 新窗口
					
					// 创建链接和图片，保持原有结构
					if (bannerLink) {
						var link = document.createElement('a');
						link.href = bannerLink;
						if (linkTarget == 1) {
							link.target = '_blank';
							link.rel = 'noopener noreferrer';
						}
						
						var imgDiv = document.createElement('div');
						imgDiv.className = 'img';
						var img = document.createElement('img');
						img.src = bannerImg;
						img.alt = item.bannerTitleZh || item.bannerTitle || 'Banner';
						
						imgDiv.appendChild(img);
						link.appendChild(imgDiv);
						slide.appendChild(link);
					} else {
						// 没有链接，只显示图片
						var imgDiv = document.createElement('div');
						imgDiv.className = 'img';
						var img = document.createElement('img');
						img.src = bannerImg;
						img.alt = item.bannerTitleZh || item.bannerTitle || 'Banner';
						imgDiv.appendChild(img);
						slide.appendChild(imgDiv);
					}
					
					bannerWrapper.appendChild(slide);
				});
				
				// 数据加载完成后，初始化Swiper
				setTimeout(function() {
					initBannerSwiper();
				}, 100);
			}).catch(function(err) {
				console.error('Banner 加载失败', err);
				// 加载失败时保持原有内容不变，仍然初始化Swiper
				setTimeout(function() {
					initBannerSwiper();
				}, 100);
			});
		}

		// 页面加载完成后加载 Banner
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', loadBanners);
		} else {
			loadBanners();
		}
	})();
</script>
			
		<script type="text/javascript">
			// Banner Swiper 初始化已移到 loadBanners 函数中，在数据加载完成后执行
			//产品图开始 - Swiper初始化已移到loadProducts函数中，在数据加载完成后执行
			//产品图结束
			
			//选项卡
			$(function(){
				$('.jsnlmenu ul li').hover(function(){
					var i = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$('.jsnllist').eq(i).addClass('active').siblings().removeClass('active');
				})
			});
			
			//ys
			$(document).ready(function(){
		
			var c=1;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																													
			$(".cloud-product-ul>li").mouseenter(function(){
				var e=$(this);
				c=e.data("index");
				var e=$(this);
				setTimeout(function(){
					if(c==e.data("index")){
						$(".cloud-product-ul>li").removeClass("active");
						e.addClass("active")
					}
				},120)
				});
			
			});
			//video
			$(".ivideo video").prop('volume', 0.5); //设置音量为50%
			$('#close-btn').click(function() {
				$('.ivideo').hide();
				$('.ivideo video').get(0).pause();
			  });

	</script>
    
    <script type="text/javascript">
		// 加载新闻列表数据
		(function() {
			// API 基础地址，根据实际情况修改
			var baseUrl = window.API_BASE_URL || '/dev-api';
			
			// 格式化日期
			function formatDate(dateStr) {
				if (!dateStr) return '';
				var date = new Date(dateStr);
				var year = date.getFullYear();
				var month = String(date.getMonth() + 1).padStart(2, '0');
				var day = String(date.getDate()).padStart(2, '0');
				return year + '-' + month + '-' + day;
			}
			
			// 生成新闻链接（根据分类跳转到对应的详情页）
			function getNewsUrl(newsItem) {
				var id = newsItem.id || newsItem.newsId;
				if (!id) {
					return 'javascript:;';
				}
				
				// 获取当前语言
				var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
				
				// 根据当前语言获取分类名称
				var categoryName = '';
				if (currentLang === 'en') {
					categoryName = newsItem.categoryNameEn || newsItem.categoryNameZh || newsItem.categoryName || '';
				} else {
					categoryName = newsItem.categoryNameZh || newsItem.categoryName || '';
				}
				
				// 根据分类名称判断跳转到哪个详情页
				// 如果分类名称包含"行业"或"Industry"，跳转到行业动态详情页
				if (categoryName && (categoryName.indexOf('行业') > -1 || categoryName.indexOf('Industry') > -1)) {
					return 'industry/detail.html?id=' + id;
				} else {
					// 默认跳转到公司动态详情页
					return 'company/detail.html?id=' + id;
				}
			}
			
			// 加载滚动新闻
			function loadScrollNews() {
			// 调用新闻列表 API
			axios.get(baseUrl + '/gw/news/info/list', {
				params: {
					pageNum: 1,
						pageSize: 4  // 获取前4条新闻
				}
			}).then(function(response) {
				var scrollMsg = document.getElementById("scrollMsg");
				if (!scrollMsg) return;
					
					// 获取当前语言
					var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
				
				// 清空现有内容
				scrollMsg.innerHTML = '';
				
				// 处理返回的数据
				var newsList = [];
				if (response.data && response.data.code === 200) {
					// RuoYi 标准返回格式
					newsList = response.data.rows || response.data.data || [];
				} else if (Array.isArray(response.data)) {
					// 直接返回数组
					newsList = response.data;
				} else if (response.data && Array.isArray(response.data.list)) {
					// 其他可能的格式
					newsList = response.data.list;
				}
				
				// 生成列表项
				if (newsList && newsList.length > 0) {
					newsList.forEach(function(item) {
						var li = document.createElement('li');
						var a = document.createElement('a');
						var span = document.createElement('span');
						
						// 设置链接
						a.href = getNewsUrl(item);
							// 根据当前语言选择对应的标题字段
							var newsTitle = '';
							if (currentLang === 'en') {
								newsTitle = item.newsTitleEn || item.newsTitleZh || item.newsTitle || item.title || item.name || 'No Title';
							} else {
								newsTitle = item.newsTitleZh || item.newsTitle || item.title || item.name || '无标题';
							}
							a.textContent = newsTitle;
						
						// 设置日期（优先使用发布日期 publishTime，格式已经是 YYYY-MM-DD）
						var dateStr = item.publishTime || item.createTime || item.updateTime || '';
						// 如果日期已经是 YYYY-MM-DD 格式，直接使用；否则格式化
						if (dateStr && dateStr.length === 10 && dateStr.match(/^\d{4}-\d{2}-\d{2}$/)) {
							span.textContent = dateStr;
						} else {
							span.textContent = formatDate(dateStr);
						}
						
						li.appendChild(a);
						li.appendChild(span);
						scrollMsg.appendChild(li);
					});
					
					// 数据加载完成后初始化滚动
					initNewsScroll();
				} else {
					// 如果没有数据，显示提示或使用默认数据
					console.log('未获取到新闻数据');
				}
			}).catch(function(error) {
				console.error('加载新闻列表失败:', error);
				// 如果 API 调用失败，可以显示错误信息或使用默认数据
			});
			}
			
			// 将函数暴露到全局，以便语言切换时可以调用
			window.loadScrollNews = loadScrollNews;
			
			// 页面加载时立即执行
			loadScrollNews();
			
			// 滚动控制器对象
			var ScrollController = {
				scrollWrap: null,
				scrollMsg: null,
				animationId: null,
				isPaused: false,
				currentIndex: 0,
				itemHeight: 40,
				stopDuration: 3000, // 停止时间（毫秒）
				scrollSpeed: 1, // 滚动速度（px/帧）
				stopTimer: null,
				
				// 初始化
				init: function() {
					this.scrollWrap = document.getElementById("scrollWrap");
					
					if (!this.scrollWrap) {
						return;
					}
					
					// 清理可能存在的重复scrollMsg元素
					var allScrollMsg = this.scrollWrap.querySelectorAll('#scrollMsg');
					if (allScrollMsg.length > 1) {
						// 保留第一个，删除其他的
						for (var i = 1; i < allScrollMsg.length; i++) {
							if (allScrollMsg[i].parentNode) {
								allScrollMsg[i].parentNode.removeChild(allScrollMsg[i]);
							}
						}
					}
					
					// 获取scrollMsg（应该只有一个了）
					this.scrollMsg = document.getElementById("scrollMsg");
					
					if (!this.scrollMsg) {
						return;
					}
					
					// 检查是否有内容
					if (this.scrollMsg.children.length === 0) {
						return;
					}
					
					// 获取列表项高度
					var firstItem = this.scrollMsg.children[0];
					if (firstItem) {
						this.itemHeight = firstItem.offsetHeight || 40;
					}
					
					// 设置鼠标悬停事件
					this.scrollWrap.addEventListener('mouseenter', function() {
						ScrollController.pause();
					});
					this.scrollWrap.addEventListener('mouseleave', function() {
						ScrollController.resume();
					});
					
					// 复制列表项以实现无缝循环
					this.duplicateItems();
					
					// 开始滚动
					this.start();
				},
				
				// 复制列表项以实现无缝循环
				duplicateItems: function() {
					if (this.scrollMsg.children.length === 0) return;
					
					// 克隆所有列表项并追加到末尾
					var items = Array.from(this.scrollMsg.children);
					items.forEach(function(item) {
						var clone = item.cloneNode(true);
						ScrollController.scrollMsg.appendChild(clone);
					});
				},
				
				// 开始滚动
				start: function() {
					if (this.animationId) {
						cancelAnimationFrame(this.animationId);
					}
					
					// 重置到初始位置（第一个列表项）
					this.currentIndex = 0;
					
					// 立即设置初始位置，不使用过渡效果
					if (this.scrollMsg) {
						this.scrollMsg.style.transition = 'none';
						this.scrollMsg.style.transform = 'translateY(0px)';
						this.scrollMsg.style.webkitTransform = 'translateY(0px)';
					}
					
					// 等待一帧后开始动画（确保初始位置已应用）
					var self = this;
					requestAnimationFrame(function() {
						// 下一帧恢复过渡效果
						if (self.scrollMsg) {
							self.scrollMsg.style.transition = 'transform 0.5s ease-in-out';
						}
						self.animate();
					});
				},
				
				// 更新位置（使用transform实现平滑滚动）
				updatePosition: function() {
					if (!this.scrollMsg) return;
					
					var translateY = -this.currentIndex * this.itemHeight;
					this.scrollMsg.style.transform = 'translateY(' + translateY + 'px)';
					this.scrollMsg.style.webkitTransform = 'translateY(' + translateY + 'px)';
				},
				
				// 动画循环
				animate: function() {
					var self = this;
					
					function scrollToNext() {
						if (self.isPaused) {
							self.animationId = requestAnimationFrame(scrollToNext);
							return;
						}
						
						var originalItems = Math.floor(self.scrollMsg.children.length / 2);
						
						// 移动到下一个项目
						self.currentIndex++;
						
						// 如果到达末尾，重置到开始（无缝循环）
						if (self.currentIndex >= originalItems) {
							self.currentIndex = 0;
							// 立即重置位置，不显示动画
							self.scrollMsg.style.transition = 'none';
							self.updatePosition();
							// 下一帧恢复过渡效果
							requestAnimationFrame(function() {
								self.scrollMsg.style.transition = 'transform 0.5s ease-in-out';
							});
						} else {
							// 使用CSS过渡实现平滑滚动
							self.scrollMsg.style.transition = 'transform 0.5s ease-in-out';
							self.updatePosition();
						}
						
						// 停止3秒后继续
						clearTimeout(self.stopTimer);
						self.stopTimer = setTimeout(function() {
							scrollToNext();
						}, self.stopDuration);
					}
					
					// 开始滚动
					self.scrollMsg.style.transition = 'transform 0.5s ease-in-out';
					scrollToNext();
				},
				
				// 暂停
				pause: function() {
					this.isPaused = true;
				},
				
				// 恢复
				resume: function() {
					this.isPaused = false;
				},
				
				// 停止
				stop: function() {
					if (this.animationId) {
						cancelAnimationFrame(this.animationId);
						this.animationId = null;
					}
					if (this.stopTimer) {
						clearTimeout(this.stopTimer);
						this.stopTimer = null;
					}
				}
			};
			
			// 初始化新闻滚动
			function initNewsScroll() {
				try {
					// 等待DOM完全加载后再初始化
					setTimeout(function() {
						ScrollController.init();
					}, 100);
				} catch(e) {
					console.error('初始化滚动失败:', e);
				}
			}
		})();
	</script>
<script type="text/javascript">
	// 首页产品分类和产品列表动态加载（不改变HTML结构）
	(function() {
		var baseUrl = window.API_BASE_URL || '/dev-api';
		
		// 加载产品分类菜单（用于页面中的分类菜单）
		function loadProductCategories() {
			var categoryMenu = document.querySelector('.promenu ul');
			if (!categoryMenu) {
				console.warn('未找到产品分类菜单容器 .promenu ul');
				return;
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			axios.get(baseUrl + '/gw/prod/category/list', {
				params: {
					pageNum: 1,
					pageSize: 10
				}
			}).then(function(res) {
				// 处理响应数据，兼容不同的响应格式
				var data = res.data || res || {};
				var list = data.rows || data.list || data.data || [];
				
				if (list && list.length > 0) {
					categoryMenu.innerHTML = '';
					list.forEach(function(cat) {
						// 根据当前语言选择对应的字段
						var catName = '';
						if (currentLang === 'en') {
							catName = cat.categoryNameEn || cat.categoryNameZh || cat.categoryName || cat.name || '';
						} else {
							catName = cat.categoryNameZh || cat.categoryName || cat.name || '';
						}
						if (!catName) return; // 跳过没有名称的分类
						
						var li = document.createElement('li');
						var a = document.createElement('a');
						a.href = 'product/index.html?categoryId=' + (cat.id || cat.categoryId);
						a.textContent = catName;
						li.appendChild(a);
						categoryMenu.appendChild(li);
					});
					console.log('产品分类加载成功，共' + list.length + '个分类');
				} else {
					console.warn('产品分类列表为空');
				}
			}).catch(function(err) {
				console.error('产品分类加载失败', err);
				if (err.response) {
					console.error('响应状态:', err.response.status);
					console.error('响应数据:', err.response.data);
				} else if (err.request) {
					console.error('请求失败，可能是网络问题或CORS跨域问题');
				}
			});
		}
		
		// 将函数暴露到全局，以便语言切换时可以调用
		window.loadProductCategories = loadProductCategories;

		// 加载header菜单中的产品分类
		function loadHeaderProductCategories() {
			var headerMenu = document.getElementById('productCategoryMenu');
			if (!headerMenu) {
				console.warn('未找到header产品分类菜单容器 #productCategoryMenu');
				return;
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			axios.get(baseUrl + '/gw/prod/category/list', {
				params: {
					pageNum: 1,
					pageSize: 20
				}
			}).then(function(res) {
				// 处理响应数据，兼容不同的响应格式
				var data = res.data || res || {};
				var list = data.rows || data.list || data.data || [];
				
				if (list && list.length > 0) {
					headerMenu.innerHTML = '';
					list.forEach(function(cat) {
						// 根据当前语言选择对应的字段
						var catName = '';
						if (currentLang === 'en') {
							catName = cat.categoryNameEn || cat.categoryNameZh || cat.categoryName || cat.name || '';
						} else {
							catName = cat.categoryNameZh || cat.categoryName || cat.name || '';
						}
						if (!catName) return; // 跳过没有名称的分类
						
						var label = document.createElement('div');
						label.className = 'header_menu_down_label';
						var a = document.createElement('a');
						a.className = 'header_menu_down_link';
						a.href = 'product/index.html?categoryId=' + (cat.id || cat.categoryId);
						a.textContent = catName;
						label.appendChild(a);
						headerMenu.appendChild(label);
					});
					console.log('Header产品分类加载成功，共' + list.length + '个分类');
				} else {
					console.warn('Header产品分类列表为空');
				}
			}).catch(function(err) {
				console.error('Header产品分类加载失败', err);
				if (err.response) {
					console.error('响应状态:', err.response.status);
					console.error('响应数据:', err.response.data);
				} else if (err.request) {
					console.error('请求失败，可能是网络问题或CORS跨域问题');
				}
			});
		}
		
		// 将函数暴露到全局，以便语言切换时可以调用
		window.loadHeaderProductCategories = loadHeaderProductCategories;
		
		// 加载产品轮播图
		function loadProducts() {
			var productWrapper = document.querySelector('.prolist .swiper-wrapper');
			if (!productWrapper) {
				setTimeout(loadProducts, 100);
				return;
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			// 加载产品列表
			axios.get(baseUrl + '/gw/prod/info/list', {
				params: {
					pageNum: 1,
					pageSize: 20
				}
			}).then(function(res) {
				var data = res.data || {};
				var list = (data.rows) ? data.rows : [];
				
				if (list && list.length > 0) {
					productWrapper.innerHTML = '';
					
					list.forEach(function(item) {
						var slide = document.createElement('div');
						slide.className = 'swiper-slide';
						
						var link = document.createElement('a');
						var id = item.id || item.productId;
						link.href = 'product/detail.html?id=' + id;
						
						var dl = document.createElement('dl');
						var dt = document.createElement('dt');
						var dd = document.createElement('dd');
						
						var img = document.createElement('img');
						// 根据当前语言选择对应的字段
						var productName = '';
						if (currentLang === 'en') {
							productName = item.productNameEn || item.productNameZh || item.productName || item.name || 'Product Name';
						} else {
							productName = item.productNameZh || item.productName || item.name || '产品名称';
						}
						var cover = item.productCover || item.coverImg || item.productImage || 'skin/images/naboutimg.jpg';
						
						// 处理图片URL
						if (cover) {
							if (cover.startsWith('http://') || cover.startsWith('https://')) {
								// 完整URL，直接使用
							} else if (cover.startsWith('/')) {
								cover = baseUrl + cover;
							} else {
								cover = baseUrl + '/' + cover;
							}
						}
						
						img.src = cover;
						img.alt = productName;
						dd.textContent = productName;
						
						dt.appendChild(img);
						dl.appendChild(dt);
						dl.appendChild(dd);
						link.appendChild(dl);
						slide.appendChild(link);
						productWrapper.appendChild(slide);
					});
					
					// 数据加载完成后，重新初始化Swiper
					setTimeout(function() {
						var swiperContainer = document.querySelector('.prolist .swiper-container');
						if (swiperContainer && swiperContainer.swiper) {
							swiperContainer.swiper.destroy(true, true);
						}
						if (swiperContainer) {
							new Swiper('.prolist .swiper-container', {
								slidesPerView: 3,
								centeredSlides: true,
								loop: true,
								autoplay: true,
								navigation: {
									nextEl: ".prolist .swiper-button-next",
									prevEl: ".prolist .swiper-button-prev",
								},
								breakpoints: {
									991: {			
										slidesPerView: 1,
									},
									767: {			
										slidesPerView: 1,
										slidesPerGroup: 1,
									},
									640: {			
										slidesPerView: 1,
										slidesPerGroup: 1,
									}
								}
							});
						}
					}, 200);
				}
			}).catch(function(err) {
				console.error('产品列表加载失败', err);
			});
		}
		
		// 将函数暴露到全局，以便语言切换时可以调用
		window.loadProducts = loadProducts;
		
		// 加载footer中的产品分类
		function loadFooterProductCategories() {
			// 找到产品展示的li元素
			var productLi = null;
			var footerLis = document.querySelectorAll('.footerrt ul li');
			footerLis.forEach(function(li) {
				var h4 = li.querySelector('h4 a');
				// 根据当前语言匹配文本
				var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
				var productText = currentLang === 'en' ? 'Products' : '产品展示';
				if (h4 && (h4.textContent.trim() === '产品展示' || h4.textContent.trim() === 'Products')) {
					productLi = li;
				}
			});
			
			if (!productLi) {
				console.warn('未找到footer产品展示容器');
				return;
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			axios.get(baseUrl + '/gw/prod/category/list', {
				params: {
					pageNum: 1,
					pageSize: 10
				}
			}).then(function(res) {
				// 处理响应数据，兼容不同的响应格式
				var data = res.data || res || {};
				var list = data.rows || data.list || data.data || [];
				
				if (list && list.length > 0) {
					// 清空现有的p标签（保留h4和最后一个"更多产品"）
					var existingPs = productLi.querySelectorAll('p');
					var moreProductText = currentLang === 'en' ? 'More Products' : '更多产品';
					existingPs.forEach(function(p) {
						var link = p.querySelector('a');
						if (link && link.textContent.trim() !== '更多产品' && link.textContent.trim() !== 'More Products') {
							p.remove();
						}
					});
					
					// 添加新的分类链接
					var moreProductLink = productLi.querySelector('p:last-child');
					list.forEach(function(cat) {
						// 根据当前语言选择对应的字段
						var catName = '';
						if (currentLang === 'en') {
							catName = cat.categoryNameEn || cat.categoryNameZh || cat.categoryName || cat.name || '';
						} else {
							catName = cat.categoryNameZh || cat.categoryName || cat.name || '';
						}
						if (!catName) return; // 跳过没有名称的分类
						
						var p = document.createElement('p');
						var a = document.createElement('a');
						a.href = 'product/index.html?categoryId=' + (cat.id || cat.categoryId);
						a.textContent = catName;
						p.appendChild(a);
						
						// 插入到"更多产品"之前
						if (moreProductLink) {
							productLi.insertBefore(p, moreProductLink);
						} else {
							productLi.appendChild(p);
						}
					});
					console.log('Footer产品分类加载成功，共' + list.length + '个分类');
				} else {
					console.warn('Footer产品分类列表为空');
				}
			}).catch(function(err) {
				console.error('Footer产品分类加载失败', err);
				if (err.response) {
					console.error('响应状态:', err.response.status);
					console.error('响应数据:', err.response.data);
				} else if (err.request) {
					console.error('请求失败，可能是网络问题或CORS跨域问题');
				}
			});
		}
		
		// 将函数暴露到全局，以便语言切换时可以调用
		window.loadFooterProductCategories = loadFooterProductCategories;
		
		// 页面加载完成后加载数据
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', function() {
				loadProductCategories();
				loadProducts();
				loadHeaderProductCategories();
				loadFooterProductCategories();
			});
		} else {
			loadProductCategories();
			loadProducts();
			loadHeaderProductCategories();
			loadFooterProductCategories();
		}
	})();
</script>
<script type="text/javascript">
	// 首页新闻列表动态加载（热门新闻，只显示前4条）
	(function() {
		var baseUrl = window.API_BASE_URL || '/dev-api';
		
		// 生成新闻详情链接
		function getNewsDetailUrl(newsItem) {
			var id = newsItem.id || newsItem.newsId;
			if (!id) {
				return 'javascript:;';
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			// 根据当前语言获取分类名称
			var categoryName = '';
			if (currentLang === 'en') {
				categoryName = newsItem.categoryNameEn || newsItem.categoryNameZh || newsItem.categoryName || '';
			} else {
				categoryName = newsItem.categoryNameZh || newsItem.categoryName || '';
			}
			
			// 根据分类名称判断跳转到哪个详情页
			if (categoryName && (categoryName.indexOf('行业') > -1 || categoryName.indexOf('Industry') > -1)) {
				return 'industry/detail.html?id=' + id;
			} else {
				return 'company/detail.html?id=' + id;
			}
		}
		
		// 格式化日期
		function formatDate(dateStr) {
			if (!dateStr) return '';
			// 如果已经是 YYYY-MM-DD 格式，直接返回
			if (dateStr.length >= 10 && dateStr.match(/^\d{4}-\d{2}-\d{2}/)) {
				return dateStr.substring(0, 10);
			}
			var date = new Date(dateStr.replace(/-/g, '/'));
			if (isNaN(date.getTime())) return dateStr;
			var year = date.getFullYear();
			var month = String(date.getMonth() + 1).padStart(2, '0');
			var day = String(date.getDate()).padStart(2, '0');
			return year + '-' + month + '-' + day;
		}
		
		// 加载热门新闻列表
		function loadHotNews() {
			var newsListUl = document.querySelector('.newslist .newsrt ul');
			if (!newsListUl) {
				setTimeout(loadHotNews, 100);
				return;
			}
			
			// 获取当前语言
			var currentLang = window.getCurrentLanguage ? window.getCurrentLanguage() : 'zh';
			
			axios.get(baseUrl + '/gw/news/info/list', {
				params: {
					pageNum: 1,
					pageSize: 4,  // 只查询前4条
					isHot: 1      // 只查询热门新闻
				}
			}).then(function(res) {
				var data = res.data || {};
				var list = (data.rows) ? data.rows : [];
				
				if (list && list.length > 0) {
					// 只取前4条
					list = list.slice(0, 4);
					
					newsListUl.innerHTML = '';
					
					list.forEach(function(item) {
						var li = document.createElement('li');
						li.className = 'col-md-6 col-sm-6 col-xs-12';
						
						var link = document.createElement('a');
						link.href = getNewsDetailUrl(item);
						
						var p = document.createElement('p');
						// 根据当前语言获取分类名称并显示
						var categoryName = '';
						if (currentLang === 'en') {
							categoryName = item.categoryNameEn || item.categoryNameZh || item.categoryName || '';
						} else {
							categoryName = item.categoryNameZh || item.categoryName || '';
						}
						
						// 根据分类名称显示对应的文本
						if (categoryName && (categoryName.indexOf('行业') > -1 || categoryName.indexOf('Industry') > -1)) {
							p.textContent = currentLang === 'en' ? 'Industry News' : '行业动态';
						} else {
							p.textContent = currentLang === 'en' ? 'Company News' : '公司动态';
						}
						
						var h4 = document.createElement('h4');
						// 根据当前语言选择对应的标题字段
						var newsTitle = '';
						if (currentLang === 'en') {
							newsTitle = item.newsTitleEn || item.newsTitleZh || item.newsTitle || item.title || 'No Title';
						} else {
							newsTitle = item.newsTitleZh || item.newsTitle || item.title || '无标题';
						}
						h4.textContent = newsTitle;
						
						var dateDiv = document.createElement('div');
						dateDiv.className = 'newsdate';
						var dateStr = item.publishTime || item.createTime || item.updateTime || '';
						dateDiv.textContent = formatDate(dateStr);
						
						link.appendChild(p);
						link.appendChild(h4);
						link.appendChild(dateDiv);
						li.appendChild(link);
						newsListUl.appendChild(li);
					});
				}
			}).catch(function(err) {
				console.error('热门新闻加载失败', err);
			});
		}
		
		// 将函数暴露到全局，以便语言切换时可以调用
		window.loadHotNews = loadHotNews;
		
		// 页面加载完成后加载数据
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', function() {
				loadHotNews();
				loadHeaderProductCategories();
			});
		} else {
			loadHotNews();
			loadHeaderProductCategories();
		}
	})();
</script>
<script src="skin/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="skin/js/jquery.countup.min.js"></script>
<script type="text/javascript">
	$('.counter').countUp();
</script>
<script src="skin/js/wow.min.js"></script>
<script>
    new WOW().init();
</script>
<script src='https://zlsz.test3.zl77.cn/plus/ad_js.php?aid=2' language='javascript'></script>
<!-- 引入 API 封装工具 -->
<script src="api.js"></script>
<script type="text/javascript">
	// 语言切换功能
	(function() {
		// 在页面加载的最早阶段就应用保存的语言设置
		(function() {
			try {
				var savedLang = localStorage.getItem('siteLanguage');
				if (savedLang === 'en') {
					document.documentElement.lang = 'en';
				} else {
					document.documentElement.lang = 'zh-CN';
				}
			} catch(e) {
				// localStorage可能不可用，使用默认值
				document.documentElement.lang = 'zh-CN';
			}
		})();
		
		// 语言映射表
		var languageMap = {
			zh: {
				// 导航菜单
				'首页': '首页',
				'关于欧特立': '关于欧特立',
				'公司介绍': '公司介绍',
				'公司理念': '公司理念',
				'荣誉资质': '荣誉资质',
				'团队风采': '团队风采',
				'产品展示': '产品展示',
				'新闻动态': '新闻动态',
				'联系我们': '联系我们',
				'网站首页': '网站首页',
				'请输入关键词': '请输入关键词',
				'探索更多': '探索更多',
				'成立时间': '成立时间',
				'年': '年',
				'万元': '万元',
				'技术能力': '技术能力',
				'严把质量 诚信服务': '严把质量 诚信服务',
				'我们的产品': '我们的产品',
				'确保产品品质要求': '确保产品品质要求',
				'更多产品': '更多产品',
				'电话：': '电话：',
				'邮箱：': '邮箱：',
				'邮箱': '邮箱',
				'地址：': '地址：',
				'备案号：': '备案号：',
				// 关于欧特立部分
				'浙江欧特立': '浙江欧特立',
				'汽车空调有限公司': '汽车空调有限公司',
				'公司介绍内容': '公司成立于1996年，位于浙江省汽车空调生产基地龙泉市回归工业园区广平街1号。专业从事汽车空调管路总成、消音器、储液器、压板、铝套等系列产品。\n\n公司具有独立的进出口经营权，完备的中国电子口岸等通关系统，保证国内外销售之路的畅通. 保证急需从国外调货的客户在最短的时间内拿到货。面向国内，我公司的汽车空调产品主要销往：黑龙江，辽宁，天津，北京，山西，河北，山东，河南，湖北，安徽，江苏，重庆，广西，广东，台湾等地；面向国外，我公司产品主要销往：韩国，日本，泰国，马来西亚，新加坡，俄罗斯，土耳其，印度，意大利，匈牙利，捷克，法国，英国，德国，美国，加拿大，墨西哥，巴西，秘鲁等多个国家和地区. 多年来，我公司凭借优质的产品、一流的服务、超低的价格赢得广大客户的信任与青睐，使我们的汽车空调产品遍布国内海外！',
				'注册资本': '注册资本',
				'员工人数': '员工人数',
				// 优势部分
				'严格的质量把控': '严格的质量把控',
				'质量把控描述': '从产品研发至出库，公司有一套严格的质量标准体系',
				'优质的研发团队': '优质的研发团队',
				'研发团队描述': '团队曾多次前往中日韩和欧美等企业交流学习',
				'积极配合研发试制工作': '积极配合研发试制工作',
				'研发试制描述': '能够积极配合研发试制工作，为客户新品及时推出提速加油',
				'良好的社会责任': '良好的社会责任',
				'社会责任描述': '符合ISO 14001:2015环境管理体系，企业的长期发展以环境保护和可持续发展为目标',
				// 服务部分
				'用我们的专业服务': '用我们的专业服务',
				'帮助客户创造更高的价值': '帮助客户创造更高的价值',
				'服务客户描述': '公司目前服务的主要客户有：伟世通汽车电子系统，邦迪汽车系统，哈钦森科技，大陆集团，奔驰等优质客户...',
				'合作客户': '合作客户',
				// 新闻部分
				'新闻正在发生': '新闻正在发生',
				'关注欧特立动态': '关注欧特立动态',
				'公司动态': '公司动态',
				'行业动态': '行业动态',
				// Footer部分
				'联系电话': '联系电话',
				'传真': '传真',
				'公司邮箱': '公司邮箱',
				'公司地址': '公司地址',
				'公司地址详细': '浙江省龙泉市回归工业园区广平街1号',
				'官网': '官网',
				'组织架构': '组织架构',
				'查看更多': '查看更多',
				'联系方式': '联系方式',
				'地图导航': '地图导航',
				'友情链接：': '友情链接：',
				'终端客户': '终端客户',
				'合作伙伴': '合作伙伴',
				'浙江欧特立汽车空调有限公司': '浙江欧特立汽车空调有限公司'
			},
			en: {
				// 导航菜单
				'首页': 'Home',
				'关于欧特立': 'About Outeli',
				'公司介绍': 'Company Introduction',
				'公司理念': 'Company Philosophy',
				'荣誉资质': 'Honors & Qualifications',
				'团队风采': 'Team',
				'产品展示': 'Products',
				'新闻动态': 'News',
				'联系我们': 'Contact Us',
				'网站首页': 'Home',
				'请输入关键词': 'Please enter keywords',
				'探索更多': 'Explore More',
				'成立时间': 'Established',
				'年': 'year',
				'万元': 'Million',
				'技术能力': 'Technical Capabilities',
				'严把质量 诚信服务': 'Quality Assurance & Integrity Service',
				'我们的产品': 'Our Products',
				'确保产品品质要求': 'Ensuring Product Quality Requirements',
				'更多产品': 'More Products',
				'电话：': 'Phone: ',
				'邮箱：': 'Email: ',
				'邮箱': 'Email',
				'地址：': 'Address: ',
				'备案号：': 'ICP Record: ',
				// 关于欧特立部分
				'浙江欧特立': 'Zhejiang Outeli',
				'汽车空调有限公司': 'Automobile Air Conditioning Co., Ltd.',
				'公司介绍内容': 'The company was established in 1996 and is located at No. 1, Guangping Street, Return Industrial Park, Longquan, Zhejiang, China. Specializing in automotive air-conditioning pipeline assembly, Muffler, Drier, CAN, Fitting/Block, Ferrule and other products.\n\nThe company has independent import and export management rights, and a complete Chinese electronic port and other customs clearance systems to ensure the smooth flow of sales at home and abroad. To ensure that customers who urgently need to transfer goods from abroad get the goods in the shortest time. Facing the domestic market, our company\'s automotive air-conditioning products are mainly sold to: Heilongjiang, Liaoning, Tianjin, Beijing, Shanxi, Hebei, Shandong, Henan, Hubei, Anhui, Jiangsu, Chongqing, Guangxi, Guangdong, Taiwan and other places. Products are mainly sold to: South Korea, Japan, Thailand, Malaysia, Singapore, Russia, Turkey, India, Italy, Hungary, Czech Republic, France, United Kingdom, Germany, United States, Canada, Mexico, Brazil, Peru and many other countries and regions. Over the years, our company has won the trust and favor of our customers by virtue of high-quality products, first-class service and ultra-low prices, so that our automotive air-conditioning products can be found all over the world!',
				'注册资本': 'Registered Capital',
				'员工人数': 'Employees',
				// 优势部分
				'严格的质量把控': 'Strict Quality Control',
				'质量把控描述': 'From product R&D to delivery, the company has a strict quality standard system',
				'优质的研发团队': 'Excellent R&D Team',
				'研发团队描述': 'The team has visited enterprises in China, Japan, South Korea, Europe and America many times for exchange and learning',
				'积极配合研发试制工作': 'Actively Cooperate in R&D and Trial Production',
				'研发试制描述': 'Able to actively cooperate in R&D and trial production work, speeding up the timely launch of new products for customers',
				'良好的社会责任': 'Good Social Responsibility',
				'社会责任描述': 'Compliant with ISO 14001:2015 Environmental Management System, the long-term development of the enterprise aims at environmental protection and sustainable development',
				// 服务部分
				'用我们的专业服务': 'With Our Professional Service',
				'帮助客户创造更高的价值': 'Help Customers Create Higher Value',
				'服务客户描述': 'The company currently serves major customers including: Visteon Automotive Electronics Systems, Bundy Automotive Systems, Hutchinson Technology, Continental Group, Mercedes-Benz and other quality customers...',
				'合作客户': 'Cooperative Customers',
				// 新闻部分
				'新闻正在发生': 'News Happening',
				'关注欧特立动态': 'Follow Outeli News',
				'公司动态': 'Company News',
				'行业动态': 'Industry News',
				// Footer部分
				'联系电话': 'Phone',
				'传真': 'Fax',
				'公司邮箱': 'Email',
				'公司地址': 'Address',
				'公司地址详细': 'No. 1, Guangping Street, Return Industrial Park, Longquan, Zhejiang, China',
				'官网': 'Website',
				'组织架构': 'Organization',
				'查看更多': 'View More',
				'联系方式': 'Contact',
				'地图导航': 'Map Navigation',
				'友情链接：': 'Links: ',
				'终端客户': 'End Customers',
				'合作伙伴': 'Partners',
				'浙江欧特立汽车空调有限公司': 'Zhejiang Outeli Automobile Air Conditioning Co., Ltd.'
			}
		};
		
		// 从站点配置获取英文内容并更新语言映射
		function updateLanguageMapFromConfig() {
			if (window.SiteConfig) {
				var config = window.SiteConfig.get();
				if (config) {
					// 更新站点名称相关的翻译
					if (config.siteNameEn) {
						languageMap.en['关于欧特立'] = config.siteNameEn || 'About Outeli';
					}
				}
			}
		}
		
		// 获取当前语言
		function getCurrentLanguage() {
			var savedLang = localStorage.getItem('siteLanguage');
			return savedLang || 'zh';
		}
		
		// 保存语言设置
		function saveLanguage(lang) {
			localStorage.setItem('siteLanguage', lang);
		}
		
		// 切换语言
		function switchLanguage(lang) {
			// 更新html标签的lang属性
			document.documentElement.lang = lang;
			
			// 从站点配置更新语言映射
			updateLanguageMapFromConfig();
			
			// 遍历所有带有data-translate属性的元素（包括隐藏的元素）
			var elements = document.querySelectorAll('[data-translate]');
			elements.forEach(function(element) {
				// 临时显示元素以确保翻译能正确应用（如果元素被隐藏）
				var wasHidden = false;
				var originalDisplay = '';
				if (element.style.display === 'none' || window.getComputedStyle(element).display === 'none') {
					wasHidden = true;
					originalDisplay = element.style.display;
					element.style.display = '';
					element.style.visibility = 'hidden';
					element.style.position = 'absolute';
				}
				
				var key = element.getAttribute('data-translate');
				// 检查映射是否存在（包括空字符串的情况）
				if (languageMap[lang] && languageMap[lang].hasOwnProperty(key)) {
					var translatedText = languageMap[lang][key];
					var originalHTML = element.innerHTML;
					
					// 处理包含换行符的文本（将\n转换为<br>）
					if (translatedText.indexOf('\n') > -1) {
						translatedText = translatedText.replace(/\n/g, '<br>');
					}
					
					// 如果原始HTML包含标签（如<span>></span>），尝试保留标签结构
					if (originalHTML.indexOf('<') > -1 && originalHTML.indexOf('</') > -1) {
						// 提取标签部分（如<span>></span>）
						var tagMatch = originalHTML.match(/(<[^>]+>.*?<\/[^>]+>)/);
						if (tagMatch) {
							element.innerHTML = translatedText + tagMatch[1];
						} else {
							// 只提取开始标签
							var startTagMatch = originalHTML.match(/(<[^>]+>)/);
							if (startTagMatch) {
								element.innerHTML = translatedText + startTagMatch[1];
							} else {
								element.innerHTML = translatedText;
							}
						}
					} else {
						// 没有HTML标签，直接替换内容（使用innerHTML以支持<br>标签）
						element.innerHTML = translatedText;
					}
				}
				
				// 恢复元素的隐藏状态（如果之前是隐藏的）
				if (wasHidden) {
					element.style.display = originalDisplay || 'none';
					element.style.visibility = '';
					element.style.position = '';
				}
			});
			
			// 更新placeholder
			var placeholders = document.querySelectorAll('[data-translate-placeholder]');
			placeholders.forEach(function(element) {
				var key = element.getAttribute('data-translate-placeholder');
				if (languageMap[lang] && languageMap[lang][key]) {
					element.placeholder = languageMap[lang][key];
				}
			});
			
			// 更新站点配置中的内容（如果已加载）
			if (window.SiteConfig) {
				var config = window.SiteConfig.get();
				if (config) {
					// 更新页面标题
					if (lang === 'en' && config.siteNameEn) {
						document.title = config.siteNameEn;
					} else if (lang === 'zh' && config.siteNameZh) {
						document.title = config.siteNameZh;
					}
					
					// 更新meta标签
					var keywordsMeta = document.querySelector('meta[name="keywords"]');
					var descriptionMeta = document.querySelector('meta[name="description"]');
					if (keywordsMeta) {
						keywordsMeta.setAttribute('content', lang === 'en' ? (config.siteKeywordsEn || config.siteKeywordsZh) : config.siteKeywordsZh);
					}
					if (descriptionMeta) {
						descriptionMeta.setAttribute('content', lang === 'en' ? (config.siteDescriptionEn || config.siteDescriptionZh) : config.siteDescriptionZh);
					}
					
					// 更新logo alt
					var logoImg = document.querySelector('.logo img');
					if (logoImg) {
						logoImg.alt = lang === 'en' ? (config.siteNameEn || config.siteNameZh) : config.siteNameZh;
					}
				}
			}
			
			// 保存语言设置
			saveLanguage(lang);
			
			// 重新加载产品分类以应用语言切换
			if (window.loadHeaderProductCategories && typeof window.loadHeaderProductCategories === 'function') {
				window.loadHeaderProductCategories();
			}
			if (window.loadFooterProductCategories && typeof window.loadFooterProductCategories === 'function') {
				window.loadFooterProductCategories();
			}
			// 重新加载首页产品分类菜单和产品列表
			if (window.loadProductCategories && typeof window.loadProductCategories === 'function') {
				window.loadProductCategories();
			}
			if (window.loadProducts && typeof window.loadProducts === 'function') {
				window.loadProducts();
			}
			// 重新加载新闻列表以应用语言切换
			if (window.loadHotNews && typeof window.loadHotNews === 'function') {
				window.loadHotNews();
			}
			if (window.loadScrollNews && typeof window.loadScrollNews === 'function') {
				window.loadScrollNews();
			}
			
			// 切换footer版权信息的语言显示（首页特殊处理）
			var footerCopyright = document.getElementById('footerCopyright');
			if (footerCopyright) {
				var copyrightZh = footerCopyright.querySelector('.copyright-text-zh');
				var copyrightEn = footerCopyright.querySelector('.copyright-text-en');
				if (copyrightZh && copyrightEn) {
					// 确保在切换显示之前，先处理内部的翻译
					// 临时显示两个元素以确保翻译能正确应用
					var zhWasHidden = copyrightZh.style.display === 'none' || window.getComputedStyle(copyrightZh).display === 'none';
					var enWasHidden = copyrightEn.style.display === 'none' || window.getComputedStyle(copyrightEn).display === 'none';
					
					if (zhWasHidden) {
						copyrightZh.style.display = '';
						copyrightZh.style.visibility = 'hidden';
						copyrightZh.style.position = 'absolute';
					}
					if (enWasHidden) {
						copyrightEn.style.display = '';
						copyrightEn.style.visibility = 'hidden';
						copyrightEn.style.position = 'absolute';
					}
					
					// 处理内部的 data-translate 元素
					var translateElements = footerCopyright.querySelectorAll('[data-translate]');
					translateElements.forEach(function(element) {
						var key = element.getAttribute('data-translate');
						if (languageMap[lang] && languageMap[lang].hasOwnProperty(key)) {
							var translatedText = languageMap[lang][key];
							element.textContent = translatedText;
						}
					});
					
					// 恢复显示状态
					if (zhWasHidden) {
						copyrightZh.style.display = 'none';
						copyrightZh.style.visibility = '';
						copyrightZh.style.position = '';
					}
					if (enWasHidden) {
						copyrightEn.style.display = 'none';
						copyrightEn.style.visibility = '';
						copyrightEn.style.position = '';
					}
					
					// 切换显示
					if (lang === 'en') {
						copyrightZh.style.display = 'none';
						copyrightEn.style.display = 'inline';
					} else {
						copyrightZh.style.display = 'inline';
						copyrightEn.style.display = 'none';
					}
				}
			}
		}
		
		// 初始化语言切换器
		function initLanguageSwitcher() {
			var languageSelect = document.getElementById('languageSelect');
			if (!languageSelect) {
				// 如果元素不存在，延迟重试
				setTimeout(initLanguageSwitcher, 100);
				return;
			}
			
			// 设置当前语言
			var currentLang = getCurrentLanguage();
			languageSelect.value = currentLang;
			
			// 监听语言切换
			languageSelect.addEventListener('change', function() {
				var selectedLang = this.value;
				switchLanguage(selectedLang);
			});
			
			// 应用保存的语言设置（无论是什么语言都要应用，确保刷新后保持状态）
			function applyLanguage() {
			// 等待站点配置加载完成后再应用语言
			if (window.SiteConfig) {
				// 如果配置已加载，立即应用
				if (window.SiteConfig.get()) {
						switchLanguage(currentLang);
				} else {
					// 如果配置未加载，等待配置加载完成
					window.SiteConfig.onUpdate(function() {
							switchLanguage(currentLang);
					});
				}
			} else {
				// 如果SiteConfig不存在，直接应用
					switchLanguage(currentLang);
				}
			}
			
			// 立即应用语言设置
			applyLanguage();
		}
		
		// 页面加载完成后初始化
		// 使用立即执行函数确保在DOM准备好后立即应用语言
		(function initLanguageOnLoad() {
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', function() {
					// DOM加载完成后立即初始化，减少延迟
					setTimeout(initLanguageSwitcher, 50);
			});
		} else {
				// 如果DOM已经加载完成，立即初始化
				setTimeout(initLanguageSwitcher, 50);
		}
		})();
		
		// 将函数暴露到全局，以便其他脚本可以调用
		window.getCurrentLanguage = getCurrentLanguage;
		window.switchLanguage = switchLanguage;
	})();
</script>
<script type="text/javascript">
	// 技术能力商品动态加载
	(function() {
		var baseUrl = window.API_BASE_URL || '/dev-api';
		
		// 获取图片完整URL
		function getImageUrl(url) {
			if (!url) return '';
			// 如果是完整URL（http/https开头），直接返回
			if (url.startsWith('http://') || url.startsWith('https://')) {
				return url;
			}
			// 如果以 / 开头，拼接baseUrl
			if (url.startsWith('/')) {
				return baseUrl + url;
			}
			// 其他情况也拼接baseUrl
			return baseUrl + '/' + url;
		}
		
		// 加载技术能力展示商品
		function loadJsnlProducts() {
			var productListContainer = document.getElementById('jsnlProductList');
			var productMenuContainer = document.getElementById('jsnlProductMenu');
			
			if (!productListContainer || !productMenuContainer) {
				return;
			}
			
			// 获取isShow=1的商品
			axios.get(baseUrl + '/gw/prod/info/list', {
				params: {
					pageNum: 1,
					pageSize: 10, // 最多显示10个
					isShow: 1 // 只获取显示的商品
				}
			}).then(function(response) {
				var data = response.data || {};
				var products = data.rows || [];
				
				if (products.length === 0) {
					console.log('未获取到展示商品数据');
					return;
				}
				
				// 清空容器
				productListContainer.innerHTML = '';
				var menuUl = productMenuContainer.querySelector('ul');
				if (menuUl) {
					menuUl.innerHTML = '';
				}
				
				// 渲染商品列表
				products.forEach(function(product, index) {
					// 创建商品列表项
					var listItem = document.createElement('div');
					listItem.className = 'jsnllist' + (index === 0 ? ' active' : '');
					
					// 左侧信息
					var leftDiv = document.createElement('div');
					leftDiv.className = 'jsnllf col-md-6 col-sm-6 col-xs-12';
					
					var infoDiv = document.createElement('div');
					infoDiv.className = 'jsnllfnr';
					
					// 商品规格信息（使用productSpecZh，如果没有则使用productNameZh）
					var spec = product.productSpecZh || product.productNameZh || product.productCode || '';
					if (spec) {
						// 将空格替换为换行
						var specLines = spec.split(' ').filter(function(line) {
							return line.trim().length > 0;
						});
						specLines.forEach(function(line) {
							var specP = document.createElement('p');
							specP.textContent = line.trim();
							infoDiv.appendChild(specP);
						});
					}
					
					// 其他信息（如果有）
					if (product.productParams) {
						var paramsP = document.createElement('p');
						paramsP.textContent = product.productParams;
						infoDiv.appendChild(paramsP);
					}
					
					leftDiv.appendChild(infoDiv);
					
					// 右侧图片
					var rightDiv = document.createElement('div');
					rightDiv.className = 'jsnlrt col-md-6 col-sm-6 col-xs-12';
					
					var img = document.createElement('img');
					var imageUrl = product.productImgs || product.productCover || '';
					if (imageUrl) {
						img.src = getImageUrl(imageUrl);
					} else {
						img.src = 'skin/images/jsimg' + (index + 1) + '.png'; // 默认图片
					}
					img.alt = product.productNameZh || product.productCode || '';
					rightDiv.appendChild(img);
					
					// 组装列表项
					listItem.appendChild(leftDiv);
					listItem.appendChild(rightDiv);
					productListContainer.appendChild(listItem);
					
					// 创建菜单项
					if (menuUl) {
						var menuLi = document.createElement('li');
						if (index === 0) {
							menuLi.className = 'active';
						}
						// 菜单显示商品名称
						var menuText = product.productNameZh || product.productNameEn || product.productCode || '';
						menuLi.textContent = menuText;
						menuLi.setAttribute('data-index', index);
						menuLi.addEventListener('click', function() {
							// 切换菜单激活状态
							var allMenuItems = menuUl.querySelectorAll('li');
							allMenuItems.forEach(function(item) {
								item.classList.remove('active');
							});
							this.classList.add('active');
							
							// 切换列表项显示
							var allListItems = productListContainer.querySelectorAll('.jsnllist');
							allListItems.forEach(function(item) {
								item.classList.remove('active');
							});
							var targetIndex = parseInt(this.getAttribute('data-index'));
							if (allListItems[targetIndex]) {
								allListItems[targetIndex].classList.add('active');
							}
						});
						menuUl.appendChild(menuLi);
					}
				});
				
				console.log('技术能力商品加载成功，共' + products.length + '个');
			}).catch(function(error) {
				console.error('加载技术能力商品失败:', error);
			});
		}
		
		// 页面加载完成后执行
		if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', loadJsnlProducts);
		} else {
			loadJsnlProducts();
		}
	})();
</script>
</body>
</html>

