article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display: block
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html,button,input,select,textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a {
	margin: 0;
	padding: 0
}

a:focus {
	outline: thin dotted
}

a:active,a:hover {
	outline: 0
}
a,a:link,a:visited,a:focus{
            text-decoration:none;color:#000;
 }
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	margin: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

blockquote {
	margin: 0
}

dfn,em {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

p,pre {
	margin: 0
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	_font-family: 'courier new',monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,q:after {
	content: '';
	content: none
}

small {
	font-size: 75%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dl,menu,ol,ul {
	margin: 0
}

dd {
	margin: 0
}

menu,ol,ul {
	padding: 0
}

ul,ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,input {
	line-height: normal
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],input[disabled] {
	cursor: default
}

input[type="checkbox"],input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

iframe {
	border: 0
}

@-webkit-keyframes shadow-pulse {
	0% {
		-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0 10px 0px rgba(0,0,0,0.2)
	}

	50% {
		-webkit-box-shadow: 0 0 10px 35px rgba(0,0,0,0);
		box-shadow: 0 0 10px 35px rgba(0,0,0,0)
	}

	100% {
		-webkit-box-shadow: 0 0 10px 35px rgba(0,0,0,0);
		box-shadow: 0 0 10px 35px rgba(0,0,0,0)
	}
}

@keyframes shadow-pulse {
	0% {
		-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0 10px 0px rgba(0,0,0,0.2)
	}

	50% {
		-webkit-box-shadow: 0 0 10px 35px rgba(0,0,0,0);
		box-shadow: 0 0 10px 35px rgba(0,0,0,0)
	}

	100% {
		-webkit-box-shadow: 0 0 10px 35px rgba(0,0,0,0);
		box-shadow: 0 0 10px 35px rgba(0,0,0,0)
	}
}

@-webkit-keyframes shadow-pulse-light {
	0% {
		-webkit-box-shadow: 0 0 10px 0px rgba(255,255,255,0.2);
		box-shadow: 0 0 10px 0px rgba(255,255,255,0.2)
	}

	50% {
		-webkit-box-shadow: 0 0 10px 35px rgba(255,255,255,0);
		box-shadow: 0 0 10px 35px rgba(255,255,255,0)
	}

	100% {
		-webkit-box-shadow: 0 0 10px 35px rgba(255,255,255,0);
		box-shadow: 0 0 10px 35px rgba(255,255,255,0)
	}
}

@keyframes shadow-pulse-light {
	0% {
		-webkit-box-shadow: 0 0 10px 0px rgba(255,255,255,0.2);
		box-shadow: 0 0 10px 0px rgba(255,255,255,0.2)
	}

	50% {
		-webkit-box-shadow: 0 0 10px 35px rgba(255,255,255,0);
		box-shadow: 0 0 10px 35px rgba(255,255,255,0)
	}

	100% {
		-webkit-box-shadow: 0 0 10px 35px rgba(255,255,255,0);
		box-shadow: 0 0 10px 35px rgba(255,255,255,0)
	}
}

#header .search__icon svg *,.subnav-products .left a,.footer .social-inner a,.scrolltop svg *,.button,.video-button,.gform_previous_button,.gform_next_button,.gform_previous_button:hover,.gform_next_button:hover,.feature-video svg rect,.featured-products .swiper-nav .swp,.featured-products .swiper-nav .viewall,.v2__subcat .subcat__over,.v2__subcat .subcat p.title,.v2__ps .swiper-next #Oval,.v2__ps .swiper-prev #Oval,.v2__ps .swiper-pagination-bullet .number,.v2__ps .swiper-pagination-bullet .line__wrapper,.v2__ps .swiper-pagination-bullet .line__background,.v2__prodspot .bottom .swiper-slide .view,.v2__prodspot .bottom .swiper-next #Oval,.v2__prodspot .bottom .swiper-prev #Oval,.v2__slider .swiper-next #Oval,.v2__slider .swiper-prev #Oval,.v2__slider .swiper-pagination-bullet .number,.v2__slider .swiper-pagination-bullet .line__wrapper,.v2__slider .swiper-pagination-bullet .line__background,.block-image-slider .swiper-next,.block-image-slider .swiper-prev,.pli-tv .row .col.product-info .view,.pli-laundry .row .col.product-info .view,.pli-refrigeration .row .col.product-info .view,.pli-oven .row .col.product-info .view,.pli-hob .row .col.product-info .view,.pli-hood .row .col.product-info .view,.pli-dummy .row .col.product-info .view,.pli-dishwasher .row .col.product-info .view,.pli-tv .row .col .view,.pli-laundry .row .col .view,.pli-refrigeration .row .col .view,.pli-oven .row .col .view,.pli-hob .row .col .view,.pli-hood .row .col .view,.pli-dummy .row .col .view,.pli-dishwasher .row .col .view,.pullout-overlay-video .video-close,.product-specs .reviews-close,.product-specs .specs-close,.product-specs .gallery-close,.product-specs .wtb-close,.product-wtb .reviews-close,.product-wtb .specs-close,.product-wtb .gallery-close,.product-wtb .wtb-close,.product-reviews .reviews-close,.product-reviews .specs-close,.product-reviews .gallery-close,.product-reviews .wtb-close,.product-gallery .gallery-close,.product-header .sizes .color,.product-header .sizes .size,.product-header .p-video,.product-header .p-top .title:after,.wtb-sizes .size,.gall-close,.support-header__jump-link,.support-faqs .faqs p svg,.post-gallery__prevnext,.post-gallery__prevnext svg,.post .social ul li a:hover,.post .social ul li a:focus,.post-related .related .meta .title a,.pagination a,.archive-careers .job,.quick-filters ul li,.quick-filters ul li a,.homesections .inner .col .left svg *,#front .swiper-button svg,.gft-close {
	-webkit-transition: 0.2s ease-in-out all;
	transition: 0.2s ease-in-out all
}

@font-face {
	font-family:'CircularStd-Bold';src:url("../fonts/lineto-circular-bold.woff") format("woff"),url("../fonts/lineto-circular-bold.woff2") format("woff2"),url("../fonts/lineto-circular-bold.eot")
}

@font-face {
	font-family:'Calibre';src:url("../fonts/CalibreWeb-Regular.woff") format("woff"),url("../fonts/CalibreWeb-Regular.woff2") format("woff2"),url("../fonts/CalibreWeb-Regular.eot");font-weight:normal;font-style:normal
}

@font-face {
	font-family:'Calibre';src:url("../fonts/CalibreWeb-RegularItalic.woff") format("woff"),url("../fonts/CalibreWeb-RegularItalic.woff2") format("woff2"),url("../fonts/CalibreWeb-RegularItalic.eot");font-weight:normal;font-style:italic
}

@font-face {
	font-family:'Calibre';src:url("../fonts/CalibreWeb-Light.woff") format("woff"),url("../fonts/CalibreWeb-Light.woff2") format("woff2"),url("../fonts/CalibreWeb-Light.eot");font-weight:300;font-style:normal
}

@font-face {
	font-family:'Calibre';src:url("../fonts/CalibreWeb-LightItalic.woff") format("woff"),url("../fonts/CalibreWeb-LightItalic.woff2") format("woff2"),url("../fonts/CalibreWeb-LightItalic.eot");font-weight:300;font-style:italic
}

@font-face {
	font-family:'Calibre';src:url("../fonts/CalibreWeb-Bold.woff") format("woff"),url("../fonts/CalibreWeb-Bold.woff2") format("woff2"),url("../fonts/CalibreWeb-Bold.eot");font-weight:bold;font-style:normal
}

.txt-green {
	color: #45db93
}

.txt-white {
	color: #fff
}

.txt-whitetwo {
	color: #e3e3e3
}

.txt-black {
	color: #000
}

.txt-hisense {
	color: #00a9a7
}

.txt-grey {
	color: #2b2b29
}

.txt-greyL {
	color: #606060
}

.txt-greyLL {
	color: #949494
}

.txt-orange {
	color: #fa4720
}

.txt-yellow {
	color: #eef923
}

.txt-blue {
	color: #00a1ee
}

.txt-neonblue {
	color: #73f9f4
}

.bg-white {
	background: #fff
}

.bg-whitetwo {
	background: #e3e3e3
}

.bg-whitedark {
	background: #f5f5f5
}

.bg-grey {
	background: #2b2b29
}

.bg-greyl {
	background: #606060
}

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	overflow-y: scroll;
	overflow-x: hidden
}

html.noscroll {
	overflow-y: hidden
}

body {
	background: #fff;
	max-width: 100vw;
	overflow: hidden;
	margin: 0;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: 62.5%/1.5 "CircularStd-Bold",sans-serif;
	text-rendering: optimizeLegibility
}

a {
	text-decoration: none;
	display: inline-block;
	cursor: pointer
}

img {
	display: block;
	max-width: 100%;
	height: auto
}

svg {
	display: block
}

section::after {
	clear: both;
	content: "";
	display: table
}

.container {
    margin:0 auto;
    max-width:1280px;
    width:80%;
    padding:20px 0px;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.55);
	z-index: 1
}

.mob {
	display: none
}

@media (min-width: 768px) {
	.mob {
		display: block
	}
}

.hidden {
	display: none !important
}

.curtain {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999
}

.curtain svg {
	position: absolute;
	width: 150px;
	height: 23px
}

@media (max-width: 550px) {
	.curtain svg {
		top: 50%;
		left: 10%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 80%
	}
}

