﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, select, input, textarea, main {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	outline: 0;
	background: transparent;
	box-sizing: border-box;
        list-style: none;
}

main,video,header,footer,section,article{
display:block;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
li {
	/*list-style: none outside none;*/
}
body {
	line-height: 1;
}
:focus {
	outline: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9;
}
mark {
	font-weight: bold;
	font-style: italic;
	color: #000;
	background-color: #ff9;
}
del {
	text-decoration: line-through;
}
em {
	font-style: normal;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
input, select, textarea {
	vertical-align: middle;
	outline: none;
	box-sizing: border-box;
	font-family: "Barlow","Noto sans sc", sans-serif
}
textarea {
	outline: none;
}
html {
	font-size: 62.5%;
}
html.html-360-fix{
/*font-size: 10px!important;*/
-webkit-text-size-adjust: none;
}
body {
	-webkit-user-select: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	margin: 0 auto;
	position: relative;
font-size:1rem;
}
:-ms-input-placeholder {
 color: #888;
}
::-webkit-input-placeholder {
 color: #888;
}
::-moz-placeholder {
 color: #888;
 opacity: 1!important;
}

:root{
	--dark-blue:#09244F;
	--dark-green:#4F8309;
	--dark-gray:#464747;
	--yellow:#D0DF00;
	--light-blue:#006E96;
	--light-green:#6EB70B;
	--light-gray:#F9F8F8;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	visibility: hidden;
}
.fixit {
	height: 0!important;
	margin: 0!important;
	padding: 0!important;
	visibility: hidden!important;
min-height:inherit!important;
}
.w1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.overflow {
	overflow: hidden;
}
.dis-table {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.dis-tablerow {
	display: table-row;
}
.dis-tablecell {
	display: table-cell;
	vertical-align: middle;
}
.dis-block {
	display: block;
}
.dis-inlineblock {
	display: inline-block;
	vertical-align: top;
}
.dis-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dis-none {
	display: none;
}
.body-wrap {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.fullwidth {
	width: 100%;
}
/*****************************************

       		网站公共部分

*****************************************/
/********** 嵌入字体 ***********/
@font-face {
	font-family: 'icomoon';
	src: url('icomoon.eot');
	src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff2') format('woff2'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-plus:before {
	content: "\f067"
}
.icon-minus:before {
	content: "\f068"
}
.icon-caret-down:before {
	content: "\f0d7"
}
.icon-caret-up:before {
	content: "\f0d8"
}
.icon-angle-left:before {
	content: "\f104"
}
.icon-angle-right:before {
	content: "\f105"
}
.icon-angle-up:before {
	content: "\f106"
}
.icon-angle-down:before {
	content: "\f107"
}
.icon-lock:before {
	content: "\f023"
}
.icon-map-marker:before {
	content: "\f041"
}
.icon-twitter:before {
	content: "\f099"
}
.icon-facebook:before {
	content: "\f09a"
}
.icon-facebook-f:before {
	content: "\f09a"
}
.icon-linkedin:before {
	content: "\f0e1"
}
.icon-envelope:before {
	content: "\f0e0"
}
.icon-youtube-play:before {
	content: "\f16a"
}
.icon-shopping-cart:before {
	content: "\f07a"
}
.icon-nav-left:before {
	content: "\e911"
}
.icon-nav-right:before {
	content: "\e912"
}
.icon-play:before {
	content: "\e913"
}
.icon-info:before {
	content: "\f129"
}
.icon-youtube:before {
	content: "\f167"
}
.icon-pinterest-p:before {
	content: "\f231"
}
.icon-mail-forward:before {
	content: "\f064"
}
.icon-share:before {
	content: "\f064"
}
.icon-print:before {
	content: "\f02f"
}
.icon-eye:before {
	content: "\f06e"
}
.icon-arrow-left:before {
	content: "\f060"
}
.icon-arrow-right:before {
	content: "\f061"
}
.icon-pdf:before {
	content: "\e914"
}
.icon-video:before {
	content: "\e915"
}
.icon-jump-plus:before {
	content: "\e900"
}
.icon-search:before {
	content: "\e901"
}
.icon-cart:before {
	content: "\e902"
}
.icon-search-large:before {
	content: "\e903"
}
.icon-check:before {
	content: "\e904"
}
.icon-close:before {
	content: "\e905"
}
.icon-agriculture:before {
	content: "\e906"
}
.icon-commercial:before {
	content: "\e907"
}
.icon-industrial:before {
	content: "\e908"
}
.icon-residential:before {
	content: "\e909"
}
.icon-municipal:before {
	content: "\e90a"
}
.icon-drink:before {
	content: "\e90b"
}
.icon-water:before {
	content: "\e90c"
}
.icon-waves:before {
	content: "\e90d"
}
.icon-download:before {
	content: "\e90e"
}
.icon-headphones:before {
	content: "\e90f"
}
.icon-paper:before {
	content: "\e910"
}
.icon-phone:before {
	content: "\f095"
}
.icon-search-plus {
	content: "\f00e"
}
/************* 定义公共元素 *************/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	background: #fff;
	font-family: 'Barlow',"Noto sans sc", sans-serif;
	font-size: 1.8rem;
	line-height: 1.25em;
	color: #464747
}

@media screen and (min-width:768px) {
body {
	line-height: 1.42857143;
	font-size: 2rem
}
}

@media screen and (min-width:1440px) {
body .sitewide-width-wrapper {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1440px;*/
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
}
}
#skipLink {
	position: fixed;
	top: 5rem;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	z-index: 4000;
	opacity: 0
}
#skipLink:focus, #skipLink:active {
	opacity: 1;
	color: #09244f;
	border: solid 1px #09244f;
	background-color: #fff
}
a {
	color: #4f8309;
	font-weight: 700
}
a:hover, a:focus {
	text-decoration: underline;
	color: #4f8309
}
a:focus {
	outline: 0
}
a:active {
	outline: 0
}
a:link {
	-webkit-tap-highlight-color: transparent
}
img {
	max-width: 100%
}
h1, h2, h3, h4, h5, h6, .h7, .h1 {
	text-rendering: optimizelegibility;
	margin: 0
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h7 a, .h1 a {
	text-decoration: none
}
h1, .h1 {
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	font-weight: 500;
	margin: 0 0 2rem;
	line-height: 1em;
	font-size: 5rem
}

@media screen and (min-width:768px) {
h1, .h1 {
	font-size: 7rem
}
}
.h1 {
	display: block
}
h2 {
	font-family: 'Barlow Condensed', "Noto sans sc", sans-serif;
	color: #09244f;
	text-transform: uppercase;
	margin: 0 0 2.9rem;
	line-height: 1em;
	font-weight: 300;
	font-size: 4.5rem
}

@media screen and (min-width:768px) {
h2 {
	font-size: 6rem
}
.home h2 {
	font-size: 8rem
}
}
h3 {
	color: #09244f;
	/*text-transform: uppercase;*/
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	font-weight: 300;
	margin: 0 0 0.5rem;
	line-height: 0.8em;
	font-size: 4rem
}

@media screen and (min-width:768px) {
h3 {
	font-size: 5rem
}
}
h4 {
	color: #09244f;
	text-transform: uppercase;
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	font-weight: 300;
	margin: 0 0 3.2rem;
	line-height: 1em;
	font-size: 3rem
}

@media screen and (min-width:768px) {
h4 {
	font-size: 2.8rem
}
}
h5 {
	color: #09244f;
	text-transform: uppercase;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	font-weight: 700;
	margin: 0 0 2rem;
	line-height: 1em;
	font-size: 1.6rem
}

@media screen and (min-width:768px) {
h5 {
	font-size: 2.4rem
}
}
h6 {
	color: #09244f;
	text-transform: uppercase;
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	font-weight: 300;
	margin: 0 0 1.5rem;
	line-height: 1em;
	font-size: 2.4rem
}

@media screen and (min-width:768px) {
h6 {
	font-size: 3rem
}
}


main.content {
	padding-top: 6rem;
	position: relative;
	overflow: hidden
}
.searchresults main.content {
	overflow: visible
}

@media screen and (min-width:767px) and (max-width:1259px) {
main.content {
	padding-top: 0
}
}

@media screen and (min-width:1260px) {
main.content {
	padding-top: 6rem
}
}
main.content .main-content {
	padding-top: 0
}
main.content .main-content .section {
	position: relative
}
.home main.content .main-content {
	padding-top: 4.2rem
}

@media screen and (min-width:768px) {
.home main.content .main-content {
	padding-top: 4.8rem
}
}

@media screen and (min-width:768px) {
main.content .main-content {
	padding-top: 0
}
}

@media screen and (min-width:768px) {
.landing-page main.content {
	padding-top: 6rem
}
}

/*************** 定义按钮 ***************/
button.btn, a.btn, button.storelocator-btn, a.storelocator-btn {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	font-weight: 600;
	font-size: 1.8rem;
	min-width: 20.7rem;
	overflow: hidden;
	position: relative;
	padding: 1rem 2rem;
	text-decoration: none;
	text-transform: uppercase
}
button.btn+.btn, a.btn+.btn, button.storelocator-btn+.btn, a.storelocator-btn+.btn {
	margin-top: 1rem;
	margin-left: 0
}

@media screen and (min-width:992px) {
button.btn+.btn, a.btn+.btn, button.storelocator-btn+.btn, a.storelocator-btn+.btn {
	margin-top: 0;
	margin-left: 1.5rem
}
}
button.btn:hover, a.btn:hover, button.storelocator-btn:hover, a.storelocator-btn:hover, button.btn:focus, a.btn:focus, button.storelocator-btn:focus, a.storelocator-btn:focus {
	text-decoration: none
}
button.btn:before, a.btn:before, button.storelocator-btn:before, a.storelocator-btn:before {
	background: #000;
	content: ' ';
	height: 13rem;
	opacity: .22;
	position: absolute;
	right: -7rem;
	-webkit-transform: rotate(45deg) scale(1, 1);
	-moz-transform: rotate(45deg) scale(1, 1);
	-ms-transform: rotate(45deg) scale(1, 1);
	-o-transform: rotate(45deg) scale(1, 1);
	transform: rotate(45deg) scale(1, 1);
	top: 2rem;
	transform-origin: top left;
	transition: all 200ms ease-out;
	width: 6rem
}
button.btn:hover:before, a.btn:hover:before, button.storelocator-btn:hover:before, a.storelocator-btn:hover:before, button.btn:focus:before, a.btn:focus:before, button.storelocator-btn:focus:before, a.storelocator-btn:focus:before {
	-webkit-transform: rotate(90deg) scale(2, 6);
	-moz-transform: rotate(90deg) scale(2, 6);
	-ms-transform: rotate(90deg) scale(2, 6);
	-o-transform: rotate(90deg) scale(2, 6);
	transform: rotate(90deg) scale(2, 6);
	top: 0
}

@media screen and (min-width:768px) {
button.btn, a.btn, button.storelocator-btn, a.storelocator-btn {
	padding: 1.5rem 2rem
}
}
button.btn.btn-primary, a.btn.btn-primary, button.storelocator-btn.btn-primary, a.storelocator-btn.btn-primary, button.btn.btn-primary:visited, a.btn.btn-primary:visited, button.storelocator-btn.btn-primary:visited, a.storelocator-btn.btn-primary:visited, button.btn.storelocator-btn-primary, a.btn.storelocator-btn-primary, button.storelocator-btn.storelocator-btn-primary, a.storelocator-btn.storelocator-btn-primary {
	background-color: #4f8309;
	color: #fff
}
button.btn.btn-primary:hover, a.btn.btn-primary:hover, button.storelocator-btn.btn-primary:hover, a.storelocator-btn.btn-primary:hover, button.btn.btn-primary:visited:hover, a.btn.btn-primary:visited:hover, button.storelocator-btn.btn-primary:visited:hover, a.storelocator-btn.btn-primary:visited:hover, button.btn.storelocator-btn-primary:hover, a.btn.storelocator-btn-primary:hover, button.storelocator-btn.storelocator-btn-primary:hover, a.storelocator-btn.storelocator-btn-primary:hover, button.btn.btn-primary:focus, a.btn.btn-primary:focus, button.storelocator-btn.btn-primary:focus, a.storelocator-btn.btn-primary:focus, button.btn.btn-primary:visited:focus, a.btn.btn-primary:visited:focus, button.storelocator-btn.btn-primary:visited:focus, a.storelocator-btn.btn-primary:visited:focus, button.btn.storelocator-btn-primary:focus, a.btn.storelocator-btn-primary:focus, button.storelocator-btn.storelocator-btn-primary:focus, a.storelocator-btn.storelocator-btn-primary:focus {
	background: #4f8309;
	color: #fff;
	text-decoration: none
}
button.btn.btn-secondary, a.btn.btn-secondary, button.storelocator-btn.btn-secondary, a.storelocator-btn.btn-secondary, button.btn.btn-secondary:visited, a.btn.btn-secondary:visited, button.storelocator-btn.btn-secondary:visited, a.storelocator-btn.btn-secondary:visited, button.btn .storelocator-btn-danger, a.btn .storelocator-btn-danger, button.storelocator-btn .storelocator-btn-danger, a.storelocator-btn .storelocator-btn-danger, button.btn .storelocator-viewlink, a.btn .storelocator-viewlink, button.storelocator-btn .storelocator-viewlink, a.storelocator-btn .storelocator-viewlink {
	background-color: #fff;
	color: #4f8309;
	border: solid 3px #4f8309;
	padding: .7rem 2rem
}
button.btn.btn-secondary:before, a.btn.btn-secondary:before, button.storelocator-btn.btn-secondary:before, a.storelocator-btn.btn-secondary:before, button.btn.btn-secondary:visited:before, a.btn.btn-secondary:visited:before, button.storelocator-btn.btn-secondary:visited:before, a.storelocator-btn.btn-secondary:visited:before, button.btn .storelocator-btn-danger:before, a.btn .storelocator-btn-danger:before, button.storelocator-btn .storelocator-btn-danger:before, a.storelocator-btn .storelocator-btn-danger:before, button.btn .storelocator-viewlink:before, a.btn .storelocator-viewlink:before, button.storelocator-btn .storelocator-viewlink:before, a.storelocator-btn .storelocator-viewlink:before {
	background: #4f8309;
	opacity: 1
}
button.btn.btn-secondary:hover, a.btn.btn-secondary:hover, button.storelocator-btn.btn-secondary:hover, a.storelocator-btn.btn-secondary:hover, button.btn.btn-secondary:visited:hover, a.btn.btn-secondary:visited:hover, button.storelocator-btn.btn-secondary:visited:hover, a.storelocator-btn.btn-secondary:visited:hover, button.btn .storelocator-btn-danger:hover, a.btn .storelocator-btn-danger:hover, button.storelocator-btn .storelocator-btn-danger:hover, a.storelocator-btn .storelocator-btn-danger:hover, button.btn .storelocator-viewlink:hover, a.btn .storelocator-viewlink:hover, button.storelocator-btn .storelocator-viewlink:hover, a.storelocator-btn .storelocator-viewlink:hover, button.btn.btn-secondary:focus, a.btn.btn-secondary:focus, button.storelocator-btn.btn-secondary:focus, a.storelocator-btn.btn-secondary:focus, button.btn.btn-secondary:visited:focus, a.btn.btn-secondary:visited:focus, button.storelocator-btn.btn-secondary:visited:focus, a.storelocator-btn.btn-secondary:visited:focus, button.btn .storelocator-btn-danger:focus, a.btn .storelocator-btn-danger:focus, button.storelocator-btn .storelocator-btn-danger:focus, a.storelocator-btn .storelocator-btn-danger:focus, button.btn .storelocator-viewlink:focus, a.btn .storelocator-viewlink:focus, button.storelocator-btn .storelocator-viewlink:focus, a.storelocator-btn .storelocator-viewlink:focus {
	background-color: #4f8309;
	color: #fff;
	transition: all 200ms ease-out
}

@media screen and (min-width:768px) {
button.btn.btn-secondary, a.btn.btn-secondary, button.storelocator-btn.btn-secondary, a.storelocator-btn.btn-secondary, button.btn.btn-secondary:visited, a.btn.btn-secondary:visited, button.storelocator-btn.btn-secondary:visited, a.storelocator-btn.btn-secondary:visited, button.btn .storelocator-btn-danger, a.btn .storelocator-btn-danger, button.storelocator-btn .storelocator-btn-danger, a.storelocator-btn .storelocator-btn-danger, button.btn .storelocator-viewlink, a.btn .storelocator-viewlink, button.storelocator-btn .storelocator-viewlink, a.storelocator-btn .storelocator-viewlink {
	padding: 1.2rem 2rem
}
}
button.btn.btn-tertiary, a.btn.btn-tertiary, button.storelocator-btn.btn-tertiary, a.storelocator-btn.btn-tertiary, button.btn.btn-tertiary:visited, a.btn.btn-tertiary:visited, button.storelocator-btn.btn-tertiary:visited, a.storelocator-btn.btn-tertiary:visited {
	background-color: transparent;
	color: #fff;
	border: solid 3px #fff;
	padding: .7rem 2rem
}
button.btn.btn-tertiary:before, a.btn.btn-tertiary:before, button.storelocator-btn.btn-tertiary:before, a.storelocator-btn.btn-tertiary:before, button.btn.btn-tertiary:visited:before, a.btn.btn-tertiary:visited:before, button.storelocator-btn.btn-tertiary:visited:before, a.storelocator-btn.btn-tertiary:visited:before {
	background: #fff;
	opacity: 1
}
button.btn.btn-tertiary:hover, a.btn.btn-tertiary:hover, button.storelocator-btn.btn-tertiary:hover, a.storelocator-btn.btn-tertiary:hover, button.btn.btn-tertiary:visited:hover, a.btn.btn-tertiary:visited:hover, button.storelocator-btn.btn-tertiary:visited:hover, a.storelocator-btn.btn-tertiary:visited:hover, button.btn.btn-tertiary:focus, a.btn.btn-tertiary:focus, button.storelocator-btn.btn-tertiary:focus, a.storelocator-btn.btn-tertiary:focus, button.btn.btn-tertiary:visited:focus, a.btn.btn-tertiary:visited:focus, button.storelocator-btn.btn-tertiary:visited:focus, a.storelocator-btn.btn-tertiary:visited:focus {
	background-color: #fff;
	color: #222;
	transition: all 200ms ease-out
}

@media screen and (min-width:768px) {
button.btn.btn-tertiary, a.btn.btn-tertiary, button.storelocator-btn.btn-tertiary, a.storelocator-btn.btn-tertiary, button.btn.btn-tertiary:visited, a.btn.btn-tertiary:visited, button.storelocator-btn.btn-tertiary:visited, a.storelocator-btn.btn-tertiary:visited {
	padding: 1.2rem 2rem
}
}
button.btn[disabled], a.btn[disabled], button.storelocator-btn[disabled], a.storelocator-btn[disabled] {
	background: #464747 !important;
	opacity: 1;
	text-shadow: 0 0 1rem #fff !important;
	color: transparent !important
}
button.btn[disabled]:before, a.btn[disabled]:before, button.storelocator-btn[disabled]:before, a.storelocator-btn[disabled]:before {
	background: #464747 !important;
	-webkit-transform: rotate(45deg) scale(1, 1);
	-moz-transform: rotate(45deg) scale(1, 1);
	-ms-transform: rotate(45deg) scale(1, 1);
	-o-transform: rotate(45deg) scale(1, 1);
	transform: rotate(45deg) scale(1, 1);
	top: 2rem
}
button span, a span {
	position: relative
}



/*************** 头部菜单 *************/
header {
	position: fixed;
	width: 100%;
	top: 0;
	font-family: 'Barlow Condensed', "Noto sans sc", sans-serif;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	padding: 0;
	background: #fff;
	z-index: 5000;
	border-bottom: solid 1px #c9c7c6
}

@media screen and (min-width:767px) and (max-width:1259px) {
header {
	background: 0;
	border: 0;
	height: 6.6rem
}
}

@media screen and (min-width:1260px) {
header {
	padding: 6rem 0 0 0;
	border: 0;
	height: 6rem;
	background: #000
}
header:before {
	height: 6rem;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: #fff
}
}

@media screen and (min-width:1440px) {
header {
	max-width: 1920px
}
}
header .logo {
	float: left;
	position: relative;
	padding: 1.5rem 0 0 1.8rem
}
header .logo:hover {
	color: #fff
}
header .logo img, header .logo svg {
	height: 3rem;
	max-width: 12rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
header .logo {
	padding: 1.4rem 0 0 1.8rem
}
header .logo img, header .logo svg {
	height: 4rem;
	max-width: 15rem
}
}

@media screen and (min-width:1260px) {
header .logo {
	padding: 1rem 0 0 4.3rem
}
header .logo img, header .logo svg {
	max-width: none;
	height: 5.5rem;
	width: 30rem;
	display: block;
	position: absolute;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
}
header .lang {
	border-top: solid 1px #c9c7c6;
	margin-top: .3rem;
	padding-top: .5rem
}

@media screen and (min-width:1260px) {
header .lang {
	position: absolute;
	top: 1.3rem;
	left: 3rem;
	float: left;
	border: 0;
	padding: 0;
	margin: 0
}
}
header .lang select.chosen-select {
	font-size: 1.6rem;
	text-transform: uppercase;
	border: 0;
	background: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #09244f;
	margin-top: .4rem
}
header .lang select.chosen-select+.arrow {
	margin: .5rem 0 0 .5rem;
	position: relative;
	top: .3rem;
	line-height: 1em
}
header .lang select.chosen-select+.arrow:before {
	content: "\f0d7";
	font-family: icomoon;
	color: #d0df00
}

@media screen and (min-width:1260px) {
header .lang select.chosen-select {
	display: inline-block;
	width: auto;
	margin-top: .5rem;
	margin-left: 1rem
}
}
header .lang .chosen-container {
	font-size: 1.6rem;
	text-transform: uppercase
}
header .lang .chosen-container .chosen-drop {
	background: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
	box-shadow: 0 4px 5px rgba(0,0,0,0.15)
}
header .lang .chosen-container .chosen-results {
	color: #09244f;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px
}
header .lang .chosen-container .chosen-results li {
	padding: 5px 6px;
	line-height: 15px
}
header .lang .chosen-container-single .chosen-single {
	padding: 0 1rem;
	height: 3.5rem;
	white-space: nowrap;
	line-height: 2em;
	color: #09244f;
	width: 100%
}
header .lang .chosen-container-single .chosen-single span {
	display: inline-block;
	line-height: 1em;
	padding-top: .9rem
}
header .lang .chosen-container-single .chosen-single div {
	position: relative;
	top: auto;
	right: auto;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0 .5rem
}
header .lang .chosen-container-single .chosen-single div b {
	display: inline-block;
	width: auto;
	height: auto
}
header .lang .chosen-container-single .chosen-single div b:before {
	font-family: icomoon;
	color: #d0df00;
	content: "\f0d7"
}
header .lang .chosen-container-active .chosen-single {
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	clip: rect(0,0,0,0)
}
header .lang .chosen-container-active.chosen-with-drop .chosen-single div b:before {
	content: "\f0d8"
}

@media screen and (min-width:767px) and (max-width:1259px) {
header.not-stuck .logo svg *, header.not-stuck .logo img * {
	fill: #fff !important
}
}

@media screen and (min-width:1260px) {
header.not-stuck .logo svg *, header.not-stuck .logo img * {
	fill: #fff !important
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
header.stuck {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	background: #fff
}
}

@media screen and (min-width:1260px) {
header.stuck {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	background: #fff;
	height: auto
}
header.stuck:before {
	background: #f5f5f5
}
}
header.landing-page-header {
	background-color: #fff;
	height: 6rem;
	border-bottom: solid 1px #c9c7c6
}

@media screen and (min-width:992px) {
header.landing-page-header {
	padding: 0
}
header.landing-page-header>a.logo {
	padding: .5rem 0 0 4.3rem
}
header.landing-page-header>a.logo>svg {
	height: 4.5rem
}
}
.hamburger-menu, .hamburger-menu:focus {
	position: relative;
	float: right;
	width: 5.6rem;
	height: 6rem;
	cursor: pointer;
	border: 0;
	outline: 0;
	z-index: 5;
	background: 0;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-ms-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: solid 1px #c9c7c6;
	text-decoration: none
}
.hamburger-menu:hover, .hamburger-menu:focus:hover, .hamburger-menu:focus, .hamburger-menu:focus:focus {
	text-decoration: none;
	color: #006e96 !important
}
.hamburger-menu>span, .hamburger-menu:focus>span {
	display: block;
	width: 1.5rem;
	height: 2px;
	background: #006e96;
	position: relative;
	-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	-ms-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before, .hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	display: block;
	position: absolute;
	width: 1.5rem;
	height: 2px;
	background: #006e96;
	content: '';
	-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	-ms-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before {
	bottom: .5rem
}
.hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	top: .5rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
.hamburger-menu>span, .hamburger-menu:focus>span {
	background: #fff;
	width: 2.5rem;
	height: 3px
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before, .hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	width: 2.5rem;
	height: 3px;
	background: #fff
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before {
	bottom: .7rem
}
.hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	top: .7rem
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
.hamburger-menu, .hamburger-menu:focus {
	width: 6.5rem;
	height: 6.6rem;
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
	-ms-transition: background-color .5s linear;
	-o-transition: background-color .5s linear;
	transition: background-color .5s linear;
	border-left: solid 1px rgba(255,255,255,0)
}
.stuck .hamburger-menu>span, .stuck .hamburger-menu:focus>span {
	background: #006e96
}
.stuck .hamburger-menu>span:before, .stuck .hamburger-menu:focus>span:before, .stuck .hamburger-menu>span:after, .stuck .hamburger-menu:focus>span:after {
	background: #006e96
}
}

@media screen and (max-width:1259px) {
.hamburger-menu.open, .hamburger-menu:focus.open {
	position: relative
}
.hamburger-menu.open:after, .hamburger-menu:focus.open:after {
	border-bottom: solid 1px #fff;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	content: '';
	height: 1px;
	z-index: 50
}
.hamburger-menu.open:before, .hamburger-menu:focus.open:before {
	content: "\e905";
	font-size: 1.7rem;
	font-family: icomoon;
	color: #006e96 !important
}
.hamburger-menu.open>span, .hamburger-menu:focus.open>span {
	display: none
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
.hamburger-menu.open, .hamburger-menu:focus.open {
	border-left: solid 1px #dadada;
	background: #fff
}
}
.hamburger-menu::-moz-focus-inner, .hamburger-menu:focus::-moz-focus-inner {
border:0
}

@media screen and (min-width:1260px) {
.hamburger-menu, .hamburger-menu:focus {
	display: none
}
}

@media screen and (max-width:1259px) {
body.menu-open {
	overflow: hidden;
	height: 100vh;
	width: 100%
}
}
header.stuck nav.main span.left-angle, header.stuck nav.main span.right-angle {
	height: 0;
	overflow: hidden
}

@media screen and (min-width:1260px) {
header.stuck nav.main .tier-1>li>.dropdown {
	top: 100%
}
}
nav.main {
	font-size: 1.8rem;
	background: #fff
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main {
	font-size: 2.6rem
}
}

@media screen and (min-width:1260px) {
nav.main {
	padding: 0;
	margin: 0;
	font-size: 2rem;
	text-align: right;
	background: 0;
	position: static;
	overflow: visible
}
}
nav.main>ul {
	list-style: none;
	padding: 0 2rem;
	background: #fff;
	margin: 0
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul {
	padding: 0
}
}

@media screen and (min-width:1260px) {
nav.main>ul {
	display: inline-block;
	padding: 0;
	background: 0
}
}
nav.main>ul:last-child>li:last-child {
	border: 0
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul:last-child>li:last-child {
	border-bottom: solid 1px #dadada
}
}
nav.main>ul>li {
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: solid 1px #c9c7c6
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul>li {
	padding: 0 2rem;
	border-bottom: solid 1px #dadada
}
}

@media screen and (min-width:1260px) {
nav.main>ul>li {
	display: inline-block;
	border: 0
}
nav.main>ul>li .icon-angle-right {
	display: none !important
}
}
nav.main>ul>li>a {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	color: #09244f;
	display: block;
	position: relative;
	padding: 1.9rem 3.5rem 1.9rem 0;
	line-height: 1.25em;
	font-weight: 600
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul>li>a {
	padding: 2rem 3.5rem 2.3rem 0
}
}

@media screen and (min-width:1260px) {
nav.main>ul>li>a {
	padding: 2.5rem 1.2rem 2.5rem;
	color: #fff;
	opacity: 1;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-ms-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear
}
nav.main>ul>li>a:hover, nav.main>ul>li>a:focus {
	color: rgba(255,255,255,0.7)
}
}
nav.main>ul>li>a:hover, nav.main>ul>li>a:focus {
	text-decoration: none
}
nav.main>ul>li>a>span {
	display: none
}

@media screen and (min-width:1260px) {
nav.main>ul>li>a>span {
	position: absolute;
	background: #fff;
	bottom: -1.6rem;
	height: 0;
	width: 999rem;
	display: block;
	transition: height .2s ease-out .3s
}
nav.main>ul>li>a>span.right-angle {
	left: calc(50% + 1.8rem)
}
nav.main>ul>li>a>span.right-angle:before {
	transition: border-bottom .2s ease-out .3s;
	width: 0;
	height: 0;
	border-bottom: 0 solid #fff;
	border-left: 1.8rem solid transparent;
	content: '';
	display: block;
	position: absolute;
	right: 100%
}
nav.main>ul>li>a>span.left-angle {
	right: calc(50% + 1.8rem)
}
nav.main>ul>li>a>span.left-angle:before {
	transition: border-bottom .2s ease-out .3s;
	width: 0;
	height: 0;
	border-bottom: 0 solid #fff;
	border-right: 1.8rem solid transparent;
	content: '';
	display: block;
	position: absolute;
	left: 100%
}
}
nav.main>ul>li:hover, nav.main>ul>li:focus {
	z-index: 500
}
nav.main>ul>li:hover>a>span, nav.main>ul>li:focus>a>span {
	height: 1.5rem
}
nav.main>ul>li:hover>a>span:before, nav.main>ul>li:focus>a>span:before, nav.main>ul>li:hover>a>span:after, nav.main>ul>li:focus>a>span:after {
	border-bottom-width: 1.5rem
}

@media screen and (min-width:1260px) {
nav.main>ul>li:hover>.dropdown, nav.main>ul>li:focus>.dropdown {
	display: block;
	transition: max-height .5s ease-out .5s, height .5s ease-out .001s;
	max-height: 1000px
}
}
nav.main>ul li .icon-angle-right {
	display: none
}
nav.main>ul li.has-children .icon-angle-right {
	display: block;
	color: #4f8309;
	font-size: 2.6rem;
	position: absolute;
	right: 0;
	top: 1rem;
	font-weight: 400;
	width: 4rem;
	height: 4rem;
	text-align: right;
	line-height: 4rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul li.has-children .icon-angle-right {
	top: 1.7rem;
	font-size: 2.8rem
}
}
nav.main>ul li.no-children .icon-angle-right {
	display: none !important
}
nav.main>ul li.tier-4 .icon-angle-right {
	display: none !important
}

@media screen and (max-width:1259px) {
nav.main>ul .dropdown {
	position: static;
	height: auto !important
}
nav.main>ul .dropdown svg, nav.main>ul .dropdown img {
	display: none
}
nav.main>ul .dropdown .back {
	display: block;
	text-transform: uppercase;
	border-bottom: solid 1px #c9c7c6;
	cursor: pointer;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	color: #09244f;
	font-weight: 600;
	position: relative;
	padding: 1.7rem 3.5rem 1.7rem 0
}
nav.main>ul .dropdown .back:before {
	font-family: icomoon;
	color: #4f8309;
	display: inline-block;
	content: "\f104";
	font-size: 2.6rem;
	padding-right: .5rem;
	line-height: .5em;
	position: relative;
	bottom: -4px;
	font-weight: 400
}
nav.main>ul .dropdown .mobile-slider {
	position: absolute;
	left: 100%;
	background: #fff;
	padding: 0 2rem;
	height: calc(100vh - 6rem);
	width: 100%;
	z-index: 5;
	top: 0;
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: visibility .001s, opacity .2s linear, left .2s;
	overflow: hidden
}
nav.main>ul .dropdown .mobile-slider ul {
	margin: 0;
	list-style: none
}
nav.main>ul .dropdown .mobile-slider ul li {
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: solid 1px #c9c7c6
}
nav.main>ul .dropdown .mobile-slider ul li h4 {
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none
}
nav.main>ul .dropdown .mobile-slider ul li a {
	text-decoration: none !important;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	color: #09244f;
	display: block;
	position: relative;
	padding: 1.7rem 3.5rem 1.7rem 0
}
nav.main>ul .dropdown .mobile-slider ul li:last-child {
	border: 0
}
nav.main>ul .dropdown .mobile-slider.slide {
	left: 0;
	visibility: visible;
	opacity: 1;
	overflow: visible;
	overflow-x: hidden;
	overflow-y: scroll
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul .dropdown .back {
	padding: 1.9rem 3.5rem 1.9rem 2rem;
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	border-bottom: solid 1px #dadada
}
nav.main>ul .dropdown .back:before {
	font-size: 3.4rem;
	padding-right: 2.5rem;
	bottom: -4px
}
nav.main>ul .dropdown .mobile-slider {
	padding: 0
}
nav.main>ul .dropdown .mobile-slider ul li {
	padding: 0 2rem;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	text-transform: none
}
nav.main>ul .dropdown .mobile-slider ul li h4 {
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	text-transform: none
}
nav.main>ul .dropdown .mobile-slider ul li a {
	padding: 1.9rem 3.5rem 1.9rem 0
}
nav.main>ul .dropdown .mobile-slider ul li:last-child {
	border-bottom: solid 1px #dadada
}
}

@media screen and (min-width:1260px) {
nav.main>ul .dropdown {
	max-height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: calc(100% + 9rem);
	background: #fff;
	transition: max-height .5s ease-out, top .2s linear, height .5s ease-out;
	text-align: left
}
nav.main>ul .dropdown .back {
	display: none
}
nav.main>ul .dropdown ul {
	list-style: none;
	margin: 0
}
nav.main>ul .dropdown ul a {
	text-decoration: none !important
}
nav.main>ul .dropdown ul>li {
	text-transform: none
}
nav.main>ul .dropdown .dropdown {
	background: #f5f5f5;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
	-o-transition: opacity .5s linear;
	transition: opacity .5s linear;
	top: 208px;
	padding: 0;
	transition-delay: .001s;
	opacity: 0;
	display: block;
	max-height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3)
}
nav.main>ul .dropdown .dropdown .wrap {
	padding: 5rem 0 5.6rem
}
nav.main>ul .dropdown .wrap {
	max-width: 113rem;
	margin: 0 auto
}
nav.main>ul .dropdown .tier-2 {
	display: flex;
	padding: 0;
	justify-content: center
}
nav.main>ul .dropdown .tier-2>li {
	display: block;
	flex-grow: 1;
	text-align: center;
	max-width: 16.2rem;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
	margin: 0 7.5rem 0 0
}
nav.main>ul .dropdown .tier-2>li:last-child {
	margin: 0
}
nav.main>ul .dropdown .tier-2>li>a {
	padding: 3.8rem 0 5.6rem;
	display: block;
	color: #09244f;
	position: relative;
	z-index: 5;
	height: 20.8rem
}
nav.main>ul .dropdown .tier-2>li>a>span {
	display: block;
	border-top: solid 2px #f5f5f5;
	margin: 1.8rem 0 0 0;
	padding: 1.2rem 0 0 0;
	line-height: 1.15em;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
nav.main>ul .dropdown .tier-2>li>a:hover, nav.main>ul .dropdown .tier-2>li>a:focus {
	color: #09202a
}
nav.main>ul .dropdown .tier-2>li>a:after {
	display: none;
	content: '';
	width: 0;
	height: 0;
	border-left: 1.7rem solid transparent;
	border-right: 1.7rem solid transparent;
	border-top: 1.5rem solid #fff;
	top: 100%;
	left: calc(50% - 1.7rem);
	position: absolute
}
nav.main>ul .dropdown .tier-2>li.active>.dropdown {
	opacity: 1;
	max-height: 60rem
}
nav.main>ul .dropdown .tier-2>li.active>a:after {
	display: block
}
nav.main>ul .dropdown .tier-2>li.not-active svg *, nav.main>ul .dropdown .tier-2>li.not-active img * {
	color: #bebebe;
	fill: #bebebe
}
nav.main>ul .dropdown .tier-2 svg, nav.main>ul .dropdown .tier-2 img {
	max-width: 7rem;
	max-height: 5rem;
	margin: 0 auto;
	display: block
}
nav.main>ul .dropdown .tier-2 svg *, nav.main>ul .dropdown .tier-2 img * {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
nav.main>ul .dropdown .tier-3 {
	display: flex;
	padding: 0 3.7rem;
	justify-content: left
}
nav.main>ul .dropdown .tier-3>li {
	display: block;
	width: 100%;
	flex-shrink: 0;
	margin: 0 6rem 0 0;
	/*max-width: 25%;*/
max-width: 17%;
	border-right: solid 1px #d9d9da
}
nav.main>ul .dropdown .tier-3>li:last-child {
	margin: 0;
	border: 0
}
nav.main>ul .dropdown .tier-3>li.split-2 {
	max-width: 50%
}
nav.main>ul .dropdown .tier-3>li.split-2 .tier-4 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 12rem;
	-moz-column-gap: 12rem;
	column-gap: 12rem;
	-webkit-column-rule: none outset #464747;
	-moz-column-rule: none outset #464747;
	column-rule: none outset #464747;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column
}
nav.main>ul .dropdown .tier-3>li.split-3 {
	max-width: 75%
}
nav.main>ul .dropdown .tier-3>li.split-3 .tier-4 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
	-webkit-column-rule: none outset #464747;
	-moz-column-rule: none outset #464747;
	column-rule: none outset #464747;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column
}
nav.main>ul .dropdown .tier-3>li h4 {
	text-transform: uppercase;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	margin: 0 0 2.1rem;
	color: #464747
}
nav.main>ul .dropdown .tier-3>li h4 a {
	color: #464747
}
nav.main>ul .dropdown .tier-3>li h4 a:hover, nav.main>ul .dropdown .tier-3>li h4 a:focus {
	text-decoration: underline !important
}
nav.main>ul .dropdown .tier-3>li h4 a .unlinked:hover, nav.main>ul .dropdown .tier-3>li h4 a .unlinked:focus {
	text-decoration: none !important
}
nav.main>ul .dropdown .tier-3>li h4 a.unlinked {
	cursor: default
}
nav.main>ul .dropdown .tier-3.alt {
	display: block;
	max-width: 30rem;
	margin: 0 auto
}
nav.main>ul .dropdown .tier-3.alt.two-col {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
	-webkit-column-rule: 1px outset #d9d9da;
	-moz-column-rule: 1px outset #d9d9da;
	column-rule: 1px outset #d9d9da;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	padding: 1rem 0;
	max-width: 52rem;
	margin: 0 auto
}
nav.main>ul .dropdown .tier-3.alt.two-col>li {
	max-width: none
}
nav.main>ul .dropdown .tier-3.alt.three-col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
	-webkit-column-rule: 1px outset #d9d9da;
	-moz-column-rule: 1px outset #d9d9da;
	column-rule: 1px outset #d9d9da;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	padding: 1rem 0;
	margin: 0 auto;
	max-width: 80rem
}
nav.main>ul .dropdown .tier-3.alt.three-col>li {
	max-width: none
}
nav.main>ul .dropdown .tier-3.alt.four-col {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
	-webkit-column-rule: 1px outset #d9d9da;
	-moz-column-rule: 1px outset #d9d9da;
	column-rule: 1px outset #d9d9da;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	padding: 1rem 0;
	margin: 0 auto;
	max-width: 105rem
}
nav.main>ul .dropdown .tier-3.alt.four-col>li {
	max-width: none
}
nav.main>ul .dropdown .tier-3.alt>li {
	text-align: left;
	margin: 0 0 1.6rem;
	width: auto;
	display: block;
	flex-grow: inherit;
	font-weight: 600;
	font-size: 1.6rem;
	border: 0;
	max-width: none
}
nav.main>ul .dropdown .tier-3.alt>li h4 {
	font-weight: 600;
	font-size: inherit;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	text-transform: none;
	display: inline-block;
	margin: 0
}
nav.main>ul .dropdown .tier-3.alt>li a {
	color: #09244f;
	display: block
}
nav.main>ul .dropdown .tier-3.alt>li a:hover, nav.main>ul .dropdown .tier-3.alt>li a:focus {
	text-decoration: underline !important
}
nav.main>ul .dropdown .tier-3.alt>li:last-child {
	margin: 0
}
nav.main>ul .dropdown .tier-3 .hidden-view-all {
	display: none
}
nav.main>ul .dropdown .tier-4>li {
	margin: 0 0 1.6rem;
	font-weight: 600;
	font-size: 1.6rem
}
nav.main>ul .dropdown .tier-4>li a {
	color: #09244f;
	display: block
}
nav.main>ul .dropdown .tier-4>li a:hover, nav.main>ul .dropdown .tier-4>li a:focus {
	text-decoration: underline !important
}
nav.main>ul .dropdown .tier-4>li:last-child {
	margin: 0
}
}

@media screen and (min-width:1260px) {
nav.main>ul .dropdown.products {
	max-height: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.3);
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: calc(100% + 9rem);
	background: #fff;
	transition: max-height .5s ease-out, top .2s linear, height .5s ease-out;
	text-align: left
}
nav.main>ul .dropdown.products .back {
	display: none
}
nav.main>ul .dropdown.products ul {
	list-style: none;
	margin: 0
}
nav.main>ul .dropdown.products ul a {
	text-decoration: none !important
}
nav.main>ul .dropdown.products ul>li {
	text-transform: none
}
nav.main>ul .dropdown.products .dropdown {
	background: 0;
	-webkit-transition: all 0 linear;
	-moz-transition: all 0 linear;
	-ms-transition: all 0 linear;
	-o-transition: all 0 linear;
	transition: all 0 linear;
	top: 0;
	height: 100%;
	left: 100%;
	width: 300%;
	padding: 0 0 0 3rem;
	transition-delay: .001s;
	opacity: 1;
	display: none;
	max-height: none;
	min-height: 0;
	overflow: hidden;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-left: solid 1px #d9d9da
}
nav.main>ul .dropdown.products .dropdown .wrap {
	padding: 0;
	height: 100%
}
nav.main>ul .dropdown.products .dropdown .wrap .mobile-slider {
	height: 100%
}
nav.main>ul .dropdown.products .wrap {
	max-width: 113rem;
	padding: 3rem 0 4rem 0
}
nav.main>ul .dropdown.products .tier-2 {
	display: block;
	width: 25%;
	position: relative;
	padding-right: 2rem;
	/*min-height: 51rem*/
}
nav.main>ul .dropdown.products .tier-2>li {
	max-width: none;
	margin: 0 0 1rem;
	font-size: 1.6rem;
	text-align: left
}
nav.main>ul .dropdown.products .tier-2>li>a {
	padding: 0;
	height: auto;
	font-weight: 600
}
nav.main>ul .dropdown.products .tier-2>li>a:hover, nav.main>ul .dropdown.products .tier-2>li>a:focus {
	/*color: #09202a;*/
	color:#63a90b;
	font-weight: 700
}
nav.main>ul .dropdown.products .tier-2>li:last-child {
	margin: 0
}
nav.main>ul .dropdown.products .tier-2>li.active>a {
	font-weight: 700;
	color:#63a90b;
}
nav.main>ul .dropdown.products .tier-2>li.active>.dropdown {
	opacity: 1;
	display: block;
	max-height: none
}
nav.main>ul .dropdown.products .tier-3 {
	max-width: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	height: 102%;
	align-content: flex-start
}
nav.main>ul .dropdown.products .tier-3>li {
	width: 33.3%;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 0 1rem 1.5rem 5rem;
	margin: 0;
	max-width: none;
	border: 0
}
nav.main>ul .dropdown.products .tier-3>li a {
	font-weight: 400;
	color: #464647;
	display: block
}
nav.main>ul .dropdown.products .tier-3>li a:hover, nav.main>ul .dropdown.products .tier-3>li a:focus {
	text-decoration: underline !important
}
nav.main>ul .dropdown.products .tier-3.two-col:before {
	content: '';
	border-right: solid 1px #d9d9da;
	height: 100%;
	position: absolute;
	left: 36%;
	top: 0;
	bottom: 0;
	display: block
}
nav.main>ul .dropdown.products .tier-3.three-col:before {
	content: '';
	border-right: solid 1px #d9d9da;
	height: 100%;
	position: absolute;
	left: 36%;
	top: 0;
	bottom: 0;
	display: block
}
nav.main>ul .dropdown.products .tier-3.three-col:after {
	content: '';
	border-right: solid 1px #d9d9da;
	height: 100%;
	position: absolute;
	left: 68.5%;
	top: 0;
	bottom: 0;
	display: block
}
}

@media screen and (min-width:1260px) {
nav.main>ul.secondary.secondary-brand {
	margin-left: 0
}
}

@media screen and (min-width:1260px) {
nav.main>ul.secondary {
	margin-left: 5.3rem
}
}
nav.main>ul.secondary>li {
	font-weight: 400
}

@media screen and (min-width:1260px) {
nav.main>ul.secondary .dropdown .tier-2 {
	display: block;
	text-align: center;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 3;
	-webkit-column-gap: 8rem;
	-moz-column-gap: 8rem;
	column-gap: 8rem;
	-webkit-column-rule: 0 outset #464747;
	-moz-column-rule: 0 outset #464747;
	column-rule: 0 outset #464747;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	max-width: 100rem;
	margin: 0 auto;
	padding: 3rem 3.7rem 4rem 23rem
}
nav.main>ul.secondary .dropdown .tier-2.three-col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 14.3rem;
	-moz-column-gap: 14.3rem;
	column-gap: 14.3rem;
	-webkit-column-rule: 0 outset #464747;
	-moz-column-rule: 0 outset #464747;
	column-rule: 0 outset #464747;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	max-width: none;
	padding: 3rem 3.7rem 5rem
}
nav.main>ul.secondary .dropdown .tier-2.three-col>li {
	max-width: none
}
nav.main>ul.secondary .dropdown .tier-2.four-col {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 14.3rem;
	-moz-column-gap: 14.3rem;
	column-gap: 14.3rem;
	-webkit-column-rule: 0 outset #464747;
	-moz-column-rule: 0 outset #464747;
	column-rule: 0 outset #464747;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	max-width: none;
	padding: 3rem 3.7rem 5rem
}
nav.main>ul.secondary .dropdown .tier-2.four-col>li {
	max-width: none
}
nav.main>ul.secondary .dropdown .tier-2>li {
	text-align: left;
	margin: 0 0 1.6rem;
	width: auto;
	display: block;
	flex-grow: inherit;
	font-weight: 600;
	font-size: 2rem;
	max-width: none
}
nav.main>ul.secondary .dropdown .tier-2>li a {
	height: auto;
	padding: 0;
	color: #09244f;
	display: block
}
nav.main>ul.secondary .dropdown .tier-2>li a:hover, nav.main>ul.secondary .dropdown .tier-2>li a:focus {
	text-decoration: underline !important
}
nav.main>ul.secondary .dropdown .tier-2>li a span {
	border: 0;
	margin: 0;
	display: inline;
	padding: 0
}
nav.main>ul.secondary .dropdown .tier-2>li:last-child {
	margin: 0
}
}

@media screen and (min-width:1260px) {
.stuck nav.main .dropdown {
	top: unset
}
}

@media screen and (min-width:1260px) {
.stuck nav.main>ul>li>a {
	color: #222
}
.stuck .tertiary li .text{
	color: #464747;
}
.stuck nav.main>ul>li>a:hover, .stuck nav.main>ul>li>a:focus {
	color: #333
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
.tablet-nav-wrap {
	position: relative
}
.tablet-nav-wrap:before {
	height: 6.6rem;
	width: 100%;
	max-width: 50rem;
	right: -100%;
	position: absolute;
	content: '';
	top: 0;
	-webkit-transition: right .5s ease-in-out;
	-moz-transition: right .5s ease-in-out;
	-ms-transition: right .5s ease-in-out;
	-o-transition: right .5s ease-in-out;
	transition: right .5s ease-in-out;
	background: #fff;
	-webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2);
	box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2)
}
.tablet-nav-wrap:after {
	position: absolute;
	top: 6.6rem;
	border-top: solid 1px #dadada;
	height: 1px;
	right: -100%;
	width: 100%;
	max-width: 50rem;
	content: '';
	-webkit-transition: right .5s ease-in-out;
	-moz-transition: right .5s ease-in-out;
	-ms-transition: right .5s ease-in-out;
	-o-transition: right .5s ease-in-out;
	transition: right .5s ease-in-out;
	z-index: 1
}
.stuck .tablet-nav-wrap:before {
	box-shadow: none
}
.tablet-nav-wrap.tablet-open:before, .tablet-nav-wrap.tablet-open:after {
	right: 0
}
}
.mobile-nav-wrap {
	display: none;
	background: #f9f9f9;
	position: absolute;
	top: 6.1rem;
	left: 0;
	right: 0;
	padding: 0 0 4rem;
	height: calc(100vh - 6rem);
	overflow-x: hidden;
	overflow-y: scroll
}
.mobile-nav-wrap.slid {
	overflow: hidden
}

@media screen and (min-width:767px) and (max-width:1259px) {
.mobile-nav-wrap {
	max-width: 500px;
	width: 100%;
	z-index: 1;
	right: -100%;
	left: auto;
	top: 6.6rem;
	display: block !important;
	-webkit-transition: right .5s ease-in-out;
	-moz-transition: right .5s ease-in-out;
	-ms-transition: right .5s ease-in-out;
	-o-transition: right .5s ease-in-out;
	transition: right .5s ease-in-out;
	background: #fff;
	opacity: 1 !important
}
.tablet-open .mobile-nav-wrap {
	right: 0;
	-webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2);
	box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.2)
}
}

