.reveal-section {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s ease-in-out, transform 1s ease-in-out;



	border-radius: 8px;

	position: relative;
}

.reveal-section.visible {
	opacity: 1;
	transform: translateY(0);
}


.active .tt1 {
	visibility: visible;
}

.active .tt2 {
	visibility: hidden;
}

.tt1 {
	visibility: hidden;
}

.tt2 {
	visibility: visible;
}



#home {
	padding-top: 75px;
	background: #f7f7f7;
}

#home .a1 {
	float: right;
	width: 70%;
}

#home .b1 {
	float: left;
	width: 25%;
	margin-left: 5%;
	margin-top: 10%;
}

#home .b1 .z1 {
	font-size: 1.2vw;
	color: #ffc833;
	letter-spacing: 5px;
}

#home .b1 .z2 {
	font-size: 1vw;
	line-height: 2vw;
}

#home .aa1 {
	float: left;
	width: 45%;
	position: relative;
}

#home .aa1 img {
	width: 100%;
}

#home .aa2 {
	float: right;
	width: 55%;
}

#home .aa2 img {
	width: 100%;
}

#home .aa1 .fda1 {
	position: absolute;
	top: 25%;
	padding: 0px 10%;
}

#home .aa1 .fda1 .tup1 {
	width: 80%;
	height: auto;
}

#home .aa1 .fda1 .z2 {
	color: #1A54A3;
	line-height: 30px
}

@media only screen and (max-width: 900px) {
	#home .b1 .z2 {
		font-size: 1vw;
		line-height: 3vw;
	}

	#home .a1 {
		float: right;
		width: 63%;
	}

	#home .b1 {
		float: left;
		width: 30%;
	}
}


@media only screen and (max-width: 1200px) {
	#home .aa1 .fda1 {
		position: absolute;
		top: 10%;
		padding: 0px 10%;
	}
}

@media only screen and (max-width: 900px) {
	#home .aa1 {
		width: 100%;
	}

	#home .aa2 {
		width: 100%;
	}

	#home {
		padding-top: 50px;
	}
}





/* Optional: Add a fade-in effect when the page loads */
.number.fade-in {
	opacity: 0;
	transform: scale(0.8);
	animation: fadeInScale 0.5s ease-in-out forwards;
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(0.8);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

#home .aa2 {
	position: relative;
}

.aa2 .kkfd {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	margin-left: 5%;
}

.aa2 .kkfd .bb2 .cc1 .zz1 {
	color: #000;
	text-align: center;
	z-index: 999;
	font-size: 18px;
}

.aa2 .kkfd .axx1 {
	margin-top: 5%;
	margin-bottom: 5%;
	background: #e4e5e5;
	border-radius: 10px;
}

.aa2 .kkfd .axx1 .bb1 {
	float: left;
	width: 30%;
	padding-top: 22%;
	background: #fff;
	padding-bottom: 22%;
	opacity: 0.8;
	border-radius: 10px;
	margin: 5%;
}

.aa2 .kkfd .axx1 .bb2 {
	float: right;
	width: 60%;
	padding-top: 5%;
}

.aa2 .kkfd .axx1 .bb2 .cc1 {
	background: #fff;
	opacity: 0.8;
	margin-right: 5%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 7%;
	border-radius: 10px;
}

.number {
	font-size: 2.4em;

	text-align: center;
	color: #1257b7;
	margin: 10px;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}


@media only screen and (max-width: 1900px) {
	.aa2 .kkfd .axx1 .bb1 {
		padding-top: 19%;
		padding-bottom: 19%;
	}

	.number {
		font-size: 1.6em;
		margin: 5px;
	}

	.aa2 .kkfd .bb2 .cc1 .zz1 {
		font-size: 16px;
	}

	.aa2 .kkfd .axx1 .bb2 .cc1 {
		margin-bottom: 4%;
	}
}


@media(max-width: 1700px) {
	.aa2 .kkfd .axx1 .bb1 {
		padding-top: 18%;
		padding-bottom: 18%;
	}

	.number {
		font-size: 1.2em;
		margin: 5px;
	}

	.aa2 .kkfd .bb2 .cc1 .zz1 {
		font-size: 14px;
	}

	.aa2 .kkfd .axx1 .bb2 .cc1 {
		margin-bottom: 2%;
	}

	.dtu1 {
		height: 800px;
	}
}


@media (max-width: 1500px) {
	.aa2 .kkfd .axx1 .bb1 {
		padding-top: 14%;
		padding-bottom: 14%;
	}

	.number {
		font-size: 1em;
		margin: 0px;
	}

	.aa2 .kkfd .bb2 .cc1 .zz1 {
		font-size: 14px;
	}

	.aa2 .kkfd .axx1 .bb2 .cc1 {
		margin-bottom: 2%;
	}

	#home {
		min-height: 800px;
	}

	.dtu1 {
		height: 800px;
	}

	.abd {
		width: 90%;
		margin: 0px auto;
	}

	.nnc1 {
		width: 90%;
		margin: 0px auto;
	}
}

