<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="">
		<meta name="author" content="Webpixels">
		<title>首页-广西致新科技有限公司</title>
		<!-- Favicon -->
		<link rel="icon" href="assets/img/brand/favicon.png" type="image/png">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="assets/libs/@fortawesome/fontawesome-free/css/all.min.css">
		<!-- Quick CSS -->
		<link rel="stylesheet" href="assets/css/quick-website.css" id="stylesheet">
		<link rel="stylesheet" href="assets/css/style.css">
		<link rel="stylesheet" href="assets/css/index.css">
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="assets/libs/swiper/dist/css/swiper-bundle.min.css" />
	</head>

	<body>
		<!-- Preloader -->
		<div class="preloader loaded" id="preloader">
			<div class="spinner-border text-primary" role="status">
				<span class="sr-only">Loading...</span>
			</div>
		</div>
		<!-- Navbar -->
		<nav class="navbar navbar-expand-lg  position-fixed w-full">
			<div class="container">
				<!-- Brand -->
				<a class="navbar-brand" href="index.html">
					<img alt="Image placeholder" src="assets/img/public/logo.png" id="navbar-logo" alt="广西致新科技有限公司">
				</a>
				<!-- Toggler -->
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
					aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon "><i class="fa fa-bars" aria-hidden="true"
							style="font-size: 1.6rem;"></i></span>
				</button>
				<!-- Collapse -->
				<div class="collapse navbar-collapse" id="navbarCollapse">
					<ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
						
					</ul>
				</div>
			</div>
		</nav>
		<!-- Main content -->
		<!-- banner pc-->
		<section class="d-md-block d-none banner-pc" style="padding-top: 0;">
			<div id="carouselExampleIndicators" class="carousel slide carouselPc">
				<!-- 轮播图的指示符 -->
				<ol class="carousel-indicators">
				</ol>
				<!-- 轮播图的内容 -->
				<div class="carousel-inner" id="carouselInnerPc">
				</div>
			</div>
		</section>

		<!-- banner mobile-->
		<section class="d-md-none d-sm-block banner-mobile" style="padding-top: 0;">
			<div id="carouselExampleIndicators-mobile" class="carousel slide carouselMobile">
				<!-- 轮播图的指示符 -->
				<ol class="carousel-indicators">
				</ol>
				<!-- 轮播图的内容 -->
				<div class="carousel-inner" id="carouselInnerMobile">
				</div>
			</div>
		</section>

