@charset "UTF-8";
/*sass-lint:disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}
a:hover{ color:#026DBD;}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

h1,h2,h3,h4,h5,h6{font-weight:normal}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent; font-family:Arial, Helvetica, sans-serif
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/**
 * Asset URL builder
 *
 * @param {String} $type - Asset type, matching folder name
 * @param {String} $file - Asset file name, including extension
 *
 * @return {URL} - A `url()` function leading to the asset
 */
/*
 * Font asset helper
 * @access public
 * @param {String} $file - Asset file name, including extension
 * @return {URL} - A `url()` function leading to the font
 * @require {function} asset
 */
/*
 * Get Font weight
 *
 * @param {String} $weight - The name of the weight you need
 *
 * @return {Number} - The CSS based font weight on the name
 */
/**
 * Z-Index function
 *
 * @param {string} $list (Array) - The list to find the current z-index in
 * @param {string} $element (String) - The name of the current element, must be in the $list
 *
 * @returns {number}
 */
/**
 * Get EM size of a value based on a base size
 *
 * @param {Number} $value - The value you need the EM value from
 * @param {Number} $base - The base value where the $value is calculated upon
 *
 * @return {EM Value} - The EM value based on $value and $base
 */
/**
 * Font Face
 *
 * @param {string} $fontName - Name of the font
 * @param {string} $folderName - Subfolder inside the fonts folder
 * @param {string} $fileName - Name of the font-file
 * @param {string} $fontWeight (normal) - Font weight value
 * @param {string} $fontStyle (normal) - Font style value
 */
/**
 * Respond To (Breakpoint)
 *
 * @param {string} $name - Name of the breakpoint used in $breakpoints
 */
/**
 * Aspect ratio, create a :before pseudo element for setting an aspect ratio on an element
 *
 * @param {number} $width (1) - Percentage width
 * @param {number} $height ($width) - Percentage height
 * @param {boolean} $relative (true) - Add relative position to element
 */
/**
 * Hover Mixin for applying :hover pseudo styles
 *
 * Add your own implementation for showing hovers
 * Example using Modernizr touch check: html.no-touch &:hover { @content; }
 * Leaving it to just :hover by default. But best practice to always use the mixin
 *
 * @param $extraSelector:string (optional) = an extra selector that can have the same styles as a hover (for mobile/active state)
 */
/**
 * Offset
 *
 * @param {number} $top (0) - Top Offset
 * @param {number} $left (0) - Left Offset
 */
/**
 * Position mixin for setting absolute position values
 *
 * The mixin can have multiple arguments providing a number
 * @param {number} $top (0) - Top Position
 * @param {number} $right ($top) - Right Position
 * @param {number} $bottom ($top) - Bottom Position
 * @param {number} $left ($right) - Left Position
 *
 * Or a map of multiple positions
 * @param {map} $args... - A map containing multiple positions (top: 1px, left: 1px)
 */
/**
 * Set pseudo elements styles that are used mostly (content, display, position)
 *
 * @param {display} $display (block)
 * @param {position} $position (absolute)
 * @param {string} $content ('')
 */
/**
 * Size an Element
 *
 * @param {number} $width (1em) - Width of the element
 * @param {number} $height ($width) - Height of the element
 */
/* Globally available project specific mixins, functions and variables */
/*
 * This is a globally available SCSS project file.
 * It contains project specific utilities (variables, mixins, functions) that don't! output CSS by default.
 * We use it to be imported in a webpack loader to avoid having to import these in each separate file.
 *
 * This file is used next to "seng-scss" which is imported globally as well and contain the default mixins/vars/functions
 */
/**
 * Asset URL builder
 *
 * @param {String} $type - Asset type, matching folder name
 * @param {String} $file - Asset file name, including extension
 *
 * @return {URL} - A `url()` function leading to the asset
 */
/*
 * Font asset helper
 * @access public
 * @param {String} $file - Asset file name, including extension
 * @return {URL} - A `url()` function leading to the font
 * @require {function} asset
 */
/*
 * Get Font weight
 *
 * @param {String} $weight - The name of the weight you need
 *
 * @return {Number} - The CSS based font weight on the name
 */
/**
 * Z-Index function
 *
 * @param {string} $list (Array) - The list to find the current z-index in
 * @param {string} $element (String) - The name of the current element, must be in the $list
 *
 * @returns {number}
 */
/**
 * Get EM size of a value based on a base size
 *
 * @param {Number} $value - The value you need the EM value from
 * @param {Number} $base - The base value where the $value is calculated upon
 *
 * @return {EM Value} - The EM value based on $value and $base
 */