@media (min-width: 550px) {
	.curtain svg {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

.curtain svg * {
	fill: #00a9a7
}

yellow {
	color: #eef923 !important
}

orange {
	color: #fa4720 !important
}

blue {
	color: #00a1ee !important
}

neonblue {
	color: #73f9f4 !important
}

green {
	color: #45db93 !important
}

white {
	color: #fff !important
}

grey {
	color: #ABABAB !important
}

black {
	color: #181818 !important
}

p {
	line-height: 1.35em;
	font-weight: normal;
	margin: 0 0 1em
}

p.headline,.contact-header h2 {
	font-size: 2.8em;
	text-align: center
}

p.headline.leftalign,.contact-header h2.leftalign {
	text-align: left
}

p.headline-sml {
	font-size: 2.3em
}

p.headline-med {
	font-size: 2.4em
}

@media (min-width: 550px) {
	p.headline,.contact-header h2 {
		font-size: 4.8em;
		line-height: 1.25em
	}
}

p.supporting {
	font-size: 2em;
	font-weight: 300;
	font-family: "Calibre",sans-serif;
	text-align: center
}

@media (min-width: 550px) {
	p.supporting {
		font-size: 2.1em
	}
}

@media (min-width: 768px) {
	p.supporting-lrg {
		font-size: 2.6em
	}
}

p.strapline {
	font-size: 2.2em;
	font-family: "Calibre",sans-serif
}

a.text-link {
	font-size: 2.1em;
	font-family: "Calibre",sans-serif;
	font-weight: 300
}

a.text-link:after {
	content: '>';
	position: relative;
	margin-left: 0.5em
}

a.text-link-external:after {
	content: url("../svg/external_link.svg")
}

.headline {
	font-size: 2.8em;
	text-align: center
}

.headline.leftalign {
	text-align: left
}

.headline-sml {
	font-size: 2.3em
}

.headline-med {
	font-size: 2.4em
}

@media (min-width: 550px) {
	.headline {
		font-size: 4.8em;
		line-height: 1.25em
	}
}

.supporting {
	text-align: left
}

.supporting p {
	font-size: 2em;
	font-weight: 300;
	font-family: "Calibre",sans-serif;
	text-align: center;
	color: #949494;
	text-align: left
}

@media (min-width: 550px) {
	.supporting p {
		font-size: 2.1em
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-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;
	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, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-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;
	-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("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	-webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	-webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	-webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,0.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,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,0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	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;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	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%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-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% 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 {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.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;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.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;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

@media (min-width: 1024px) {
	.featured-products .swiper-container {
		overflow: visible;
		cursor: -webkit-grabbing
	}
}

.featured-products .swiper-nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 4em auto 0;
	max-width: 32em
}

.featured-products .swiper-nav p {
	font-size: 1.1em;
	font-family: "Calibre",sans-serif
}

.featured-products .swiper-nav .swp {
	border: 1px solid #575757;
	width: 6.1em;
	height: 6.1em;
	position: relative;
	cursor: pointer
}

.featured-products .swiper-nav .swp svg {
	position: absolute;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

@media (max-width: 550px) {
	.featured-products .swiper-nav .swp svg {
		top: 50%;
		left: 10%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 80%
	}
}

@media (min-width: 550px) {
	.featured-products .swiper-nav .swp svg {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

.featured-products .swiper-nav .swp-next svg {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-ms-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg)
}

.featured-products .swiper-nav .swp:hover,.featured-products .swiper-nav .swp:focus {
	background: #2b2b29
}

.featured-products .swiper-nav .swp:hover svg *,.featured-products .swiper-nav .swp:focus svg * {
	fill: #fff
}

.featured-products .swiper-nav .viewall {
	border: 1px solid #575757;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-transform: uppercase
}

.featured-products .swiper-nav .viewall a {
	height: 100%;
	z-index: 1;
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: "Calibre",sans-serif;
	letter-spacing: 0.1em
}

.featured-products .swiper-nav .viewall:hover,.featured-products .swiper-nav .viewall:focus {
	background: #2b2b29
}

.featured-products .swiper-nav .viewall:hover span,.featured-products .swiper-nav .viewall:focus span {
	color: #fff
}

.featured-products .swiper-nav .viewall span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.featured-products .swiper-nav>div:not(:last-of-type) {
	margin: 0 0.5em 0 0
}

@media (min-width: 1024px) {
	.featured-products .swiper-nav {
		margin: 4em 5.5em 0
	}
}

.featured-products .swiper .sizes .size {
	cursor: default
}


@media (min-width: 768px) {
	.v2__ps .swiper-pagination {
		bottom: 3em
	}
}

.v2__ps .swiper-pagination-bullet {
	width: 4em;
	height: 0.4em;
	background: #5E5E5E;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 1
}

.v2__ps .swiper-pagination-bullet-active {
	background: #fff
}

.v2__ps .swiper-v2products {
	position: relative
}

.v2__ps .swiper-slide {
	height: auto
}

.v2__ps .swiper-slide img.background {
	width: 100%
}

.v2__ps .swiper-slide img.icon {
	margin-top: 6em
}

.v2__ps .swiper-slide .ps__info {
	background: #181818;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: 10%;
	z-index: 1
}

@media (min-width: 768px) {
	.v2__ps .swiper-slide .ps__info {
		position: absolute
	}
}

@media (min-width: 768px) and (max-width: 550px) {
	.v2__ps .swiper-slide .ps__info {
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

@media (min-width: 768px) and (min-width: 550px) {
	.v2__ps .swiper-slide .ps__info {
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

.v2__ps .swiper-slide .ps__info {
	padding-top: 30px;
	padding-bottom: 30px
}

@media screen and (min-width: 320px) {
	.v2__ps .swiper-slide .ps__info {
		padding-top: calc(3.57143vw + 18.57143px);
		padding-bottom: calc(3.57143vw + 18.57143px)
	}
}

@media screen and (min-width: 1440px) {
	.v2__ps .swiper-slide .ps__info {
		padding-top: 70px;
		padding-bottom: 70px
	}
}

.v2__ps .swiper-slide .ps__info {
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (min-width: 320px) {
	.v2__ps .swiper-slide .ps__info {
		padding-left: calc(2.67857vw + 11.42857px);
		padding-right: calc(2.67857vw + 11.42857px)
	}
}

@media screen and (min-width: 1440px) {
	.v2__ps .swiper-slide .ps__info {
		padding-left: 50px;
		padding-right: 50px
	}
}

.v2__ps .swiper-slide .ps__info p.name {
	font-size: 2em;
	color: #757575;
	font-family: "Calibre",sans-serif
}

.v2__ps .swiper-slide .ps__info p.strapline {
	color: #fff;
	font-family: "CircularStd-Bold",sans-serif
}

.v2__ps .swiper-slide .ps__info p.strapline {
	font-size: 26px
}

@media screen and (min-width: 320px) {
	.v2__ps .swiper-slide .ps__info p.strapline {
		font-size: calc(1.07143vw + 22.57143px)
	}
}

@media screen and (min-width: 1440px) {
	.v2__ps .swiper-slide .ps__info p.strapline {
		font-size: 38px
	}
}

.v2__ps .swiper-slide .ps__info .col:nth-of-type(2) {
	padding-left: 2em
}

.v2__ps .swiper-slide .ps__info .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.v2__ps .swiper-slide .ps__info .links a {
	margin-right: 1em
}

.v2__ps .swiper-slide .ps__asset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	position: relative
}

@media (min-width: 768px) {
	.v2__ps .swiper-slide .ps__asset {
		position: absolute;
		width: 100%;
		height: 100%
	}
}

.v2__ps .swiper-slide .ps__asset img.dummy {
	opacity: 0
}

.v2__ps .swiper-slide .ps__asset img:not(.background) {
	position: absolute;
	max-height: 90%;
	bottom: 0
}

@media (min-width: 768px) {
	.v2__ps .swiper-slide .ps__asset img:not(.background) {
		position: absolute;
		right: 10%;
		bottom: 0;
		max-height: none;
		height: 80%
	}
}

.v2__ps .swiper-slide--black {
	background: #181818
}

.v2__ps .swiper-slide--grey {
	background: #f5f5f5
}

.v2__ps .swiper-slide--white {
	background: #fff
}

.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info {
	background: none
}

.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info p.name,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info p.name {
	color: #181818
}

.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info .button.button-white,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info .button.button-white {
	color: #212121;
	border-color: #212121
}

.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info .button.button-white:hover,.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info .button.button-white:focus,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info .button.button-white:hover,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info .button.button-white:focus {
	background-color: #212121
}

.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info .button.button-white:hover:after,.v2__ps .swiper-slide--white.swiper-slide--iso .ps__info .button.button-white:focus:after,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info .button.button-white:hover:after,.v2__ps .swiper-slide--grey.swiper-slide--iso .ps__info .button.button-white:focus:after {
	color: #fff
}

.v2__ps .swiper-slide--iso {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.v2__ps .swiper-slide .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(42,42,42,0.55)
}

.v2__ps .swiper-next,.v2__ps .swiper-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer
}

.v2__ps .swiper-next #Oval,.v2__ps .swiper-prev #Oval {
	opacity: 0
}

.v2__ps .swiper-next:hover #Oval,.v2__ps .swiper-next:focus #Oval,.v2__ps .swiper-prev:hover #Oval,.v2__ps .swiper-prev:focus #Oval {
	opacity: 1
}

.v2__ps .swiper-next {
	right: 1em
}

.v2__ps .swiper-next svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.v2__ps .swiper-prev {
	left: 1em
}

.v2__ps .swiper-timeline {
	z-index: 1;
	position: absolute;
	width: auto;
	display: none
}

@media (max-width: 550px) {
	.v2__ps .swiper-timeline {
		left: 10%;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 80%
	}
}

@media (min-width: 550px) {
	.v2__ps .swiper-timeline {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
}

@media (min-width: 768px) {
	.v2__ps .swiper-timeline {
		display: inline-block;
		bottom: 5em
	}
}

.v2__ps .swiper-pagination-bullet {
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: none;
	cursor: pointer
}

.v2__ps .swiper-pagination-bullet .number {
	font-family: "Calibre",sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.137em;
	opacity: 0;
	position: relative;
	margin-top: -3px
}

.v2__ps .swiper-pagination-bullet .line__wrapper {
	width: 40px;
	height: 4px;
	position: relative
}

.v2__ps .swiper-pagination-bullet .line__wrapper span {
	display: block;
	position: absolute;
	bottom: 0
}

.v2__ps .swiper-pagination-bullet .line__fill {
	background: #fff;
	opacity: 1;
	width: 0px;
	height: 4px;
	opacity: 1
}

.v2__ps .swiper-pagination-bullet .line__background {
	background: #fff;
	opacity: 0.5;
	width: 100%;
	height: 4px
}

.v2__ps .swiper-pagination-bullet:hover,.v2__ps .swiper-pagination-bullet:focus {
	outline: none
}

.v2__ps .swiper-pagination-bullet:hover .line__background,.v2__ps .swiper-pagination-bullet:focus .line__background {
	height: 4px
}

.v2__ps .swiper-pagination-bullet-active .number {
	opacity: 1
}

.v2__ps .swiper-pagination-bullet-active .line__wrapper {
	width: 220px
}

.v2__ps .swiper-pagination-bullet-active .line__fill {
	opacity: 1
}

.v2__ps .swiper-pagination-bullet-active:hover .line__background,.v2__ps .swiper-pagination-bullet-active:focus .line__background {
	height: 4px
}

.v2__spotlight {
	position: relative
}

.v2__spotlight img.background {
	width: 100%
}

.v2__spotlight .spotlight__info {
	background: #222222;
	text-align: center;
	padding: 0 10%
}

.v2__spotlight .spotlight__info {
	padding-top: 40px;
	padding-bottom: 40px
}




.v2__prodspot .bottom .type__wrapper {
	display: none;
	max-width: 140em;
	margin: 0 auto
}

.v2__prodspot .bottom .type__wrapper--active {
	display: block
}

.v2__prodspot .bottom .swiper-slide a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10
}

.v2__prodspot .bottom .swiper-slide img {
	margin: 0 auto;
	-webkit-transition: all 3s ease;
	transition: all 3s ease
}

.v2__prodspot .bottom .swiper-slide .title {
	font-size: 1.9em;
	color: #fff;
	font-family: "Calibre",sans-serif;
	text-align: center;
	margin-top: 0.5em
}

.v2__prodspot .bottom .swiper-slide .view {
	opacity: 0;
	background: #45db93;
	color: #000;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #45db93;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: 4.3em;
	z-index: 1;
	width: 70px;
	height: 70px;
	position: absolute;
	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
}

@media (max-width: 550px) {
	.v2__prodspot .bottom .swiper-slide .view {
		top: 50%;
		left: 10%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 80%
	}
}

@media (min-width: 550px) {
	.v2__prodspot .bottom .swiper-slide .view {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

@media (min-width: 768px) {
	.v2__prodspot .bottom .swiper-slide .view {
		width: 84px;
		height: 84px
	}
}

.v2__prodspot .bottom .swiper-slide:hover img,.v2__prodspot .bottom .swiper-slide:focus img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.v2__prodspot .bottom .swiper-slide:hover .view,.v2__prodspot .bottom .swiper-slide:focus .view {
	opacity: 1
}

.v2__prodspot .bottom .swiper-next,.v2__prodspot .bottom .swiper-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer
}

.v2__prodspot .bottom .swiper-next #Oval,.v2__prodspot .bottom .swiper-prev #Oval {
	opacity: 0
}

.v2__prodspot .bottom .swiper-next:hover #Oval,.v2__prodspot .bottom .swiper-next:focus #Oval,.v2__prodspot .bottom .swiper-prev:hover #Oval,.v2__prodspot .bottom .swiper-prev:focus #Oval {
	opacity: 1
}

.v2__prodspot .bottom .swiper-next {
	right: 1em
}

.v2__prodspot .bottom .swiper-next svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.v2__prodspot .bottom .swiper-prev {
	left: 1em
}

.v2__slider {
	height: 95vh;
	overflow: hidden;
	position: relative
}

.v2__slider .wrapper {
	min-height: 95vh;
}

.v2__slider .text__wrapper p.strapline {
	line-height: 1em;
	font-family: "CircularStd-Bold",sans-serif
}

.v2__slider .text__wrapper p.strapline {
	font-size: 35px
}

@media screen and (min-width: 320px) {
	.v2__slider .text__wrapper p.strapline {
		font-size: calc(2.41071vw + 27.28571px)
	}
}

@media screen and (min-width: 1440px) {
	.v2__slider .text__wrapper p.strapline {
		font-size: 62px
	}
}

.v2__slider .swiper-slide {
	-webkit-background-size: cover;
	background-size: cover
}

.v2__slider .swiper-slide--left {
	background-position: center
}

@media (min-width: 768px) {
	.v2__slider .swiper-slide--left {
		background-position: right center
	}
}

.v2__slider .swiper-slide--right {
	background-position: center
}

@media (min-width: 768px) {
	.v2__slider .swiper-slide--right {
		background-position: left center
	}
}

.v2__slider .swiper-slide.has-overlay {
	position: relative
}

.v2__slider .swiper-slide.has-overlay:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/*background: rgba(42,42,42,0.55);  banner 遮罩颜色 */
}

.v2__slider .swiper-slide.has-overlay .wrapper {
	position: relative
}

.v2__slider .swiper-next,.v2__slider .swiper-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer;
	display: none
}

@media (min-width: 768px) {
	.v2__slider .swiper-next,.v2__slider .swiper-prev {
		display: block
	}
}

.v2__slider .swiper-next #Oval,.v2__slider .swiper-prev #Oval {
	opacity: 0
}

.v2__slider .swiper-next:hover #Oval,.v2__slider .swiper-next:focus #Oval,.v2__slider .swiper-prev:hover #Oval,.v2__slider .swiper-prev:focus #Oval {
	opacity: 1
}

.v2__slider .swiper-next {
	right: 1em
}

.v2__slider .swiper-next svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.v2__slider .swiper-prev {
	left: 1em
}

.v2__slider .swiper-timeline {
	z-index: 1;
	bottom: 5em;
	width: auto
}

@media (max-width: 550px) {
	.v2__slider .swiper-timeline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		left: 10%;
		right: 10%
	}
}

@media (min-width: 550px) {
	.v2__slider .swiper-timeline {
		position: absolute
	}
}

@media (min-width: 550px) and (max-width: 550px) {
	.v2__slider .swiper-timeline {
		left: 10%;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 80%
	}
}

@media (min-width: 550px) and (min-width: 550px) {
	.v2__slider .swiper-timeline {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
}

.v2__slider .swiper-pagination-bullet {
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	background: none;
	cursor: pointer
}

.v2__slider .swiper-pagination-bullet .number {
	font-family: "Calibre",sans-serif;
	font-size: 12px;
	color: #d9252b;
	font-weight: bold;
	letter-spacing: 0.137em;
	opacity: 0;
	position: relative;
	margin-top: -3px
}

.v2__slider .swiper-pagination-bullet .line__wrapper {
	width: 40px;
	height: 4px;
	position: relative
}

.v2__slider .swiper-pagination-bullet .line__wrapper span {
	display: block;
	position: absolute;
	bottom: 0
}

.v2__slider .swiper-pagination-bullet .line__fill {
	background: #d9252b;
	opacity: 1;
	width: 0px;
	height: 4px;
	opacity: 0
}

.v2__slider .swiper-pagination-bullet .line__background {
	background: #fff;
	opacity: 0.5;
	width: 100%;
	height: 4px
}

.v2__slider .swiper-pagination-bullet:hover,.v2__slider .swiper-pagination-bullet:focus {
	outline: none
}

.v2__slider .swiper-pagination-bullet:hover .line__background,.v2__slider .swiper-pagination-bullet:focus .line__background {
	height: 4px
}

.v2__slider .swiper-pagination-bullet-active .number {
	opacity: 1
}

.v2__slider .swiper-pagination-bullet-active .line__wrapper {
	width: 220px
}

.v2__slider .swiper-pagination-bullet-active .line__fill {
	opacity: 1
}

.v2__slider .swiper-pagination-bullet-active:hover .line__background,.v2__slider .swiper-pagination-bullet-active:focus .line__background {
	height: 4px
}

@media (max-width: 550px) {
	.v2__slider .swiper-pagination-bullet {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.v2__slider .swiper-pagination-bullet .line__wrapper {
		width: auto
	}

	.v2__slider .swiper-pagination-bullet-active {
		-webkit-box-flex: 10;
		-ms-flex-positive: 10;
		flex-grow: 10
	}
}


.block-image-slider:hover .swiper-next,.block-image-slider:hover .swiper-prev,.block-image-slider:active .swiper-next,.block-image-slider:active .swiper-prev,.block-image-slider:focus .swiper-next,.block-image-slider:focus .swiper-prev {
	opacity: 0.5
}

.block-image-slider .swiper-wrapper {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.block-image-slider .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%;
	width: auto
}

.block-image-slider .swiper-slide img {
	max-height: calc(100vh - 100px)
}

.block-image-slider .swiper-next,.block-image-slider .swiper-prev {
	background: #212121;
	-webkit-border-radius: 72px;
	border-radius: 72px;
	cursor: pointer;
	display: none;
	height: 72px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 72px;
	z-index: 1
}

@media (min-width: 768px) {
	.block-image-slider .swiper-next,.block-image-slider .swiper-prev {
		display: block
	}
}

.block-image-slider .swiper-next:hover,.block-image-slider .swiper-next:focus,.block-image-slider .swiper-prev:hover,.block-image-slider .swiper-prev:focus {
	opacity: 1
}

.block-image-slider .swiper-next {
	right: 1em
}

.block-image-slider .swiper-prev {
	left: 1em
}

.product-gallery .gallery-nav-slider .swiper-slide,.product-gallery .gallery-nav-slider .swiper-slide-duplicate {
	border: 3px solid transparent;
	margin: 1em 0;
	max-height: 73px
}

.product-gallery .gallery-nav-slider .swiper-slide-active,.product-gallery .gallery-nav-slider .swiper-slide-duplicate-active {
	border-color: #45db93
}

@media (min-width: 1024px) {
    .moblie_head{display:none}
    .gall-inner .left {
        width: 11%;
        margin: 0 2em 0 0;
        float: left;
        height: 100%
    }

	.gall-inner .left .button-prev,.gall-inner .left .button-next {
		padding: 1em;
		cursor: pointer
	}

	.gall-inner .left .button-prev svg,.gall-inner .left .button-next svg {
		margin: 0 auto
	}

	.gall-inner .left .button-prev svg {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.gall-inner .left .thumbs {
		width: calc(100%);
		height: 72%;
		overflow: hidden
	}

	.gall-inner .left .gall-thumbs {
		width: 100%;
		height: 100%
	}

	.gall-inner .left .gall-thumbs .swiper-slide {
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		background-size: cover;
		opacity: 0.5
	}

	.gall-inner .left .gall-thumbs .swiper-slide:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		border: 2px solid transparent
	}

	.gall-inner .left .gall-thumbs .swiper-slide-active {
		opacity: 1
	}

	.gall-inner .left .gall-thumbs .swiper-slide-active:after {
		border-color: #45db93
	}

	.gall-inner .left .gall-thumbs .swiper-slide.video {
		background-repeat: no-repeat;
		background-position: center center
	}

	.gall-inner .left .gall-thumbs .swiper-slide.video:before {
		background: url(../Images/play.svg) #fff center no-repeat;
		content: "";
		position: absolute;
		left: 25%;
		right: 25%;
		top: 25%;
		bottom: 25%
	}
}

.gall-inner .right {
	width: 100%;
	height: calc(100% - 110px);
	overflow: hidden
}

.gall-inner .right .swipe {
	margin: 0 auto
}

@media (min-width: 1024px) {
	.gall-inner .right .swipe {
		display: none
	}
}

.gall-inner .right .swiper-slide {
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.gall-inner .right .swiper-slide video {
	height: auto;
	max-height: 100%;
	width: 100%
}

.gall-inner .right .swiper-slide.iframe,.gall-inner .right .swiper-slide.video {
	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
}

.gall-inner .right .swiper-slide iframe {
	max-width: 100%
}

.gall-inner .right .swiper-slide p {
	color: #afafaf;
	font-size: 14px;
	margin: 20px auto 0;
	text-align: center
}

@media (max-width: 1023px) {
	.gall-inner .right .swiper-slide p {
		display: none
	}
}

.gall-inner .right .swiper-slide .zoom-in,.gall-inner .right .swiper-slide .zoom-out {
	display: block;
	height: 40px;
	background: #000;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	width: 40px
}

.gall-inner .right .swiper-slide .zoom-in.disabled,.gall-inner .right .swiper-slide .zoom-out.disabled {
	background-color: #000 !important;
	opacity: 0.4
}

.gall-inner .right .swiper-slide .zoom-in:hover,.gall-inner .right .swiper-slide .zoom-out:hover {
	background-color: #45db93
}

.gall-inner .right .swiper-slide .zoom-in {
	position: absolute;
	right: 50px;
	top: 0
}

.gall-inner .right .swiper-slide .zoom-out {
	position: absolute;
	right: 0;
	top: 0
}

.gall-full {
	width: 100%;
	height: calc(100% - 50px)
}

.gall-full .swiper-zoom-container.has-zoom {
	cursor: none
}



#front {
	height: 95vh;
	position: relative
}

#front .swiper-button {
	background-image: none;
	padding: 1em 2.2em;
	background: rgba(192,192,192,0.6);
	-webkit-border-radius: 50%;
	border-radius: 50%
}

#front .swiper-button svg {
	width: 2em;
	height: auto;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	position: absolute;
	opacity: 0.5
}

@media (max-width: 550px) {
	#front .swiper-button svg {
		top: 50%;
		left: 10%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 80%
	}
}