@media screen and (min-width:1260px) {
.mobile-nav-wrap {
	position: static;
	padding: 0;
	border: 0;
	background: 0;
	display: inline-block !important;
	float: right;
	height: auto;
	overflow: visible
}
}
ul.tertiary {
	display: inline-block;
	/*font-size: 2.4rem;*/
	font-size: 0;
	text-align: right;
	list-style: none;
	float: right;
	margin: 0;
	height: 6rem;
	position: relative;
	z-index: 5;
	line-height: 6rem;
}

ul.tertiary .li-content{
	background: rgba(255,255,255,.21);
	display: inline-block;
	vertical-align: middle;
	width:13rem;
	height: 3rem;
	line-height: 3rem;
	margin-top: 1rem;
	border-radius: 3rem;
	font-size: 0;
}

ul.tertiary .text{
	width: 10rem;
	height: 3rem;
	line-height: 3rem;
	vertical-align: top;
	padding: 0 1rem;
	color: #fff;
	font-size: 1.6rem
}

ul.tertiary .li-content .icon-search{
	color: #fff;
	border: none;
	background: none;
	font-size: 1.6rem;
	line-height: 3rem;
	width: 3rem;
	padding: 0;
	vertical-align: top;
	text-align: left
}

header.stuck ul.tertiary .li-content{
	background: rgba(9,36,79,.1);
}

