.banner .swiper-slide,
.banner .swiper-wrapper,
.banner .swiper{
	height: auto;
}
.banner .swiper-slide .pic img{
	display: block;
	width: 100%;
}
.banner .swiper-horizontal>.swiper-pagination-bullets, 
.banner .swiper-pagination-bullets.swiper-pagination-horizontal, 
.banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{
	bottom: 25px;
}
.banner .swiper-pagination-bullet{
	width: 42px;
	height: 6px;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	background-color: #fff;
}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
}
.banner .swiper-slide .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: rgba(49,44,43,0.8);
	border-radius: 0px 0px 4px 4px;
	backdrop-filter: blur(2px);
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 56px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	opacity: 0;
	padding: 0 20px;
}
.banner .swiper-slide:hover .text{
	opacity: 1;
}
.box1{
	padding: 60px 0 70px;
	background: linear-gradient(to bottom, #FFFFFF 0%, #FAFBFF 100%);
}
.index-title-div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index-title-div .l{
	font-size: 38px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #312C2B;
	line-height: 1;
}
.index-title-div .r{
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #312C2B;
	line-height: 24px;
	display: flex;
	align-items: center;
}
.index-title-div .r img{
	margin-left: 5px;
}
.box1 .box-c{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.box1 .box-c .l{
	width: 58.11%;
}
.box1 .box-c .l .text-box{
	margin-top: 16px;
}
.box1 .box-c .l .text-title{
	font-size: 24px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #312C2B;
	line-height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box1 .box-c .l:hover .text-title{
	color: rgba(0, 38, 255, 1);
}
.box1 .box-c .l .text-des{
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	margin-top: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box1 .box-c .l .date{
	margin-top: 14px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
}
.box1 .box-c .r{
	width: 39.31%;
}
.box1 .box-c .r-title{
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #312C2B;
	line-height: 24px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(240, 240, 240, 1);
}
.box1 .box-c .r-title span{
	position: relative;
}
.box1 .box-c .r-title span::before{
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	height: 3px;
	bottom: -10px;
	background-color: rgba(0, 38, 255, 1);
}
.box1 .box-c .r .list{
	margin-top: 6px;
}
.box1 .box-c .r .list li{
	border-bottom: 1px solid rgba(240, 240, 240, 1);
}
.box1 .box-c .r .list li a{
	padding: 10px 0;
	display: block;
}
.box1 .box-c .r .list li .text-title{
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #312C2B;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box1 .box-c .r .list li:hover .text-title{
	color: rgba(0, 38, 255, 1);
}
.box1 .box-c .r .list li .date{
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
	margin-top: 6px;
}
.box2{
	padding: 60px 0;
}
.box2 .box-c{
	margin-top: 30px;
}
.box2 .box-c .list li{
	border-radius: 4px;
	border: 1px solid #F0F0F0;
	background: linear-gradient(270deg, rgba(26,214,217,0.02) 0%, rgba(0,38,255,0.04) 100%);
}
.box2 .box-c .list li:hover{
	box-shadow: 5px 5px 20px 0px rgba(49,44,43,0.06);
}
.box2 .box-c .list li:not(:last-child){
	margin-bottom: 30px;
}
.box2 .box-c .list a{
	display: block;
}
.box2 .box-c .list .li-t{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 80px 24px 30px;
}
.box2 .box-c .list .li-t-l{
	width: 800px;
}
.box2 .box-c .list .text-title{
	display: inline-flex;
	font-size: 24px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #312C2B;
	line-height: 32px;
	align-items: center;
}
.box2 .box-c .list .text-title label{
	width: 56px;
	height: 22px;
	background: #0026FF;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	text-align: center;
}
.box2 .box-c .list .text-title span{
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box2 .box-c .list .text-title label.end{
	background-color: rgba(167, 167, 170, 1);
}
.box2 .box-c .list .text-des{
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	margin-top: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box2 .box-c .list .li-t-r{
	text-align: center;
	width: 340px;
}
.box2 .box-c .list .money{
	font-size: 32px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #0026FF;
	line-height: 40px;
}
.box2 .box-c .list .money-text{
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #312C2B;
	line-height: 22px;
	margin-top: 2px;
}
.box2 .box-c .list .li-b{
	background: rgba(255,255,255,0.8);
	border-radius: 0px 0px 4px 4px;
	border-top: 1px solid #F0F0F0;
	padding: 14px 30px;
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
}
.box3{
	padding: 60px 0;
	background: linear-gradient(to bottom, #FAFBFF 0%, #FFFFFF 100%);
}
.box3 .box-c .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.box3 .box-c .list li,
.box3 .box-c .list i{
	width: 31.62%;
}
.box3 .box-c .list li{
	position: relative;
	margin-top: 30px;
}
.box3 .box-c .list li .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	background: rgba(49,44,43,0.8);
	border-radius: 0px 0px 4px 4px;
	backdrop-filter: blur(2px);
	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	opacity: 0;
}
.box3 .box-c .list li:hover .text{
	opacity: 1;
}
@media (max-width:1280px) {
	.box2 .box-c .list .li-t{
		padding: 24px 30px;
	}
	.box2 .box-c .list .li-t-l{
		flex: 1;
		margin-right: 30px;
	}
	.index-title-div .l{
		font-size: 30px;
	}
}
@media (max-width:1024px) {
	.box1 .box-c{
		flex-wrap: wrap;
	}
	.box1 .box-c .l{
		width: 100%;
	}
	.box1 .box-c .r{
		width: 100%;
		margin-top: 30px;
	}
	.index-title-div .l{
		font-size: 28px;
	}
	.box1 .box-c .l .text-title{
		font-size: 22px;
	}
	.box2 .box-c .list .money{
		font-size: 26px;
	}
	.box2 .box-c .list .text-title{
		font-size: 22px;
	}
}
@media (max-width:768px) {
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
		bottom: 8px;
	}
	.banner .swiper-pagination-bullet{
		height: 4px;
	}
}
@media (max-width:768px) {
	.box1,.box3,.box2{
		padding: 40px 0;
	}
	.index-title-div .l{
		font-size: 26px;
	}
	.box1 .box-c,.box2 .box-c,.box3 .box-c .list li{
		margin-top: 20px;
	}
	.box2 .box-c .list .li-t{
		padding: 20px 15px;
	}
	.box2 .box-c .list .li-b{
		padding: 10px 15px;
	}
	.box2 .box-c .list .text-title label{
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	.box2 .box-c .list .text-title{
		font-size: 20px;
	}
	.box2 .box-c .list .text-des{
		margin-top: 6px;
	}
	.box3 .box-c .list li, .box3 .box-c .list i{
		width: 48.3%;
	}
	.box1 .box-c .l .text-title{
		font-size: 20px;
		line-height: 1.4;
	}
	.banner .swiper-slide .text{
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}
}
@media (max-width:500px) {
	.index-title-div .l{
		font-size: 22px;
	}
	.box3 .box-c .list li, .box3 .box-c .list i{
		width: 100%;
	}
	.box1, .box3, .box2{
		padding: 30px 0;
	}
	.box1 .box-c .l .text-box{
		margin-top: 10px;
	}
	.box1 .box-c .r{
		margin-top: 10px;
	}
	.box1 .box-c .l .text-des,
	.box1 .box-c .l .date{
		margin-top: 5px;
	}
	.box2 .box-c .list .money{
		font-size: 20px;
	}
	.box2 .box-c .list .li-t-l{
		margin-right: 20px;
	}
	.box1 .box-c .l .text-title,
	.box2 .box-c .list .text-title{
		font-size: 18px;
	}
	.box2 .box-c .list .li-t{
		padding: 10px 15px;
	}
}