.top {
	display: flex;
	justify-content: space-between;
}
.top-banner {
    width: 500px;
    height: 300px;
}
.swiper-container {
    width: 100%;
		height: 100%;
    /* background: red; */
    cursor: pointer;
}

/* .swiper-slide {
    width: 370px;
    height: 180px;
} */

.swiper-slide img {
    width: 100%;
    height: 100%;
}
.swiper-pagination .swiper-pagination-bullet-active {
	background: rgb(207,17,2)!important;
}
.top-right {
	height: 300px;
	width: 700px;
}
.title-box {
	display: flex;
	align-items: center;
}
.img-box {
	height: 38px;
	width: 45px;
	z-index: 9;
}
.img-box img {
	width: 100%;
	height: 100%;
}
.more-box {
	width: 100%;
	height: 30px;
	border-radius: 20px;
	background: rgb(207,17,2);
	margin-left: -20px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px 0 30px;
}
ul li {
	list-style: none;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	color: #333;
	padding: 6px 5px;
}
ul li:hover {
	background: #f8f8f8;
}
ul li span {
	display: inline-block;
}
.more {
	cursor: pointer;
}
ul li .text {
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.mid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}
.mid-box {
	width: 32%;
}