@charset "UTF-8";

.bannerbg {
	display: block;
	width: 100%;
	height: auto
}

.leader-news .common-content .more-wrap .more,.more-active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12.5vw;
	height: 3.125vw;
	border: .104167vw solid #c5c6d0;
	border-radius: 1.5625vw;
	margin-top: 3.020833vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .more,.more-active {
		width: 180px;
		height: 45px;
		border-radius: 100px
	}
}

.leader-news .common-content .more-wrap .more .more-icon,.more-active .more-icon {
	display: block;
	width: .729167vw;
	height: .78125vw;
	margin-right: 1.041667vw;
	background-image: url(../image/index/jiantou.png);
	background-size: 100% 100%;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .more .more-icon,.more-active .more-icon {
		width: 16px;
		height: 17px
	}
}

.leader-news .common-content .more-wrap .more span,.more-active span {
	font-size: .9375vw;
	font-weight: 600;
	color: #67676b;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .more span,.more-active span {
		font-size: 18px
	}
}

.leader-news .common-content .more-wrap .more:hover,.leader-news .common-content:hover .more,.more-active:hover,.more-hovers {
	background: #6e3091
}

.leader-news .common-content .more-wrap .more:hover .more-icon,.leader-news .common-content:hover .more .more-icon,.more-active:hover .more-icon,.more-hovers .more-icon {
	background-image: url(../image/index/jiantouopen.png)
}

.leader-news .common-content .more-wrap .more:hover span,.leader-news .common-content:hover .more span,.more-active:hover span,.more-hovers span {
	color: #fff
}

.common-subnav {
	width: 100%;
	display: flex;
	align-items: center;
	border-top: 1px solid #f7f4f9
}

.common-subnav .nav-item {
	padding: 1.25vw 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-bottom: 1px solid transparent
}

@media only all and (max-width:1000px) {
	.common-subnav .nav-item {
		padding: 24px 0
	}
}

.common-subnav .nav-item span {
	font-size: 1.5625vw;
	font-family: Source Han Sans SC;
	font-weight: 700;
	color: #999;
	margin-left: 1.041667vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.common-subnav .nav-item span {
		font-size: 16px
	}
}

.common-subnav .nav-item img {
	max-width: 1.5625vw;
	max-height: 1.5625vw
}

@media only all and (max-width:1000px) {
	.common-subnav .nav-item img {
		max-width: 20px;
		max-height: 20px
	}
  .list-wrap .list-box-new .news-item-new {
    margin-bottom: 20px;
  }
}

.common-subnav .nav-item .open-img {
	display: none
}

.common-subnav .nav-item .default-img {
	display: block
}

.common-subnav .actives,.paging-wrap .common-subnav .pages:hover {
	border-color: #6d3093
}

.common-subnav .actives .open-img{
	display: block
}

.common-subnav .actives .default-img{
	display: none
}

.common-subnav .actives span {
	color: #6d3093
}

.leader-news {
	width: 100%;
	background-color: #eeedf6;
	padding: 4.166667vw 0
}

.leader-news .common-content {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media only all and (max-width:1000px) {
	.leader-news .common-content {
		flex-direction: column
	}
}

.leader-news .common-content .more-wrap {
	width: 30%;
	margin-right: 6.458333vw
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap {
		width: 98%;
		margin: 0 auto;
		order: 2
	}
}

.leader-news .common-content .more-wrap .time-box {
	display: flex;
	align-items: center
}

.leader-news .common-content .more-wrap .time-box .time-img {
	display: none;
	width: 1.40625vw;
	height: 1.40625vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .time-box .time-img {
		width: 20px;
		height: 20px
	}
}

.leader-news .common-content .more-wrap .time-box .time1 {
	display: block
}

.leader-news .common-content .more-wrap .time-box .time2 {
	display: none
}

.leader-news .common-content .more-wrap .time-box .active {
	display: block
}

.leader-news .common-content .more-wrap .time-box span {
	font-size: .833333vw;
	font-family: Manrope;
	font-weight: 500;
	color: #2b1946;
	margin-left: .520833vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .time-box span {
		font-size: 18px
	}
}

.leader-news .common-content .more-wrap h3 {
	font-size: 1.25vw;
	font-family: Source Han Sans SC;
	font-weight: 700;
	color: #333;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin: 1.5625vw 0;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap h3 {
		font-size: 18px
	}
}

.leader-news .common-content .more-wrap .news-details {
	font-size: .833333vw;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #666;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .more-wrap .news-details {
		font-size: 18px
	}
}

.leader-news .common-content .more-wrap::after {
	position: absolute;
	content: "";
	width: 50%;
	height: .15625vw;
	background: #6d3093;
	box-shadow: 0 .3125vw .520833vw 0 rgba(0,0,0,.11);
	bottom: -.078125vw;
	left: -50%;
	transition: all .3s
}

