.news .box1{
    padding: 120px 0 100px;
    background-size: 143% 143%;
	background-image: linear-gradient(135deg, RGBA(215, 236, 250, 1), RGBA(250, 250, 250, 1), RGBA(189, 239, 208, 1));
	animation: flow 13s ease infinite;
}
.news .box1 .en{
    font-family: RanyBold;
    line-height: 1;
}
.news .box1 .zh{
    font-weight: 300;
    color: rgba(34, 34, 34, 1);
    line-height: 1;
    margin-top: .5em;
}
.news .box1 .box-c{
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
}
.news .box1 .box-c .pic{
    width: 42.85%;
    border-radius: 10px;
}
.news .box1 .box-c .pic img{
    height: 100%;
    object-fit: cover;
}
.news .box1 .box-c .text-box{
    width: 56.42%;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 35px 40px 45px;
}
.news .box1 .box-c .text-box .date{
    font-family: RanyBold;
    font-size: 24px;
    color: #222222;
    line-height: 1;
}
.news .box1 .box-c .text-box .text-title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 24px;
    color: #222222;
    line-height: 36px;
    height: 108px;
    margin-top: 37px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .box1 .box-c .text-box .more{
    display: inline-flex;
    align-items: center;
    height: 60px;
    padding: 0 30px;
    background: #FFFFFF;
    border-radius: 30px;
    border: 1px solid #CCCCCC;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-top: 31px;
    gap: 18px;
    transition: all .6s;
}
.news .box1 .box-c .text-box .more:hover{
    background: rgba(34, 34, 34, 1);
    color: #fff;
}
.news .box1 .box-c .text-box .more .iconfont{
    font-size: 18px;
    transform: rotate(-45deg);
    font-weight: bold;
    transition: all .6s;
}
.news .box1 .box-c .text-box .more:hover .iconfont{
    transform: rotate(0deg);
}
.news .box2{
    padding: 70px 0 104px;
}
.news .box2 .box-t{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.news .box2 .box-t a{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    padding: 0 35px;
    color: #666666;
    line-height: 50px;
    border-radius: 25px;
}
.news .box2 .box-t a:hover{
    color: rgba(60, 116, 196, 1);
}
.news .box2 .box-t a.active{
    background:rgba(246, 246, 246, 1);
    color: #000;
}
.news .box2 .box-c{
    margin-top: 40px;
}
.news .box2 .box-c .list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 63px 25px;
}
.news .box2 .box-c .list .picCover{
    padding-top: 56.44%;
}
.news .box2 .box-c .list .picCover .pic{
    border-radius: 10px;
}
.news .box2 .box-c .list .text-box{
    padding: 21px 24px 0;
}
.news .box2 .box-c .list .text-title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    line-height: 2;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .6s;
}
.news .box2 .box-c .list li:hover .text-title{
    color: rgba(60, 116, 196, 1);
}
.news .box2 .box-c .list .text-des{
    font-family: Rany;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    line-height: 1;
    margin-top: 25px;
}
.news .box2 .box-c .pagination{
    margin-top: 90px;
}
.newsDetails{
    background-size: 143% 143%;
	background-image: linear-gradient(135deg, RGBA(215, 236, 250, 1), RGBA(250, 250, 250, 1), RGBA(189, 239, 208, 1));
	animation: flow 13s ease infinite;
}
.newsDetails .box1{
    padding: 37px 0 140px;
}
.newsDetails .box1 .box-c{
    display: flex;
    justify-content: space-between;
}
.newsDetails.faqDetails .box1 .box-c{
    justify-content: center;
}
.newsDetails .box1 .box-c .l{
    width: 73.84%;
    padding: 35px 30px 51px;
    background: #FFFFFF;
    border-radius: 5px;
}
.newsDetails.faqDetails .box1 .box-c .l{
    width: 960px;
    max-width: 100%;
}
.newsDetails .box1 .box-c .l .title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #222222;
    line-height: 1.33;
}
.newsDetails .box1 .box-c .l .msg{
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsDetails .box1 .box-c .l .msg-l{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 25px;
    flex: 1;
}
.newsDetails .box1 .box-c .l .msg-l .date{
    font-size: 18px;
    color: rgba(34, 34, 34, 1);
    font-weight: bold;
}
.newsDetails .box1 .box-c .l .msg-r{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}
.newsDetails .box1 .box-c .l .msg-r a{
    /* width: 40px; */
    /* line-height: 40px; */
    text-align: center;
    background: #F6F7F9;
    border-radius: 50%;
    color: rgba(171, 171, 171, 1);
    transition: all .6s;
}
.newsDetails .box1 .box-c .l .msg-r a:hover{
    background-color: rgba(34, 34, 34, 1);
    color: #fff;
}
.newsDetails .box1 .box-c .l .l-c{
    margin-top: 20px;
    border-top: 1px solid rgba(221, 221, 221, 1);
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 30px;
    padding-top: 33px;
}
.newsDetails .box1 .box-c .l .l-c img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.newsDetails .box1 .box-c .l .l-b{
    margin-top: 61px;
}
.newsDetails .box1 .box-c .l .l-b a{
    background: #F8F8F8;
    border-radius: 10px;
    padding: 30px;
    display: block;
    color: #222222;
    line-height: 1;
    transition: all .6s;
}
.newsDetails .box1 .box-c .l .l-b a:hover{
    background-color: rgba(60, 116, 196, 1);
    color: #fff;
}
.newsDetails .box1 .box-c .l .l-b a:not(:last-child){
    margin-bottom: 10px;
}
.newsDetails .box1 .box-c .l .l-b .date{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
}
.newsDetails .box1 .box-c .l .l-b .text-title{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    margin-top: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.newsDetails .box1 .box-c .r{
    width: 24.61%;
}
.newsDetails .box1 .box-c .r a{
    display: block;
    padding: 20px 20px 24px;
    background: #FFFFFF;
    border-radius: 5px;
}
.newsDetails .box1 .box-c .r a:not(:last-child){
    margin-bottom: 10px;
}
.newsDetails .box1 .box-c .r a .picCover{
    padding-top: 56.42%;
}
.newsDetails .box1 .box-c .r a .pic{
    border-radius: 5px;
}
.newsDetails .box1 .box-c .r .text-box{
    margin-top: 17px;
}
.newsDetails .box1 .box-c .r .text-title{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .6s;
}
.newsDetails .box1 .box-c .r a:hover .text-title{
    color: rgba(60, 116, 196, 1);
}
.newsDetails .box1 .box-c .r .date{
    font-family: RanyBold;
    font-size: 16px;
    color: #999999;
    line-height: 1;
    margin-top: 16px;
}
@media (max-width:1199px) {
	.newsDetails .box1 .box-c .l .l-b{
		margin-top: 45px;
	}
	.news .box2,
	.news .box1{
		padding: 70px 0;
	}
	.news .box2 .box-c .pagination,
	.news .box1 .box-c{
		margin-top: 45px;
	}
	.news .box1 .box-c .text-box .text-title{
		margin-top: 20px;
		-webkit-box-orient: vertical;
		font-size: 20px;
		line-height: 1.5;
		height: 60px;
	}
	.news .box1 .box-c .text-box .date{
		font-size: 20px;
	}
	.news .box1 .box-c .text-box .more{
		height: 50px;
		padding: 0 20px;
	}
	.newsDetails .box1 .box-c .r{
		display: none;
	}
	.newsDetails .box1 .box-c .l{
		width: 100%;
	}
}
@media (max-width:1024px) {
	.news .box1 .box-c .text-box{
		padding: 30px 25px;
	}
	.news .box2,
	.news .box1{
		padding: 60px 0;
	}
	.news .box2 .box-c .pagination,
	.news .box1 .box-c{
		margin-top: 40px;
	}
	.newsDetails .box1 .box-c .l .msg{
		flex-direction: column;
		align-items: flex-end;
		margin-top: 10px;
	}
	.newsDetails .box1 .box-c .l .msg-l{
		width: 100%;
		margin-bottom: 10px;
	}
	.newsDetails .box1 .box-c .l .l-b{
		margin-top: 40px;
	}
	.news .box2 .box-c .list .text-box{
		padding: 20px 0 0;
	}
	.news .box2 .box-c .list .text-title{
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}
	.news .box2 .box-c .list .text-des{
		margin-top: 20px;
	}
	.news .box2 .box-c .list{
		gap: 40px 25px;
	}
}
@media (max-width: 768px) {
	.news .box2 .box-c .list{
		grid-template-columns: repeat(2,1fr);
		gap: 30px 20px;
	}
	.news .box2 .box-t a{
		padding: 0 19px;
		line-height: 45px;
		font-size: 16px;
	}
	.news .box1 .box-c{
		flex-direction: column;
	}
	.news .box1 .box-c .text-box,
	.news .box1 .box-c .pic{
		width: 100%;
	}
	.news .box1 .box-c .text-box{
		margin-top: 10px;
	}
	.news .box2,
	.news .box1{
		padding: 50px 0;
	}
	.news .box2 .box-c,
	.news .box2 .box-c .pagination,
	.news .box1 .box-c{
		margin-top: 30px;
	}
	.newsDetails .box1 .box-c .l .msg-l{
		gap: 0 20px;
	}
	.newsDetails .box1 .box-c .l .l-b{
		margin-top: 30px;
	}
	.newsDetails .box1 .box-c .l .l-b a{
		padding: 20px;
	}
	.newsDetails .box1 .box-c .l .l-b .text-title{
		margin-top: 10px;
	}
}
@media (max-width:500px) {
	.news .box2 .box-c .list .text-box{
		padding-top: 10px;
	}
	.news .box2 .box-c .list .text-des{
		margin-top: 10px;
	}
	.news .box2 .box-c .list{
		grid-template-columns: repeat(1,1fr);
		gap: 25px 20px;
	}
	.news .box1 .box-c .text-box .more{
		margin-top: 15px;
		height: 45px;
	}
	.news .box1 .box-c .text-box{
		padding: 20px;
	}
	.news .box1 .box-c .text-box .text-title{
		margin-top: 10px;
		height: auto;
	}
	.news .box1 .box-c .text-box .text-title,
	.news .box1 .box-c .text-box .date{
		font-size: 18px;
	}
	.news .box2,
	.news .box1{
		padding: 40px 0;
	}
	.news .box2 .box-c,
	.news .box2 .box-c .pagination,
	.news .box1 .box-c{
		margin-top: 25px;
	}
	.newsDetails .box1 .box-c .l .l-b{
		margin-top: 25px;
	}
	.newsDetails .box1 .box-c .l{
		padding: 20px 20px 41px;
	}
	.newsDetails .box1 .box-c .l .title{
		font-size: 20px;
	}
	.newsDetails .box1 .box-c .l .msg-l{
		font-size: 14px;
		gap: 0 15px;
	}
	.newsDetails .box1 .box-c .l .msg-l .date{
		font-size: 16px;
	}
	.newsDetails .box1 .box-c .l .l-c{
		margin-top: 10px;
		padding-top: 20px;
	}
	.newsDetails .box1 .box-c .l .l-b .date{
		font-size: 14px;
	}
	.newsDetails .box1 .box-c .l .l-b .text-title{
		font-size: 16px;
	}
	.newsDetails .box1 .box-c .l .l-b a{
		padding: 15px;
	}
	.newsDetails .box1{
		padding: 21px 0 40px;
	}
}