header.stuck ul.tertiary .li-content .icon-search{
	color: #09244F;
}

@media screen and (min-width:767px) and (max-width:1259px) {
ul.tertiary {
	height: 6.6rem
}
}

@media screen and (min-width:1260px) {
ul.tertiary {
	width: auto;
	padding: 0 2.8rem 0 0;
	margin: 0;
	font-size: 2.4rem;
	height: auto
}
}
ul.tertiary>li {
	font-weight: 400;
	display: inline-block
}
ul.tertiary>li a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-ms-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
	height: 6rem;
	width: 5.4rem;
	color: #006e96;
	float: left;
	text-align: center
}
ul.tertiary>li a.icon-search {
	font-size: 2rem
}
ul.tertiary>li a:hover, ul.tertiary>li a:focus {
	text-decoration: none
}

@media screen and (min-width:767px) and (max-width:1259px) {
ul.tertiary>li a {
	color: #fff;
	height: 6.6rem
}
ul.tertiary>li a:hover, ul.tertiary>li a:focus {
	color: rgba(255,255,255,0.7)
}
.tablet-open ul.tertiary>li a, .stuck ul.tertiary>li a {
	color: #006e96
}
}

@media screen and (min-width:1260px) {
ul.tertiary>li a:hover, ul.tertiary>li a:focus {
	color: rgba(255,255,255,0.7)
}
}