@media (max-width: 1400px) {
	#home {
		min-height: 750px;
	}

	.dtu1 {
		height: 750px;
	}

	.abd {
		width: 90%;
		margin: 0px auto;
	}

	.nnc1 {
		width: 90%;
		margin: 0px auto;
	}
}


.lunbotu {
	padding-top: 50px;
}

.lunbotu .swiper {
	width: 100%;
	height: 100%;
}

.lunbotu .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lunbotu .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.btt1 {
	letter-spacing: 5px;
	text-align: center;
	color: #1A54A3;
	font-weight: bold;
	margin-top: 2%;
}

.btt1 img {
	padding-right: 10px;
}


.zuoa {
	width: 78%;
	display: table-cell;
}

.youa {
	width: 22%;
	display: table-cell;
	position: relative;
}

@media only screen and (max-width:900px) {
	.zuoa {
		width: 100%;
	}

	.youa {
		width: 0px;
	}

	#gallery .a1 .b2 .zi .zi1 {
		padding: 0px 5px;
	}

	#gallery .a1 .zi {
		padding: 20px 10px;
	}
}

.mm60 {
	margin-top: 60px;
}

@media only screen and (max-width:900px) {
	.mm60 {
		margin-top: 0px;
	}

	.reveal-section {
		margin-top: 0px;
		padding: 0px;
	}

}



.tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 20px;
}

.tab-button {
	padding: 10px 5px;
	margin-right: 5px;
	cursor: pointer;
	outline: none;
	border: none;
	background: none;
	width: 15%;
}

.tab-button img {
	max-width: 100%;
	height: auto;
}


.tab-content {

	padding: 20px;
	border-radius: 5px;
	width: 1500px;
	margin: 0px auto;
	

}




.tab-content.active {
	display: block;
	opacity: 1;
}

.fade {
	animation: fadeIn 1s ease-in-out forwards;
}

.pp50 {
	padding: 50px 0px;
}

@media (max-width: 998px) {

	.tab-button {
		font-size: 14px;
		width: 30%;
	}

	.pricea1,
	.discounta1 {
		font-size: 14px;
	}

}

/* 响应式调整 */
@media (max-width: 768px) {

	.tab-button {
		font-size: 14px;
		width: 45%;
	}

	.pricea1,
	.discounta1 {
		font-size: 14px;
	}

}





@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@media only screen and (max-width:1500px) {
	.tab-content {
		width: 100%;
		margin: 0px auto;
	}

}

.tab-content .ttc1 {
	margin-top: 50px;
	margin-bottom: 50px;
}

@media only screen and (max-width:900px) {
	.pp50 {
		padding: 0px;
	}

	#lianhe .a3 .b1 {
		padding-left: 0px;
	}

	#lianhe .a3 .b3 {
		padding-right: 0px;
	}
}

.abd {
	text-align: center;
	margin-top: 20px;
	padding: 70px 0px;
}

.abe {
	text-align: center;
	padding: 50px 0px;
}

@media only screen and (max-width:900px) {
	.abd {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
	}

	.abe {
		width: 90%;
		margin: 0px auto;
		padding-bottom: 0px;
	}

	.tabs {
		width: 100%;
		margin: 0px auto;
	}

	.tab-button {
		padding: 0px;
	}

	.qiehuan {
		margin-top: 10px;
	}

	.tab-content {
		padding: 20px 0px;
	}

}

.aabc {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}

.rzmd2 .a1 .b1 {
	float: left;
	width: 29%;
	margin: 2%;
}

.rzmd2 .a1 .b1 img {
	width: 100%;
}

.rzmd2 .a2 {
	width: 65%;
	margin: 0px auto;
	margin-top: 30px;
}

.rzmd2 .a2 .b1 {
	float: left;
	width: 45%;
	margin: 2.5%;
}

.rzmd2 .a2 .b1 img {
	width: 100%;
}

.rzmd2 .a2 {
	margin-bottom: 80px;
}

.rzmd2 .a1 {
	padding-top: 50px;
}

.rzmd2 {
	width: 70%;
	margin: 0px auto;
	margin-top: 40px;
}

#lianhe {
	position: relative;
}

#lianhe .lianhea1 img {
	max-width: 100%;
}

#lianhe .lianhea2 img {
	max-width: 100%;
}

#lianhe .lianhea1 {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 14%;
}

