@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, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: 0;
	background: transparent;
	box-sizing: border-box;
}
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 {
	vertical-align: middle;
	outline: none;
	box-sizing: border-box;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	border: none;
}
textarea {
	outline: none;
	border: none;
}

::-ms-browse, [type='file'] {
 padding: 0 0.2rem;
 line-height: 0.46rem;
 border: 1px solid #dcdcdc;
 background: #fff;
 color: #595757;
}
::-webkit-file-upload-button {
 padding: 0 0.2rem;
 line-height: 0.46rem;
 border: 1px solid #dcdcdc;
 background: #fff;
 color: #595757;
}

:-ms-input-placeholder {
 color: #888;
/*text-indent: 5px;*/
}
::-webkit-input-placeholder {
 color: #888;
/*text-indent: 5px;*/
}
::-moz-placeholder {
 color: #888;
 /*text-indent: 5px; *//* 没有用 */
 opacity: 1!important;
}
body {
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	-webkit-user-select: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	margin: 0 auto;
	position: relative;
	font-size: 12px;
	background: #EFEFF4;
}
section {
	width: 7.5rem;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.dis-block {
	display: block;
}
.dis-inlineblock {
	display: inline-block;
	vertical-align: top;
}
.dis-table {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.dis-inlinetable {
	display: inline-table;
	table-layout: fixed;
}
.dis-tablerow {
	display: table-row;
}
.dis-tablecell {
	display: table-cell;
	vertical-align: middle;
}
.dis-inlinelist {
	text-align: justify;
}
.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;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.overflow {
	overflow: hidden;
	max-height: 100vh;
}
.full-width {
	width: 100%;
}
.half-width {
	width: 50%;
}
.fixit {
	height: 0!important;
	margin: 0!important;
	padding: 0!important;
	border: none!important;
	box-shadow: none!important;
}
.no-bg {
	background: none;
}
label {
	display: inline-block;
	position: relative;
}
label input {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.body-wrap {
	position: relative;
	max-width: 7.5rem;
	overflow-x: hidden;
	margin: 0 auto;
}



/************************20210709*******************************/
/********** 嵌入字体 ***********/
@font-face {
	font-family: 'icomoon';
	src: url('/wap/css/icomoon.eot');
	src: url('/fonts//wap/css/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') 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"
}


/*************** 头部菜单 *************/
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:1.32rem
}
}

@media screen and (min-width:1260px) {
header {
	padding:1.2rem 0 0 0;
	border: 0;
	height: 1.2rem;
	background: #000
}
header:before {
	height: 1.2rem;
	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: 0.3rem 0 0 0.36rem
}
header .logo:hover {
	color: #fff
}
header .logo img, header .logo svg {
	height: 0.6rem;
	max-width: 2.4rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
header .logo {
	padding: 0.28rem 0 0 0.36rem
}
header .logo img, header .logo svg {
	height: 0.8rem;
	max-width: 3rem
}
}

@media screen and (min-width:1260px) {
header .logo {
	padding: 0.2rem 0 0 0.86rem
}
header .logo img, header .logo svg {
	max-width: none;
	height: 1.1rem;
	width: 6rem;
	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: .06rem;
	padding-top: .1rem
}

@media screen and (min-width:1260px) {
header .lang {
	position: absolute;
	top: 0.26rem;
	left: 0.6rem;
	float: left;
	border: 0;
	padding: 0;
	margin: 0
}
}
header .lang select.chosen-select {
	font-size: 0.32rem;
	text-transform: uppercase;
	border: 0;
	background: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #09244f;
	margin-top: .08rem
}
header .lang select.chosen-select+.arrow {
	margin: .1rem 0 0 .1rem;
	position: relative;
	top: .6rem;
	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: .1rem;
	margin-left: 0.2rem
}
}
header .lang .chosen-container {
	font-size: 0.32rem;
	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 0.2rem;
	height: 0.7rem;
	white-space: nowrap;
	line-height: 0.2em;
	color: #09244f;
	width: 100%
}
header .lang .chosen-container-single .chosen-single span {
	display: inline-block;
	line-height: 0.1em;
	padding-top: .18rem
}
header .lang .chosen-container-single .chosen-single div {
	position: relative;
	top: auto;
	right: auto;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0 .1rem
}
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: 1.2rem;
	border-bottom: solid 1px #c9c7c6
}

@media screen and (min-width:992px) {
header.landing-page-header {
	padding: 0
}
header.landing-page-header>a.logo {
	padding: .1rem 0 0 0.86rem
}
header.landing-page-header>a.logo>svg {
	height: 0.9rem
}
}
.hamburger-menu, .hamburger-menu:focus {
	position: relative;
	float: right;
	width: 1.12rem;
	height: 1.2rem;
	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: 0.3rem;
	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: 0.3rem;
	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: .1rem
}
.hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	top: .1rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
.hamburger-menu>span, .hamburger-menu:focus>span {
	background: #fff;
	width: 0.5rem;
	height: 3px
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before, .hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	width: 0.5rem;
	height: 3px;
	background: #fff
}
.hamburger-menu>span:before, .hamburger-menu:focus>span:before {
	bottom: .14rem
}
.hamburger-menu>span:after, .hamburger-menu:focus>span:after {
	top: .14rem
}
}

