#banner .btnBox, .bannerHomeParagraph, .bannerHomeTitle, .bannerLinkBtn:after, .bannerPlay, .bannerPlay:before, .bannerVideoBtn:after, .newsArea .topBox, .newsImgList, .newsImgList .Img img, .newsList, .productsArea .slickRoundDots, .productsArea .topBox, .productsList, .productsList .item, .solutionArea .titleBox, .solutionArea .titleBox+p, .solutionList, .solutionList .Img, .solutionList .Img:before, .solutionList .Img img {

	-webkit-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out

}

#banner .btnBox, .bannerHomeParagraph, .bannerHomeTitle, .newsArea .topBox, .newsImgList, .newsList, .productsArea .slickRoundDots, .productsArea .topBox, .productsList, .solutionArea .titleBox, .solutionArea .titleBox+p, .solutionList {

	opacity: 0

}

.newsImgList {

	-webkit-transform: translateX(-20px);

	transform: translateX(-20px)

}

.newsList {

	-webkit-transform: translateX(20px);

	transform: translateX(20px)

}

#banner .btnBox, .bannerHomeParagraph, .bannerHomeTitle, .newsArea .topBox, .productsArea .slickRoundDots, .productsArea .topBox, .productsList, .solutionArea .titleBox, .solutionArea .titleBox+p, .solutionList {

	-webkit-transform: translateY(20px);

	transform: translateY(20px)

}

#banner .current .bannerHomeParagraph, #banner .current .bannerHomeTitle, #banner .current .btnBox, .newsArea.show .newsImgList, .newsArea.show .newsList, .newsArea.show .topBox, .productsArea.show .productsList, .productsArea.show .slickRoundDots, .productsArea.show .topBox, .solutionArea.show .solutionList, .solutionArea.show .titleBox, .solutionArea.show .titleBox+p {

	-webkit-transform: translate(0);

	transform: translate(0);

	opacity: 1

}

.wrap {

	max-width: 1300px

}

@media (min-width:1341px) and (max-width:1440px) {

	.wrap {

		padding-left: 0;

		padding-right: 0

	}

}

#banner .slick-track {

	display: -webkit-box!important;

	display: -ms-flexbox!important;

	display: flex!important

}

#banner .slick-slide {

	height: inherit!important

}

#banner .current .bannerHomeParagraph {

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s

}

#banner .current .bannerHomeTitle {

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

#banner .current .bannerHomeTitle+.bannerHomeParagraph {

	-webkit-transition-delay: 0.7s;

	transition-delay: 0.7s

}

#banner .current .btnBox {

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}

#banner .item {

	position: relative

}

#banner img {

	min-height: 400px

}

#banner .wrap {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	padding-top: 50px;

	padding-bottom: 50px

}

@media (max-width:1340px) {

	#banner .wrap {

		padding-left: 20px;

		padding-right: 20px

	}

}

#banner .Txt {

	font-family: "Oswald", sans-serif

}

#banner .Txt[data-white="0"] .bannerHomeParagraph, #banner .Txt[data-white="0"] .bannerHomeTitle, #banner .Txt[data-white="0"] .btnBox a {

	color: #222;
	text-shadow: 0px 0px 5px #fff;

}

#banner .Txt[data-white="0"] .bannerLinkBtn:after, #banner .Txt[data-white="0"] .bannerVideoBtn:after {

	background-color: #fff

}

#banner .Txt[data-white="0"] .bannerPlay {

	border: 1px solid rgba(60, 60, 60, 0.5)

}

#banner .Txt[data-white="0"] .bannerPlay:before {

	border-color: transparent transparent transparent #3c3c3c

}

#banner .Txt[data-white="1"] .bannerHomeParagraph, #banner .Txt[data-white="1"] .bannerHomeTitle, #banner .Txt[data-white="1"] .btnBox a {

	color: #fff

}

#banner .Txt[data-white="1"] .bannerLinkBtn:after, #banner .Txt[data-white="1"] .bannerVideoBtn:after {

	background-color: #fff

}

#banner .Txt[data-white="1"] .bannerPlay {

	border: 1px solid rgba(255, 255, 255, 0.5)

}

#banner .Txt[data-white="1"] .bannerPlay:before {

	border-color: transparent transparent transparent #fff

}