@media screen and (max-width:767px) {
ul.tertiary>li a.open {
	border-left: solid 1px #c9c7c6;
	position: relative;
	color: #006e96
}
ul.tertiary>li a.open:after {
	border-bottom: solid 1px #fff;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	content: '';
	height: 1px
}
ul.tertiary>li a.open:before {
	content: "\e905";
	font-size: 1.7rem
}
}

@media screen and (min-width:1260px) {
ul.tertiary>li a {
	color: #fff;
	height: auto;
	width: auto;
	margin: 0;
	padding: 2.1rem 1rem 2.1rem;
	text-align: left
}
ul.tertiary>li a.icon-search {
	font-size: 2rem;
	top: 7px
}
ul.tertiary>li a.icon-cart {
	top: .5rem
}
}

@media screen and (min-width:1260px) {
.stuck ul.tertiary>li>a {
	color: #006e96
}
.stuck ul.tertiary>li>a:hover, .stuck ul.tertiary>li>a:focus {
	color: rgba(0,138,188,0.7)
}
}
nav.utility {
	font-size: 1.6rem;
	color: #09244f;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}

@media screen and (min-width:1260px) {
nav.utility {
	height: 5.7rem;
	position: absolute;
	top: 1.8rem;
	right: 4rem
}
}
nav.utility ul {
	margin: 0;
	padding: 0 2rem;
	list-style: none
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul {
	padding: 0;
	margin-top: 3.7rem
}
}

@media screen and (min-width:1260px) {
nav.utility ul {
	float: right;
	padding: 0;
	display: inline-block
}
}
nav.utility ul li {
	margin: .2rem 0;
	padding: 0
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul li {
	padding: 0 7.5rem
}
nav.utility ul li:last-child {
	margin-bottom: 1.6rem
}
}

@media screen and (min-width:1260px) {
nav.utility ul li {
	display: inline-block;
	margin: 0 0 0 2.5rem
}
}
nav.utility ul li a {
	font-family: 'Barlow Condensed', "Noto sans sc", sans-serif;
	display: inline;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	text-transform: uppercase;
	color: #09244f;
	padding: 1.6rem 0;
	cursor: pointer;
}
nav.utility ul li a:hover, nav.utility ul li a:focus {
	color: #4f8309;
	text-decoration: none
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul li a {
	text-align: center;
	font-size: 2rem
}
}

@media screen and (min-width:1260px) {
nav.utility ul li a {
	padding: 0
}
nav.utility ul li a.icon-lock:before {
	top: 2px;
	font-size: 1.7rem
}
nav.utility ul li a.icon-map-marker:before {
	font-size: 1.9rem;
	top: 2px
}
nav.utility ul li a.icon-envelope:before {
	font-size: 1.5rem
}
}
nav.utility ul li div {
	padding: 1.6rem 0
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul li div {
	text-align: center
}
}

@media screen and (min-width:1260px) {
nav.utility ul li div {
	padding: 0
}
}
nav.utility ul li svg, nav.utility ul li img {
	color: #4f8309;
	display: inline;
	fill: #4f8309;
	/*height: 1.5rem;*/
	max-height: 1.7rem;
	padding: 0;
	margin-right: .7rem;
	position: relative;
	top: 1px;
	vertical-align: baseline;
	/*width: 1.5rem*/
	max-width: 1.7rem;
}
nav.utility ul li svg *, nav.utility ul li img * {
	color: #4f8309;
	fill: #4f8309
}
nav.utility select, nav.utility .chosen {
	float: left
}
/************* 侧边锚点 ***************/
#jumpNav {
	display: block;
	position: fixed;
	z-index: 500;
	width: 2.5rem;
	float: right
}