#lianhe .lianhea2 {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 14%;
}

@media only screen and (max-width:900px) {
	.rzmd2 {
		width: 100%;
		padding-top: 0px;
	}

	.abat1 {
		width: 80%;
		margin: 0px auto;
	}

	#lianhe .lianhea1 {
		display: none;
	}

	#lianhe .lianhea2 {
		display: none;
	}

	.rzmd2 .a2 {
		margin-bottom: 0px;
	}

}


#feature .a1 {
	display: flex;
	padding: 5% 0px;
}

#feature .a1 .b1 {
	display: table-cell;
	width: 35%;
}

#feature .a1 .b2 {
	display: table-cell;
	width: 20%;
}

#feature .a1 .b3 {
	display: table-cell;
	width: 45%;
}

#feature .a1 .b1 .c1 {
	position: relative;
}

#feature .a1 .b1 .c1 img {
	width: 100%;
}

#feature .a1 .b1 .c1 .zi {
	line-height: 2vw;
	font-size: 1.2vw;
	color: #fff;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
}

.zy1 {
	margin-top: 8%;
	margin-right: 10%;
}

.zy {
	margin-top: 8%;
	margin-left: 10%;
}

#feature .a1 .b2 {
	margin-top: 13%;
}

#feature .a1 .b3 .c1 {
	color: #1A54A3;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 5%;
	margin-bottom: 5%;
	padding: 10% 0px;
	border: 1px #1A54A3 solid;
	text-align: center;
	font-size: 1.2vw;
	line-height: 30px;
}

#feature .a1 .b3 .c2 {
	color: #1A54A3;
	margin-bottom: 5%;
	padding: 7% 0px;
	border: 1px #1A54A3 solid;
	text-align: center;
	font-size: 1.2vw;
	line-height: 30px;
}

#feature .a1 .b3 .c3 {
	color: #1A54A3;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10% 0px;
	border: 1px #1A54A3 solid;
	text-align: center;
	font-size: 1.2vw;
	line-height: 30px;
}

#feature .a1 .b2 img {
	max-width: 100%;
}

#feature .a1 .b3 .c1:hover {
	background: #e5e5e5;
	color: #333;
}

#feature .a1 .b3 .c2:hover {
	background: #e5e5e5;
	color: #333;
}

#feature .a1 .b3 .c3:hover {
	background: #e5e5e5;
	color: #333;
}

.bt3 {
	width: 350px;
	font-size: 1.2vw;
	margin: 0px auto;
	background: #ffc033;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	color: #1a549b;
	font-weight: bold;
}

.lista1 {
	width: 100%;
}

.lista1 ul li {
	width: 28%;
	margin: 2.5%;
	float: left;
}

.lista1 ul li img {
	width: 100%;
}


#xuanze .ax1 {
	width: 100%;
	margin: 0px auto;

	position: relative;
}

#xuanze .ax1 .e1 {
	margin-top: 30px;
}

#xuanze .ax1 .e1 ul li {
	width: 43%;
	float: left;
	font-size: 1.2vw;
	color: #f0b103;
	text-align: center;
	margin-bottom: 10px;
}

#xuanze .ax1 .e1 ul li span {
	background: #FFC833;
	color: #1A54A3;
	padding: 10px 25px;
}

#xuanze .ax1 .e1 ul li:nth-child(2) {
	width: 14%;
	font-size: 6vw;
	text-align: center;
}

#xuanze .ax1 .e1 ul li:nth-child(2) span {
	color: #1A54A3;
	background: none;
	padding: 0px;
}

#xuanze .ax1 .e1 ul li {
	width: 43%;
	float: left;
	font-size: 1vw;
	color: #1A54A3;
	line-height: 3.5vh;
	text-align: left;
}


#xuanze .ax1 .e1 ul li .t1 {
	background: #1A54A3;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}

#xuanze .ax1 .e1 ul li .t3 {
	background: #FFC833;
	text-align: center;
	color: #1A54A3;
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}

#xuanze .ax1 .e1 ul li .t2 {
	font-size: 14px;
	line-height: 25px;
	height: 120px;
}


#xuanze .ax1 .e1 ul li .t4 {
	background: #1A54A3;
	text-align: center;
	color: #fff;
}


@media (max-width: 750px) {
	#xuanze .a1 {
		width: 100%;
		margin: 0px auto;
	}
}

#xuanze .a1a {
	display: flex;
	color: #1A54A3;
	font-size: 1vw;
}

#xuanze .a1a:hover {
	background: #dadfe5;
}



#xuanze .a1a:hover .b2 {
	color: #fff;
	background: #1A54A3;
}

#xuanze .a1a:hover .b3 {}