@media screen and (min-width:767px) and (max-width:1259px) {
.hamburger-menu, .hamburger-menu:focus {
	width: 1.3rem;
	height: 1.32rem;
	-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: 0.34rem;
	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: 0.36rem;
	background: #fff
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main {
	font-size: 0.52rem
}
}

@media screen and (min-width:1260px) {
nav.main {
	padding: 0;
	margin: 0;
	font-size: 0.4rem;
	text-align: right;
	background: 0;
	position: static;
	overflow: visible
}
}
nav.main>ul {
	list-style: none;
	padding: 0 0.4rem;
	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 0.4rem;
	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: 0.38rem 0.7rem 0.38rem 0;
	line-height: 1.25em;
	font-weight: 600
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul>li>a {
	padding: 0.4rem 0.7rem 0.46rem 0
}
}

@media screen and (min-width:1260px) {
nav.main>ul>li>a {
	padding: 0.5rem 0.24rem 0.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: -0.32rem;
	height: 0;
	width: 999rem;
	display: block;
	transition: height .2s ease-out .3s
}
nav.main>ul>li>a>span.right-angle {
	left: calc(50% + 0.36rem)
}
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: 0.36rem solid transparent;
	content: '';
	display: block;
	position: absolute;
	right: 100%
}
nav.main>ul>li>a>span.left-angle {
	right: calc(50% + 0.36rem)
}
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: 0.36rem 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: 0.3rem
}
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: 0.3rem
}

