.imgbanner-3 {
	position: relative;
}
.imgbanner-3.cover-background {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgbanner-3 .bg-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.0);
}
.imgbanner-3 .imgbanner-3-flex-col2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}
.imgbanner-3 .imgbanner-3-flex-col2 > div:first-child {
	width: 25%;
}
.imgbanner-3 .imgbanner-3-flex-col2 > div:last-child {
	width: 70%;
}
.imgbanner-3-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: start;
	column-gap: 20px;
	row-gap: 30px;
}
.imgbanner-3-flex .item-cont {position: relative;}
.imgbanner-3-flex .item-cont .img-con {overflow: hidden;}
.imgbanner-3-flex .item-cont .img-con img {transition: all ease 0.3s;}
.imgbanner-3-flex .item-cont:hover .img-con img {transform: scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.imgbanner-3-flex .item-cont .text-box {width: 100%;}
.imgbanner-3-flex .item-cont .text-box .text-con {padding: 22px 0;}
.imgbanner-3-flex .item-cont .text-box .text-con p.content {
	color: #cacaca;
	margin-bottom: 0;
	transition: color ease 0.3s;
	margin-top: 10px;
	line-height: 1.2;
}
.imgbanner-3-flex .item-cont .text-box .text-con h6.title {
	color: #fff;
	font-weight: 600;
	width: calc(100% - 40px);
	line-height: 1.2;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.imgbanner-3.white-bg .imgbanner-3-flex .item-cont .text-box .text-con p.content {
	color: #727272;
}
.imgbanner-3.white-bg .imgbanner-3-flex .item-cont .text-box .text-con h6.title {
	color: #323232;
}

.imgbanner-3-flex .item-cont .text-box .text-con .title-zone {position: relative;}
.imgbanner-3-flex .item-cont .text-box .text-con .title-zone img {
	position: absolute;
	right: 10px;
	top: 0;
	height: 90%;
	width: auto;;
}
.imgbanner-3.white-bg .imgbanner-3-flex .item-cont .text-box .text-con .title-zone img.plus-1 {display: block;transition: all ease 0.3s;}
.imgbanner-3.white-bg .imgbanner-3-flex .item-cont .text-box .text-con .title-zone img.plus-2 {display: none;}
.imgbanner-3 .imgbanner-3-flex .item-cont .text-box .text-con .title-zone img.plus-1 {display: none;}
.imgbanner-3 .imgbanner-3-flex .item-cont .text-box .text-con .title-zone img.plus-2 {display: block;transition: all ease 0.3s;}
.imgbanner-3.white-bg .imgbanner-3-flex .item-cont:hover .text-box .text-con .title-zone img.plus-1,
.imgbanner-3 .imgbanner-3-flex .item-cont:hover .text-box .text-con .title-zone img.plus-2 {
	transform: rotate(90deg);
}

.imgbanner-3 .animation-btn {
    margin-top: 50px;
}

@media only screen and (min-width: 992px) {
	.imgbanner-3-flex .item {
		width: calc((100% - 60px) / 4);
	}
}
@media only screen and (max-width: 1199px) {
	.imgbanner-3 .imgbanner-3-flex-col2 > div:first-child,
	.imgbanner-3 .imgbanner-3-flex-col2 > div:last-child {
		width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	.imgbanner-3.section .container {
		padding-top: min(18.75vw, 120px);
		padding-bottom: min(18.75vw, 120px);
	}
	.imgbanner-3-flex .item {
		width: calc((100% - 20px) / 2);
	}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 420px) {
	.imgbanner-3-flex .item {
		width: 100%;
	}
}
@media only screen and (max-width: 360px) {
}