@charset "utf-8";
/* CSS Document */

 /* 图标链接基础样式 */
         
 
.self-ellipsis-1 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.self-ellipsis-2 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.self-ellipsis-3 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.self-ellipsis-4 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.self-ellipsis-5 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.self-ellipsis-6 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.self-ellipsis-7 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.self-ellipsis-8 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.self-ellipsis-9 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 9; -webkit-box-orient: vertical; }
.self-ellipsis-10 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }
.self-ellipsis-11 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 11; -webkit-box-orient: vertical; }


/*内banner*/
.banner-nei {
  /* 1. 定义容器的显示尺寸（根据你的实际需求调整） */
  width: 100%;          /* 宽度占满父容器，也可以设固定值如 1200px */
  height: 500px;        /* 设置固定高度，这是控制显示区域的核心 */
  
  /* 2. 核心的背景图片配置 */ 
  background-position: center center;  /* 图片居中显示，优先展示核心区域 */
  background-size: cover;              /* 图片等比例缩放，覆盖整个容器（最常用） */
  background-repeat: no-repeat;        /* 禁止图片重复平铺 */
  
  /* 3. 可选增强：处理容器溢出和定位 */
  overflow: hidden;     /* 防止图片缩放后超出容器 */
  position: relative;   /* 如果banner内有文字等元素，方便绝对定位 */
}

/* 可选：响应式适配（不同屏幕尺寸调整） */
@media (max-width: 768px) {
  .banner-nei {
    height: 250px;      /* 移动端缩小高度 */
    background-position: 70% center; /* 可选：调整移动端的图片显示焦点 */
  }
}