#xuanze .a1a .b1 {

	padding: 20px 10px;
	display: inherit;
	width: 43%;
	text-align: left;
	border-left: 1px #ffc833 solid;
	border-right: 1px #ffc833 solid;
	font-weight: 600;
	font-size: 1vw;

}

#xuanze .a1a .b1 span {
	padding-right: 10px;
}

#xuanze .a1a .b2 {

	padding: 20px 0px;
	display: table-cell;
	width: 14%;
	text-align: center;
	color: #1A54A3;
	font-size: 1.2vw;
	font-weight: bold;
}

#xuanze .a1a .b3 {

	padding: 15px;
	display: inherit;
	width: 43%;
	text-align: left;
	border-left: 1px #1A54A3 solid;
	border-right: 1px #1A54A3 solid;
	font-weight: 600;
	font-size: 1vw;

}

#xuanze .a1a .b3 span {
	padding-right: 10px;
}

#xuanze .a3 {
	display: flex;
	width: 80%;
	margin: 0px auto;
	font-size: 1vw;
}

#xuanze .a3 .b1 {
	display: table-cell;
	width: 42%;
	padding-left: 10%;
	z-index: 100;
}

#xuanze .a3 .b1 span {
	font-size: 1.3vw;
	background: #ffc833;
	padding: 10px 30px;
	color: #1A54A3;
	font-weight: bold;
	z-index: 100;
}

#xuanze .a3 .b2 {
	display: table-cell;
	width: 16%;
}

#xuanze .a3 .b3 {
	display: table-cell;
	width: 42%;
	text-align: right;
	padding-right: 10%;
	z-index: 100;
}

#xuanze .a3 .b3 span {
	font-size: 1.3vw;
	background: #ffc833;
	padding: 10px 30px;
	color: #1A54A3;
	font-weight: bold;
	z-index: 200;
}


.bt2 {
	margin-bottom: 4vh;
	text-align: left;
	text-align: center;
	position: relative;

}


.bt2::before {
	content: '';
	position: absolute;
	top: 95%;
	/* 调整为文字高度的80%，使蓝色长条稍微往上一些 */
	left: 40%;
	width: 20%;
	height: 3px;
	background-color: #0063b1;
	/* 蓝色长条 */
}


@media (max-width: 750px) {
	.bt2 {
		text-align: center;
	}

	.bt3 {
		font-size: 18px;
	}
}

#pop .a1 {
	position: relative;
	display: flex;
}

#pop .a1 .b1 {
	display: table-cell;
	width: 23%;
	margin: 1%;
}

#pop .a1 .b2 {
	display: table-cell;
	width: 23%;
	margin: 1%;
	margin-top: 10%;
}

#pop .a1 .b2 img {
	max-width: 100%;
	height: auto;
}

#pop .a1 .b1 img {
	max-width: 100%;
	height: auto;
}

#pop .a1 .tu {
	background: #1A54A3;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	overflow: hidden;
}


#pop .a1 .tu img {
	transition: transform 0.6s ease;
}

#pop .a1 .tu img:hover {
	transform: scale(1.2);
}

#pop .a1 .zia1 {
	text-align: center;
	font-size: 1.2vw;
	line-height: 2vw;
	padding: 0.7vw;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px #1A54A3 solid;
	border-top: 0px;
	color: #1A54A3;
}

.image-container img {
	transition: transform 0.25s ease;
	/* 动画效果 */
	max-width: 100%;
	/* 确保图片不会超过容器 */
	height: auto;
	/* 保持图片的原始宽高比 */
}

.image-container img:hover {
	transform: scale(1.2);
	/* 放大到原始尺寸的1.2倍 */
}


.wwp {
	display: block;
}

.ppp {
	display: none;
}

#xuanze .ax1 {
	display: none
}

#xuanze .a1 {
	display: block
}

