/* 居中 */
.center{
    position: relative;
    text-align: center;    /* 文字水平居中 */
    top: 40%;
}
/* ===================== 公共基础样式 ===================== */
/* 所有frame_2::before的公共样式（提取重复部分） */
.principle_frame_1::before,
.design_frame_1::before,
.design_and_evaluate_frame_1::before,
.art_gallery_lighting_design_frame_1::before,
.akzu_about_us_frame_1_en::before,
.akzu_about_us_frame_1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-51%);
    width: 100vw;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    z-index: -10;
}

/* 所有frame_2的公共高度样式 */
.principle_frame_1,
.design_frame_1,
.design_and_evaluate_frame_1,
.akzu_about_us_frame_1,
.akzu_about_us_frame_1_en,
.art_gallery_lighting_design_frame_1,

.q4r_frame_2,
.q5_frame_2,
.m3_frame_2,
.m4_frame_2,
.m5_frame_2,
.m4ii_frame_2,
.m4rii_frame_2,
.x0_frame_2,
.x1_frame_2,
.x2_frame_2,
.x3_frame_2 {
    height: 712px;
    
}



/* 各frame_2::before 独有背景图/最小宽度 */
.principle_frame_1::before {
    min-width: 220%;
    background-image: url("../../images/principle/f1/f1_1.png");
    padding: 0px 55px;
}
.design_frame_1::before {
    min-width: 220%;
    background-image: url("../../images/design/f1/f1_1.png");
    padding: 0px 55px;
}
.design_and_evaluate_frame_1::before {
    min-width: 220%;
    background-image: url("../../images/design_and_evaluate/f1/f1_1.png");
    padding: 0px 55px;
}
.akzu_about_us_frame_1::before {
    min-width: 220%;
    background-image: url("../../images/design/f1/f1_1.png");
    padding: 0px 55px;
}

.akzu_about_us_frame_1_en::before {
    min-width: 220%;
    background-image: url("../../images/design/f1/f1_1_en.png");
    padding: 0px 55px;
}








.art_gallery_lighting_design_frame_1::before {
    min-width: 220%;
    background-image: url("../../images/art_gallery_lighting_design/f1/f1_1.png");
    padding: 0px 55px;
}


.index_nr{
    padding: 20px 55px 80px 55px ;
}


.solutions_frame_wz{
    padding: 20px 55px 80px 55px ;
}



.solutions_frame_c{
    padding: 20px 55px 0px 55px ;
     display: flex;
    flex-direction: column;
    
}




.solutions_frame_4_1 img {
    width: 1152px;
    height: 561px;
}


.solutions_frame_4_1 {
    display: flex;
    flex-direction: column;
    padding: 10px 0px 50px 0px;
  
    background-color: #007bff00;
}





.solutions_frame_d{
    padding:0 ;
}

/* 父容器 */
.solutions_frame_a {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}

/* 图片 */
.solutions_frame_a img {
  display: block;
  width: 100%;
  height: auto;
}

/* 文字居中 + 左右不留白、宽度铺满可用区域 */
.solutions_frame_a p {
  position: absolute;
  top: 75%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  margin: 0;
  /* 取消左右多余留白 */
  padding: 50px;
  
}








.akzu_news img {
    width: 554px;
    height: 275px;
}

.akzu_news_left, .akzu_news_rilght {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 550px;
}

 .akzu_xmjx_rilght {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 550px;
}




.news_tz {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* 关键：上下自动分开固定 */
  min-height: 180px; /* 固定高度，位置就锁死了 */
  padding-top: 10px;
}

.news_tz .hei.c36 {
  align-self: flex-start; /* 标题固定在上 */
}

.news_tz a {
  align-self: flex-start; /* 按钮固定在下 */
  margin-top: auto; /* 强制按钮靠下 */
}






/* 文字 + 按钮容器：固定高度 + 定位基准 */
.xmjx_tz {
  display: flex;
  flex-direction: column;
  height: 170px;        /* 你要的固定高度 */
  position: relative;   /* 必须保留，给子元素定位用 */
  background-color: #0a3b8900;
}

/* 按钮：永远、绝对、强制对齐底部（终极写法） */
.xmjx_lj {
  position: absolute;  /* 必须是 absolute！！！ */
  left: 0;             /* 左边对齐 */
  bottom: 20px;           /* 永远贴在底部 */
  /* 下面全部删掉，不要留任何干扰 */
}

.xmjx_tz1 {
    display: flex;
     flex-direction: column;
     position: relative;
     top: 5%;
     left: 8%;
     width: 400px;
    gap: 15px;
}





.akzu_news {
    display: flex;
    gap: 45px;
    height: 350px;
    background-color: #007bff00;
}


.akzu_xmjx {
     display: flex;
     flex-direction: column;
    gap: 4px;
    height: 420px;
    width: 555px;
    background-color: #8a8b8d00;
}

.akzu_xmjx1 {
     display: flex;
     flex-direction: column;
    gap: 4px;
    height: 400px;
    width: 1155px;
    background-color: #81818152;  /* 灰色 */
}






.akzu_xmjx img {
    width: 554px;
    height: 275px;
}

.akzu_xmjx1 img {
    width: 750px;
    height: 400px;
}









.index_frame_1a {
    display: flex;
    flex-direction: column;
    gap: 0px;
}


 .index_frame_wz2, .index_frame_wz1{
    width: 550px;
    height: auto;

    
}

.index_frame_1_11 img 
{
    width: 1152px;
    height: 500px;
}
.index_frame_1_22 img
{
    width: 550px;
    height: 500px;
}


.index_frame_1_11  {
    display: flex;
    flex-direction: column;

  
    background-color: #007bff00;
}