@media (min-width: 550px) {
	#front .swiper-button svg {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

#front .swiper-button svg * {
	fill: #fff
}

#front .swiper-button-next svg {
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg)
}

#front .swiper-button-prev svg {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg)
}

#front .swiper-button:hover svg,#front .swiper-button:focus svg {
	opacity: 1
}

#front .swiper-pagination {
	display: none
}

@media (min-width: 1024px) {
	#front .swiper-pagination {
		display: block
	}
}

#front .swiper-pagination-bullet-active {
	background: #45db93
}

#front .swiper-slide {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	overflow: hidden
}

#front .swiper-slide--gradient .wrapper {
	position: relative;
	width: 100%;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 2vw;
		height: 100vh
	}
}

@media (min-width: 1280px) {
	#front .swiper-slide--gradient .wrapper {
		padding-left: 10vw
	}
}

#front .swiper-slide--gradient .mobile-bg {
	height: calc(100% - 7em);
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 7em;
	background-repeat: no-repeat;
	background-position: center
}

@media (min-width: 768px) {
	#front .swiper-slide--gradient .mobile-bg {
		margin-top: 10em
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient .mobile-bg {
		display: none
	}
}

#front .swiper-slide--gradient .message {
	position: relative;
	z-index: 1;
	padding: 0 1em 1em
}

