.news .box1 {
	padding: 140px 0;
	background-color: RGBA(236, 240, 243, 1);
}

.news .box1 .box-t {
	display: flex;
	justify-content: space-between;
}

.news .box1 .box-t-l {
	width: 46.42%;
	padding-top: 20px;
}

.news .box1 .box-t-l .date {
	color: rgba(12, 10, 9, 1);
	font-family: Rany-Bold;
}

.news .box1 .box-t-l .innerTitle {
	line-height: 1.33;
	color: rgba(14, 90, 243, 1);
	margin-top: 23px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news .box1 .box-t-l .text-des {
	font-family: HarmonyOS_Sans_SC_Light;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color: rgba(102, 102, 102, 1);
	line-height: 2;
	margin-top: 40px;
}

.news .box1 .box-t-l .commonMore {
	line-height: 60px;
	border-radius: 30px;
	display: inline-flex;
	justify-content: space-between;
	color: #ECF0F3;
	font-size: 18px;
	margin-top: 70px;
}

.news .box1 .box-t-l .commonMore .iconfont {
	font-size: 22px;
	font-weight: bold;
}

.news .box1 .box-t-r {
	width: 50%;
}

.news .box1 .box-t-r .pic {
	border-radius: 10px;
}

.news .box1 .box-c {
	margin-top: 60px;
}

.news .box1 .box-c .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 55px;
}

.news .box1 .box-c .list li>a {
	display: block;
}
.news .box1 .pagination {
	margin-top: 80px;
}
.newsDetails{
	background-color: RGBA(236, 240, 243, 1);
}
.news-details{
	padding-top: 38px;
}
.news-details .innerBread{
	color: rgba(153, 153, 153, 1);
}
.news-details .innerBread a{
	color: rgba(153, 153, 153, 1);
}
.news-details .box1 {
	padding: 30px 0 140px;
	padding-top: 30px !important;
}

.news-details .box1 .box-c {
	display: flex;
	justify-content: space-between;
	font-family: HarmonyOS_Sans_SC_Light;
}

.news-details .box1 .l {
	width: 64.28%;
}

.news-details .box1 .l .title {
	line-height: 1.66;
	/*  */
}

.news-details .box1 .box-c .l .msg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 17px;
}

.news-details .box1 .box-c .l .msg-l {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 60px;
	
	font-size: 18px;
	color: #222222;
	line-height: 30px;
}

.news-details .box1 .box-c .l .msg-l .date {
	font-family: Rany-Bold;
	font-size: 24px;
	color: #222222;
	line-height: 30px;
}

.news-details .box1 .box-c .l .msg-r {
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.news-details .box1 .box-c .l .msg-r a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 1);
	border-radius: 50%;
	color: rgba(195, 195, 195, 1);
}

.news-details .box1 .box-c .l .msg-r a:hover {
	color: #fff;
	background: rgba(14, 90, 243, 1);
	box-shadow: 3px 4px 15px 0px rgba(23, 114, 237, 0.15);
}

.news-details .box1 .box-c .l .msg-r a .iconfont {
	font-size: 20px;
}

.news-details .box1 .box-c .l-c {
	margin-top: 40px;
	border-top: 2px solid rgba(222, 222, 222, 1);
	padding: 40px 0 0;
	font-size: 16px;
	color: #666666;
	line-height: 30px;

}

.news-details .box1 .box-c .l-c img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.news-details .box1 .box-c .l-b {
	margin-top: 60px;
}

.news-details .box1 .box-c .l-b a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	color: rgba(153, 153, 153, 1);
	line-height: 30px;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
	padding: 24px 30px;
}

.news-details .box1 .box-c .l-b a:hover {
	background: rgba(14, 90, 243, 1);
	color: #fff;
	border-color: transparent;
}

.news-details .box1 .box-c .l-b a:not(:last-child) {
	margin-bottom: 10px;
}

.news-details .box1 .box-c .r {
	width: 28.57%;
}

.news-details .box1 .box-c .r-title {
	font-family: "HarmonyOS Sans SC";
	font-weight: bold;
	font-size: 24px;
	color: #222222;
	line-height: 1;
}

.news-details .box1 .box-c .r-c {
	margin-top: 37px;
}

.news-details .box1 .box-c .r-c a {
	display: block;
	border-radius: 10px;
	padding: 35px 40px;
	background-color: rgba(255, 255, 255, 1);
}

.news-details .box1 .box-c .r-c a:not(:last-child) {
	margin-bottom: 30px;
}

.news-details .box1 .box-c .r-c .date {
	font-family: Rany;
	font-size: 24px;
	color: rgba(153, 153, 153, 1);
	line-height: 1;
}

.news-details .box1 .box-c .r-c .text-title {
	
	font-size: 24px;
	color: rgba(34, 34, 34, 1);
	line-height: 1.5;
	margin-top: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .6s;
}

.news-details .box1 .box-c .r-c a:hover .text-title {
	color: rgba(14, 90, 243, 1);
}

.news-details .box1 .box-c .r-c .more {
	display: block;
	
	font-size: 16px;
	color: rgba(153, 153, 153, 1);
	line-height: 1;
	margin-top: 56px;
}

