/* your styles go here */

.box-image-text .image {
  min-height: 200px;
  max-height: 200px;
}

.box-simple {
  min-height: 230px;
}



/* ******************** */
/* 图片轮播相关的 */
/* ******************** */
.banner {
	position: relative;  /* 相对定位，给绝对定位位置参考*/
	width: 100%;
	height: 300px;
	float: left;
}

.pic_item{
  width: 500px;
  height: 300px;

	/* width: 100%;
	height: 300px; */
}

/* 图片大小问题选择下面中的一个 */
/* .pic_item img {
  object-fit: contain;
  width: 500px;
  height: 300px;
} */
.img-lunbo{
  width: 500px;
	height: 300px;
}
ul{
	list-style-type: none; /* 清除默认列表样式*/
	margin: 0;
	padding: 0; /* 内外编剧清除*/
}




/* 左右按钮的属性设置 */
/* .lr-tab .btn{
	position: absolute;
	top: 120px;
	width: 41px;
	height: 69px;
	background: url("img/homePage/point.jpg");
} */

/* .lr-tab .left{
	left: 0px;
	background-position-x: -83px;
}

.lr-tab .right{
	right: 0px;
	background-position-x: -125px;
} */

/* 左右按钮触碰事件 */
/* .lr-tab .left:hover{
	background-position-x: 0px;
}
.lr-tab .right:hover{
	background-position-x: -41px;
} */

/* 圆形按钮属性设定 */
.tab-btn{
	position: absolute;
  right: 0px;  /* 左右距离 */
  left: 0;
	width: 500px;
	height: 10px;
  top: 280px;  /* 底部距离 */
  display: flex;
  justify-content: center;
}

.tab-btn ul {
  display: flex;
  justify-content: space-between;
  width: 200px;  /* 调整滑块间距 */
}
/* 
.tab-btn .btn{
 
    float: left;
    width: 6px;
    height: 6px;
    background: #868686;
    border: 2px solid #c3c3c3;/*边框*/
    /* margin-left: 10px;
    border-radius: 50%; */
 /* }  */

 .tab-btn .btn{
  background: #7f7f7f;
  /* background: url(img/homePage/point.jpg); */
  cursor: pointer;
  display: block;
  height: 8px;
  padding: 0;
  width: 35px;  /* 调整滑块大小 */
}


/*圆形按钮触碰事件*/
.tab-btn .btn:hover,
.tab-btn .active{
    /* background: #7f7f7f; */
    /* border-color:#7f7f7f; */
    background: tomato;
}