#front .swiper-slide--gradient .message__wrapper {
	position: relative
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient .message__wrapper {
		padding: 10em 0 0
	}
}

@media (min-width: 550px) {
	#front .swiper-slide--gradient .message {
		padding: 0 2em 2em
	}
}

#front .swiper-slide--gradient .gradbg {
	position: absolute;
	width: 100%;
	height: 130%;
	bottom: 0;
	right: 0;
	background: #00636c;
	background: -webkit-linear-gradient(45deg, #00636c 0%, #7fc99f 100%);
	background: linear-gradient(45deg, #00636c 0%, #7fc99f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00636c', endColorstr='#7fc99f', GradientType=1);
	-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%)
}

#front .swiper-slide--gradient .gradbg .innerbg {
	background-image: url("../Images/mobile-gradientbg.png");
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient .gradbg {
		display: none
	}
}

#front .swiper-slide--gradient p {
	margin: 0 0 0.5em
}

#front .swiper-slide--gradient p.sub {
	font-size: 1.8em;
	font-family: "Calibre",sans-serif;
	font-weight: 300;
	color: #45db93
}

@media (min-width: 768px) {
	#front .swiper-slide--gradient p.sub {
		font-size: 3em;
		margin: 0
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient p.sub {
		font-size: 2.2em
	}
}

#front .swiper-slide--gradient p.headline,#front .swiper-slide--gradient .contact-header h2,.contact-header #front .swiper-slide--gradient h2 {
	font-size: 2.1em;
	text-align: left;
	color: #fff
}

@media (min-width: 768px) {
	#front .swiper-slide--gradient p.headline,#front .swiper-slide--gradient .contact-header h2,.contact-header #front .swiper-slide--gradient h2 {
		font-size: 3.5em
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient p.headline,#front .swiper-slide--gradient .contact-header h2,.contact-header #front .swiper-slide--gradient h2 {
		color: #000;
		font-size: 3.3em
	}
}

@media (min-width: 1280px) {
	#front .swiper-slide--gradient p.headline,#front .swiper-slide--gradient .contact-header h2,.contact-header #front .swiper-slide--gradient h2 {
		font-size: 3.5em
	}
}

#front .swiper-slide--gradient p.headline.incredible-font,#front .swiper-slide--gradient .contact-header h2.incredible-font,.contact-header #front .swiper-slide--gradient h2.incredible-font {
	display: none;
	font-family: 'futura-pt-condensed';
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 0.8em;
	color: #45db93
}

@media (min-width: 1024px) {
	#front .swiper-slide--gradient p.headline.incredible-font,#front .swiper-slide--gradient .contact-header h2.incredible-font,.contact-header #front .swiper-slide--gradient h2.incredible-font {
		font-size: 8em;
		display: inline-block
	}
}

@media (min-width: 1280px) {
	#front .swiper-slide--gradient p.headline.incredible-font,#front .swiper-slide--gradient .contact-header h2.incredible-font,.contact-header #front .swiper-slide--gradient h2.incredible-font {
		font-size: 12em
	}
}