@media (max-width:1440px) {

	.news-details .box1 .box-c .r-c .text-title,
	.news-details .box1 .box-c .r-c .date {
		font-size: 22px;
	}

	.news-details .box1 .box-c .r-c a {
		padding: 25px;
	}

	.news-details .box1 .box-c .r-c .text-title {
		margin-top: 18px;
	}

	.news-details .box1 .box-c .r-c .more {
		margin-top: 30px;
	}
	.news .box1 .box-t-l .text-des{
		margin-top: 24px;
	}
	.news .box1 .box-t-l .commonMore{
		margin-top: 30px;
	}
	.news .box1 .box-t-l{
		padding-top: 0;
	}
}

@media (max-width:1280px) {

	.news-details .box1 .box-c .r-c .text-title,
	.news-details .box1 .box-c .r-c .date {
		font-size: 20px;
	}
}

@media (max-width:1199px) {
	.news-details .box1 .box-c .r {
		display: none;
	}

	.news-details .box1 .l {
		width: 100%;
	}

	.news-details .box1 {
		padding: 70px 0;
	}

	.news-details .box1 .box-c .l-b {
		margin-top: 45px;
	}
	.news .box1 .box-c .list{
		gap: 40px 30px;
	}
	.news .box1{
		padding: 70px 0;
	}
	.news .box1 .pagination,
	.news .box1 .box-c{
		margin-top: 45px;
	}
}

@media (max-width: 1024px) {
	.news .box1{
		padding: 60px 0;
	}
	.news .box1 .pagination,
	.news .box1 .box-c{
		margin-top: 40px;
	}
	.news-details .box1 .box-c .l-b {
		margin-top: 40px;
	}

	.news-details .box1 {
		padding: 60px 0;
	}

	.news-details .box1 .box-c .l .msg-l .date {
		font-size: 22px;
	}

	.news-details .box1 .box-c .l-b a {
		padding: 15px 20px;
	}
	.news .box1 .box-c .list{
		grid-template-columns: repeat(2,1fr);
	}
	.news .box1 .box-t-l .date{
		font-size: 20px;
	}
	.news .box1 .box-t-l .innerTitle{
		font-size: 24px;
		margin-top: 13px;
	}
	.news .box1 .box-t-l .text-des{
		margin-top: 14px;
		font-size: 16px;
	}
	.news .box1 .box-t-l .commonMore{
		line-height: 45px;
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
	.news-details{
		padding-top: 28px;
	}
	.news .box1 .box-t-l .commonMore{
		font-size: 16px;
		padding: 0 20px;
	}
	.news .box1 .box-t-l .innerTitle{
		font-size: 22px;
	}
	.news .box1 .box-t{
		flex-direction: column-reverse;
	}
	.news .box1 .box-t-l{
		width: 100%;
		margin-top: 20px;
	}
	.news .box1 .box-t-r{
		width: 100%;
	}
	.news .box1{
		padding: 50px 0;
	}
	.news .box1 .pagination,
	.news .box1 .box-c{
		margin-top: 30px;
	}
	.news .box1 .box-c .list{
		gap: 20px;
	}
	.news-details .box1 .box-c .l .msg {
		flex-direction: column;
		margin-top: 5px;
	}
	.news-details .box1 .l .title{
		line-height: 1.5;
	}

	.news-details .box1 .box-c .l .msg-l {
		font-size: 16px;
		width: 100%;
	}

	.news-details .box1 .box-c .l .msg-r {
		width: 100%;
		margin-top: 5px;
	}

	.news-details .box1 .box-c .l-b a {
		padding: 10px 15px;
		font-size: 16px;
		line-height: 24px;
	}

	.news-details .box1 .box-c .l-b {
		margin-top: 30px;
	}

	.news-details .box1 .box-c .l-c {
		margin-top: 30px;
		padding-top: 25px;
	}

	.news-details .box1 .box-c .l .msg-r a .iconfont {
		font-size: 16px;
	}

	.news-details .box1 .box-c .l .msg-r a {
		width: 34px;
		height: 34px;
	}

	.news-details .box1 .box-c .l .msg-r {
		font-size: 14px;
		font-size: 16px;
		gap: 5px;
	}

	.news-details .box1 .box-c .l .msg-l {
		gap: 10px 20px;
	}

	.news-details .box1 .box-c .l .msg-l .date {
		font-size: 18px;
	}

	.news-details .box1 {
		padding: 15px 0 50px !important;
	}
}

@media (max-width: 500px) {
	.news .box1 .box-c .list{
		grid-template-columns: repeat(1,1fr);
	}
	.news .box1{
		padding: 40px 0;
	}
	.news .box1 .pagination,
	.news .box1 .box-c{
		margin-top: 25px;
	}
	.news-details .box1 .box-c .l-c {
		margin-top: 25px;
		padding-top: 20px;
	}

	.news-details .box1 .box-c .l-b {
		margin-top: 25px;
	}

	.news-details .box1 {
		padding: 40px 0;
	}
	.news .box1 .box-t-l .innerTitle{
		font-size: 20px;
	}
	.news .box1 .box-t-l .text-des{
		margin-top: 10px;
	}
	.news .box1 .box-t-l .commonMore{
		margin-top: 15px;
		line-height: 40px;
		font-size: 14px;
	}
	.news .box1 .box-t-l .commonMore .iconfont{
		font-size: 18px;
	}
}