a {
	text-decoration: none;
  }

  li {
	list-style-type: none;
  }

  /* 更改图片的大小 */
  .imgs img {
	width: 100%;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  }

  /* 确定盒子的大小 */
  .box {
	position: relative;
	width: 958px;
	height: 284px;
	/* 居中 */
	top: -320px;
	left: 50%;
	transform: translate(-50%, 50%);
  }

  .imgs {
	position: absolute;
	width: 730px;
	height: 284px;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
  }

  /* 让图片都叠在一起 */
  .imgs li {
	position: absolute;
	width: 700px;
	transition: 0.5s;
  }

  .imgs img {
	width: 400px;
	height:200px;
	background-repeat: no-repeat;
	background-size: contain;
  }

  /* 把图片错开 */
  .imgs .one {
	transform: translateX(-150px) scale(0.9);
	z-index: 1;
  }

  /* 第二张图片在中间，层级最高 */
  .imgs .two {
	z-index: 2;
  }

  .imgs .three {
	transform: translateX(150px) scale(0.9);
	z-index: 1;
  }

  /* 刚开始不显示的图片就放在中间图片的下面 */
  .imgs .four {
	transform: scale(0.9);
  }

  .imgs .five {
	transform: scale(0.9);
  }

  .imgs .six {
	transform: scale(0.9);
  }

  /* 设计小圆圈 */
  /* 定位 */
  .list {
	position: absolute;
	bottom: 25px;
	left: 62%;
	margin-left: -81px;
	z-index: 777;
  }

  /* 设计样式 */
  .list li {
	float: left;
	width: 15px;
	height: 15px;
	background-color: rgb(230, 230, 230);
	border-radius: 50%;
	margin: 0 6px;
	cursor: pointer;
  }

  /* 小圆圈改变后的样式 */
  .list .change {
	background-color: rgb(236, 65, 65);
  }