body{
	background-color: RGBA(250, 250, 250, 1);
	
}
.commonBread{
	margin-top: 15px;
}
.communication{
	margin: 75px 0 144px;
}
.communication .box1,
.communication .box2,
.communication .box3{
	background-color: #fff;
	padding: 80px 0 100px;
}
.communication-t{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.communication-t .title{
	font-size: 36px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #282828;
	line-height: 1;
}
.communication-t .more{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 1;
	transition: all .6s;
}
.communication-t .more:hover{
	color: rgba(57, 143, 202, 1);
}
.communication-t .more .iconfont{
	margin-left: 5px;
	transition: all .6s;
}
.communication-t .more:hover .iconfont{
	transform: rotate(45deg);
}
.communication .box1,
.communication .box2{
	margin-bottom: 30px;
}
.communication .box1 .box-c{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.communication .box1 .box-c .l{
	width: 66.35%;
}
.communication .box1 .box-c .l .pic{
	border-radius: 5px;
}
.communication .box1 .box-c .date{
	font-size: 18px;
	font-family: Rany-Bold;
	font-weight: 400;
	color: #398FCA;
	line-height: 1;
}
.communication .box1 .box-c .l .date{
	margin-top: 30px;
}
.communication .box1 .box-c .l .text-title{
	font-size: 24px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 29px;
}
.communication .box1 .box-c .l a:hover .text-title{
	color: rgba(57, 143, 202, 1);
}
.communication .box1 .box-c .l .text-des{
	font-size: 14px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 1;
	margin-top: 23px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.communication .box1 .box-c .r{
	width: 32.14%;
}
.communication .box1 .box-c .r .pic{
	border-radius: 5px;
}
.communication .box1 .box-c .r a{
	display: block;
}
.communication .box1 .box-c .r a:not(:last-child){
	margin-bottom: 45px;
}
.communication .box1 .box-c .r .date{
	margin-top: 23px;
}
.communication .box1 .box-c .r .text-title{
	font-size: 18px;
	font-family: HarmonyOS_Sans_SC_Bold;
	color: #041829;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 16px;
}
.communication .box1 .box-c .r a:hover .text-title{
	color: rgba(57, 143, 202, 1);
}
.communication .box2 .box-c{
	margin-top: 40px;
}
.communication .box2 .box-c li{
	border-radius: 5px;
	background-color: rgba(250, 250, 250, 1);
}
.communication .box2 .box-c .list,
.news .box1 .box-c .list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px 2.85%;
}
.communication .box2 .box-c .list .pic,
.news .box1 .box-c .list .pic{
	border-radius: 5px;
}
.communication .box2 .box-c .list .text-box,
.news .box1 .box-c .list .text-box{
	padding: 38px 30px 0;
}
.communication .box2 .box-c .list .text-title,
.news .box1 .box-c .list .text-title{
	font-size: 18px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.communication .box2 .box-c .list li:hover .text-title,
.news .box1 .box-c .list li:hover .text-title{
	color: rgba(57, 143, 202, 1);
}
.communication .box2 .box-c .list .text-des,
.news .box1 .box-c .list .text-des{
	font-size: 14px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #777777;
	line-height: 1.57;
	margin-top: 28px;
}
.communication .box2 .box-c .list .text-box-b,
.news .box1 .box-c .list .text-box-b{
	border-top: 1px solid rgba(236, 236, 236, 1);
	margin-top: 55px;
	padding: 27px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.communication .box2 .box-c .list .date,
.news .box1 .box-c .list .date{
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 1;
}
.communication .box2 .box-c .list li .icon-changjiantou-youshang,
.news .box1 .box-c .list li .icon-changjiantou-youshang{
	color: rgba(57, 143, 202, 1);
	font-weight: bold;
	transition: all .6s;
}
.communication .box2 .box-c .list li:hover .icon-changjiantou-youshang,
.news .box1 .box-c .list li:hover .icon-changjiantou-youshang{
	transform: rotate(45deg);
}
.communication .box3 .box-c{
	margin-top: 43px;
}
.communication .box3 .box-c .list,
.news .box1 .box-c .list1{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px 1.92%;
}
.communication .box3 .box-c .list li,
.news .box1 .box-c .list1 li{
	border: 1px solid #F3F3F3;
	border-radius: 5px;
}
.communication .box3 .box-c .list li .li-box,
.news .box1 .box-c .list1 li .li-box{
	padding: 15.55% 20px 12.88%;
	display: block;
}
.communication .box3 .box-c .list li .li-box .img,
.news .box1 .box-c .list1 li .li-box .img{
	position: relative;
	padding-top: 79.33%;
}
.communication .box3 .box-c .list li .li-box .img .pic,
.news .box1 .box-c .list1 li .li-box .img .pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.communication .box3 .box-c .list li .li-box .img .pic img,
.news .box1 .box-c .list1 li .li-box .img .pic img{
	max-width: 100%;
	max-height: 100%;
}
.communication .box3 .box-c .list li .text,
.news .box1 .box-c .list1 li .text{
	margin-top: 38px;
	font-size: 18px;
	font-family: HarmonyOS_Sans_SC_Bold;
	color: #041829;
	line-height: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.news .title{
	font-size: 36px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #282828;
	line-height: 1;
	text-align: center;
}
.news .box1{
	margin: 40px 0 120px;
}
.news .box1 .box-c{
	margin-top: 74px;
}
.news .box1 .box-c .list li{
	background-color: RGBA(255, 255, 255, 1);
}
.news .box1 .box-c .pagination{
	margin-top: 55px;
}
.news .box1 .box-c .list1{
	gap: 25px 1.92%;
}
.news .box1 .box-c .list1 li{
	background-color: #fff;
	border: none;
}
.news-details{
	margin: 60px 0 140px;
}
.news-details .box1 {
	padding: 85px 0 97px;
	background-color: #fff;
}

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

.news-details .box1 .box-c .l {
	width: 65%;
	border-right: 4px solid rgba(244, 244, 244, 1);
	padding-right: 70px;
}

.news-details .box1 .box-c .l .date {
	font-size: 30px;
	font-family: HarmonyOS Sans SC;
	font-weight: 900;
	color: rgba(10, 84, 163, 1);
	line-height: 1;
	margin-bottom: 20px;
}

.news-details .box1 .box-c .l .title {
	font-size: 30px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #000000;
	line-height: 1.6;
}

.news-details .box1 .msg {
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-details .box1 .msg-l {
	display: flex;
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 1.875;
}

.news-details .box1 .msg-l>span {
	display: flex;
	align-items: center;
}

.news-details .box1 .msg-l>span:not(:last-child) {
	margin-right: 57px;
}

.news-details .box1 .msg-l .iconfont {
	color: rgba(240, 133, 25, 1);
	padding-right: 6px;
}

.news-details .box1 .msg-r {
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	display: flex;
	align-items: center;
}

.news-details .box1 .msg-r a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #EDEDED;
	border-radius: 50%;
	color: rgba(195, 195, 195, 1);
	margin-left: 11px;
}

.news-details .box1 .msg-r a:hover {
	background: #398FCA;
	box-shadow: 3px 4px 20px 0px rgba(10,84,163,0.2);
	color: #fff;
}

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

.news-details .box1 .box-c .l-c {
	border-top: 2px solid rgba(244, 244, 244, 1);
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #666666;
	line-height: 1.875;
	margin-top: 38px;
	padding: 30px 0 0;
}

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

.news-details .box1 .box-c .r {
	flex: 1;
	padding-left: 70px;
}

.news-details .box1 .box-c .r .r-title {
	font-size: 24px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: rgba(240, 133, 25, 1);
	line-height: 1;
}

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

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

.news-details .box1 .box-c .r .list li {
	border-bottom: 1px solid rgba(222, 222, 222, 1);
}

.news-details .box1 .box-c .r .list li a {
	display: block;
	padding-bottom: 27px;
}

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

.news-details .box1 .box-c .r .list li:hover .text-des {
	color: rgba(10, 84, 163, 1);
}

.news-details .box1 .box-c .r .list .text-des {
	font-size: 20px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #000000;
	line-height: 1.6;
	margin-top: 14px;
}

.news-details .box1 .back {
	width: 202px;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #DEDEDE;
	border-radius: 30px;
	padding: 0 34px;
	margin-top: 50px;
	font-size: 16px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #999999;
	transition: all .6s;
}

.news-details .box1 .back:hover {
	background-color: rgba(10, 84, 163, 1);
	border-color: rgba(10, 84, 163, 1);
	color: #fff;
}
@media (max-width:1440px) {
	.news-details .box1 .box-c .r {
		padding-left: 30px;
	}

	.news-details .box1 .box-c .l {
		padding-right: 30px;
	}
	.communication-t .title,
	.news .title{
		font-size: 30px;
	}
}

@media (max-width:1280px) {
	.communication-t .title,
	.news .title{
		font-size: 28px;
	}
	.news-details .box1 .box-c .l .date{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.news-details .box1 .box-c .l .title{
		font-size: 26px;
	}
}

@media (max-width:1199px) {
	.news .box1{
		margin-bottom: 70px;
	}
	.communication-t .title,
	.news .title{
		font-size: 26px;
	}
	.communication{
		margin: 40px 0;
	}
	.communication .box1, .communication .box2, .communication .box3{
		padding: 50px 0;
	}
	.communication .box1 .box-c,
	.communication .box2 .box-c,
	.communication .box3 .box-c{
		margin-top: 40px;
	}
	.news-details .box1 .box-c .l .date{
		font-size: 26px;
	}
	.news-details .box1 .box-c .r {
		display: none;
	}

	.news-details .box1 .box-c .l {
		width: 100%;
		border-right: none;
		padding-right: 0;
	}

	.news-details .box1 {
		padding: 70px 0;
	}
	.communication .box2 .box-c .list .text-box, .news .box1 .box-c .list .text-box{
		padding: 20px 20px 0;
	}
	.communication .box2 .box-c .list .text-des, .news .box1 .box-c .list .text-des{
		margin-top: 15px;
	}
	.communication .box2 .box-c .list .text-box-b, .news .box1 .box-c .list .text-box-b{
		margin-top: 30px;
		padding: 15px 0;
	}
	.news .box1 .box-c,.news .box1 .box-c .pagination{
		margin-top: 40px;
	}
	.news-details{
		margin: 45px 0 70px;
	}
}

@media (max-width:1024px) {
	.news-details{
		margin: 40px 0 60px;
	}
	.news .box1{
		margin-bottom: 60px;
	}
	.news .box1 .box-c,.news .box1 .box-c .pagination{
		margin-top: 35px;
	}
	.communication .box1 .box-c .r a:not(:last-child):not(:last-child){
		margin-bottom: 30px;
	}
	.communication .box1 .box-c .r .text-title{
		font-size: 16px;
		margin-top: 10px;
	}
	.communication .box1 .box-c .l .text-des{
		margin-top: 10px;
	}
	.communication .box1 .box-c .l .text-title{
		font-size: 22px;
		margin-top: 20px;
	}
	.communication .box1 .box-c .r .date,
	.communication .box1 .box-c .l .date{
		margin-top: 15px;
	}
	.communication .box1 .box-c .date{
		font-size: 16px;
	}
	.communication-t .title,
	.news .title{
		font-size: 24px;
	}
	.communication{
		margin: 30px 0;
	}
	.communication .box1, .communication .box2, .communication .box3{
		padding: 40px 0;
	}
	.communication .box1 .box-c,
	.communication .box2 .box-c,
	.communication .box3 .box-c{
		margin-top: 30px;
	}
	.news-details .box1 .box-c .l .date{
		font-size: 24px;
	}
	.news-details .box1 .msg {
		margin-top: 20px;
	}

	.news-details .box1 .box-c .l .title{
		font-size: 24px;
	}

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

	.news-details .box1 .box-c .l .msg {
		margin-top: 20px;
	}

	.news-details .box1 .msg-l>span:not(:last-child) {
		margin-right: 30px;
	}

	.news-details .box1 .msg-l {
		font-size: 14px;
	}

	.news-details .box1 .msg-r {
		font-size: 14px;
	}

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

	.news-details .box1 .msg-r a .iconfont {
		font-size: 14px;
	}
	.communication .box3 .box-c .list li .text, .news .box1 .box-c .list1 li .text{
		margin-top: 25px;
		font-size: 16px;
	}
}

@media (max-width:768px) {
	.news-details{
		margin: 30px 0 50px;
	}
	.news .box1{
		margin-bottom: 50px;
	}
	.news .box1 .box-c,.news .box1 .box-c .pagination{
		margin-top: 30px;
	}
	.communication .box3 .box-c .list, .news .box1 .box-c .list1{
		grid-template-columns: repeat(2,1fr);
		gap: 30px 1.92%;
	}
	.communication .box1 .box-c .l .text-title{
		font-size: 20px;
		margin-top: 10px;
	}
	.communication .box1 .box-c .r a:not(:last-child):not(:last-child){
		margin-bottom: 0;
	}
	.communication .box1 .box-c .r{
		width: 100%;
		margin-top: 30px;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
	}
	.communication .box1 .box-c .l{
		width: 100%;
	}
	.communication .box1 .box-c{
		flex-direction: column;
	}
	.communication-t .title,
	.news .title{
		font-size: 22px;
	}
	.communication{
		margin: 25px 0;
	}
	.communication .box1, .communication .box2, .communication .box3{
		padding: 30px 0;
	}
	.communication .box1 .box-c,
	.communication .box2 .box-c,
	.communication .box3 .box-c{
		margin-top: 25px;
	}
	.news-details .box1 .box-c .l .date{
		font-size: 22px;
	}
	.news-details .box1 {
		padding: 50px 0;
	}

	.news-details .box1 .box-c .l-c {
		padding: 20px 0 0;
		font-size: 14px;
	}

	.news-details .box1 .back {
		margin-top: 30px;
		height: 45px;
		width: 160px;
		font-size: 14px;
	}

	.news-details .box1 .box-c .l .title{
		font-size: 22px;
	}
	.news-details .box1 .box-c .l-c{
		margin-top: 20px;
	}
	.communication .box2 .box-c .list, .news .box1 .box-c .list{
		grid-template-columns: repeat(2,1fr);
		gap: 25px 2.85%;
	}
	.communication .box2 .box-c .list .date, .news .box1 .box-c .list .date{
		font-size: 14px;
	}
	.communication .box2 .box-c .list .text-box-b, .news .box1 .box-c .list .text-box-b{
		margin-top: 15px;
		padding: 10px 0;
	}
	.news .box1{
		margin-top: 30px;
	}
}

@media (max-width: 500px) {
	.communication .box3 .box-c .list, .news .box1 .box-c .list1{
		gap: 20px 1.92%;
	}
	.news .box1{
		margin-top: 20px;
	}
	.news-details .box1 .box-c .l .title{
		font-size: 20px;
	}
	.news-details{
		margin: 20px 0 40px;
	}
	.news-details .box1 .back{
		margin-top: 15px;
	}
	.news .box1{
		margin-bottom: 40px;
	}
	.news .box1 .box-c,.news .box1 .box-c .pagination{
		margin-top: 20px;
	}
	.communication .box1 .box-c .l .text-title{
		font-size: 18px;
	}
	.communication .box3 .box-c .list li .text, .news .box1 .box-c .list1 li .text{
		font-size: 14px;
		margin-top: 20px;
	}
	.communication-t .title, .news .title{
		font-size: 20px;
	}
	.communication .box2 .box-c .list, .news .box1 .box-c .list{
		grid-template-columns: repeat(1,1fr);
		gap: 25px 2.85%;
	}
	.communication-t .more{
		font-size: 14px;
	}
	.news-details .box1 .box-c .l .date{
		font-size: 20px;
	}
	.news-details .box1 {
		padding: 25px 0 40px;
	}
	.communication{
		margin: 20px 0;
	}
	.communication .box1, .communication .box2, .communication .box3{
		padding: 25px 0;
	}
	.communication .box1 .box-c,
	.communication .box2 .box-c,
	.communication .box3 .box-c{
		margin-top: 20px;
	}
}