body{
	background: #ffffff;
}

input{
	border: none !important;
	background: none !important;
}
input:focus {
  outline: none;
}
.color-003 {
	color: #003DBF;
}

.a-none {
	text-decoration: none;
	color: inherit;
}

/* 当屏幕宽度大于或等于1200像素时，增加字体大小 */
@media (min-width: 768px) {
	body{
		min-width: 1200px;
	}
	.pc-block{
		display: block;
	}
	.mv-block{
		display: none;
	}

	
	.main-box{
		max-width: 60%;
		margin: 0 auto;
	}
	.news-title-row{
		position: relative;
		justify-content: center;
		margin-bottom: 20px;
	}
	.news-title-row .more-box{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.swiper-one-box{
		width: 100%;
		border-radius: 24px;
		box-shadow: 0 20px 40px rgba(0, 102, 255, 0.35), -6px 6px 20px rgba(0, 102, 255, 0.12), 6px 6px 20px rgba(0, 102, 255, 0.12);
	}
	.swiper-one-box .swiper-wrapper {
		height: auto;
	}
	.swiper-one-box .swiper-slide{
		border-radius: 24px;
		overflow: hidden;
		aspect-ratio: 16 / 9;
	}
	.swiper-one-img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.swiper-word{
		background: linear-gradient(180deg, rgba(38, 106, 188, 0) 0%, #0b56ee 70%, #0b56ee 100%);
		padding: 0 120px 0 30px;
		color: #fff;
		font-size: 22px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		height: 90px;
	}

	.swiper-word-span{
		width: 68px;
		height: 28px;
		border-radius: 30px;
		border: 1px solid #ffffff;
		padding-left: 4px;
		box-sizing: border-box;
		cursor: pointer;
	}
	.swiper-one-box .swiper-pagination {
		position: absolute;
		bottom: 0;
		right: 30px;
		left: auto;
		width: auto;
		height: 90px;
		z-index: 10;
		display: flex;
		align-items: center;
	}
	.swiper-one-box .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		display: inline-block;
		opacity: 1;
		margin: 0 5px;
		cursor: pointer;
		transition: background 0.3s;
	}
	.swiper-one-box .swiper-pagination-bullet-active {
		background: #ffffff;
		transform: scale(1.2);
	}
	.blue-word-box{
		width: 100%;
	}
	.blue-word{
		width: 60%;
		background: #fff;
		box-sizing: border-box;
		padding: 15px 30px;
		margin-top: 20px;
		gap: 18px;
		border-radius: 25px;
		border: 3px solid #e7f3ff;
	}
	.blue-word-box .bg{
		width: 19%;
		flex-shrink: 0;
	}
	.blue-word-box .bg img{
		width: 100%; 
		display: block;
	}
	.blue-item{
		width: 48%;
		color: #43506D;
	}
	.blue-item:hover{
		color: #5eaaf6 !important;
		text-decoration: underline;
	}
	
	.border-das:nth-child(-n + 4){
		border-bottom: 3px dotted #c7d3ff;
		padding: 10px 0;
	}
	
	.more-box{
		width: 120px;
		height: 40px;
		border-radius: 35px;
		border: 2px solid #d4e2fe;
		color: #0069EB;
		padding-left: 4px;
		box-sizing: border-box;
		box-shadow: 0 0 15px rgba(0, 105, 235, 0.25);
	}
	.more-box .text-ff{
		line-height: 21px;
    	margin-right: 5px;
	}
	
	
	.bg-box{
		padding: 30px 0;
		background: #edf6ff;
		background-size: 100% 100%;
	}
	.activity-card {
		width: 48%;
		display: block;
	}
	.bg-ac {
		border-radius: 12px;
		overflow: hidden;
		background-size: 100% auto;
		/* 底图垂直居中：底图渲染高度小于卡片高度时会在上方留出空隙，
		   蓝色卡片整体下移，图片顶端就"冒"出卡片上沿一截 */
		background-position: center;
		transition: all 0.3s ease;
		padding: 0 30px 30px;
	}
	/* 图片固定 16:9 比例裁剪，四张卡片图片高度统一 */
	.ac-img{
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		display: block;
		border-radius: 12px;
	}
	.ac-item-box{
		color: #43506D;
		padding: 10px 0;
		/* 标题区按两行文字的高度取齐：一行标题的卡片也撑到同高，
		   卡片总高统一，底图居中后图片的突出量才一致 */
		box-sizing: border-box;
		min-height: calc(16px * 1.6 * 2 + 20px);
	}
	.ac-item{
		width: 105%;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 1.6;
	}
	.bg-ac:hover .ac-item-box {
		color: #0069EB;
	}

	/* swiper 容器默认 overflow:hidden 会剪掉 video-card 的阴影，
	   这里用 padding 把裁剪区域向外撑开，让阴影完整显示；
	   再用负 margin 抵消 padding，保证卡片宽度、间距、整体高度和原来一致 */
	.swiper-container.swiper-two-box{
		width: auto;
		overflow: hidden;
		box-sizing: content-box;
		padding: 6px 20px 28px;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: -28px;
	}
	.swiper-two-box .swiper-slide {
		overflow: visible;
	}
	.swiper-two-box .swiper-wrapper {
		height: auto;
	}

	.video-box{
		position: relative;
		border-radius: 12px;
		overflow: hidden;
	}
	.video-card{
		display: block;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 16px rgba(0, 102, 255, 0.1);
		transition: all 0.3s ease;
		margin: 10px;
		padding-bottom: 1px;
	}
	.video-card:hover{
		box-shadow: 0 8px 24px rgba(0, 102, 255, 0.2);
	}
	.video-card-img{
		position: relative;
		overflow: hidden;
		aspect-ratio: 16 / 9;
	}
	.video-card-img > img:first-child{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		border-radius: 12px;
	}
	.video-play-btn{
		position: absolute;
		left: 85%;
		top: 80%;
		transform: translate(-50%, -50%);
		width: clamp(28px, 3vw, 45px);
		height: clamp(28px, 3vw, 45px);
	}
	.video-card-title{
		margin: 14px 16px;
		font-size: clamp(14px, 1.05vw, 18px);
		color: #333;
		line-height: 1.6;
		height: 3.2em;
		overflow: hidden !important;
	}
	.video-word{
		background: linear-gradient( 180deg, rgba(0,153,255,0.23) 0%, rgba(16,115,255,0) 51%, rgba(0,48,78,0.83) 100%);
		padding: 0 30px;
		color: #fff;
		font-size: 22px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		height: 98px;
	}
	.video-span{
		background: linear-gradient( 261deg, #00E1FF 0%, #00BEFF 100%);
		line-height: 21px;
		height: 21px;
		padding: 0 10px;
		border-radius: 4px;
		font-size: 14px;
		display: inline-block;
	}
	
	
	.zj-box{
		background: linear-gradient( 135deg, #4A5BFF 0%, #32A5FF 100%);
		border-radius: 64px 64px 0px 0px;
		padding: 76px 10%;
		margin-top: 24px;
	}
	.zj-item{
		width: 48%;
		background: url('../../../site34/20251003_xueshuyue_bgff.png') no-repeat;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding: 3% 34px 3.5% 9%;
		font-size: 16px;
		color: #0072FF;
		position: relative;
	}
	.zj-dou{
		position: absolute;
		left: 10%;
		top: 28%;
		width: 20px;
	}
	
	
	.mt{
		padding: 44px 0;
		background-size: 100% 100%;
	}
	.mt-word{
		background-size: 100% 100%;
		box-sizing: border-box;
		padding: 3% 3%;
		width: 32%;
		aspect-ratio: 334 / 150;
		cursor: pointer;
		margin-bottom: 15px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.mt-word .font-16{
		font-size: clamp(14px, 1.05vw, 18px);
		line-height: 1.45;
	}
	.mt-word .font-14{
		font-size: clamp(12px, 0.85vw, 15px);
		line-height: 1.4;
	}
	.mt-span{
		background: linear-gradient( 180deg, #009FFF 0%, #0089FF 100%);
		line-height: 21px;
		height: 21px;
		padding: 0 10px;
		border-radius: 24px;
		font-size: 14px;
		display: inline-block;
		color: #ffffff;
	}
	

	.foot-box-bor {
		background: #0540C2;
		box-sizing: border-box;
		padding: 30px  0;
	}
	.bottom-web{
		/* width: 1200px;
		margin: 0 auto; */
	}
	.footer_box {
		color: #ffffff;
		text-align: center;
		position: relative;
	}
	
	.bottom-move{
		color: #ffffff;
		text-align: center;
		padding: 0.4rem 0
	}
	
	.bottom-text{
		font-size: 14px;
		text-align: center;
		width: 70%;
		margin: 0 6% 0 1%;
	}
}





@media (max-width: 768px) {
	.pc-block{
		display: none;
	}
	.mv-block{
		display: block;
	}

	/* ===== 新闻动态 ===== */
	.swiper-one-box{
		width: 100%;
		border-radius: 12px;
	}
	.swiper-one-box .swiper-wrapper {
		height: auto;
	}
	/* 只用上下 padding 撑开裁剪区域，让轮播卡片阴影完整显示；
	   左右不能撑开（也不要负 margin），否则相邻 slide 会从两侧露出一截 */
	.swiper-container.swiper-one-box{
		width: auto;
		box-sizing: content-box;
		padding: 6px 0 16px;
		margin-bottom: -16px;
	}
	.swiper-one-box .swiper-slide{
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 14px rgba(0, 102, 255, 0.18);
		aspect-ratio: 16 / 9;
	}
	.swiper-one-img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	/* 渐变说明条与 PC 端保持一致，文字垂直居中，底部给分页器留出空间 */
	.swiper-word{
		background: linear-gradient( 180deg, rgba(38,106,188,0) 0%, rgba(11,86,238,0.9) 70%, #0b56ee 100%);
		padding: 0 15px;
		color: #fff;
		font-size: 14px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		height: 64px;
		display: flex;
		align-items: center;
	}
	.swiper-one-box .swiper-pagination{
		bottom: 8px;
	}
	.swiper-one-box .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		display: inline-block;
		opacity: 1;
		margin: 0 4px;
		cursor: pointer;
		transition: background 0.3s;
	}
	.swiper-one-box .swiper-pagination-bullet-active {
		background: #ffffff;
		transform: scale(1.2);
	}

	/* 新闻列表：白底卡片 + 浅蓝描边 + 虚线分隔，与 PC 端样式对应 */
	.blue-word{
		background: #fff;
		box-sizing: border-box;
		padding: 2px 14px;
		margin-top: 18px;
		border: 2px solid #e7f3ff;
		border-radius: 16px;
	}
	.blue-item{
		color: #43506D;
		padding: 12px 0;
		border-bottom: 2px dotted #c7d3ff;
	}
	.blue-word > a:last-of-type .blue-item{
		border-bottom: none;
	}
	.blue-item:hover{
		color: #5eaaf6 !important;
		text-decoration: underline;
	}
	/* 列表内元素尺寸随手机屏幕宽度缩放，避免固定像素在大屏上显小、小屏上溢出 */
	.blue-word .blue-item{
		padding: clamp(8px, 3vw, 12px) 0;
	}
	.blue-word .blue-item-icon{
		width: clamp(20px, 5.6vw, 26px);
		height: auto;
		flex-shrink: 0;
	}
	.blue-word .blue-item .font-16{
		font-size: clamp(13px, 3.8vw, 15px);
		margin-left: clamp(6px, 1.8vw, 10px);
	}
	
	.more-box{
		width: 68px;
		height: 28px;
		border-radius: 30px;
		border: 2px solid #d4e2fe;
		color: #0069EB;
		margin: 20px auto 0;
		padding-left: 4px;
		box-sizing: border-box;
		box-shadow: 0 0 15px rgba(0, 105, 235, 0.25);
	}
	/* 更多按钮在 .blue-word 内部时收紧上下间距，并随屏幕宽度缩放 */
	.blue-word .more-box{
		width: clamp(64px, 19vw, 76px);
		height: clamp(26px, 7.6vw, 32px);
		margin: 2px auto 12px;
	}
	.blue-word .more-box .font-14{
		font-size: clamp(12px, 3.4vw, 14px);
	}
	
	
	.bg-box{
		padding: 26px 10px 16px;
		background: #edf6ff;
		margin-top: 10px;
	}
	.bg-ac{
		margin-bottom: 10px;
		background-size: 100% 100%;
		border-radius: 8px;
		overflow: hidden;
		/* 高度写死（非 min-height），四张卡片严格等高；
		   卡片高度确定后，图片不写高度、靠 flex 默认 stretch 拉伸，
		   与卡片像素级贴合，下方不会再出现缝隙 */
		height: clamp(96px, 27vw, 116px);
	}
	.bg-ac > img:first-child{
		width: clamp(128px, 37vw, 168px);
		object-fit: cover;
		flex-shrink: 0;
		display: block;
	}
	.bg-ac:last-child{
		margin-bottom: 0;
	}
	.ac-item-box{
		/* background: rgba(255,255,255,0.65); */
		color: #43506D;
		font-size: 14px;
		padding: 4px 14px ;
	}
	
	/* 移动端视频卡片样式与 PC 端对齐：图片在上、标题在图片下方、播放按钮浮在图片右下；
	   容器仅用底部 padding 露出卡片阴影，左右不撑开避免露出相邻 slide */
	.swiper-container.swiper-two-box{
		box-sizing: content-box;
		padding: 6px 0 24px;
		margin-bottom: -24px;
	}
	.swiper-two-box{
		width: 100%;
	}
	.swiper-two-box .swiper-wrapper {
		height: auto;
	}
	.swiper-two-box .swiper-slide {
		width: 80%;
		overflow: visible;
	}
	.video-card{
		display: block;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 16px rgba(0, 102, 255, 0.1);
		margin: 10px;
		padding-bottom: 1px;
	}
	.video-card:hover{
		box-shadow: 0 8px 24px rgba(0, 102, 255, 0.2);
	}
	.video-card-img{
		position: relative;
		overflow: hidden;
		aspect-ratio: 16 / 9;
	}
	.video-card-img > img:first-child{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		border-radius: 12px;
	}
	.video-play-btn{
		position: absolute;
		left: 85%;
		top: 80%;
		transform: translate(-50%, -50%);
		width: clamp(28px, 8vw, 40px);
		height: clamp(28px, 8vw, 40px);
	}
	.video-card-title{
		margin: 14px 16px;
		font-size: clamp(13px, 3.6vw, 16px);
		color: #333;
		line-height: 1.6;
		height: 3.2em;
		overflow: hidden !important;
	}
	
	
	.zj-box{
		background: linear-gradient( 135deg, #4A5BFF 0%, #32A5FF 100%);
		border-radius: 32px 32px 0px 0px;
		padding: 25px 18px;
		margin-top: 6px;
	}
	.zj-item{
		background: url('../../../site34/20251003_xueshuyue_bgff.png') no-repeat;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding: 14px 34px 16px 40px;
		font-size: 14px;
		color: #0072FF;
		position: relative;
		margin-bottom: 10px;
	}
	.zj-item:last-child{
		margin-bottom: 0;
	}
	.zj-dou{
		position: absolute;
		left: 20px;
		top: 18px;
		width: 10px;
	}
	
	.more-box-pr{
		width: 68px;
		height: 28px;
		border-radius: 30px;
		border: 1px solid #fff;
		color: #ffffff;
		margin: 20px auto 0;
		padding-left: 4px;
		box-sizing: border-box;
	}
	
	.mt{
		background-size: 100% 100%;
		padding:  10px 20px 30px;
	}
	
	.mt-word{
		border-bottom: 2px dashed #C3DDF2;
		padding: 15px 0 10px;
		display: flex;
		align-items: center;
	}
	.mt-time{
		flex-shrink: 0;
		margin-left: 10px;
		white-space: nowrap;
		color: #93A3B8;
		font-size: clamp(12px, 3.2vw, 14px);
	}
	.mt-span{
		background: linear-gradient( 180deg, #009FFF 0%, #0089FF 100%);
		line-height: 18px;
		height: 18px;
		padding: 0 6px;
		border-radius: 14px;
		font-size: 11px;
		display: inline-block;
		color: #ffffff;
		margin-bottom: 5px;
	}
}