.user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}

.user-card {
  position: absolute;
  top: 50px;
  right: 0;
  width: 250px;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  border-radius: 4px;
  padding: 16px;
  display: none;
  z-index: 1000;
}

.user-card.show {
  display: block;
}

.user-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.user-card-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
}

.user-card-info {
  flex: 1;
}

.user-card-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}

.user-card-details {
  font-size: 14px;
  color: #666;
  margin-bottom: 4px;
}

.logout-btn {
  width: 100%;
  padding: 8px;
  background: #f5f5f5;
  border: none;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  margin-top: 12px;
}

.logout-btn:hover {
  background: #F10E1E;
  color: #ffffff;
}
.ellipsis-text {
    font-size: 15px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.ellipsis-text a{
    font-size: 15px !important;
}

/* 大屏电脑（宽度大于等于1600px） */
@media screen and (min-width: 1600px) {
  .ellipsis-text a {
    font-size: 15px !important;
  }
}

/* 笔记本电脑（宽度小于1600px） */
@media screen and (max-width: 1599px) {
  .ellipsis-text a {
    font-size: 14px !important;
  }
}
.more-txt-1{
	margin-top: 70px;
	float: right;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff !important;
	position: relative; /* 添加相对定位 */
}
.more-txt{
	margin-top: 50px;
	float: right;
	/*font-weight: 400;*/
	font-size: 24px;
	color: #636363;
	position: relative; /* 添加相对定位 */
	display: flex;
    align-items: center;  /* 垂直居中对齐 */
}
.more-txt::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 50px;
    height: 4px;
    background: linear-gradient(100deg, #F10E1E, #FF955E);
}
.more-txt img {
    width: 20px;
    margin-left: 2px;
}
.cell-top .image-container img{
    transition: all .3s ease-in-out;
}
.cell-top .cell-left:hover img{
    transform: scale(1.1);
}

.cell-bottom-part .info-box:hover ~ .image-container img {
    transform: scale(1.1);
}
.cell-bottom-part:hover .image-container img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

.cell-right-top .info-box:hover ~ .image-container img {
    transform: scale(1.1);
}
.cell-right-top:hover .image-container img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.cell {
	margin-top: 100px;
    width: 100%;
    height: 900px;
    display: flex;
    flex-direction: column;
	border-radius: 50px;
	overflow: hidden;
}

.cell-top {
    height: 60%;
    display: flex;
}

.cell-bottom {
    height: 40%;
    display: flex;
}

.cell-bottom-part {
    flex: 1;
    height: 100%;
	position: relative;

}

.cell-bottom-part .image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cell-bottom-part .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.cell-bottom-part .info-box {
    position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    padding: 40px;
    color: #fff;
    background: rgba(244, 0, 23, 0.1);
}
.cell-bottom-part .info-box .title {
    font-size: 24px;
    font-weight: bold;
    /* margin-bottom: 10px; */
}
.cell-bottom-part .info-box .view-more {
    float: right;
	text-align: end;
    /* padding: 8px 20px; */
    color: #fff;
	font-size: 16px;
}



.cell-left {
    width: 66.67%;
    height: 100%;
	position: relative;
    overflow: hidden;
    color: #ffffff !important;
}

.cell-left .image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cell-left .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*.cell-left .info-box a{*/
/*    display: inline-block;*/
/*}*/
.cell-left .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* 使内容靠底部 */
    background: rgba(244, 0, 23, 0.1);
}

.cell-left .info-box .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff !important;
}

.cell-left .info-box .desc {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #ffffff !important;
}

.cell-left .info-box .date {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 10px;
}

.cell-left .info-box .view-more {
	float: right;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
	font-size: 16px;
}