.index_frame_1_22 {
    display: flex;
    gap: 45px;
  
    background-color: #007bff00;
    
}

.jj80{
     display: flex;
    flex-direction: column;
    gap: 80px;

}

.jj50{
     display: flex;
    flex-direction: column;
    gap: 80px;

}


.index_frame_1_22_left, .index_frame_1_22_rilght {
    display: flex;
    flex-direction: column;
    gap: 10px;
}



.padding50{
   padding: 50px 50px !important;
}
.padding10{
   padding: 10px 10px !important;
}

.flex{
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
    
}


/* ===================== 数据下载 ===================== 


/* 鼠标悬停 + 点击激活时：变蓝 + 加粗 */
.download-link:hover,
.download-link:active {
  color: #0A3A89 !important; /* hover时紫色 */
  font-weight: bold !important; /* 加粗 */
 
}


.download-xhx {
  text-decoration: underline;
  text-underline-offset: 3px; /* 下划线距离 */
  text-decoration-color: #8f8f8f94; /* 下划线颜色 */
}


/* 让里面的两个 span 也同步变蓝加粗 */
.download-link:hover .size,
.download-link:active .size,
.download-link:hover .btn,
.download-link:active .btn {
  color: inherit; /* 继承父元素颜色 */
  font-weight: bold;

  
}
/* ===================== 数据下载 ===================== */
.sjxz {
    width: 500px;
}

.datadownload_frame_3a {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    row-gap: 50px;
    align-items: flex-start;
}

.datadownload_frame_3_1 {
    display: flex;
    flex-direction: column;
    align-items: center; /* 强制子元素居中对齐，避免错位 */
    flex-shrink: 0; /* 防止卡片被挤压 */
}

.datadownload_frame_3_1 img {
    width: 183px;
    height: auto;
    display: block; /* 清除图片默认行内间隙 */
}

.frame_3_huis {
    width: 183px;
    height: 130px;
    padding: 10px;
    background-color: #86868634;
    margin: 0; /* 清除默认margin */
}


.frame_4_huis {
    width: 183px;
    height: 80px;
    padding: 10px;
    background-color: #dddddd94;
    margin: 0; /* 清除默认margin */
}







/* 下载项样式 */




























/* ===================== akzu_index.html 轮播图整体样式 ===================== */

/* 轮播图片轨道：设置层级，确保在正常显示层 */
.akzu_index .carousel-track {
    z-index: 1 !important;
    position: relative;
}

/* 轮播外层容器：允许内容溢出显示（不裁剪） */
.akzu_index .q4_frame_1 {
    position: relative;
    overflow: visible;
}

/* 轮播主体区域：隐藏外部溢出内容，保证轮播正常 */
.akzu_index .q4_frame_1a {
    position: relative;
    overflow: hidden;
}

/* 轮播轨道：确保宽度足够容纳所有图片 */
.akzu_index .carousel-track {
    z-index: 1 !important;
    position: relative;
    width: fit-content;
}

/* 轮播每一项容器：占满宽度高度，不挤压变形 */
.akzu_index .carousel-item {
    position: relative;
    width: 1260px;
    height: 816px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

/* 轮播图片：确保撑满容器 */
.akzu_index .carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 轮播文字链接容器：绝对定位 + 屏幕正居中，可点击 */
.akzu_index .carousel-text-link {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    cursor: pointer;
}

/* 轮播文字样式：白色、32px、加粗、文字阴影、不换行、水平居中 */
.akzu_index .carousel-text {
    
    text-align: center;      /* 文字自身居中 */
}

.carousel-text5 {
margin-top: 10px
}




/* 轮播按钮样式 */
.akzu_index .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.4, 1.9);
    background-color: rgba(255, 0, 0, 0);
    color: #ff000000;
    border: none;
    width: 850px;
    height: 440px;
    font-size: 50px;
    cursor: pointer;
    z-index: 200;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.akzu_index .carousel-btn:hover {
    background-color: rgba(240, 0, 0, 0);
}

.akzu_index .prev-btn {
    left: -605px;
}

.akzu_index .next-btn {
    right: -605px;
}










/* 产品下载表格样式 */   
 /* 产品下载表格样式 */   
/* 产品下载表格样式 */   
/* 产品下载表格样式 */   
/* 筛选器专用样式：左边竖排 + 右边表格 */
.filter-row {
  display: flex;          /* 左右横向布局 */
  gap: 20px;               /* 左右间距 */
  margin: 20px 0;          /* 上下外边距 */
}
.filter-bar {
  width: 150px;            /* 固定宽度 */
  background: #fff;        /* 白色背景 */
  flex-shrink: 0;          /* 不压缩宽度 */
  display: flex;           /* 内部纵向排列 */
  flex-direction: column;  /* 垂直方向 */
  gap: 20px;               /* 下拉框之间间距 */
}
.filter-bar select {
  padding: 11px 10px;       /* 内边距 */
  width: 100%;             /* 填满父容器 */
  border-radius: 0;        /* 强制直角，无圆角 */
  outline: none;
}
.filter-bar select:focus {
  outline: none;
  box-shadow: none;
  border-radius: 0;
}
.list {
  flex: 1;                  /* 占满剩余宽度 */
  background: #F7F8F8;     /* 白色背景 */
  overflow-x: auto;         /* 横向超出滚动 */
  margin-top: 20px;         /* 右边表格往下移20px */
}
table {
  width: 100%;
  border-collapse: collapse; /* 合并边框 */
}
th, td {
  border: 0px solid #ddd;   /* 边框 */
  padding: 10px;              /* 内边距 */
  text-align: left;          /* 左对齐 */
}
th {
  background: #eee;
}
option[disabled] {
  background: #f0f0f0;
  color: #999;
}