@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
}

@font-face {
	font-family: 'SourceHanSansCN-Bold';
	src: url('../fonts/SourceHanSansCN-Bold.otf');
}

@font-face {
	font-family: 'SourceHanSansCN-Medium';
	src: url('../fonts/SourceHanSansCN-Medium.otf');
}

/*@font-face {
	font-family: 'SourceHanSansCN-Normal';
	src: url('../fonts/SourceHanSansCN-Normal.otf');
}*/

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;

}

.body-div {
	width: 100%;
	height: 100%;
	position: relative;
}

.page {
	width: 100%;
	height: 100%;
}



/* ----------------------------------------导航 -------------------------------------------*/
.navigation1,
.navigation2,
.navigation3,
.navigation4,
.navigation5,
.navigation6 {
	width: 100%;
	/* width: 120rem; */
	height: 5.9375rem;
	/* width: 1920px;
	height: 95px; */
	position: absolute;
}

.navigation1 {
	/* top: 0; */
	background: linear-gradient(to bottom, #00152a45, #00000000);
	z-index: 100;
}

.navigation2 {
	/* top: 100%; */
	background: linear-gradient(to bottom, #00152a45, #00000000);
}

.navigation3 {
	/* top: 200%; */
	border-bottom: solid 0.0625rem #eeeeee;
	background-color: #ffffff;
}

.navigation4 {
	/* top: 300%; */
	background: linear-gradient(to bottom, #00152a45, #00000000);
}

.navigation5 {
	/* top: 400%; */
	border-bottom: solid 0.0625rem #eeeeee;
	background-color: #ffffff;
}

.navigation6 {
	/* top: 500%; */
	border-bottom: solid 0.0625rem #eeeeee;
	background-color: #e5e6e8;
}




.navigation-c {
	width: 100rem;
	/* width: 1600px; */
	height: 100%;
	margin: 0 auto;
}

.navigation-c-img {
	width: 20.125rem;
	/* width: 322px; */
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.icon-img {
	width: 20.125rem;
	height: 2.8125rem;
	/* width: 322px;
	height: 45px; */
}

.navigation-c-1 {
	float: right;
	margin: 0;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.navigation-c-1-li-w,
.navigation-c-1-li-b {
	text-align: center;
	/* padding: 0 2rem; */
	width: 10rem;
	/* padding: 0 32px; */
	font-size: 1.25rem;
	/* font-size: 20px; */
	list-style-type: none;
	display: inline-block;
	cursor: pointer;
	font-family: 'SourceHanSansCN-Medium';
}

/* ----白字导航---- */
.navigation-c-1-li-w {
	color: #ffffff;
}

/* ----黑字导航---- */
.navigation-c-1-li-b {
	color: #333333;
}


.navigation-c-1-li-w:hover {
	font-size: 1.375rem;
}

.navigation-c-1-li-b:hover {
	font-size: 1.375rem;
}

/*--------------------------------------------轮播 -----------------------------------------*/
.banner-div {
	width: 100%;
	height: 100%;
}

/*.banner-1 {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-image: url(../img/web/1-b.png);*/
/*	background-size: 100% 100%;*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/
.banner-1 {
	width: 100%;
	height: 100%;
	position: relative; /* 必须设置为非static定位 */
	display: flex;
	align-items: center;
}
.background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持视频比例并覆盖整个区域 */
	z-index: -1; /* 确保视频在内容下方 */
}

.banner-d {
	width: 18.75rem;
	height: auto;
	margin-left: 23.75rem;
	/* width: 300px;
	margin-left: 380px;*/
}

.banner-1-c {
	width: 18.75rem;
	font-size: 3.75rem;
	/* width: 300px; 
	font-size: 60px; */
	font-family: 'SourceHanSansCN-Medium';
	color: #ffffff;
	text-shadow: 4px 5px 7px #1010103b;
}

.more1,
.more2 {
	width: 18.75rem;
	height: 3.375rem;
	line-height: 3.375rem;
	/* width: 300px;
	 height: 54px;
	 line-height: 54px;
	 margin-top: 70px;*/
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.375rem;
	/* font-size: 22px; */
	color: #ffffff;
	background-color: #0780c4;
	border: 0.5px solid #ffffffab;
	text-align: center;
	box-shadow: 4px 5px 7px #1010103b;
	cursor: pointer;
	transition: background-color 0.5s;
}

.more1 {
	margin-top: 4.375rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.more1:hover {
	background-color: #1a5fc7;
}

.more2:hover {
	background-color: #1a5fc7;
}

.more2-left:hover {
	background-color: #1a5fc7;
}

.more2-right:hover {
	background-color: #1a5fc7;
}


.more-img {
	width: 1.625rem;
	height: 1.25rem;
	margin-left: 1.125rem;
	/* width: 26px;
	height: 20px; 
	margin-left: 18px; */
}

/*-------------------------------------------关于我们-------------------------------------------*/
.about {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/2-b.png);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.center {
	width: 100rem;
	/* width: 1600px; */
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.about-c {
	width: 42.875rem;
	/* width: 686px; */
	float: right;
}

.about-c-1 {
	color: #ffffff;
	font-size: 3rem;
	/* font-size: 48px; */
	font-family: 'SourceHanSansCN-Bold';
	text-shadow: 4px 5px 7px #1010103b;

}

.about-c-2 {
	color: #ffffff;
	font-size: 1.5rem;
	/* font-size: 24px; */
	font-family: 'SourceHanSansCN-Medium';
	text-shadow: 4px 5px 7px #1010103b;
	line-height: 2rem;
	/* line-height: 32px; */
	margin-top: 1.875rem;
	/* margin-top: 30px; */
}
/* 关于我们 - 文字从右侧滑入 */
.about-c > * {
	opacity: 0;
	transform: translateX(100px);
}

@keyframes slideInFromRight {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.about-c > *.animate {
	animation: slideInFromRight 0.8s forwards;
}
/* 全球业务 - 动画样式 */
.global-c > * {
	opacity: 0;
	transform: translateX(-100px);
}

@keyframes slideInFromLeft {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.global-c > *.animate {
	animation: slideInFromLeft 0.8s forwards;
}
/* 安全模块 - 动画样式 */
.safe-c > * {
	opacity: 0;
	transform: translateX(-100px);
}

@keyframes slideInFromLeft {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.safe-c > *.animate {
	animation: slideInFromLeft 0.8s forwards;
}
/* 加入我们 - 动画样式 */
.join-c > * {
	opacity: 0;
	transform: translateX(100px);
}

@keyframes slideInFromRight {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.join-c > *.animate {
	animation: slideInFromRight 0.8s forwards;
}
/*-------------------------------------------全球业务-------------------------------------------*/
.global {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/3-b.png);
	background-size: 100% 100%;
}

.center2 {
	width: 100rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 13rem;
	/* padding-top: 208px; */
}

.global-c {
	width: 42.875rem;
	/* width: 686px; */
	float: left;
}

.global-c-1 {
	color: #0780c4;
	font-size: 3rem;
	/* font-size: 48px; */
	font-family: 'SourceHanSansCN-Bold';
	/* text-shadow: 4px 5px 7px #1010103b; */

}


/*-------------------------------------------安全-------------------------------------------*/
.safe {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/4-b.png);
	background-size: 100% 100%;
	/* display: flex;
	align-items: center; */
}

.center3 {
	width: 100rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 13rem;
	/* padding-top: 208px; */
}

.safe-c {
	width: 53.75rem;
	/* width: 860px; */
	float: left;
}

.safe-c-1 {
	width: 53.75rem;
	/* width: 860px; */
	color: #ffffff;
	font-size: 3rem;
	/* font-size: 48px; */
	font-family: 'SourceHanSansCN-Bold';
	text-shadow: 4px 5px 7px #1010103b;

}

.safe-c-2 {
	width: 42.875rem;
	/* width: 686px; */
	color: #ffffff;
	font-size: 1.5rem;
	/* font-size: 24px; */
	font-family: 'SourceHanSansCN-Medium';
	text-shadow: 4px 5px 7px #1010103b;
	line-height: 2rem;
	/* line-height: 32px; */
	margin-top: 1.875rem;
	/* margin-top: 30px; */
}

.more2-div {
	margin-top: 1.375rem;
	float: right;
}

.more2 {
	float: left;
	margin-right: 1.625rem;
	/* margin-right: 26px; */
}

.more2-left,
.more2-right {
	width: 3.3125rem;
	height: 3.3125rem;
	/* 	width: 53px;
	height: 53px; */
	background-color: #0780c4;
	border: 0.5px solid #ffffffab;
	text-align: center;
	box-shadow: 4px 5px 7px #1010103b;
	cursor: pointer;
	transition: background-color 0.5s;
	float: left;
}

.more-img2 {
	width: 3.3125rem;
	height: 3.3125rem;
	/* width: 53px;
	height: 53px; */
}

.safe-list {
	position: relative;
	overflow-x: hidden;
	height: 15.125rem; /* 与高度一致 */

	width: 100.2rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 6.25rem;
	float: left;
	/* padding-top: 100px; */
}

.safe-list-ul {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.5s ease-in-out;

	width: 100%;
	padding: 0;
	margin: 0;
	height: 15.125rem;
	/* height: 242px; */
}

.safe-list-li {
	flex-shrink: 0;

	width: 19.25rem;
	height: 15.125rem;
	/* 	width: 308px;
	height: 242px; */
	background-color: #064560d4;
	box-shadow: 4px 5px 7px #1010103b;
	cursor: pointer;
	transition: background-color 0.5s;
	list-style-type: none;
	display: inline-block;
	float: left;
}

.safe-list-li-2 {
	margin-left: 0.9375rem;
	/* margin-left: 15px; */
}

.safe-list-li:hover {
	background-color: #0780c4;
}

.safe-list-li-div1 {
	width: 17.625rem;
	height: 7.5rem;
	/* width: 282px;
	 height: 120px;*/
	margin: 1.875rem auto 0;
	/* margin: 30px auto 0; */
	color: #ffffff;
	font-size: 1.125rem;
	/* font-size: 18px; */
	font-family: 'SourceHanSansCN-Medium';
	word-break: break-all;
	line-height: 1.5rem;
	/* line-height: 24px; */

}

hr {
	border: 0.5px solid #ffffff5e;
	width: 17.625rem;
	/* width: 282px; */
	margin: 0.625rem auto;
	/* margin: 10px auto; */
}

.safe-list-li-div2 {
	width: 10.375rem;
	height: 2.125rem;
	/* width: 166px;
	 height: 34px;*/
	border: 1px solid #ffffff;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	line-height: 2.125rem;
	/* line-height: 34px; */
	font-size: 1.125rem;
	/* font-size: 18px; */
	font-family: 'SourceHanSansCN-Medium';
	margin-top: 1.375rem;
	/* margin-top: 22px; */
	display: none;
	cursor: pointer;
	transition: display 1s;
}

.safe-list-li:hover .safe-list-li-div2 {
	display: block;
}




/*-------------------------------------------加入我们-------------------------------------------*/
.join {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/5-b.png);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}


.join-c {
	width: 33.125rem;
	/* width: 530px; */
	float: right;
}

.join-c-1 {
	color: #333333;
	font-size: 3rem;
	/* font-size: 48px; */
	font-family: 'SourceHanSansCN-Bold';
	line-height: 3.75rem;
	/* line-height: 60px; */
}

.join-c-2 {
	color: #333333;
	font-size: 1.5rem;
	/* font-size: 24px; */
	font-family: 'SourceHanSansCN-Medium';
	line-height: 2rem;
	/* line-height: 32px; */
	margin-top: 1.875rem;
	/* margin-top: 30px; */
}

/*-------------------------------------------新闻-------------------------------------------*/
.news {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/6-b.png);
	background-size: 100% 100%;
}

.center4 {
	width: 100rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 17.1875rem;
	/* padding-top: 275px; */
}

.news-c {
	width: 53.75rem;
	/* width: 860px; */
	float: left;
}

.news-c-1 {
	width: 53.75rem;
	/* width: 860px; */
	color: #0780c4;
	font-size: 3rem;
	/* font-size: 48px; */
	font-family: 'SourceHanSansCN-Bold';
}

.news-list {
	position: relative;
	overflow-x: hidden;
	height: 27.5rem;
	/*white-space: nowrap;*/

	width: 98rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 2.5rem;
	float: left;
	/* padding-top: 40px; */
}

.news-list::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 5rem;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
	pointer-events: none;
}

.news-list-ul {
	display: flex;
	flex-wrap: nowrap; /* 禁止换行 */
	transition: transform 0.5s ease-in-out;

	width: 100%;
	padding: 0;
	margin: 0;
	height: 15.125rem;
	/* height: 242px; */
}

.news-list-li {
	flex-shrink: 0;
	width: 32.25rem;
	height: 18.5rem;
	background-color: #ffffff;
	cursor: pointer;
	transition: background-color 0.5s;
	list-style-type: none;
	display: inline-block;
	float: left;
}

.news-list-li-div1,
.news-list-li-div3,
.news-list-li-div4 {
	width: 27.125rem;
	/* width: 434px; */
	margin: 0 auto;
}

.news-list-li-div1 {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 1rem;
	/* font-size: 16px; */
	color: #909090;
	line-height: 3rem;
	padding-top: 1rem;
	/* line-height: 48px;
	padding-top: 16px; */
}

.news-list-li-div2 {
	display: block;
	/* width: 100%; */
	width: 31.25rem;
	height: 8.9375rem;
	/* height: 143px; */
	overflow: hidden;
	transition: transform 0.5s ease;
}

.news-img {
	width: 100%;
	height: 8.9375rem;
	/* height: 143px; */
	transition: transform 0.5s ease;
}

.news-list-li-div2:hover .news-img {
	transform: scale(1.1);
}

.news-list-li-div3 {
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.125rem;
	/* font-size: 18px; */
	color: #333333;
	padding-top: 1.25rem;
	/* padding-top: 20px; */
	height: 4.625rem;
	/* height: 74px; */
}

.news-list-li-div4 {
	font-family: 'SourceHanSansCN-Regular';
	font-size: 1rem;
	/* font-size: 16px; */
	color: #b6b6b6;
	padding-top: 0.75rem;
	/* padding-top: 12px; */
}

.news-list-li-div5 {
	width: 10.375rem;
	height: 2.125rem;
	/* width: 166px;
	 height: 34px;*/
	border: 1px solid #0780c4;
	margin: 0 auto;
	color: #0780c4;
	text-align: center;
	line-height: 2.125rem;
	/* line-height: 34px; */
	font-size: 1.125rem;
	/* font-size: 18px; */
	font-family: 'SourceHanSansCN-Medium';
	margin-top: 1.375rem;
	/* margin-top: 22px; */
	cursor: pointer;
	transition: background-color 1s;
}

.news-list-li-div5:hover {
	background-color: #0780c4;
	color: #ffffff;
}

.news-list-li-2 {
	margin-left: 2rem;
	/* margin-left: 32px; */
}

/*-------------------------------------------底部-------------------------------------------*/
.bottom {
	width: 100%;
	height: 100%;
	background-image: url(../img/web/7-b.png);
	background-size: 100% 100%;
}

.center5 {
	width: 100rem;
	/* width: 1600px; */
	margin: 0 auto;
	padding-top: 10.25rem;
	/* padding-top: 228px; */
}

.bottom-div1 {
	font-size: 1.5rem;
	/* font-size: 24px; */
	font-family: 'SourceHanSansCN-Medium';
	color: #ffffff;
	text-align: center;
}

.bottom-div2 {
	width: 100%;
	height: 17.25rem;
	/* height: 276px; */
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-top: 6.625rem;
	/* margin-top: 106px; */
}

.bottom-div2-1 {
	width: 28.75rem;
	/* width: 460px; */
	height: 100%;
	display: flex;
	align-items: center;
	float: left;
}

.bottom-div2-left {
	width: 100%;
}

.bottom-a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-family: 'SourceHanSansCN-Regular';
	font-size: 1rem;
	/* font-size: 16px; */
	line-height: 1.75rem;
	/* line-height: 28px; */
	cursor: pointer;
}

.bottom-div2-left a:hover {
	color: #ffffff;
	font-size: 12px;
	/*font-weight: bold;
	font-style: italic;*/
}

.bottom-div2-2 {
	width: 55rem;
	height: 100%;
	/*  width: 880px;*/
	display: flex;
	align-items: center;
	float: right;
}

.bottom-div2-right1 {
	/* width: 55rem; */
	height: 9.375rem;
	/* height: 150px;
	 width: 880px;*/
}

.bottom-div2-right-1 {
	width: 18.5rem;
	/* width: 296px; */
	height: 100%;
	border-right: 1px solid #ffffff80;
}

.bottom-img1 {
	margin-top: 2.625rem;
	margin-right: 2.5rem;
	/* margin-top: 42px;
	 margin-right: 40px;*/
	width: 6.0625rem;
	height: 6.0625rem;
	/* width: 97px;
	height: 97px; */
}

.bottom-div2-right2 {
	/* width: 33.75rem; */
	height: 9.375rem;
	/* height: 150px;
	 width: 540px;*/
	margin-left: 2.5rem;
	/* margin-left: 40px; */
}

.bottom-div2-right2-1 {
	width: 100%;
	color: #ffffff;
	font-size: 1.5rem;
	/* font-size: 24px; */
	font-family: 'SourceHanSansCN-Medium';
}

.bottom-div2-right2-2 {
	width: 100%;
	margin-top: 0.625rem;
	/* margin-top: 10px; */
}

.bottom-img2 {
	display: inline-block;
	width: 6.0625rem;
	height: 6.0625rem;
	/* width: 97px;
		height: 97px; */
	margin-right: 1rem;
	/* margin-right: 16px; */
}

.bottom-img3 {
	/* margin-right: 1rem; */
	/* margin-right: 16px; */
	display: inline-block;
	height: 6.0625rem;
	/* height: 97px; */
}

.bottom-img4 {
	display: inline-block;
	width: 6.0625rem;
	height: 6.0625rem;
	/* width: 97px;
		height: 97px; */
	margin-right: 1rem;
	/* margin-right: 16px; */
}

.bottom-div3 {
	line-height: 3.625rem;
	/* line-height: 90px; */
	text-align: center;
	color: #ffffff;
	/*font-family: 'SourceHanSansCN-Normal';*/
	font-size: 1rem;
	/* font-size: 16px; */
}

/* 定义复合动画 */
/*@keyframes composite-animation {
	0% {
		transform: scale(1);
		opacity: 1;
		background: linear-gradient(to #01a4e9, #01a4e959);
	}

	50% {
		transform: scale(2);
		opacity: 0.5;
		background: linear-gradient(to #01a4e9, #01a4e959);
	}

	100% {
		transform: scale(1);
		opacity: 1;
		background: linear-gradient(to #01a4e9, #01a4e959);
	}
}

.composite-element1 {
	animation: composite-animation 2s infinite;
	background-color: #01a4e9;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	position: relative;
	left: 35rem;
	top: 13rem;
}

.composite-element2 {
	animation: composite-animation 2s infinite;
	background-color: #01a4e9;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	position: relative;
	left: 72rem;
	top: 12rem;
}

.composite-element3 {
	animation: composite-animation 2s infinite;
	background-color: #01a4e9;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	position: relative;
	left: 70.8rem;
	top: 11rem;
}*/



.dot {
	width: 3rem;
	height: 3rem;
	background: #03a9f4; /* Blue color */
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	animation: pulse 2s infinite ease-out;
}

.dot::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #4285f4;
	z-index: -1;
	animation: pulse-ring 2s infinite ease-out;
}

.number {
	color: white;
	font-size: 12px;
	font-weight: bold;
	animation: number-pulse 2s infinite ease-in-out;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.4);
	}
	50% {
		transform: scale(1.1);
		box-shadow: 0 0 0 15px rgba(66, 133, 244, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(66, 133, 244, 0);
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

@keyframes number-pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
}