.cell-right {
    width: 33.33%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cell-right-top, 
.cell-right-bottom {
    height: calc(50%);
	position: relative;
}

.cell-right-top .image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cell-right-top .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cell-right-top .info-box {
    position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    padding: 40px;
    color: #fff;
    /*background: rgba(244, 0, 23, 0.1);*/
}
.cell-right-top .info-box .title {
    font-size: 24px;
    font-weight: bold;
     color: #ffffff !important;
    /* margin-bottom: 10px; */
}
.cell-right-top .info-box .view-more {
    float: right;
	text-align: end;
    /* padding: 8px 20px; */
    color: #fff;
	font-size: 16px;
}
.xiala .erji{
	display: none;
	position: absolute;
	background: #ffffff;
	text-align: center;
	/*width: 120px;*/
	width: 100%;
	z-index: 999;
	left: 0;
    display: block; /* 确保动画生效 */
    max-height: 0; /* 初始高度为0 */
    overflow: hidden; /* 隐藏超出部分 */
    transition: max-height 0.3s ease; /* 添加过渡动画 */
}
.xiala .erji dd{
	height: 40px;
	line-height: 30px;
	/* color: #fff; */
	/* border-bottom: 1px solid #fff; */
	text-align: center;
}
.xiala .erji dd:hover{
	background-color: #F10E1E ;
	color: #fff !important;
}
.xiala .erji dd a{
	color: #9f9f9f !important;
	line-height: initial !important;
	height: 1pc !important;
}
.xiala .erji dd:hover a{
	color: #ffffff !important;
	
}
.xiala:hover .erji{
	display: block;
    max-height: 500px; 
}
.bg {
    background: url('../images/sun-bg.png') no-repeat center center;
	background-color: #f2f2f2 !important;
    background-size: cover;
    width: 100%; /* 确保宽度为100% */
    /* height: 650px; */
    box-sizing: border-box; /* 确保内外边距计算正确 */
	padding-bottom: 100px;
}

/* 白色区域样式 */
.white-box {
    /* max-width: 1500px; */
    /* width: 100%; */
    height: 350px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(187,185,186,0.75);
    border-radius: 50px;
    margin: -60px auto 20px auto; /* 居中 */
    z-index: 11; /* 提高层级，确保在轮播图之上 */
    position: relative; /* 确保定位有效 */
    display: flex; /* 使用 flex 布局 */
    /* justify-content: space-between; */
    align-items: center;
}

/* .white-box::before {
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    width: 0;
    border-left: 1px dashed #929191 ; 
    transform: translateX(-50%);
    z-index: 12;
} */
.card-left{
    padding-left: 5%;
    flex: 1;
}
.card-right{
    border-left: 1px dashed #929191 ; 
    padding-left: 5%;
    flex: 1;
}
.card-title{
    font-family: 'Source Han Sans CN', sans-serif; /* 使用本地字体 */
    font-size: 23px;
    color: #888787;
}
.date-small-text{
    font-size: 14px;
}
.number {
    margin-top: 10px;
    font-family: 'Source Han Sans CN', sans-serif; /* 使用本地字体 */
    font-weight: bold;
    font-size: 57px;
    color: #F40F1E;
    background: linear-gradient(100deg, #F10E1E 0%, #FF955E 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.demand{
	margin-left: 60px;
	background: url('../images/btn-yjr.png') no-repeat center center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #FFFFFF;
    background-size: cover;
	width: 150px;
	height: 60px;
	border-radius: 18px;
}
.swiper-container{
	margin-top: 40px;
}
.swiper-container .swiper-wrapper img {
	width: 100%
}
.swiper-container .pagination1 .swiper-pagination-bullet {
	width: 45px;
	height: 2px;
	border-radius: 0;
	background: #fff;
	opacity: 1
}
.swiper-container .pagination1 .swiper-pagination-bullet-active {
	background: #F74337
}
.swiper-container .swiper_abo {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 30px;
	padding: 15px;
	font-size: 20px;
	background: rgba(238,119,0,.7);
	color: #fff
}
.swiper-container-horizontal>.swiper-pagination {
	right: 20%;
	bottom: 4%;
	left: initial;
	width: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url(../images/left.jpg);
	left: 0
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url(../images/right.jpg);
	right: 0
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 54px;
	height: 54px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 54px 54px;
	background-position: center;
	background-repeat: no-repeat
}
.grid{
	background: url('../images/xm-bg.png') no-repeat center center;
    background-size: cover;
    width: 100%; /* 确保宽度为100% */
	padding: 100px 0;

}
.grid .container .row div .grid_index img, .index_index .donate .normal table {
	width: 100%
}
.grid .container .row div .grid_index img, .index_index .donate .normal1 table {
	width: 100%
}
#normal {
	height: 30px
}
#normal1 {
	height: 30px
}
.index_index{
	align-items: center;
	margin-top: 80px;
}
.index_index .donate {
	/* margin-top: 30px */
}
.donate_donate{
	margin-top: 20px;
}
.donate_title{
	font-family: FZLanTingHeiS-DB-GB;
	font-weight: 400;
	font-size: 17px;
	color: #7B7A7A;
	margin-bottom: 10px;
}
.index_index .donate .normal {
	background:  rgba(255, 185, 171,.2);
	font-size: 16px;
	line-height: 30px;
	padding: 10px;
	height: 50px;
	overflow: hidden;
	color: #F40F1E  ;
	margin: 0
}
.index_index .donate .normal p {
	float: left
}
.index_index .donate .normal p:nth-of-type(2) {
	float: right
}