/**
 * Font Face
 *
 * @param {string} $fontName - Name of the font
 * @param {string} $folderName - Subfolder inside the fonts folder
 * @param {string} $fileName - Name of the font-file
 * @param {string} $fontWeight (normal) - Font weight value
 * @param {string} $fontStyle (normal) - Font style value
 */
/**
 * Respond To (Breakpoint)
 *
 * @param {string} $name - Name of the breakpoint used in $breakpoints
 */
/**
 * Aspect ratio, create a :before pseudo element for setting an aspect ratio on an element
 *
 * @param {number} $width (1) - Percentage width
 * @param {number} $height ($width) - Percentage height
 * @param {boolean} $relative (true) - Add relative position to element
 */
/**
 * Hover Mixin for applying :hover pseudo styles
 *
 * Add your own implementation for showing hovers
 * Example using Modernizr touch check: html.no-touch &:hover { @content; }
 * Leaving it to just :hover by default. But best practice to always use the mixin
 *
 * @param $extraSelector:string (optional) = an extra selector that can have the same styles as a hover (for mobile/active state)
 */
/**
 * Offset
 *
 * @param {number} $top (0) - Top Offset
 * @param {number} $left (0) - Left Offset
 */
/**
 * Position mixin for setting absolute position values
 *
 * The mixin can have multiple arguments providing a number
 * @param {number} $top (0) - Top Position
 * @param {number} $right ($top) - Right Position
 * @param {number} $bottom ($top) - Bottom Position
 * @param {number} $left ($right) - Left Position
 *
 * Or a map of multiple positions
 * @param {map} $args... - A map containing multiple positions (top: 1px, left: 1px)
 */
/**
 * Set pseudo elements styles that are used mostly (content, display, position)
 *
 * @param {display} $display (block)
 * @param {position} $position (absolute)
 * @param {string} $content ('')
 */
/**
 * Size an Element
 *
 * @param {number} $width (1em) - Width of the element
 * @param {number} $height ($width) - Height of the element
 */
.abs-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.abs-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.fit-contain {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	position: absolute;
	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
	font-family: 'object-fit: contain;';
}

.fit-cover {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
	font-family: 'object-fit: cover;';
}

@font-face {
	font-family: 'svgicons';
	src: url("../fonts/svgicons.woff2") format("woff2"), url("../fonts/svgicons.woff") format("woff");
}

.font-ico-arrow-down:before, .font-ico-arrow-right:before, .font-ico-chevron-down:before, .font-ico-cross:before, .font-ico-download:before, .font-ico-external-link:before, .font-ico-filter:before, .font-ico-globe:before, .font-ico-maximize:before, .font-ico-minimize:before, .font-ico-minus:before, .font-ico-mobile-burger:before, .font-ico-pause:before, .font-ico-play:before, .font-ico-plus:before, .font-ico-search:before, .font-ico-sound-off:before, .font-ico-sound-on:before, .font-ico-tick:before, .font-ico-wechat:before {
	font-family: 'svgicons';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	display: block;
	line-height: 1;
}

[class*='font-ico'] {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}

.font-ico-arrow-down:before {
	content: "";
}

.font-ico-arrow-right:before {
	content: "";
}

.font-ico-chevron-down:before {
	content: "";
}

.font-ico-cross:before {
	content: "";
}

.font-ico-download:before {
	content: "";
}

.font-ico-external-link:before {
	content: "";
}

.font-ico-filter:before {
	content: "";
}

.font-ico-globe:before {
	content: "";
}

.font-ico-maximize:before {
	content: "";
}

.font-ico-minimize:before {
	content: "";
}

.font-ico-minus:before {
	content: "";
}

.font-ico-mobile-burger:before {
	content: "";
}

.font-ico-pause:before {
	content: "";
}

.font-ico-play:before {
	content: "";
}

.font-ico-plus:before {
	content: "";
}

.font-ico-search:before {
	content: "";
}

.font-ico-sound-off:before {
	content: "";
}

.font-ico-sound-on:before {
	content: "";
}

.font-ico-tick:before {
	content: "";
}

.font-ico-wechat:before {
	content: "";
}

button,
input[type='button'],
input[type='submit'] {
	font-family: "Microsoft Yahei", "Pingfang", sans-serif;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 0;
}

a,
button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	text-decoration: none;
}