@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: 0.52rem;
	position: absolute;
	right: 0;
	top: 0.2rem;
	font-weight: 400;
	width: 0.8rem;
	height: 0.8rem;
	text-align: right;
	line-height: 0.8rem
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.main>ul li.has-children .icon-angle-right {
	top: 0.34rem;
	font-size: 0.56rem
}
}
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: 0.34rem 0.7rem 0.34rem 0
}
nav.main>ul .dropdown .back:before {
	font-family: icomoon;
	color: #4f8309;
	display: inline-block;
	content: "\f104";
	font-size: 0.52rem;
	padding-right: .1rem;
	line-height: .5em;
	position: relative;
	bottom: -4px;
	font-weight: 400
}
nav.main>ul .dropdown .mobile-slider {
	position: absolute;
	left: 100%;
	background: #fff;
	padding: 0 0.4rem;
	height: calc(100vh - 1.2rem);
	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: 0.34rem 0.7rem 0.34rem 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: 0.38rem 0.7rem 0.38rem 0.4rem;
	font-family: 'Barlow Condensed',"Noto sans sc",  sans-serif;
	border-bottom: solid 1px #dadada
}
nav.main>ul .dropdown .back:before {
	font-size: 0.68rem;
	padding-right: 0.5rem;
	bottom: -4px
}
nav.main>ul .dropdown .mobile-slider {
	padding: 0
}
nav.main>ul .dropdown .mobile-slider ul li {
	padding: 0 0.4rem;
	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: 0.38rem 0.7rem 0.38rem 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% + 0.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: 4.16rem;
	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: 0.1rem 0 1.12rem
}
nav.main>ul .dropdown .wrap {
	max-width: 2.26rem;
	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: 3.24rem;
	font-family: 'Barlow', "Noto sans sc", sans-serif;
	font-weight: 400;
	font-size: 0.4rem;
	margin: 0 1.5rem 0 0
}
nav.main>ul .dropdown .tier-2>li:last-child {
	margin: 0
}
nav.main>ul .dropdown .tier-2>li>a {
	padding: 0.76rem 0 1.12rem;
	display: block;
	color: #09244f;
	position: relative;
	z-index: 5;
	height: 4.16rem
}
nav.main>ul .dropdown .tier-2>li>a>span {
	display: block;
	border-top: solid 2px #f5f5f5;
	margin: 0.36rem 0 0 0;
	padding: 0.24rem 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: 0.34rem solid transparent;
	border-right: 0.34rem solid transparent;
	border-top: 0.3rem solid #fff;
	top: 100%;
	left: calc(50% - 0.34rem);
	position: absolute
}
nav.main>ul .dropdown .tier-2>li.active>.dropdown {
	opacity: 1;
	max-height: 12rem
}
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: 1.4rem;
	max-height: 1rem;
	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 0.74rem;
	justify-content: left
}
nav.main>ul .dropdown .tier-3>li {
	display: block;
	width: 100%;
	flex-shrink: 0;
	margin: 0 1.2rem 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: 2.4rem;
	-moz-column-gap: 2.4rem;
	column-gap: 2.4rem;
	-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: 1.6rem;
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	-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: 0.32rem;
	margin: 0 0 0.21rem;
	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: 0.6rem;
	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: 1.6rem;
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	-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: 0.2rem 0;
	max-width: 10.4rem;
	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: 1.6rem;
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	-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: 2rem 0;
	margin: 0 auto;
	max-width: 16rem
}
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: 1.6rem;
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	-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: 2rem 0;
	margin: 0 auto;
	max-width: 21rem
}
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 0.32rem;
	width: auto;
	display: block;
	flex-grow: inherit;
	font-weight: 600;
	font-size: 0.32rem;
	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 0.32rem;
	font-weight: 600;
	font-size: 0.32rem
}
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% + 1.8rem);
	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 0.6rem;
	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: 22.6rem;
	padding: 0.6rem 0 0.8rem 0
}
nav.main>ul .dropdown.products .tier-2 {
	display: block;
	width: 25%;
	position: relative;
	padding-right: 0.4rem;
	/*min-height: 51rem*/
}
nav.main>ul .dropdown.products .tier-2>li {
	max-width: none;
	margin: 0 0 0.2rem;
	font-size: 0.32rem;
	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 0.2rem 0.3rem 1rem;
	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: 1.06rem
}
}
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: 2;
	-webkit-column-gap: 1.6rem;
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	-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: 20rem;
	margin: 0 auto;
	padding: 0.6rem 0.74rem 0.8rem 0.46rem
}
nav.main>ul.secondary .dropdown .tier-2.three-col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 2.86rem;
	-moz-column-gap: 2.86rem;
	column-gap: 2.86rem;
	-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: 0.6rem 0.74rem 1rem
}
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: 2.86rem;
	-moz-column-gap: 2.86rem;
	column-gap: 2.86rem;
	-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: 0.6rem 0.74rem 1rem
}
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 0.32rem;
	width: auto;
	display: block;
	flex-grow: inherit;
	font-weight: 600;
	font-size: 0.4rem;
	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 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: 1.32rem;
	width: 100%;
	max-width: 10rem;
	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: 1.32rem;
	border-top: solid 1px #dadada;
	height: 1px;
	right: -100%;
	width: 100%;
	max-width: 10rem;
	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: 1.22rem;
	left: 0;
	right: 0;
	padding: 0 0 0.8rem;
	height: calc(100vh - 1.2rem);
	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;*/
	max-width: 50rem;
	width: 100%;
	z-index: 1;
	right: -100%;
	left: auto;
	top: 1.32rem;
	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: 1.2rem;
	position: relative;
	z-index: 5;
	line-height: 1.2rem;
	display:none;
}

ul.tertiary .li-content{
	background: rgba(255,255,255,.21);
	display: inline-block;
	vertical-align: middle;
	width:2.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-top: 0.2rem;
	border-radius: 0.6rem;
	font-size: 0;
}