.index_index .donate .normal1 {
	background: #FF9C8F ;
	font-size: 16px;
	line-height: 30px;
	padding: 10px;
	height: 50px;
	overflow: hidden;
	color: #ffffff;
	margin: 0
}
.index_index .donate .normal1 p {
	float: left
}
.index_index .donate .normal1 p:nth-of-type(2) {
	float: right
}
.index_index .donate .demand {
	line-height: 50px
}
.index_index .donate .demand p {
	background: #F74337;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700
}
.index_index .donate .demand:nth-of-type(2) {
    padding-left: 18px
	/*padding-left: 42px;*/
	/*padding-right: 18px*/
}
.index_index .donate .demand:nth-of-type(3) {
	padding-left: 18px
}
.index_index .donate_his {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center
}
.index_index .donate_his div {
	border-right: 1px solid #dcdcdc;
	padding-left: 4%;
	text-align: left
}
.grid .container .row div, .grid a p, .project .project_title {
	text-align: center
}
.index_index .donate_his div p:nth-of-type(1) {
	font-size: 14px;
	line-height: 30px;
	color: #777
}
.index_index .donate_his div p:nth-of-type(2) {
	font-size: 30px;
	line-height: 30px;
	color: #F74337
}
.index_index .donate_his div:nth-of-type(3) {
	border: none
}
.grid {
	/* padding: 8px 0 52px;
	background: #f6f6f6 */
}
.cls-title{
    margin: 0 auto;
	/* margin-left: -60px; */

}
.title-txt{
    font-size: 50px;
    color: #ffffff;
}
.small-txt{
	margin-bottom: 5px;
    font-size: 22px;
    color: #ffffff
}
.tiao{
    width: 64px;
    height: 5px;
	margin-top: 10px;
    background-color: #ffffff;
}
.grid a {
	/*display: block;*/
	/* margin-top: 54px */
}
.grid a p {
	font-weight: bold;
	font-size: 25px;
	line-height: 50px;
	/* background: #F74337; */
	color: #fff;
	margin: auto;
	/* padding: 10px 60px; */
	display: table
}
.grid .container .row {
	margin-left: -30px;
	margin-right: -30px
}
.grid .container .row div {
	margin-top: 30px
}
.grid .container .row div .grid_index {
	/*background: #fff;*/
	/*padding-top: 40px;*/
	margin: 0
}
.grid_index .x_img{
    border-radius: 10px;
    overflow: hidden;
}
.grid_index img{
    border-radius: 10px;
    
    transition: all .3s ease-in-out;
}
.grid_index:hover img{
    transform: scale(1.1);
}
.grid_index .x_title{
    color: #ffffff !important;
    margin: 10px 0;
    font-size: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}