@media screen and (max-width:680px) {
	#gallery .bt1 span {
		font-size: 18px;
	}

	#gallery .bt1 {
		font-size: 16px;
	}

	#gallery .a1 .zi {
		font-size: 14px;
	}

	#gundongewm {
		font-size: 12px;
	}

	#gallery .a1 .b2 .zi {
		font-size: 14px;
	}

	.bt2 {
		font-size: 15px;
	}

	.bt2 span {
		font-size: 16px;
	}

	#lianhe .a3 .b1 span {
		font-size: 15px;
	}

	#lianhe .a1 .b1 {
		font-size: 14px;
	}

	#lianhe .a1 .b2 {
		font-size: 15px;
	}

	#lianhe .a2 {
		font-size: 14px;
	}

	#lianhe .a2 span {
		font-size: 15px;
	}

	#shishang .a1 .b1 .e1 ul li {
		font-size: 15px;
	}

	#shishang .a1 .b1 .e2 {
		font-size: 14px;
	}

	#shishang .a1 .b1 .e2 .f2 {
		font-size: 15px;
	}

	#shishang .a1 .b1 .e3 .f1 {
		font-size: 14px;
	}

	#shishang .a1 .b1 .e3 .f3 {
		font-size: 14px;
	}


	#xuanze .a1a .b1 {
		font-size: 14px;
		display: inherit;
	}

	#xuanze .a1a .b3 {
		font-size: 14px;
		display: inherit;
	}

	#xuanze .a1a .b2 {
		font-size: 15px;
	}

	#pop .a1 .zia1 {
		line-height: 22px;
		font-size: 14px;
	}

	#hezuo .column .container1 {
		display: block
	}

	#hezuo .column .text-container {
		font-size: 13px;
		line-height: 24px;
		padding-left: 0px;
	}

	#hezuo .column .text-container p img {
		display: none
	}

	.you {
		padding-right: 0px;
	}

	.bta2 p {
		font-size: 15px;
	}

	#feature .a1 .b1 {
		width: 100%
	}

	.wwp {
		display: none;
	}

	.ppp {
		display: block;
		width: 100%;
	}

	#home .a1 {
		width: 100%;
		float: none;
	}

	#home .b1 {
		width: 96%;
		margin: 0px auto;
		float: none;
	}

	#home .b1 .z2 {
		font-size: 15px;
		line-height: 30px;
	}

	#feature .a1 {
		display: block;
	}

	#feature .a1 .b1 {
		display: block;
	}

	.zy1 {
		margin-right: 0px;
	}

	#feature .a1 .b1 .c1 {
		float: left;
		width: 48%;
		margin: 1%;
	}

	#feature .a1 .b1 .c1 .zi {
		font-size: 14px;
		line-height: 30px;
		top: 20%
	}

	#feature .a1 .b2 {
		display: block;
		width: 30%;
		margin: 0px auto;
	}

	#feature .a1 .b3 {
		width: 96%;
		margin: 0px auto;
		display: block;
	}

	#feature .a1 .b3 .c1 {
		font-size: 15px;
		line-height: 30px;
	}

	#feature .a1 .b3 .c2 {
		font-size: 15px;
		line-height: 30px;
	}

	#feature .a1 .b3 .c3 {
		font-size: 15px;
		line-height: 30px;
	}

	#lianhe .a1 {
		width: 96%;
		margin: 0px auto;
	}

	#xuanze .a1 .e1 ul li table tr td.t2 {
		font-size: 14px;
	}

	#xuanze .a1 .e1 ul li table tr td.t1 {
		font-size: 15px;
	}

	#xuanze .a1 .e1 ul li table tr td.t1 {
		width: 10%;
		height: 200px;
	}

	#xuanze .a1 .e1 ul li table tr td.t4 {
		width: 10%;
	}

	#xuanze .a1 .e1 ul li table tr td.t2 {
		width: 80%;
		font-size: 14px;
	}

	#xuanze .a1 .e1 ul li table tr td.t3 {
		font-size: 15px;
	}

	#lianhe .a1 .b3 {
		font-size: 14px;
	}

	#shishang .a1 .b1 .e3 .f2 {
		font-size: 14px;
	}

	#xuanze .a1 {
		display: none
	}

	#xuanze .ax1 {
		display: block
	}

	#lianhe .a3 .b3 span {
		font-size: 15px;
	}

}


/*标题样式1*/
.title-container {
	display: flex;
	align-items: center;
	justify-content: left;
	margin-top: 30px;
	width: 100%;

}

.title-chinese {
	background-color: #1A549B;
	color: white;
	padding: 15px 50px;
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;

}

.title-english {

	color: #1A549B;
	padding: 10px 20px;
	font-size: 20px;
	text-align: center;

}

/* 响应式布局 */
@media (max-width: 600px) {
	.title-container {
		flex-direction: column;
	}

	.title-chinese,
	.title-english {
		width: 100%;
		text-align: center;
		padding: 15px 0;
	}


	#home .aa1 .fda1 .z2 {
		font-size: 14px;
	}
}

/*结束标题样式1*/


/* 标题部分样式 */
.title-sectiona1 {
	position: relative;
	margin-bottom: 40px;
	height: 50px;
}

.title-sectiona1 div {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 50px;
	background-color: #18569d;
	transform: skewX(-20deg);
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	padding-left: 30px;
	text-align: center;
}

.title-sectiona1 span {
	position: absolute;
	top: 10px;
	left: 51%;
	color: #18569d;
	font-size: 18px;
}

