.container{
	width: 1300px;
	padding-bottom: 159px;
	padding-top: 50px;
	margin: 0 auto;
}

.al-list{
	margin-top: 90px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.al-tip{
	background: linear-gradient(180deg, #0185FB, #046CE4);
	color: #fff;
	width: 65px;
	height: 343px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.al-tip .img-tip{
	width: 37px;
	height: 46px;
}

.al-name{
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	height: 115px;
	text-align-last: justify;
	margin-top: 40px;
	font-size: 20px;
}

.banner-list{
	width: 1190px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.swiper-container{
	width: 1050px;
	margin: 0;
}

.buttons{
	width: 35px;
	height: 67px;
	z-index: 2;
	background-size: 100% 100%;
}

.button-left,.left1,.left2,.left3,.left4{
	background-image: url(/upload/image/2021/al-left.png);
}

.button-left:hover,.left1:hover,.left2:hover,.left3:hover,.left4:hover{
	background-image: url(/upload/image/2021/al-left-hover.png);
}

.button-right,.right1,.right2,.right3,.right4{
	background-image: url(/upload/image/2021/al-right.png);
}

.button-right:hover,.right1:hover,.right2:hover,.right3:hover,.right4:hover{
	background-image: url(/upload/image/2021/al-right-hover.png);
}

.buttons:focus{
	border: none;
	outline: none;
}

.swiper-msg{
	background-color: #F7F7F7;
	border-radius: 5px 5px;
	margin-bottom: 15px;
	border: 1px solid #fff;
}

.swiper-msg:hover{
	border-radius: 10px;
	border: 1px solid #ECECEC;
	background-color: #fff;
}

.swiper-msg img{
	border-radius: 5px;
}

.swiper-msg .data .name{
	text-align: center;
	color: #4D4D4D;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	padding: 3px 35px 15px;
}

.swiper-msg .data .box{
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	width: calc(100% - 28px);
	margin: 0 auto;
	border-top: 1px solid #C0C0C0;
}

.swiper-msg .data .adds , .swiper-msg .data .home{
	display: flex;
	align-items: center;
	font-size: #4D4D4D;
	font-size: 14px;
}

.swiper-msg .data .adds img{
	width: 13px;
	height: 13px;
}

.swiper-msg .data .home img{
	width: 16px;
	height: 13px;
}

.swiper-msg .data .color{
	width: 100%;
	height: 5px;
	background-color: #F7F7F7;
}

.swiper-msg:hover .data .color{
	background-image: linear-gradient(to right, #3383F4 , #16CC4F);
}