#front .swiper-slide--original.bg-left {
	background-position: left
}

#front .swiper-slide--original.bg-centre {
	background-position: center
}

#front .swiper-slide--original.bg-right {
	background-position: right
}

#front .swiper-slide--original.incredible-font .banner-body p.headline,#front .swiper-slide--original.incredible-font .banner-body .contact-header h2,.contact-header #front .swiper-slide--original.incredible-font .banner-body h2,#front .swiper-slide--original.incredible-font .banner-body p.sub {
	font-family: 'futura-pt-condensed';
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 0.8em
}

#front .swiper-slide--original .mobilebg {
	display: block;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

@media (min-width: 768px) {
	#front .swiper-slide--original .mobilebg {
		display: none
	}
}

#front .swiper-slide--original .banner-body {
	max-width: 60em;
	width: 100%;
	position: absolute;
	z-index: 1
}

#front .swiper-slide--original .banner-body p {
	margin: 0 0 0.5em
}

#front .swiper-slide--original .banner-body p.sub {
	font-size: 1.9em;
	font-family: "Calibre",sans-serif;
	font-weight: bold
}

@media (min-width: 1024px) {
	#front .swiper-slide--original .banner-body p.sub {
		font-size: 2.2em
	}
}

#front .swiper-slide--original .banner-body p.headline,#front .swiper-slide--original .banner-body .contact-header h2,.contact-header #front .swiper-slide--original .banner-body h2 {
	font-size: 3.1em
}

@media (min-width: 768px) {
	#front .swiper-slide--original .banner-body p.headline.large,#front .swiper-slide--original .banner-body .contact-header h2.large,.contact-header #front .swiper-slide--original .banner-body h2.large {
		font-size: 5em;
		line-height: 1
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--original .banner-body p.headline,#front .swiper-slide--original .banner-body .contact-header h2,.contact-header #front .swiper-slide--original .banner-body h2 {
		font-size: 3.9em
	}

	#front .swiper-slide--original .banner-body p.headline.large,#front .swiper-slide--original .banner-body .contact-header h2.large,.contact-header #front .swiper-slide--original .banner-body h2.large {
		font-size: 8em;
		line-height: 1
	}
}

#front .swiper-slide--original .banner-body .button-pagelink {
	border-color: #fff
}

#front .swiper-slide--original .banner-body .button-pagelink.button-green {
	border-color: #45db93
}

#front .swiper-slide--original .banner-body .button-pagelink.button-green:hover {
	border-color: #fff
}

#front .swiper-slide--original .banner-body .button-pagelink.button-dark {
	border-color: #212121
}

#front .swiper-slide--original.centre {
	text-align: center
}

#front .swiper-slide--original.centre .banner-body {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%
}

#front .swiper-slide--original.centre img {
	margin: 0 auto
}

#front .swiper-slide--original.left {
	text-align: center
}

#front .swiper-slide--original.left .banner-body {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	max-width: 47em
}

@media (min-width: 1024px) {
	#front .swiper-slide--original.left .banner-body {
		left: 10%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--original.left {
		text-align: left
	}

	#front .swiper-slide--original.left .headline {
		text-align: left
	}
}

#front .swiper-slide--original.promo {
	text-align: left
}

#front .swiper-slide--original.promo .mobban {
	display: block
}

@media (min-width: 768px) {
	#front .swiper-slide--original.promo .mobban {
		display: none
	}
}

#front .swiper-slide--original.promo .banner-body {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	max-width: 47em
}

@media (min-width: 1024px) {
	#front .swiper-slide--original.promo .banner-body {
		left: 10%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

#front .swiper-slide--original.promo .banner-body p.headline,#front .swiper-slide--original.promo .banner-body .contact-header h2,.contact-header #front .swiper-slide--original.promo .banner-body h2 {
	text-align: left
}

@media (min-width: 1024px) {
	#front .swiper-slide--original.promo .banner-body p.headline,#front .swiper-slide--original.promo .banner-body .contact-header h2,.contact-header #front .swiper-slide--original.promo .banner-body h2 {
		font-size: 6em
	}
}

#front .swiper-slide--original__sponsor-logo.bottom {
	margin-bottom: 2em !important
}

#front .swiper-slide--original p {
	margin: 0 0 0.5em
}

#front .swiper-slide--original p.sub {
	font-size: 1.9em;
	font-family: "Calibre",sans-serif;
	font-weight: bold
}

@media (min-width: 1024px) {
	#front .swiper-slide--original p.sub {
		font-size: 2.2em
	}
}

#front .swiper-slide--original p.headline,#front .swiper-slide--original .contact-header h2,.contact-header #front .swiper-slide--original h2 {
	font-size: 3.1em
}

@media (min-width: 768px) {
	#front .swiper-slide--original p.headline.large,#front .swiper-slide--original .contact-header h2.large,.contact-header #front .swiper-slide--original h2.large {
		font-size: 5em;
		line-height: 1
	}
}

@media (min-width: 1024px) {
	#front .swiper-slide--original p.headline,#front .swiper-slide--original .contact-header h2,.contact-header #front .swiper-slide--original h2 {
		font-size: 3.9em
	}

	#front .swiper-slide--original p.headline.large,#front .swiper-slide--original .contact-header h2.large,.contact-header #front .swiper-slide--original h2.large {
		font-size: 8em;
		line-height: 1
	}
}

#front .swiper-slide--promo {
	position: relative;
	text-align: center
}

#front .swiper-slide--promo:after {
	content: '';
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65)));
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%
}

#front .swiper-slide--promo.bg-left {
	background-position: left
}

#front .swiper-slide--promo.bg-centre {
	background-position: center
}

#front .swiper-slide--promo.bg-right {
	background-position: right
}

#front .swiper-slide--promo .mobilebg {
	display: block;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

@media (min-width: 768px) {
	#front .swiper-slide--promo .mobilebg {
		display: none
	}
}

#front .swiper-slide--promo .banner-body {
	max-width: 60em;
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 1
}

#front .swiper-slide--promo .banner-body p {
	margin: 0 0 0.5em
}

#front .swiper-slide--promo .banner-body p.sub {
	font-size: 1.9em;
	font-family: "Calibre",sans-serif;
	font-weight: bold
}

@media (min-width: 1024px) {
	#front .swiper-slide--promo .banner-body p.sub {
		font-size: 2.2em
	}
}

#front .swiper-slide--promo .banner-body p.headline,#front .swiper-slide--promo .banner-body .contact-header h2,.contact-header #front .swiper-slide--promo .banner-body h2 {
	color: #fff;
	font-size: 3.2em;
	font-weight: bold;
	letter-spacing: -0.55px;
	line-height: 36px
}

#front .swiper-slide--promo .banner-body p.headline span,#front .swiper-slide--promo .banner-body .contact-header h2 span,.contact-header #front .swiper-slide--promo .banner-body h2 span {
	color: #eef923
}

@media (min-width: 1024px) {
	#front .swiper-slide--promo .banner-body p.headline,#front .swiper-slide--promo .banner-body .contact-header h2,.contact-header #front .swiper-slide--promo .banner-body h2 {
		font-size: 6.4em;
		line-height: 72px
	}
}

#front .swiper-slide--promo .banner-body p.subheadline {
	color: #fff;
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: -0.17px;
	line-height: 20px
}

#front .swiper-slide--promo .banner-body .button-pagelink {
	border-color: #fff;
	margin-top: 20px
}

#front .swiper-slide--promo .banner-body .button-pagelink span {
	color: #fff
}

#front .swiper-slide.hideslide {
	display: none
}