/* 按钮样式 */
.button-sectiona1 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.button-sectiona1 button {
	width: 80%;
	background-color: #f9bb33;
	color: #18569d;
	border: none;
	padding: 5px 30px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 50px;
	cursor: pointer;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
	.title-sectiona1 span {
		font-size: 16px;
	}

	.button-sectiona1 button {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
	.title-sectiona1 div {
		font-size: 20px;
		width: 100%;
		position: relative;
	}

	.title-sectiona1 {
		text-align: center;
	}

	.title-sectiona1 span {
		left: 0px;
		width: 100%;
		text-align: center;
		position: relative;
	}

	.button-sectiona1 button {
		width: 100%;
	}
}

.zhongj {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}





.whylist {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
}

/* 栅格布局 */
.whylist .grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10%;
	margin-top: 20px;
}

/* 单个卡片样式 */
.whylist .grid-item {
	position: relative;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.whylist .grid-item img {
	width: 100%;
	height: auto;
	display: block;
}

.whylist .grid-item .content {
	position: absolute;
	bottom: 2%;
	right: 3.3%;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	text-align: center;
	line-height: 4vh;
}

.whylist .grid-item .title {
	font-size: 20px;
	font-weight: bold;
	color: #18569d;
}

/* 响应式样式 */
@media screen and (max-width: 768px) {
	.whylist .grid-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 2%;
	}


}

@media screen and (max-width: 480px) {
	.whylist .grid-container {
		grid-template-columns: 1fr;
	}
}

.liuyan1 {
	width: 80%;
	margin: 0 auto;
	padding: 20px;
}

/* 表单样式 */
form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* 表单输入框样式 */
.input-group {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.input-group input {
	width: 100%;

	border: 0px;
	font-size: 14px;
	padding-left: 10px;
}

.input-group input::placeholder {
	color: #666;
}

.input-group .icon {
	position: relative;
	left: 10px;
	/* 调整图标的水平位置 */
	top: 10%;
	transform: translateY(-50%);
	color: #333;
	font-size: 16px;
	pointer-events: none;
	/* 禁用图标的点击事件 */
}

/* 消息输入框 */
.message-input {
	position: relative;
	height: 50px;
	resize: vertical;
	padding: 10px 30px;
	/* 为小图标预留空间 */
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
}


.message-input textarea {
	border: 0px;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	font-size: 14px;
}

.message-input .icon {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
	font-size: 16px;
	pointer-events: none;
	/* 禁用图标的点击事件 */
}

/* 提交按钮样式 */
.submit-button {
	background-color: #18569d;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
}

.submit-button:hover {
	background-color: #154da0;
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
	.input-group {
		flex-direction: column;
		align-items: stretch;
	}

	.input-group .icon {
		margin-bottom: 5px;
	}
}

.footer-bottom {
	background-color: #18569d;
	color: #fff;
	padding: 20px 0;
}

/* 页脚部分样式 */
.footer {
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .logo {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.footer .qr-code {
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
}

.footer .qr-code img {
	width: 100%;
	height: 100%;
}

.footer .contact-info {
	text-align: left; width: 90%;
}

.footer .contact-info .icons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer .contact-info .icons span {
	font-size: 16px;
}

.footer .contact-info .icons i {
	font-size: 24px;
	margin-right: 10px;
}

.address1 {
	display: inherit;
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
	.footer {
		flex-direction: column;
		align-items: left;
	}

	.footer .logo {
		margin-bottom: 20px;
	}

	.footer .contact-info {
		text-align: left; width: 95%;
	}
	.footer{ width: 100%; margin: 0 auto; }


}


@media screen and (max-width: 768px) {
	.bt2 {
		padding-bottom: 10px;
	}

	.bt2::before {
		width: 40%;
		left: 30%;
	}

	#hezuo {
		margin-top: 0px;
	}

	#shishang {
		margin-top: 0px;
	}

	#xuanze {
		margin-bottom: 10px;
	}

}


.pricea1 {
	font-size: 14px;
	font-weight: bold;
	color: #999;
}

.pricea1 del {
    text-decoration-color: red;
}
.discounta1 {
	color: #1A54A4;
	font-size: 16px;
	font-weight: bold;
}

.discounta1 span {
	font-size: 25px;
}

/* 响应式调整 */
@media (max-width: 480px) {

	.pricea1,
	.discounta1 {
		font-size: 14px;
	}
}




.fuwu2 {
	width: 85%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

.fuwu2 .title {
	background-color: #1B5099;
	color: white;
	padding: 5px 40px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: bold;
	width: fit-content;
	margin: 0 auto 20px;
}

.fuwu2 .card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin: 0 -20px;
	/* 解决内部间距问题 */
	border: 1px solid #1B5099;
	border-radius: 10px;
}

