@font-face {
  font-family: "阿里妈妈灵动体 VF Thin";weight: 100; width:75; src: url("/template/default/fonts/AlimamaAgileVF-Thin.woff2") format("woff2"),
  url("/template/default/fonts/AlimamaAgileVF-Thin.woff") format("woff");
  font-display: swap;
}
body {
	font-family: "阿里妈妈灵动体 VF Thin";
	font-size: 16px;
}
img {
	width: 100%;
}
.fl-left {
	float: left;
}

.fl-right {
	float: right;
}
.pb-12rem {
	padding-bottom: 1.2rem;
}
.color-sub {
	color: #9199a1;
}

.color-white {
	color: #fff;
}
.border-radius {
	border-radius: 20px ;
	border: 1px solid #fff;
	padding: 5px 12px;
}
.card-img-250 {
	height: 250px;
}

.card-img-250 img {
	height: 100%;
	width: 100%;

}

.index-zy-title {
	position: absolute;
	top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 80%;

}
.index-zs h4 {
	margin-left: 1.2rem;
	
}
.index-zs ul {
	padding-top: .8rem;
	padding-bottom: 1.2rem;
}
.index-zs ul li{
	padding-top: 1rem;
	margin-left: .8rem;
	
}

.index-zs ul li::before {
	content: "•";
	color: #9199a1;
	margin-right: .4rem;
}

.index-zs ul li:hover::before {
	color: #6cb3ff;
}

.index-zs ul li a{
	color: #9199a1;
	font-size: 14px;
}

.index-zs ul li:hover a {
	color: #6cb3ff;
}

.bg-about {
	background: url(/static/upload/image/20240427/1714215663400417.jpg) center center no-repeat;
	min-height: 500px;
	

}

.bg-about::before {
    content: '';
    background-color: #333333a8;
    width: 100%;
    height: 500px;
    margin-top: -42px;
    position: absolute;
}

	.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      
    }

  .index-xy-des {
  	top: 30%;
	  left: 50%;
	  transform: translate(-50%, -50%); 
	  opacity: 0;
  }

  .index-xy-dess {
  	position: relative;
  	z-index: 10;
  }

  .index-xy-dess:hover .index-xy-dess-img::after{
  	content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: rgba(0, 0, 0, 0.5); /* 灰色蒙版，透明度为0.5 */
  }

  .index-xy-dess:hover .index-xy-des {
  	opacity: 1;
  }

  .index-ly-des {
  	white-space: nowrap;
  }

  .margin-center {
  	margin: 0 auto;
  }
  
  .center-absolute {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
   .center-absolutes {
      position: absolute;
      top: 50%;
      left: 80%;
      transform: translate(-50%, -80%);
  }
  
  .center-absolutes:hover .color-white.cur {
      color: #03a9f4;
  }