@media screen and (max-width:1300px) {
#jumpNav {
	display: none
}
}

@media screen and (max-width:1450px) {
#jumpNav ul li a span {
	display: none
}
}
#jumpNav.init {
	bottom: 10%;
	position: fixed
}
#jumpNav.stuck {
	top: 50% !important;
	position: fixed !important;
	transform: translateY(-50%)
}
#jumpNav .jump-nav-focus {
	height: 3.5rem;
	margin: 0
}
#jumpNav .jump-nav-focus a:before {
	width: 2.6rem;
	height: 2.6rem;
	top: -1px;
	left: -1px;
	background: rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3)
}
#jumpNav .jump-nav-focus a:after {
	background: #d0df00;
	border: solid 1px #fff;
	width: 1.6rem;
	height: 1.6rem;
	left: 4px;
	top: 4px;
	font-family: icomoon
}
#jumpNav .jump-nav-focus a .title {
	max-width: 30rem;
	opacity: 1
}
#jumpNav .jump-nav-focus a .icon-plus {
	display: block;
	opacity: 1;
	left: 8px;
	top: 7px
}
#jumpNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	width: 2rem;
	display: block
}
#jumpNav ul li {
	margin: 0 0 .5rem;
	height: 2.5rem;
	width: 2.5rem;
	float: none;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
