/*
--Felizon
--2025/1/27
--手机端样式
*/
@media (max-width:750px) {
	.container {
		width: auto;
	}

	.background {}



	.body-box {}

	.top {

		height: 43px;
		padding: 15px;
	}

	.top .logo h1 {
		width: 30px;
	}

	.top .logo h2 {
		margin-left: 10px;
		font-size: 18px;
	}

	.top .anniu {
		width: 150px;
	}

	.top .anniu a {
		line-height: 40px;
	}

	.top .anniu a .anniu-l {
		width: 25px;
		padding: 0 5px 0 25px;
	}

	.top .anniu a .anniu-r {
		width: 80px;
	}

	/*top end*/
	/* banner */


	.item {
		padding: 20px;
		border: 1px solid #333;
		margin: 10px 0;
	}

	.item1 {
		order: 2;
		/* 设置第一项的位置为第二 */
	}

	.item2 {
		order: 1;
		/* 设置第二项的位置为第一 */
	}

	.banner {
		padding: 3%;
		margin-top: 10px;
		display: flex;
		/* 使用 Flexbox 布局 */
		flex-direction: column;
		/* 垂直排列 */


	}

	.banner-l {
		width: 100%;

	}

	.banner-l .list1:nth-child(2) {
		margin-top: -10px;
	}

	.banner-l .list1 ul li {
		font-size: 23px;
		width: 8%;
	}

	.banner-l .list1 ul li:nth-child(2) {
		width: 90%;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) {
		width: 92%;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) .list-bg {
		background: #edf3ff;
		border-radius: 50px;
		float: left;
		width: 27%;
		padding: 1% 3%;
		margin-right: 1%;
		display: flex;
		justify-content: center;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) .list-bg:nth-child(1) h1 img {
		width: 14px;
		margin-left: 10px;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) .list-bg:nth-child(3) {
		width: 25%;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) .list-bg:nth-child(2) h1 img {
		vertical-align: middle;
		margin-top: -6px;
		margin-left: 8px;
	}

	.banner-l .list1:nth-child(2) ul li:nth-child(2) .list-bg:nth-child(3) h1 img {
		vertical-align: middle;
		margin-top: -6px;
		margin-left: 3px;
	}

	.banner-l .list1 ul:nth-child(2) {
		margin-top: 20px;
	}

	.banner-l .list1 ul:nth-child(3) {}

	.banner-l .list1 ul:nth-child(2) li {
		width: 100%;
		text-align: center;
	}

	.banner-l .list1 ul:nth-child(3) li {
		width: 100%;
	}

	.list-bg {
		background: #edf3ff;
		border-radius: 50px;
		height: 30px;
		float: left;
		width: 33%;
		padding: 1% 3%;
		margin-right: 1%;
		display: flex;
		justify-content: center;
	}

	.list-bg:nth-child(2) {
		width: 53%;
	}

	.list-bg h1 {
		width: 28px;
		float: left;
		font-size: 29px;
		text-align: center;


	}

	.list-bg h1 img {
		vertical-align: baseline;
		font-size: 29px;
		margin-top: -5px;
	}

	.list-bg h2 {
		width: 75%;
		float: left;
		line-height: 30px;
		font-size: 16px;
		color: #3c9dfd;
		text-align: center;
	}

	.vido {

		box-shadow: 0 4px 10px rgba(255, 255, 255, 0.3);
		display: flex;
		justify-content: center;
		flex-direction:column;
	}

	.banner-anniu {
		width: 90%;
		float: initial;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 20px;
		position: relative;
	}

	.banner-anniu a {
		display: block;
		margin: 4px;
		background: #3c9dfd;
		border-radius: 5px;
		line-height: 60px;
		overflow: hidden;
		padding: 0 3%;
		color: #fff;
		transition: background-color 0.3s;
	}

	.banner-anniu a:hover {
		background: #1d7edd;
	}

	.banner .banner-anniu:nth-child(2) a {
		
	}

	.banner-anniu a h1 {
		width: 20%;
		text-align: right;
		font-size: 20px;
		float: left;

	}

	.banner-anniu a h2 {
		width: 76%;
		text-align: left;
		font-size: 16px;
		float: right;
	}

	.banner-anniu a h1 img,
	.banner-anniu a h1 img {
		width: 30px;
		vertical-align: middle;
	}

	.biaoqian {
		width: 65px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0%;
	}

	.biaoqian img {
		width: 65px;
		vertical-align: top;
	}

	.banner-r {
		width: 100%;
		float: left;
		overflow: hidden;
		position: relative;
		text-align: center;

	}

	.floating-image {
		width: 99%;
		height: auto;
		animation: float 3s ease-in-out infinite;
		/* 绑定动画 */
	}

	/* 定义上下浮动的关键帧动画 */
	@keyframes float {
		0% {
			transform: translateY(0);
			/* 初始位置 */
		}

		50% {
			transform: translateY(-20px);
			/* 向上浮动 */
		}

		100% {
			transform: translateY(0);
			/* 回到初始位置 */
		}
	}

	.banner-r-txt {
		overflow: hidden;
		height: 100px;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 30px;
	}

	.banner-r-txt h1 {
		font-size: 30px;
		font-weight: bold;
	}

	.banner-r-txt h1 span {
		color: #e44d4c;
	}

	/* banner end */
	/* bot */
	.bot {
		overflow: hidden;
		padding: 0 0 0 0;
	}

	.bot-l {
		width: 92%;
		float: left;
		margin: 0 4%;
	}

	.bot-r {
		width: 100%;
		float: right;
		overflow: hidden;
	}

	.bot-l-t {
		text-align: center;
		overflow: hidden;
	}

	.bot-l-t h1 {
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 24px;

	}

	.bot-l-t h2 {
		margin-top: 24px;
		font-weight: bold;
		color: #333;
		font-size: 20px;
	}

	.bot-l-t h2 span:nth-child(1) {
		color: #7088dc;
		;
	}

	.bot-l-t h2 span:nth-child(2) {
		color: #55d6c3;
	}

	.bot-l-t h2 span:nth-child(3) {
		color: #faafe6;
	}

	.vido {

	}

	.video-container {
		width: 100%;
		margin-top: 2%;

	}

	.vido video {
		width: 100%;
		height: auto;
		display: block;
	}

	.bot-l-t h3 {
		margin-top: 20px;
		font-weight: bold;
		color: #333;
		font-size: 18px;
	}

	.vido video {
		width: 100%;

	}

	.bot-anniu {
		display: flex;
		justify-content: center;
	}

	/* bot end */
	.bot-r .container3 {
		position: relative;
		width: 101%;
		height: 360px;
		margin-top: 30px;
		/* 设置容器高度 */
		overflow: hidden;
		/* 隐藏超出部分 */
	}

	.bot-r .container3::before,
	.bot-r .container3::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 15%;
		/* 渐变遮罩宽度 */
		z-index: 2;
		pointer-events: none;
	}

	.bot-r .container3::before {
		left: 0;
		background: linear-gradient(to right, #ffffff, transparent);
		/* 左侧渐隐效果 */
	}

	.bot-r .container3::after {
		right: 0;
		background: linear-gradient(to left, #ffffff, transparent);
		/* 右侧渐隐效果 */
	}

	.bot-r .moving-image {
		width: 1543px;
		position: absolute;
		animation: scroll 60s linear infinite;
		/* 动画效果 */
	}

	@keyframes scroll {
		0% {
			transform: translateX(-50%);
			/* 从容器左侧开始 */
		}

		100% {
			transform: translateX(20%);
			/* 移动到容器右侧 */
		}
	}

	.footer-bg {
		background: #333;
		padding: 4%;
		height: auto;
		overflow: hidden;
	}

	.footer {
		line-height: 24px;
		display: block;
		width: 100%;
		color: #999;
		overflow: hidden;
		text-align: center;
	}

	.footer a {
		color: #999;
		overflow: hidden;
		text-align: center;
		font-size: 14px;
	}

	.footer p {
		color: #999;
		overflow: hidden;
		text-align: center;
		font-size: 14px;
	}

	.footer a:hover {
		color: #fff;
	}

	.jianjie p {

		line-height: 20px;
		margin: 2% 0;
	}
}