﻿body {
	margin:0px;
	padding:0px;
}

@media (min-width: 1400px) {
.container { max-width: 1560px; }
}
.logo {
	padding-top: 20px;
	padding-bottom: 20px;

}

.nav {
	position: fixed;
	z-index: 9999;
	width: 100%;
	/*background-color: rgba(204,204,204,0.4);*/
    transition: all 0.4s ease;
	background-image: url(../images/navbg.png);
	
}
 .nav.scrolled {
            background-color: #AE1C1C;
			background-image: url(../images/bg.jpg);	
	        transition: all 0.4s ease;		
 }

.search {
	font-size: 14px;
	color: #FFFFFF;

}
.search a{
	text-decoration: none;
	color: #FFFFFF;
	font-family: "微软雅黑 Light";
	font-size: 14px;
}

.search a:hover{
	color: #FFFF00;
}

.form-control.my-custom{
  height:24px;
  padding:0.5rem 0.5rem;
  font-size:0.85rem;
}

.btn.my-btn-custom {
	height: 24px;
	padding: 0.2rem 0.5rem;
	font-size: 0.85rem;

}


.h_ul{
	width:auto;
	margin: 0px;
}

.h_li{
	
	width:100px;
	height:50px;
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
	list-style-type: none;
	font-weight: bold;
}

