﻿.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
	float:left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column
}
.swiper-slide, .swiper-wrapper {
	width:100%;
	height:100%;
	position:relative
}
.swiper-wrapper {
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-o-transform:translate(0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.swiper-container-fade>.swiper-wrapper {
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	transform:translate(0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0
}
.swiper-container .swiper-notification {
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-wp8-horizontal {
	-ms-touch-action:pan-y;
	touch-action:pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action:pan-x;
	touch-action:pan-x
}
.swiper-button-next, .swiper-button-prev {
	position:absolute;
	top:50%;
	width:27px;
	height:44px;
	margin-top:-22px;
	z-index:10;
	cursor:pointer;
	-moz-background-size:27px 44px;
	-webkit-background-size:27px 44px;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image:url(../images/51189211ee2d4225ab8278de03bfdbb7.gif);
	left:10px;
	right:auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image:url(../images/5fef457f326743d785039d794132a4b6.gif)
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image:url(../images/15126db8f404460ba7ecb3fac5ab5770.gif)
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image:url(../images/8622f06bd8d24d6e98d47dce3f56c063.gif);
	right:10px;
	left:auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image:url(../images/30e8c32fc7274e19bdbddabf4768ae8d.gif)
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image:url(../images/6a09b8c1a9b64d6585123619cc063cf4.gif)
}
.swiper-pagination {
	position:absolute;
	text-align:center;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:100%;
	background:#000;
	opacity:.2
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-webkit-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet, .swiper-pagination-white .swiper-pagination-bullet-active {
	background:#fff
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:#007aff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background:#000
}
.swiper-container-vertical>.swiper-pagination {
	right:10px;
	top:50%;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-o-transform:translate(0, -50%);
	-ms-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin:5px 0;
	display:block
}
.swiper-container-horizontal>.swiper-pagination {
	bottom:10px;
	left:0;
	width:100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin:0 5px
}
.swiper-container-3d {
	-webkit-perspective:1200px;
	-moz-perspective:1200px;
	-o-perspective:1200px;
	perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective:1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide, .swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube {
	overflow:visible
}
.swiper-container-cube .swiper-slide {
	pointer-events:none;
	visibility:hidden;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	width:100%;
	height:100%;
	z-index:1
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events:auto;
	visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	-webkit-filter:blur(50px);
	filter:blur(50px);
	z-index:0
}
.swiper-scrollbar {
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}
.swiper-scrollbar-drag {
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0, 0, 0, .5);
	border-radius:10px;
	left:0;
	top:0
}
.swiper-scrollbar-cursor-drag {
	cursor:move
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	-webkit-transform-origin:50%;
	-moz-transform-origin:50%;
	transform-origin:50%;
	-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;
	animation:swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position:50%;
	-webkit-background-size:100%;
	background-size:100%;
	background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
to {
transform:rotate(360deg)
}
}
.md5 {
	display:none;
	left:5px
}
.dui-navbar, section.homepage-banner a.banner-link {
	position:absolute;
	width:100%;
	height:64px;
	top:0;
	left:0;
	z-index:900
}
section.homepage-banner a.banner-link {
	display:block;
	height:100%;
	cursor:pointer;
	z-index:300
}
.dui-navbar.navbar-searching .navbar-container .navbar-header .navbar-brand .navbar-brand-logo, .dui-navbar.sticky-nav.sticky-white-nav .navbar-header .navbar-brand .navbar-brand-logo {
	background-image:url(../fonts/5d85e4bf1a74473ca1efd6c41445ce26.woff)
}
.dui-navbar.collapsed {
	background:0 0
}
.dui-navbar.collapsed .navbar-header .navbar-brand .navbar-brand-logo {
	background-image:url(../fonts/adc2e539db4140189cdadd242ca10845.woff)
}
.dui-navbar.collapsed ul.navbar-category li.category-item .nav-item-title {
	color:#fff
}
.dui-navbar.collapsed ul.navbar-category li.category-item .nav-item-title:after, .dui-navbar.navbar-searching {
	background:#fff
}
.dui-navbar.collapsed ul.navbar-right li.nav-account .user-icon, .dui-navbar.collapsed ul.navbar-right li.nav-user .avatar-icon {
	background-image:url(../fonts/f5799210c3f449b081e3ad5ac21826b6.woff)
}
.dui-navbar.collapsed ul.navbar-right li.nav-search .search-btn {
	background-image:url(../fonts/27a942f5c740462b99a0e484b6ec8296.woff)
}
.dui-navbar.collapsed ul.navbar-right li.nav-account .nav-link:hover, .dui-navbar.collapsed ul.navbar-right li.nav-search .nav-link:hover, .dui-navbar.collapsed ul.navbar-right li.nav-store .nav-link:hover, .dui-navbar.collapsed ul.navbar-right li.nav-user .nav-link:hover {
	background-color:rgba(255, 255, 255, .08)
}
.dui-navbar.collapsed ul.navbar-right li.nav-account .nav-link:active, .dui-navbar.collapsed ul.navbar-right li.nav-search .nav-link:active, .dui-navbar.collapsed ul.navbar-right li.nav-store .nav-link:active, .dui-navbar.collapsed ul.navbar-right li.nav-user .nav-link:active {
	background-color:rgba(255, 255, 255, .12)
}
.dui-navbar ul.navbar-right li.nav-search .search-btn {
	background-image:url(../fonts/f990c19828d24100b3a076963e2bb532.woff)
}
.dui-navbar ul.navbar-category li.category-item .dui-dropdown-menu.commercial .menu-container .content-container {
	margin:0;
	max-width:initial;
	padding-left:calc(50% - 600px);
	padding-right:calc(50% - 600px)
}
.dui-navbar ul.navbar-category li.category-item .dui-dropdown-menu.commercial .menu-container .content-container .link-list {
	top:0
}
.dui-navbar.sticky-nav ul.navbar-category li.category-item .dui-dropdown-menu {
	max-width:1230px
}
.dui-navbar.sticky-nav ul.navbar-category li.category-item .dui-dropdown-menu.consumer .menu-container, .dui-navbar.sticky-nav ul.navbar-category li.category-item .dui-dropdown-menu.support-dropdown .menu-container {
	max-height:calc(100vh - 64px);
	overflow-y:auto;
	overflow-x:hidden
}
.dui-navbar.sticky-nav ul.navbar-category li.category-item .dui-dropdown-menu.commercial .menu-container .content-container {
	max-height:calc(100vh - 128px);
	overflow-y:auto;
	overflow-x:hidden
}
.dui-navbar.sticky-nav ul.navbar-category li.category-item .dui-dropdown-menu.commercial .menu-container .content-container .tab-panel {
	padding-bottom:96px
}
.dui-navbar.sticky-nav.sticky-white-nav {
	min-width:1230px;
	position:fixed;
	background:#fff
}
.dui-navbar.sticky-nav.sticky-white-nav:after {
	opacity:1
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-category li.category-item .nav-item-title {
	color:rgba(0, 0, 0, .85)
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li.nav-language a.nav-link {
	color:#303233
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li.nav-language .icon-language {
	background-image:url(../fonts/language-6b1074d5248b189a1921c73412dca963.svg)
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li.nav-language:hover:after {
	background-color:#303233
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right .btn-store img.cart-hover .count {
	background-color:#3b3e40;
	color:#fff
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li.nav-search .search-btn {
	background-image:url(../fonts/f990c19828d24100b3a076963e2bb532.woff)
}
.dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li a .avatar-icon, .dui-navbar.sticky-nav.sticky-white-nav ul.navbar-right li a span.user-icon {
	background-image:url(../fonts/888efc3880434ded8c5b5b406aff7a91.woff)
}
body {
	position:relative
}
.control-btn, span.control-arrow-left {
	display:flex;
	align-items:center;
	justify-content:center
}
span.control-arrow-left {
	vertical-align:middle;
	opacity:0;
	position:relative;
	width:40px;
	height:40px
}
span.control-arrow-left .arrow-icon {
	width:10px;
	height:20px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../fonts/a87502db29b74019a6e79302eee95f98.woff)
}
.visuallyhidden {
	position:absolute;
	clip:rect(1px,1px,1px,1px);
	-webkit-clip-path:inset(0 0 99.9% 99.9%);
	clip-path:inset(0 0 99.9% 99.9%);
	overflow:hidden;
	height:1px;
	width:1px;
	padding:0;
	border:0
}
.control-btn {
	position:absolute;
	height:96px;
	width:48px;
	background-color:rgba(0, 0, 0, .3);
	top:50%;
	margin-top:-64px;
	z-index:400;
transition:all .4s;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	cursor:pointer
}
.control-btn.control-btn-right {
	transform:rotate(180deg)
}
body.display-tips {
	margin-top:40px
}
body.display-tips section.homepage-banner .cookie-tip, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .eyebrow-icon {
	display:block
}
body.display-tips .dui-navbar .search-box-cover, body.display-tips .dui-navbar .search-push {
	top:104px
}
body.display-tips.suggest-country-show .dui-navbar .search-box-cover, body.display-tips.suggest-country-show .dui-navbar .search-push {
	top:168px
}
section.homepage-banner {
	position:relative;
	height:800px;
	width:100%;
	background-color:#ededed;
	z-index:800
}
section.homepage-banner .cookie-tip {
	display:none;
	position:absolute;
	height:40px;
	left:0;
	width:100%;
	top:-40px;
	color:rgba(255, 255, 255, .65);
	font-size:12px;
	line-height:16px;
	text-align:center;
	background-color:#535759
}
section.homepage-banner .cookie-tip .cookie-tip-content {
	padding-top:12px;
	padding-bottom:12px;
	display:flex;
	justify-content:center
}
section.homepage-banner .cookie-tip .cookie-tip-content a {
	color:#fff;
	text-decoration:none
}
section.homepage-banner .cookie-tip .cookie-tip-content a:hover {
	text-decoration:underline
}
section.homepage-banner .cookie-tip .cookie-tip-click {
	display:inline-block;
	width:16px;
	height:16px;
	cursor:pointer;
	background-size:16px 16px;
	background-position:center;
	background-repeat:no-repeat
}
section.homepage-banner .cookie-tip .cookie-tip-text {
	display:inline-block;
	vertical-align:middle;
	margin-right:16px
}
section.homepage-banner .banner-content {
	box-sizing:border-box;
	position:relative;
	height:100%;
	width:100%;
	padding-top:112px;
	text-align:center;
	color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 800px;
	background-color:#ededed
}
section.homepage-banner .banner-content.theme-dark .eyebrow-text, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-dark .eyebrow-text {
	color:rgba(0, 0, 0, .45)
}
section.homepage-banner .banner-content.theme-dark .banner-button .icon, section.homepage-banner .banner-content.theme-dark .banner-button .text, section.homepage-banner .banner-content.theme-dark .banner-slogan, section.homepage-banner .banner-content.theme-dark h2.banner-title, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-dark .link-box .icon, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-dark .link-box .text, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-dark .logo, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-dark .subhead {
	color:rgba(0, 0, 0, .85)
}
section.homepage-banner .banner-content.theme-dark .banner-button {
	border:1px solid rgba(0, 0, 0, .85)
}
section.homepage-banner .banner-content.theme-dark .banner-button:hover, section.homepage-banner .banner-content.theme-dark .dui-watch-video:hover {
	background:rgba(0, 0, 0, .04)
}
section.homepage-banner .banner-content.theme-dark .dui-watch-video {
	border:1px solid rgba(0, 0, 0, .85);
	color:rgba(0, 0, 0, .85)
}
section.homepage-banner .banner-content.theme-dark .dui-watch-video:after {
	background-image:url(../fonts/968d22eeb97d43149c1f236b2bd92b06.woff)
}
section.homepage-banner .banner-content.theme-light .eyebrow-text, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-light .eyebrow-text {
	color:rgba(255, 255, 255, .65)
}
section.homepage-banner .banner-content.theme-light .banner-button .icon, section.homepage-banner .banner-content.theme-light .banner-button .text, section.homepage-banner .banner-content.theme-light .banner-slogan, section.homepage-banner .banner-content.theme-light h2.banner-title, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-light .link-box .icon, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-light .link-box .text, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-light .logo, section.homepage-products-banner ul.products-banner-list .products-banner-text.theme-light .subhead {
	color:#fff
}
section.homepage-banner .banner-content.theme-light .banner-button {
	border:1px solid #fff
}
section.homepage-banner .banner-content.theme-light .banner-button:hover, section.homepage-banner .banner-content.theme-light .dui-watch-video:hover {
	background:rgba(255, 255, 255, .09)
}
section.homepage-banner .banner-content.theme-light .dui-watch-video {
	border:1px solid #fff;
	color:#fff
}
section.homepage-banner .banner-content.theme-light .dui-watch-video:after {
	background-image:url(../fonts/cae2c8ddce294687a72f0c18eb17fa65.woff)
}
section.homepage-banner .eyebrow-icon {
	margin:auto;
	display:block
}
section.homepage-banner .eyebrow-text {
	font-size:16px;
	line-height:20px;
	text-align:center;
	height:20px
}
section.homepage-banner img.banner-logo {
	height:36px;
	width:auto;
	margin-top:16px;
	margin-bottom:16px
}
section.homepage-banner h2.banner-title {
	font-size:40px;
	line-height:44px;
	margin-top:8px;
	margin-bottom:8px
}
section.homepage-banner .banner-slogan {
	font-size:20px;
	line-height:24px;
	font-weight:500
}
section.homepage-banner .banner-text {
	margin:auto;
	width:694px;
	position:relative;
transition:all .6s ease;
	z-index:250
}
section.homepage-banner .banner-text .banner-headline, section.homepage-banner .banner-text .banner-slogan, section.homepage-banner .banner-text .eyebrow {
	opacity:0;
	transform:translateY(-60px)
}
section.homepage-banner .banner-image {
	position:absolute;
	bottom:0;
	width:100%;
transition:all .8s;
	opacity:0;
	transform:translateY(120px);
	z-index:200
}
section.homepage-banner .banner-image img, section.homepage-banner img.banner-logo {
	display:inline-block;
	vertical-align:bottom
}
section.homepage-banner .banner-btn-box {
	margin-top:24px;
	display:inline-flex;
	justify-content:center;
	position:relative;
	z-index:400;
	opacity:0;
	transform:translateY(-60px)
}
section.homepage-banner .banner-btn-box a.banner-button {
	display:flex;
	align-items:center;
	padding:5px 16px;
	border-radius:64px;
	margin:0 8px;
transition:all .3s ease
}
section.homepage-banner .banner-btn-box a.banner-button .text {
	font-size:14px;
	line-height:20px
}
section.homepage-banner .banner-btn-box a.banner-button .icon {
	margin-left:8px;
	font-size:14px;
	width:14px;
	height:14px
}
section.homepage-banner .banner-video {
	position:relative;
transition:all .6s ease;
	z-index:400;
	margin-left:8px;
	margin-right:8px;
	border-radius:64px
}
section.homepage-banner .banner-video .dui-watch-video {
	display:inline-flex;
	align-items:center;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	padding:5px 16px;
	border-radius:64px;
transition:all .3s ease
}
section.homepage-banner .banner-video .dui-watch-video:after {
	display:inline-block;
	content:'';
	width:11px;
	height:12px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin-left:8px;
	vertical-align:bottom;
transition:all .3s ease
}
section.homepage-banner .swiper-wrapper {
	position:relative;
	z-index:200
}
section.homepage-banner .swiper-slide {
	height:800px;
	width:100%
}
section.homepage-banner .banner-swiper-container {
	position:relative;
	min-width:1200px;
	z-index:400
}
section.homepage-banner .banner-swiper-container:hover .swiper-control .control-arrow-left {
	opacity:1
}
section.homepage-banner .banner-swiper-container .swiper-control .control-btn {
	background:rgba(0, 0, 0, 0)
}
section.homepage-banner .banner-swiper-container .swiper-control .control-btn:hover {
	background:rgba(0, 0, 0, .3)
}
section.homepage-banner .banner-swiper-container .swiper-control-pre .control-btn {
	left:0
}
section.homepage-banner .banner-swiper-container .swiper-control-next .control-btn {
	right:0
}
section.homepage-banner .swiper-slide-active .banner-text {
	z-index:250
}
section.homepage-banner .swiper-slide-active .banner-text .eyebrow {
	transform:translateY(0) translateZ(0);
	opacity:1;
transition:opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}
section.homepage-banner .swiper-slide-active .banner-text .banner-headline {
	transform:translateY(0) translateZ(0);
	opacity:1;
transition:opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s
}
section.homepage-banner .swiper-slide-active .banner-text .banner-slogan {
	transform:translateY(0) translateZ(0);
	opacity:1;
transition:opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s
}
section.homepage-banner .swiper-slide-active .banner-btn-box {
transition-delay:.6s;
	transform:translateY(0) translateZ(0);
	opacity:1;
transition:opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s
}
section.homepage-banner .swiper-slide-active .banner-image {
	transform:translateY(0) translateZ(0);
	opacity:1
}
section.homepage-banner .swiper-scroller {
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-600px;
	z-index:850
}
section.homepage-banner .swiper-scroller .slider {
	position:absolute;
	left:0;
	top:68px;
	width:2px;
	height:16px;
	background-color:rgba(255, 255, 255, .25);
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	opacity:0;
	overflow:hidden
}
section.homepage-banner .swiper-scroller .slider .progress {
	position:absolute;
	left:0;
	top:0;
	width:2px;
	height:100%;
	background-color:#fff;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	transform-origin:0 0;
	transform:scaleY(0);
	transition:transform 0s linear
}
section.homepage-banner .swiper-scroller .slider.active {
	opacity:1
}
section.homepage-banner .swiper-scroller .slider.active .progress {
	transform:scaleY(1);
	transition:transform 6s linear
}
section.homepage-banner .swiper-scroller .slider.origin {
	opacity:0
}
section.homepage-banner .swiper-scroller .slider.origin .progress {
	transform:scaleY(0);
	transition:transform 0s linear
}
section.homepage-banner .swiper-scroller .slider-cancle-progress.active .progress {
	transform:scaleY(1);
	transition:transform 0s linear
}
section.homepage-banner .swiper-scroller ul {
	position:relative;
	height:140px
}
section.homepage-banner .swiper-scroller ul li {
	position:absolute;
transition:all .4s;
	top:0;
	left:0;
	opacity:0;
	visibility:hidden
}
section.homepage-banner .swiper-scroller ul li a {
	padding:6px 40px;
	display:inline-block;
	font-size:14px;
	color:#fff;
	white-space:nowrap;
	cursor:default;
	font-weight:300
}
section.homepage-banner .swiper-scroller ul li:nth-child(1), section.homepage-banner .swiper-scroller ul li:nth-child(5) {
opacity:0;
visibility:visible;
cursor:pointer
}
section.homepage-banner .swiper-scroller ul li:nth-child(1) a, section.homepage-banner .swiper-scroller ul li:nth-child(2) a, section.homepage-banner .swiper-scroller ul li:nth-child(4) a, section.homepage-banner .swiper-scroller ul li:nth-child(5) a {
cursor:pointer
}
section.homepage-banner .swiper-scroller ul li:nth-child(2), section.homepage-banner .swiper-scroller ul li:nth-child(4) {
opacity:.5;
visibility:visible;
cursor:pointer
}
section.homepage-banner .swiper-scroller ul li:nth-child(3) {
opacity:1;
visibility:visible
}
section.homepage-banner .swiper-scroller ul li:nth-child(3) a {
font-weight:600
}
section.homepage-banner .swiper-scroller ul li:nth-child(2) {
transform:translateY(30px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(3) {
transform:translateY(60px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(4) {
transform:translateY(90px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(5) {
transform:translateY(120px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(6) {
transform:translateY(150px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(7) {
transform:translateY(180px)
}
section.homepage-banner.homepage-big-banner .banner-video-bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:200
}
section.homepage-banner .swiper-slide-countdown .banner-video-bg video, section.homepage-banner.homepage-big-banner .banner-video-bg video {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	object-fit:cover;
	height:100%;
	min-width:100%
}
section.homepage-sub-banner {
	margin-top:16px
}
section.homepage-sub-banner .swiper-slide-countdown .banner-content.banner-vertical-align-top .banner-text {
	z-index:400
}
section.homepage-sub-banner .banner-btn-box, section.homepage-sub-banner .banner-image, section.homepage-sub-banner .banner-text .banner-headline, section.homepage-sub-banner .banner-text .banner-slogan, section.homepage-sub-banner .banner-text .eyebrow {
	opacity:1;
	transform:none
}
section.homepage-sub-banner .banner, section.homepage-sub-banner .banner-learn-more, section.homepage-sub-banner .banner-time, section.homepage-sub-banner .eyebrow {
	opacity:1!important;
	transform:none!important
}
section.homepage-products-banner {
	margin-bottom:20px;
	margin-top:16px;
	padding:0 16px
}
section.homepage-products-banner ul.products-banner-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
section.homepage-active-banner ul.active-banner-list li.active-banner-item, section.homepage-products-banner ul.products-banner-list li.products-banner-item {
	position:relative;
	width:calc(50vw - 24px);
	height:400px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat
}
section.homepage-active-banner ul.active-banner-list li.active-banner-item:nth-child(n+3), section.homepage-products-banner ul.products-banner-list li.products-banner-item:nth-child(n+3), section.homepage-stories-module ul.stories-module-list li.stories-module-item:nth-child(n+3) {
margin-top:16px
}
section.homepage-active-banner ul.active-banner-list a.active-banner-link, section.homepage-products-banner ul.products-banner-list a.products-banner-link, section.homepage-stories-module ul.stories-module-list li.stories-module-item a.banner-link {
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:100%;
	width:100%;
	z-index:300;
	cursor:pointer
}
section.homepage-active-banner ul.active-banner-list .active-banner-text, section.homepage-products-banner ul.products-banner-list .products-banner-text {
	max-width:520px;
	padding-top:48px;
	margin:auto;
	text-align:center
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .eyebrow {
	font-size:16px;
	line-height:20px;
	text-align:center
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .eyebrow-icon {
	display:block;
	margin:auto
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .logo-icon {
	margin:16px auto;
	display:block
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .logo {
	margin-top:8px;
	margin-bottom:8px;
	font-size:40px;
	line-height:44px;
	text-align:center;
	font-weight:500
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .subhead {
	font-size:20px;
	line-height:24px;
	text-align:center;
	font-weight:500
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .link-box {
	position:relative;
	z-index:400;
	text-align:center;
	margin-top:24px;
	display:inline-flex;
	align-items:center;
	border-radius:64px;
transition:all .3s ease;
	cursor:pointer;
	margin-left:8px
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .link-box:hover .text {
	text-decoration:underline
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .link-box .text {
	font-size:16px;
	line-height:24px
}
section.homepage-products-banner ul.products-banner-list .products-banner-text .link-box .icon {
	font-size:16px;
	width:16px;
	height:16px
}
section.homepage-active-banner {
	margin-top:16px
}
section.homepage-active-banner ul.active-banner-list {
	padding:0 16px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-dark .eyebrow-text, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-dark .eyebrow-text {
	color:rgba(0, 0, 0, .45)
}
section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-dark .link-box .icon, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-dark .link-box .text, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-dark .logo, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-dark .subhead, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-dark .desc, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-dark .headline, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-dark .link-box .icon, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-dark .link-box .text, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-dark .headline, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-dark .link-box .icon, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-dark .link-box .text {
	color:rgba(0, 0, 0, .85)
}
section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-light .eyebrow-text, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-light .eyebrow-text {
	color:rgba(255, 255, 255, .65)
}
section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-light .link-box .icon, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-light .link-box .text, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-light .logo, section.homepage-active-banner ul.active-banner-list .active-banner-text.theme-light .subhead, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-light .desc, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-light .headline, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-light .link-box .icon, section.homepage-child-module .child-module-list .child-module-item .text-box.theme-light .link-box .text, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-light .headline, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-light .link-box .icon, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text.theme-light .link-box .text {
	color:#fff
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .eye-brow-icon {
	margin:auto;
	display:block
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .eyebrow {
	font-size:16px;
	line-height:20px;
	text-align:center
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .logo-icon {
	margin:16px auto;
	display:block
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .logo {
	font-size:40px;
	line-height:44px;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
	font-weight:500
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .subhead {
	font-size:20px;
	line-height:24px;
	text-align:center;
	font-weight:500
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .link-box {
	position:relative;
	z-index:400;
	text-align:center;
	margin-top:24px;
	display:inline-flex;
	align-items:center;
	border-radius:64px;
transition:all .3s ease;
	cursor:pointer;
	margin-left:8px
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .link-box:hover .text, section.homepage-child-module .child-module-list .child-module-item .link-box:hover .text, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .link-box:hover .text {
	text-decoration:underline
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .link-box .text {
	font-size:16px;
	line-height:24px
}
section.homepage-active-banner ul.active-banner-list .active-banner-text .link-box .icon {
	font-size:16px;
	width:16px;
	height:16px
}
section.homepage-child-module, section.homepage-stories-module {
	margin-top:96px
}
section.homepage-stories-module .content {
	width:1200px;
	margin:auto
}
section.homepage-stories-module .stories-text-box {
	max-width:693px;
	margin:auto;
	text-align:center
}
section.homepage-stories-module .stories-text-box .eyebrow-text {
	color:rgba(0, 0, 0, .45);
	font-size:16px;
	line-height:20px
}
section.homepage-stories-module .stories-text-box .eyebrow-text+.title, section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .eyebrow-text+.headline {
	margin-top:8px
}
section.homepage-stories-module .stories-text-box .title {
	font-size:40px;
	line-height:44px;
	color:rgba(0, 0, 0, .85);
	text-align:center;
	font-weight:600
}
section.homepage-stories-module .stories-text-box .desc {
	margin-top:24px;
	font-size:18px;
	line-height:28px;
	color:rgba(0, 0, 0, .65)
}
section.homepage-stories-module ul.stories-module-list {
	margin-top:48px;
	display:flex;
	justify-content:space-between
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item {
	width:592px;
	height:592px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text {
	position:absolute;
	top:48px;
	width:100%;
	padding:0 48px;
	text-align:center
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .eyebrow-text {
	font-size:16px;
	line-height:20px
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .headline-icon {
	display:block
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .headline {
	font-size:32px;
	line-height:40px;
	font-weight:600
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .link-box {
	position:relative;
	z-index:400;
	text-align:center;
	margin-top:16px;
	display:inline-flex;
	align-items:center;
transition:all .3s ease;
	cursor:pointer
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .link-box+.link-box {
	margin-left:8px
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .link-box .text {
	font-size:16px;
	line-height:24px
}
section.homepage-stories-module ul.stories-module-list li.stories-module-item .stories-module-text .link-box .icon {
	font-size:16px;
	width:16px;
	height:16px
}
section.homepage-child-module .content {
	width:1200px;
	margin:auto;
	text-align:center
}
section.homepage-child-module .title {
	font-size:40px;
	line-height:44px;
	font-weight:500;
	color:rgba(0, 0, 0, .85);
	text-align:center
}
section.homepage-child-module .child-module-list {
	margin-top:48px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
section.homepage-child-module .child-module-list .child-module-item {
	position:relative;
	overflow:hidden;
	cursor:pointer
}
section.homepage-child-module .child-module-list .child-module-item .grid-img {
transition:all .6s ease
}
section.homepage-child-module .child-module-list .child-module-item:hover .grid-img {
	transform:scale(1.1)
}
section.homepage-child-module .child-module-list .child-module-item .text-box {
	padding:0 48px;
	position:absolute;
	top:48px;
	width:100%
}
section.homepage-child-module .child-module-list .child-module-item .headline {
	font-size:32px;
	line-height:36px;
	font-weight:500;
	text-align:center
}
section.homepage-child-module .child-module-list .child-module-item .desc {
	font-size:16px;
	line-height:24px;
	margin-top:16px;
	text-align:center
}
section.homepage-child-module .child-module-list .child-module-item .link-box {
	position:relative;
	z-index:400;
	text-align:center;
	margin-top:16px;
	display:inline-flex;
	align-items:center;
transition:all .3s ease;
	cursor:pointer;
	margin-left:8px
}
section.homepage-child-module .child-module-list .child-module-item .link-box .text {
	font-size:16px;
	line-height:24px
}
section.homepage-child-module .child-module-list .child-module-item .link-box .icon {
	font-size:16px;
	width:16px;
	height:16px
}
section.homepage-child-module .child-module-list .grid-compact {
	width:389px;
	height:512px;
	display:block
}
section.homepage-child-module .child-module-list .grid-loose {
	width:592px;
	height:440px
}
section.homepage-child-module .child-module-list .grid-loose:nth-child(n+3) {
margin-top:16px
}
section.homepage-child-module .child-module-list .grid-hybrid:nth-child(1), section.homepage-child-module .child-module-list .grid-hybrid:nth-child(2) {
width:592px;
height:440px
}
section.homepage-child-module .child-module-list .grid-hybrid:nth-child(n+3) {
width:389px;
height:512px;
margin-top:16px
}
section.homepage-service-module {
	background-color:#f7f9fa;
	margin-top:96px;
	padding:96px 0
}
section.homepage-service-module .content {
	width:1092px;
	margin:auto
}
section.homepage-service-module ul.service-module-list {
	display:flex;
	justify-content:space-between;
	align-items:flex-start
}
section.homepage-service-module ul.service-module-list li.service-module-item {
	text-align:center;
	width:282px;
	position:relative
}
section.homepage-service-module ul.service-module-list li.service-module-item .service-banner-link {
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:100%;
	width:100%;
	z-index:300;
	cursor:pointer
}
section.homepage-service-module ul.service-module-list li.service-module-item .icon {
	display:block;
	height:72px;
	margin:auto
}
section.homepage-service-module ul.service-module-list li.service-module-item .title-icon {
	display:block;
	margin:16px auto auto
}
section.homepage-service-module ul.service-module-list li.service-module-item .title {
	font-size:24px;
	line-height:36px;
	color:rgba(0, 0, 0, .85);
	margin-top:16px;
	font-weight:500
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box {
	position:relative;
	z-index:400;
	text-align:center;
	margin-top:16px;
	display:inline-flex;
	align-items:center;
	border-radius:64px;
transition:all .3s ease;
	cursor:pointer;
	margin-left:8px
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box:hover .text {
	text-decoration:underline
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box .text {
	font-size:16px;
	line-height:24px;
	color:rgba(0, 0, 0, .85)
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box .icon {
	font-size:16px;
	width:16px;
	height:16px;
	color:rgba(0, 0, 0, .85)
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box.theme-dark {
	color:rgba(0, 0, 0, .85)
}
section.homepage-service-module ul.service-module-list li.service-module-item .link-box.theme-light {
	color:#fff
}
section.homepage-skypixel-module .skypixel-container {
	margin-top:96px;
	height:720px;
	position:relative
}
section.homepage-skypixel-module .skypixel-banner-link {
	display:block
}
section.homepage-skypixel-module .contents-container {
	padding:48px 24px 0;
	text-align:center;
	pointer-events:none;
	z-index:10
}
section.homepage-skypixel-module .contents-container .content {
	position:relative;
	height:640px
}
section.homepage-skypixel-module .contents-container, section.homepage-skypixel-module .contents-container .slide-content {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
section.homepage-skypixel-module .contents-container .slide-content .desc {
	opacity:0
}
section.homepage-skypixel-module .contents-container .slide-content.active .desc {
	opacity:1
}
section.homepage-skypixel-module .contents-container .content .animation-text .desc {
	overflow:hidden;
	min-height:36px
}
section.homepage-skypixel-module .contents-container .slide-content .animation-text .text {
	opacity:0;
	transform:translateY(100%)
}
section.homepage-skypixel-module .contents-container .slide-content .animation-text .text.sp-learn-more {
	visibility:hidden
}
section.homepage-skypixel-module .contents-container .slide-content.active .author-text {
	opacity:1
}
section.homepage-skypixel-module .contents-container .slide-content.prev .animation-text .text {
	transform:translateY(-100%)
}
section.homepage-skypixel-module .contents-container .slide-content.prev .animation-text .text.sp-learn-more {
transition:all .3s ease
}
section.homepage-skypixel-module .contents-container .slide-content.prev .animation-text .text.product-name-text {
transition:all .6s ease
}
section.homepage-skypixel-module .contents-container .slide-content.next .animation-text .text {
	transform:translateY(100%)
}
section.homepage-skypixel-module .contents-container .slide-content.next .animation-text .text.sp-learn-more {
transition:all .3s ease
}
section.homepage-skypixel-module .contents-container .slide-content.next .animation-text .text.product-name-text {
transition:all .6s ease
}
section.homepage-skypixel-module .contents-container .slide-content.active .animation-text .text {
	opacity:1;
	transform:translateY(0)
}
section.homepage-skypixel-module .contents-container .slide-content.active .animation-text .text.sp-learn-more {
	visibility:visible;
transition:all .6s ease .3s
}
section.homepage-skypixel-module .contents-container .slide-content.active .animation-text .text.product-name-text {
transition:all .6s ease
}
section.homepage-skypixel-module .contents-container .sp-learn-more {
	margin-top:16px;
	pointer-events:auto;
	position:relative
}
section.homepage-skypixel-module .contents-container .sp-learn-more:hover .sp-learn-more-text, section.homepage-skypixel-module .sp-learn-more:hover .learn-text {
	text-decoration:underline
}
section.homepage-skypixel-module .contents-container .sp-learn-more-text {
	display:inline-block;
	padding-right:16px;
	background-size:auto;
	background-repeat:no-repeat;
	background-position:100% center;
	line-height:24px;
	font-size:16px;
	color:#fff;
transition:all .3s ease
}
section.homepage-skypixel-module .contents-container .author-text {
	position:absolute;
	bottom:48px;
	line-height:24px;
	font-size:16px;
	color:rgba(255, 255, 255, .45);
	width:100%;
	text-align:center;
	word-wrap:break-word;
	opacity:0;
transition:opacity .3s ease .3s
}
section.homepage-skypixel-module .desc, section.homepage-skypixel-module .product-name-text {
	font-size:40px;
	line-height:44px;
	font-weight:500;
	color:#fff;
	padding-bottom:4px
}
section.homepage-skypixel-module .sp-learn-more {
	line-height:24px;
	font-size:16px;
	color:#fff;
	font-weight:600;
	word-wrap:break-word;
	margin:24px auto 0 8px;
	display:inline-flex!important;
	align-items:center
}
section.homepage-skypixel-module .sp-learn-more .learn-text {
	font-size:16px;
	line-height:24px
}
section.homepage-skypixel-module .sp-learn-more .icon {
	font-size:16px;
	width:16px;
	height:16px
}
section.homepage-skypixel-module .sp-learn-more:first-child {
	margin-left:0
}
section.homepage-skypixel-module .swiper-container {
	position:relative;
	height:100%
}
section.homepage-skypixel-module .swiper-container .swiper-slide {
	width:1200px;
	height:720px;
	overflow:hidden
}
section.homepage-skypixel-module .swiper-container .slide-grid-img {
	width:auto;
	height:100%
}
section.homepage-skypixel-module .swiper-container .slide-grid-content, section.homepage-skypixel-module .swiper-container .slide-video-poster {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	transform:scale(1.2);
transition:transform .6s cubic-bezier(.25, .39, .25, 1), opacity .6s ease-in-out
}
section.homepage-skypixel-module .swiper-container .slide-video-poster {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat
}
section.homepage-skypixel-module .swiper-container .slide-grid-content {
	opacity:1
}
section.homepage-skypixel-module .swiper-container .swiper-slide-active .slide-grid-content, section.homepage-skypixel-module .swiper-container .swiper-slide-active .slide-video-poster {
	transform:scale(1)
}
section.homepage-skypixel-module .swiper-pagination-box {
	position:absolute;
	bottom:48px;
	padding:0 24px;
	height:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:10;
	width:100%
}
section.homepage-skypixel-module .swiper-pagination-bullet {
	height:100%;
	width:16px;
	background-color:transparent;
	border-radius:0;
	display:flex;
	align-items:center;
	cursor:pointer;
	opacity:1
}
section.homepage-skypixel-module .swiper-pagination-bullet:nth-child(n+2) {
margin-left:4px
}
section.homepage-skypixel-module .swiper-pagination-bullet .progress {
	opacity:1;
	width:16px;
	height:2px;
	background-color:rgba(255, 255, 255, .3);
	border-radius:60px;
	position:relative;
	overflow:hidden
}
section.homepage-skypixel-module .swiper-pagination-bullet .progress:after {
	content:" ";
	display:block;
	height:2px;
	width:0;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	opacity:0
}
section.homepage-skypixel-module .swiper-pagination-bullet-active .progress:after {
	opacity:1;
	width:16px
}
section.homepage-skypixel-module .swiper-btn-next {
	right:calc((100vw - 1152px)/2)
}
section.homepage-skypixel-module .swiper-btn-next:hover {
	background-color:rgba(0, 0, 0, .3)
}
section.homepage-skypixel-module .swiper-btn-next .arrow-icon {
	transform:rotate(180deg)
}
section.homepage-skypixel-module .swiper-btn-prev {
	left:calc((100vw - 1152px)/2)
}
section.homepage-skypixel-module .swiper-btn-prev:hover {
	background-color:rgba(0, 0, 0, .3)
}
section.homepage-skypixel-module .swiper-next-area {
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	height:100%;
	width:calc((100vw - 1232px)/2)
}
section.homepage-skypixel-module .swiper-prev-area {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	height:100%;
	width:calc((100vw - 1232px)/2)
}
section.homepage-skypixel-module .swiper-next-area:hover, section.homepage-skypixel-module .swiper-prev-area:hover {
	cursor:pointer
}
section.homepage-skypixel-module .swiper-btn {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background-color:rgba(0, 0, 0, 0);
	width:48px;
	height:48px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
transition:all .3s ease;
	z-index:9;
	cursor:pointer
}
section.homepage-skypixel-module .arrow-icon {
	width:10px;
	height:20px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../fonts/a87502db29b74019a6e79302eee95f98.woff)
}
section.homepage-banner .swiper-slide-active.banner-swiper-slide.swiper-slide-countdown .banner-text {
	z-index:400
}
section.homepage-banner .swiper-slide-active.banner-swiper-slide.swiper-slide-countdown .banner-text .banner-time {
transition-delay:.2s;
	transform:none!important;
	opacity:1!important;
transition:opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s
}
section.homepage-banner .swiper-slide-active.banner-swiper-slide.swiper-slide-countdown .banner-text .banner {
transition-delay:.4s;
	transform:none!important;
	opacity:1!important;
transition:opacity .6s linear .6s, transform .6s cubic-bezier(.215, .61, .355, 1) .6s
}
section.homepage-banner .swiper-slide-active.banner-swiper-slide.swiper-slide-countdown .banner-learn-more {
	transform:none!important;
	opacity:1!important;
transition-delay:.6s;
transition:opacity .6s linear .9s, transform .6s cubic-bezier(.215, .61, .355, 1) .9s
}
section.homepage-banner .swiper-slide-countdown .banner, section.homepage-banner .swiper-slide-countdown .banner-learn-more, section.homepage-banner .swiper-slide-countdown .banner-time, section.homepage-banner .swiper-slide-countdown .eyebrow {
	opacity:0;
	transform:translateY(-60px)
}
section.homepage-banner .swiper-slide-countdown .banner-content.theme-dark .eyebrow-text {
	color:rgba(0, 0, 0, .45)
}
section.homepage-banner .swiper-slide-countdown .banner-content.theme-dark .banner-time, section.homepage-banner .swiper-slide-countdown .banner-content.theme-dark .banner-title {
	color:rgba(0, 0, 0, .85)
}
section.homepage-banner .swiper-slide-countdown .banner-content.theme-light .eyebrow-text {
	color:rgba(255, 255, 255, .65)
}
section.homepage-banner .swiper-slide-countdown .banner-content.theme-light .banner-time, section.homepage-banner .swiper-slide-countdown .banner-content.theme-light .banner-title {
	color:#fff
}
section.homepage-banner .swiper-slide-countdown .banner-content.banner-vertical-align-middle .banner-text {
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
section.homepage-banner .swiper-slide-countdown .banner-content.banner-vertical-align-top .banner-text {
	left:50%;
	top:112px;
	transform:translate(-50%, 0)
}
section.homepage-banner .swiper-slide-countdown .banner-text {
	position:absolute;
	z-index:0
}
section.homepage-banner .swiper-slide-countdown .banner-text .banner-text-link {
	position:absolute;
	width:100%;
	height:calc(100% - 48px);
	left:0
}
section.homepage-banner .swiper-slide-countdown .banner-logo {
	margin:8px 0 0
}
section.homepage-banner .swiper-slide-countdown .banner-title {
	font-size:20px;
	line-height:24px;
	margin-top:8px;
	font-weight:500
}
section.homepage-banner .swiper-slide-countdown .banner-logo-text {
	font-size:40px;
	line-height:44px
}
section.homepage-banner .swiper-slide-countdown .banner-time {
	margin-top:0
}
section.homepage-banner .swiper-slide-countdown .banner-slogan {
	margin-top:8px
}
section.homepage-banner .swiper-slide-countdown .eyebrow-text {
	font-size:16px;
	line-height:20px;
	font-weight:lighter;
	color:rgba(0, 0, 0, .45)
}
section.homepage-banner .swiper-slide-countdown .eyebrow-text span:after {
	display:inline-block;
	content:'|';
	margin:0 16px;
	color:#fff;
	vertical-align:top;
	font-size:12px
}
section.homepage-banner .swiper-slide-countdown .eyebrow-text span:last-child:after {
	display:none
}
section.homepage-banner .swiper-slide-countdown .eyebrow-icon {
	display:block;
	margin:0 auto
}
section.homepage-banner .swiper-slide-countdown .banner-video-bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden
}
section.homepage-banner .swiper-slide-countdown .countdown-thumb {
	font-size:20px;
	line-height:24px;
	font-weight:500;
	margin-top:8px
}
section.homepage-banner .swiper-slide-countdown .banner-more {
	display:none;
	margin-top:32px
}
section.homepage-banner .swiper-slide-countdown .watch-live {
	display:inline-block;
	font-size:16px;
	font-weight:600;
	line-height:24px;
	height:24px;
	color:#fff;
	cursor:pointer;
transition:all .3s ease
}
section.homepage-banner .swiper-slide-countdown .watch-live:after {
	display:inline-block;
	content:'';
	width:16px;
	height:24px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin-left:8px;
	vertical-align:text-top;
transition:all .3s ease
}
section.homepage-banner .swiper-slide-countdown .watch-live.active, section.homepage-banner .swiper-slide-countdown .watch-live:hover {
	color:rgba(255, 255, 255, .7);
	text-decoration:none
}
section.homepage-banner .swiper-slide-countdown .watch-live.active:before, section.homepage-banner .swiper-slide-countdown .watch-live:after, section.homepage-banner .swiper-slide-countdown .watch-live:hover:before {
	background-image:url(../fonts/icon-video-6eec1256d5f6847b187c39b338aa4d75.svg)
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more {
	height:40px;
	width:100%;
	text-align:center;
	cursor:pointer;
	margin-top:24px
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more .count-down-btn {
	display:none
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more.theme-dark .banner-learn-more-link {
	color:rgba(0, 0, 0, .85);
	border:1px solid rgba(0, 0, 0, .85)
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more.theme-dark .banner-learn-more-link:hover {
	background-color:rgba(0, 0, 0, .04)
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more.theme-light .banner-learn-more-link {
	color:#fff;
	border:1px solid #fff
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more.theme-light .banner-learn-more-link:hover {
	background-color:rgba(255, 255, 255, .09)
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more .banner-learn-more-link {
	padding:5px 16px;
	line-height:20px;
	font-size:14px;
	color:#fff;
	vertical-align:middle;
	border-radius:60px;
transition:all .3s ease;
	display:inline-block;
	margin:0 8px
}
section.homepage-banner .swiper-slide-countdown .banner-learn-more .banner-learn-more-link .fa {
	width:14px;
	height:14px;
	font-size:14px;
	margin-left:8px
}
.suggest-country-show .dui-navbar {
	transition:none
}
.suggest-country-show #site-header {
	top:64px
}
.suggest-country-show #cookie-tip {
	top:-104px
}
.suggest-country-show #suggest-country-pane {
	background-color:#303233;
	color:#fff
}
.suggest-country-show #suggest-country-pane .suggest-country-jump {
	background-color:#fff;
	color:#303233;
	background-image:none
}
.suggest-country-show #suggest-country-pane .dui-btn.suggest-country-other {
	border-color:#fff;
	color:#fff
}
.suggest-country-show #suggest-country-pane .close {
	background-image:url(../fonts/close-suggest-country.svg)
}
@media (max-width:1230px) {
section.homepage-active-banner ul.active-banner-list li.active-banner-item, section.homepage-products-banner ul.products-banner-list li.products-banner-item {
width:591px
}
}
@media (max-height:900px) {
section.homepage-sub-banner .banner-content {
padding-top:64px;
background-size:auto 400px!important
}
section.homepage-sub-banner, section.homepage-sub-banner .swiper-slide {
height:400px!important
}
.homepage-active-banner li.active-banner-item, .homepage-products-banner li.products-banner-item {
height:400px
}
section.homepage-child-module, section.homepage-skypixel-module .skypixel-container {
margin-top:64px
}
section.homepage-service-module {
padding:64px 0;
margin-top:64px
}
}
@media (max-width:1230px) {
section.homepage-skypixel-module .swiper-btn-next {
right:32px
}
section.homepage-skypixel-module .swiper-btn-prev {
left:32px
}
}