.fuwu2 .card {
	flex: 1 1 calc(33.33% - 40px);
	/* 计算每列宽度，适应三列布局 */
	min-width: 0;
	/* 解决旧版浏览器的宽度问题 */

	padding: 20px;

	display: flex;
	/* 使用 Flexbox 布局 */
	align-items: center;
	/* 垂直居中 */
	position: relative;
}

.fuwu2 .card-number {
	font-size: 35px;
	color: #1B5099;
	font-weight: 900;
	font-style: italic;
	margin-right: 10px;
	/* 数字与文字的间距 */
}

.fuwu2 .card-content {
	flex: 1;
	/* 让文字部分占据剩余空间 */
	text-align: left;
}

.fuwu2 .card-content p {
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
	/* 移除段落默认的上下间距 */
	color: #1B5099;
	font-weight: bold;
}

.fuwu2 .card-content span {
	font-size: 14px;
	font-weight: bold;
	color: #1B5099;
}

/* 插入竖线 */


/* 插入竖线 */
.fuwu2card:not(:first-child)::before {
	/* 只在第一个卡片之后的卡片前插入竖线 */
	content: "";
	display: block;
	width: 1px;
	background-color: #1B5099;
	height: 96%;
	position: absolute;
	top: 2%;
	left: calc(-20px - 1px);
	/* 与边距和内边距对齐 */
}

/* 响应式设计 */
@media (max-width: 768px) {
	.fuwu2 .card {
		flex: 1 1 100%;
		margin: 0;
		width: 100%;
	}

	.fuwu2 .card::before {
		display: none;
		/* 小屏幕时不显示竖线 */
	}
}


.xbg1 {
	background-image: url(../images/xbg1.jpg);
	background-size: cover;
	background-position: center center;
	padding: 30px 0px;
}

.xbtaa1 {
	text-align: center;
	padding-bottom: 20px;
}

.xbtaa1 img {
	width: 100%;
	max-width: 400px;
}

#hemoshi {
	padding-top: 40px;
}



.xnnc1 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 1200px;
	margin: 0px auto;
}

.xnnc1 .bubble {

	width: calc(25% - 40px);
	/* 调整响应式布局 */

	text-align: center;
}

.xnnc1 .bubble img {
	width: 100%;

}

.xnnc1 .bubble h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 0;
}

.xnnc1 .bubble p {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
	line-height: 1.6;
}

/* 气泡错位布局 */
.bubble:nth-child(2n) {
	position: relative;
	bottom: -40px;
	/* 第二个、第四个等偶数号气泡上移 */
}



/* 响应式设计 */
@media (max-width: 768px) {
	.xnnc1 .bubble {
		width: calc(50% - 40px);
		/* 在小屏幕设备上，每个卡片占一行的二分之一 */
	}

	.bubble:nth-child(2n) {
		top: 0;
		/* 清除错位效果 */
	}
}

@media (max-width: 500px) {
	.xnnc1 .bubble {
		width: 100%;
		/* 在非常小的屏幕设备上，每个卡片占一行 */
	}
}


.rongqi {
	width: 100%;
	padding: 20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
	max-width: 1600px;
	/* 限制最大宽度 */
	margin: 0 auto;
	/* 居中 */

}

/* 根容器 */
.xnnc2 .rongi1 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;


}

/* 单个卡片 */
.rongi1 .card {

	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
}

.rongi1 .card img {
	width: 100%;
}

/* 标题部分 */




/* 比例调整 */
.rongi1 .card:first-child {
	width: calc(23% - 20px);
	/* 第一部分占 20% */
}

.rongi1 .card:nth-child(2) {
	width: calc(33.5% - 20px);
	/* 第二部分占 40% */
}

.rongi1 .card:nth-child(3),
.rongi1 .card:nth-child(4) {
	width: calc(23% - 20px);
	/* 第三和第四部分各占 20% */
}

/* 根容器 */
.xnnc2 .rongi2 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;

}

/* 单个卡片 */
.rongi2 .card {

	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
}

.rongi2 .card img {
	width: 100%;
}

/* 标题部分 */




/* 响应式布局 */
@media (min-width: 768px) {

	.rongi2 .card {
		width: calc(20% - 20px);
		/* 每个卡片占 25%，减去外边距 */
	}


	.rongi1 .card {
		width: calc(25% - 20px);
		/* 每个卡片占 25%，减去外边距 */
	}



}

@media (max-width: 768px) {

	/* 比例调整 */
	.rongi1 .card:first-child {
		width: 100%
			/* 第一部分占 20% */
	}

	.rongi1 .card:nth-child(2) {
		width: 100%;
		/* 第二部分占 40% */
	}

	.rongi1 .card:nth-child(3),
	.rongi1 .card:nth-child(4) {
		width: 100%;
		/* 第三和第四部分各占 20% */
	}
}

