/* <=== bannerhome ===> */
.slbannerhh .item{
	position: relative;
}
.slbannerhh .banvdimg{
	padding-top: 40.278%;
	position: relative;
	overflow: hidden;
}
.slbannerhh .banvdimg .bg, .slbannerhh .banvdimg video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slbannerhh .banvdimg .bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.slbannerhh .banvdimg .bg img{
	display: none;
}
.slbannerhh .banvdimg video{
	object-fit: cover;
}
.slbannerhh .slick-dots{
	bottom: 100px;
}
/* <=== bannerhome ===> */

/* <=== produchome ===> */
.produchome{
	padding: 0 0 30px 0;
	position: relative;
	z-index: 2;
}
.produchome::before{
	content: '';
	position: absolute;
	top: 70px;
	left: 0;
	bottom: 0;
	width: 100%;
	background-image: url('../images/spback.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	pointer-events: none;
}
.tpproducha{
	margin-bottom: 50px;
	margin-top: -70px;
	position: relative;
	z-index: 2;
}
.tpproducha .hagrip{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -14.5px;
}
.tpproducha .hagrip > div{
	padding: 0 14.5px;
	width: calc(100% / 7);
	margin-bottom: 20px;
}
.itproducha .thumb{
	margin-bottom: 8px;
}
.itproducha .thumb a{
	display: block;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.itproducha .thumb a img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	-ms-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
	-webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
	-moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
	-o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
	transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.itproducha:hover .thumb a img{
	transform: translate(-50%, -50%) scale(1.1);
}
.itproducha .decss{
	text-align: center;
}
.itproducha .dstitle, .itproducha .dstitle h3{
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.itproducha:hover .dstitle a{
	color: #fff;
}
.tpproduchb{
	margin-bottom: 70px;
}
.tpproduchb .hbgrip{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -22.5px;
}
.tpproduchb .hbgrip > div{
	padding: 0 22.5px;
}
.tpproduchb .hbgrip .mcol{
	width: calc(50% + 22.5px);
}
.tpproduchb .hbgrip .hcol{
	width: calc(50% - 22.5px);
}
.tpproduchb .thumb a{
	display: block;
	padding-top: 61.434%;
	position: relative;
	overflow: hidden;
}
.tpproduchb .thumb a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tpproduchb .thumb a img{
	width: 100%;
}
.tpproduchb .thumb a::before{
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-image: url('../images/ivideo.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 20px;
	z-index: 1;
	background-color: rgba(41, 158, 97, 0.9);
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.tpproduchb .thumb a:hover:before{
	background-color: rgba(41, 158, 97, 1);
}
.tpproduchb .decss{
	padding: 12px 0;
}
.tpproduchb .dscapts{
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #fff;
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
}
.tpproduchb .dstitle{
	margin-bottom: 15px;
}
.tpproduchb .dstitle .tline{
	display: inline-block;
	border-bottom: 5px solid #000000;
}
.tpproduchb .dstitle, .tpproduchb .dstitle h2, .tpproduchb .dstitle h3{
	font-size: 25px;
	line-height: 35px;
	font-weight: 500;
}
.tpproduchb .dstitle, .tpproduchb .dstitle a{
	color: #000000;
}
.tpproduchb .dsconts{
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 23px;
	color: #000000;
}
.tpproduchb .dslinks{
	max-width: 510px;
}
.tpproduchb .dslinks ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.tpproduchb .dslinks li{
	padding: 0 5px;
	width: 50%;
}
.tpproduchb .dslinks li a{
	display: block;
	color: #2c975e;
	font-size: 16px;
	line-height: 25px;
	font-weight: 500;
	padding: 15px 16px;
	background-color: #cee2d7;
}
.tpproduchb .dslinks li a:hover{
	background-color: #fff;
}
.tpproduchb .dslinks li a span{
	display: block;
	position: relative;
	padding-right: 22px;
}
.tpproduchb .dslinks li a span::before{
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
}
.tpproduchc .hcgrip{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20.5px;
}
.tpproduchc .hcgrip > div{
	padding: 0 20.5px;
	width: 33.3333%;
	margin-bottom: 20px;
}
.itproduchc .thumb{
	margin-bottom: 12px;
}
.itproduchc .thumb a{
	display: block;
	padding-top: 61.434%;
	position: relative;
	overflow: hidden;
}
.itproduchc .thumb a::before{
	content: '';
	position: absolute;
	width: 55px;
	height: 55px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-image: url("../images/ivideo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 14px;
	z-index: 1;
	background-color: rgba(41, 158, 97, 0.9);
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.itproduchc .thumb a:hover::before{
	background-color: rgba(41, 158, 97, 1);
}
.itproduchc .thumb a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.itproduchc .dstitle, .itproduchc .dstitle h3{
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
}
.itproduchc .dstitle, .itproduchc .dstitle a{
	color: #000000;
}
.itproduchc .dstitle .tline{
	display: inline-block;
	border-bottom: 5px solid #000000;
}
/* <=== produchome ===> */

/* <=== searchhome ===> */
.searchhome{
	background-image: url('../images/scback.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: auto;
	overflow: hidden;
}
.hpsearchhh{
	max-width: 1030px;
	padding: 70px 350px 90px 0;
	position: relative;
	overflow: hidden;
}
.hpsearchhh .hhthumb{
	position: absolute;
	right: 0;
	bottom: -75px;
}
.hpsearchhh .dstitle{
	margin-bottom: 12px;
	color: #000000;
}
.hpsearchhh .dstitle, .hpsearchhh .dstitle h2, .hpsearchhh .dstitle h3{
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
}
.hpsearchhh .dsconts{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 60px;
}
.hpsearchhh .dsthieu ul{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0 -15px;
}
.hpsearchhh .dsthieu li{
	padding: 0 15px;
	margin-bottom: 10px;
}
/* <=== searchhome ===> */

/* <=== infomnhome ===> */
.infomnhome{
	padding: 70px 0;
}
.hpinfomnhh{
	margin-bottom: 30px;
}
.hpinfomnhh:last-child{
	margin-bottom: 0;
}
.tplinkpghh .hhgrip{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
}
.tplinkpghh .hhgrip > div{
	padding: 0 25px;
	width: 33.3333%;
	margin-bottom: 30px;
}
.itlinkpghh{
	position: relative;
	height: 100%;
	border: 15px solid #eaeaea;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.itlinkpghh::before{
	content: '';
	position: absolute;
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
	pointer-events: none;
	border: 0 solid transparent;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1;
}
.itlinkpghh:hover::before{
	border: 15px solid #299e61;
}
.itlinkpghh .thumb a{
	display: block;
	padding-top: 64.902%;
	position: relative;
	overflow: hidden;
}
.itlinkpghh .thumb a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.itlinkpghh .decss{
	padding: 25px;

}
.itlinkpghh .dstitle{
	text-align: center;
	position: relative;
	margin-bottom: 22px;
	padding-bottom: 15px;
	overflow: hidden;
}
.itlinkpghh .dstitle, .itlinkpghh .dstitle h3{
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
}
.itlinkpghh .dstitle, .itlinkpghh .dstitle a{
	color: #000000;
}
.itlinkpghh .dstitle a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.itlinkpghh .dstitle::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	height: 5px;
	width: 130px;
	background-color: #299e61;
}
.itlinkpghh .dsviews{
	text-align: right;
}
.itlinkpghh .dsviews a{
	color: #000000;
	font-size: 15px;
	line-height: 23px;
	display: inline-block;
}
.itlinkpghh .dsviews a span{
	display: inline-block;
	position: relative;
	padding-right: 21px;
}
.itlinkpghh .dsviews a span::before{
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	color: #2c975e;
}
.tpnewsblhh .hhtitle{
	margin-bottom: 30px;
}
.tpnewsblhh .hhtitle .ttgrip{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	margin: 0 -10px;
}
.tpnewsblhh .hhtitle .ttgrip > div{
	padding: 0 10px;
}
.tpnewsblhh .hhtitle .tname{
	text-transform: uppercase;
	color: #000000;
}
.tpnewsblhh .hhtitle .tname, .tpnewsblhh .hhtitle .tname h2{
	font-size: 35px;
	line-height: 45px;
	font-weight: 500;
}
.tpnewsblhh .hhtitle .tview{
	margin-bottom: 5px;
}
.tpnewsblhh .hhtitle .tview a{
	color: #299e61;
	font-size: 15px;
	line-height: 23px;
	display: inline-block;
}
.tpnewsblhh .hhtitle .tview a span{
	display: inline-block;
	position: relative;
	padding-right: 22px;
}
.tpnewsblhh .hhtitle .tview a span::before{
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
}
.tpnewsblha{
	margin-bottom: 25px;
}
.tpnewsblha ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.tpnewsblha ul li{
	padding: 0 10px;
	margin-bottom: 10px;
}
.tpnewsblha li a{
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 23px;
	font-weight: 500;
	padding: 17px 40px;
	text-align: center;
	color: #333333;
}
.tpnewsblha li a .vback{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tpnewsblha li a:hover .vback, .tpnewsblha li.active a .vback{
	opacity: 1;
}
.tpnewsblha li a:hover, .tpnewsblha li.active a {
	color: #fff;
}
.tpnewsblha li a.vall:hover, .tpnewsblha li.active a.vall{
	color: #333333;
}
.tpnewsblha li a .vtext{
	display: block;
	position: relative;
	z-index: 2;
}
.tpnewsblha li a .btamg{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 15px;
	height: 10px;
	clip-path: polygon(100% 0, 50% 100%, 45% 100%, 0 0);
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tpnewsblha li.active a .btamg{
	opacity: 1;
}
.tpnewsblhb .hbconttab{
	display: none;
}
.tpnewsblhb .hbconttab.active{
	display: block;
}
.tpnewsblhb li{
	padding: 11px 0;
	border-bottom: 1px solid #e0e0e0;
}
.itnewsblhb .hbgrip{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin: 0 -10px;
}
.itnewsblhb .hbgrip > div{
	padding: 0 10px;
}
.itnewsblhb .hbgrip .mcol{
	width: 100px;
}
.itnewsblhb .hbgrip .hcol{
	width: 220px;
	display: none;
}
.itnewsblhb .hbgrip .bcol{
	width: calc(100% - 320px);
}
.itnewsblhb .hbdates{
	color: #888888;
}
.itnewsblhb .hbevent{
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
.itnewsblhb.vall .hbgrip .hcol{
	width: 220px;
	display: block;
}
.itnewsblhb.vall .hbgrip .bcol{
	width: calc(100% - 320px);
}

/* <=== infomnhome ===> */

@media all and (max-width: 1200px){

}
@media all and (max-width: 991px){
	/* <=== bannerhome ===> */
	.slbannerhh .banvdimg{
		padding-top: 78.95%;
		min-height: 300px;
	}
	/* <=== bannerhome ===> */

	/* <=== produchome ===> */
	.produchome{
		padding: 0 0 20px 0;
	}
	.tpproducha{
		margin-bottom: 10px;
	}
	.tpproducha .hagrip > div{
		width: 25%;
	}
	.tpproduchb{
		margin-bottom: 20px;
	}
	.tpproduchb .hbgrip{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
	}
	.tpproduchb .hbgrip > div{
		padding: 0 15px;
	}
	.tpproduchb .hbgrip .mcol{
		width: calc(50% + 15px);
	}
	.tpproduchb .hbgrip .hcol{
		width: calc(50% - 15px);
	}
	.tpproduchb .thumb a::before{
		width: 60px;
		height: 60px;
		background-size: 14px 16px;
	}
	.tpproduchb .dscapts{
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.tpproduchb .dstitle, .tpproduchb .dstitle h2, .tpproduchb .dstitle h3{
		font-size: 22px;
		line-height: 30px;
	}
	.tpproduchb .dsconts{
		margin-bottom: 20px;
	}
	.tpproduchb .dslinks li a{
		font-size: 14px;
		line-height: 23px;
		padding: 11px 15px;
	}
	.tpproduchc .hcgrip{
		margin: 0 -10px;
	}
	.tpproduchc .hcgrip > div{
		padding: 0 10px;
	}
	.itproduchc .thumb a::before{
		width: 40px;
		height: 40px;
		background-size: 9px 11px;
	}
	.itproduchc .dstitle, .itproduchc .dstitle h3{
		font-size: 13px;
		line-height: 21px;
	}
	/* <=== produchome ===> */

	/* <=== searchhome ===> */
	.searchhome{
		padding: 30px 0 50px;
	}
	.hpsearchhh{
		padding: 0;
	}
	.hpsearchhh .dstitle{
		text-align: center;
		padding: 0 15px;
	}
	.hpsearchhh .dstitle, .hpsearchhh .dstitle h2, .hpsearchhh .dstitle h3{
		font-size: 25px;
		line-height: 35px;
	}
	.hpsearchhh .dsconts{
		font-size: 14px;
		line-height: 23px;
		display: flex;
		margin: 0 -10px;
		margin-bottom: 30px;
		text-align: justify;
	}
	.hpsearchhh .dsconts > div{
		padding: 0 10px;
	}
	.hpsearchhh .dsconts .cttext{
		width: 60%;
	}
	.hpsearchhh .dsconts .ctimgs {
		width: 40%;
	}
	.hpsearchhh .dsthieu{
		max-width: 300px;
		margin: 0 auto;
	}
	.hpsearchhh .dsthieu ul{
		margin: 0 -10px;
	}
	.hpsearchhh .dsthieu li{
		padding: 0 10px;
	}
	/* <=== searchhome ===> */

	/* <=== infomnhome ===> */
	.infomnhome{
		padding: 20px 0 40px;
	}
	.tplinkpghh .hhgrip{
		margin: 0 -10px;
	}
	.tplinkpghh .hhgrip > div{
		padding: 0 10px;
		margin-bottom: 20px;
		width: 50%;
	}
	.itlinkpghh{
		border: 13px solid #eaeaea;
	}
	.itlinkpghh::before{
		display: none;
	}
	.itlinkpghh .decss{
		padding: 20px 18px 17px;
	}
	.tpnewsblhh .hhtitle{
		margin-bottom: 20px;
	}
	.tpnewsblhh .hhtitle .tname, .tpnewsblhh .hhtitle .tname h2{
		font-size: 25px;
		line-height: 35px;
	}
	.tpnewsblha ul li{
		width: 33.333%;
	}
	.tpnewsblha li a .btamg{
		display: none;
	}
	.tpnewsblha li a{
		padding: 6px 10px;
	}
	/* <=== infomnhome ===> */
}
@media all and (max-width: 767px){
	/* <=== produchome ===> */
	.produchome::before{
		top: 30px;
	}
	.tpproducha{
		margin-top: -30px;
	}
	.tpproducha .hagrip{
		margin: 0 -10px;
	}
	.tpproducha .hagrip > div{
		padding: 0 10px;
		width: 33.3333%;
	}
	.itproducha .dstitle, .itproducha .dstitle h3{
		font-size: 13px;
		line-height: 22px;
	}
	.tpproduchb .hbgrip{
		flex-direction: column-reverse
	}
	.tpproduchb .hbgrip .mcol{
		width: 100%;
	}
	.tpproduchb .hbgrip .hcol{
		width: 100%;
		margin-bottom: 30px;
	}
	.tpproduchc .hcgrip > div{
		width: 50%;
	}
	/* <=== produchome ===> */

	/* <=== infomnhome ===> */
	.tplinkpghh .hhgrip > div{
		width: 100%;
	}
	.tpnewsblha ul li{
		width: 50%;
	}
	.tpnewsblha{
		margin-bottom: 10px;
	}
	.itnewsblhb.vall .hbgrip .bcol, .itnewsblhb .hbgrip .bcol{
		width: 100%;
		margin-top: 5px;
	}
	/* <=== infomnhome ===> */
}