.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 1000px;
    z-index: 9999;
    background: #ffffff;
    height: 100px;
    transition: all .3s
}
.logo {
    padding-top: 22px;
    padding-left: 2.18%;
    width: 263px;
    transition: all .3s;
}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.logo .p1{position:absolute;top:0%;left:0px;width:100%;height:80%;}
.nav{width:65%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;    margin-right: 15px;}
.nav ul li{float:left;width:13.5%;height:100px;transition:all .3s;   position:relative;}
.nav ul li .a1{line-height:98px;display:block;text-align:center;font-size:14px;color:#222;transition:all .3s;}
.nav ul li:hover .a1{color:#d9252b;transition:all .3s; }

.foot_loog img{width:350px}

.nav ul li .div1 {
    display: none;
    background: #fff;
    width: 100%;
    left: 0px;
    position: fixed;
    top: 100px;
    z-index: 100
}
.nav ul li .div1 .p1{width:59%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{color:#d9252b; }

.nav ul li .div1 .p1 a{ position:relative;}


.nav ul li a:hover::before, .nav ul li a::before {
    transform: scale(1, 1);
    transform-origin: left center 0;
}

.nav ul li a::before {
    background:#d9252b;
    content: "";
    z-index: 1;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    /* top: 0; */
    transform: scale(0, 1);
    transform-origin: right center 0;
    -webkit-transform: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}


.a_txt{display:none}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:50px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:30px}
.moblie_head .rg{padding-right:5%;padding-top:17px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;overflow-y: auto;}
.a_txt .div1{position:sticky;width:100%;height:100vh;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1;}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;min-height:100%;z-index:100;right:-80%}
.a_txt .div3 ul,.a_txt .div3 .a_txt2{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:rgba(255, 255, 255, 0.2) url(../images/plus.png) center no-repeat; float:right; width:45px; height:45px; position:relative; top:-45px; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:rgba(255, 255, 255, 0.2) url(../images/reduce.jpg) center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.a_txt .div3 ul li .a_js2_on .erji1{display:block!important;}
.a_txt .div3 ul li .a_js2_on .a_js2{display:none}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}


.a_txt .div3 ul,.a_txt .div3 .a_txt3{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li .a_js3{background:rgba(255, 255, 255, 0) url(../images/plus.png) center no-repeat; float:right; width:40px; height:40px; position:relative; top:-40px; right:-0px; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js3_on{background:rgba(255, 255, 255, 0) url(../images/reduce.jpg) center no-repeat; float:right; width:40px; height:40px; position:relative; top:-40px; right:-0px;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js3_on .a_js3{display:none}
.a_txt .div3 ul li .a_txt3 a{height:40px;line-height:40px;font-size:14px}

}

.head1{ max-width:1280px; width:90%; margin:0 auto;}
.banner_zi{  width:100%; margin:0 auto; text-align:center; margin-top:18vh;}
.baifb{width:100%;float:left; }
.banner_xiao{font-size:16px; color:#fff; width:100%;  }
.banner_xian{width:70px; height:2px;background:#d9252b;margin:20px auto 12px; margin-left: calc(50% - 35px); float:left; }
.banner_da{font-size:40px; color:#fff; width:100%;  }
.baifb a{font-size:14px; color:#fff; background:url(../images/banner_gd.png) right no-repeat; padding-right:20px; opacity:0.5; margin-top:36px; }
.baifb a:hover{opacity:0.9;  }


.centre{  width:90%; max-width:1800px; margin:0 auto;}
.centre_1{ width:90%; max-width:1800px; margin:0 auto;}
.fenlei{ float:left; margin:0px 15px; margin-top:80px; width:100%;}
.wh_10{ width:150px; min-height:1px; float:left;}
.yiji{ font-size:32px; line-height:32px; font-weight:bold; color:#333;}
.xian_h2{ width:80%; float:left; height:2px; margin:20px 0px; }

.wh_90{ width:calc(100% - 150px); min-height:1px; float:left;}
.fenlei_2{  margin:60px 0px; }
.fenlei_2 a{border-bottom:2px solid rgba(255, 255, 255, 0); padding-bottom:12px; margin-right:30px; font-size:18px;  color:#333; font-weight:bold;}
.fenlei_2 a:hover{ color:#d9252b;} 
.fenlei_2 a.xian_h{ color:#d9252b;} 
.fenlei_2 a.kyou{ text-align:right; float:right; color:#c6b9b9;border-bottom:2px solid rgba(255, 255, 255, 0);}
.fenlei_2 a.kyou:hover{ color:#d9252b;}
.fenlei_33{ margin:20px 0px; font-size:18px; font-weight:bold; float:right;}

.fenlei_2 a{ position:relative; }
.fenlei_2 a::after{
            content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:0;
            height:2px;
            position:absolute;
            left:0;
            bottom:0px;
            background:#d9252b;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.5s ease-in-out;
        }
.fenlei_2 a:hover::after {
        width: 100%;
    }
.foot_loog img {
    width: 200px;
    margin-bottom: 17px;
}
.fenlei{ position:relative; }
.fenlei::after{
            content:'';
            display:block;
            /*开始时候下划线的宽度为0*/
            width:5%;
            height:2px;
            position:absolute;
            left:0;
            top:20px;
            background:#333;
            /*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
            transition:all 0.5s ease-in-out;
        }
.fenlei:hover::after{
        width: 7%;
    }

.fl_l{ float:left; width:100%;}





/* 1. Strat Default css*/
.miktu_title{
	margin-bottom: 95px;
}
.miktu_title h1{
	font-size: 60px;
	font-weight: 700;
}
.hover_area{
	margin-bottom: 30px;
}
.hover_area_1,
.hover_area_2,
.hover_area_3,
.hover_area_4,
.hover_area_5,
.hover_area_6,
.hover_area_7,
.hover_area_8,,
.hover_area_9,
.hover_area_10,
.hover_area_11,
.hover_area_12,
.hover_img_13,
.hover_img_14{
	overflow: hidden;
	position: relative;
}
.hover_img_1,
.hover_img_2,
.hover_img_3,
.hover_img_4,
.hover_img_5,
.hover_img_6,
.hover_img_7,
.hover_img_8,
.hover_img_9,
.hover_img_10,
.hover_img_11,
.hover_img_12,
.hover_img_13,
.hover_img_14{
	overflow: hidden;
	position: relative;
}
.hover_img_1 img,
.hover_img_2 img,
.hover_img_3 img,
.hover_img_4 img,
.hover_img_5 img,
.hover_img_6 img,
.hover_img_7 img,
.hover_img_8 img,
.hover_img_9 img,
.hover_img_10 img,
.hover_img_11 img,
.hover_img_12 img,
.hover_img_13 img,
.hover_img_14 img{
	width: 100%;
	height: 100%;
}
/* End Default css*/

/*

/*
	9. Start hover style 8
*/
.hover_img_8 img{
	transform: scale(1);
	transition: all .5s;
}
.hover_area_8:hover .hover_img_8 img{
	transform: scale(1.3);
}
.hover_area_8:hover .hover_overlay_8{
	opacity: .8;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.hover_area_8:hover .hover_content_8{
	opacity: 1;
	visibility: visible;
}
.hover_overlay_8{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: #000;
    -webkit-transition: all .5s ease .1s;
    -o-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    -webkit-transform: scale3d(0, 1, 0);
    -ms-transform: scale3d(0, 1, 0);
    -o-transform: scale3d(0, 1, 0);
    transform: scale3d(0, 1, 0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
.hover_content_8{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
}
.hover_content_8 h4{
	color: #fff;
    font-size: 18px;
    width: 50%;
    font-weight: bold;
    margin: 0 auto;
}
.hover_content_8 a.xiangq{
    
    font-size: 14px;
    color:#fff;
    padding:15px 0px;
    margin-top:15px;
    border-top:2px solid #d9252b;
}
.hover_content_8 ul {
	margin-top: 20px;
}
.hover_content_8 ul li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.hover_content_8 ul li a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	color: #f20909;
	font-size: 14px;
}
/*
	End hover style 8
*/



.bg_xjl{ background:#f4f4f4; padding-bottom:60px; float:left; width:100%; padding-top:60px; }

.hxian_zi{ height:56px; line-height:56px; background:#222; position:relative;top:-2px;}
.hxian{ height:2px; margin:27px 15px 27px 20px; line-height:56px; width:30px; float:left; background:#d9252b;}
.hxian_zi a{ font-size:15px; font-weight:bold; color:#fff;}

.cck{margin:60px auto 0px; float:left; width:100%;}
.cck .col-lg-4{ padding:0px;}


.hxian_zi1{ height:70px; line-height:70px; background:#222;text-align:center;position:relative;top:-2px;}
.hxian_zi1 a{ font-size:20px; font-weight:bold; color:#fff;}

.shijian{ float:left; width:100%;}
.xScroll{z-index:999}
/* 必要布局样式css */
.product-number-info {
    float: left;
    width: 100%;
}

.product-number-info .product-number-inner {
    max-width: 1800px;
    width:90%;
    margin: 0 auto;
}

.product-number-info ul {
    padding:60px 0 100px;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 25%;
    height: 90px;
    color: #333;
    padding-top: 1px;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 78px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 15px;
    font-weight:bold;
    color:#d9252b;
    right: -50px;
    top: 20px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
    padding-left: 70px;
}

.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
    padding-left: 70px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
    padding-left: 78px;
}

.product-number-info li.li-5 {
    text-align: right;
}


.foot{float:left; width:100%; padding:80px 0px 10px; background-color:#1b1b1b;}
.foot_center{ max-width:1800px; width:90%; margin:0 auto;}
.foot_4{ float:left; width:35%;}
.foot_6{ float:left; width:65%;}
.ggy{ font-size:28px; color:#fff; margin:0px;}
.foot_6 a.youj{ font-size:28px; color:#d9252b; border-bottom:2px solid #d9252b;opacity:0.8; }
.foot_6 a.youj:hover{opacity:1; transition: all .5s;}
.foot_100{ float:left; width:100%; color:#fff; margin-top:120px;}
.foot_4f{ float:left; width:25%; font-size:18px;}
.foot_4f p{ margin:0px; float:left; width:95%;}
.foot_4f p.foot_xian{ margin:15px 0px; float:left; max-width:20px; background:#fff; height:1px; opacity:0.8;}
.foot_4f p.xiaoh{ font-size:14px; margin-top:3px;}


.youqing{ color:#777777; text-align:left; float:left; border-bottom:1px solid #777777; border-top:1px solid #777777;  width:100%; margin-top:120px; padding-bottom:25px;}
.youqing a{ text-align:left; margin-right:30px;   margin-top: 25px; color:#777777;}
.youqing span{ margin-right:30px;}
.youqing a:hover{ opacity:0.8;}
.beian{ padding:25px 0px; width:100%; color:#777777; text-align:left; float:left; }
.beian a{ color:#777777; }

.sbxx {
    width: 18px;
    position: relative;
    top: 80vh;
    left: calc(50% - 9px);
    z-index: 99;
}

.fen_banner{ height: 50vh;  margin-top: 50px;overflow: hidden;  position: relative;}
.banner_zi1{ 
    position:relative;
    top:18vh;
    width: 100%;
    margin: 0 auto;
    text-align: center;}

.sbxx_1{
    width: 18px;
    position: relative;
    bottom:80px;
    left: calc(50% - 9px);
    z-index: 99;
}
.fenlei_3{ margin:60px 15px; text-align:center;}

.page_zdy{ float: left;  width: 80%; text-align: center;   margin: 40px 10% 80px;}
.page_zdy a{ background:#f5f5f5; color:#333; padding:5px 10px; text-align:center; margin:0px 5px; font-size:14px;}
.page_zdy span{ background:#d9252b; color:#fff!important; padding:5px 10px; margin:0px 5px; font-size:14px;}
.page_zdy a:hover{background:#d9252b; color:#fff; padding:5px 10px; font-size:14px;}


.news_lib{ float:left; width:25%;}
.news_libzi{ float:left; width:75%; padding:40px 80px;}
.news_xx { margin-bottom:30px; background:#1b1b1b; padding:0px;}
.news_bt{ font-size:26px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_nr{font-size:14px; color:#fff; margin-top:8px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2;  }
.news_gd a{font-size:14px; color:#fff;  padding:13px 50px; position:relative; bottom:0px;  line-height: 14px; width: 185px; opacity:0.8; }
.news_gd img{float:right; }
.news_gd{ position:absolute; bottom:40px;background:#323233;}
.news_xx:hover .news_bt{ color:#d9252b; transition: all .5s;}
.news_xx:hover .news_gd{ background:#d9252b; transition: all .5s;}


.wh_30 { width:30%; float:left; padding:120px 0px 0px; }
.wh_30 .xian_5 { width:15%; float:left;}
.wh_30 .xian_5 span { width:60%; height:2px; background:#333;float:left; margin-top:36px;}
.wh_30 .nr_95 { width:85%; float:left; font-size:14px; color:#202020; line-height:36px;}
.wh_30 .nr_95 p{line-height:36px;}
.wh_30 .nr_95 h3 { font-size:24px; font-weight:bold; height:72px; line-height:72px;}
.wh_30:nth-child(4n-2) { padding:120px 0px 0px; margin:0px 5% 0px;  }
.wh_30:hover .xian_5 span{width:80%; transition:all .4s; background:#c3002f;}
.wh_30:hover .nr_95{ color:#c3002f; }
.pad_bot{  padding-bottom:120px; }


.fl_left{  float:left;}
.lx_top{padding:0px;  float:left; width:100%;}
.pad_60{padding:60px; } 
.zihao_16{font-size:16px; }
.zihao_18{font-size:18px; }
.zihao_20{font-size:20px; }
.zihao_24{font-size:24px; }
.wh_100{width:100%; float:left; }
.hxian_lx{ height:2px; margin:20px 0px 50px;  width:30px; float:left; background:#d9252b;}
.lx_bt{ height:40px; line-height:40px; border-left:4px solid #d9252b; }
.bg_lxse{ padding:15px; background:#fafafa;}
.pdzy_80{ padding:0px 80px; margin-bottom:80px; float:left;}
.xhxian{ text-indent:30px; line-height:66px; border-bottom:2px solid #ddd;}
.pdzy_80 .col-lg-4{ width:calc(33.333333% - 50px); margin-right:50px;}
.hongse{ color:#d9252b;}

.ty_bg{ background:#eaeaea; margin-top:50px;}
.ty_center{max-width:1800px; width:80%; padding:60px 8%; background:#fff; margin:0 auto; text-align:center;}
.xqnr_bt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xqnr_sj{ height:60px; line-height:60px; border-bottom:1px solid #c7c7c7; font-size:14px; color:#333;}
.xqnr_kz{ font-size:14px; color:#333; text-align:left; }
.xqnr_kz img{ max-width:100%;}



/*手机端*/
@media screen and (max-width: 768px) and (min-width: 0px) {
.wh_10,.fenlei_2{ display:none;}

.wh_90{ width:100%;}
.sbxx{top:70vh;}
.banner_da,.yiji{ font-size:24px;}
.fenlei{ margin:36px 15px;}
.centre,.centre_1{ width:100%;}

.hover_content_8{ position:inherit; background:#1b1b1b; opacity:1;    visibility: inherit; top: 0; left: 0;  transform: translate(0,0); }
.hover_overlay_8{ position:inherit;}
.hover_content_8 h4{ width:100%; padding:15px;}
.hover_content_8 a.xiangq{ display:none;}
.fenlei::after{ width:0px;}
.fenlei_3{ margin:20px 0px;    text-align: left;}
.product-number-info li{ width:50%;}
.product-number-info li b{ font-size:40px;}
.product-number-info li b sup{ top:10px;}
.product-number-info li.li-3 b, .product-number-info li.li-3 p{ padding-left:0px;}
.product-number-info li.li-4 b, .product-number-info li.li-4 p,.product-number-info li.li-2 b, .product-number-info li.li-2 p{ padding-left:30px;}
.product-number-info ul{ padding:0px 0px 60px;}

.foot_4,.foot_6,.foot_4f{ width:100%;}
.foot{ padding-top:30px;}
.ggy{ margin:10px 0px; font-size:18px;}
.foot_6 a.youj{ font-size:18px;}
.foot_100,.youqing{ margin-top:30px;}
.foot_4f{margin-bottom:30px;}
.foot_100{ display:none;}
.youqing a{ margin-top:10px;}
.youqing{ padding-top:15px;}
.fenlei_3{ display:none; margin:30px 15px 20px;}
.page_zdy{ margin:30px 15px;}
.page_zdy a,.page_zdy span{    margin: 0px 2px;}
.page_zdy{ width:calc(100% - 30px);}
.wh_30{ width:calc(100% - 30px); margin:0px 15px;padding:60px 0px 0px;}
.wh_30:nth-child(4n-2){padding:60px 0px 0px; }
.ty_center{ width:100%;}
.news_xx{margin:0px 15px;  width:calc(100% - 30px); margin-bottom:20px;}
.news_lib{ width:100%;}
.news_libzi{ padding:15px 5px; width:100%;}
.news_gd{ display:none;}
.news_bt{ font-size:18px; font-weight:bold;}

.pad_60{ padding:20px 0px;}
.zihao_20,.zihao_24{ font-size:16px;}
.zihao_18,.zihao_16{font-size:14px;}
.pdzy_80{ padding:0px; margin-bottom:30px;}

.pdzy_80 .col-lg-4{ width: calc(33.333333% - 10px); margin-right:10px; padding:20px 0px;}
.xhxian{ text-indent: 0px;  padding:20px; height:inherit; line-height:20px;}
.pdzy_80 .col-lg-8{ padding:20px 0px;}
.fenlei{ width:calc(100% - 30px);}
.hxian_zi,.hxian_zi1{ display:none;}
.fenlei_3 a{ display:none;}


.v2__slider{    height: 50vh;}
.v2__slider .wrapper{ min-height:50vh;}
.banner_zi{ margin-top:0px; position:relative; top:65px;}
.banner_xiao{ font-size:12px;}
.banner_da{ font-size:16px;}
    .about_img {
        width: 100%!important;
        height:auto!important;
    }
    .about_text {
        margin-left: 0 !important;
        width: auto !important;
    }
    .about_textbutt{text-align:center}
    .about_text h1{text-align:center}
}




.top-cat-arrow {
    content: "";
    width: 20px;
    height: 12px;
    background-image: url(../images/sprite.png);
    background-position: -331px -158px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    margin-left: 4px;
}

.nav ul li:hover .top-cat-arrow{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

td{
    border:1px solid!important
}

.left1{ width:68px; height:68px; border-radius:50px; background:#212121 url(../images/left.png); opacity:0.6;}
.right1{ width:68px; height:68px; border-radius:50px; background:#212121 url(../images/right.png); opacity:0.6;}
.left1:hover{ width:68px; height:68px; border-radius:50px; background:#d9252b url(../images/left.png); opacity:0.8; transition: all .5s;}
.right1:hover{ width:68px; height:68px; border-radius:50px; background:#d9252b url(../images/right.png); opacity:0.8; transition: all .5s;}

.v2__slider .swiper-next, .v2__slider .swiper-prev{
    outline: none;
    border-color: transparent;
    box-shadow:none;
}

.cck .hover_area_8:hover .hxian_zi1{ background:#d9252b; transition: all .5s; }

@font-face {
font-family: Roboto;
src: url(‘Css/Roboto-Black.ttf’);
}

.product-number-info ul{ font-family:Roboto;}
.centre_1280{max-width:1280px;}

.xqnr_bt table td{
    border:1px solid
}

@keyframes ball {
    0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
}

100% {
    -webkit-transform: translateY( -15px );
    transform: translateY( -15px );
}
}
.sbxx,.sbxx_1 {
    -webkit-animation: ball 500ms ease-in-out infinite alternate;
    animation: ball 500ms ease-in-out infinite alternate;
}

@media (min-width: 1660px) {
    .news_lib{ width:20%;}
    .news_libzi{ width:80%;}
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{ display:block;}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{ display:none;}
.nav li li{ width:auto; text-overflow:ellipsis; margin-right:5%; }
.nav li li a,.nav ul li .div1 .p1 a{ margin-right:0px;}
.nav ul li .div1.sanji{ position:fixed; top:165px; height:65px; padding-left:41%;background:#fff;}
.nav ul li ul.div1{ background:#7f7f7f; border-bottom:1px solid #dfdfdf;}
 .nav ul li .div1 .p1 a{ color:#fff;}
.nav ul li .div1 .p1 .sanji a{ color:#7f7f7f;}






.shangp_center{ width:90%; max-width:1200px; margin:0 auto; margin-top:100px;}
.shangp_top{ padding:30px; border:1px solid #dfdfdf;}
.shangp_top1{ width:100%; float:left; margin-top:40px; margin-bottom:40px;}

/*相关样式*/
#showbox {  background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:20px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

#showsum p{margin:0px;}
.showpage{margin:0px;}

.shangp_tu{ float:left; width:400px; height:472px;}
.shangp_jie{ width:calc(100% - 466px); margin-left:66px; float:right;}
.shangp_bt{ font-size:18px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #dfdfdf;}
.shangp_nr{ margin-top:30px; font-size:14px; color:#333;}

.shangp_tui{ float:left; width:268px; border:1px solid #dfdfdf;}
.shangp_xq{ float:left; width:calc(100% - 310px);  margin-left:40px;}
.shangp_pjtj{ width:100%; float:left; line-height:38px; border-bottom:1px solid #dfdfdf; font-size:14px; padding:0px 20px; height:38px;}
.pjtj{padding:30px 0px; margin:0px 20px; width:228px; float:left; overflow:hidden; border-bottom:1px solid #dfdfdf; }
.pjtj:last-child{border-bottom:0px;}
.pjtj img{ width:100px; height:100px; float:left;}
.pjtj b{ margin-left:24px; width:104px; float:left; font-size:14px;}
.pjtj a:hover{ opacity:0.8; color:#d9252b;}
.cpxiangqing{ float:left; width:190px; height:50px; background:#d9252b; line-height:50px; color:#fff; text-align:center; font-size:14px;}
.shangp_xq img{ width:100%;}

.a_txt3{ opacity:0.9;     /*overflow-y: auto; height:80px;*/ width:100%;    background: rgba(255, 255, 255, 0.1);}


@media (min-width: 768px) {
    .diannaoyin{display:none;}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
    .shangp_top,.shangp_tui{display:none;}
    .shangp_xq,.cpxiangqing{width:100%; margin:0px;}
    .shangp_center{margin-top:70px; width:100%;}
    .shangp_jie{ float:left; width:calc(100% - 10px); margin:0px 5px;}
    .sbxx, .sbxx_1{ display:none;}
    .xqnr_sj {
        height: 37px!important;
    }
    }







#full-width-slider {
	width: 100%;
	color: #000;
}
.coloredBlock {
	padding: 12px;
	background: rgba(255,0,0,0.6);
	color: #FFF;
	width: 200px;
	left: 20%;
	top: 5%;
}
.infoBlock {
	position: absolute;
	top: 30px;
	right: 30px;
	left: auto;
	max-width: 25%;
	padding-bottom: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	padding: 20px;
}
.infoBlockLeftBlack {
	color: #FFF;
	background: #000;
	background: rgba(0,0,0,0.75);
	left: 30px;
	right: auto;
}
.infoBlock h4 {
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
}
.infoBlock p {
	font-size: 14px;
	margin: 4px 0 0;
}
.infoBlock a {
	color: #FFF;
	text-decoration: underline;
}
.fullWidth {
	max-width: 1400px;
	margin: 0 auto 24px;
}
 @media screen and (min-width:960px) and (min-height:660px) {
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
	height: 520px !important;
}
}
 @media screen and (min-width:960px) and (min-height:1000px) {
.heroSlider .rsOverflow,  .royalSlider.heroSlider {
	height: 660px !important;
}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {
	height: 300px !important;
}
.infoBlock {
	padding: 10px;
	height: auto;
	max-height: 100%;
	min-width: 40%;
	left: 5px;
	top: 5px;
	right: auto;
	font-size: 12px;
}
.infoBlock h3 {
	font-size: 14px;
	line-height: 17px;
}
}



/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
	height: 32px;
	width: 32px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }

.rsMinW .rsArrowIcn {		
	width: 24px;
	height: 24px;
	margin-top: 3px;
	margin-left: 3px;
	position: absolute;
	cursor: pointer;	
	background: url('../images/rs-minimal-white.png') transparent;
	
	border-radius: 2px;
}
.rsMinW .rsArrowIcn:hover {

}


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsMinW .rsBullets {
	position: absolute;
	bottom: 15px;
	right: 73px;
	z-index: 35;
	padding-top: 4px;
	height: auto;

	text-align: center;
	line-height: 6px;
	overflow: hidden;
}
.rsMinW .rsBullet {
	width: 6px;
	height: 6px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px 4px;
}
.rsMinW .rsBullet span {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #CCC;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
	background: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsMinW .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsMinW .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsMinW .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsMinW .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsMinW .rsThumb.rsNavSelected {
	background: #333;
}
.rsMinW .rsThumb.rsNavSelected img {
	filter: alpha(opacity=40);
	opacity: 0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #FFF;
	border: 2px solid rgba(255,255,255,0.9);
	-webkit-backface-visibility: hidden;
} 
.rsMinW .rsTmb {
	display: block;
}




/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsMinW .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('../images/rs-minimal-white.png');
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsMinW .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsMinW .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsMinW .rsThumbsHor {
		height: 44px;
	}
	.rsMinW .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsMinW .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsMinW .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #000;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	*display:inline; 
	*zoom:1;
}
.rsMinW .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsMinW .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsMinW .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected { 
	color: #000;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsMinW .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsMinW .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('../images/rs-minimal-white.png') 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
	opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsMinW .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsMinW .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(rs-minimal-white.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsMinW .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsMinW .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../images/rs-minimal-white.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsMinW .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../images/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: #000;
    background: rgba(0,0,0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}





/* 手机端二级分类 */
.slider
{
    background: #d5d5d5;
    height: 7px;
    position: relative;
    cursor: pointer;
    width: 100%;
    clear: right;
    top: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 8px #000;
    margin: 10px 0 10px 0;
}

/* progress bar (enabled with progress: true) */
.progress
{
    height: 7px;
    position: relative;
    background: #5389c5; /* Old browsers */
	background: -moz-linear-gradient(top, #5389c5 0%, #4775a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5389c5), color-stop(100%,#4775a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5389c5 0%,#4775a9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5389c5', endColorstr='#4775a9',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    top: 0px;
    border: 1px solid #4b7bb1;

    -moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
}

/* drag handle */
.handle
{
    background: url(../images/handle.png) repeat-x center;
    height: 16px;
    width: 16px;
    top: -5px;
    position: absolute;
    display: block;
    margin-top: 1px;
    cursor: pointer;

}

/* the input field */
.range
{
    display: none;
}
/* expmenu */
ul.expmenu{width:100%;margin:0px auto 30px;    font-size: 14px;}
ul.expmenu li div.header{padding:15px;border-bottom:1px #396e9f solid;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#ececec;padding:15px;border-bottom:1px solid #dcdcdc;border-top:1px solid #fff;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#fff;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	
	background:#d9252b;/* Old browsers */
	
}
ul.expmenu li div.header .label{background:no-repeat;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../images/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../images/arrow_d.png);}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	background:#d9252b;/* Old browsers */
	
	cursor:pointer;
}

ul.expmenu li ul li:not(.selected):hover{
	background:#e7e7e7;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#f1f1f1;/* Old browsers */
	cursor:pointer;
}

.nav ul li .div11{display:none;background:#fff;width:100%;left:0px;top:100px;z-index:100; position:absolute;}

.fenlei_3 ul li{ width:inherit; height:inherit;}
.fenlei_3 ul{ width: max-content; margin:0 auto; text-align:center;}
 .fenlei_3 ul li ul.div11 li{ float:left; font-size:14px;}
 .fenlei_3 ul li ul.div11{ width:90%;top:60px; position:absolute; padding-bottom:20px; opacity:0.9;}
 .fenlei_3 ul li ul.div11 li a{ font-size:14px; font-weight:400;}
#about h2 .txtEn {
    font-family: TENStitle !important;
    float: left;
    font-size: 34px;
    font-weight: normal;
    line-height: 28px;
}

#about .lazyAnimated {
    margin-bottom: 30px;
}

#about {
    background: #ffffff;
    position: relative;
}

.about_img {
    float: left;
}

.about_text {
    float: left;
}

.clear {
    clear: both;
}

.about_text {
    margin-left: 5%;
    width: 40%;
}

    .about_text h1 {
        margin-top: 5%;
        font-size: 28px;
    }

    .about_text span {
        line-height: 28px;
        display: block;
        margin-top: 5%;
    }

.about_img {
    width: 50%;
}

    .about_img img {
        width: 100%;
    }

.btnTypeabout span {
    line-height: 48px;
}

.btnTypeabout:hover {
    background-color: #e60113;
}

    .btnTypeabout:hover span {
        color: #fff;
    }

.btnTypeabout {
    /*font-family:'DIN Next W06 Regular';*/
    font-size: 16px;
    letter-spacing: 0.15em;
}

.btnTypeabout {
    font-family: 'Microsoft YaHei';
    display: inline-block;
    color: #555;
    border: 1px solid #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 0 19px;
    height: 48px;
    line-height: 48px;
    min-width: 180px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .btnTypeabout span {
        margin-top: 0 !important;
        display: inline
    }

.about_textbutt {
    margin-top: 5%;
}

#button {
    background: #2c2d2c;
    min-height: 500px;
    width: 100%;
}
.inner {
    width: 80%;
    margin-left: 10%;
    overflow: auto;
    margin-top:10%;
    padding-bottom:3%
}
.about_img{height:400px;overflow:hidden}
.about_div {
    background: #f4f4f4;
    float:left
}