@charset "utf-8";
/* CSS Document */



.db {
	display: block;
	overflow: hidden
}
.slick-list, .slick-track {
	min-width: 100%
}
::-webkit-input-placeholder {
font-size:15px;
color:#b1b1b1
}
:-moz-placeholder {
font-size:15px;
color:#b1b1b1
}
::-moz-placeholder {
font-size:15px;
color:#b1b1b1
}
:-ms-input-placeholder {
font-size:15px;
color:#b1b1b1
}
::-moz-selection {
color:#222;
background:#f8f8f8;
text-shadow:none
}
::selection {
	color: #222;
	background: #f8f8f8;
	text-shadow: none
}
::-moz-selection {
color:#222;
background:#f8f8f8;
text-shadow:none
}
.db {
	display: block;
	overflow: hidden
}
.slick-list, .slick-track {
	min-width: 100%
}
::-webkit-input-placeholder {
font-size:15px;
color:#b1b1b1
}
:-moz-placeholder {
font-size:15px;
color:#b1b1b1
}
::-moz-placeholder {
font-size:15px;
color:#b1b1b1
}
:-ms-input-placeholder {
font-size:15px;
color:#b1b1b1
}
::-moz-selection {
color:#222;
background:#f8f8f8;
text-shadow:none
}
::selection {
	color: #222;
	background: #f8f8f8;
	text-shadow: none
}
::-moz-selection {
color:#222;
background:#f8f8f8;
text-shadow:none
}
* {
	box-sizing: border-box
}
html {
	font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif
}
body, html {
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	height: 100%
}
body {
	color: #222;
	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;
	white-space: nowrap
}
button, input, select, textarea {
	outline: 0;
	border: 0;
	-webkit-appearance: none;
	font-family: Poppins, "Helvetica Neue", Helvetica, 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 160px
}
@media screen and (max-width:1750px) {
.big-container {
	padding: 0 120px
}
}
@media screen and (max-width:1650px) {
.big-container {
	padding: 0 100px
}
}
@media screen and (max-width:1440px) {
.big-container {
	padding: 0 4rem
}
.container {
	width: auto;
	margin: 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;
	padding: 15px 0;
	z-index: 1000;
	transition: all .3s
}
.header-sec {
	padding: 15px 0;
	background: #fff;
	transition: all .3s
}
.single-header {
	border-bottom: 1px solid #ddd
}
.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: 71px
}
.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;
	margin-top: 24px
}
.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
}
#menu-main>li {
	position: relative;
	-ms-flex: none;
	flex: none;
	margin: 0 26px
}
#menu-main>li:first-child {
	margin: 0 26px 0 0
}
#menu-main>li>a {
	position: relative;
	display: block;
	padding: 0 0 12px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	z-index: 0
}
.home-header-nav #menu-main>li>a {
	color: #fff
}
#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: #cc312e
}
#menu-main>.current-menu-ancestor>a, #menu-main>.current-menu-item>a, #menu-main>.current-menu-parent>a, #menu-main>.current-post-ancestor>a, #menu-main>.current-product-ancestor>a, #menu-main>li:hover>a {
	color: #cc312e
}
.hide-top-nav {
	display: none
}
.show-top-nav {
	height: 100px;
	font-size: 0
}
.fixed-nav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 2px 10px -6px rgba(0,0,0,.4)
}
.home-fixed-nav {
	background: rgba(0,0,0,.75);
	box-shadow: 0 2px 10px -6px rgba(0,0,0,.4)
}
.header-search {
	display: block;
	-ms-flex: none;
	flex: none;
	margin-left: 26px;
	cursor: pointer
}
.header-search .iconfont {
	font-size: 22px;
	line-height: 24px;
	transition: color .3s
}
.home-header-nav .header-search .iconfont {
	color: #fff
}
.header-search:hover .iconfont {
	color: #cc312e
}
.language-show {
	-ms-flex: none;
	flex: none;
	position: relative;
	margin-left: 52px;
	margin-top: 2px;
	padding-bottom: 20px;
	cursor: pointer
}
.language-btn {
	font-size: 16px;
	line-height: 20px;
	transition: all .3s
}
.language-btn .iconfont {
	display: inline-block;
	padding-right: 8px;
	font-size: 14px;
	transition: color .3s
}
.home-header-nav .language-btn, .home-header-nav .language-btn .iconfont {
	color: #fff
}
.language-list {
	position: absolute;
	width: auto;
	top: 34px;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	opacity: 0;
	background-color: #fff;
	box-shadow: 0 8px 25px -8px rgba(0,0,0,.3);
	border-radius: 4px;
	z-index: 1000;
	overflow: hidden;
	transition: all .3s
}
.language-item {
	white-space: nowrap
}
.language-item a {
	display: block;
	padding: 8px 26px;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	white-space: nowrap
}
.language-item a:hover {
	color: #cc312e
}
.language-show:hover .language-list {
	opacity: 1;
	height: auto
}
.language-show:hover .language-btn, .language-show:hover .language-btn .iconfont {
	color: #cc312e
}
.nav-show-btn {
	display: none;
	margin-left: 26px;
	cursor: pointer
}
.nav-close-btn {
	display: none;
	position: fixed;
	top: 16px;
	right: 8px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	z-index: 10000;
	cursor: pointer
}
.nav-show-btn i {
	font-size: 25px
}
.home-header-nav .nav-show-btn i {
	color: #fff
}
.nav-close-btn i {
	font-size: 24px
}
.header-sns-list {
	-ms-flex: none;
	flex: none;
	position: relative;
	margin-left: 100px
}
.header-sns-list::before {
	display: block;
	position: absolute;
	left: -50px;
	top: 5px;
	width: 1px;
	height: 15px;
	background: #ddd;
	content: ''
}
.header-sns-list .iconfont {
	display: inline-block;
	margin-right: 18px;
	font-size: 17px;
	line-height: 20px;
	transition: all .3s
}
.home-header-nav .header-sns-list .iconfont {
	color: #fff
}
.header-sns-list .iconfont:last-child {
	margin-right: 0
}
.header-sns-list .iconfont:hover {
	color: #cc312e
}
#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 #cc312e;
	background: #cc312e
}
#s {
	display: block;
	-ms-flex: none;
	flex: none;
	width: calc(100% - 240px);
	padding: 12px 0;
	text-indent: 22px;
	font-size: 15px;
	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: 15px;
	background: #cc312e;
	color: #fff;
	border-radius: 0 4px 4px 0
}
.search-type-sec {
	-ms-flex: none;
	flex: none;
	width: 120px;
	position: relative;
	background: #fff;
	border-radius: 8px 0 0 8px;
	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
}
.search-type-name {
	-ms-flex: none;
	flex: none;
	width: 80px;
	font-size: 15px;
	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: 15px;
	line-height: 20px;
	transition: color .3s
}
.search-item:hover {
	color: #cc312e
}
.single-bread {
	padding-top: 20px
}
.single-bread #breadcrumbs {
	position: relative;
	max-width: 75%;
	padding-left: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	color: rgba(85,85,85,.7)
}
.single-bread #breadcrumbs .breadcrumb_last, .single-bread #breadcrumbs a:hover {
	color: #555
}
.single-bread #breadcrumbs::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-family: iconfont;
	content: '\e8b9';
	color: #555;
	font-size: 17px
}
@media screen and (max-width:1750px) {
.language-show {
	margin-left: 32px
}
.header-sns-list {
	margin-left: 60px
}
.header-sns-list::before {
	left: -30px
}
}
@media screen and (max-width:1650px) {
#menu-main>li {
	margin: 0 22px
}
}
@media screen and (max-width:1520px) {
.header-sns-list {
	display: none
}
}
@media screen and (max-width:1440px) {
.header-sec, .home-header-sec {
	padding: 12px 0
}
.header-search {
	margin-left: 18px
}
.show-top-nav {
	height: 94px
}
}
@media screen and (max-width:1280px) {
#get-search {
	width: 100%;
	padding: 0 2rem;
	left: 0;
	transform: none
}
#menu-main>li>a {
	font-size: 17px
}
.language-show {
	display: none
}
#menu-main>li {
	margin: 0 18px
}
.header-search {
	margin-left: 10px
}
}
@media screen and (max-width:1024px) {
.header-nav-column {
	-ms-flex-align: center;
	align-items: center
}
.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
}
#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: 2px;
	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
}
.show-m-menu {
	right: 0
}
.nav-show-btn {
	display: block
}
#menu-main .sub-menu {
	padding: 12px 0 14px;
	position: static;
	box-shadow: none;
	transform: none
}
#menu-main .sub-menu>li {
	margin: 0;
	white-space: normal
}
#menu-main>li>a::after {
	display: none
}
#menu-main .sub-menu li a {
	text-align: left;
	display: block;
	padding: 5px 10px;
	font-size: 15px
}
.header-nav-info, .header-search {
	margin: 0
}
#s, #searchform, #submit, .search-type-sec {
	border-radius: 0
}
.header-search .iconfont {
	font-size: 24px
}
.header-nav-logo {
	width: 64px
}
.header-sec, .home-header-sec {
	padding: 8px 0
}
.search-list {
	border-radius: 0
}
.show-top-nav {
	height: 80px
}
.home-header-nav #menu-main>li>a {
	color: #222
}
}
@media screen and (max-width:800px) {
#submit {
	width: 72px;
	font-size: 14px
}
#s {
	width: calc(100% - 192px)
}
.header-nav-logo {
	width: 54px
}
.show-top-nav {
	height: 70px
}
}
@media screen and (max-width:600px) {
#get-search {
	padding: 0 1rem
}
#s {
	text-indent: 14px
}
.header-nav-logo {
	width: 46px
}
.header-sec, .home-header-sec {
	padding: 5px 0 6px
}
.nav-show-btn {
	margin-left: 22px
}
.menu-main-container {
	padding-top: 20%
}
.nav-close-btn i {
	font-size: 22px
}
#menu-main>li>a {
	font-size: 15px
}
#menu-main .sub-menu li a {
	padding: 4px 10px;
	font-size: 14px
}
.show-top-nav {
	height: 56px
}
.nav-show-btn i {
	font-size: 24px
}
}
@media screen and (max-width:1440px) {
.single-bread {
	padding-top: 16px
}
}
@media screen and (max-width:1280px) {
.single-bread #breadcrumbs {
	font-size: 15px
}
.single-bread {
	padding-top: 12px
}
}
@media screen and (max-width:1024px) {
.single-bread #breadcrumbs {
	padding-left: 22px;
	font-size: 14px;
	line-height: 20px
}
.single-bread #breadcrumbs::before {
	font-size: 16px
}
}
@media screen and (max-width:800px) {
.single-bread #breadcrumbs {
	font-size: 13px;
	line-height: 16px
}
.single-bread #breadcrumbs::before {
	font-size: 15px
}
}
@media screen and (max-width:600px) {
.single-bread {
	padding-top: 8px
}
.single-bread #breadcrumbs {
	padding-left: 20px
}
}