ul.tertiary .text{
	width: 2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	vertical-align: top;
	padding: 0 0.2rem;
	color: #464747;
	font-size: 0.32rem
}

ul.tertiary .li-content .icon-search{
	color: #fff;
	border: none;
	background: none;
	font-size: 0.32rem;
	line-height: 0.6rem;
	width: 0.6rem;
	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: 1.32rem
}
}

@media screen and (min-width:1260px) {
ul.tertiary {
	width: auto;
	padding: 0 0.56rem 0 0;
	margin: 0;
	font-size: 0.48rem;
	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: 1.2rem;
	width: 1.08rem;
	color: #006e96;
	float: left;
	text-align: center
}
ul.tertiary>li a.icon-search {
	font-size: 0.4rem
}
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: 1.32rem
}
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: 0.34rem
}
}

@media screen and (min-width:1260px) {
ul.tertiary>li a {
	color: #fff;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0.42rem 0.2rem 0.42rem;
	text-align: left
}
ul.tertiary>li a.icon-search {
	font-size: 0.4rem;
	top: 7px
}
ul.tertiary>li a.icon-cart {
	top: .05rem
}
}

@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: 0.32rem;
	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: 1.14rem;
	position: absolute;
	top: 0.36rem;
	right: 0.8rem
}
}
nav.utility ul {
	margin: 0;
	padding: 0 0.4rem;
	list-style: none
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul {
	padding: 0;
	margin-top: 0.74rem
}
}

@media screen and (min-width:1260px) {
nav.utility ul {
	float: right;
	padding: 0;
	display: inline-block
}
}
nav.utility ul li {
	margin: .04rem 0;
	padding: 0
}

@media screen and (min-width:767px) and (max-width:1259px) {
nav.utility ul li {
	padding: 0 1.5rem
}
nav.utility ul li:last-child {
	margin-bottom: 0.32rem
}
}

@media screen and (min-width:1260px) {
nav.utility ul li {
	display: inline-block;
	margin: 0 0 0 0.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: 0.32rem 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: 0.4rem
}
}

@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: 0.34rem
}
nav.utility ul li a.icon-map-marker:before {
	font-size: 0.38rem;
	top: 2px
}
nav.utility ul li a.icon-envelope:before {
	font-size: 0.3rem
}
}
nav.utility ul li div {
	padding: 0.32rem 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: 0.34rem;
	padding: 0;
	margin-right: .14rem;
	position: relative;
	top: 1px;
	vertical-align: baseline;
	/*width: 1.5rem*/
	max-width: 0.34rem;
}
nav.utility ul li svg *, nav.utility ul li img * {
	color: #4f8309;
	fill: #4f8309
}
nav.utility select, nav.utility .chosen {
	float: left
}

/***************  头手下拉 ******************/
.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:0.4rem;left:0;margin-left:-300px;width:600px;display:none;padding-top:0.4rem;}
.top-has-child:hover .top-buy-sub,.top-has-child:hover .fa{display:block}
.top-has-child .top-buy-sub .sub-item{width:200px;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:0.6rem;}
.top-has-child .top-buy-sub .sub-item .icon img{	margin: 0;
	max-width: 0.52rem;
	max-height: 0.52rem;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:0.4rem;
	left:0;
	width: 110%;
	display:none;
	padding-top:0.6rem;
	text-align: center;
	padding-bottom: 0.4rem;
	background: #fff;
}

.top-has-child .top-hezuo-sub:before{
	content: "";
	position: absolute;
	top: 0.4rem;
	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;
}



@media screen and (max-width:1024px) {
.top-has-child .top-buy-sub {
	left: 0;
	margin-left: 0;
	z-index: 1;
	background: #fff;
	top: 0.8rem;
	width: 100%;
}
.top-has-child .top-buy-sub .sub-item {
	width: 33%;
	padding: 0 2%;
}
.top-has-child .top-buy-sub .sub-item .icon {
	margin-bottom: 0;
}
.top-has-child .top-buy-sub .sub-item .wenzi {
	padding: 0;
	font-size: 0.28rem;
	line-height: 2;
}
}<!--耗时1751468190.1411秒-->