#jumpNav ul li a {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background: 0;
	text-decoration: none !important;
	color: #fff;
	font-family: 'Barlow Condensed', "Noto sans sc", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.8rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none !important;
	padding: 0;
	position: relative;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
#jumpNav ul li a:before {
	content: '';
	width: 1.4rem;
	height: 1.4rem;
	background: rgba(255,255,255,0.5);
	-webkit-transform: rotate(-45deg) skew(5deg, 5deg);
	-moz-transform: rotate(-45deg) skew(5deg, 5deg);
	-ms-transform: rotate(-45deg) skew(5deg, 5deg);
	-o-transform: rotate(-45deg) skew(5deg, 5deg);
	transform: rotate(-45deg) skew(5deg, 5deg);
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	backface-visibility: initial
}
#jumpNav ul li a:after {
	content: '';
	width: .8rem;
	height: .8rem;
	background: #fff;
	-webkit-transform: rotate(-45deg) skew(5deg, 5deg);
	-moz-transform: rotate(-45deg) skew(5deg, 5deg);
	-ms-transform: rotate(-45deg) skew(5deg, 5deg);
	-o-transform: rotate(-45deg) skew(5deg, 5deg);
	transform: rotate(-45deg) skew(5deg, 5deg);
	display: block;
	position: absolute;
	left: 8px;
	top: 8px;
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	backface-visibility: initial
}
#jumpNav ul li a .icon-plus {
	color: #000;
	position: absolute;
	opacity: 0;
	font-size: 1.1rem;
	z-index: 1;
	left: 8px;
	top: 7px;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
