/*轮播图*/
.carousel-container {            
	position: relative;
	max-width: 560px;      
	width: 100%;
	aspect-ratio: 16/9;}		

.carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;}
.carousel-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;}

.carousel-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;}

.carousel-slide.active {
	opacity: 1;}

.carousel-slide img {
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
}
.carousel-caption {
	height: 40px;
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: rgba(0,0,0,0.7);
	color: white;
	box-sizing: border-box;}
.carousel-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;	
	padding: 10px 15px;
	font-size: 18px;
	margin: 0 10px;
	cursor: pointer;
	z-index: 10;}

.prev {
	left: 10px;}
.next {
	right: 10px;}
.carousel-indicators {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 15px;
	z-index: 100;}
.indicator {	
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.9);
	cursor: pointer;
	transition: all 0.3s ease;}
.indicator.active {
	background: #4dabf7;
	width:48px;
	transform: scale(1.2);}



/* 轮播控制按钮 */

.nav-btn {
	position: absolute;
	//top: 50%;
	bottom:0px;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: rgba(51, 154, 240, 0.8);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 20px;
	cursor: pointer;
	z-index: 100;
	transition: all 0.3s ease;}

.nav-btn:hover {
	background: #339af0;
	transform: translateY(-50%) scale(1.1);}

.prev-btn {
	right: 200px;}

.next-btn {
	right: 100px;}

/*1、封面*/

/*自动横向打开的双开门*/

.main-index {            
	background: #1a1a2e;
	display: flex;
	align-items: center;
	/*position: relative;*/
	overflow: hidden;}
.main-index.mainshow{overflow: visible;}

.door-container {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index:3;}

.door-container.collapsed3 {
	z-index:0;}

.door {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	transition: transform 3s ease-in-out;}

.left-door {
	left: 0;
	background-color: #94070a;
	background:url(../images/kdxq70_door-bg.jpg) center repeat;
	background-image:opacity:0.3;
	background-color: #94070a;
	border-right: 2px solid #5D2906;
	transform: translateX(0);}

.right-door {
	right: 0;
	background-color: #94070a; 
	background:url(../images/kdxq70_door-bg.jpg) center repeat;
	background-image:opacity:0.3;
	background-color: #94070a; 
	border-left: 2px solid #5D2906;
	transform: translateX(0);}

.door-knob {
	position: absolute;
	width: 60px;
	height: 76px;
	background-color: #c76b1d;
	background:url(../images/kdxq70_doorknob2.png) center no-repeat;
	top: 40%;}

.left-door .door-knob {
	right: 20px;}

.right-door .door-knob {
	left: 20px;}

.left-door-logo{padding-left:50px;height:100vh;line-height:100vh;text-align:center;}
.right-door-text{padding-right:50px;height:100vh;line-height:100vh;text-align:center;}

.content {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 2em;}



 /* 封面轮播图容器 */
.banner-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;}




/* 主容器 - 透明度0.3 */
.container {
	display: flex;
	width: 0px;
	height: 100vh;	
	overflow: hidden;	
	position: relative;
	z-index: 2;
	transition: all 1s ease;}

/* 侧边栏样式 */
.sidebar {
	width: 340px;
	color: red;
	transition: all 0.4s ease;
	position: relative;
	display: flex;
	flex-direction: column;			
	/* background: rgba(255, 255, 255, 0.3);   */
	background:linear-gradient(to bottom, rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.1));}

.sidebar.collapsed {
	width: 0px;}



/* 侧边栏头部 */
.sidebar-header {
	padding: 25px 50px;
	display: flex;
	align-items: center;}

.logo {
	display: flex;
	align-items: center;}


.logo-text {
	font-size: 30px;
	width:240px;
	padding-top:45%;
	text-align:center;
	font-weight: 600;
	transition: opacity 0.3s ease;}

.sidebar.collapsed .logo-text {
	opacity: 0;
	width: 0;}



.sidebar.collapsed .nav-text {
	opacity: 0;
	width: 0;}