.primary-button, .tertiary-button__icon {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	height: 48px;
	min-width: 48px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	border-radius: 10px;
	-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes arrowAnimation {
	16.65% {
		-webkit-transform: translateX(6px);
		        transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

@keyframes arrowAnimation {
	16.65% {
		-webkit-transform: translateX(6px);
		        transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		        transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		        transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		        transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}

.primary-button [class*='font-ico'], .tertiary-button__icon [class*='font-ico'] {
	position: relative;
	color: #fff;
	margin: 0 13px;
}

.primary-button span:not([class*='font-ico']), .tertiary-button__icon span:not([class*='font-ico']) {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding: 0 14px 0 16px;
}

.is-hover .primary-button, .is-hover .tertiary-button__icon {
	background-color: #d9261c;
}

.is-hover .primary-button .font-ico-arrow-right, .is-hover .tertiary-button__icon .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1.2s ease-in-out;
	        animation: arrowAnimation 1.2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-button:hover, .tertiary-button__icon:hover {
	background-color: #d9261c;
}

.primary-button:hover .font-ico-arrow-right, .tertiary-button__icon:hover .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1.2s ease-in-out;
	        animation: arrowAnimation 1.2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-button--disabled {
	background-color: #c7c8cb;
}

.primary-button--on-dark, .tertiary-button--on-dark.tertiary-button__icon {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(255, 255, 255, 0.2);
}

.is-hover .primary-button--on-dark, .is-hover .tertiary-button--on-dark.tertiary-button__icon {
	background-color: #bd1e0f;
}

.primary-button--on-dark:hover, .tertiary-button--on-dark.tertiary-button__icon:hover {
	background-color: #bd1e0f;
}

.primary-button--on-dark:active, .tertiary-button--on-dark.tertiary-button__icon:active {
	background-color: #8e160b;
}

.primary-button--on-dark.primary-button--disabled, .primary-button--disabled.tertiary-button--on-dark.tertiary-button__icon {
	background-color: #454545;
}

.primary-button--highlight {
	background-color: #d9261c;
}

.is-hover .primary-button--highlight {
	background-color: #bd1e0f;
}

.primary-button--highlight:hover {
	background-color: #bd1e0f;
}

.primary-button--highlight:active {
	background-color: #8e160b;
}

.primary-button--highlight.primary-button--disabled {
	background-color: #c7c8cb;
}

@media (min-width: 768px) {
	.primary-button, .tertiary-button__icon {
		height: 56px;
		min-width: 56px;
		position: relative;
	}
	.primary-button::before, .tertiary-button__icon::before {
		content: "";
		display: "";
		position: absolute;
		height: 100%;
		width: 100%;
		border: 2px solid #d2e8f5;
		border-radius: 10px;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	.primary-button.focus-visible, .focus-visible.tertiary-button__icon {
		outline: none;
		background-color: #d9261c;
	}
	.primary-button.focus-visible::before, .focus-visible.tertiary-button__icon::before {
		opacity: 1;
	}
	.primary-button [class*='font-ico'], .tertiary-button__icon [class*='font-ico'] {
		position: relative;
		color: #fff;
		margin: 0 16px;
	}
	.primary-button span:not([class*='font-ico']), .tertiary-button__icon span:not([class*='font-ico']) {
		font-size: 14px;
		padding: 0 18px 0 24px;
	}
}

.secondary-button {
	position: relative;
	height: 40px;
	min-width: 40px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #454545;
	-webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s ease;
	transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s ease;
}

.secondary-button::before {
	content: "";
	display: "";
	position: absolute;
	height: 100%;
	width: 100%;
	border: 2px solid #d2e8f5;
	border-radius: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.secondary-button [class*='font-ico'] {
	position: relative;
	color: #666;
	margin: 0 7px;
}

.is-hover .secondary-button {
	border-color: #454545;
}

.secondary-button:hover {
	border-color: #454545;
}

.secondary-button.focus-visible {
	outline: none;
}

.secondary-button.focus-visible::before {
	opacity: 1;
}

.secondary-button span:not([class*='font-ico']) {
	position: relative;
	font-size: 12px;
	font-weight: 400;
	padding: 0 4px 0 16px;
	color: #858587;
}

.secondary-button:active {
	background-color: #353535;
}

.secondary-button--disabled {
	color: #454545;
}

.secondary-button--disabled [class*='font-ico'] {
	color: #454545;
}

@media (min-width: 768px) {
	.secondary-button span:not([class*='font-ico']) {
		font-size: 14px;
		padding: 0 0 0 24px;
		color: #858587;
	}
	.secondary-button span[class*='font-ico'] {
		margin-right: 16px;
	}
}

.tertiary-button {
	color: #171717;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tertiary-button--on-dark {
	color: #fff;
}

.tertiary-button .copy-01 {
	margin-left: 16px;
}

.tertiary-button .heading-04 {
	margin-left: 24px;
}

.tertiary-button:hover {
	color: #d9261c;
}

.tertiary-button:hover .tertiary-button__icon {
	background: #d9261c;
}

.tertiary-button:hover .tertiary-button__icon .font-ico-arrow-right {
	-webkit-animation: arrowAnimation 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	        animation: arrowAnimation 1s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}

.primary-label {
	position: relative;
	height: 32px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 20px;
	padding: 0 16px;
	color: #171717;
	background-color: #fff;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.primary-label::before {
	content: "";
	display: "";
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	border-radius: 20px;
	-webkit-transform: scale(0.85);
	        transform: scale(0.85);
	opacity: 0;
	-webkit-transition: opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.15s ease;
	transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.15s ease, -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.primary-label span {
	position: relative;
}

.primary-label.is-active {
	color: #fff;
}

.primary-label.is-active::before {
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

.primary-label--dark {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(23, 23, 23, 0.8);
	color: #fff;
}

.primary-label--dark::before {
	-webkit-backdrop-filter: blur(12px);
	        backdrop-filter: blur(12px);
	background-color: rgba(255, 255, 255, 0.2);
}

.primary-label--dark.is-active {
	color: #171717;
}

@media (min-width: 768px) {
	.primary-label {
		height: 40px;
	}
}

/**
 * Generate semantic grid columns with these mixins.
 */
/**
 * Used to generate the correct number of grid classes given any value of `$grid-columns`.
 */
.container {
	max-width: 1920px;
	margin: 0 auto;
}

/**
 * Fluid container
 * Utilizes the mixin meant for fixed width containers, but with 100% width for fluid, full width layouts.
 */
.container-fluid {
	width: 100%;
	padding-right: 24px;
	padding-left: 24px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container-fluid {
		padding-right: 80px;
		padding-left: 80px;
	}
}

/**
 * Row
 * Rows contain and clear the floats of your columns.
 */
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0;
	padding-left: 24px;
	padding-right: 24px;
}

@media (min-width: 480px) {
	.row {
		padding-left: 3.495%;
		padding-right: 3.495%;
	}
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11, .col-small-12, .col-small,
.col-small-auto, .col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12, .col-medium,
.col-medium-auto, .col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12, .col-large,
.col-large-auto, .col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12, .col-xlarge,
.col-xlarge-auto, .col-xxlarge-1, .col-xxlarge-2, .col-xxlarge-3, .col-xxlarge-4, .col-xxlarge-5, .col-xxlarge-6, .col-xxlarge-7, .col-xxlarge-8, .col-xxlarge-9, .col-xxlarge-10, .col-xxlarge-11, .col-xxlarge-12, .col-xxlarge,
.col-xxlarge-auto, .col-xxxlarge-1, .col-xxxlarge-2, .col-xxxlarge-3, .col-xxxlarge-4, .col-xxxlarge-5, .col-xxxlarge-6, .col-xxxlarge-7, .col-xxxlarge-8, .col-xxxlarge-9, .col-xxxlarge-10, .col-xxxlarge-11, .col-xxxlarge-12, .col-xxxlarge,
.col-xxxlarge-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0;
}

@media (min-width: 480px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11, .col-small-12, .col-small,
	.col-small-auto, .col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12, .col-medium,
	.col-medium-auto, .col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12, .col-large,
	.col-large-auto, .col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12, .col-xlarge,
	.col-xlarge-auto, .col-xxlarge-1, .col-xxlarge-2, .col-xxlarge-3, .col-xxlarge-4, .col-xxlarge-5, .col-xxlarge-6, .col-xxlarge-7, .col-xxlarge-8, .col-xxlarge-9, .col-xxlarge-10, .col-xxlarge-11, .col-xxlarge-12, .col-xxlarge,
	.col-xxlarge-auto, .col-xxxlarge-1, .col-xxxlarge-2, .col-xxxlarge-3, .col-xxxlarge-4, .col-xxxlarge-5, .col-xxxlarge-6, .col-xxxlarge-7, .col-xxxlarge-8, .col-xxxlarge-9, .col-xxxlarge-10, .col-xxxlarge-11, .col-xxxlarge-12, .col-xxxlarge,
	.col-xxxlarge-auto {
		padding-right: 0.625%;
		padding-left: 0.625%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

.col {
	-webkit-flex-basis: 0;
	    -ms-flex-preferred-size: 0;
	        flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-1 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.33333%;
	    -ms-flex: 0 0 8.33333%;
	        flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.col-2 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.66667%;
	    -ms-flex: 0 0 16.66667%;
	        flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.col-3 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	    -ms-flex: 0 0 25%;
	        flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.33333%;
	    -ms-flex: 0 0 33.33333%;
	        flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.66667%;
	    -ms-flex: 0 0 41.66667%;
	        flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.33333%;
	    -ms-flex: 0 0 58.33333%;
	        flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.66667%;
	    -ms-flex: 0 0 66.66667%;
	        flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	    -ms-flex: 0 0 75%;
	        flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 83.33333%;
	    -ms-flex: 0 0 83.33333%;
	        flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 91.66667%;
	    -ms-flex: 0 0 91.66667%;
	        flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
}

.offset-1 {
	margin-left: 8.33333%;
}

.offset-2 {
	margin-left: 16.66667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333%;
}

.offset-5 {
	margin-left: 41.66667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333%;
}

.offset-8 {
	margin-left: 66.66667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333%;
}

.offset-11 {
	margin-left: 91.66667%;
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 480px) {
	.col-small {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-small-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-small-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-small-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-small-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-small-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-small-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-small-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-small-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-small-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-small-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-small-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-small-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-small-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-small-0 {
		margin-left: 0;
	}
	.offset-small-1 {
		margin-left: 8.33333%;
	}
	.offset-small-2 {
		margin-left: 16.66667%;
	}
	.offset-small-3 {
		margin-left: 25%;
	}
	.offset-small-4 {
		margin-left: 33.33333%;
	}
	.offset-small-5 {
		margin-left: 41.66667%;
	}
	.offset-small-6 {
		margin-left: 50%;
	}
	.offset-small-7 {
		margin-left: 58.33333%;
	}
	.offset-small-8 {
		margin-left: 66.66667%;
	}
	.offset-small-9 {
		margin-left: 75%;
	}
	.offset-small-10 {
		margin-left: 83.33333%;
	}
	.offset-small-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 768px) {
	.col-medium {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-medium-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-medium-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-medium-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-medium-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-medium-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-medium-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-medium-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-medium-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-medium-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-medium-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-medium-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-medium-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-medium-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-medium-0 {
		margin-left: 0;
	}
	.offset-medium-1 {
		margin-left: 8.33333%;
	}
	.offset-medium-2 {
		margin-left: 16.66667%;
	}
	.offset-medium-3 {
		margin-left: 25%;
	}
	.offset-medium-4 {
		margin-left: 33.33333%;
	}
	.offset-medium-5 {
		margin-left: 41.66667%;
	}
	.offset-medium-6 {
		margin-left: 50%;
	}
	.offset-medium-7 {
		margin-left: 58.33333%;
	}
	.offset-medium-8 {
		margin-left: 66.66667%;
	}
	.offset-medium-9 {
		margin-left: 75%;
	}
	.offset-medium-10 {
		margin-left: 83.33333%;
	}
	.offset-medium-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1024px) {
	.col-large {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-large-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-large-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-large-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-large-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-large-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-large-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-large-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-large-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-large-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-large-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-large-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-large-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-large-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-large-0 {
		margin-left: 0;
	}
	.offset-large-1 {
		margin-left: 8.33333%;
	}
	.offset-large-2 {
		margin-left: 16.66667%;
	}
	.offset-large-3 {
		margin-left: 25%;
	}
	.offset-large-4 {
		margin-left: 33.33333%;
	}
	.offset-large-5 {
		margin-left: 41.66667%;
	}
	.offset-large-6 {
		margin-left: 50%;
	}
	.offset-large-7 {
		margin-left: 58.33333%;
	}
	.offset-large-8 {
		margin-left: 66.66667%;
	}
	.offset-large-9 {
		margin-left: 75%;
	}
	.offset-large-10 {
		margin-left: 83.33333%;
	}
	.offset-large-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1280px) {
	.col-xlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xlarge-0 {
		margin-left: 0;
	}
	.offset-xlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xlarge-3 {
		margin-left: 25%;
	}
	.offset-xlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xlarge-6 {
		margin-left: 50%;
	}
	.offset-xlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xlarge-9 {
		margin-left: 75%;
	}
	.offset-xlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xlarge-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1440px) {
	.col-xxlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xxlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xxlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xxlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xxlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xxlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xxlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xxlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xxlarge-0 {
		margin-left: 0;
	}
	.offset-xxlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xxlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xxlarge-3 {
		margin-left: 25%;
	}
	.offset-xxlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xxlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xxlarge-6 {
		margin-left: 50%;
	}
	.offset-xxlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xxlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xxlarge-9 {
		margin-left: 75%;
	}
	.offset-xxlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xxlarge-11 {
		margin-left: 91.66667%;
	}
}

.col-margin {
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.col-margin {
		margin-bottom: 24px;
	}
}

@media (min-width: 1920px) {
	.col-xxxlarge {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		max-width: 100%;
	}
	.col-xxxlarge-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xxxlarge-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333%;
		    -ms-flex: 0 0 8.33333%;
		        flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xxxlarge-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		    -ms-flex: 0 0 16.66667%;
		        flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxxlarge-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxxlarge-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		    -ms-flex: 0 0 33.33333%;
		        flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxxlarge-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66667%;
		    -ms-flex: 0 0 41.66667%;
		        flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxxlarge-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxxlarge-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333%;
		    -ms-flex: 0 0 58.33333%;
		        flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xxxlarge-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66667%;
		    -ms-flex: 0 0 66.66667%;
		        flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xxxlarge-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		        flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxxlarge-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333%;
		    -ms-flex: 0 0 83.33333%;
		        flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xxxlarge-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66667%;
		    -ms-flex: 0 0 91.66667%;
		        flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xxxlarge-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.offset-xxxlarge-0 {
		margin-left: 0;
	}
	.offset-xxxlarge-1 {
		margin-left: 8.33333%;
	}
	.offset-xxxlarge-2 {
		margin-left: 16.66667%;
	}
	.offset-xxxlarge-3 {
		margin-left: 25%;
	}
	.offset-xxxlarge-4 {
		margin-left: 33.33333%;
	}
	.offset-xxxlarge-5 {
		margin-left: 41.66667%;
	}
	.offset-xxxlarge-6 {
		margin-left: 50%;
	}
	.offset-xxxlarge-7 {
		margin-left: 58.33333%;
	}
	.offset-xxxlarge-8 {
		margin-left: 66.66667%;
	}
	.offset-xxxlarge-9 {
		margin-left: 75%;
	}
	.offset-xxxlarge-10 {
		margin-left: 83.33333%;
	}
	.offset-xxxlarge-11 {
		margin-left: 91.66667%;
	}
}

.copy-01 {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}

@media (min-width: 768px) {
	.copy-01 {
		font-size: 16px;
		line-height: 24px;
	}
}

[class*='heading-'] {
	font-weight: 400;
}

.heading-01 {
	font-size: 80px;
	line-height: 88px;
	letter-spacing: -0.009em;
}

@media (min-width: 1024px) {
	.heading-01 {
		font-size: 136px;
		line-height: 160px;
		letter-spacing: -0.01em;
	}
}

.heading-02 {
	font-size: 48px;
	line-height: 64px;
}

@media (min-width: 1024px) {
	.heading-02 {
		font-size: 80px;
		line-height: 104px;
	}
}

.heading-03 {
	font-size: 32px;
	line-height: 40px;
}

@media (min-width: 1024px) {
	.heading-03 {
		font-size: 56px;
		line-height: 80px;
	}
}

.heading-04 {
	font-size: 20px;
	line-height: 32px;
}

@media (min-width: 1024px) {
	.heading-04 {
		font-size: 32px;
		line-height: 48px;
	}
}

.heading-05 {
	font-size: 16px;
	line-height: 24px;
}

@media (min-width: 1024px) {
	.heading-05 {
		font-size: 20px;
		line-height: 32px;
	}
}
   .mob-show {
        display: none;
    }

    .pc-show {
        display: block;
    }

    .banner-content-box-2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 8;
        width: 70%;
        overflow: hidden;
        word-break: break-all;
        white-space: break-spaces;
    }

    .banner-pq {
        text-align: left;
        left: 12vw;
    }

    .banner-content-box-2 .banner-tl-pq {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        line-height: 60px;
        text-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    }

    .banner-content-box-2 .banner-subtitle-pq {
        font-size: 24px;
        margin: 20px 0;
        color: #fff;
    }

    .banner-content-box-2 .btn-isp a {
        display: inline-block;
        padding: 0px 1.2vw;
        height: 56px;
        line-height: 56px;
        font-size: 18px;
        background: #0077C4;
        /* border: 1px solid #bd1e0f; */
        color: #fff;
        margin-top: 20px;
        backdrop-filter: blur(12px);
        /* background-color: rgba(255, 255, 255, 0.2); */
        border-radius: 9px;

    }

    /* .banner-content-box-2 a:hover {
        background: #bd1e0f;
        border: 1px solid #bd1e0f;
        color: #fff;
    } */
	
    @media (max-width: 1600px) {
	 .banner-content-box-2 .banner-tl-pq {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 60px;
        text-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    }
	}
	

    @media (max-width: 767px) {
        .mob-show {
            display: block;
        }

        .pc-show {
            display: none;
        }

        .banner-pq {
            width: 77% !important;
            margin: 4vw 10vw 0 10vw;
            left: 0;
        }

        .banner-content-box-2 .banner-tl-pq {
            width: 100%;
            line-height: 48px;
            font-size: 26px !important;
        }

        .banner-content-box-2 .banner-subtitle-pq {
            font-size: 20px;
        }

        .banner-content-box-2 .btn-isp a{
            margin-top: 16vw;
            font-size: 16px;
        }

        .banner-content-box-2 a {
            font-size: 16px;
        }

        .banner-content-box-2.to-left {
            text-align: center;
        }

        .banner-content-box-2.to-right {
            text-align: center;
        }
    }

    @media screen and (width:768px) {
        .banner-pq {
            margin: 0;
            margin-left: -8vw;
        }

        .banner-tl-pq {
            font-size: 38px !important;
            line-height: 52px !important;
        }

    }


p,
h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

html {
	font-size: 10px;
	font-family: "Microsoft Yahei", "Pingfang", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	overflow-x: hidden;
}

body .scrollbar-track {
	background-color: transparent;
}

body .scrollbar-thumb-y {
	width: 4px;
	background-color: #c7c8cb;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

/*
  Focus-visible styling:

  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/
.js-focus-visible :focus:not(.focus-visible) {
	outline: none;
}

.n06-footer {
	margin-top: 50px !important;
}
a:link {
	color: #026DBD;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #026DBD;
}
a:hover {
	text-decoration: none;
	color: #026DBD;
}
a:active {
	text-decoration: none;
}
body,td,th {
	color: #333333;
}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.w1294{ width:1200px; margin:auto; margin-top:80px;}
.w1294 .w414{ width:380px;}
.w1294 .mr26{ margin-right:26px;}
.w1294 .mb26{ margin-bottom:26px;}
.w1294 .bg250{ width:100%; height:240px; background-color:#F7F7F7;}
.w1294 .text_wt{ padding:15px;}
.w1294 .text_wt ul li { clear:both; margin-bottom:15px;}
.w1294 .text_wt ul li span{ color:#026DBD; font-size:16px; line-height:35px; font-weight:bold;}
.w1294 .text_wt ul li p{ color:#666666; font-size:14px; line-height:26px;}
.w1294 .text_wt_xp{ padding:15px;}
.w1294 .text_wt_xp ul li { clear:both; margin-bottom:15px;}
.w1294 .text_wt_xp ul li span{ color:#026DBD; font-size:16px; display:block; margin-bottom:10px;font-weight:bold;}
.w1294 .text_wt_xp ul li p{ color:#666666; font-size:14px; line-height:26px;}
.w1294 .text_wt_xp ul li img{ margin-bottom:10px;}


.mokuai{ width:1000px; margin:auto; margin-top:70px;}
.mokuai li{ width:25%; text-align:center;}
.mokuai li a{ color:#333333;}
.mokuai li a:hover{ color:#026DBD;}
.mokuai img{ margin:auto;}
.mokuai span{ display:block; text-align:center; font-size:14px; padding-bottom:50px;}
.fl{ float:left;}
.fr{ float:right;}

.news{ width:100%; margin:auto;}
.news h1{color: #026DBD; padding-bottom:20px; font-weight:bold;}
.news li { width:285px; margin-right:20px; margin-bottom:26px;}
.news li span{ font-size:18px; padding-top:30px; padding-bottom:20px; line-height:50px;}
.news a:hover{color: #026DBD;}
.news li p{color:#666666; font-size:14px; line-height:22px;}
.news li:nth-child(3n){ margin-right:0px;}
.cont img{ max-width:100%;}

.news img{ width:100%; float:left; height:190px;}
.news .xbg{ background-color:#F7F7F7; padding:20px;}

.indexnews{ width:1200px; margin:auto;}
.indexnews h1{color: #026DBD; padding-bottom:20px; font-weight:bold;}
.indexnews li { width:32.2%; float:left; margin-right:20px;padding-right:20px; border-right:1px dashed #eee;}
.indexnews li:nth-child(5n){ border-right:1px dashed #fff; margin-right:0px;}
.indexnews a{color: #333; font-size:14px;}
.indexnews a:hover{color: #026DBD;}
.indexnews li span{ font-size:18px;}
.indexnews li p{ padding-top:10px; color:#999999; line-height:24px;}

.footer{ width:100%; background-color:#E7E7E7; padding-top:50px; padding-bottom:30px; overflow:hidden;}
.foot{ width:1200px; margin:auto;}
.foot a{color:#333333;}
.foot a:hover{color:#026DBD;}
.foot .xiantiao{ width:100%; height:1px; background-color:#C7C7C7; margin-top:30px; margin-bottom:30px;}
.foot .bq{ color:#333; padding-right:30px; font-size:16px}
.foot .ewm{padding-top:20px; padding-right:10px; font-size:14px; color:#666666; line-height:28px; text-align:right;}

.xmmc{ color:#FFFFFF; font-size:24px; height:60px; line-height:60px; text-align:left; width:240px; background-color:#026DBD; padding-left:40px;}
.tops{ padding-top:154px;}

.w1200{ width:1220px; margin:auto; padding-bottom:50px;}
.xinpian { font-size:16px; line-height:27px;}
.xinpian .xinpian{ width:100%; margin:auto; height:40px; line-height:40px; text-align:center;padding-left:15px; font-size:24px; font-weight:bold; margin-bottom:25px; margin-top:25px;}
.xinpian p{ font-size:16px;}
.xinpian h3{color:#026DBD; padding-bottom:15px;}
.xinpian h4{color:#026DBD; padding-bottom:5px; padding-top:10px;}
.xinpian .x1 ul{ margin-left:150px;}
.xinpian .x1 li{ width:50%; }
.xinpian .tb{color:#026DBD; padding-right:5px;}
.nbt{ padding-top:50px; padding-bottom:50px; text-align:center; line-height:50px;}
.xuxian{ border-top:1px solid #cccccc; padding-top:30px;}
.date{text-align:center; padding-bottom:30px; color:#666666}
.sousuo{ background-color:#A9A9A9; width:36px; height:19px; line-height:19px; color:#FFFFFF;}

.w260{ width:240px;}
.w260 .dlm{ width:240px; padding:20px; border-bottom:1px dashed #cccccc; background-color:#F3F4F6;display:block; text-align:left; color:#333333;}
.w260 .dlm:hover{ background-color:#026DBD; color:#FFFFFF;}
.w260 .xlm{ width:240px; padding-top:10px; padding-bottom:10px; background-color:#F3F4F6; display:block; text-align:left; color:#999; padding-left:40px;}
.w260 .xlm:hover{ background-color:#026DBD; color:#FFFFFF;}
.w880{ width:940px;}
.w880 .biaoti{ width:100%; border-bottom:1px  solid #eeeeee; padding-top:22px; font-size:24px; padding-bottom:10px; margin-bottom:25px;}
.w880 .cont img{ max-width:100%;}

.w880 .news_mk li{background-color:#F3F4F6; margin:10px; width:31%;}
.w880 .news_mk li a{ color:#333;}
.w880 .news_mk .xbg{ padding:10px;}
.w880 .news_mk span{ font-size:16px; font-weight:bold; text-align:center; display:block;}
.w880 .news_mk img{ height:190px; width:100%}
.w880 .news_mk p{ text-align:center; color:#999999;}

.w880 .news_fa li{ margin:10px; width:31%;}
.w880 .news_fa li a{ color:#333;}
.w880 .news_fa .xbg{ padding:10px;}
.w880 .news_fa span{ font-size:16px; font-weight:bold; text-align:center; display:block;}
.w880 .news_fa img{ height:190px; width:100%}
.w880 .news_fa p{ text-align:center; color:#999999;}
.w880 .news_ny li{ width:880px;}
.w880 .news_ny li a{ color:#666666; display:block; border-bottom:1px dashed #eee; padding-top:10px; padding-bottom:10px; line-height:30px;}
.w880 .news_ny li a:hover{ color:#026DBD;}

.xinpian .x2 ul{ margin-left:150px; width:70%}
.xinpian .x2 li{ width:100%; }

.xinpian .x3 ul{ width:40%}
.xinpian .x3 li{ width:100%; }

.xinpian .x4 li{ width:50%; float:left;}
.xinpian .x4 li p{ padding-right:30px; padding-bottom:20px;}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}



.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #026DBD;
}
.accordion .accordion-item button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #000;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
  background-color:#F1F1F1;
  margin-top:20px;
  padding:10px;
 
}

.accordion .accordion-i button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #fff;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
  background-color:#0082C2;
  margin-top:20px;
  padding:10px;
 
}



.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #333;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #333;
  border: 1px solid #026DBD;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0; width:25%; display:block; float:left; font-size:16px;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
  overflow:hidden;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #026DBD;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 5000px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  border:1px solid #f1f1f1;
  padding:15px;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}


.c_360{ width:420px;}
.c_360 .c_lx{ float:left; width:100%; margin-bottom:25px;}
.c_360 .c_lx img{ float:left;}
.c_360 .c_lx ul{ float:left; margin-left:15px;} 
.c_360 .c_lx ul span{ color:#999999;}

.c_560{ width:500px;}
.c_560 .messa{ width:100%; background-color:#F9FAFB; overflow:hidden; padding:20px;}
.c_560 .messa .inp{width:100%; height:40px; line-height:40px; margin-bottom:20px; padding-left:10px;}
.c_560 .messa .neirong{width:100%; height:80px; line-height:40px; margin-bottom:20px; padding-left:10px;}
.c_560 .messa .focus{ width:50%; height:40px; background-color:#026DBD; text-align:center; color:#FFFFFF; line-height:40px;}
.c_560 .messa .focus:hover{ background-color:#085FA0}

.enqh{ padding-right:100px; float:right}
.enqh a{ color:#333333; padding-left:5px; padding-right:5px; font-size:14px;}
.enqh a:hover{ color:#1578C2;}