<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>江苏反诈网</title>
<meta name="keywords" content="反诈,江苏反诈,江苏反诈网">
<meta name="description" content="江苏反诈网">
<meta name="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<link rel="stylesheet" href="js/swiper-3.4.2/swiper-3.4.2.min.css">

<style type="text/css">
/* 国家重要日期，网站素装 */
/* html {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
} */

/* 网页主体样式 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #FFFFFF;
	font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial;
}

/* 通用内容容器 */
.content-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

/* 通用内容宽度 */
.content-width {
	width: 1000px;
}

/* 头部样式 */
.header-bg {
	width: 100%;
	height: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-logo {
	width: 300px;
	height: 70px;
	background-size: contain;
	background-repeat: no-repeat;
}

.header-app {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	text-decoration: none;
}

.header-app-logo {
	width: 45px;
	height: 45px;
	margin-bottom: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

.header-app-text {
	color: white;
	font-size: 14px;
	background-color: #097AD6;
	padding: 2px 10px;
	border-radius: 3px;
}

/* 导航 */
.nav-bg {
	width: 100%;
	height: 40px;
	background-color: #0A6DCB;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.nav-items {
	display: flex;
	height: 40px;
}

.nav-item {
	color: white;
	font-size: 18px;
	text-decoration: none;
	padding: 0 20px 0 30px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 1;
	transition: background-color 0.3s;
	letter-spacing: 10px;
}

.nav-item.active {
	background-color: #035BC7;
}

/* 当前活跃的导航项(.active)创建一个视觉指示器 */
.nav-item.active::after {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
	width: 35px;
	height: 3px;
	background-color: white;
	border-radius: 3px;
}

.search-container {
	display: flex;
	align-items: center;
	width: 250px;
	height: 30px;
	background-color: white;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 30px;
}

.search-input {
	padding: 5px 10px 5px 0;
	border: none;
	background: transparent;
	width: 200px;
	font-size: 12px;
	line-height: 20px;
}

.search-input:focus {
	outline: none;
}

.search-button {
	background: url('images/xhm/xhm_search.png') no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	padding: 0;
}

/* 版块分区 */
.section {
	width: 100%;
	padding: 10px 0 0 0;
	scroll-margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/* Swiper */
.info-swiper {
	width: 550px;
	height: 300px;
	position: relative;
}

.trend-swiper, .law-swiper, .society-swiper {
	width: 450px;
	height: 290px;
	position: relative;
}

.slide-link {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-decoration: none;
}

.slide-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.slide-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-custom-prev {
	width: 30px !important;
	height: 60px !important;
	margin-top: -30px !important;
	left: 0px !important;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url('images/xhm/v2/xhm_v2_arrow_left_thin.png')
		!important;
	background-repeat: no-repeat;
	background-size: 15px 20px !important;
}

.swiper-custom-next {
	width: 30px !important;
	height: 60px !important;
	margin-top: -30px !important;
	right: 0px !important;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url('images/xhm/v2/xhm_v2_arrow_right_thin.png')
		!important;
	background-repeat: no-repeat;
	background-size: 15px 20px !important;
}

/* 要闻 */
.info-news-container {
	width: 450px;
	height: auto;
}

.trend-news-container, .law-news-container, .society-news-container {
	width: 550px;
	height: auto;
}

.main-news {
	background-color: #F5F5F7;
	padding: 15px;
}

.main-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-title a {
	color: #025AC6;
	text-decoration: none;
}

.main-title a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.main-brief {
	margin-top: 5px;
	font-size: 14px;
	line-height: 25px;
	max-height: 50px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-indent: 2em;
}

.main-brief a {
	color: #025AC6;
	text-decoration: none;
}

.main-brief a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.other-news {
	padding-top: 10px;
}

.news-item {
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding-left: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.news-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #025AC6;
	border-radius: 50%;
}

.news-item a {
	color: #4e4e4e;
	text-decoration: none;
}

.news-item a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.more-link {
	line-height: 30px;
	height: 30px;
	text-align: right;
}

.more-link a {
	font-size: 14px;
	color: #025AC6;
	text-decoration: none;
}

.more-link a:hover {
	text-decoration: underline;
	text-underline-offset: 5px;
}

/* 推荐阅读-固定 */
.recommend-fixed a {
	flex: 1;
	min-width: 0;
	height: 150px;
	display: flex;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.recommend-fixed img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.recommend-fixed-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 14px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 版块标题 */
.section-title-container {
	padding: 0 0 15px 0;
}

.section-title-line {
	flex: 1;
	height: 1px;
	background-color: #CACACA;
	position: relative;
}

.left-line::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 20px;
	background-color: #025AC6;
}

.right-line::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 20px;
	background-color: #025AC6;
}

.section-title {
	font-size: 24px;
	font-weight: 800;
	color: #025AC6;
	white-space: nowrap;
}

/* 服务相关样式 */
.service-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.service-left div {
	width: 180px;
	height: 70px;
	background-color: #F3F7FA;
	border-radius: 8px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.service-left img {
	width: 50px;
	height: auto;
}

.service-left span {
	font-size: 14px;
}

.service-right {
	height: 240px;
	border-radius: 8px;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	gap: 10px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

.service-right-main {
	width: 350px;
	height: 40px;
	font-size: 15px;
	color: #FFFFFF;
	background: linear-gradient(to right, #162E8D, #0762CD);
	padding: 10px 15px;
	border-radius: 4px;
	text-align: center;
}

.service-right-other {
	padding: 10px 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
}

.service-right-other div {
	width: 30%;
	font-size: 15px;
}

/* 让「南京市」单独占满第一行 */
.service-right-other div:first-child {
	width: 100%;
	order: -1;
}

/* 底部 */
.footer-container {
	margin-top: 20px;
	padding-bottom: 20px;
	background-color: #EEEEEE;
}

.footer-width {
	width: 1100px;
}

.footer-left {
	flex: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.spacer {
	margin-left: 15px;
}

.footer-line {
	margin-top: 15px;
	font-size: 13px;
	color: grey;
}

.footer-line a {
	color: grey;
	text-decoration: none;
}

.footer-line a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.footer-right {
	width: 350px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-left: 20px;
	border-left: 1px solid #ddd;
}

.qr-item {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.qr-code {
	width: 80px;
	height: 80px;
	object-fit: cover;
	display: block;
}

.qr-desc {
	font-size: 12px;
	color: #333333;
}

/* 推荐 */
.recommend-container {
	display: flex;
	align-items: center;
	height: 200px;
}

.recommend-left {
	width: 50px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: linear-gradient(to bottom, #0362D0, #145BA9);
}

.recommend-left-content {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 800;
}

.recommend-right {
	width: 950px;
	height: 100%;
	padding: 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom, #F5F6F8, #E8F1F8);
}

.recommend-swiper-container {
	flex: 1;
	min-width: 0;
	max-width: calc(100% - 60px);
}

.recommend-slide-link {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-decoration: none;
}

.recommend-slide-link img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	display: block;
}

.recommend-slide-title {
	margin-top: 5px;
	width: 100%;
	line-height: 22px;
	max-height: 44px;
	color: #333333;
	font-size: 14px;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.recommend-swiper-custom-prev {
	position: static !important;
	width: 30px !important;
	height: 60px !important;
	background-image: url('images/xhm/v2/xhm_v2_arrow_left_blue.png')
		!important;
	background-repeat: no-repeat;
	background-size: 15px 20px !important;
}

.recommend-swiper-custom-next {
	position: static !important;
	width: 30px !important;
	height: 60px !important;
	margin-top: -30px !important;
	background-image: url('images/xhm/v2/xhm_v2_arrow_right_blue.png')
		!important;
	background-repeat: no-repeat;
	background-size: 15px 20px !important;
}

/* 飘窗相关 */
.bay-window-content-left {
	position: fixed;
	left: 0;
	z-index: 9999;
}

.bay-window-content-right {
	position: fixed;
	right: 0;
	z-index: 9999;
}

.bay-window-image {
	width: 160px;
	height: 100px;
	border-radius: 3px;
	cursor: pointer;
	border: 0;
}

.bay-window-close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	width: 15px;
	border: 0;
}
/* 飘窗相关 */

/* 关于我们 */
.aboutUs-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	padding: 25px 25px 15px 25px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 10001;
}

.aboutUs-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.aboutUs-content {
	font-size: 18px;
	text-indent: 2em;
	line-height: 1.6;
	text-align: justify;
	margin-bottom: 10px;
}

.aboutUs-close {
	position: absolute;
	top: 5px;
	right: 15px;
	cursor: pointer;
	font-size: 30px;
	font-weight: bold;
	color: #666;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 10000;
}
/* 关于我们 */
</style>

</head>

<body>
	<!-- 顶部 -->
	<div class="header-bg"
		style="background-image: url('images/xhm/v2/xhm_v2_back_pc.png');">
		<div class="content-container content-width">
			<div class="header-logo"
				style="background-image: url('images/xhm/v2/xhm_v2_logo.png');"></div>
			<a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.jhdapp.xhbycm"
				target="_blank" class="header-app">
				<div class="header-app-logo"
					style="background-image: url('images/xhm/xhm_jhd_download.png');"></div>
				<span class="header-app-text">下载</span>
			</a>
		</div>
	</div>

	<!-- 导航 -->
	<div class="nav-bg">
		<div class="content-container content-width">
			<div class="nav-items">
				<a href="#info" class="nav-item active">要闻</a> <a href="#trend"
					class="nav-item">动态</a> <a href="#law" class="nav-item">拍案</a> <a
					href="#society" class="nav-item">社会</a> <a href="#service"
					class="nav-item">服务</a>
			</div>
			<!-- <div class="search-container">
				<input type="text" class="search-input" id="id_search_input"
					placeholder="请输入关键字" maxlength="30">
				<button class="search-button" id="id_search_button"></button>
			</div> -->
		</div>
	</div>

	<!-- 学习 -->
	<div class="section">
		<a
			href="https://jhd.xhby.net/share-webui/special/s68f9f0a8e4b0f3ec5f07c34a"
			target="_blank" style="cursor: pointer;display: inline-block;"> <img
			src="images/xhm/v2/xhm_v2_study_pc2.png" alt="" class="content-width"
			style="height: auto;max-height: 55px;">
		</a>
	</div>

	<!-- 要闻 -->
	<div id="info" class="section">
		<div class="content-container content-width">
			<div class="swiper-container info-swiper" id="id_info_swiper">
				<div class="swiper-wrapper" id="id_info_swiper_content"></div>
				<div class="swiper-button-prev swiper-custom-prev info-swiper-prev"></div>
				<div class="swiper-button-next swiper-custom-next info-swiper-next"></div>
			</div>
			<div class="info-news-container" id="id_info_news_container">
				<div class="main-news" id="id_info_main_news"></div>
				<div class="other-news" id="id_info_other_news"></div>
				<div class="more-link">
					<a href="javascript:void(0);" onclick="viewArticles(1)">更多>></a>
				</div>
			</div>
		</div>
	</div>

	<!-- 推广 -->
	<div class="section">
		<div id="id_promotion_content"
			class="content-container content-width recommend-fixed"></div>
	</div>

	<!-- 动态 -->
	<div id="trend" class="section">
		<div class="content-container content-width section-title-container">
			<div class="section-title-line left-line"></div>
			<div class="section-title">动态</div>
			<div class="section-title-line right-line"></div>
		</div>
		<div class="content-container content-width">
			<div class="swiper-container trend-swiper" id="id_trend_swiper">
				<div class="swiper-wrapper" id="id_trend_swiper_content"></div>
				<div class="swiper-button-prev swiper-custom-prev trend-swiper-prev"></div>
				<div class="swiper-button-next swiper-custom-next trend-swiper-next"></div>
			</div>
			<div class="trend-news-container" id="id_trend_news_container">
				<div class="main-news" id="id_trend_main_news"></div>
				<div class="other-news" id="id_trend_other_news"></div>
				<div class="more-link">
					<a href="javascript:void(0);" onclick="viewArticles(2)">更多>></a>
				</div>
			</div>
		</div>
	</div>

	<!-- 视频 -->
	<div id="video" class="section">
		<div class="recommend-container content-width">
			<div class="recommend-left">
				<div class="recommend-left-content">视</div>
				<div class="recommend-left-content">频</div>
			</div>
			<div class="recommend-right">
				<div
					class="swiper-button-prev recommend-swiper-custom-prev video-swiper-prev"></div>
				<div
					class="swiper-container recommend-swiper-container video-swiper">
					<div class="swiper-wrapper" id="id_video_swiper_content"></div>
				</div>
				<div
					class="swiper-button-next recommend-swiper-custom-next video-swiper-next"></div>
			</div>
		</div>
	</div>

	<!-- 拍案 -->
	<div id="law" class="section">
		<div class="content-container content-width section-title-container">
			<div class="section-title-line left-line"></div>
			<div class="section-title">拍案</div>
			<div class="section-title-line right-line"></div>
		</div>
		<div class="content-container content-width">
			<div class="swiper-container law-swiper" id="id_law_swiper">
				<div class="swiper-wrapper" id="id_law_swiper_content"></div>
				<div class="swiper-button-prev swiper-custom-prev law-swiper-prev"></div>
				<div class="swiper-button-next swiper-custom-next law-swiper-next"></div>
			</div>
			<div class="law-news-container" id="id_law_news_container">
				<div class="main-news" id="id_law_main_news"></div>
				<div class="other-news" id="id_law_other_news"></div>
				<div class="more-link">
					<a href="javascript:void(0);" onclick="viewArticles(4)">更多>></a>
				</div>
			</div>
		</div>
	</div>

	<!-- 推荐 -->
	<div id="recommend" class="section">
		<div class="recommend-container content-width">
			<div class="recommend-left">
				<div class="recommend-left-content">推</div>
				<div class="recommend-left-content">荐</div>
			</div>
			<div class="recommend-right">
				<div
					class="swiper-button-prev recommend-swiper-custom-prev recommend-swiper-prev"></div>
				<div
					class="swiper-container recommend-swiper-container recommend-swiper">
					<div class="swiper-wrapper" id="id_recommend_swiper_content">
					</div>
				</div>
				<div
					class="swiper-button-next recommend-swiper-custom-next recommend-swiper-next"></div>
			</div>
		</div>
	</div>

	<!-- 社会 -->
	<div id="society" class="section">
		<div class="content-container content-width section-title-container">
			<div class="section-title-line left-line"></div>
			<div class="section-title">社会</div>
			<div class="section-title-line right-line"></div>
		</div>
		<div class="content-container content-width">
			<div class="swiper-container society-swiper" id="id_society_swiper">
				<div class="swiper-wrapper" id="id_society_swiper_content"></div>
				<div
					class="swiper-button-prev swiper-custom-prev society-swiper-prev"></div>
				<div
					class="swiper-button-next swiper-custom-next society-swiper-next"></div>
			</div>
			<div class="society-news-container" id="id_society_news_container">
				<div class="main-news" id="id_society_main_news"></div>
				<div class="other-news" id="id_society_other_news"></div>
				<div class="more-link">
					<a href="javascript:void(0);" onclick="viewArticles(5)">更多>></a>
				</div>
			</div>
		</div>
	</div>

	<!-- 服务 -->
	<div id="service" class="section">
		<div class="content-container content-width section-title-container">
			<div class="section-title-line left-line"></div>
			<div class="section-title">服务</div>
			<div class="section-title-line right-line"></div>
		</div>
		<div class="content-container content-width">
			<div class="service-left">
				<div onclick="openTelcomLink('1')">
					<img src="images/xhm/xhm_dx.png" alt=""> <span>天翼防骚扰</span>
				</div>
				<div>
					<img src="images/xhm/xhm_yd.png" alt=""> <span>中国移动</span>
				</div>
				<div>
					<img src="images/xhm/xhm_lt.png" alt=""> <span>中国联通</span>
				</div>
			</div>
			<div class="service-right">
				<div class="service-right-main">江苏省反网络诈骗中心：025-66096110</div>
				<div class="service-right-other">
					<div>南京市：025-96110</div>
					<div>无锡市：0510-82693110</div>
					<div>镇江市：0511-88956432</div>
					<div>苏州市：0512-69866035</div>
					<div>南通市：0513-85021281</div>
					<div>盐城市：0515-88887110</div>
					<div>徐州市：0516-68900001</div>
					<div>扬州市：0514-89898110</div>
					<div>常州市：0519-81993450</div>
					<div>泰州市：0523-96110</div>
					<div>连云港：0518-81861922</div>
					<div>淮安市：0517-81330529</div>
					<div>宿迁市：0527-84352422</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 底部 -->
	<div class="section footer-container">
		<div class="content-container footer-width">
			<div class="footer-left">
				<div style="height: 60px;display: flex;align-items: center">
					<p
						style="color:#333333;font-size: 15px;font-weight: bold;padding-left: 20px;">
						主办单位：</p>
					<img src="images/xhm/xhm_company_logo.png"
						style="width: auto;height: 60px;object-fit: cover;" />
				</div>

				<div
					style="line-height: 35px;color:#333333;font-size: 15px;font-weight: bold;">
					指导单位：江苏省公安厅反诈总队</div>

				<div
					style="line-height: 35px;color:#333333;font-size: 15px;font-weight: bold;">
					版权所有：江苏新华云媒科技股份有限公司</div>

				<div class="footer-line">
					<a href="https://beian.miit.gov.cn/#/Integrated/index"
						target="_blank">苏ICP备2021042539号-2</a> <span class="spacer">互联网新闻信息服务许可证32120170002号</span>
					<span class="spacer">增值电信业务经营许可证苏B2-20140164</span>
				</div>

				<div class="footer-line">
					如有不良内容或者侵权内容，请拨打上方各地市反诈中心联系方式进行投诉处理 <a href="javascript:void(0);"
						class="spacer" id="aboutBtn">关于我们</a>
				</div>
			</div>

			<div class="footer-right">
				<div class="qr-item">
					<img class="qr-code" src="images/xhm/xhm_xhrb_wxgzh.png" alt="">
					<div class="qr-desc">新华日报微信公众号</div>
				</div>
				<div class="qr-item">
					<img class="qr-code" src="images/jsfz/JSFZ_GZH.png" alt="">
					<div class="qr-desc">江苏反诈微信公众号</div>
				</div>
				<div class="qr-item">
					<img class="qr-code" src="images/gjfzzx/GJFZZX_SHIPINHAO.png"
						alt="">
					<div class="qr-desc">国家反诈中心微信视频号</div>
				</div>
				<div class="qr-item">
					<img class="qr-code" src="images/gjfzzx/GJFZZX_DOUYIN.png" alt="">
					<div class="qr-desc">国家反诈中心抖音</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 关于我们 遮罩层 -->
	<div id="overlay" class="overlay"></div>

	<!-- 关于我们 内容 -->
	<div id="aboutModal" class="aboutUs-container">
		<span id="closeModal" class="aboutUs-close">&times;</span>
		<p class="aboutUs-title">关于我们</p>
		<p class="aboutUs-content">江苏反诈网是江苏省委网信办批准建设的专业新闻网站，由江苏新华报业传媒集团主办，交汇点新闻客户端运维主体单位——江苏新华云媒有限公司负责日常运维。江苏省公安厅反诈总队对该网站提供反诈宣传指导，江苏电信等单位提供技术支持。</p>
		<p class="aboutUs-content">近年来，以电信网络诈骗为代表的新型违法犯罪给广大人民群众带来巨大损失。党和国家对此高度重视，制定并颁布实施《中华人民共和国反电信网络诈骗法》。江苏反诈网依法开展新闻宣传、防范警示、教育劝阻等各项工作，以智能化、精准化、互动化手段实时传递反诈信息，全面宣传安全防范知识，帮助广大人民群众提高识别诈骗的能力，共同守好钱袋子，大力营造“全民反诈”的浓厚社会氛围。</p>
		<p class="aboutUs-content">联系电话：025—58683671。</p>
	</div>

	<!-- 电信弹框 -->
	<div id="chinaTelecomModal" class="aboutUs-container"
		style="width: 600px;">
		<span id="closeChinaTelecomModal" class="aboutUs-close">&times;</span>
		<p class="aboutUs-content">开通/关闭境外电话/短信免打扰服务路径：</p>
		<p class="aboutUs-content">发送 DGDHLJ 至 10001 开通境外电话免打扰服务；</p>
		<p class="aboutUs-content">发送 DGDXLJ 至 10001 开通境外短信免打扰服务；</p>
		<p class="aboutUs-content">发送 TDDHLJ 至 10001 关闭境外电话免打扰服务；</p>
		<p class="aboutUs-content">发送 TDDXLJ 至 10001 关闭境外短信免打扰服务。</p>
	</div>

	<!-- 云媒埋点，不可删除 -->
	<iframe style="width: 100%;height: 1px;background: #EEEEEE;border: 0;"
		id="id_iframe_maidian"></iframe>

	<!-- 云媒引流，不可删除 -->
	<div id="id_iframe_traffic" style="display: flex;"></div>

	<!-- 云媒埋点 -->
	<script type="text/javascript" charset="utf-8"
		src="web/js96110/xhm/maidian/autotrack.js"></script>

	<script>
		// 设置埋点iframe的src
		document.getElementById('id_iframe_maidian').setAttribute('src', 'http://jhd-o1.oss-cn-hangzhou.aliyuncs.com/H5/maidian1202.html');
	
		// 设置cookie
		function setIsUVCookie() {
			// 检查 isUV Cookie 是否已经存在  
			const cookies = document.cookie.split('; ');
			const isUVExists = cookies.some(cookie => cookie.trim().startsWith('isUV='));
	
			if (!isUVExists) {
				const randomString = generateRandomString(24); // 生成24位随机字符串  
				const now = new Date(); // 获取当前日期  
				const expires = new Date(); // 创建新的日期对象用于设置过期时间  
				expires.setHours(23, 59, 59, 999); // 设置过期时间为今天的 23:59:59.999  
	
				// 设置 Cookie  
				document.cookie = `isUV=${randomString}; expires=${expires.toUTCString()}; path=/`;
				console.log('isUV cookie has been set:', randomString);
			} else {
				console.log('isUV cookie already exists.');
			}
		}
	
		// 记录登录信息
		function recordLoginInfo() {
			let isUvValue;
			// 取出isUV
			const cookies = document.cookie.split('; ');
			// 查找指定名称的 Cookie  
			for (let cookie of cookies) {
				const [name, value] = cookie.split('=');
				if (name.trim() === 'isUV') {
					isUvValue = decodeURIComponent(value);
					break;
				} }
			if (isUvValue && isUvValue !== '') {
				// 创建 XMLHttpRequest 对象
				const xhr = new XMLHttpRequest();
				xhr.open('POST', 'loginInfo', true);
				xhr.timeout = 6000;
				// 设置请求头
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				// 准备发送的数据
				const data = new URLSearchParams();
				data.append('flag', 'PC');
				data.append('cookie', isUvValue);
				xhr.onload = function() {
					if (xhr.status >= 200 && xhr.status < 300) {
						// 请求成功的处理
						console.log('loginInfo request successful');
					}
				};
				xhr.onerror = function() {
					console.log('loginInfo request failed');
				};
				xhr.ontimeout = function() {
					console.log('loginInfo request timed out');
				};
				xhr.onreadystatechange = function() {
					if (xhr.readyState === 4) {
						// 请求完成（无论成功或失败）
						console.log('loginInfo request completed');
					}
				};
				// 发送请求
				xhr.send(data.toString());
			}
		}
	
		// 设置cookie
		setIsUVCookie();
		// 记录登录信息
		recordLoginInfo();
	
		// 加载JS（不添加版本号，允许缓存）
		function loadJS(src, callback) {
			var script = document.createElement('script');
			script.src = src;
			if (callback)
				script.onload = callback;
			document.head.appendChild(script);
		}
	
		// 加载JS（添加随机版本号，避免缓存）
		function loadJSNoCache(src, callback) {
			var script = document.createElement('script');
			script.src = src + '?v=' + generateRandomString(16);
			if (callback)
				script.onload = callback;
			document.head.appendChild(script);
		}
	
		// 生成指定位数的随机字符串
		function generateRandomString(length) {
			const charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
			let result = '';
			const values = new Uint32Array(length); // 创建一个足够大的数组来存储随机数
			window.crypto.getRandomValues(values); // 填充数组
			for (let i = 0; i < length; i++) {
				// 将随机数缩放到字符集的长度范围内  
				const randomIndex = values[i] % charset.length;
				result += charset[randomIndex]; // 构建字符串
			}
			return result;
		}
	
		// 加载jQuery和Swiper（允许缓存）
		loadJS('js/jquery.js', function() {
			loadJS('js/swiper-3.4.2/swiper-3.4.2.jquery.min.js', function() {
				// 加载需要避免缓存的JS
				loadJSNoCache('web/js96110/xhm/data/indexData.js', function() {
					// 最后加载主JS（避免缓存）
					loadJSNoCache('web/js96110/xhm/pc/xhmPcMainV2.js');
				});
			});
		});
	</script>
</body>
</html>
