@charset "UTF-8";

		.db {
			display: block;
			overflow: hidden
		}

		.slick-list,
		.slick-track {
			min-width: 100%
		}

		::-webkit-input-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		:-moz-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		::-moz-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		:-ms-input-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		::-moz-selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		::selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		::-moz-selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		.db {
			display: block;
			overflow: hidden
		}

		.slick-list,
		.slick-track {
			min-width: 100%
		}

		::-webkit-input-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		:-moz-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		::-moz-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		:-ms-input-placeholder {
			font-size: 16px;
			color: #b1b1b1
		}

		::-moz-selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		::selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		::-moz-selection {
			color: #fff;
			background: #1773c0;
			text-shadow: none
		}

		* {
			box-sizing: border-box
		}

		html {
			font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif
		}

		body,
		html {
			-webkit-tap-highlight-color: transparent;
			-webkit-overflow-scrolling: touch;
			overflow-scrolling: touch;
			height: 100%
		}

		body {
			color: #333;
			font-weight: 400;
			background: #fff
		}

		a,
		blockquote,
		body,
		button,
		code,
		dd,
		div,
		dl,
		dt,
		figure,
		footer,
		form,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		header,
		hr,
		input,
		label,
		li,
		main,
		ol,
		p,
		pre,
		q,
		section,
		span,
		table,
		td,
		textarea,
		th,
		tr,
		ul {
			margin: 0;
			padding: 0
		}

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

		ol,
		ul {
			list-style: none
		}

		img {
			max-width: 100%;
			height: auto;
			vertical-align: middle;
			border-style: none
		}

		a {
			cursor: pointer;
			text-decoration: none;
			color: inherit;
			transition: all .3s
		}

		textarea {
			display: block;
			width: 100%;
			max-width: 100%;
			border: 1px solid #000;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none
		}

		i {
			font-style: normal
		}

		[type=button],
		[type=reset],
		[type=submit],
		button {
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer
		}

		input[type=number] {
			-moz-appearance: textfield
		}

		input[type=number]::-webkit-inner-spin-button,
		input[type=number]::-webkit-outer-spin-button {
			-webkit-appearance: none
		}

		[type=button]::-moz-focus-inner,
		[type=reset]::-moz-focus-inner,
		[type=submit]::-moz-focus-inner,
		button::-moz-focus-inner {
			border-style: none;
			padding: 0
		}

		:focus {
			outline: 0
		}

		table {
			width: 100%;
			border-collapse: collapse;
			border-spacing: 0
		}

		button,
		input,
		select,
		textarea {
			outline: 0;
			border: 0;
			-webkit-appearance: none;
			font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif
		}

		.clearfix:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: '';
			clear: both;
			height: 0
		}

		.container {
			width: 1300px;
			margin: 0 auto
		}

		.big-container {
			padding: 0 190px
		}

		@media screen and (max-width:1750px) {
			.big-container {
				padding: 0 150px
			}
		}

		@media screen and (max-width:1650px) {
			.big-container {
				padding: 0 90px
			}
		}

		@media screen and (max-width:1440px) {
			.container {
				width: auto;
				margin: 0 4rem
			}

			.big-container {
				padding: 0 4rem
			}
		}

		@media screen and (max-width:1280px) {
			.container {
				margin: 0 2rem
			}

			.big-container {
				padding: 0 2rem
			}
		}

		@media screen and (max-width:600px) {
			.container {
				margin: 0 1rem
			}

			.big-container {
				padding: 0 1rem
			}
		}

		.home-header-sec {
			position: fixed;
			width: 100%;
			top: 0;
			left: 0;
			z-index: 1000;
			padding: 22px 60px;
			transition: all .3s;
			border-bottom: 1px solid rgba(255, 255, 255, .44);
			background:rgba(0, 0, 0, .6)
		}

		.header-nav-column {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-pack: justify;
			justify-content: space-between
		}

		.header-nav-logo {
			display: block;
			-ms-flex: none;
			flex: none;
			width: 192px
		}

		.header-nav-info {
			-ms-flex: none;
			flex: none;
			width: auto;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-pack: end;
			justify-content: flex-end
		}

		.menu-main-container {
			-ms-flex: none;
			flex: none
		}

		#menu-main {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-pack: justify;
			justify-content: space-between;
			margin-top: 18px
		}

		#menu-main>li {
			position: relative;
			-ms-flex: none;
			flex: none;
			margin: 0 28px
		}

		#menu-main>li:first-child {
			margin: 0 28px 0 0
		}

		#menu-main>li>a {
			position: relative;
			display: block;
			padding: 0 0 16px;
			font-size: 18px;
			line-height: 22px;
			font-weight: 500;
			color: #fff;
			z-index: 0
		}

		#menu-main>li>a::after {
			display: block;
			position: absolute;
			left: 50%;
			bottom: 0;
			transform: translateX(-22px);
			width: 22px;
			height: 2px;
			background: #fff;
			content: '';
			opacity: 0;
			transition: all .4s
		}

		#menu-main>li>a::before {
			display: block;
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 22px;
			height: 2px;
			background: #1773c0;
			content: '';
			opacity: 0;
			transition: all .4s
		}

		#menu-main .sub-menu {
			display: none;
			position: absolute;
			left: -34px;
			top: 32px;
			padding: 16px 0 20px;
			background: #fff;
			box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .1);
			border-radius: 4px;
			z-index: 1000
		}

		#menu-main .sub-menu .sub-menu {
			top: 0;
			left: 100%
		}

		#menu-main .sub-menu>li {
			white-space: nowrap;
			position: relative;
			transition: all .3s
		}

		#menu-main .sub-menu>li a {
			display: block;
			padding: 8px 34px;
			font-size: 16px;
			line-height: 20px
		}

		#menu-main .sub-menu .current-menu-item>a,
		#menu-main .sub-menu .current-post-ancestor>a,
		#menu-main .sub-menu .current-pro_cat-ancestor>a,
		#menu-main .sub-menu .current-product-ancestor>a,
		#menu-main .sub-menu>li a:hover {
			color: #fff;
			background: #1773c0
		}

		#menu-main>li:hover>a {
			color: #1773c0
		}

		#menu-main>.current-menu-ancestor>a::after,
		#menu-main>.current-menu-item>a::after,
		#menu-main>.current-menu-parent>a::after,
		#menu-main>.current-post-ancestor>a::after,
		#menu-main>.current-product-ancestor>a::after,
		#menu-main>li:hover>a::after {
			opacity: 1
		}

		#menu-main>.current-menu-ancestor>a::before,
		#menu-main>.current-menu-item>a::before,
		#menu-main>.current-menu-parent>a::before,
		#menu-main>.current-post-ancestor>a::before,
		#menu-main>.current-product-ancestor>a::before,
		#menu-main>li:hover>a::before {
			opacity: 1
		}

		.hide-top-nav {
			display: none
		}

		.show-top-nav {
			height: 100px;
			font-size: 0
		}

		.fixed-nav {
			padding: 12px 60px 16px;
			background: rgba(0, 0, 0, .6);
			border-bottom-color: transparent;
			box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .08)
		}

		.header-search {
			display: block;
			-ms-flex: none;
			flex: none;
			width: 18px;
			margin-top: 20px;
			margin-left: 30px;
			cursor: pointer
		}

		.header-search .iconfont {
			color: #fff;
			transition: all .4s
		}

		.header-search:active .iconfont {
			font-size: 15px
		}

		.header-search .iconfont:hover {
			color: #1773c0
		}

		.header-sns-list {
			-ms-flex: none;
			flex: none;
			margin-top: 20px;
			margin-left: 70px
		}

		.header-sns-list .iconfont {
			display: inline-block;
			margin: 0 12px;
			font-size: 18px;
			color: #fff;
			transition: all .4s
		}

		.header-sns-list .iconfont:hover {
			color: #1773c0
		}

		.header-email {
			display: block;
			-ms-flex: none;
			flex: none;
			margin: 21px 28px 0;
			font-size: 16px;
			line-height: 18px;
			color: #fff
		}

		.header-email .iconfont {
			padding-right: 6px;
			color: #1773c0;
			vertical-align: bottom
		}

		.header-email:hover {
			color: #1773c0
		}

		.header-form-btn {
			display: block;
			-ms-flex: none;
			flex: none;
			margin-top: 8px;
			width: 138px;
			height: 40px;
			line-height: 38px;
			text-align: center;
			font-size: 14px;
			font-weight: 700;
			color: #fff;
			border: 1px solid #fff
		}

		.header-form-btn:hover {
			background: #1773c0;
			border-color: #1773c0
		}

		.nav-show-btn {
			-ms-flex: none;
			flex: none;
			display: none;
			margin-left: 30px;
			cursor: pointer;
			color: #fff
		}

		.nav-close-btn {
			display: none;
			position: fixed;
			top: 16px;
			right: 16px;
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			z-index: 10000;
			cursor: pointer
		}

		.nav-close-btn .iconfont,
		.nav-show-btn .iconfont {
			font-size: 26px
		}

		#get-search {
			position: fixed;
			padding: 0 8px;
			width: 1200px;
			top: 70px;
			left: 50%;
			transform: translateX(-50%)
		}

		.get-search .mfp-close {
			display: none
		}

		#searchform {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-pack: justify;
			justify-content: space-between;
			border-radius: 8px;
			border: 1px solid #1773c0;
			background: #1773c0
		}

		#s {
			display: block;
			-ms-flex: none;
			flex: none;
			width: calc(100% - 240px);
			padding: 12px 0;
			text-indent: 22px;
			font-size: 16px;
			line-height: 22px;
			color: #666;
			background: #fff
		}

		#submit {
			display: block;
			-ms-flex: none;
			flex: none;
			width: 120px;
			height: 48px;
			line-height: 48px;
			text-align: center;
			font-size: 16px;
			background: #1773c0;
			color: #fff;
			border-radius: 0 4px 4px 0
		}

		.search-type-sec {
			-ms-flex: none;
			flex: none;
			width: 120px;
			position: relative;
			background: #fff;
			border-radius: 6px 0 0 6px;
			border-right: 1px solid #eaeaea;
			cursor: pointer
		}

		.search-type {
			padding: 13px 0;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center
		}

		.search-type-name {
			-ms-flex: none;
			flex: none;
			width: 72px;
			font-size: 16px;
			line-height: 22px
		}

		.search-type-icon {
			-ms-flex: none;
			flex: none
		}

		.search-type-icon .iconfont {
			font-size: 20px;
			color: #444
		}

		.search-list {
			display: none;
			position: absolute;
			left: 0;
			top: 48px;
			padding: 8px 0;
			width: 120px;
			border-radius: 4px;
			background: #fff;
			box-shadow: 0 2px 10px -6px rgba(0, 0, 0, .4);
			z-index: 10
		}

		.search-item {
			padding: 6px 14px 6px 14px;
			font-size: 16px;
			line-height: 20px;
			transition: color .3s
		}

		.search-item:hover {
			color: #1773c0
		}

		.slick-loading .slick-list {
			background: #fff
		}

		.slick-next,
		.slick-prev {
			position: absolute;
			display: block;
			height: 20px;
			width: 20px;
			line-height: 0;
			font-size: 0;
			cursor: pointer;
			background: 0 0;
			color: transparent;
			top: 50%;
			transform: translate(0, -50%);
			padding: 0;
			border: none;
			outline: 0
		}

		.slick-next:focus,
		.slick-next:hover,
		.slick-prev:focus,
		.slick-prev:hover {
			outline: 0;
			background: 0 0;
			color: transparent
		}

		.slick-next:focus:before,
		.slick-next:hover:before,
		.slick-prev:focus:before,
		.slick-prev:hover:before {
			opacity: 1
		}

		.slick-next.slick-disabled:before,
		.slick-prev.slick-disabled:before {
			opacity: .25
		}

		.slick-next:before,
		.slick-prev:before {
			font-size: 20px;
			line-height: 1;
			color: #fff;
			opacity: .75;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		.slick-prev {
			left: -25px
		}

		[dir=rtl] .slick-prev {
			left: auto;
			right: -25px
		}

		.slick-prev:before {
			content: "←"
		}

		[dir=rtl] .slick-prev:before {
			content: "→"
		}

		.slick-next {
			right: -25px
		}

		[dir=rtl] .slick-next {
			left: -25px;
			right: auto
		}

		.slick-next:before {
			content: "→"
		}

		[dir=rtl] .slick-next:before {
			content: "←"
		}

		.slick-slider {
			position: relative;
			display: block;
			box-sizing: border-box;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-ms-touch-action: pan-y;
			touch-action: pan-y;
			-webkit-tap-highlight-color: transparent
		}

		.slick-list {
			position: relative;
			overflow: hidden;
			display: block;
			margin: 0;
			padding: 0
		}

		.slick-list:focus {
			outline: 0
		}

		.slick-list.dragging {
			cursor: pointer;
			cursor: hand
		}

		.slick-slider .slick-list,
		.slick-slider .slick-track {
			transform: translate3d(0, 0, 0)
		}

		.slick-track {
			position: relative;
			left: 0;
			top: 0;
			display: block;
			margin-left: auto;
			margin-right: auto
		}

		.slick-track:after,
		.slick-track:before {
			content: "";
			display: table
		}

		.slick-track:after {
			clear: both
		}

		.slick-loading .slick-track {
			visibility: hidden
		}

		.slick-slide {
			float: left;
			height: 100%;
			min-height: 1px;
			display: none
		}

		[dir=rtl] .slick-slide {
			float: right
		}

		.slick-slide img {
			display: block
		}

		.slick-slide.slick-loading img {
			display: none
		}

		.slick-slide.dragging img {
			pointer-events: none
		}

		.slick-initialized .slick-slide {
			display: block
		}

		.slick-loading .slick-slide {
			visibility: hidden
		}

		.slick-vertical .slick-slide {
			display: block;
			height: auto;
			border: 1px solid transparent
		}

		.slick-arrow.slick-hidden {
			display: none
		}

		.xz-banner-li,
		.xz-home-banner {
			position: relative
		}

		.xz-home-banner::after {
			display: block;
			position: absolute;
			bottom: 90px;
			right: 60px;
			width: 420px;
			height: 80px;
			background: rgba(255, 255, 255, .14);
			z-index: 5;
			content: ''
		}

		.xz-home-banner::before {
			display: block;
			position: absolute;
			bottom: 123px;
			right: 136px;
			width: 1px;
			height: 16px;
			background: #bcbcbc;
			z-index: 10;
			content: ''
		}

		.xz-banner-ul .xz-banner-img {
			display: block;
			width: 100%;
			/*height: 100vh;*/
			-o-object-fit: cover;
			object-fit: cover
		}

		.xz-banner-ul .slick-arrow {
			position: absolute;
			top: auto;
			left: auto;
			bottom: 122px;
			width: 24px;
			height: 20px;
			line-height: inherit;
			text-align: center;
			z-index: 99;
			transform: none;
			transition: all .4s
		}

		.xz-banner-ul .slick-arrow::before {
			display: block;
			font-family: iconfont;
			font-size: 18px;
			color: #bcbcbc;
			transition: all .3s
		}

		.xz-banner-ul .slick-arrow:hover::before {
			color: #fff
		}

		.xz-banner-ul .slick-prev {
			right: 150px
		}

		.xz-banner-ul .slick-next {
			right: 100px
		}

		.xz-banner-ul .slick-prev::before {
			content: '\e602'
		}

		.xz-banner-ul .slick-next::before {
			content: '\e692'
		}

		.xz-banner-ul .slick-dots {
			position: absolute;
			width: auto;
			right: 222px;
			bottom: 116px;
			text-align: center;
			z-index: 100
		}

		.xz-banner-ul .slick-dots li {
			position: relative;
			display: inline-block;
			padding-bottom: 4px;
			margin: 0 20px;
			transition: all .3s;
			cursor: pointer
		}

		.xz-banner-ul .slick-dots li::after {
			display: block;
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 8px;
			height: 1px;
			background: #1773c0;
			transform: translateX(-50%);
			content: '';
			opacity: 0
		}

		.xz-banner-ul .slick-dots .slick-active::after {
			opacity: 1
		}

		.xz-banner-ul .slick-dots li button {
			font-size: 18px;
			line-height: 22px;
			color: #bcbcbc;
			background: 0 0;
			transition: all .3s
		}

		.xz-banner-ul .slick-dots .slick-active button,
		.xz-banner-ul .slick-dots li:hover button {
			color: #1773c0
		}

		@media screen and (max-width:1650px) {
			.xz-home-banner::after {
				bottom: 64px
			}

			.xz-banner-ul .slick-dots {
				bottom: 90px
			}

			.xz-banner-ul .slick-arrow {
				bottom: 94px
			}

			.xz-home-banner::before {
				bottom: 96px
			}
		}

		@media screen and (max-width:1520px) {
			.xz-home-banner::after {
				width: 402px
			}
		}

		@media screen and (max-width:1440px) {
			.xz-banner-ul .xz-banner-img {
				height: auto
			}

			.xz-home-banner::after {
				width: 364px;
				bottom: 40px;
				height: 62px
			}

			.xz-banner-ul .slick-dots {
				right: 200px;
				bottom: 56px
			}

			.xz-banner-ul .slick-arrow {
				bottom: 62px
			}

			.xz-home-banner::before {
				bottom: 64px
			}
		}

		@media screen and (max-width:1280px) {
			.xz-banner-ul .slick-dots li {
				margin: 0 14px
			}

			.xz-home-banner::after {
				width: 326px
			}
		}

		@media screen and (max-width:1024px) {
			.xz-home-banner::before {
				display: none
			}

			.xz-home-banner::after {
				width: 246px;
				bottom: 0;
				height: 50px;
				right: 50%;
				transform: translateX(50%)
			}

			.xz-banner-ul .slick-dots {
				bottom: 12px;
				right: 50%;
				transform: translateX(50%)
			}

			.xz-home-banner::after {
				width: 200px
			}
		}

		@media screen and (max-width:600px) {
			.xz-home-banner::after {
				width: 140px;
				height: 36px
			}

			.xz-banner-ul .slick-dots {
				bottom: 6px
			}

			.xz-banner-ul .slick-dots li button {
				font-size: 14px
			}

			.xz-banner-ul .slick-dots li {
				margin: 0 8px;
				padding-bottom: 2px
			}
		}

		@media screen and (max-width:1850px) {
			.header-sns-list {
				display: none
			}
		}

		@media screen and (max-width:1650px) {
			.header-form-btn {
				display: none
			}

			.header-email {
				margin: 21px 0 0 28px
			}
		}

		@media screen and (max-width:1440px) {
			#menu-main>li {
				margin: 0 22px
			}

			.home-header-sec {
				padding: 18px 50px
			}

			.fixed-nav {
				padding: 12px 50px 16px
			}

			.header-email {
				display: none
			}
		}

		@media screen and (max-width:1280px) {
			#get-search {
				width: 100%;
				padding: 0 2rem;
				left: 0;
				transform: none
			}

			.home-header-sec {
				padding: 16px 2rem
			}

			.fixed-nav {
				padding: 12px 2rem 16px
			}

			.header-nav-logo {
				width: 176px
			}

			#menu-main>li {
				margin: 0 18px
			}

			#menu-main {
				margin-top: 12px
			}

			.header-search {
				margin-top: 15px;
				margin-left: 14px
			}
		}

		@media screen and (max-width:1024px) {

			.fixed-nav,
			.home-header-sec {
				padding: 8px 2rem 10px
			}

			.header-search {
				margin: 0
			}

			.header-search .iconfont {
				font-size: 18px
			}

			.header-nav-info {
				-ms-flex-align: center;
				align-items: center
			}

			#s,
			#searchform,
			#submit,
			.search-type-sec {
				border-radius: 0
			}

			.search-list {
				border-radius: 0
			}

			.header-nav-column {
				-ms-flex-align: center;
				align-items: center
			}

			.header-nav-info .menu-main-container {
				display: block;
				margin: 0;
				position: fixed;
				width: 60%;
				height: 100%;
				padding-top: 15%;
				top: 0;
				right: -60%;
				float: none;
				overflow-y: scroll;
				overflow-x: hidden;
				background-color: #f8f8f8;
				z-index: 9999;
				transition: right .3s
			}

			#menu-main {
				display: block
			}

			#menu-main>li>a {
				display: inline-block;
				padding: 0 0 4px 10px;
				font-size: 17px;
				color: #333
			}

			#menu-main>li,
			#menu-main>li:last-child {
				margin: 12px 0 0;
				position: relative;
				padding: 0 8px
			}

			#menu-main>.close-menu:after {
				content: '+';
				display: block;
				position: absolute;
				right: 8px;
				top: 0;
				width: 30px;
				height: 20px;
				line-height: 20px;
				font-size: 18px;
				font-weight: 700;
				color: #333;
				text-align: center;
				z-index: 20
			}

			#menu-main .open-menu:after {
				content: '-';
				font-size: 22px;
				text-align: center
			}

			.header-nav-column .header-nav-info .show-m-menu {
				right: 0
			}

			.nav-show-btn {
				display: block
			}

			#menu-main .sub-menu {
				padding: 10px 0 12px;
				position: static;
				box-shadow: none;
				transform: none
			}

			#menu-main .sub-menu>li {
				margin: 0;
				white-space: normal
			}

			#menu-main>li>a::after,
			#menu-main>li>a::before {
				display: none
			}

			#menu-main .sub-menu li a {
				text-align: left;
				display: block;
				padding: 5px 10px;
				font-size: 15px
			}
		}

		@media screen and (max-width:800px) {
			#submit {
				width: 66px;
				font-size: 14px
			}

			#s {
				width: calc(100% - 174px)
			}

			.search-item,
			.search-type-name {
				font-size: 15px
			}

			.search-type-name {
				width: 62px
			}

			.search-type-sec {
				width: 108px
			}

			.header-nav-logo {
				width: 146px
			}
		}

		@media screen and (max-width:600px) {
			.header-nav-logo {
				width: 128px
			}

			#get-search {
				padding: 0 1rem
			}

			#s {
				text-indent: 14px
			}

			.fixed-nav,
			.home-header-sec {
				padding: 6px 1rem
			}

			.header-nav-info .menu-main-container {
				padding-top: 20%
			}

			.nav-close-btn .iconfont {
				font-size: 22px
			}

			#menu-main>li>a {
				font-size: 15px
			}

			#menu-main .sub-menu li a {
				padding: 4px 10px;
				font-size: 14px
			}

			.nav-close-btn {
				right: 8px
			}
		}
		
		
		
		.topbanner-x {
			position: relative;
			background: #f8f8f8
		}

		.topbanner-img {
			display: block;
			width: 100%;
			height: 420px
		}

		.topbanner-info {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0
		}

		.page-tit {
			margin-top: 146px;
			text-align: center;
			font-size: 60px;
			line-height: 80px;
			font-family: Metropolis-Bold, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
			color: #fff
		}

		.page-bread {
			margin: 20px auto 0;
			text-align: center
		}

		.page-bread #breadcrumbs {
			font-size: 14px;
			line-height: 18px;
			font-weight: 500;
			color: #fff
		}

		.page-bread #breadcrumbs a:hover {
			color: #c8161d
		}
		
		.single-bread {
			padding-top: 26px
		}

		.single-bread #breadcrumbs {
			position: relative;
			max-width: 75%;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 14px;
			line-height: 16px;
			color: #999
		}

		.single-bread #breadcrumbs .breadcrumb_last,
		.single-bread #breadcrumbs a:hover {
			color: #333
		}
		.single-header {
			box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .08)
		}
		@media screen and (max-width:800px) {
			.single-bread {
				padding-top: 16px
			}
			.topbanner-img {
			display: block;
			width: 100%;
			height: auto
		    }
		    .page-tit{margin-top:16px;font-size:20px;line-height:32px;}
		    .page-bread{margin-top:10px;}
		}

		@media screen and (max-width:600px) {
			.single-bread {
				padding-top: 10px
			}

			.single-bread #breadcrumbs {
				font-size: 13px;
				line-height: 16px
			}
		}