/* box 1 */
.bannerhome{
	margin-bottom: -2px;
}
.bannerhome .item .img{
	min-height: 530px;
	padding-top: 36%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate;
	animation: immortalkenburns 20000ms linear 0s infinite alternate;
}
@-webkit-keyframes immortalkenburns{
	0%{-webkit-transform:scale(1.1);-webkit-transition:-webkit-transform 20000ms linear 0ms}
	100%{-webkit-transform:scale(1);-webkit-transition:-webkit-transform 20000ms linear 0ms}
}
@-moz-keyframes immortalkenburns{
	0%{-moz-transform:scale(1.1);-moz-transition:-moz-transform 20000ms linear 0ms}
	100%{-moz-transform:scale(1);-moz-transition:-moz-transform 20000ms linear 0ms}
}
@-ms-keyframes immortalkenburns{
	0%{-ms-transform:scale(1.1);-ms-transition:-ms-transform 20000ms linear 0ms}
	100%{-ms-transform:scale(1);-ms-transition:-ms-transform 20000ms linear 0ms}
}
@-o-keyframes immortalkenburns{
	0%{-o-transform:scale(1.1);-o-transition:-o-transform 20000ms linear 0ms}
	100%{-o-transform:scale(1);-o-transition:-o-transform 20000ms linear 0ms}
}
@keyframes immortalkenburns{
	0%{transform:scale(1.1);transition:transform 20000ms linear 0ms}
	100%{transform:scale(1);transition:transform 20000ms linear 0ms}
}
.bannerhome .item .img img{
	display: none!important;
}
.bannerhome .item video{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.bannerhome  .slick-arrow::before{
	font-size: 40px;
}
/* box 2 */
.productnbhome{
	padding: 60px 0 30px;
}
.itemproductnb{
	position: relative;
}
.itemproductnb .thumb a{
	padding-top: 123.333%;
}
.itemproductnb .decs{
	position: absolute;
	bottom: 5px;
	max-width: 220px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 10px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	pointer-events: none;
	font-size: 16px;
	line-height: 24px;
}
.itemproductnb .decs .name{

	font-weight: 300;
	margin-bottom: 5px;
}
.itemproductnb .decs .sale{
	color: #b10208;
	font-weight: bold;
}
/* box 3 */
.producthothome{
	padding: 30px 0 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.productnewhome{
	padding: 40px 0;
}
/* box 4 */
.grouphome{
	padding: 60px 0 70px;
	background-color: #f2f2f2;
}

.itemgroup{
	background-color: #fff;
	position: relative;
	margin-bottom: 10px;
	padding: 15px;
}
.itemgroup > a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: auto;
	z-index: 1;
}
.itemgroup .title{
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	max-height: 22px;
	overflow: hidden;
	margin-bottom: 10px;
}
.itemgroup:hover .title{
	color: #b10208;
}
.itemgroup .thumb{
	position: relative;
	display: block;
	padding-top: 50%;
}
.itemgroup .thumb img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-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;
}
.itemgroup:hover .thumb img{
	transform: scale(1.02);
}
/* box 5 */
.padallhome{
	padding: 70px 0 40px;
}
.itembanpro img{
	width: 100%;
}

