.yichen-indexA {
    padding: 5.625rem 0 0 0;
    /* background: teal; */
}

.yichen-indexA .tit {
    text-align: center;
    margin-bottom: 5rem;
}

.yichen-indexA .tit h2 {
    font-size: var(--title-size-h1);
    color: #545353;
    font-weight: 700;    
    line-height: 1;   
}
.yichen-indexA .tit .title2{
    text-align: center;
    margin-top: 15px;
}
.yichen-indexA .tit p {
    font-size: 1rem;
    color: #333;
    line-height: 2.25rem;
    margin: 1.25rem 0 0;
}

.yichen-indexA .boxl {
    display: flex;
}

.yichen-indexA .boxlLeft {
    display: flex;
    width: 36.875rem;
    /* height: 35.125rem; */
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    flex-shrink: 0;
    /* background-color: pink; */
    margin-right: 1.1875rem;
}

.yichen-indexA .txtPart {
    width: 100%;
    /* min-height: 10.875rem; */
    background-color: #F5F5F5;
    border-radius: 0.3125rem;
    padding: 1.75rem;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}

/* 鼠标悬停效果 */
.yichen-indexA .txtPart:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.yichen-indexA .txtPart h6 {
    color: #545353;
    font-family: var(--font-family);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2.25rem; /* 150% */  
    margin: 0;  
}

.yichen-indexA .txtPart span {
    color: #545353;
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: 0.625rem;

    overflow: hidden;
    display: -webkit-box;         
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3;       

    word-break: break-word;   
    overflow-wrap: anywhere; 
}


/* 轮播 */
.yichen-indexA .boxlRight {
    width: 36.875rem;
    height: 35.125rem;
    overflow: hidden;
}

.yichen-indexA .list {
  position: relative;
  /* padding-bottom: 80px; */
}
.yichen-indexA .list_wapper {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 左右两列 */
  grid-template-rows: auto 1fr;   /* 上下两行 */
  gap: 10px;
  position: relative;
}
.yichen-indexA .list_wapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yichen-indexA .list_wapper_left {
  grid-column: 1 / 2; /* 占左边整列 */
  grid-row: 1 / 3;    /* 占两行 */
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 右上图 */
.yichen-indexA .list_wapper_center_pic {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  width: 100%;
  height: 100%;
  max-height: 21.25rem;
  object-fit: cover;
}
/* 右下两张图 */
.yichen-indexA .list_wapper_right {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  width: 100%;
  height: 100%;
}
 

.yichen-indexA .swiper-pagination-bullet {
  --bullet-size: 10px;
  width: var(--bullet-size);
  height: var(--bullet-size);
  background: rgba(255, 255, 255, 1);
  opacity: 1 !important;
  margin: 0 15px !important;
}

.yichen-indexA .swiper-pagination-bullet-active {
  transform: scale(1.6);
  background-color: var(--primary-color) !important;
}

.yichen-indexA .swiper-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: var(--banner-navigation-offset);
}

.yichen-indexA .swiper-pagination {
  position: relative;
  width: auto !important;
  left: auto !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-prev {
    position: absolute !important;
    bottom: auto !important;
    right: auto !important;
    top: 0px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 44px !important;
    height: 17px !important;
    margin-top: 0px !important;
}

.swiper-button-next {
    position: absolute;
    bottom: 0px !important;
    right: auto !important;
    top: auto !important;
    left: 50% !important;
    transform: rotate(-180deg) translateX(50%);
    width: 44px !important;
    height: 17px !important;
}

/* 分页器 */
.swiper-button-prev::before,
.swiper-button-next::before {
    color: #fff;
    width: 44px;
    height: 17px;
    font-size: 10px;
    background-color: rgba(51, 51, 51, 0.50);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
    background-color: rgba(51, 51, 51, 0.8);
}

.swiper-button-prev-column,
.swiper-button-next-column {
    z-index: 10;
    display: none;
    width: 16px;
    height: 34px;
}

.swiper-button-prev-column {
    position: absolute !important;
    bottom: auto !important;
    right: auto !important;
    top: 50% !important;
    left: 0px !important;
    transform: translateY(-50%);
}

.swiper-button-next-column {
    position: absolute !important;
    bottom: auto !important;
    right: 0px !important;
    top: 50% !important;
    left: auto !important;
    transform: translateY(-50%);
}

.swiper-button-prev-column::before,
.swiper-button-next-column::before {
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(51, 51, 51, 0.50);
    cursor: pointer;
    transition: all 0.3s ease;
}

.swiper-button-prev-column:hover:before,
.swiper-button-next-column:hover:before {
    background-color: rgba(176, 0, 14, 0.5);
}

.yichen-indexA .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 1 !important;
}

