/* 公用 */
.product-pc-title {
	padding: 60px 0 70px 0;
}

.product-pc-title h1 {
	color: #fff;
	font-size: 44px;
}

.product-pc-title .line {}

.product-pc-title .line div {
	width: 50%;
	height: 6px;
}

.product-pc-title .line div:first-child {
	background-color: #0172FF;
}

.product-pc-title .line div:last-child {
	background-color: #03D694;
}
/* banner */
.common-banner{
	background-image: url(../imgs/news/banner.png);
}



/* 新闻资讯 */
.news{
	background-color: #F6F8FB;
	padding:40px 0 143px 0;
}

.news-body .product-pc-title h1{
	color: #333;
}
.news-body-content-left{
	/* width: 706px; */
}
.news-body-content-left .img-box img{
	/* width: 706px; */
	height: 312px;
	border-radius: 10px;
}
.news-body-top-right{
	/* width: 100%; */
}
.news-body-top-right p{
	padding: 0 44px;
	font-size: 18px;
}
.news-list-item{
	padding: 0px 44px;
	background-color: #fff;
	border-radius: 10px;
	height: 140px;
	width: 100%;
    cursor: pointer;
}


.news-list-item h1{
	font-size: 28px;
}


.news-list-item .right a{
	background-image: url(../imgs/index/news_icon.png);
	background-size: 100% 100%;
	width: 48px;
	height: 48px;
}
.news-list-item a.active{
	background-image: url(../imgs/index/news_icon_selected.png);
	display: none;
}
.news-body-content-right .news-list-item{
	margin-top: 16px;
}
.news-body-content-right{
	/* max-width: 674px; */
}

.news-body-top-right-content{
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	height: 167px;
	line-height: 27px;
	word-break: break-all; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/* 适配pc端 */
@media screen and (min-width:450px) {
	.news-body-top-right .news-list-item {
		border-radius: 0px;
	}
	.news-body-top-right {
		background-color: #fff;
		border-radius: 0px 10px 0px 0px;
		width: 100%;
	}
	
	.news-body-top-right .news-list-item .right{
		display: none;
	}
	.news-list-item:hover h1,.news-list-item:hover div{
		color: #0172FF;
	}
	
	.news-list-item:hover a{
		display: none;
	}
	.news-list-item:hover a.active{
		display: block;
	}
	.news-body-top-right:hover p{
		color: #0172FF;
	}
	
	.news-body-content > div{
		width: 100%;
	}
	.news-body-content-left .img-box{
		width: 100%;
	}
	.news-body-content-left .img-box img{
		width: 100%;
	}
	
}
/* 移动端适配 */
@media screen and (max-width:450px) {
	/* 新闻资讯 */
	.common-banner{
		background-image: url(../imgs/news/banner_mobile.png);
	}
	.news-body-top-right {
		border-radius: 0px 0px 5px 5px;
	}
	.news-body-top-right p{
		display: none;
	}
	.news{
		padding: 0px 0 42px 0;
	}
	.news-body-content{
		display: block;
		padding: 20px 16px 0 16px;
	}
	.news-body-content-left{
		width: 100%;
		display: block;
	}
	.news-body-content-left .img-box img{
		width: 100%;
		height: 155px;
		border-radius: 5px;
	}
	.news-body-content-right{
		max-width: 100%;
	}
	.news-list-item{
		border-radius: 5px;
		height: 70px;
		padding: 0 17px;
        cursor: pointer;
		/* width: auto; */
	}
	
	.news-body-content-right .news-list-item{
		margin-top: 14px;
	}
	.news-list-item:hover .news-list-item h1{
		background-color: #0172FF;
	}
	.news-list-item h1{
		font-size: 16px;
	}
	.news-list-item .date{
		font-size: 12px;
	}
	.news-list-item .right a{
		width: 24px;
		height: 24px;
	}
	.mobile_and_pc_title_box .product-pc-title{
		padding:20px 0 0 0;
	}
	.mobile_and_pc_title_box .product-pc-title h1{
		font-size: 16px;
	}
	.mobile_and_pc_title_box .product-pc-title .line div{
		height: 2px;
	}
}

@media screen and (min-width:450px) and (max-width:1024px) {
	.news{
		padding: 40px 0;
	}
}