@charset "utf-8";
/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding:0; margin:0;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}

/*menu*/
#nav {margin:0 auto 0px; width:1000px; display:block;}
#nav .mainlevel {float:left;/*IE6 only*/}
#nav .mainlevel a {background:url(../images/meun.jpg) no-repeat right;color:#ffffff; text-decoration:none; text-align:center; line-height:43px; display:block;  width:125px; }
#nav .mainlevel a:hover {color:#fff000; text-decoration:none; background:url(../images/meun.jpg) no-repeat right;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {border-top:1px solid #ffffff;/*IE6 only*/}


#sub_0 .sublevel a {background:#FFC; color:#000; text-decoration:none; text-align:center; line-height:30px; display:block;  width:110px;}
#sub_0 .sublevel a:hover {color:#fff; text-decoration:none; background:#062723;}
#sub_0 .sublevel li {border-top:1px solid #fff; ;/*IE6 only*/}

/* 轮播图样式 */
    .carousel-container {
      width: 1000px;
      height: 300px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .carousel-list {
      width: 100%;
      height: 100%;
      position: relative;
      /* 父容器相对定位 */
    }

    .carousel-item {
      width: 100%;
      height: 100%;
      position: absolute;
      /* 子元素绝对定位，堆叠 */
      top: 0;
      left: 0;
      opacity: 0;
      /* 默认隐藏 */
      transition: opacity 0.5s ease;
      /* 淡入淡出动画 */
    }

    /* 仅激活的图片显示 */
    .carousel-item.active {
      opacity: 1;
      z-index: 1;
    }

    .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 按钮/指示器样式不变，仅保留核心 */
    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: rgba(255, 255, 255, 0.7);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      font-size: 18px;
      color: #333;
      z-index: 10;
      -webkit-tap-highlight-color: transparent;
    }

    .prev-btn {
      left: 20px;
    }

    .next-btn {
      right: 20px;
    }

    .carousel-indicator {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 10;
    }

    .indicator-item {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
      cursor: pointer;
    }

    .indicator-item.active {
      background: #fff;
    }

    /* 移动端适配保留 */
    @media (max-width: 992px) {
      .carousel-container {
        width: 100%;
        height: 400px;
        border-radius: 0;
        box-shadow: none;
      }

      .carousel-btn {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
      }

      .indicator-item {
        width: 10px;
        height: 10px;
      }
    }

    @media (max-width: 768px) {
      .carousel-container {
        height: 280px;
      }

      .carousel-btn {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
      }

      .prev-btn {
        left: 10px;
      }

      .next-btn {
        right: 10px;
      }

      .carousel-indicator {
        bottom: 10px;
        gap: 8px;
      }

      .indicator-item {
        width: 8px;
        height: 8px;
      }
    }

    @media (max-width: 480px) {
      .carousel-container {
        height: 200px;
      }
    }