/* 切换按钮 */
.toggle-btn {
	position: absolute;
	right: -25px;
	top: 47%;
	width: 50px;
	height: 50px;
	background: #4dabf7;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 10;}

.toggle-btn:hover {
	transform: scale(1.1);
	background: #339af0;}

.toggle-btn i {
	color: white;
	font-size: 30px;
	transition: transform 0.4s ease;}

.sidebar.collapsed .toggle-btn i {
	transform: rotate(180deg);}




@media (max-width: 1280px) {
	.container {
		flex-direction: column;
		height: auto;}
	
	.sidebar {
		width: 100%;
		height: auto;}
	
	.sidebar.collapsed {
		width: 100%;
		height: 80px;}
	
	.sidebar.collapsed .logo-text,
	.sidebar.collapsed .nav-links,
	.sidebar.collapsed .sidebar-footer {
		display: none;}
	
	.toggle-btn {
		top: 25px;
		right: 25px;}
	
	.nav-btn {
		width: 40px;
		height: 40px;
		font-size: 16px;}
	
	/**********************************/
	.container,.door-container,.banner-container{display:block;}
	.main-container {
		top: 0;
		transition: all 0s ease;}
	.main-container.mainload{
		top: 130px;
		transition: all 0s ease;}

.ybd-xy{
float:inherit!important;
}

.ybd-tongzhi {
    margin-left: 16%;
margin-bottom:40px;
}
.boxmedia_l{width:38%!important;}
.boxmedia_r { float: left!important; width: 36%!important; margin-left: 4%;}


}

/* 2、首页主体内容 */
.main-container {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 200;
	transition: all 1s ease;}
.main-container.mainload{
	top: 110px;
	transition: all 1s ease;}

@media (max-width: 1680px) {
	.main-container.mainload{
		top: 110px;}	
	
}
@media (max-width: 1440px) {
	.main-container.mainload{
		top: 80px;}	
	
}

.main-content{overflow:hidden;z-index:3000;}
.main-content-bg{background:white;overflow:hidden;}

.home-title-box{
/* padding:0 0 .15rem 0;*/
overflow: hidden;}
.home-title{float: left;}
.home-title-cn{font-weight:bold;color:#9D0D0C; height:0.45rem;line-height:0.45rem;font-size:0.4rem;}
.home-title-en{font-weight:bold;color:#333;height:0.5rem;line-height:0.5rem;}
.home-more{color:#9D0D0C;height:.36rem;line-height:.62rem; float:right;}
.home-more a{color:#9D0D0C;}

.fL{float:left;}
.fM{float:left;}
.fR{float:right;}


@media screen and (max-width: 1024px) {
	.fL,.fM,.fR{float:none;}
}



/*滚动表格*/
.scroll-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 30px;}
.table-wrapper {
	margin-top:50px;
	padding:0 55px;
	width: 270px;
	height: 480px;
	color:#fff;
	overflow: hidden;
	position: relative;
	border-radius: 22px;}

.table-wrapper .table-container {
	position: absolute;
	width: 270px;
	//margin:50px auto;}

.table-wrapper table {
	width: 100%;
	border-collapse: collapse;}
.table-wrapper th {
	position: sticky;
	top: 0;
	z-index: 10;}
.table-wrapper th, .table-wrapper td {
	padding: 12px 0;}
.table-wrapper td p{text-indent:2em;font-size:18px;font-weight:bold;line-height:30px;}

.table-wrapper .table-top th{background:url(../images/kdxq70_bgred.png) 0 top repeat-x;opacity:1;height:50px;}
.table-wrapper .table-bottom{position:absolute;bottom:0;}
.table-wrapper .table-bottom th{background:url(../images/kdxq70_bgred.png) 0 bottom repeat-x;opacity:1;height:70px;}

/*top-banner*/
.home-top .carousel-container {max-width:100%;aspect-ratio: 192/108;}
.home-top .carousel-caption{position:absolute;bottom:0;height:.5rem;line-height:.25rem;text-align:left;padding-right:25%;background:rgba(0,0,0,0.5);}
.home-top .carousel-caption h3{padding-left:.15rem;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.home-top .carousel-indicators {
	bottom: .2rem;
	gap: .1rem;}
.home-top .indicator {	
	width: .14rem;
	height: .14rem;
	border-radius: .08rem;
	border:1px solid #ccc;
	background: rgba(240, 240, 240, 0.9);
	cursor: pointer;
	transition: all 0.3s ease;}
.home-top .indicator.active {
	background: #9D0D0C;}
.home-top{display:none;}

@media screen and (max-width: 1280px) {
	.home-top{display:block;}
}

@media screen and (max-width: 480px) {
	.carousel-control{display:none;}
}

/*校庆资讯*/
.homeA{max-width:16rem;background:#fff;overflow:hidden;margin:.5rem auto;}
.partA{width:100%;overflow:hidden;}
.homeA .bannerA{max-width:7.15rem;}
.homeA .carousel-container {width:100%;aspect-ratio: 705/630;}
.homeA .carousel-slide {height: calc(100% - 162px);}
.homeA .carousel-caption {position:absolute;bottom:-162px;color:#333;background:none;text-align:left;padding:.26rem .2rem 0 .2rem;
	border:1px solid #9D0D0C;border-top:0;height:162px;overflow:hidden;}
.homeA .carousel-caption h3{padding-right:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.homeA .carousel-caption p{line-height:1.8;color:#666;margin-top:.15rem;height:0.5rem;overflow:hidden;}
.homeA .carousel-control {position: absolute;top: calc(50% - 75px);background: rgba(0, 0, 0, 0.3);}

.homeA .newsList {width:8.2rem;margin-top:0;border-top:.01rem solid #ccc;}
.homeA .newsList .rightDate{float:right;line-height:.4rem; font-size:.16rem; padding-left:1rem;}
.homeA .newsList .rightDate2{float:left;line-height:.35rem;display:none;}
.homeA .newsList ul{}
.homeA .newsList ul li{height:.71rem;padding-bottom:.01rem;font-size:.2rem;border-bottom:.01rem solid #ccc;overflow:hidden;}
.homeA .newsList ul li a{
	display: inline-block;
    width: calc(100% - 2rem);
    float: left;
	max-height:.46rem;
	padding-top:.06rem;
	padding-bottom:.1rem;
	overflow:hidden;}

.homeA .newsList ul li i {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: 0px;
	vertical-align: middle;}
.homeA .newsList .Ablock {
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	width: 99%;}

@media screen  and (max-width:1680px) {
	.wp,.homeB .home-title-box,.homeE .home-title-box{max-width:14rem;}	
	.homeA .newsList{width:6.4rem;}
	.homeA .newsList .rightDate{padding-left:.5rem;}	
	.homeA .newsList ul li a{
		width: calc(100% - 1.5rem);}
}

@media screen  and (max-width:1440px) {
	.wp,.homeB .home-title-box,.homeE .home-title-box{max-width:12rem;}
	.homeA .bannerA{max-width:7.5rem;}
	.homeA .carousel-caption{bottom:-150px;height:150px;}
	.homeA .newsList{width: 4.2rem;margin-top:0;}
	.homeA .newsList ul li{height:.73rem;font-size:.18rem;line-height:1.5;}
	.homeA .newsList .Ablock {
		overflow: hidden;
		vertical-align: middle;
		display: inline-block;
		width: 98%;}
}

@media screen  and (max-width:1280px) {
	.wp,.homeB .home-title-box,.homeE .home-title-box{max-width:90%;}
	.homeA .bannerA{width:4.8rem;}
	.homeA .carousel-caption{bottom:-157px;height:157px;}
	.homeA .newsList{width: calc(100% - 5rem);margin-top:0;}
	.homeA .newsList ul li{height:.47rem;line-height:.35rem;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
	.homeA .newsList ul li a{
		white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
	.homeA .newsList .rightDate{line-height:.45rem;}
}


@media screen  and (max-width:1024px) {
	.wp,.homeB .home-title-box,.homeE .home-title-box{max-width:8rem;}
	.homeA .carousel-caption{bottom:-130px;height:130px;}
	.homeA .bannerA,.homeA .newsList{max-width:100%;width:100%;margin-left:0;}	
	
}

@media screen  and (max-width:800px) {
	.wp,.homeB .home-title-box,.homeE .home-title-box{max-width:90%;}
	
}
@media screen  and (max-width:640px) {
	.homeA .newsList ul li{height:auto;line-height:1.8;white-space:normal;}
	.homeA .newsList .rightDate{display:none;}
	.homeA .newsList .rightDate2{display:block;}
	.homeA .newsList ul li a{
		width: 100%;white-space:normal;}
}

@media screen  and (max-width:480px) {
	.homeA{margin:.3rem auto;}
	
}
@media screen and (max-width: 360px) {
    .homeA .carousel-caption{bottom:-123px;height:123px;}
}

/*校庆公告*/
.homeB{width:100%;background:#9D0D0C;overflow:hidden;margin:0 auto;padding-bottom:.3rem;}
.homeB .box16{width:16rem;margin:0 auto;overflow:hidden;}
.homeB .home-title-box{max-width:16rem;margin:.5rem auto .15rem;}
.homeB .home-title-cn{color:#fff;}
.homeB .home-title-en{color:#fff;}
.homeB .home-more{color:#fff;}
.homeB .home-more a{color:#fff;}
.homeB .partB{max-width:16rem;margin:0 auto;overflow:hidden;}
.homeB .partB01{max-width:364px;padding:.45rem .2rem .4rem;min-height:4rem;border-top:.08rem solid #D3A87B;background:#fff;}
.homeB .partB01-title{color:#9D0D0C;text-align:center;}
.homeB .partB01-overview{line-height:1.8;margin:.45rem .15rem;overflow:hidden;}
.homeB .partB01-overview span{display:block;text-indent:2em;}
.homeB .partB01-more {font-size:.16rem;text-align:right;}
.homeB .partB01-more a{color:#9D0D0C;}

.homeB .partB02 {
	max-width:5.65rem; float: left;margin-left:.35rem;background:#fff;padding:.1rem 0 .04rem;}

.homeB .partB02 ul {}
.homeB .partB02 ul li {
	background:#fff;float:left;padding:0 0 0 .15rem;width:100%;overflow: hidden;}

.homeB .partB02 ul li .date {
	 margin: 0 .1rem 0 0; width: .9rem; height: .8rem; float: left; display: inline-block;}
.homeB .partB02 ul li .day {text-align:center;color:#9D0D0C;
	margin: 0 auto; height: .45rem;  line-height: .6rem; font-size: .25rem;display: block;padding-top:.rem;}
.homeB .partB02 ul li .month {text-align:center;color:#9D0D0C;
	margin: 0 auto;  height: .25rem; line-height: .25rem;font-size: .14rem; display: block;}
.homeB .partB02 ul li .rt{width: calc(100% - 1.2rem);height:.69rem;line-height:1.8;overflow:hidden;margin-top:.1rem;border-bottom:1px dashed #D3A87B;}
.homeB .partB02 ul li a {width:100%;overflow:hidden; float: left; display: inline-block;}

.homeB .partB02 ul li i {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: 0px;
	vertical-align: middle;}
.homeB .partB02 .Ablock {
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	width: 99%;}
@media screen  and (max-width:1680px) {
	.homeB .box16{width:14rem;}
	.homeB .home-title-box{max-width:8rem;}
	.homeB .partB{width:8.5rem;}
	.homeB .partB01{width:3rem;padding:.45rem .2rem;min-height:4rem;border-top:.08rem solid #D3A87B;background:#fff;}
	
	.homeB .partB02 {
		width:4.5rem; float: left;margin-left:.3rem;}

	
	.homeB .carousel-container{max-width:5.5rem;}
	.xueshu{margin-left:0!important;max-width:100%!important;}
}

@media screen  and (max-width:1440px) {
	.homeB .box16{width:12rem;}
	.homeB .home-title-box{max-width:12rem;width:12rem;}
	.homeB .partB{max-width:12rem;width:12rem;}
	.homeB .partB01{max-width:4rem;width:4.5rem;}
	.homeB .partB02 {max-width:7.2rem;width:7.2rem;}		
	.homeB .carousel-container{max-width:12rem;}
	.xueshu{margin-left:0!important;max-width:100%!important;}
}

@media screen  and (max-width:1280px) {
	
.homeB .box16{width:90%;}
.homeB .home-title-box{max-width:12rem;width:100%;}
	.homeB .partB{max-width:12rem;width:100%;}
	.homeB .partB01{max-width:3.5rem;width:3.5rem;}
	.homeB .partB02 {max-width:7.2rem;width:calc(100% - 4.3rem);}		
	.homeB .carousel-container{max-width:12rem;}
	.xueshu{margin-left:0!important;max-width:100%!important;width:100%!important;}
	
}


@media screen  and (max-width:1024px) {
	.homeB .wp{padding:0;}
	.homeB .box16{width:8rem;}
	.homeB .home-title-box{max-width:8rem;}
	.homeB .partB{max-width:8rem;}
	.homeB .partB01{max-width:8rem;width:calc(100% - .7rem);margin-bottom:.3rem;min-height:auto;}
	.homeB .partB01-title{text-align:center;}
	.homeB .partB02 {max-width:8rem;width:calc(100% - .3rem);margin-left:0;}
	.xueshu{margin-left:0!important;max-width:100%!important;width:100%!important;}
}

@media screen  and (max-width:800px) {
	.homeB .box16{width:90%;}
	.homeB .home-title-box{max-width:8rem;}
	.homeB .partB{max-width:100%;}
	.homeB .partB01{max-width:8rem;width:auto;margin-bottom:.3rem;min-height:auto;}
	.homeB .partB01-title{text-align:center;}
	.homeB .partB02 {max-width:100%;width:100%;margin-left:0;}
	.xueshu{margin-left:0!important;max-width:100%!important;width:100%!important;}
}
@media screen  and (max-width:480px) {
.homeB .home-title-box{margin-top:0.3rem;}
}
.xueshu{margin-left:0!important;max-width:100%!important;width:100%!important;}

/*学院动态*/
.homeC{max-width:16rem;background:#fff;overflow:hidden;margin:0 auto .5rem auto;}
.homeC .partC{width:100%;background:#f3f3f3;overflow:hidden;}
.homeC .partC .bannerC{max-width:49%;}
.homeC .carousel-container {width:100%;aspect-ratio: 3/2;}
.homeC .carousel-caption{position:absolute;bottom:0;height:.5rem;line-height:.25rem;text-align:left;padding-right:25%;background-color:rgba(0,0,0,0.5);}
.homeC .carousel-caption h3{padding-left:.15rem;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.homeC .carousel-caption h3 a{color:#fff;}
.homeC .carousel-indicators {
	bottom: .2rem;
	left: 88%;
	gap: .1rem;}
.homeC .indicator {	
	width: .14rem;
	height: .14rem;
	border-radius: .08rem;
	background: rgba(240, 240, 240, 0.9);
	cursor: pointer;
	transition: all 0.3s ease;}
.homeC .indicator.active {
	background: #9D0D0C;}

.homeC .collegeList {width:48%;}
.homeC .collegeList .rightDate{float:right; font-size:.16rem; padding-left:1.2rem;padding-right:.4rem;}
.homeC .collegeList ul{margin-top:.15rem;}
.homeC .collegeList ul li{padding-left:.2rem;background:url(../images/kdxq70_li.png) 0 center no-repeat;height:.45rem;line-height:.45rem; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.homeC .collegeList ul li a{}

@media screen  and (max-width:1680px) {
	
	.homeC{max-width:14rem;}
	.homeC .collegeList ul{margin-top:.05rem;}
	.homeC .collegeList ul li{height:.4rem;line-height:.4rem;}

}

@media screen  and (max-width:1440px) {
	
	.homeC{max-width:12rem;}
	.homeC .collegeList ul{margin-top:0;}
	.homeC .collegeList ul li{height:.35rem;line-height:.35rem;font-size:.16rem;}	
	
}

@media screen  and (max-width:1280px) {
	
	.homeC{max-width:9.6rem;}
	.homeC .partC{max-height:3.15rem;overflow:hidden;}
}


@media screen  and (max-width:1024px) {
	.homeC{max-width:8rem;}
	.homeC .partC{max-height:100%;background:none;}
	.homeC .partC .bannerC{max-width:100%;}
	.homeC .collegeList {width:100%;}
	.homeC .collegeList ul{margin-top:.2rem;}
	.homeC .collegeList ul li{height:.45rem;line-height:.45rem;font-size:.18rem;}
	.homeC .collegeList .rightDate{padding-left: .8rem;padding-right: 0;}
}

@media screen  and (max-width:480px) {
	
	.homeC .collegeList .rightDate{padding-left: .4rem;padding-right: 0;}
	
}

@media screen and (max-width: 360px) {
    
	
	
}
/*历史沿革*/
.homeD{width:100%;background:#fff;overflow:hidden;margin:0 auto;}

.containerD-pic{display:none;}
.containerD {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;}
.image-container {
	position: relative;
	width: 100%;
	overflow: hidden;}
.image-container img {
	width: 100%;
	height: auto;
	display: block;}
						
.arrow-right {
	width: 0;
	height: 0;
	border-top: 0.3vw solid transparent; /* 改为相对单位 */
	border-bottom: 0.3vw solid transparent; /* 改为相对单位 */
	border-left: 0.45vw solid red; /* 改为相对单位 */
	position: absolute;
	transform: translateY(-50%);}						

 .flow-dot {
	position: absolute;
	width: 0.75vw;
	height: 0.75vw; /* 圆点改为相对单位 */
	background-color: green;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	transform: translate(-50%, -50%);}
.blue-dot {
	background-color: #024387;}
.blue-dot:hover {
	background-color: #4da6ff;}
.dot:hover {
	background-color: #e6e6e6;}
.flow-dot:hover {
	transform: translate(-50%, -50%) scale(1.3);
	box-shadow: 0 0 0.3vw rgba(255, 255, 255, 0.8);}
.dot-text {
	position: absolute;
	white-space: nowrap;
	color: white;
	font-size: 0.47vw; /* 继续缩小文字尺寸，保持响应式缩放 */
	transition: all 0.3s ease;
	z-index: 30;
	cursor: pointer;
	opacity: 1;
	visibility: visible;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	max-width: 200px;
	text-align: center;}
.flow-dot:hover .dot-text,
.dot-text:hover {
	opacity: 1;
	visibility: visible;
	transform: scale(1.3);}
			

/* 五角星CSS代码 */
.red-star {
 position: absolute;
	width: 1vw;
	height: 1vw;
	display: block;
	transform: scale(1); /* 初始放大显示 */
	transition: transform 0.5s ease;
	background-color:rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);}

.red-star::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #C30D23;
	
	clip-path: polygon(
		50% 0%, 
		61% 35%, 
		98% 35%, 
		68% 57%, 
		79% 91%, 
		50% 70%, 
		21% 91%, 
		32% 57%, 
		2% 35%, 
		39% 35%
	);}

.red-star:hover {
	box-shadow: 0 0 0.3vw rgba(255, 255, 255, 0.8);
	transform: scale(1.3); /* 放大效果 */
	background-color:rgba(0, 0, 0, 0);}

@media screen  and (max-width:1280px) {
.containerD-pic{display:block;}
.containerD{display:none;}
}




/*光影科大*/
.homeE{width:100%;overflow:hidden;margin:.6rem auto;}
.homeE .home-title-box{max-width:16rem;margin:0 auto;padding:0 15px;}
.homeE .home-title{float: none;text-align:center;}
.col-pic{width:16rem;margin:1rem auto auto auto;}
.roll{height:400px;padding:0 10px;color:#fff;margin-top:8px;margin-bottom:8px;}
.roll_pic{overflow:hidden;height:400px;float:left;margin-top:8px;}
.roll_pic img{height:400px;max-width: 650px !important;margin-right:8px;}



#chaokuai{max-width:100%;}
.homeE .partE{width:100%;height:600px;background:url(../images/kdxq70_memory.jpg) center top no-repeat; background-size:cover;overflow:hidden;}
.homeE .carousel-container-E {
	max-width: 100%;
	margin: 0 auto 50px;
	overflow: hidden;}

@media screen  and (max-width:1280px) {
	
.roll_pic img{height:300px;max-width: 550px !important;}
.homeE .partE{height:500px;}
	
}

@media screen  and (max-width:1024px) {
.col-pic{margin-top:50px;}	
.roll_pic img{height:260px;max-width: 400px !important;}
.homeE .partE{height:360px;}
	
}		

/* 第三组轮播样式 - 3D旋转 */
.homeE .rotate-carousel {
	height: 600px;
	perspective: 900px;}
.homeE .rotate-track {
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 1s;}
.homeE .rotate-slide {
	position: absolute;
	width: 400px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -100px;
	transition: all 0.5s;}
.homeE .rotate-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);} 

/* 导航按钮 */
.homeE .carousel-nav {
	text-align: center;
	margin-top: 20px;}
.homeE .carousel-nav button {
	padding: 8px 15px;
	margin: 0 5px;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;}


@media screen  and (max-width:1024px) {
	.homeE .home-title-box{max-width:8rem;}

	/* 第三组轮播样式 - 3D旋转 */
	.homeE .rotate-carousel {
		height: 370px;
		perspective: 700px;}
	
	.homeE .rotate-slide {
		width: 300px;
		height: 150px;
		margin-left: -150px;
		margin-top: -75px;}

}

@media screen  and (max-width:640px) {	

	/* 第三组轮播样式 - 3D旋转 */
	.homeE .rotate-carousel {
		height: 260px;
		perspective: 500px;}
	
	.homeE .rotate-slide {
		width: 200px;
		height: 100px;
		margin-left: -100px;
		margin-top: -50px;}

}

@media screen  and (max-width:480px) {

.homeE{margin:.3rem auto;}
	}

/*媒体报道*/
.homeF{max-width:16rem;background:#fff;overflow:hidden;margin:0 auto;}
.partF{width:100%;overflow:hidden;}
.homeF .partF01{max-width:48%;}
.homeF .partF01 ul{margin-top:.07rem;}
.homeF .partF01 ul li {
	width: 100%; margin:0 0 .15rem 0;overflow:hidden;}

.homeF .partF01 ul li dd{border-bottom:.01rem dashed #666;}
.homeF .partF01 ul li dd a{
	display:block;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.homeF .partF01 ul li dd p{padding-top:.10rem;padding-bottom:.15rem;}


.homeF .carousel-container {width:48%;aspect-ratio: 3/2;}
.homeF .carousel-caption{position:absolute;bottom:0;height:70px;line-height:55px;background-color:rgba(0,0,0,0.5);}
.homeF .carousel-caption h3{width:70%;font-weight:normal;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.homeF .carousel-caption h3 a{color:#fff;}
.homeF .carousel-control {
	top: calc(100% - 35px);
	background: none;
	padding: 33px;
	margin: 0;}

.homeF .prev {
	left: 0;}
.homeF .next {
	right: 0;}

@media screen  and (max-width:1680px) {
	
	.homeF{max-width:14rem;}	
	.homeF .bannerF{margin-top:.5rem;}
	.homeF .partF01 ul li {margin:0 0 .1rem 0;}
	.homeF .partF01 ul li dd p{padding-top:.05rem;padding-bottom:.10rem;}	

}

@media screen  and (max-width:1440px) {	
	.homeF{max-width:12rem;}
	.homeF .partF01 ul li dd a{font-size:.16rem;}
	.homeF .bannerF{max-width:6.5rem;}

	
}

@media screen  and (max-width:1280px) {
	
	.homeF{max-width:9.6rem;}
	.homeF .bannerF{max-width:6.3rem;margin-top:.6rem;}
}


@media screen  and (max-width:1024px) {	
	.homeF{max-width:8rem;margin-bottom:.3rem;}
	.homeF .partF01,.homeF .carousel-container{max-width:8rem;width:100%;}
	.homeF .bannerF{display:block;margin-top:0;margin-bottom:.3rem;}
	.homeF .bannerF-PC{display:none;}
	.homeF .partF01 ul li dd a{white-space:wrap;text-overflow:normal;overflow:auto;}
}



/*祝福*/
.btnn1,.btnn2{display:none;}
.homeG{float:left;background-color: #9D0D0C;overflow:hidden;margin-top:.5rem;margin-bottom:.5rem;}
.homeG .home-title{float:none;text-align:center;}
.homeG .partG{width:100%;overflow:hidden;}
.homeG .partG02{width:780px;}

.homeG .scroll-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap:0;}

.homeG .table-wrapper {
	margin-top:50px;
	padding:0;
	width: 100%;
	float:left;
	height: 550px;
	color:#fff;
	overflow: hidden;
	position: relative;
	border-radius: .2rem;
	border:1px solid #fff;
	text-align:center;}

.homeG .table-wrapper .table-container {
	position: absolute;
	width: 100%;}

.homeG .table-wrapper table {
	width: 100%;
	border-collapse: collapse;}
.homeG .table-wrapper th {
	text-align:center;
	font-size:24px;
	font-weight:normal;
	background:#9D0D0C;
	height:100px;
	color:#fff;
	z-index: 10;
	line-height:30px;}
.homeG .table-wrapper td {
	padding: .08rem .2rem;
	text-align: left;
	font-size:.16rem;}

.homeG .table-wrapper td p{text-indent:0;}


/*校庆捐赠*/
.homeH{width:49%;float:left;background-color: #9D0D0C;overflow:hidden;margin-top:.5rem;margin-bottom:.8rem;}
.homeH .home-title{float:none;text-align:center;}
.homeH .partH{overflow:hidden;}
.homeH .partH01{width:300px;}
.homeH .partH02{width:500px;}
.homeH .partH03{display:none;background-color: #9D0D0C;float:right;width:1.8rem;line-height:.6rem;height:.6rem;border-radius:.1rem;text-align:center;color:#fff;}

.homeH .scroll-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap:0;}

.homeH .table-wrapper {
	margin-top:50px;
	padding:0;
	width: 100%;
	float:left;
	margin-right:60px;
	height: 550px;
	color:#fff;
	overflow: hidden;
	position: relative;
	border-radius: .2rem;
	border:1px solid #fff;
	text-align:center;}

.homeH .table-wrapper .table-container {
	position: absolute;
	width: 100%;}

.homeH .table-wrapper table {
	width: 100%;
	border-collapse: collapse;}
.homeH .table-wrapper th {
	text-align:center;
	font-size:24px;
	font-weight:normal;
	background:#9D0D0C;
	height:100px;
	color:#fff;
	z-index: 10;
	line-height:30px;}
.homeH .table-wrapper td {
	padding: .08rem .2rem;
	text-align: left;
	font-size:.16rem;}


.homeH .home-title-box{display:none;}
.homeH .home-title-box{max-width:16rem;margin:0 auto;}
.homeH .home-title-cn{color:#fff;}

@media screen  and (max-width:1680px) {	

	
	.homeG .partG02	{width:695px;}
	.homeH .partH01{width:300px;}
	.homeH .partH02{width:395px;}

}


@media screen  and (max-width:1440px) {
	.homeG .partG02	{width:640px;}
.homeH .partH01{width:300px;}
	.homeH .partH02{width:395px;}
	.homeH{width:auto;}

}

@media screen  and (max-width:1380px) {
.homeH .table-wrapper{margin-right:10px;}
.homeG .partG02	{width:540px;}
}

@media screen  and (max-width:1280px) {
.homeH {float:none;width:10rem; margin:20px auto;}
.homeH .partH02{width:690px;}
.homeG {float:none;width:10rem; margin:20px auto;}
.homeG .partG02	{width:100%;}
}


@media screen  and (max-width:1024px) {
.homeH {width:8rem; padding:15px;}
.homeH .partH02{width:3.8rem;}
.homeG {width:8rem;padding:15px;}
.homeH .fR{float:right;}
}

@media screen  and (max-width:800px) {
.bigbox{padding:0 30px;padding-right:50px;}
.homeH{display:block;}
.homeH {width:100%;}
.homeH .partH02{width:100%;}
.homeH .fR{float:right;}
.homeH .table-wrapper{margin-top:.2rem;}
.homeG {width:100%;padding:0;}
.homeH .partH01{display:none;}
.btnn1,.btnn2{display:block;margin:.3rem auto 0 auto;text-align:center;}
.homeG .table-wrapper{margin-top:0;}
.homeH .home-title-box{display:block;}
.homeG .table-wrapper td p{font-size:.16rem;font-weight:normal;}
}

@media screen  and (max-width:480px) {
.bigbox{padding:0 10px;}
.homeH {padding:15px 0;}
}
/*光影科大*/ 
.homeI{width:100%;overflow:hidden;margin:0 auto .6rem auto;}
.homeI .home-title-box{max-width:16rem;margin:.6rem auto ;}
.homeI .home-title{float: none;text-align:center;}

@media screen and (max-width: 480px) {
	.home-title-box{ padding:0 0 .15rem 0;}
	.home-title-cn{height:0.3rem;line-height:0.3rem;font-size:0.3rem;}
	.home-title-en{height:0.5rem;line-height:0.5rem;}
	.home-more{height:.5rem;line-height:.5rem;}
	
.homeI{width:100%;overflow:hidden;margin:0 auto .3rem auto;}
.homeI .home-title-box{max-width:16rem;margin:.3rem auto 0;}
}

/*侧标*/ 
.tooltip1 {display:none;position: absolute;top:300px;right: -2px;z-index: 999;color: #6510AD;
		text-align: center;font-size: 18px;transition: none;}
.tooltip1 div{line-height:25px;color:#fff;background:#9D0D0C;padding:16px;border:2px solid #fff;}
.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: white;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 0%;
  right: 130%;
  margin-left: -65px;
  box-shadow:0px 2px 22px -5px rgba(0, 0, 0, 0.5);}

.tooltip1 .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: calc(50% - 5px);
  left: 100%;
  margin-right: -10px;
  border-width: 10px;
  border-style: solid;
  border-color:  transparent   transparent  transparent  white;}

.tooltip1:hover .tooltiptext {
  visibility: visible;}

/*祝福*/
.xiaoshu-overlay * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;}


/* 弹窗样式 */
.xiaoshu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;}

.xiaoshu-overlay.active {
	opacity: 1;
	visibility: visible;}

.xiaoshu {
	background-color: white;
	border-radius: 15px;
	width: 90%;
	max-width: 600px;
	padding: 30px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(30px);
	transition: transform 0.4s ease;
	position: relative;}

.xiaoshu-overlay.active .xiaoshu {
	transform: translateY(0);}

.xiaoshu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;}

.xiaoshu-title {
	font-size: 32px;
	color: #2c3e50;
	display: flex;
	align-items: center;
	gap: 10px;}

.shu_close-btn {
	background: none;
	border: none;
	font-size: 32px;
	color: #7f8c8d;
	cursor: pointer;
	transition: color 0.3s;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;}

.shu_close-btn:hover {
	color: #e74c3c;
	background-color: #f9f9f9;}

.shu_form-group {
	margin-bottom: 20px;
	text-align: left;}

.shu_label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #2c3e50;
	font-size: 16px;}

.textshuru {
	width: 100%;
	padding: 14px;
	border: 2px solid #e0e6ed;
	border-radius: 8px;
	font-size: 16px;
	transition: border-color 0.3s;}

.textshuru:focus {
	outline: none;
	border-color: #3498db;}

.textshuru {
	min-height: 150px;
	resize: vertical;}

.shu_submit-btn {
	width: 100%;
	background: linear-gradient(135deg, #2ecc71, #27ae60);
	color: white;
	border: none;
	padding: 16px;
	font-size: 20px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 10px;
	font-weight: 600;}

.shu_submit-btn:hover {
	background: linear-gradient(135deg, #27ae60, #2ecc71);
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);}

/* 成功提示样式 */
.shu_success-message {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translateX(-50%) translateY(-100vh);
	background: linear-gradient(135deg, #2ecc71, #27ae60);
	color: white;
	padding: 20px 30px;
	border-radius: 12px;
   box-shadow: 0 8px 20px rgba(39, 174, 96, 0.3);
	z-index: 10000;
	display: flex;
	align-items: center;
	gap: 15px;
	transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	max-width: 400px;}

.shu_success-message.active {
	 transform: translateX(-50%) translateY(0);
	animation: bounce 0.8s ease;}

.shu_success-icon {
	font-size: 32px;}

.shu_success-text {
	font-size: 18px;
	font-weight: 600;}

/* 响应式设计 */
@media (max-width: 768px) {
	.xiaoshu {
		padding: 25px 20px;}
	.xiaoshu-title {
		font-size: 24px;}
}

@media (max-width: 480px) {	
	.shu_form-group {
		margin-bottom: 15px;}	
	.textshuru {
		padding: 12px;}
}

.shu_char-count {
	text-align: right;
	font-size: 14px;
	color: #7f8c8d;
	margin-top: 5px;}

.shu_char-count.warning {
	color: #e74c3c;}



    @keyframes scroll {
        0% {
            transform: translateY(0);}
        100% {
            transform: translateY(-50%);}
    }
    
    .table-container-scroll {
        overflow: hidden;
        position: relative;}
    
    .table-container-scroll tbody {
        position: relative;}
    
    /* 庆专题网站样式 */
    .cf{zoom:1;clear:both;}
    .cf:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
    .ffleft {float:left;}
    .ffright {float:right;}
    .w100a {margin:70px auto;width:100%;min-width:1250px;}
    .w1360 {margin:0 auto;max-width:1250px;}
    
    /* 多媒体 */
    .body_media{margin-bottom:0px;height:651px; background:url(./bg_v.png) no-repeat center top;background-size: 100% 100%; }
    
    .boxmedia{padding-top:176px;}
    .boxmedia_l{float:left;width:48%;}
    .boxmedia_r{float:right;width:45%;}
    
    .box_xcp{}
    .xcp_pic{position: relative;padding-bottom: 62%;}
    .xcp_pic img{position: absolute;width: 100%;height: 100%;}
    
    .box_hc{}
    .hc_lis{}
    .hc_lis div{float:left;}
    .hc_lis div img{position: absolute;width: 100%;height: 100%;}
    .hc_lis .hc_pic_a{width:60%;position: relative;padding-bottom: 38%;}
    .hc_lis .hc_pic_b{width:40%;position: relative;padding-bottom: 14%;}
    .hc_lis .hc_pic_c{width:40%;position: relative;padding-bottom: 24%;}
    .hc_lis .hc_pic_d{width:50%;position: relative;padding-bottom: 28%;}
    .hc_lis .hc_pic_e{width:50%;position: relative;padding-bottom: 28%;}
    
    .tit{position: relative;margin-bottom:60px;font-size:30.4px;font-weight:bold;text-align:center;}
    .tit em{position: absolute;right:0;bottom:0;padding-bottom:3.2px;font-size:12.8px;font-weight:normal;}
    .tit em a{color:#234fb8;}
    .tit em a:hover{color:#ab7d40;}
    
    .tit_white{color:#fff;}
    .tit_white em a{color:#fff;}
    .tit_white em a:hover{color:#f1f3f6;}
    
    /* 开场特效样式 */
    #intro-banner {
        display: none;
         position: fixed; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        background:url(index_files/banner.jpg);
        background-size: 100% 100%; /* 使背景图像铺满整个元素 */
  background-position: center; 
        overflow: hidden;}
    
    #intro-banner img {
        max-width: 100%;
        max-height: 100%;
        /* object-fit: contain; */
        transition: all 2s ease-in-out;}
    
    #intro-banner.fade-out img {
        transform: scale(0) rotate(720deg);
        opacity: 0;}
    
    #intro-banner.hide {
        display: none;}

      #intro-banner.fade-out{
      	position: relative;}


    /*祝福模块*/

/* 兼容火狐 */
@-moz-document url-prefix() {
.homef .left .zhudmlist {
  left: 0rem;}

.homef .intit{
  margin-left:2rem
;}
}

.homec .left {
    padding-left: unset;}

.homef .left .intit .cir2 {
    right: auto;
    top: .4rem;
    left: -.7rem;
    width: .5rem;
    height: .6rem;
    opacity: .7;}

.homec .his-txt li {
    padding-left: .8rem;}
.rili .news_list li.news .news_text br{
    display:none;}
.homef {padding-top:86px; background: url(zhufu.png);
background-size: 100% 100%;}

.intit .cn {
font-family: 'SourceHanSerifCN-Heavy';
font-size: 34px;
position: relative;
letter-spacing:8px; 
display: block;
position: relative;
top: 50px;
left: 240px;
z-index: 3;}
.intit .en{
position: relative;
top: 30px;
left: 240px;}

.homef .intit {
    margin-bottom: .5rem;}

.homef .left {
    width: 90%;}

.homef .left .zhuDmList {
    width: 100vw;
    position: relative;
    overflow: hidden;}

.homef .left .zhuDmList_ul li {
    background-color: rgb(239, 177, 142);
    color: rgb(255, 255, 255);
    height: auto !important;
    border-radius: 8px;
    padding: .18rem .2rem;
    width: 4.5rem;
    overflow: hidden;
    position: absolute;}

.homef .left .zhuDmList_ul li:hover {
    background-color: #9b1a09;
    background-image: url(../images/90ver2024_zfyditem.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    color: #ffca9b;}

.homef .left .zhuDmList_ul li .zfInner p {
    font-size: .18rem;
    text-overflow:ellipsis;
    overflow: hidden;}

.homef .left .zhuDmList_ul li h4 {
    font-weight: normal;
    font-size: .18rem;
    margin-bottom: .1rem
;}

.homef .left .zhuDmList_ul li h4 span {
    color: #650004;
    margin: 0 5px
;}

.homef .left .zhuDmList_ul li:hover h4 span {
    color: #ffba00;}

.homef .left .zhuDmList_ul {
    position: relative;
    height: 4rem;
    display: inline-block;
    width: 5rem;}

.homef .zfBtn {
    margin-top: .4rem
;}

.homef .zfBtn a {
    display: block;
    background: #d96e59;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding: 5px;
    text-align: center;}

.homef .zfBtn a span {
    position: relative;
    z-index: 3;
    width: 2.9rem;
    height: .6rem;
    display: block;
    background: #ffecc7;
    border-radius: 5px;
    font-size: .24rem;
    color: #8d0208;
    line-height: .6rem
;}

.homef .zfBtn a span img {
    width: .3rem;
    margin-right: .1rem;
    height: .3rem;
    vertical-align: -.06rem;
    pointer-events: none
;}

.homef .scrollingBox ul.empty {
    height: 0
;}

.homef .scrollingBox ul.empty li {
    display: inline-block;
    width: 3rem
;}

.str_wrap {
    width: 100%;
    position: relative;}

.str_wrap.str_active {}

.str_move {
    width: 100%;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
;}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
;}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
;}

.str_down .str_move,
.str_vertical .str_move {
    white-space: normal;
    width: 100%
;}

.noStop .str_move,
.no_drag .str_move,
.str_static .str_move {
    cursor: inherit
;}
@media (max-width:1024px){
 .str_move {
    width: 100%;}

.homec .his-txt li {
    padding-left: unset;}

.xqgg .post-11{
        display: flex;
    flex-direction: column;
    align-items: center;}

.xqgg .cir1 {
    left: 0rem;}

.xqgg .cir2 {
    right: -.5rem;}
 }

.ybd-qcode{   float: left;
    margin-right: 20px;
    text-align: center;
    color: #fff;}
.ybd-qcode p{
    margin-top:10px;}

.xcp_pic:before {
    content: '';
    position: absolute;
    left: 54%;
    top: 50%;
    width: 0.46rem;
    height: 0.46rem;
    background: url(./ico_08.png) no-repeat center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: 10;}


.ybd-home-title{text-align: center;padding:60px 60px;    max-width: 1600px;
    margin: 0 auto;}

.news-focus-section {
    width: 1600px;
    margin: 0px auto;
  }
.news-focus-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;}
.focus-slider {
    width: 820px;
    height: 550px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.focus-slider .swiper {
    width: 100%;
    height: 100%;}
.focus-slider .swiper-slide {
    position: relative;
    overflow: hidden;}
.focus-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;}
.slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
    padding: 30px 20px 20px;
    font-size: 18px;
    z-index: 10;}
.focus-slider .swiper-button-next,
.focus-slider .swiper-button-prev {
    color: #fff;
    background: rgba(255,255,255,0.3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.3s;}
.focus-slider .swiper-button-next:after,
.focus-slider .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;}
.focus-slider .swiper-button-next:hover,
.focus-slider .swiper-button-prev:hover {
    background: rgba(255,255,255,0.6);}
.focus-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.6;}
.focus-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #c40002;}
.news-list-section {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
    max-height: 550px;
    /* overflow-y: auto; */
    margin-top:-25px;
    padding-top: 0;}
.news-list-section h3 {
    font-size: 22px;
    color: #c40002;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;}
.news-item {
     padding: 12px 0; 
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;}
.news-item:hover {
    background: #fafafa;
    padding-left: 10px;}
.news-item:last-child {
    border-bottom: none;}
.news-item-left {
    flex: 1;
    min-width: 0;}
.news-item h4 {
    font-size: 30px;
    line-height: 1.6;
    width: 600px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-item h4 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;}
.news-item h4 a:hover {
    color: #c40002;}
.news-item .news-desc {
    font-size: 20px;
    color: #9f9898;
    width: 600px;
    white-space: nowrap;
    line-height: 1.8;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-item .news-date {
    font-size: 13px;
    color: #999;
    white-space: nowrap;
    padding-top: 14px;
    text-align: center;
    min-width: 60px;}
.news-item .news-date .day {
    font-size: 38px;
    font-weight: bold;
    color: #c40002;
    line-height: 1;
    display: block;}
.news-item .news-date .year-month {
    font-size: 16px;
    color: #999;
    line-height: 1.5;
    display: block;
    margin-top: 4px;}
.ybd-hub {
    width: 1600px;
    height: 40px;
    margin: 60px auto;}
.ybd-hub-title {
    float: left;
   width: 820px;
   font-size: 30.4px;
    font-weight: bold;
    text-align: center;
        color: #ab7d40;}
.ybd-hub-title2{
    float: left;
       width: 750px;
   font-size: 30.4px;
    font-weight: bold;
    text-align: center;
        color: #234fb8;}
.footerLogo{padding-top:20px;}



.ybd-video-icon:before {
    content: '';
    position: absolute;
    left: 150px;
    top: 50%;
    width: 0.46rem;
    height: 0.46rem;
    background: url(./ico_08.png) no-repeat center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: 10;
}


@media screen and (max-width: 768px) {
.boxmedia_l{width:38%;}
.boxmedia_r { float: left; width: 36%; margin-left: 4%;}
}