.x_des{
    color: #ffffff;
    flex: 1;
    font-size: 14px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left !important;
    align-items: center;
    justify-content: space-between;
}
.x_des_btn{
	background: url('../images/btn-jz.png') no-repeat center center;
    background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
    border-radius:6px;
	border: 2px solid #FEFEFE;
    /* background:#F74337;  */
    color: #fff;
    font-size:20px;
    width: 130px;
	height: 40px;
    margin-left: 5px;
}
.grid .container .row div .grid_index p {
	font-size: 16px;
	line-height: 25px;
	color: #999;
	background: 0 0;
	padding: 0
}
.grid .container .row div .grid_index p:nth-of-type(1) {
	font-size: 20px;
	line-height: 30px;
	color: #5d5d5d;
	font-weight: 700;
	margin-bottom: 10px;
	padding: 0;
	background: 0 0
}
.grid .container .row div .grid_index p:nth-last-child(1) {
	font-size: 20px;
	line-height: 30px;
	margin: 10px auto;
	padding-bottom: 20px;
	color: #999
}
.grid .container .row div .grid_index p:nth-last-child(1) span {
	font-size: 40px;
	font-weight: 700;
	color: #F74337
}
.x_flex{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    /* margin-bottom: 20px; */

}
.x_index_title{
    border-bottom: 2px solid #F74337;
    font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	color: #5d5d5d;
    padding-bottom: 15px;
    color: #F74337;
}
.x_index_more{
    font-size: 14px;
	color: #F74337
}
.x_index_new{
	margin-right: 150px;
	flex: 1;
	/* height: 100px; */
	/* background-color: #636363; */
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    gap: 30px; /* 区域间隔 */
    justify-content: space-between; /* 两列对齐 */
}

.x_index_new a {
    width: calc(50% - 15px); /* 每列占50%，减去间隔的一半 */
    text-align: center;
}
.x_index_new a p{
    margin-top: 5px;
}

.x_index_new img {
    width: 100%;
    max-height: 100px; /* 调整图片高度 */
    border-radius: 10px; /* 图片圆角 */
}

.x_video{
      align-items: start;
}
.x_video a{
    width: 32%;
    line-height: 28px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}
