.news-body {
	margin-top: 14px;
}

.news-top {
	background-color: #EDEDED;
	padding: 12px;
	display: flex;
	justify-content: ;
	gap: 20px;
}

.news-img img {
	min-width: 505px;
}

.news-top .news-title h3 {
	font-size: 18px;
	margin: 20px 0 0;
	color: #777;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news-top .news-title p {
	font-size: 16px;
	line-height: 40px;
	margin-top: 48px;
	color: #777;
}

.news-top .news-title span {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #777;
	margin-top: 48px;
}

.news-list ul li {
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #DCDCDC;

}

.news-list ul li:hover .news-title p{
	color: #F70B21;
}

.news-list ul li a {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.news-list li .news-data {
	min-width: 86px;
	text-align: center;
	border: 1px solid #019FE8;
}

.news-list li .news-data p {
	font-size: 28px;
	line-height: 55px;
	color: #019FE8;
}

.news-list li .news-data span {
	display: block;
	background-color: #019FE8;
	color: #fff;
	font-size: 20px;
	line-height: 37px;
}

.news-list li .news-title h3 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #777;
}

.news-list li .news-title p {
	font-size: 16px;
	line-height: 28px;
	color: #777;
	margin-top: 12px;
}

/*******************************/
.picture-body {
	margin-top: 40px;
}

.picture-body ul {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 73px;
}

.picture-body ul li {
	min-width: 264px;
}

.picture-body ul li p {
	font-size: 18px;
	line-height: 24px;
	color: #444;
	margin-top: 16px;
	width: 100%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 264px;
}

.picture-border.picture-body ul {
	gap: 40px;
}

.picture-border.picture-body ul li {
	width: 286px;
}

.picture-border.picture-body ul .picture-border-img {
	padding: 13px;
	box-sizing: border-box;
	border: 1px solid #E5E5E5;
}

.picture-border.picture-body ul .picture-border-img img {
	width: 260px;
	height: 260px;
}

/******************************************************/
.product-picture-page{
    position: fixed;
    top: 50%;
    margin-top: -220px;
    margin-right: 50px;
}

.product-picture-page .product-list ul::-webkit-scrollbar {
    width: 6px;
}

.product-picture-page .product-list ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.product-picture-page .product-list ul::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.product-picture-page .product-list ul::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}
.product-picture-page .product-list ul{
		        display: none;
		        max-height: 450px;
		        overflow-y: scroll;
		    }
		    
		    .product-picture-page .product-list ul{
		        
		    }
		    
		    .product-picture-page .product-list ul.active{
		        display: block;
		    }
		    
		    .page-title-button{
			position: relative;
		}
		
		.page-title-button i{
			width: 54px;
			height: 54px;
			position: absolute;
			top: 50%;
			content: '';
			background-position: center;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		
		.page-title-button i.page-title-left{
			right: auto;
			left: 0;
			margin-left: -27px;
			background-image: url('../img/icon100.png');
		}
		
		.page-title-button i.page-title-right{
			left: auto;
			right: 0;
			margin-right: -27px;
			background-image: url('../img/icon101.png');
		}