*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	display: block;
	border: none;
}

body {
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
	-webkit-font-smoothing: antialiased;
}
input,
textarea,
select {
	font-size: 14px;
	font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
	border: none;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='radio'],
input[type='checkbox'],
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}

 .carousel-box {
      position: relative;
      width: 100%;
      max-width: 1450px;
      height: 450px;
      margin: 0 auto;
      overflow: hidden;
	  padding-top:50px;
    }
    /* 图片容器 水平排列 */
    .carousel-list {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    /* 新增：图片+遮罩包裹容器 */
    .carousel-item {
      position: absolute;
      height: 450px;
      width: 750px;
      border-radius: 4px;
      transition: all 0.4s ease;
      box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }
    .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
      display: block;
    }
    /* 新增：底部白色半透明遮罩文字 */
    .item-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px 0;
      background: rgba(255, 255, 255, 0.75);
      text-align: center;
      font-size: 17px;
      color: #c81623;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    /* 电脑端5张图位置，和你截图一致 */
    .item-0 { transform: translateX(-420px) scale(0.65); z-index: 1; opacity: 0.7; }
    .item-1 { transform: translateX(-210px) scale(0.8); z-index: 2; opacity: 0.85; }
    .item-2 { transform: translateX(0) scale(1); z-index: 10; opacity: 1; height: 400px; } /* 中间主图放大 */
    .item-3 { transform: translateX(210px) scale(0.8); z-index: 2; opacity: 0.85; }
    .item-4 { transform: translateX(420px) scale(0.65); z-index: 1; opacity: 0.7; }
    /* 中间图显示文字 */
    .item-2 .item-title { opacity: 1; }
    /* 左右箭头 */
    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: rgba(205,41,39,1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 20px;
      z-index: 20;
      user-select: none;
	  color:#fff;
    }
    .arrow-prev { left: 0px; }
    .arrow-next { right: 0px; }
    /* 手机端：单图全屏切换，文字永久显示 */
    @media (max-width: 768px) {
      .carousel-item {
        width: 92%;
        height: 280px;
        transform: translateX(0) scale(1) !important;
        opacity: 0 !important;
      }
      .carousel-item.active { opacity: 1 !important; z-index: 10 !important; }
      .item-title { opacity: 1 !important; }
	  .carousel-box{ padding-top:0px; height:360px;}
    }