#jumpNav ul li a .title {
	position: absolute;
	white-space: nowrap;
	right: 100%;
	top: -1px;
	padding-right: 2rem;
	opacity: 0;
	text-shadow: 0 0 7px #000;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	max-width: 10rem
}
#jumpNav ul li a:hover, #jumpNav ul li a:focus {
	color: #fefefe
}
#jumpNav ul li:before {
	display: none
}
#jumpNav ul li:last-child {
	margin: 0;
	padding: 0
}
#jumpNav ul li:hover, #jumpNav ul li:focus {
	height: 3.5rem;
	margin: 0
}
#jumpNav ul li:hover a:before, #jumpNav ul li:focus a:before {
	width: 2.6rem;
	height: 2.6rem;
	top: -1px;
	left: -1px;
	background: rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3)
}
#jumpNav ul li:hover a:after, #jumpNav ul li:focus a:after {
	background: #d0df00;
	border: solid 1px #fff;
	width: 1.6rem;
	height: 1.6rem;
	left: 4px;
	top: 4px;
	font-family: icomoon
}
#jumpNav ul li:hover a .title, #jumpNav ul li:focus a .title {
	max-width: 30rem;
	opacity: 1
}
#jumpNav ul li:hover a .icon-plus, #jumpNav ul li:focus a .icon-plus {
	display: block;
	opacity: 1;
	left: 8px;
	top: 7px
}
#jumpNav ul li:focus-within {
height:3.5rem;
margin:0
}
#jumpNav ul li:focus-within a:before {
width:2.6rem;
height:2.6rem;
top:-1px;
left:-1px;
background:rgba(255,255,255,0.4);
-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);
box-shadow:0 0 2rem 0 rgba(0,0,0,0.3)
}
#jumpNav ul li:focus-within a:after {
background:#d0df00;
border:solid 1px #fff;
width:1.6rem;
height:1.6rem;
left:4px;
top:4px;
font-family:icomoon
}
#jumpNav ul li:focus-within a .title {
max-width:30rem;
opacity:1
}
#jumpNav ul li:focus-within a .icon-plus {
display:block;
opacity:1;
left:8px;
top:7px
}

/********* 页脚 ***********/
.footer{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 2% 0 1% 0;
	position: relative;
	z-index: 1;
}

.footer .footer-content{
	padding: 0 50px;
}

.footer .footer-top{
	border-bottom: 1px #fff solid;
	padding-bottom: 20px;
}

.footer .footer-qr{
	/*width: 320px;*/
	width: 50%;
}

.footer .footer-qr .qr-item{
	/*width: 150px;
	margin-left: 20px;*/
	text-align:center;
	width: 50%;
}

/*.footer .footer-qr .qr-item:first-child{
	margin-left: 0;
}*/

.footer .footer-qr .qr-item .img{
	font-size: 0;
	max-width: 150px;
}

.footer .footer-qr .qr-item .text{
	color: #fff;
	font-size: 16px;
	line-height: 2;
	max-width: 150px;
}
.footer .footer-qr{
	width: 75%;
}
.footer .footer-qr .qr-item{
	width: 25%;
}
.footer .footer-menu{
	width:330px;
	padding: 10px 70px;
	text-align: justify;
	display: none;
}

.footer .footer-menu:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}

.footer .footer-menu .menu-item{
	display: inline-block;
	vertical-align: top;
	width: 80px;
	margin-bottom: 20px;
}

.footer .footer-menu .menu-item .link{
	color: rgba(255,255,255,.51);
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	font-weight: normal;
}

.footer .footer-menu .menu-item .link:hover{
	color: #fff;
	text-decoration: none;
}

.footer .footer-fastlink{
	/*width: 210px;*/
	padding: 10px 0 0 0;
	width: 25%;
}
.footer .footer-fastlink .title{
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: 600;
}

.footer .footer-fastlink .links{
	
}
.footer .footer-fastlink .links .link{
	margin-bottom: 20px;
	max-width: 150px;
	background: rgba(255,255,255,.11);
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	border-radius: 5px;
	font-weight: normal;
}

.footer .footer-fastlink .links .link:hover{
	text-decoration: none;
	background: #fff;
	color: #63a90b;
}
.footer .footer-fastlink{
	display: none;
}
.footer .footer-contact{
	/*width: calc(100% - 320px - 330px - 210px);*/
	width: 25%;
	padding-top: 10px;
}

.footer .footer-contact .title{
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: 600;
}

.footer .footer-contact .tel{
	color: #fff;
	font-size: 35px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: 600;
	/*font-family: "microsoft yahei", Helvetica, Arial," sans-serif"*/
font-family: "Noto sans sc", sans-serif
}

.footer .footer-contact .buy{
	width: 180px;
}

.footer .footer-contact .buy .btn{
	width: 100%;
	min-width: 180px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}

.footer .footer-contact .buy .btn .icon{
	width: auto;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin-right: 10px
}

.footer .footer-contact .buy .btn .icon img{
	width: auto;
	max-width: 24px;
	height: auto;
	max-height: 24px;
	vertical-align: middle;
}
.footer .footer-bottom{
	text-align: center;
	padding: 20px;
}

.footer .footer-info{
	color: rgba(255,255,255,.51);
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.footer .footer-info a{
	font-style: italic;
}

.footer .footer-copyright{
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}
/************ 商用页脚 ************/

.footer.shangyong-footer .footer-qr{
	/*width: 150px;*/
}
.footer.shangyong-footer .footer-menu{
	width: 440px;
	padding: 10px 120px;
}

.footer.shangyong-footer .footer-fastlink{
	width: 270px;
}

.footer.shangyong-footer .footer-contact{
	/*width: calc(100% - 150px - 440px - 270px)*/
}

/************* 商用咨询弹框 ************/
.popup{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.37);
	z-index: 9999;
	display: none;
}

