<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.news-in-list-wrap{
	padding: 45px 0;
}
@media screen and (max-width: 1920px) {
	.news-in-list-wrap{
		padding: calc(45 / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.news-in-list-wrap{
		padding: 5rem 0;
	}
}
.sub-news-list {
	margin-top: 0;
	clear: both;
	overflow: hidden;
	margin-bottom: 4rem;
}
@media screen and (max-width: 992px) {
	.sub-news-list {
	margin-bottom: 5rem;
	}
}
.sub-news-list .item:nth-child(2n){
	background: #f8f8f8;
}
.sub-news-list .item a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 103px;
	line-height: 103px;
} 
@media screen and (max-width: 1920px) {
	.sub-news-list .item a{
		height: calc(103 / 1920 * 100vw);
		line-height: calc(103 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-news-list .item a{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content:flex-start;
	}
	.sub-news-list .item a{
		height: auto;
		line-height: inherit;
		padding: 3rem 0 0 0;
	}
}
.sub-news-list .item .item-left{
	display: flex;
	flex-direction: row;
}
@media only screen and (min-width: 768px) {
	.sub-news-list .item .item-left{
		width: 77%;
	}
}
.sub-news-list .item a .date,
.sub-news-list .item a .title{
	font-size: 24px;
}
@media only screen and (min-width: 768px) {
	.sub-news-list .item a .date{
		min-width: 220px;
	}
}
@media screen and (max-width: 1920px) {
	.sub-news-list .item a .date,
	.sub-news-list .item a .title{
		font-size: calc(24 / 1920 * 100vw);
	}
}

@media screen and (max-width: 992px) {
	.sub-news-list .item a .date,
	.sub-news-list .item a .title{
		font-size: 3rem;
		padding: 2rem 0;
	}
	.sub-news-list .item .item-left{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}

.sub-news-list .item a .date{
	padding: 0 30px;
	margin-right: 20px;
}
@media screen and (max-width: 1920px) {
	.sub-news-list .item a .date{
		padding:0 calc(40 / 1920 * 100vw);
		margin-right: calc(20 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-news-list .item a .date{
		width: 1005%;
	}
}
.sub-news-list .item a .title{
	padding: 0 40px;
}
@media screen and (max-width: 1920px) {
	.sub-news-list .item a .title{
		padding:0 calc(40 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-news-list .item a .title{
		width: 100%;
		padding:2rem 2rem 0 2rem;
	}
}
.sub-news-list .more{
	color: #00a0be;
	padding: 0 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 1920px) {
	.sub-news-list .more{
		padding:0 calc(30 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-news-list .more{
		justify-content: flex-end;
	}
}
.sub-news-list .more i{
	color: #00a0be;
	margin-left: 14px;
	font-size: 30px;
	transform: rotate(-45deg); /* æ—‹è½¬45åº¦ */
}
 
.sub-news-list .item:hover{
	background: #00b4cd;
}
.sub-news-list .item:hover a,
.sub-news-list .item:hover a .more,
.sub-news-list .item:hover a .more i{
	color: #fff;
}
.sub-news-list .item:hover a .title{
	font-size:28px;
}
@media screen and (max-width: 1920px) {
	.sub-news-list .item:hover a .title{
		font-size:calc(28 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.sub-news-list .item:hover a .title{
		font-size:3rem;
	}
}
.news-detail .rec-list-wrap{
	padding-top: 10px;
}
@media screen and (max-width: 992px) {
	.sub-product-list .images{
		height: 44rem;
	}
	.relate-pro{
		padding-top: 4rem;
	}
}
</pre></body></html>