.x_video a:hover{
    background: #F74337;
    color: #fff !important;
}
.x_video img{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-height: 240px;
    border-radius: 10px;
}
.x_video .video-icon{
    position: absolute;
    right: 30px;
    bottom: 70px;
    /* z-index: 222; */
    width: 40px;
}
.x_video p{
    font-size: 18px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.x_target{
    width:250px; 
    margin: 0 auto; 
    display:block;
    border-radius: 5px;
    border: 1px solid  #F74337;
    color: #F74337 !important;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}
.x_info a{
    display: block;
    width: 15%;
}
.x_info a img{
    width: 100%;
    border-radius: 10px;
}
.x_video span{
    display: block;
    font-size: 14px;
    color: #666;
}
.prefecture_index {
	padding: 66px 0;
	/* background: #fdefe7 */
}
.new_title{
	font-weight: bold;
	font-size: 20px;
	color: #F74337;
	text-align: start;
	/* float: left; */
}
.prefecture_index div .prefecture_video {
	float: left;
	width: 40%
}
.prefecture_index div .prefecture_video img {
	width: 100%
}
.prefecture_index div .prefecture_video p {
	margin-bottom: 10px
}
.prefecture_index div .prefecture_video p:nth-of-type(1) {
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	color: #5d5d5d;
	float: left
}
.prefecture_index div .prefecture_video p:nth-of-type(1) span {
	color: #F74337
}
.prefecture_index div .prefecture_video p:nth-of-type(2) {
	float: right;
	line-height: 25px;
	font-size: 14px;
	color: #F74337
}
.prefecture_index div .prefecture_rules {
	width: 50%;
	/* float: right; */
	margin: 0
}
.prefecture_index div .prefecture_rules img {
	width: 100%
}
.prefecture_index div .prefecture_rules div {
	position: relative
}
.prefecture_index div .prefecture_rules div a p:nth-of-type(1) {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 7px 0;
	line-height: 30px;
	background: rgba(67,67,67,.8);
	margin: 0
}
.prefecture_index div .prefecture_rules div:hover a p:nth-of-type(1) {
	background: rgba(238,119,0,.8)
}
.prefecture_index div .prefecture_rules p {
	margin-bottom: 10px
}
.prefecture_index div .prefecture_rules p:nth-of-type(1) {
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	color: #5d5d5d;
	float: left
}
.prefecture_index div .prefecture_rules p:nth-of-type(1) span {
	color: #F74337
}
.prefecture_index div .prefecture_rules p:nth-of-type(2) {
	float: right;
	line-height: 25px;
	font-size: 14px;
	color: #F74337
}
.prefecture_index div .prefecture_rules ul li {
	font-size: 14px;
	line-height: 50px;
	color: #7d7d7d;
	/* border-bottom: 1px solid #bcbcbc */
}
.prefecture_index div .prefecture_rules ul li a {
	padding: 20px 0 10px;
	display: block
}
.prefecture_index div .prefecture_rules ul li a p {
	margin-top: 0;
	margin-bottom: 0
}
.p-title{
    white-space: nowrap;      /* 防止文本换行 */
    overflow: hidden;         /* 隐藏超出部分 */
    text-overflow: ellipsis;  /* 显示省略号 */
    max-width: 80%;         /* 确保宽度不超过父容器 */
    display: block;
}
/* 大屏电脑（宽度大于等于1600px） */
@media screen and (min-width: 1600px) {
  .p-title{
    white-space: nowrap;      /* 防止文本换行 */
    overflow: hidden;         /* 隐藏超出部分 */
    text-overflow: ellipsis;  /* 显示省略号 */
    max-width: 80%;         /* 确保宽度不超过父容器 */
    display: block;
}
}

/* 笔记本电脑（宽度小于1600px） */
@media screen and (max-width: 1599px) {
  .p-title{
    white-space: nowrap;      /* 防止文本换行 */
    overflow: hidden;         /* 隐藏超出部分 */
    text-overflow: ellipsis;  /* 显示省略号 */
    max-width: 70%;         /* 确保宽度不超过父容器 */
    display: block;
}
}
.prefecture_index div .prefecture_rules ul li a p:nth-of-type(1) {
	float: left;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #c9c9c9; /* 默认颜色 */
	margin-top: 8px;
	margin-right: 8px;
	transform: rotate(-90deg); /* 旋转 90 度 */
}
.prefecture_index div .prefecture_rules ul li a p:nth-of-type(2) {
	float: left;
	color: #7d7d7d;
	line-height: 20px
}
.prefecture_index div .prefecture_rules ul li a p:nth-of-type(3) {
	float: right;
	color: #7d7d7d;
	line-height: 20px
}
.prefecture_index div .prefecture_rules ul li:hover {
	color: #F74337;
	/* border-bottom: 1px solid #F74337 */
}
.prefecture_index div .prefecture_rules ul li:hover a p:nth-of-type(1) {
	border-top-color: #F74337; /* 鼠标悬停时的颜色 */
}
.prefecture_index div .prefecture_rules ul li:hover a p:nth-of-type(2) {
	float: left;
	color: #F74337
}
.prefecture_index div .prefecture_rules ul li:hover a p:nth-of-type(3) {
	float: right;
	color: #F74337
}
.prefecture_synthesis {
    display: flex;
    align-items: stretch; /* 保证左右高度一致 */
	/* padding-left: 100px; */
}

.prefecture_synthesis .news_div {
    flex: 1;
    display: flex;
    /* flex-direction: column;
    justify-content: space-between; */
}

.prefecture_synthesis .prefecture_rules {
    flex: 1;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.project {
	margin-top: 20px
}
.project .project_title p:nth-of-type(1) {
	font-size: 24px;
	line-height: 30px;
	color: #F74337
}
.project .project_title p:nth-of-type(2) {
	font-size: 16px;
	line-height: 25px;
	color: #777;
	margin-top: 10px;
	margin-bottom: 28px
}
.project div img {
	width: 100%
}
.foots .foot_title {
	background: #777;
	margin-top: 70px;
	margin-bottom: 30px;
	line-height: 50px
}
.foots .foot_title a {
	float: left;
	padding: 0 30px;
	color: #fff;
	font-size: 20px
}
.foots .foot_title .active, .foots .foot_title a:hover {
	background: #F74337;
	color: #fff
}
.foots .index_panel_body_e {
	position: relative;
	height: 200px
}
.foots .index_panel_body_e ul {
	position: absolute;
	top: 0;
	display: inline;
	opacity: 0
}
.foots .index_panel_body_e ul li {
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5
}
.foots .index_panel_body_e .active {
	opacity: 1;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s
}
@media screen and (min-width:1200px) {

.bb1 {
	border-bottom: 1px solid #ddd
}
.aa1 {
	border-right: 1px solid #ddd
}
}
@media screen and (max-width:1200px) {
.prefecture_index div .prefecture_video {
	width: 100%
}
.prefecture_index div .prefecture_rules {
	width: 100%;
	margin: 10px 0 0
}
.foots {
	display: none
}
}
@media screen and (max-width:768px) {
.grid .container .row div .grid_index p, .swiper-container .swiper_abo {
	font-size: 12px;
	line-height: 20px
}
.swiper-button-next, .swiper-button-prev {
	top: 50%;
	width: 20px;
	height: 20px
}
.prefecture_index div .prefecture_video div iframe, .project div iframe {
	height: 200px
}
.swiper-container .swiper_abo {
	padding: 5px
}
.swiper-container-horizontal>.swiper-pagination {
	right: 0;
	bottom: 4%;
	left: initial;
	width: auto
}
.grid {
	padding: 8px 0 20px
}
.grid .container {
	padding: 0 5px
}
.grid .container .row {
	margin-left: -5px;
	margin-right: -5px
}
.grid .container .row div {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px
}
.grid .container .row div .grid_index {
	padding-top: 20px;
	padding-bottom: 10px
}
.grid .container .row div .grid_index p:nth-of-type(1) {
	font-size: 14px;
	line-height: 18px;
	color: #5d5d5d;
	font-weight: 700;
	margin-bottom: 5px
}
.grid .container .row div .grid_index p:nth-last-child(1) {
	font-size: 12px;
	line-height: 30px;
	color: #999
}
.grid .container .row div .grid_index p:nth-last-child(1) span {
	font-size: 20px;
	font-weight: 700;
	color: #F74337
}
.grid .container a p, .prefecture_index div .prefecture_video p:nth-of-type(1) {
	font-size: 14px
}
.grid .container a {
	margin-top: 20px
}
.prefecture_index {
	padding: 20px
}
.prefecture_index div .prefecture_video {
	width: 100%
}
.prefecture_index div .prefecture_video p:nth-of-type(2) {
	font-size: 12px
}
.prefecture_index div .prefecture_rules {
	width: 100%;
	margin-top: 10px
}
.prefecture_index div .prefecture_rules p:nth-of-type(1) {
	font-size: 14px
}
.prefecture_index div .prefecture_rules p:nth-of-type(2) {
	font-size: 12px
}
.project {
	margin-top: 20px
}
.project .project_title p:nth-of-type(1) {
	font-size: 14px;
	line-height: 20px;
	color: #F74337
}
.project .project_title p:nth-of-type(2) {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px
}
.index_index .donate .normal {
	margin-bottom: 10px;
	font-size: 12px
}
.index_index .donate .demand p {
	font-size: 12px;
	line-height: 40px
}
.index_index .donate .demand:nth-of-type(2) {
	padding-left: 18px;
	padding-right: 18px
}
.index_index .donate_his {
	margin: 10px 0
}
.index_index .donate_his div {
	padding: 5px 4%;
	border: none;
	border-bottom: 1px solid #dcdcdc
}
.index_index .donate_his div:nth-last-child(1) {
	border: none
}
.index_index .donate_his div p:nth-of-type(1) {
	font-size: 12px;
	line-height: 20px
}
.index_index .donate_his div p:nth-of-type(2) {
	font-size: 14px;
	line-height: 20px
}
}
@media screen and (max-width:992px) {
.index_index .donate .normal {
	margin-bottom: 10px
}
}
@media screen and (width:768px) {
.index_index .donate_his div {
	padding: 5px 4%;
	border: none;
	border-bottom: 1px solid #dcdcdc
}
}

.video-bg{
	background: url('../images/jgbj.png') no-repeat center center;
    background-size: cover;
    width: 100%; /* 确保宽度为100% */
    /* height: 1610px; */
    box-sizing: border-box; /* 确保内外边距计算正确 */
	padding: 100px 0;
}

.video-box {
    display: flex;
    gap: 30px;
    width: 100%;
    height: 900px;
}

.video-box .left {
    flex: 1;
    border-radius: 50px;
    background-color: #f0f0f0; /* 左侧背景颜色 */
	position: relative;
    overflow: hidden;
}

.video-box .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.video-box .right .right-top,
.video-box .right .right-bottom {
    flex: 1;
    border-radius: 50px;
    overflow: hidden;

}

.video-box .right .right-top {
	position: relative;
    overflow: hidden;
   
}



.video-box .left .video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-box .left .video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	transition: all .3s ease-in-out;

}

.video-box .left .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    color: #fff;
}

.video-box .left .info-box .title {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.video-box .left .info-box .desc {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5;
	opacity: 0.9;
}

.video-box .left .info-box img {
	margin-left: 20px;
    width: 100px;
	height: 100px;
	border-radius: 50%;
	opacity: 0.7;
}



.video-box .right .right-top .video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-box .right .right-top .video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	transition: all .3s ease-in-out;
}

.video-box .right .right-top .info-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    color: #fff;
	text-align: end;
	opacity: 0.7;
}
.video-box .right .right-top .info-box img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}