/* abouthome */
.abouthome{
	margin-bottom: 70px;
	position: relative;
	background-image: url('../images/bgab.jpg');
	background-position: 100% center;
	background-repeat: no-repeat;
}
.graboutall {
	margin: 0 -40px;
}
.graboutall > div{
	padding: 0 40px;
}
.graboutall .coll{
	width: calc(100% - 600px);
}
.graboutall .colr{
	width: 600px;
}
.graboutall .thumbab{
	position: relative;
	padding-right: 75px;
	padding-top: 45px;
}
.graboutall .thumbab::before{
	content: '';
	position: absolute;
	top: 0;
	left: 35px;
	right: 35px;
	bottom: 100px;
	border: 10px solid #f8f9fb;
	pointer-events: none;
}
.graboutall .thumbmd{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.graboutall .thumbmd a{
	display: block;
	overflow: hidden;
}
.graboutall .thumbmd img{
	width: 100%;
	-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;
}
.graboutall .thumbmd a:hover{
	transform: scale(1.05);
}
.graboutall .thumbsm{
	border: 12px solid #fff;
	position: absolute;
	bottom: 30px;
	right: 10px;
	z-index: 2;
	 max-width: 215px;
}
.graboutall .thumbsm a{
	display: block;
	overflow: hidden;
}
.graboutall .thumbsm img{
	width: 100%;
	-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;
}
.graboutall .thumbsm a:hover img{
	transform: scale(1.05);
}
.graboutall .decsab .titleab{
	display: flex;
	align-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.graboutall .decsab .titleab .txt{
	width: 350px;
	position: relative;
	padding-left: 25px;
}
.graboutall .decsab .titleab .txt::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 80%;
	background-color: #b10208;
}
.graboutall .decsab .titleab .txt .t1{
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
}
.graboutall .decsab .titleab .txt h2{
	font-size: 44px;
	line-height: 55px;
	font-weight: 800;
	text-transform: uppercase;
	color: #21345a;
}
.graboutall .decsab .titleab .year{
	width: calc(100% - 350px);
	padding-right: 10px;
}
.graboutall .decsab .tendab{
	max-width: 550px;
	text-align: justify;
	margin-bottom: 25px;
}

/* productlvhome */
.productlvhome{
	margin-bottom: 70px;
}
.grproductlv .coll{
	width: 420px;
}
.grproductlv .colr{
	width: calc(100% - 420px);
}
.itemproductlv{
	position: relative;
}
.itemproductlv .thumb a{
	padding-top: 113%;
}
.itemproductlv .decs{
	position: absolute;
	left: 0;
	bottom: 20px;
	padding: 0 30px;
}
.itemproductlv .decs h3{
	font-size: 25px;
	line-height: 37px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.itemproductlv .decs h3 a{
	color: #fff;
	display: inline-block;
}
.itemproductlv .decs h3 span{
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.itemproductlv .decs h3 span::before{
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	content: "\f105";
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.itemproductlv:hover .decs h3 span::before{
	right: -5px;
}
.slproductlv {
	padding: 0 20px;
}
.itemsmallv .decs{
	text-align: center;
}
.itemsmallv .decs h3{
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 400;
}
.itemsmallv .decs h3 a{
	color: #111111;
	display: inline-block;
}
.itemsmallv .decs h3 a span{
	display: inline-block;
	position: relative;
	padding-right: 10px;
}
.itemsmallv .decs h3 a span::before{
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	content: "\f105";
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.itemsmallv:hover .decs h3 a span::before{
	right: -3px;
}
/* box 6 */
.newshome{
	background-color: #f2f2f2;
	padding: 50px 0 70px;
}
.vnttitlenews{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.vnttitlenews h2 span{
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.vnttitlenews h2 span::before{
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	color: #e11e25;
	font-size: 30px;
}
.vnttitlenews .view a{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 21px;
	position: relative;
	display: inline-block;
}
.vnttitlenews .view a span{
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.vnttitlenews .view a span::before{
	font-family: FontAwesome;
	position: absolute;
	right: 0;
}
.vnttitlenews .view a::after{
	content: '';
	width: 100%;
	display: inline-block;
	bottom: 1px;
	position: absolute;
	height: 1px;
	background-color: #999999;
	left: 0;
}
.itemnews .decs{
	background-color: #fff;
	padding: 15px 15px 20px 15px;
}
.itemnews .decs .date{
	color: #999999;
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 10px;
}
.itemnews .decs h3{
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	height: 54px;
	overflow: hidden;
	margin-bottom: 15px;
}
.itemnews .decs .tend{
	color: #b10208;
	font-size: 13px;
	line-height: 21px;
}
@media screen and (max-width: 1200px) {
	/* box 1 */
	.bannerhome .item .img{
		min-height: 300px;
		padding-top: 42%;
	}
	/* box 2 */
	/* box 3 */
	/* box 4 */
	/* box 5 */
	.graboutall{
		margin: 0 -15px;
	}
	.graboutall > div{
		padding: 0 15px;
	}
	.graboutall .coll{
		width: calc(100% - 560px);
	}
	.graboutall .colr{
		width: 560px;
	}
	/* box 6 */
}
@media screen and (max-width: 991px) {
	/* box 1 */
	/* box 2 */
	.productnbhome{
		padding: 35px 0 10px;
	}
	.itemproductnb .decs{
		left: 10px;
		right: 10px;
		transform: initial;
		max-width: initial;
		width: auto;
	}
	/* box 3 */
	.producthothome{
		padding: 20px 0;
	}
	.grproducthot{
		margin: 0 -5px;
	}
	.grproducthot > div{
		padding: 0 5px;
	}
	.grproducthot .itemProduct{
		width: 170px;
	}
	/* box 4 */
	.grouphome{
		padding: 25px 0 30px;
	}
	.itemgroup .title{
		font-size: 12px;
		line-height: 20px;
		max-height: 20px;
	}
	/* box 5 */
	.padallhome{
		padding: 30px 0 ;
	}
	.abouthome{
		margin-bottom: 40px;
		background-image: none;
	}
	.graboutall .coll{
		width: 100%;
		margin-bottom: 30px;
	}
	.graboutall .colr{
		width: 100%;
	}
	.graboutall .thumbab{
		max-width: 500px;
		margin: 0 auto;
	}
	.graboutall .decsab .titleab .year{
		width: auto;
	}
	.graboutall .decsab .tendab{
		max-width: 100%;
	}
	.grproductlv .coll{
		width: 100%;
	}
	.grproductlv .colr{
		width: 100%;
	}
	.slproductlv{
		padding: 10px 0px 30px;
	}
	.itemproductlv .thumb a{
		padding-top: 53%;
		background-position: 100% 40%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.itemproductlv .thumb a img{
		display: none;
	}
	.itemproductlv .decs{
		padding: 0 15px;
	}
	.itemproductlv .decs h3{
		font-size: 20px;
		line-height: 30px;
	}
	.itemsmallv .decs h3{
		font-size: 12px;
		line-height: 20px;
	}
	.productlvhome{
		margin-bottom: 30px;
	}
	/* box 6 */
	.newshome{
		padding: 30px 0;
	}
	.itemnews .decs .date{
		font-size: 11px;
		line-height: 20px;
	}
	.itemnews .decs h3{
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}
	.itemnews .decs .tend{
		font-size: 11px;
		line-height: 20px;
	}
	/* end */
}
@media screen and (max-width: 767px) {
	/* box 1 */
	.bannerhome .item .img{
		min-height: 170px;
	}
	/* box 2 */
	.itemproductnb .decs{
		font-size: 13px;
		line-height: 21px;
	}
	.itemproductnb .decs .sale{
		font-size: 14px;
		line-height: 22px;
	}
	/* box 3 */
	/* box 4 */
	/* box 5 */
	.graboutall .thumbab{
		padding-right: 50px;
		padding-top: 30px;
	}
	.graboutall .thumbab::before{
		right: 25px;
	}
	.graboutall .thumbsm{
		max-width: 165px;
		border: 8px solid #fff;
	}
	.graboutall .decsab .titleab .txt{
		padding-left: 15px;
		width: 350px;
	}
	.graboutall .decsab .titleab .txt .t1{
		font-size: 10px;
		line-height: 20px;
	}
	.graboutall .decsab .titleab .txt h2{
		font-size: 30px;
		line-height: 45px;
	}
	/* box 6 */
}
@media screen and (max-width: 370px) {
	.graboutall .decsab .titleab .txt h2 {
		font-size: 25px;
		line-height: 37px;
	}
}