.h_li a{	line-height:50px;	font-size:20px;	color:#FFFFFF;	display:block;	text-decoration: none;	font-family: inherit;}

.h_li:hover a{
	color:#000000;
	text-decoration: none;
	background-color: #FFFFFF;
}


.line{
	float:left;
	list-style-type: none;
	width: 10px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	font-size: 18px;
}

/* Sub menu */
.h_sub_ul{
	width:100px;
	position:absolute;
	z-index:999999;
	visibility:hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: none;
	border-top-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
	border-top-width: 0px;
	padding: 0px;

}

.h_li:hover .h_sub_ul{visibility:visible; *margin-left:-72px;}

.h_sub_li{
	width:98px;
	height:40px;
	list-style-type: none;
	text-align: center;
	background-color: rgba(204,204,204,0.4);

}
.h_sub_li a {line-height:40px;	font-size:18px;	text-decoration: none;}

.h_sub_li:hover{
	background-color: #AE1C1C;
}

.h_sub_li:hover a{
background-color: #AE1C1C;
color:#ffffff;
}




 /* Banner轮播 */

.bannerCarousel .carousel-item{
  height:100vh;
}
	
      .bannerCarousel .carousel-item img{
            width:100%;
            height:100%;
  object-fit:cover;
        }
        .carousel-overlay{
            position:absolute;
            inset:0;
            background:rgba(0,0,0,0.25);
        }
        .carousel-caption{
            z-index:2;
        }


 /* Banner轮播指示符 */
.bannerCarousel .carousel-indicators [data-bs-target]{
	width: 30px;
    height:10px;
    border-radius:50%;
    line-height:10px;
    text-align:center;
    color:#fff;
    background:rgba(0,0,0,0.4);
    text-indent:0; /* 清除bootstrap默认缩进 */
}
.bannerCarousel .carousel-indicators .active{
    background:#AE1C1C;
}





 /* Banner轮播end */














/* 初始状态：隐藏、向下偏移 */
/*    .animate-item {
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.7s ease-out;
    }
	*/
	
.animate-item {
  opacity:0;
  transform: scale(0.85) translateY(50px);
  transition: all 0.7s ease-out;
}
.animate-item.active {
  opacity: 1;
  transform: scale(1) translateY(0);
}





.section-title {
	position: relative;
	text-align: center;
	margin-top: 2%;
}

/* 中文主标题，主红色 #AE1C1C */
.title-cn {
  position: relative;
  z-index: 2;
  font-size: 50px;
  font-weight: bold;
  color: #AE1C1C;
  margin: 0;
}
/* 英文衬底大字，淡透明红色 */
.title-en {
  font-size: 80px;
  font-weight: 700;
  color: #AE1C1C;
  opacity: 0.12;
  text-transform: uppercase;
  position: absolute;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 1;


/* 文字渐变：顶部#AE1C1C，底部完全透明 */
  background: linear-gradient(to bottom, #AE1C1C, rgba(174,28,28,0));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;



}

/* 移动端适配，缩小字号 */
@media (max-width:768px){
  .title-en {
    font-size: 60px;
    letter-spacing:4px;
  }
  .title-cn {
    font-size:32px;
  }
}



















 /* 图片新闻 */
.xyxwbg{
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
}

.xyxw-col6-bg{
	background-color: #AE1C1C;

	
}

.carouselnews{
	position: relative;
	top: -9%;
	right: -9%;	
	
}
.carouselnews .carousel-item img{
  width:100%;
  height:100%;
  object-fit: cover;
}

 /* 新闻轮播指示符 */
.carouselnews .carousel-indicators {
    bottom: 100px; /* 距离轮播底部高度，调这个数值，越大越往下 */
	justify-content: flex-end; /* 靠右 */
    right:50px;
    left:auto; /* 清除bootstrap原生left:0 */	
    margin:0; /* 关键：清除原生左右15% margin */
    padding:0;

}
.carouselnews .carousel-indicators button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 4px;
}

.carouselnews .carousel-item {
  overflow: hidden;
}


/* hover放大动画 */
.carouselnews .carousel-item img {
  transition: transform 0.4s ease; /* 动画时长，0.4秒平滑 */

}
.carouselnews .carousel-item:hover img {
  transform: scale(1.05); /* 放大倍数：1.08=放大8%；想要更大改成1.15 */

}


/* 轮播新闻文字 */
.tpxwwz {
	text-decoration: none;
}

.carouselnews .tpxwwz div.h4 {
    color: #FFFFFF;
	text-decoration: none;	
}
.carouselnews .tpxwwz div.h4 {
    transition: color 0.4s ease !important;
}

.carouselnews .tpxwwz:hover div.h4 {
    color: #FFFF00!important;
}

 /* 图片新闻轮播end */




 /* 文字新闻部分 */
.wzxw-right {
    padding-left: 80px;
}

 .card-wzxw{
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;

	background: transparent !important;  /* 覆盖bootstrap card默认白色背景，设透明 */
	
}


.wzxw-date{

	font-size:14px;
	color:#AE1C1C;
	font-weight:bold;
	margin-bottom:4px;

	transition: color 0.4s ease;
	
	
	
}

/* 标题文字 */
.card-wzxwbt{
	font-size:18px;
	color:#000;
	font-weight:bold;
	transition: color 0.4s ease;
	padding-top: 10px;

}


/* hover悬浮效果 */
.card-wzxw:hover {
	background-color: #AE1C1C !important;
	transform: translateY(-5px);
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}

/* hover：日期、标题文字全部变白 */
.card-wzxw:hover .wzxw-date,
.card-wzxw:hover .card-body > div:nth-child(2){
	color:#ffffff;
}




 /* 文字新闻部分END */
 
 
  /* 通知部分 */
.card-corner{
    position: relative;
    overflow: hidden;
    background-color: #fbf8f3;
    background-image:
        radial-gradient(circle at 20% 10%, rgba(190, 165, 120, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 90%, rgba(180, 140, 90, 0.06) 0%, transparent 45%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}



/* 右上角红色折角 */
.card-corner::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 22px solid #AE1C1C;
    border-left: 22px solid transparent;
}  
.card-line {
    width:60px;
    height:6px;
    background:#AE1C1C;
    margin-bottom:20px;
	
}
 
.cardbt{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
    transition: color 0.4s ease;
}

.carddate{
	font-size: 14px;
	color: #CCCCCC;
	font-weight: bold;
	transition: color 0.4s ease;
	text-align: right;
	padding-top: 10px;
}



.card-hover {
    transition: all 0.4s ease;
}
.card-hover:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
    background-color: #AE1C1C;
}
/* hover 分割线变白 */
.card-hover:hover .card-line{
    background-color:#fff;
}
/* hover 标题变白 */
.card-hover:hover .cardbt{
    color:#fff;
}
/* hover 日期文字变白 */
.card-hover:hover .card-body > div:not(.card-line):not(.cardbt){
    color:#fff;
}
/* 三角形变白 */
.card-hover:hover::after{
    border-top-color:#fff;
}  
  

  
  /* 通知部分END */
 
 
 
 

 

/* 教学科研 */

.card-jxky{
position: relative;
overflow: hidden;
transition: all 0.4s ease;
margin-bottom: 20px;
background: transparent;


}
.tzggbg{
background: transparent !important;

}
/* card-body：左右布局（图片｜文字区域） */
.card-jxky .card-body{
display: flex;
gap:24px;
align-items: flex-start;
}
.jxkyimg img{
display:block;
}
/* 右侧文字区域：垂直从上往下排！！重点 */
.jxky-right{
flex:1;
display:flex;
flex-direction: column; /* 子元素垂直堆叠：上面 jxkybt，下面 jxky-desc */
gap:12px; /* 标题和摘要之间的间距 */
}
/* 标题行：flex 左右分布，标题左，日期右 */
.jxkybt{
font-size: 18px;
color: #000000;
font-weight: bold;
justify-content: space-between;
align-items: flex-start;
transition: color 0.4s ease;
}
.jxkybt span{
font-size:16px;
color:#CCCCCC;
font-weight:bold;
transition: color 0.4s ease; /* 日期不换行 */
float: right;
}
.jxky-desc{
font-size:16px;
color:#CCCCCC;
transition: color 0.4s ease;
font-weight: bold;
font-family: inherit;
}
/* hover 悬浮效果 */
/*.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 20px rgba(0,0,0,0.1);
background-color: #AE1C1C;
}*/
.card-hover:hover .jxkybt,
.card-hover:hover .jxkybt span,
.card-hover:hover .jxky-desc{
color:#ffffff;
}

/* 教学科研 END */





.dibu {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;

}

.dbjj {
	font-size: 14px;
	color: #F0F0F0;
	padding-top: 10px;
	text-indent: 30px;
}
.lxwm{
	font-size: 18px;
	text-indent: 2px;
	padding-bottom: 5px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	color: #F0F0F0;
	font-weight: bold;
	display: inline-block;
    width: auto;
	
}


.lxwm1 li{
	font-size: 14px;
	color: #F0F0F0;
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.lxwm1 li  a{
	color: #FFFFFF;
	text-decoration: none;
}
.lxwm1 li  a:hover {
	text-decoration: none;
	color: #FFCC00;
}






/*list页面*/


.listbg{
	background-image: url(../images/listbg.png);
	background-position: center;
}



.listsm10
{	position: relative;
	bottom: 40px;}


.list-tp{
    width:100%;
    height:400px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}



.left-zr
{	position: relative;
	bottom: 40px;}



.list-lefttt
{

	font-family: inherit;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	color: #FFFFFF;
	background-color: rgba(174, 28, 28, 0.8);
}




.list-leftnr
{
}



.list-leftnr  li
{
	height:50px;
	text-align: left;
	vertical-align: middle;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	list-style-type: none;
	text-indent: 20px;
	background-color: #FFFFFF;
}
.list-leftnr  li a
{
	text-decoration: none;
	color: #000000;
	display: block;
	font-family: "微软雅黑 Light";
	font-weight: bold;
	font-size: 18px;
}

.list-leftnr  li a:hover{
	background-color: #AE1C1C;
	color: #FFFFFF;
	display: block;
}

.list-leftnr  li:last-child
{
	height:50px;
	text-align: left;
	vertical-align: middle;
	line-height: 50px;
	display: list-item;
	text-indent: 20px;
	font-size: 18px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}




.listtt{
	background-image: url(../images/listtt.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}












.card-list{
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
	margin-bottom: 20px;
	background-color: #FFFFFF;




}

.list-date

{

	width: 80px;
	background-color: #F0F0F0;
	float: left;
}

.list-date  .day{
	font-size: 30px;
	height:50px;
	color: #AE1C1C;
	font-family: "微软雅黑";
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}

.list-date  .year
{
	font-size:16px;
	color: #969696;
	font-family: "微软雅黑";
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

/* card-body：左右布局（图片｜文字区域） */
.card-list .card-body{
display: flex;
gap:20px;
align-items: flex-start;
}

/* 右侧文字区域：垂直从上往下排！！重点 */
.list-right{
flex:1;
display:flex;
flex-direction: column; /* 子元素垂直堆叠：上面 jxkybt，下面 jxky-desc */
gap:8px; /* 标题和摘要之间的间距 */
}

/* 标题行：flex 左右分布，标题左，日期右 */
.listbt{
/*font-size: 18px;
color: #000000;
font-weight: bold;
justify-content: space-between;
align-items: flex-start;
transition: color 0.4s ease;*/



font-size: 18px;
	color: #000000;
	font-weight: bold;
	transition: color 0.4s ease;
	overflow: hidden;
	/* 标题最多2行，最少1行 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;




}

.list-desc{
/*font-size:16px;
color:#CCCCCC;
transition: color 0.4s ease;
font-weight: normal;
font-family: inherit;*/
font-size:16px;
	color:#CCCCCC;
	transition: color 0.4s ease;
	font-weight: normal;
	overflow: hidden;

}

.list-desc.line1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/* 摘要 双行模式 */
.list-desc.line2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.card-list:hover{
	border-color: #AE1C1C;

}

.card-list.card-hover:hover {
background-color: #ffffff !important;
	
}
.card-list:hover .listbt{
	color:#AE1C1C;
}
.card-list:hover .list-desc{
	color:#AE1C1C;
}


/*师资队伍页面*/

/* 教师卡片基础 */
.teacher-card{
    height:100%;
    display:flex;
    flex-direction:column;
    border:1px solid #eee;
    transition: all 0.4s ease;
    overflow:hidden;
}
.teacher-img-box{
    width:100%;
    height:260px;
    overflow:hidden;
}
.teacher-img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform 0.4s ease;
}
.teacher-text{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:16px;
}
/* 文字段落区域，弹性撑开，按钮放右侧 */
.teacher-text .text-content{
    flex-grow:1;
	width:100%;
}
.teacher-text .btn-wrap{
width:100%;
    text-align:right; /* 按钮靠右 */
    margin-top:12px;
}
.teacher-text .btn{
    background-color:#AE1C1C;
    color:#fff;
    border:none;
}

/* ===== hover效果核心 ===== */
.teacher-card:hover{
    border-color:#ffffff;
    box-shadow: 0 4px 12px rgba(174,28,28,0.12);
}
.teacher-card:hover .teacher-text h4{
    color:#ffffff;
}
.teacher-card:hover .teacher-text p{
    color:#ffffff;
}




/* 单篇正文 */
.dpzwbg
{
	background-image: url(../images/dpzwbg.jpg);
	background-position: top;
}


.dpzwtt
{
	font-family: inherit;
	font-size: 20px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #AE1C1C;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	padding-bottom: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	color: #AE1C1C;
}


.dpzwtthm
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	height: 43px;
}




.dpzwnr
{
	padding-top: 18px;
	font-size: 18px;
}


#content{
	box-shadow: 0 0 5px 1px #DDDDDD;
	margin: 0px;
	padding: 30px;
}


.content-divtt{
	font-family: inherit;
	font-size: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 10px;
}

.content-divtt span{
	font-family: inherit;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
	color: #000000;
	display: block;
	padding-right: 40px;
}

.content-divtt1{
	font-size: 16px;
	line-height: 40px;
	color: #B8B8B8;
	height: 40px;
	text-align: right;
	vertical-align: middle;
}

.content-divnr{

}
.content-divnr img{
width: 80%;
height: auto;
}