/* .cell-top .image-container img{
    transition: all .3s ease-in-out;
} */

.video-box .right .right-top .video-container:hover img{
    transform: scale(1.1);
}
.video-box .left .video-container:hover img{
    transform: scale(1.1);
}

.zx-title{
	font-weight: bold;
	font-size: 30px;
	color: #636363;
	/* padding-left: 100px; */
}

.high-num{
	font-weight: bold;
	font-size: 36px;
	color: #F10E1E ;
}

.zx-tab-box {
    text-align: center;
    margin-top: 50px;
}

.tab-header {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-bottom: 20px;
}

.tab-item {
    font-size: 20px;
    color: #636363;
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
	font-weight: bold;
}

.tab-item.active {
    color: transparent;
    background: linear-gradient(100deg, #F40017, #F99272);
    -webkit-background-clip: text;
}

.tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 50%;
    height: 2px;
    background: linear-gradient(100deg, #F40017, #F99272);
}

.tab-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab-panel {
    display: none;
    width: 100%;
    /* padding: 20px; */
    border-radius: 10px;
}

.tab-panel.active {
    display: block;
}

.ambassador-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* 改为space-between以保持等间距 */
    gap: 20px 0; /* 只保留上下间距，左右间距由justify-content控制 */
    margin-top: 20px;
    width: 100%;
}