@media (max-width:480px) {

	#banner .btnBox {

		margin-top: 10px

	}

}

#banner .slickRoundDots {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 10px;

	z-index: 1;

	width: 100%;

	max-width: 1300px;

	margin-top: 0;

	margin-left: auto;

	margin-right: auto

}

.bannerHomeParagraph {

	font-size: 22px;

	line-height: 1.4;

	text-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

@media (min-width:481px) and (max-width:1180px) {

	.bannerHomeParagraph {

		font-size: 16px

	}

}

@media (max-width:480px) {

	.bannerHomeParagraph {

		font-size: 14px

	}

}

.bannerHomeParagraph+.bannerHomeTitle {

	margin-top: 10px

}

@media (max-width:1180px) {

	.bannerHomeParagraph+.bannerHomeTitle {

		margin-top: 5px

	}

}

.bannerHomeTitle {

	margin-left: -5px;

	margin-bottom: 10px;

	font-size: 80px;

	font-weight: 600;

	line-height: 1.1;

	text-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

@media (min-width:481px) and (max-width:1180px) {

	.bannerHomeTitle {

		font-size: 48px

	}

}

@media (max-width:480px) {

	.bannerHomeTitle {

		font-size: 30px

	}

}

.bannerLinkBtn, .bannerVideoBtn {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 165px;

	height: 40px

}

.bannerLinkBtn:hover, .bannerVideoBtn:hover {

	color: #f3ad1f!important

}

.bannerLinkBtn:hover:after, .bannerVideoBtn:hover:after {

	background-color: #f3ad1f!important

}

.bannerLinkBtn:after, .bannerVideoBtn:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 1;

	width: 100%;

	height: 2px

}

.bannerLinkBtn+.bannerVideoBtn {

	margin-top: 10px

}

@media (max-width:1180px) {

	.bannerLinkBtn+.bannerVideoBtn {

		margin-top: 5px

	}

}

.bannerVideoBtn {

	padding-right: 30px

}

.bannerVideoBtn:hover .bannerPlay {

	border-color: rgba(240, 130, 0, 0.5)!important

}

.bannerVideoBtn:hover .bannerPlay:before {

	border-color: transparent transparent transparent #f3ad1f!important

}

.bannerPlay {

	position: absolute;

	top: 50%;

	right: 0;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 24px;

	height: 24px;

	margin-top: -12px;

	border-radius: 50%

}

.bannerPlay:before {

	content: "";

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 4px 0 4px 6px

}

@media (min-width:1181px) {

	.bannerArea+.mainArea {

		padding-top: 100px

	}

}

.mainArea {

	padding-bottom: 0

}

.newsArea {

	padding-bottom: 65px

}

@media (max-width:1180px) {

	.newsArea {

		padding-bottom: 30px

	}

}

.newsArea.show .newsImgList {

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s

}

.newsArea.show .newsList {

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

.newsArea .bottomBox, .newsArea .topBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media (max-width:1180px) {

	.newsArea .bottomBox, .newsArea .topBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column

	}

}

.newsArea .topBox {

	position: relative;

	z-index: 1;

	margin-bottom: 40px

}

@media (max-width:1180px) {

	.newsArea .topBox {

		margin-bottom: 20px

	}

}

.newsArea .bottomBox {

	position: relative

}

.newsArea .bottomBox .leftBox {

	width: 55.3846153846%

}

@media (max-width:1180px) {

	.newsArea .bottomBox .leftBox {

		width: 100%

	}

}

@media (min-width:1181px) {

	.newsArea .bottomBox .rightBox {

		position: absolute;

		top: 0;

		right: 0;

		z-index: 1;

		width: 44.6153846154%;

		height: 100%;

		padding-left: 25px

	}

}

.newsArea .titleBox {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	margin-bottom: 0

}

.newsArea .classRowBox {

	margin-left: auto;

	margin-bottom: 0;

	padding-top: 18px;

	padding-left: 20px

}

@media (max-width:1180px) {

	.newsArea .classRowBox {

		width: 100%;

		padding-left: 0

	}

}

.newsArea .classRowBox>ul {

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

.newsArea .classRowBox>ul>li:last-child {

	display: none

}

.newsImgList .Img img, .newsList .Img img {

	display: block;

	width: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.newsImgList h3 a, .newsList h3 a {

	display: block;

	margin-bottom: 15px;

	font-weight: 400;

	font-family: "Oswald", sans-serif;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}

@media (max-width:640px) {

	.newsImgList h3 a, .newsList h3 a {

		margin-bottom: 5px

	}

}

.newsImgList p, .newsList p {

	max-height: 45px;

	line-height: 1.5

}

.newsImgList .item {

	position: relative

}

.newsImgList .item:hover .Img img {

	-webkit-transform: scale(1.05);

	transform: scale(1.05)

}

.newsImgList .Img {

	overflow: hidden

}

.newsImgList .Txt {

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

	width: 100%;

	padding: 25px 30px;

	color: #fff;

	background-color: rgba(0, 0, 0, 0.6)

}

@media (max-width:640px) {

	.newsImgList .Txt {

		padding: 10px 15px

	}

}

.newsImgList .newsInfoBox {

	display: none

}

.newsImgList h3 a {

	font-size: 24px;

	color: #fff

}

@media (max-width:640px) {

	.newsImgList h3 a {

		font-size: 20px

	}

}

.newsImgList h3 a:hover {

	color: #f3ad1f

}

.newsList {

	height: 100%;

	padding-right: 50px;

	border-bottom: 1px solid #ccc;

	overflow-y: auto

}

@media (max-width:1180px) {

	.newsList {

		max-height: 480px;

		padding-right: 20px

	}

}

@media (max-width:640px) {

	.newsList {

		max-height: 400px

	}

}

.newsList::-webkit-scrollbar {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), to(#e9e9e9)) top 0 right 0/7px 100% no-repeat;

	background: linear-gradient(#e9e9e9 0, #e9e9e9 100%) top 0 right 0/7px 100% no-repeat

}

.newsList::-webkit-scrollbar-thumb {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3ad1f), to(#f3ad1f)) top 0 left 100%/7px 100% no-repeat;

	background: linear-gradient(#f3ad1f 0, #f3ad1f 100%) top 0 left 100%/7px 100% no-repeat

}

.newsList .Img, .newsList>li:first-child {

	display: none

}

.newsList>li {

	padding-top: 25px;

	padding-bottom: 25px

}

@media (max-width:1180px) {

	.newsList>li {

		padding-top: 15px;

		padding-bottom: 15px

	}

}

.newsList>li+li:not(:last-child) {

	border-bottom: 1px solid #ccc

}

@media (max-width:640px) {

	.newsList .newsInfoBox {

		margin-bottom: 5px

	}

}

.newsList h3 a {

	font-size: 22px;

	color: #3c3c3c

}

@media (max-width:640px) {

	.newsList h3 a {

		font-size: 18px

	}

}

.newsList h3 a:hover {

	color: #f3ad1f

}

.productsArea {

	padding-top: 65px;

	padding-bottom: 70px

}

.productsArea.show .productsList {

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s

}

.productsArea.show .slickRoundDots {

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

@media (max-width:1180px) {

	.productsArea {

		padding-top: 50px;

		padding-bottom: 50px

	}

}

.productsArea .topBox {

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media (max-width:1180px) {

	.productsArea .topBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		margin-bottom: 10px

	}

}

@media (max-width:1180px) {

	.productsArea .titleBox {

		margin-bottom: 10px

	}

}

.productsArea .classRowBox {

	margin-left: auto;

	margin-bottom: 0;

	padding-top: 18px;

	padding-left: 20px

}

@media (max-width:1180px) {

	.productsArea .classRowBox {

		width: 100%;

		padding-top: 0;

		padding-left: 0

	}

}

.productsArea .classRowBox>ul {

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

.productsArea .classRowBox>ul>li:last-child {

	display: none

}

.productsList {

	margin-left: -13px;

	margin-right: -13px

}



.productsList li .Img a {

  width: 100% !important;

  display: block !important;

  height: 270px !important;

  background-repeat: no-repeat !important;

  /*background-size: contain !important;*/

  background-size: cover !important;

  background-position: center center !important;

}



@media (max-width:780px) {

	.productsList li .Img a {

  height: 200px !important;

}

}



@media (max-width:480px) {

	.productsList li .Img a {

  height: 340px !important;

}

}



.productsList .slick-track {

	display: -webkit-box!important;

	display: -ms-flexbox!important;

	display: flex!important

}

.productsList .slick-slide {

	height: inherit!important

}

.productsList .slick-slide {

	padding: 13px

}

.productsList .item {

	position: relative;

	height: 100%;

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

	background-color: #fff

}

.productsList .item:hover {

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

	-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2)

}

.productsList .linkMask {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 100%

}

.productsList .Img {

	position: relative

}

.productsList .Img img {

	display: block;

	max-width: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.productsList .itemTagValidated {

	position: absolute;

	top: 13px;

	left: 13px;

	z-index: 1;

	width: 70px;

	height: 57px;

	pointer-events: none

}

.productsList .itemTagNew {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	width: 80px;

	height: 80px;

	padding-top: 13px;

	padding-right: 10px;

	text-align: right;

	pointer-events: none

}

.productsList .itemTagNew:before {

	content: "NEW";

	font: 600 17px "Oswald", sans-serif;

	color: #fff

}

.productsList .itemTagNew:after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	z-index: -1;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 80px 80px 0;

	border-color: transparent #f3ad1f transparent transparent

}

.productsList .itemTagDiscontinued {

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	height: 40px;

	font: 600 17px "Oswald", sans-serif;

	text-transform: uppercase;

	color: #fff;

	background-color: #868686

}

.productsList .itemTagDiscontinued svg {

	width: 16px;

	height: 16px;

	margin-right: 8px;

	fill: #fff

}

.productsList .Txt {

	padding: 20px 20px 30px

}

@media (max-width:1180px) {

	.productsList .Txt {

		padding-top: 10px;

		padding-left: 10px;

		padding-right: 10px

	}

}

.productsList .productCategory {

	font-family: "Oswald", sans-serif;

	color: #f3ad1f

}

.productsList h3 a {

	display: block;

	color: #3c3c3c;

	font: 600 27px "Oswald", sans-serif

}

@media (max-width:1180px) {

	.productsList h3 a {

		font-size: 20px

	}

}

.productsList h3 a:after {

	content: "";

	display: block;

	width: 20px;

	height: 2px;

	margin-top: 10px;

	background-color: #e70012

}

.solutionArea {

	padding-top: 100px;

	padding-bottom: 130px;

	background-position: 50% 50%;

	background-size: cover;

	background-repeat: no-repeat;

	color: #221816;

}

.solutionArea.show .titleBox+p {

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s

}

.solutionArea.show .solutionList {

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

@media (max-width:1180px) {

	.solutionArea {

		padding-top: 50px;

		padding-bottom: 50px

	}

}

.solutionArea .titleBox {

	margin-bottom: 0;

	text-align: center

}

.solutionArea .titleBox+p {

	text-align: center

}

.solutionArea .titleMain {

	margin-bottom: 10px;

	color: #221816

}

.solutionList {

	margin-top: 80px;

	margin-left: -20px;

	margin-right: -20px

}

.solutionList .slick-slide {

	padding-left: 20px;

	padding-right: 20px

}

.solutionList .item {

	max-width: 200px;

	margin-left: auto;

	margin-right: auto

}

.solutionList .item:hover .Img {

	background-color: #f3ad1f

}

.solutionList .item:hover .Img:before {

	border-color: #fff

}

.solutionList .item:hover .Img img {

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1)

}

.solutionList .item:hover h3 a {

	color: #221816

}

.solutionList .Img {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 156px;

	height: 156px;

	margin-left: auto;

	margin-right: auto;

	border-radius: 50%;

	background-color: #fff

}

.solutionList .Img:before {

	content: "";

	position: absolute;

	top: 7px;

	bottom: 7px;

	left: 7px;

	right: 7px;

	z-index: 1;

	border: 1px solid rgba(240, 130, 0, 0.8);

	border-radius: 50%;

	pointer-events: none

}

.solutionList h3 a {

	display: block;

	margin-top: 15px;

	font: 600 24px/1.2 "Oswald", sans-serif;

	text-align: center;

	text-transform: uppercase;

	color: #221816

}