.pc_header {
	padding: 0 2.60417vw;
	display: flex;
	z-index: 999;
	align-items: center;
	justify-content: space-between;
	height: 3vw;
	transition: all 500ms;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	box-shadow: 0 2px 4px rgba(41,41,41,0.06);
	position: fixed;
	transform: translateY(-100%)
}
.pc_header.fixed {
	transform: translateY(0)
}
.pc_header .logo {
	width: 10.9375vw;
	margin-left: 7.8125vw;
	position: relative
}
.pc_header .logo img {
	width: 91px;
	transition: all 200ms
}
.pc_header.change {
	background-color: #000000
}
.pc_header.change img.white {
	opacity: 1
}
.pc_header.change img.black {
	opacity: 0
}
.pc_header.change .nav_box .nav_item>a {
	color: #fff
}
.pc_header.change .slide .nav_second {
	background: #252525
}
.pc_header.change .lan_title span {
	color: #fff
}
.pc_header.change .product_menu {
	background-color: #252525
}
.pc_header.change .product_menu a {
	color: #ffffff
}
.pc_header.change .product_menu a.active {
	border-color: #ffffff
}
.pc_header.change .second_menu li::after {
	filter: invert(1)
}
.pc_header .tab {
	display: flex
}
header .white {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.nav_box {
	text-transform: uppercase;
	display: flex;
	height: 100%;
	align-items: center
}
.nav_box>div {
	padding: 0 1.5625vw;
	font-size: .8vw;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center
}
.nav_box>div:last-of-type {
	margin-right: 0
}
.nav_box>div:hover .nav_item>a {
	transform: translateY(-100%)
}
.nav_box .slide:hover .nav_second {
	height: 2.40833vw;
	transition: all .5s
}
.nav_box .slide .nav_second {
	display: block;
	font-size: .7vw;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	background: rgba(0,0,0,0.6);
	color: #000;
	text-align: center;
	transition: all 0
}
.nav_box .slide .nav_second a {
	padding: .78125vw .78125vw;
	color: #ffffff
}
.nav_box .slide a {
	display: inline-block
}
.nav_box a {
	position: relative;
	display: inline-block;
	transition: transform 0.25s;
	font-weight: 600;
}
.nav_box .nav_item {
	overflow: hidden
}
.nav_box .nav_item_span {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0
}
.hasChildren:hover .nav_second {
	height: 19.36458vw
}
.nav_second {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 10.41667vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	transition: all .3s ease;
	overflow: hidden;
	height: 0
}
.nav_second a {
	cursor: pointer
}
.nav_second .second_menu {
	text-align: left;
	margin-left: 31%;
	width: 18%
}
.nav_second .second_menu a {
	font-size: .72917vw;
	display: inline-block;
	transition: all 0.05s ease-in;
	border-bottom: 1px solid transparent;
	padding: .10417vw 0
}
.nav_second .second_menu a.active {
	border-color: #000
}
.nav_second .second_menu .none {
	cursor: no-drop;
	color: #c6c6c6 !important;
	opacity: 0.5
}
.nav_second .second_menu li {
	padding: .3125vw 0;
	width: 8.33333vw;
	position: relative
}
.nav_second .second_menu li::after {
	background: url(../fonts/nav_arrow.svg) no-repeat 50%;
	background-size: 100%;
	content: "";
	height: .57292vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	width: .46875vw
}
.nav_second .third_menu {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative
}
.nav_second .third_menu_item {
	height: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
top: 0;
margin-left: -646px;
}
.nav_second .third_menu_item.active {
	visibility: unset;
	transform: translateY(0);
	opacity: 1;
	transition: all 500ms
}
.nav_second .third_menu_item ul {
	display: flex;
	align-items: center;
	height: 100%;
	transform: translateY(-4%)
}
.nav_second .third_menu_item ul li {
	text-align: center;
	padding: 0 .78125vw
}
.nav_second .third_menu_item ul li:hover img {
	transform: scale(1.08)
}
.nav_second .third_menu_item ul p { color: #000;
font-size: .97708vw;
text-align: center;
border: 2px solid #999; 
border-radius: 8px;
margin: .52083vw auto 35px; width: 70%;
}
.nav_second .third_menu_item ul img {
	width: 8.20833vw;
	transition: all 500ms
}
.nav_second .third_menu_item .more {
	position: absolute;
	font-size: .78125vw;
	bottom: 10%;
	text-transform: capitalize;
	width: 100%;
	display: inline-block;
	text-align: center;
	transition: all 500ms
}
.nav_second .third_menu_item .more:hover {
	transform: scale(1.1)
}
.search {
	margin-right: .78125vw
}
.search .icon {
	cursor: pointer;
	width: 1.30208vw;
	position: relative
}
.search .icon img {
	width: 20px;
	transition: all 200ms
}
.language {
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}
.language:hover .googleelement {
	display: block
}
.language .googleelement {
	text-align: center;
	position: absolute;
	top: 100%;
	width: 150px;
	display: none;
	transition: opacity 500ms;
	padding: 12px;
	background: #ffffff;
	border-radius: 2px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3)
}
.lan_title {
	display: flex;
	align-items: center;
	cursor: pointer;

	font-weight: normal;
	font-size: .83333vw
}
.lan_title .lan_ico {
	width: 3.30208vw;
	position: relative
}
.lan_title img {
	width: 100%;
	transition: all 200ms
}
.nav_mask {
	backdrop-filter: blur(6px);
	background-color: rgba(34,34,34,0.7);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5
}


@media screen and (max-width: 992px) {
.pc_header {
	height: 18.26667vw;
	justify-content: center
}
.pc_header.fixed::after {
	opacity: 1;
	overflow: unset
}
.pc_header .logo {
	width: 46.66667vw;
	margin-left: 0
}
}

.progressive {
	overflow: hidden;
	position: relative;
	background: #efefef
}
.progressive__img {
	width: 100%;
	height: 100%;
	transform: translateZ(0)
}
.progressive--not-loaded {
	filter: blur(5px);
	transform: scale(1)
}
.progressive--is-loaded {
	filter: blur(5px);
	animation: a .8s both;
	transform: scale(1)
}
@keyframes a {
0% {
filter:blur(5px)
}
to {
filter:blur(0)
}
}