<section class="slice slice-lg bg-section-secondary">
			<div class="container text-center">
				<div class="row justify-content-center mb-6">
					<div class="col-lg-8">
						<!-- Title -->
						<h2 class="h1 strong-600">
							致新最新动态
						</h2>
						<!-- Text -->
						<p class="text-muted">
							十二年的定制开发经验，专注高校智慧校园建设，为您打造专业的软件系统
						</p>
					</div>
				</div>
			</div>

			<div class="container news-content">
				<div class="row">
					<div class="col-lg-4 col-md-4" id="news-1">
					</div>
					<div class="col-lg-4 col-md-4" id="news-2">
					</div>

					<div class="col-lg-4 col-md-4" id="news-3">
					</div>
				</div>
			</div>
		</section>

		<section class="slice slice-lg pt-lg-6 pb-lg-8 bg-section-secondary">
			<div class="container">
				<!-- Title -->
				<!-- Section title -->
				<div class="row mb-5  text-center  justify-content-center">
					<div class="col-lg-6">
						<h2 class=" mt-4">完善的服务能力</h2>
						<div class="mt-2">
							<p class="lead lh-180">十二年的定制开发经验，专注高校智慧校园建设，为您打造专业的软件系统</p>
						</div>
					</div>
				</div>
				<!-- Card -->
				<div class="row mt-5 server bg-white rounded">
					<div class="col-md-4">
						<div class="card">
							<div class="card-header border-bottom border-light " style="height: 75px;">
								<h5 class="d-flex align-items-center">
									<img src="assets/img/index/server1.png" alt="智慧校园" style="height: 44px;"
										class="img1 mr-2">
									<img src="assets/img/index/server1-white.png" alt="智慧校园" style="height: 44px;"
										class="img2 mr-2 d-none">
									智慧校园
								</h5>
							</div>
							<div class="card-body pb-4">
								<div class="row">
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">产品类型丰富</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">数据分析应用</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">统一登录门户</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">快速响应服务</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">系统稳定成熟</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费个性修改</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">统一数据标准</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费试用体验</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">消除信息孤岛</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费系统初始化</span>
									</p>
								</div>

							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="card  border-left  border-right border-light">
							<div class="card-header border-bottom border-light" style="height: 75px;">
								<h5 class="d-flex align-items-center">
									<img src="assets/img/index/server2.png" alt="行业定制" style="height: 40px;"
										class="img1 mr-2 ">
									<img src="assets/img/index/server2-white.png" alt="行业定制" style="height: 40px;"
										class="img2 mr-2 d-none">行业定制
								</h5>
							</div>
							<div class="card-body pb-4">
								<div class="row">
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">深入了解需求</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">兼容已有投资</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">提升客户认知</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">柔性定制服务</span>
									</p>

									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">快速业务建模</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费数据接口</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">遵守数据规范</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费业务调整</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">打通数据屏障</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">免费系统上线</span>
									</p>
								</div>

							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="card">
							<div class="card-header border-bottom border-light" style="height: 75px;">
								<h5 class="d-flex align-items-center"><img src="assets/img/index/server3.png"
										alt="大数据应用 " style="height: 44px;" class="img1 mr-2 ">
									<img src="assets/img/index/server3-white.png" alt="大数据应用 " style="height: 44px;"
										class="img2 mr-2 d-none">
									大数据应用
								</h5>
							</div>
							<div class="card-body pb-4">
								<div class="row">
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">打通异构壁垒</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">沉淀数据资产</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">多源数据融合</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">数字深度学习</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">数据清洗归类</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">数据智能感知</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark ">数据关联图谱</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">数据标签画像</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">集成建模分析</span>
									</p>
									<p class="col-md-6">
										<span class="fas fa-check mr-1 text-primary"></span>
										<span class="text-dark">输出数据服务</span>
									</p>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 产品模块背景 -->

		<!-- 产品模块内容 -->
		<section class="slice pt-0 product position-relative ">
			<div class="product-bg "></div>
			<div class="container position-absolute  product-content">
				<div class="col pt-5">
					<div class="row justify-content-center">
						<div class="col-md-10 text-center">
							<div class="mt-4 mb-6">
								<h2 class="h1 text-white">
									了解我们的产品
								</h2>
								<p class="lead lh-180 text-white">打通异构壁垒、多源数据融合、数据清洗归类、集成建模分析</p>

							</div>
						</div>
					</div>
				</div>
				<!-- Nav tabs -->
				<ul class="nav nav-tabs justify-content-center" id="productTab" role="tablist">
					<li class="nav-item">
						<p class="nav-link active" data-toggle="tab" href="#tab1">智慧校园系列软件</p>
					</li>
					<li class="nav-item">
						<p class="nav-link" data-toggle="tab" href="#tab2">行业定制软件</p>
					</li>
				</ul>
				<div class="product-content-bg">
					<!-- Tab panes -->
					<div class="tab-content pt-3" id="myTabContent">
						<div class="tab-pane fade show active" id="tab1">
							<div class="row product-row">
							</div>
						</div>
						<div class="tab-pane fade" id="tab2">
							<div class="row product-row">
							</div>
						</div>
					</div>
					<div class="d-flex algin-items-center justify-content-center ">
						<a href="productsList.html" target="_blank" class="product-more">
							<button type="button" class="btn  btn-outline-primary mr-2">查看详情
								<img alt="Image placeholder" src="assets/img/index/right.png"
									class="img-fluid  pr-2 img1" style="height: 12px;">
								<img alt="Image placeholder" src="assets/img/index/right-white.png"
									class="img-fluid  pr-2 img2" style="height: 12px; display: none;">
							</button></a>
					</div>
				</div>
			</div>
		</section>

		<!-- 合作伙伴 -->
		<section class="slice slice-lg">
			<div class="container position-relative">
				<div class="col">
					<div class="row justify-content-center">
						<div class="col-md-10 text-center">
							<div class="mt-4 mb-6">
								<h2 class="h1 ">
									部分合作伙伴
								</h2>
								<p class="lead lh-180 ">十二年的定制开发经验，专注高校智慧校园建设，为您打造专业的软件系统 <a
                                href="partnerList.html" target="_blank" rel="noopener noreferrer">查看更多合作伙伴 <i
                                    class="fa fa-angle-right" aria-hidden="true"></i></a></p>

							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="container">
				<!-- 合作伙伴 --> <!-- Swiper -->
				<div class="swiper mySwiper d-md-block d-none ">
					<div class="swiper-wrapper" id="partner-row">
					</div>
					<div class="swiper-button-next swiper-button-next-pc">
					</div>
					<div class="swiper-button-prev swiper-button-prev-pc">
					</div>
				</div>
				<div class="swiper mobile-mySwiper d-md-none d-sm-block">
					<div class="swiper-wrapper" id="mobile-partner-row">
					</div>
					<div class="swiper-button-next swiper-button-next-mobile">
					</div>
					<div class="swiper-button-prev swiper-button-prev-mobile">
					</div>
				</div>
			</div>
		</section>
		
		<footer class="position-relative" id="footer-main">
			<div class="footer pt-lg-7 footer-light bg-light">
				<!-- Footer -->
				<div class="container pt-4">
					<div class="row pc-footer">
						<div class="col-md-3">
							<!-- Theme's logo -->
							<a href="index.html">
								<img alt="Image placeholder" src="assets/img/public/logo-bottom.png" id="footer-logo">
							</a>
						</div>
						<div class="col-md-6">
							<div class=" d-flex algin-items-center justify-content-between footer-nav" id="footer-nav">
							</div>

							<div>
								<p> 地 址：南宁市科园西十路国电智能大厦1401-5室 </p>
								<p>联系电话：13471146305  李经理（业务经理）</p>
							</div>
						</div>
						<div class="col-md-3 pl-5">
							<p class="heading">关注我们</p>
							<img alt="Image placeholder" src="assets/img/brand/QRcode.jpg"
								class="img-fluid rounded news-item-img" style="height: 111px; width: 110px;">
							<p class="text-sm py-2">致新微信公众号</p>
						</div>
					</div>
					<!-- mobile -->
					<div class="row mobile-footer text-center">
						<div class="d-flex justify-content-center">
							<a href="index.html">
								<img alt="Image placeholder" src="assets/img/public/logo-bottom.png" id="footer-logo"
									style="height: 110px;"></a>
							<div class="pl-3">
								<img alt="Image placeholder" src="assets/img/brand/QRcode.jpg"
									class="img-fluid rounded news-item-img" style="height: 80px; width: 80px;">
								<p class="text-sm pt-2 pb-0">致新微信公众号</p>
							</div>
						</div>
						<div class="col-md-12 text-sm">
							<p> 地 址：南宁市科园西十路国电智能大厦1401-5室 </p>
							<p>联系电话：13471146305  李经理（业务经理）</p>
						</div>
					</div>
					<hr class="divider divider-fade divider-dark my-4">
					<div class="row align-items-center justify-content-md-between pb-4">
						<div class="col-md-6">
							<div class="copyright text-sm font-weight-bold text-center text-md-left">
								&copy; 2024 <a href="#" class="font-weight-bold" target="_blank"> 广西致新科技有限公司</a>. All
								rights
								reserved
								<span class="pl-3 text-gray text-normal">
								<a href="https://beian.miit.gov.cn" target="_blank">桂ICP备2021000896号-3</a></span>
							</div>
						</div>

					</div>
				</div>
			</div>
		</footer>
		<!-- Core JS  -->
		<script src="assets/libs/jquery/dist/jquery.min.js"></script>
		<script src="assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
		<!-- Swiper JS -->
		<script src="assets/libs/swiper/dist/js/swiper-bundle.min.js"></script>
		<script src="assets/js/public.js"></script>
		<script src="assets/js/menu.js" type="module"></script>
		<script type="module">
			import {
				publicPath,
				partnerList,
				productList,
				handlePageShow
			} from './assets/js/utils.js';

			//监听页面显示
			window.addEventListener('pageshow', handlePageShow);
			//获取栏目列表  -栏目Id
			function asyncGetADImagesList() {
				var deferred = $.Deferred();
				$.ajax({
					url: `${publicPath}/api/GetADPlaceList`,
					method: 'POST',
					success: function(data) {
						if (data.Data && data.Data.length) {
							// console.log(data.Data, 'banner')
							deferred.resolve();
						}
					},
					error: function(error) {
						console.error('错误：', error);
					},
				});
				return deferred.promise();
			}
			asyncGetADImagesList().then(function(result) {
				// getImagesList()

			})

			// 接口获取图片列表
			function getImagesList(ID) {
				$.ajax({
					url: `${publicPath}/api/GetAdvertiseList`,
					method: 'POST',
					data: {
						ID: ID
					},
					success: function(data) {
						if (data.Data && data.Data.length) {
							// console.log(data.Data, 'banner')
							if (ID === 1) handleBanner(data.Data)
							else if (ID == 2) handleBannerMobile(data.Data)
						}
					},
					error: function(error) {
						console.error('错误：', error);
					},
				});
			}
			getImagesList(1)
			getImagesList(2)
			// pc端banner
			function handleBanner(list) {
				$.each(list, function(index, item) {
					const htmlData = `
						<div class="carousel-item ${index==0?'active':''}"
							style="background-image: url(${item.FilePath}) ">
						</div>
						`
					$('#carouselInnerPc').append(htmlData)
					//加入banner轮播图的指示符
					const itemData =
						` <li data-target="#carouselExampleIndicators" data-slide-to="${index}" class="${index==0?'active':''}"></li>`
					// 根据实际数据结构进行添加操作
					$("#carouselExampleIndicators .carousel-indicators").append(itemData);
				})
				// banner
				$('.carouselPc').carousel({
					interval: 5000 // 设置自动播放的时间间隔，单位为毫秒
				});
			}

			// 移动端banner
			function handleBannerMobile(list) {
				$.each(list, function(index, item) {
					const htmlData = `
						<div class="carousel-item ${index==0?'active':''}"
							style="background: url(${item.FilePath}) no-repeat 70% 55% ;">
						</div>
						`
					$('#carouselInnerMobile').append(htmlData)
					//加入banner轮播图的指示符
					const itemData =
						` <li data-target="#carouselExampleIndicators-mobile" data-slide-to="${index}" class="${index==0?'active':''}"></li>`
					// 根据实际数据结构进行添加操作
					$("#carouselExampleIndicators-mobile .carousel-indicators").append(itemData);
				})
				// banner
				$('.carouselMobile').carousel({
					interval: 5000 // 设置自动播放的时间间隔，单位为毫秒
				});

			}
			// 服务
			$('.server .card').hover(function() {
				$(this).find('.card-header').addClass('server-item-bg')
				$(this).find('.img1').addClass('d-none')
				$(this).find('.img2').removeClass('d-none')
			}, function() {
				$(this).find('.card-header').removeClass('server-item-bg')
				$(this).find('.img2').addClass('d-none')
				$(this).find('.img1').removeClass('d-none')
			})

			//产品tabs
			$('#productTab p').click(function(e) {
				e.preventDefault();
				$(this).tab('show');
			});


			// 产品列表
			const MenuName = '产品介绍'
			const query = {
				ID: 0,
				pageSize: 6,
				page: 1,
			}
			const subList = []
			//获取栏目列表  -栏目Id
			function asyncGetMenuId() {
				var deferred = $.Deferred();
				$.ajax({
					url: `${publicPath}/api/GetMenuList`,
					method: 'POST',
					beforeSend: function() {},
					complete: function() {},
					success: function(data) {
						if (data.Data && data.Data.length) {
							// 产品
							const resultIndex = data.Data.findIndex(item => {
								return item.ClassName == MenuName
							})
							if (resultIndex > -1) {
								query.ID = data.Data[resultIndex].ID
								if (data.Data[resultIndex].SubList && data.Data[resultIndex].SubList.length) {
									subList.push(...data.Data[resultIndex].SubList)
								}
							}
							// 新闻资讯
							const resultIndexNew = data.Data.findIndex(item => {
								return item.ClassName.includes(newsTit)
							})
							// console.log(resultIndexNew, 'resultIndexNew', data.Data[resultIndexNew])
							if (resultIndexNew > -1) {
								queryNews.ID = data.Data[resultIndexNew].ID
							}
							deferred.resolve(query.ID);
						}
						// console.log('服务器响应：', data);
					},
					error: function(error) {
						console.error('错误：', error);
					},
				});
				return deferred.promise();
			}
			asyncGetMenuId().then(function(result) {
				// 产品
				$.each(subList, function(index, item) {
					query.ID = item.ID
					getData(query, index)
				})
				// 新闻
				getData(queryNews, '', 'news')
			})
			// 获取列表数据
			function getData(params, index, key) {
				const query = {
					...params
				}
				// 栏目文章列表
				$.ajax({
					url: `${publicPath}/api/GetList`,
					method: 'POST',
					data: query,
					success: function(data) {
						if (data.Data && data.Data.list && data.Data.list.length) {
							// 产品
							const {
								list
							} = data.Data
							if (index !== '') {
								if (subList[index].ClassName.includes('校园')) {
									handleAppend(list, 1)

								} else if (subList[index].ClassName.includes('行业')) {
									handleAppend(list, 2)
								}
							} else {
								// 新闻   
								if (key == 'news') {
									handleAppendNews(list, '')
								}
							}
						}
					},
					error: function(error) {
						console.error('错误：', error);
					}
				});
			}
			// 添加html 产品
			function handleAppend(list, divIndex) {
				$.each(list, function(index, item) {
					const htmlData = `
                         <div class="col-md-4 col-sm-6">
                    <div class="card ">
                        <div class="p-3">
                            <div class="d-flex align-items-center  border-bottom border-light pb-3">
                                <img alt="Image placeholder" src=" ${productList[divIndex][index].icon}"
                                    class="img-fluid  pr-2" style="height: 35px;">
                                <h5 class="text-truncate mb-0"> ${item.InfoTitle}</h5>
                            </div>
                            <div class="py-3">
                                <h6 class="text-truncate">${item.InfoTitle}</h6>
                                <div class="btn-div text-center pt-4" style="display:none">
                                     <a href="${item.IsChange && item.ChangeUrl?item.ChangeUrl:'productDetail.html?ID='+item.ID}"  class="btn btn-outline-warning btn-sm" target="_blank" >
                                      <span class="btn-inner--text">查看详情</span>
                                      </a></div>
                               
                                <p class="text-muted mb-0 two-lines-truncate">
                                    ${item.Intro || ''}
                                </p>
                            </div>
                        </div>
                    </div>
                </div>`

					// 根据实际数据结构进行添加操作
					$("#tab" + divIndex + " .product-row").append(htmlData);
				});

				$('.product-row .card ').hover(function() {
					$(this).addClass('active')
					$(this).find('.two-lines-truncate').hide();
					$(this).find('.btn-div').show();
				}, function() {
					$(this).removeClass('active')
					$(this).find('.two-lines-truncate').show();
					$(this).find('.btn-div').hide();
				})
				$('.product-more ').hover(function() {
					$(this).find('.img1').hide();
					$(this).find('.img2').show();

				}, function() {
					$(this).find('.img2').hide();
					$(this).find('.img1').show();
				})
			}



			//获取合作伙伴json
			if (partnerList && partnerList.length) {
				// console.log('object :>> ', partnerList);
				$.each(partnerList, function(index, item) {
					if(index<=19){
						const htmlData = `
							<div class=" partner-item-col  swiper-slide">
								<div class="card  shadow-none  partner-item" title="${item.name}" style="background-image: url(${item.img});">
								</div>
							</div>`
						// 根据实际数据结构进行添加操作
						$("#partner-row").append(htmlData);
						$("#mobile-partner-row").append(htmlData);
					}
				});
			}
			// <!-- Initialize Swiper -->
			var swiper = new Swiper(".mySwiper", {
				slidesPerView: 3,
				grid: {
					rows: 2,
				},
				spaceBetween: 30,
				navigation: {
					nextEl: ".swiper-button-next-pc",
					prevEl: ".swiper-button-prev-pc",
				},
			});
			var mobileSwiper = new Swiper(".mobile-mySwiper", {
				slidesPerView: 2,
				grid: {
					rows: 2,
				},
				spaceBetween: 30,
				navigation: {
					nextEl: ".swiper-button-next-mobile",
					prevEl: ".swiper-button-prev-mobile",
				},
			});
			//获取新闻列表
			const newsTit = '动态'
			const queryNews = {
				ID: 0,
				pageSize: 9,
				page: 1,
			}

			// 添加html 新闻
			function handleAppendNews(list, divIndex) {
				$.each(list, function(index, item) {
					let htmlData = ''
					if (index < 3) {
						if (index == 0) {
							htmlData = imgHtml(index, item)
						} else {
							htmlData = justHtml(index, item)
						}
						$('#news-1').append(htmlData)
					} else if (index < 6) {
						if (index == 3) {
							htmlData = imgHtml(index, item)
						} else {
							htmlData = justHtml(index, item)
						}
						$('#news-2').append(htmlData)
					} else if (index < 9) {
						if (index == 6) {
							htmlData = imgHtml(index, item)
						} else {
							htmlData = justHtml(index, item)

						}
						$('#news-3').append(htmlData)
					}
				});
			}

			function imgHtml(index, item) {
				const html = ` <div class=" news-item-img-div position-relative">
                        <a href="${item.IsChange && item.ChangeUrl?item.ChangeUrl:'newsDetail.html?ID='+item.ID+'&MenuId='+item.ArticleClassID}" target="_blank"> <img alt="Image placeholder" src="${item.PhotoUrl?item.PhotoUrl:'assets/img/public/default-news.png'}"
                                class="img-fluid rounded-lg news-item-img" ></a>
                        <div class="title text-white position-absolute text-truncate p-2"><a href="${item.IsChange && item.ChangeUrl?item.ChangeUrl:'newsDetail.html?ID='+item.ID+'&MenuId='+item.ArticleClassID}"
                                target="_blank">${item.InfoTitle}</a>
                        </div>
                    </div>`
				return html
			}

			function justHtml(index, item) {
				const {
					month,
					day
				} = getDate(item.EditDate)
				return `
                        <a href="${item.IsChange && item.ChangeUrl?item.ChangeUrl:'newsDetail.html?ID='+item.ID+'&MenuId='+item.ArticleClassID}" target="_blank"> <div
                        class="py-2 d-flex justify-content-left align-items-center border-bottom border-style-dashed border-light news-item">
                        <div class="fs-2 text-lg" style="width:70px;">${month}-${day}</div>
                        <div class="text-truncate" style="flex:1;"> ${item.InfoTitle}</div>
                    </div></a>`
			}
			// 处理日期格式
			function getDate(param) {
				const timestamp = parseInt(param.match(/\d+/)[0]);
				const date = new Date(timestamp);
				const year = date.getFullYear();
				const month = ('0' + (date.getMonth() + 1)).slice(-2);
				const day = ('0' + date.getDate()).slice(-2);
				const formattedDate = year + '-' + month + '-' + day;
				return {
					year,
					month,
					day
				}
				// console.log(formattedDate);
			}
		</script>
	</body>

</html>