.ambassador-item {
    width: calc(25% - 30px); /* 设置为25%宽度减去间距 */
    /*min-width: 300px; */
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 30px 10px;
    border-radius: 10px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /*margin: 0 15px; */
    display: flex;
    flex-direction: column;
}

.ambassador-item img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover; /* 裁剪超出部分 */
    object-position: center; /* 显示中间部分 */
    /* border-radius: 10px; */
}

.ambassador-item .title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.ambassador-item .line {
    width: 100px;
    height: 2px;
    background-color: #F74337;
    margin: 10px auto;
}

.ambassador-item .desc {
    font-size: 14px;
    color: #636363;
    margin: 10px 0;
}

.ambassador-item .view-more {
    font-size: 14px;
    color: #F74337;
    text-decoration: none;
    border: 1px solid #F74337;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.ambassador-item .view-more:hover {
    background-color: #F74337;
    color: #fff;
}
.yq-link {
  margin-right: 5px;
  color: #ffffff
}
.yq-link a{
	color: #ffffff !important;
}
.yq-link:last-of-type .fgx {
  display: none;
}

.yq-link .fgx {
  color: #ffffff;
  margin: 0 5px;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    /* width: 54px; */
    height: 100px;
    margin-top: -27px;
    z-index: 10;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev {
    left: -70px;
    background-image: url('../images/left1.png');
}

.swiper-button-next {
    right: -70px;
    background-image: url('../images/right1.png');
}

.swiper-button-prev,
.swiper-button-next {
    /* width: 54px; */
    height: 100px;
    margin-top: -27px;
    background-size: 40px 80px; /* 确保背景图片大小正确 */
    opacity: 0.5;
    background-color: transparent; /* 移除默认背景 */
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
}

.swiper-button-prev {
	z-index: 9999;
    left: -70px;
    background-image: url('../images/left1.png') !important; /* 强制使用自定义图片 */
}

.swiper-button-next {
    right: -70px;
    background-image: url('../images/right1.png') !important; /* 强制使用自定义图片 */
}

/* 移除默认箭头 */
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

/* 修改swiper容器样式 */
.grid .swiper-container.swiper-container-project {
    width: 85% !important; /* 缩小容器宽度,为按钮留出空间 */
    position: relative;
    overflow: visible !important; /* 关键:允许超出部分显示 */
    margin: 0 auto;
    padding: 0 !important;
	/* overflow: hidden; */
}

/* 调整按钮样式和位置 */
.grid .swiper-container .swiper-button-prev,
.grid .swiper-container .swiper-button-next {
     width: 40px !important; 
    /*height: 100px;*/
    margin-top: -100px !important;
    position: absolute;
    top: 50%;
    z-index: 999;
    cursor: pointer;
    background-size: 100%;
    opacity: 0.8;
}

.grid .swiper-container .swiper-button-prev {
    left: -80px !important;
    background-image: url('../images/left1.png') !important;
}

.grid .swiper-container .swiper-button-next {
    right: -80px !important;
    background-image: url('../images/right1.png') !important;
}

.grid .swiper-container .swiper-button-prev:hover,
.grid .swiper-container .swiper-button-next:hover {
    opacity: 1;
}

/* 移除默认箭头样式 */
.grid .swiper-container .swiper-button-prev:after,
.grid .swiper-container .swiper-button-next:after {
    content: none !important;
}

/* 修改grid容器样式 */
.grid .container {
    position: relative;
    overflow: hidden; /* 隐藏超出部分 */
    /*padding: 0 70px; */
}

/* 修改轮播容器样式 */
.grid .swiper-container.swiper-container-project {
    width: 100% !important;
    position: relative;
    margin: 0 auto;
    padding: 0 !important;
}

/* 调整按钮位置 */
.grid .swiper-container .swiper-button-prev {
    left: -60px !important;
}

.grid .swiper-container .swiper-button-next {
    right: -60px !important;
}

/* 调整slide间距 */
.grid .swiper-container .swiper-slide {
    padding: 0 15px; /* 添加内边距替代原来的间距 */
    box-sizing: border-box;
}