.popup-box{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.popup-container{
	background: #fff;
	width: 80vw;
	max-width: 56rem;
	border-radius: 1rem;
}

.popup-container .popup-title{
	border-bottom: 1px #eee solid;
	position: relative;
	padding: 2rem;
	color: #6EB70B;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}

.popup-container .popup-title .closeit{
	position: absolute;
	right: 2rem;
	top: 0;
	height: 100%;
	line-height: 6rem;
	font-size: 0;
}

.popup-container .popup-title .closeit img{
	width: auto;
	max-width: 1.5rem;
	height: auto;
	max-height: 1.5rem;
	vertical-align: middle;
}

.popup-container .popup-content{
	padding: 4rem 7rem 4rem 7rem;
}

.popup-container .popup-content .shangyongzixun-bd{
	
}

.popup-container .popup-content .shangyongzixun-bd .bd-item{
	margin-bottom: 1rem;
	position: relative;
	z-index: 0;
}

.popup-container .popup-content .shangyongzixun-bd .bd-item.select1{
	z-index: 2;
}

.popup-container .popup-content .shangyongzixun-bd .bd-item.select2{
	z-index: 1;
}

.popup-container .popup-content .shangyongzixun-bd .bt{
	color: #464747;
	font-size: 1.6rem;
	line-height: 4rem;
	vertical-align: top;
	text-align: right;
	width: 6rem;
}

.popup-container .popup-content .shangyongzixun-bd .bc{
	vertical-align: top;
	font-size: 0;
}
.popup-container .popup-content .shangyongzixun-bd .text{
	background: #f4f4f4;
	color: var(--dark-gary);
	font-size: 1.4rem;
	height: 4rem;
	line-height: 4rem;
	width: 30rem;
	border-radius: 0.5rem;
	padding: 0 1rem;
}

.popup-container .popup-content .shangyongzixun-bd .select-item{
	width: 14rem;
	margin-left: 2rem;
}

.popup-container .popup-content .shangyongzixun-bd .select-item:first-child{
	margin-left: 0;
}

.popup-container .popup-content .shangyongzixun-bd .select-item .select_box,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .select_box{
	width: 100%;
	position: relative;
}
.popup-container .popup-content .shangyongzixun-bd .select-item .select_box span,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .select_box span{
	cursor: pointer;
	display: block;
	line-height: 4rem;
	width: 100%;
	height: 4rem;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 10px;
	background: #f4f4f4;
	color: #464747;
	font-size: 1.4rem;
	border-radius: 5px;
}

.popup-container .popup-content .shangyongzixun-bd .select-item .select_box > span i,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .select_box > span i{
	position: absolute;
	right: 1rem;
	top: 0;
	height: 4rem;
	line-height: 4rem;
	color: #09244F;
	font-size: 1.6rem;
}

.popup-container .popup-content .shangyongzixun-bd .select-item .select_box ul li,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .select_box ul li{
	cursor: pointer;
}
.popup-container .popup-content .shangyongzixun-bd .select-item .son_ul,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .son_ul{
	width: 100%;
	position: absolute;
	left: 0;
	top: 4rem;
	border: 1px dashed #ccc;
	background: #fff;
	max-height: 202px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.popup-container .popup-content .shangyongzixun-bd .select-item .son_ul li,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .son_ul li{
	display: block;
	line-height: 4rem;
	padding: 0 1rem;
	width: 100%;
	font-size: 1.4rem;
	color: #464747
}
.popup-container .popup-content .shangyongzixun-bd .select-item .hover,
.popup-container .popup-content .shangyongzixun-bd .select-hangye .hover{
	background: #ccc;
}

.popup-container .popup-content .shangyongzixun-bd .select-hangye{
	width: 30rem;
}

.popup-container .popup-content .shangyongzixun-bd .textarea{
	background: #f4f4f4;
	color: #464747;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 1rem;
	width: 37rem;
	height: 10rem;
	border-radius: 5px;
	margin-bottom: 2rem
}

.popup-container .popup-content .shangyongzixun-bd .wenzi{
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 2rem;
}

.popup-container .popup-content .shangyongzixun-bd .wenzi .checkbox{
	margin-right: 1rem;
		vertical-align: -2px;
}

.popup-container .popup-content .shangyongzixun-bd .wenzi .yinsi-button{
	color: #6EB70B;
	font-style: italic;
}

.user-yinsi{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.user-yinsi .yinsi-box{
	background: #fff;
	width: 80vw;
	max-width: 56rem;
	border-radius: 1rem;
	height: 90vh;
}

.user-yinsi .yinsi-title{
border-bottom: 1px #eee solid;
	position: relative;
	padding: 2rem;
	color: #6EB70B;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}

.user-yinsi .yinsi-title .close-yinsi{
	position: absolute;
	right: 2rem;
	top: 0;
	height: 100%;
	line-height: 6rem;
	font-size: 0;
}

.user-yinsi .yinsi-title .close-yinsi img{
	width: auto;
	max-width: 1.5rem;
	height: auto;
	max-height: 1.5rem;
	vertical-align: middle;
}

.user-yinsi .yinsi-content{
	height: calc(100% - 61px);
	overflow: hidden;
	padding: 20px 20px 45px 20px;
}

.user-yinsi .yinsi-content .content-box{
	background: #f8f8f8;
	padding: 20px;
	overflow: hidden;
	height: calc(100% - 75px);
}

.user-yinsi .yinsi-content .content-box .wenzi{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #888;
	font-size: 14px;
	line-height: 2;
}

.user-yinsi .yinsi-content .button-box{
	text-align: center;
	font-size: 0;
	padding-top: 35px;
}

.user-yinsi .yinsi-content .button-box .button{
	background: #6EB70B;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	width: 130px;
	margin: 0 25px;
	border-radius: 5px;
}

.user-yinsi .yinsi-content .button-box .button:first-child{
	background: #eee;
	color: #888;
}

/*************** 右侧悬浮 ****************/
.fright{
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 99
}

.fright .float-img{
	font-size: 0;
	margin-bottom: 2rem;
	width:70px;
	display: none;
}
.fright .fright-button{
	background: #09244F;
	padding: 1rem 0;
	width: 4.4rem;
	color: #fff;
	height: 150px;
	border-radius: 5px;
	margin-bottom: 1rem;
}

.fright .fright-button .icon{
	width: 100%;
	font-size: 0;
	text-align: center;
}

.fright .fright-button .text{
	width: 100%;
	text-align: center;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-rl;
	font-size: 1.6rem;
	line-height: 1.875;
	padding-top: 1rem;
	letter-spacing: 3px;
	font-weight: normal;
	display: inline-flex;
}

.fright .fright-button:hover{
	background: #6EB70B;
	text-decoration: none!important
}

/*********** 新增头部下拉 ***********/
.top-has-child {position:relative;}
.top-has-child .icon-utility{position:relative}
.top-has-child .fa{position:absolute;left:0;bottom:-19px;width:100%;color:#6EB70B;font-size:20px;line-height:6px;display:none;text-align:center;z-index: 1;}
.top-has-child .top-buy-sub{position:absolute;top:2rem;left:0;margin-left:-300px;width:600px;display:none;padding-top:2rem;}
.top-has-child:hover .top-buy-sub,.top-has-child:hover .fa{display:block}
.top-has-child .top-buy-sub .sub-item{width:230px;text-align: center;
	padding: 20px;
	border-top: 2px #6EB70B solid;position:relative;cursor:pointer;background:#fff}
.top-has-child .top-buy-sub .sub-item .icon{margin-bottom:10px;line-height:3rem;}
.top-has-child .top-buy-sub .sub-item .icon img{	margin: 0;
	max-width: 2.6rem;
	max-height: 2.6rem;vertical-align:middle;}
.top-has-child .top-buy-sub .sub-item .wenzi{font-weight:600;}
.top-has-child .top-buy-sub .sub-item:hover .wenzi{color:#6EB70B}
.top-has-child .top-buy-sub .sub-item .online-shop-list{
position:absolute;
left:0;
top:95px;
width:100%;
padding-top:8px;
display:none;
}

.top-has-child .top-buy-sub .sub-item:hover  .online-shop-list{
display:block
}

.top-has-child .top-buy-sub .sub-item .online-shop-list i{
color:#fff;
width:100%;
text-align:center;
font-size:30px;
line-height:5px;
position: absolute;
	left: 0;
	top: 0;
}

.top-has-child .top-buy-sub .sub-item .online-shop-list .list-content{
background:#fff;
border-radius:5px;
padding:20px 10px;
font-size:0;
box-shadow:0 0 10px rgba(0,0,0,.7);
position:relative;
z-index:1;
}

.top-has-child .top-buy-sub .sub-item .online-shop-list .list-content .index-buy-link{
width:50%;
}
.top-has-child .top-buy-sub .sub-item .online-shop-list .list-content .index-buy-link img{
width:auto;
max-width:80%;
height:auto;
max-height:80%;
margin:0;
}

.top-has-child .top-hezuo-sub{
	position:absolute;
	top:2rem;
	left:0;
	width: 110%;
	display:none;
	padding-top:3rem;
	text-align: center;
	padding-bottom: 2rem;
	background: #fff;
}

.top-has-child .top-hezuo-sub:before{
	content: "";
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
	border-top: 2px #6EB70B solid;
}

.top-has-child:hover .top-hezuo-sub,
.top-has-child:hover .fa{
	display:block
}

.top-has-child .top-hezuo-sub .sub-item{
	float: none;
	margin-top: 10px;
	display: inline-block;
}

.top-has-child .top-hezuo-sub .sub-item:first-child{
	margin-top: 0;
}

sub {
	vertical-align: sub;
	font-size: 12px;
}

sup {
	vertical-align: super;
	font-size: 12px;
}

/********* 针对360浏览器家族font-size最小为12 ********/
/*.html-360-fix .footer .footer-content{
	padding: 0 4.1rem;
}
.html-360-fix .footer .footer-qr{
width:26.6rem;
}
.html-360-fix .footer .footer-qr .qr-item{
width:12.5rem;
margin-left:1.6rem;
}
.html-360-fix .footer .footer-qr .qr-item:first-child{
margin-left:0;
}

.html-360-fix .footer .footer-menu{
padding:0.8rem 5.8rem;
width:27.5rem;
}

.html-360-fix .footer .footer-menu .menu-item{
width:6.6rem;
    margin-bottom: 1.6rem;
}
.html-360-fix .footer .footer-menu .menu-item .link{
font-size:1.3rem;
}
.html-360-fix .footer .footer-fastlink{
width:17.5rem;
padding:0.8rem 0 0 0;
}
.html-360-fix .footer .footer-fastlink .title{
font-size: 1.6rem;
margin-bottom: 0.8rem;
}
.html-360-fix .footer .footer-fastlink .links .link{
margin-bottom: 1.6rem;
    max-width: 12.5rem;
font-size: 1.6rem;
    line-height: 3rem;
}

.html-360-fix .footer .footer-contact{
    width: calc(100% - 26.6rem - 27.5rem - 17.5rem);
    padding-top: 0.8rem;
}

.html-360-fix .footer .footer-contact .title{
font-size: 1.6rem;
    margin-bottom: 0.8rem;
}
.html-360-fix .footer .footer-contact .tel{
font-size: 2.9rem;
margin-bottom: 0.8rem;
}
.html-360-fix .footer .footer-contact .buy{
width: 15rem;
}

.html-360-fix .footer .footer-contact .buy .btn{
min-width: 15rem;
    height: 3.3rem;
    line-height: 3.3rem;
}
.html-360-fix .footer .footer-contact .buy .btn .icon{
height: 3.3rem;
line-height: 3.3rem;
    margin-right: 0.8rem;
}
.html-360-fix .footer .footer-bottom{
padding: 1.6rem;
}
.html-360-fix .footer .footer-copyright{
font-size: 1.3rem;
}*/


/*****************20210317*****************/
.top-has-child .top-buy-sub{width:690px;margin-left:-345px;}

/***************** 20210630 *******************/
.top-has-child .top-buy-sub-small{width:460px;margin-left:-230px;}

/*****************20211122 *************************/
.footer .footer-contact .tel{border-bottom:3px #fff solid;display:inline-block;text-decoration: underline!important;border-bottom:none;}
.footer .footer-contact .info{color:#fff;font-size:14px;line-height:1.92}
.footer .footer-copyright a{color:#fff;display:inline-block;font-weight: normal;}
.footer .footer-copyright a:nth-child(3),.footer .footer-copyright a:nth-child(4){margin-left:5px;}
.footer .footer-info .link{color: rgba(255,255,255,.51);}

/*****************20220902********************/
main.content{position:relative;z-index:1}
@media screen and (max-width: 766px) {
	ul.tertiary .li-content{
    background: rgba(9,36,79,.1) !important;
		margin-right: 20px !important;
		margin-top: 0px !important;
}
ul.tertiary .text{
	color: #09244f !important;
}
ul.tertiary .li-content .icon-search{
	color: #09244F !important;
}
}
