/*------------------------------------
	23. Blog Section CSS
------------------------------------*/
.rs-blog.blog-main-home .blog-item {
	position: relative;
	z-index: 11;
	transition: all 500ms ease;
	background-color: #ffffff;
	box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
	border-radius: 70px 0px 0px 0px;
	margin: 0 4px 30px;
}

    .rs-blog.blog-main-home .blog-item .image-wrap {
        position: relative;
        @import url('file:///D:\×ÀÃæ\moban7978\static\css\style3.css');
        overflow: hidden;
    }

		.rs-blog.blog-main-home .blog-item .image-wrap a img {
			border-radius: 70px 0px 0px 0px;
			transition: all 0.5s ease 0s;
		}

	.rs-blog.blog-main-home .blog-item .blog-content {
		transition: all 500ms ease;
		position: relative;
		padding: 27px 30px 34px 30px;
		border-radius: 0 0 5px 5px;
		background: #fff;
	}

		.rs-blog.blog-main-home .blog-item .blog-content .blog-meta {
			display: flex;
			justify-content: flex-start;
			padding: 0 0 12px;
		}

			.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin {
				position: relative;
				margin-right: 12px;
				padding-right: 8px;
				font-size: 15px;
			}

				.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i {
					color: #FF7B18;
					margin-right: 5px;
				}

					.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i:before {
						top: 1px;
						position: relative;
					}

			.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date {
				font-size: 15px;
			}

				.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i {
					color: #FF7B18;
					margin-right: 6px;
				}

					.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i:before {
						top: 1px;
						position: relative;
					}

		.rs-blog.blog-main-home .blog-item .blog-content .blog-title {
			font-size: 24px;
			line-height: 34px;
			font-weight: 700;
			margin-bottom: 14px;
			letter-spacing: -1px;
		}

			.rs-blog.blog-main-home .blog-item .blog-content .blog-title a {
				color: #101010;
			}

				.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover {
					color: #FF6D00;
				}

		.rs-blog.blog-main-home .blog-item .blog-content .desc {
			margin: 0 0 18px;
		}

		.rs-blog.blog-main-home .blog-item .blog-content .blog-btn a span:hover {
			color: #0C6460;
		}

	.rs-blog.blog-main-home .blog-item:hover {
		transform: translateY(-10px);
	}

.rs-blog.blog-main-home .rs-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.rs-blog.blog-main-home .owl-stage-outer {
	padding: 10px;
	margin: -10px;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap a img {
	border-radius: 5px 5px 0 0;
	transition: all 0.5s ease 0s;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after,
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before {
	position: absolute;
	content: '';
	background: #ffffff;
	width: 100px;
	height: 100px;
	transform: rotate(-45deg);
	z-index: 1;
	transition: all 0.5s;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before {
	right: -55px;
	bottom: -55px;
	background: #FFFFFFF0;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after {
	left: -55px;
	top: -55px;
	background: #FFFFFFF0;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:after {
	font-weight: 700;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover,
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover:after,
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-title a:hover {
	color: #0C6460;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:before {
	right: -150px;
	bottom: -150px;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:after {
	left: -150px;
	top: -150px;
}

.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap a img {
	filter: grayscale(100%);
}

.rs-blog.blog-style1 .blog-item {
	position: relative;
	z-index: 11;
	background-color: #ffffff;
	box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
	border-radius: 80px 0px 0px 0px;
	margin: 0 4px;
}

	.rs-blog.blog-style1 .blog-item .image-wrap {
		position: relative;
		overflow: hidden;
	}

		.rs-blog.blog-style1 .blog-item .image-wrap a img {
			width: 100%;
    		max-height: 420px;
			border-radius: 80px 0px 0px 0px;
			transition: all 0.5s ease 0s;
		}

	.rs-blog.blog-style1 .blog-item .blog-content {
		transition: all 500ms ease;
		position: relative;
		padding: 30px 35px 35px 35px;
		border-radius: 0 0 5px 5px;
		background: #fff;
	}

		.rs-blog.blog-style1 .blog-item .blog-content .blog-meta {
			display: flex;
			justify-content: flex-start;
			padding: 0 0 20px;
		}

			.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin {
				position: relative;
				margin-right: 12px;
				padding-right: 8px;
				font-size: 15px;
			}

				.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i {
					color: #FF6D00;
					margin-right: 5px;
				}

					.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i:before {
						top: 1px;
						position: relative;
					}

			.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date {
				font-size: 15px;
			}

				.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i {
					color: #FF6D00;
					margin-right: 6px;
				}

					.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i:before {
						top: 1px;
						position: relative;
					}

		.rs-blog.blog-style1 .blog-item .blog-content .blog-title {
			font-size: 20px;
			line-height: 38px;
			font-weight: 700;
			margin-bottom: 14px;
			 display: -webkit-box;
			  -webkit-box-orient: vertical;
			  -webkit-line-clamp: 2; /* 定义文本的行数 */
			  overflow: hidden;
			  text-overflow: ellipsis;
		}

			.rs-blog.blog-style1 .blog-item .blog-content .blog-title a {
				color: #101010;
			}

				.rs-blog.blog-style1 .blog-item .blog-content .blog-title a:hover {
					color: #FF6D00;
				}

		.rs-blog.blog-style1 .blog-item .blog-content .desc {
			margin: 0 0 18px;
					 display: -webkit-box;
		  -webkit-box-orient: vertical;
		  -webkit-line-clamp: 2; /* 定义文本的行数 */
		  overflow: hidden;
		  text-overflow: ellipsis;
		}

		.rs-blog.blog-style1 .blog-item .blog-content .blog-btn a span:hover {
			color: #0C6460;
		}

.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap {
	position: relative;
	z-index: 11;
	background-color: #ffffff;
	box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
	border-radius: 50px 0px 0px 0px;
	transition: 0.3s;
	align-items: center;
	display: flex;
}

	.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap {
		position: relative;
		width: 85%;
	}

		.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap a img {
			border-radius: 50px 0px 0px 0px;
			transition: all 0.5s ease 0s;
		}

	.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content {
		padding: 0px 30px 0px 30px;
		background: #fff;
	}

		.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta {
			display: flex;
			justify-content: flex-start;
			padding: 0 0 19px;
		}

			.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin {
				position: relative;
				margin-right: 12px;
				padding-right: 8px;
				font-size: 15px;
			}

				.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i {
					color: #FF6D00;
					margin-right: 5px;
				}

					.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i:before {
						top: 1px;
						position: relative;
					}

			.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date {
				font-size: 18px;
			}

				.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i {
					color: #FF6D00;
					margin-right: 10px;
				}

					.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i:before {
						top: 1px;
						position: relative;
					}

		.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title {
			font-size: 18px;
			line-height: 32px;
			font-weight: normal;
			margin-bottom: 0px;
		}

			.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a {
				color: #101010;
				font-size: 20px;
			}

	.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .image-wrap a img {
		filter: grayscale(100%);
	}

	.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .blog-content .blog-title a {
		color: #FF6D00;
	}