.yichen-indexA .swiper-button-prev1 {
    top: 50% !important;
    left: 3% !important;
    position: absolute;
    width: 2.4999rem;
    height: 2.4951rem;
    /* background-color: teal; */
    z-index: 9;
    transform: translateY(-50%); /* 垂直居中 */
    background-size: 100%;
    background-repeat: no-repeat;
}

.yichen-indexA .swiper-button-next2 {
    top: 50% !important;
    right: 3% !important; /* 调整为右侧5% */
    position: absolute;
    width: 2.4999rem;
    height: 2.4951rem;
    /* background-color: teal; */
    z-index: 9;
    transform: translateY(-50%) rotate(180deg); /* 垂直居中 */
    background-size: 100%;
    background-repeat: no-repeat;    
}

 .yichen-indexA .swiper-button-prev1,
.yichen-indexA .swiper-button-next2 {
    transition: all 0.3s ease;
}

.yichen-indexA .swiper-button-prev1:hover {
    transform: translateY(-50%) scale(1.1) ;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.25));    
}
.yichen-indexA .swiper-button-next2:hover {
    transform: translateY(-50%) rotate(180deg) scale(1.1);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.25));
}


/* 底部静态图  */
.yichen-indexA .listImg {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 默认电脑4列 */
    gap: 1.1rem; /* 图片间距 */
    justify-content: center; /* 居中显示 */
    margin: 1.0125rem 0 5.625rem 0;
    overflow: hidden;  
    position: relative; /* 新增 */
}
.yichen-indexA .listImg .list_info{
    position: relative;
}
.yichen-indexA .list_info .list_con{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    opacity: .5;
}
.yichen-indexA .listImg img {
    width: 100vw;
    max-width: 100%;
    max-height: 24rem;
    object-fit: cover;
    transition:  box-shadow 0.3s ease;
    cursor: pointer; 
}
 /* 鼠标移入时放大并加阴影 */
.yichen-indexA .listImg img:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

@media screen and (max-width:1220px) {
    .yichen-indexA .boxl {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .yichen-indexA .listImg {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 默认电脑4列 */
    }    
    .yichen-indexA .boxlLeft {
        margin-right: 0;
        width: 100%;
    }    
    .yichen-indexA .boxlRight {
      width: 100%;
      height: 100%;
      margin-top: 25px;
    }
    .yichen-indexA .swiper-button-prev1 {
      top: 43% !important;
    }
    .yichen-indexA .swiper-button-next2 {
      top: 43% !important;
    }
}

/* @media screen and (max-width:1024px) {
    .listImg {
        grid-template-columns: repeat(2, 17.875rem);
    }
} */
/* 手机屏幕，小于等于 768px */
@media screen and (max-width: 768px) {
    .yichen-indexA{
        padding-top: 50px;
    }
    .yichen-indexA .tit {
        margin-bottom: 30px;
    }
    .yichen-indexA .listImg {
        grid-template-columns: repeat(2, 1fr); /* 2列 */
        justify-content: center;
        margin-bottom: 50px;
    }
    
    .yichen-indexA .list_info .list_con{
        display: none;
    }
    .yichen-indexA .txtPart span {
        -webkit-line-clamp: initial;
    }
}

/* 超小屏幕，小于400px，图片可以缩小一点 */
@media screen and (max-width: 460px) {
    .yichen-indexA .listImg {
        grid-template-columns: repeat(4, 1fr); /* 一列 */
    }
    .isPhone {
        display: none;
    }
    .yichen-indexA .listImg img {
        width: 100%;
        height: auto;
    }

    .yichen-indexA .txtPart span {
        -webkit-line-clamp: initial
    }

    .yichen-indexA .tit span {
        font-size: 1.5625rem;
    }
}