.xnnc3 {
	padding-top: 40px;
}

.xbtaa2 {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;

}

.xbtaa2 .dashed-line {
	border-top: 2px dashed #FFC107;
	/* 黄色虚线 */
	width: 100%;
	/* 虚线的宽度适应屏幕 */
	max-width: 200px;
	/* 最大宽度 */
	flex-shrink: 0;
	/* 确保虚线不被压缩 */
}

.xbtaa2 .button {
	background-color: #49A0F5;
	/* 蓝色背景 */
	color: white;
	/* 白色文字 */
	border-radius: 20px;
	/* 圆角 */
	padding: 10px 20px;
	/* 内部间距 */
	font-size: 18px;
	font-weight: bold;
	border: none;
	/* 移除边框 */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	/* 阴影效果 */
	margin: 0 20px;
	/* 按钮与虚线的间距 */
}

/* 响应式设计 */
@media (max-width: 768px) {
	.xbtaa2 .dashed-line {
		max-width: 70px;
		/* 小屏幕设备上虚线缩短 */
	}

}

.rongqi3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 auto;
	padding: 10px;
	background-image: url(../images/xbg3.jpg);
	background-size: cover;
	background-position: center center;
}

.rongqi3 .card {
	width: calc(25% - 20px);
	margin-bottom: 20px;
	position: relative;
}

.rongqi3 .card img {
	width: 100%;

	margin-bottom: 10px;
}

/* 响应式设计 */
@media (min-width: 768px) {
	.rongqi3 .card {
		width: calc(25% - 20px);
	}
}

@media (max-width: 767px) {
	.rongqi3 .card {
		width: calc(98% - 20px);
	}
}


.kk1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1600px;
	margin: 0px auto; 

}

.kk1 .box {
	width: calc(48% - 20px);

}

.kk1 .box img {
	width: 100%;
}

@media (max-width: 768px) {
	.kk1 .box {
		width: 98%;
		margin: 0px auto;
	}
}

.kka2 {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
}

.kka2 img {
	width: 100%;
}

.zhibok1 {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin: 0px auto;
	max-width: 1600px;
}

.zhibok1 .column {
	flex: 1 1 45%;
	/* 每列至少45%宽度 */
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	/* 在小屏幕下增加底部间距 */
}

.zhibok1 .title {
	position: relative;
	margin-bottom: 10px;
	color: #1A54A4;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 5px;
	text-align: center;
	margin-bottom: 30px;
}

.zhibok1 .title::after {
	content: '';
	position: absolute;
	left: 38%;
	bottom: 0;
	width: 24%;
	height: 2px;
	background-color: #1A54A4;
}

.zhibok1 .title-blue::after {
	background-color: #FFC033;
}

.zhibok1 img {
	width: 100%;
	height: auto;
	display: block;
}

/* 响应式设计 */
@media (max-width: 768px) {
	.zhibok1 .column {
		flex: 1 1 100%;
		/* 在小屏幕下每列占100%宽度 */
		margin-bottom: 10px;
	}
}

.zhibok2 {
	width: 100%;
	margin: 0px auto;
	max-width: 1200px;
}

.zhibok2 img {
	width: 100%;
}

.remark {
	width: 95%;
	margin: 0px auto;
	max-width: 1000px;
	background-color: #FFC033;
	/* 黄色背景 */

	border-radius: 20px;
	/* 圆角边框 */
	padding: 5px 20px;
	/* 内边距 */
	font-size: 16px;
	font-weight: bold;
	color: #1A549B;
	/* 文字颜色 */
	text-align: center;
	margin-bottom: 30px;
}

/* 响应式设计 */
@media (max-width: 768px) {
	.remark {
		font-size: 14px;
		/* 小屏幕下字体稍小 */
		padding: 8px 15px;
		/* 调整内边距 */
	}

	.xbtaa1 img{ max-width: 300px;}
}

@media (max-width: 480px) {
	.remark {
		font-size: 12px;
		/* 更小屏幕下字体更小 */
		padding: 6px 10px;
		/* 调整内边距 */
	}
}

#tab6 {
	background-image: url(../images/xbg4.jpg);
	background-size: cover;
	background-position: center center;
	padding: 30px 0px;
	width: 100%;
}

.peipaok1{

	width: 95%;
	margin: 0px auto;
	max-width: 1200px; margin-bottom: 30px;
}
.peipaok2{

	width: 95%;
	margin: 0px auto;
	max-width: 1200px;
}

.peipaok1 img {
	width: 100%;
}

.peipaok2 img {
	width: 100%;
}

.dhkuai1{ padding-top: 40px;}