.leader-news .common-content .img-box {
	width: 55%;
	height: 23.958333vw;
	overflow: hidden
}

.leader-news .common-content .img-box img {
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.leader-news .common-content .img-box {
		width: 100%;
		height: 200px;
		order: 1;
		margin-bottom: 20px
	}
}

.leader-news .common-content:hover {
	cursor: pointer
}

.leader-news .common-content:hover .img-box img {
	transform: scale(1.1)
}

.list-wrap .common-content {
	padding: 5.104167vw 0 7.8125vw 0
}

.list-wrap .list-box {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 5.104167vw 5.833333vw
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box {
		grid-template-columns: repeat(2,1fr);
		grid-gap: 20px 20px
	}
}

.list-wrap .list-box .news-item .img-box {
	position: relative;
	display: block;
	padding-top: 52%;
	overflow: hidden;
	margin-bottom: 2.083333vw
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box .news-item .img-box {
		margin-bottom: 10px
	}
}

.list-wrap .list-box .news-item .img-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .3s
}

.list-wrap .list-box .news-item:hover {
	cursor: pointer
}

.list-wrap .list-box .news-item .time-box {
	display: flex;
	align-items: center
}

.list-wrap .list-box .news-item .time-box .time-img {
	display: none;
	width: 1.40625vw;
	height: 1.40625vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box .news-item .time-box .time-img {
		width: 20px;
		height: 20px
	}
}

.list-wrap .list-box .news-item .time-box .time1 {
	display: block
}

.list-wrap .list-box .news-item .time-box .time2 {
	display: none
}

.list-wrap .list-box .news-item .time-box .active {
	display: block
}

.list-wrap .list-box .news-item .time-box span {
	font-size: .833333vw;
	font-family: Manrope;
	font-weight: 500;
	color: #2b1946;
	margin-left: .520833vw;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box .news-item .time-box span {
		font-size: 18px
	}
}

.list-wrap .list-box .news-item h3 {
	font-size: 1.25vw;
	font-family: Source Han Sans SC;
	font-weight: 700;
	color: #333;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 1.5625vw 0;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box .news-item h3 {
		font-size: 18px
	}
}

.list-wrap .list-box .news-item .news-details {
	font-size: .833333vw;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #666;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media only all and (max-width:1000px) {
	.list-wrap .list-box .news-item .news-details {
		font-size: 18px
	}
}

.list-wrap .list-box .hovers .img-box img,.list-wrap .list-box .news-item:hover .img-box img {
	transform: scale(1.1)
}

.list-wrap .list-box .hovers .time-box .time1,.list-wrap .list-box .news-item:hover .time-box .time1 {
	display: none
}

.list-wrap .list-box .hovers .time-box .time2,.list-wrap .list-box .news-item:hover .time-box .time2 {
	display: block
}

.list-wrap .list-box .hovers .time-box span,.list-wrap .list-box .news-item:hover .time-box span {
	color: #6d3093
}

.list-wrap .list-box .hovers h3,.list-wrap .list-box .news-item:hover h3 {
	color: #6d3093
}

.paging-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5.15625vw
}

@media only all and (max-width:1000px) {
	.paging-wrap {
		margin-top: 49px
	}
}

.paging-wrap .pages {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 100%;
	margin: 0 .520833vw;
	font-size: .9375vw;
	font-weight: 600;
	color: #333;
	cursor: pointer;
	transition: all .3s
}

@media only all and (max-width:1000px) {
	.paging-wrap .pages {
		width: 60px;
		height: 60px;
		font-size: 16px
	}
}

.paging-wrap .pages img {
	display: block;
	width: .46875vw
}

@media only all and (max-width:1000px) {
	.paging-wrap .pages img {
		width: 9px
	}
}

.common-subnav .paging-wrap .nav-item:hover,.paging-wrap .actives,.paging-wrap .paging-wrap .pages:hover {
	background: #6d3093;
	color: #fff
}

.paging-wrap .btn:hover {
	background-color: transparent;
	box-shadow: 0 0 .520833vw 0 rgba(109,48,147,.21)
}

.common-subnav .nav-item {
	width: -webkit-fill-available;
}

.list-wrap .list-box-new {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0;
}

.list-wrap .list-box .news-item-new .time-box span {
	margin-left: 0;
}

.list-wrap .list-box-new .news-item-new {
	margin-bottom: 30px;
}

body .list-wrap .list-box .news-item-new h3 {
	position: relative;
	margin: 6px 0 0;
	padding-left: 20px;
  font-weight: 400;
  height: auto!important;
	-webkit-line-clamp: 1!important;
}

body .list-wrap .list-box .news-item-new h3::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: #000;
}

.list-wrap .list-box .news-item-new:hover  h3::after {
	background-color: #6d3093;
}