.container {
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

p {
	margin-top: 20px;
	font-size: 16px;
	font-family: 'Montserrat-Regular';
	color: #333;
	line-height: 30px;
}
a {
color: #212121;
	text-decoration: none;
	box-sizing: border-box;
}


 .blogfl {
 	width: 48.2%;
 	padding-bottom: 25px;
 	border-bottom: 2px solid #eee;
 	-webkit-transition: .5s all;
 	-moz-transition: .5s all;
 	-ms-transition: .5s all;
 	transition: .5s all;
 }

 .blogfl a,
 .blogfr li a {
 	display: block;
 	overflow: hidden;
 }

 .blogfl a img {
 	width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
 }

 .blogfl:hover a img,
 .blogfr li:hover a img {
 	-webkit-transform: scale(1.03);
 	-moz-transform: scale(1.03);
 	-ms-transform: scale(1.03);
 	transform: scale(1.03);
 }

 .blogfl span,
 .blogfr li span {
 	display: block;
 	margin: 25px 0 10px 0;
 	font-size: 14px;
 	color: #999;
 }

 .blogfl:hover {
 	border-bottom: 2px solid var(--color-primary);
 }

 .blogfl h3,
 .blogfr li h3,
 .blogfl h3 a,
 .blogfr li h3 a {
 	font-size: 20px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 }

 .blogfl h3,
 .blogfl h3 a {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 }

 .blogfr li h3 a {
 	font-size: 18px;
 }

 .blogfl p {
 	margin-top: 15px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 1;

 }

 .blogfr {
 	width: 49.3%;
 }

 .blogfr li div img {
 	width: 100%;
 }

 .blogfr .main-href img {
 	margin-left: 14px;
 }

 .blogfr li {
 	display: -webkit-flex;
 	display: flex;
 	-webkit-justify-content: space-between;
 	justify-content: space-between;
 	margin-bottom: 31px;
 }

 .blogfr li span {
 	margin-top: 2px;
 }

 .blogfr li h3 {
 	padding-bottom: 15px;
 	border-bottom: 2px solid #eee;
 	line-height: 32px;
 }

 .blogfr li div:first-child {
 	width: 65.5%;
 	margin-right: 38px;
 }

 .blogfr li p {
 	margin-top: 10px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;

 }

 .blog .main-href {
 	margin-top: 104px;
 	text-align: right;
 }

 .latest-blog {
 	margin-top: 80px;
 }

 .latest-blog .blogcon {
 	margin-top: 40px;
 }

 .latest-blog .blogfl {
 	width: 30%;
 }

 .latest-blog .blogfl h3,
 .latest-blog .blogfl h3 a {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 1;
 }

 .latest-blog .blogfl p {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 3;
 }


 .list-blog {
 	margin-top: 30px;
 	margin-bottom: 90px;
 }

 .list-blog .blogcon {
 	margin-top: 0;
 }

 .list-blog .blogfl {
 	width: 32%;
 	margin-left: 2%;
 	margin-top: 40px;
 	border: none;
 }

 .list-blog .blogfl:nth-child(3n+1) {
 	margin-left: 0;
 }

 .list-blog .blogfl:hover {
 	transform: translate(0, -6px);
 	-webkit-transform: translate(0, -6px);
 	-moz-transform: translate(0, -6px);
 	-ms-transform: translate(0, -6px);
 	-o-transform: translate(0, -6px);
 }

 .list-blog .blogfl h3 {
 	font-size: 18px;
 	font-family: 'Montserrat-Medium';
 	line-height: 34px;
 }

 .list-blog .blogfl h3,
 .list-blog .blogfl h3 a {
 	font-size: 18px;
 	-webkit-line-clamp: 2;

 }

 .list-blog .blogfl p {
 	height: 90px;
 }

 .p-href {
 	margin-top: 25px;
 }

 .p-href a {
 	display: inline-block;
 	padding-right: 30px;
 	font-size: 16px;
 	color: var(--color-primary);
 	line-height: 30px;
 	font-size: 16px;
 	font-weight: 500;
 	background: url(../images/ico29.png) no-repeat right center;
 	opacity: 0.8;
 	border-bottom: 1px solid #fff;
 }

 .p-href a:hover {
 	border-bottom: 1px solid var(--color-primary);
 	text-decoration: none;
 	opacity: 1;
 }

 .blog-wen {
 	padding: 0px 30px 15px 30px;
 	border: 1px solid #eee;
 	border-top: none;
 	overflow: hidden;
 }

 .list-blog .page {
 	margin-top: 25px;
 }

 @media screen and (max-width: 1580px) {
 	.blogfr li h3 {
 		line-height: 30px;
 	}

 }

 @media screen and (max-width: 1400px) {

 	.blogfr li div:first-child {
 		width: 36%;
 	}

 	.blogfr li div:nth-child(2) {
 		width: 64%;
 	}
 }

 @media screen and (max-width: 1280px) {

 	.latest-blog {
 		margin-top: 30px;
 	}
 }

 @media screen and (max-width: 1100px) {

 	.list-blog .blogfl {
 		margin-top: 30px;
 	}
 }


 @media screen and (max-width: 960px) {

 	.blogfl,
 	.blogfr {
 		width: 100%;
 	}

 	.blogfr {
 		margin-top: 20px;
 	}

 	.blogfr li div:first-child,
 	.blogfr li div {
 		width: 100%;
 		margin-right: 0;
 	}

 	.blogfr li div {
 		margin-top: 10px;
 	}

 	.blogfr li {
 		-webkit-flex-wrap: wrap;
 		flex-wrap: wrap;
 	}

 	.blogfr li div:nth-child(2),
 	.latest-blog .blogfl {
 		width: 100%;
 	}

 	.latest-blog {
 		margin-top: 40px;
 	}

 	.list-blog .blogfl {
 		margin-top: 0;
 	}


 	.list-blog .blogfl h3,
 	.list-blog .blogfl h3 a {
 		line-height: 24px;
 	}
 }