/* 主容器样式 */

    .xhhy-wrapper {

      background-color: white;

      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

      overflow: hidden;

      padding: 0.6rem;

      max-width: 1000px;

      margin: 0 auto;

    }

    

    /* 滑动容器 */

    .xhhy-container {

      overflow: hidden;

      position: relative;

      height: 380px; /* 两行图片高度 */

    }

    

    /* 图片组容器 - 用于整体滚动 */

    .image-groups {

      display: flex;

      flex-direction: column;

      transition: transform 0.8s ease;

    }

    

    /* 每组包含4张图片（两行两列） */

    .image-group {

      display: grid;

      grid-template-columns: 1fr 1fr;

      grid-template-rows: 1fr 1fr;

      gap: 1rem;

      height: 380px; /* 固定高度，确保滚动对齐 */

    }

    

    /* 图片项样式 */

    .image-item {

      position: relative;

      height: 100%;

      overflow: hidden;

    }

    

    .image-item img {

      width: 100%;

      height: 100%;

      object-fit: cover;

    }

    

    /* 图片文字叠加层 */

    .image-caption {

      position: absolute;

      bottom: 0;

      left: 0;

      right: 0;

      padding:0.3rem;

      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);

      color: white;

    }

    

    .image-caption h3 {

      font-size: 1.1rem;

      font-weight: 700;

      margin-bottom: 0.0rem;

    }

    

    .image-caption p {

      color: #e5e7eb;

      font-size: 0.8rem;

    }

    

    /* 控制按钮区域 */

    .controls {

      display: flex;

      justify-content: center;

      align-items: center;

      padding: 0rem;

      background-color: #f9fafb;

      margin-top: 0.5rem;

    }

    

    /* 箭头按钮样式 */

    .arrow-btn {

      width: 2.5rem;

      height: 2.5rem;

      border-radius: 50%;

      background-color: #3b82f6;

      color: white;

      border: none;

      display: flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

      transition: background-color 0.2s ease;

    }

    

    .arrow-btn:hover {

      background-color: #2563eb;

    }

    

    .prev-btn {

      margin-right: 0rem;

    }

    

    .next-btn {

      margin-left: 0rem;

    }

    

    /* 指示点容器 */

    .dots {

      display: flex;

      gap: 0.5rem;

    }

    

    /* 指示点样式 */

    .dot {

      width: 0.50rem;

      height: 0.50rem;

      border-radius: 50%;

      border: none;

      cursor: pointer;

      transition: background-color 0.2s ease;

    }

    

    .dot.active {

      background-color: #3b82f6;

    }

    

    .dot:not(.active) {

      background-color: #d1d5db;

    }

	

/**加入协会*****/

.u-1-3,.u-8-24{width:33.3333%}

.zdxxgk{padding-top:0px}

.zdxxgk li{text-align:center;float:left;background-position:center top;background-repeat:no-repeat}

.zdxxgk li a{padding-top:90px;display:block}

.zdxxgk .l1{background-image:url(11.png)}

.zdxxgk .l1 a{padding-bottom:10px}

.zdxxgk .l2{background-image:url(12.png)}

.zdxxgk .l2 a{padding-bottom:10px}

.zdxxgk .l3{background-image:url(13.png)}

.zdxxgk .l3 a{padding-bottom:10px}

.zdxxgk .l4{background-image:url(l4.png)}

.zdxxgk .l4 a{padding-bottom:10px}

.zdxxgk .l5{background-image:url(15.png)}

.zdxxgk .l5 a{padding-bottom:10px}

.zdxxgk .l10{background-image:url(l6.png)}