* {
	box-sizing:border-box;
	outline:0
}
*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline:0
}
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin:0;
	padding:0
}
div,p,span,i,em {
	white-space:inherit !important
}
:root {
	--main-color:#0c6bc7;
	--sub-color:#1790cd
}
@font-face {
	font-family:'Outfit';
	src:url('../fonts/Outfit-Light.ttf');
	font-style:normal;
	font-display:swap;
	font-weight:100
}
@font-face {
	font-family:'Outfit';
	src:url('../fonts/Outfit-Regular.ttf');
	font-style:normal;
	font-display:swap;
	font-weight:400
}
@font-face {
	font-family:'Outfit';
	src:url('../fonts/Outfit-Medium.ttf');
	font-style:normal;
	font-display:swap;
	font-weight:500
}
@font-face {
	font-family:'Outfit';
	src:url('../fonts/Outfit-Bold.ttf');
	font-style:normal;
	font-weight:700;
	font-display:swap
}
@font-face {
	font-family:'Outfit SemiBold';
	src:url('../fonts/Outfit-SemiBold.ttf');
	font-style:normal;
	font-weight:700;
	font-display:swap
}
@font-face {
	font-family:"Oswald-Regular";
	src:url('../fonts/Oswald-Regular.eot');
	src:url('../fonts/Oswald-Regular.ttf');
	src:url('../fonts/Oswald-Regular.woff');
	font-weight:normal;
	font-style:normal;
	font-display:swap
}
a {
	color:#666;
	outline:none;
	text-decoration:none
}
a:hover {
	color:var(--main-color)
}
ol,ul {
	list-style:none
}
img {
	border:0;
	width:auto;
	height:auto
}
table {
	border-collapse:collapse;
	width:100%
}
input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor:pointer;
	outline:none
}
input[type='checkbox'],input[type='radio'] {
	position:relative;
	vertical-align:middle;
	margin:-2px 5px 1px
}
textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding:0;
	color:#616161;
	outline:none
}
html,body {
	position:relative;
	background:#fff;
	font-family:'Outfit','Arial Narrow',Arial,sans-serif
}
@media screen and (max-width:1920px) {
	html {
	font-size:16px !important
}
@media screen and (max-width:1600px) {
    html {
        font-size:13.33px !important
    }
}
}@media screen and (max-width:1440px) {
	html {
	font-size:12px !important
}
}@media screen and (max-width:1280px) {
	html {
	font-size:10.67px !important
}
}@media (max-width:1024px) {
	html {
	font-size:8px!important
}
}::-webkit-scrollbar {
	width:6px;
	height:6px
}
::-webkit-scrollbar-thumb {
	height:0px;
	opacity:.5;
	background:rgba(0,0,0,0.08);
	transition:all 500ms ease
}
::-webkit-scrollbar-thumb:hover {
	background-color:var(--main-color)
}
::-webkit-scrollbar-thumb:active {
	background-color:var(--main-color)
}
.f-l {
	float:left
}
.f-r {
	float:right
}
.dw {
	top:-12.5rem;
	width:1px;
	z-index:-1;
	position:absolute
}
.fp-flex {
	display:flex;
	align-items:center;
	height:100vh
}
@media (max-width:1024px) {
	.fp-flex .fp-flex {
	display:block;
	height:auto
}
}.vcenter {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-width:100%;
	max-height:100%;
	display:block;
	vertical-align:middle;
	text-align:center;
	margin:auto
}
.hid {
	text-overflow:ellipsis;
	white-space:nowrap
}
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ellipsis1 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.ellipsis2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.ellipsis3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.ellipsis4 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:4
}
.ellipsis5 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:5
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration:.75s;
	animation-duration:.75s
}
@keyframes dong {
	0% {
	-webkit-transform:translateY(-100px);
	transform:translateY(-100px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp2 {
	from {
	opacity:0;
	transform:translate3d(0,50px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInUp2 {
	animation-name:fadeInUp2
}
@keyframes fadeInUp3 {
	from {
	opacity:0;
	transform:translate3d(0,20px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInUp3 {
	animation-name:fadeInUp3
}
@keyframes fadeInDown2 {
	from {
	opacity:0;
	transform:translate3d(0,-50px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInDown3 {
	animation-name:fadeInDown3
}
@keyframes fadeInDown3 {
	from {
	opacity:0;
	transform:translate3d(0,-20px,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInDown2 {
	animation-name:fadeInDown2
}
@keyframes fadeInLeft {
	from {
	transform:translate3d(-30px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInLeft {
	animation-name:fadeInLeft
}
@keyframes fadeInLeft2 {
	from {
	opacity:0;
	transform:translate3d(-50px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInLeft2 {
	animation-name:fadeInLeft2
}
@keyframes fadeInRight2 {
	from {
	opacity:0;
	transform:translate3d(50px,0,0)
}
to {
	opacity:1;
	transform:translate3d(0,0,0)
}
}.fadeInRight2 {
	animation-name:fadeInRight2
}
.scrollArrow {
	animation-name:scrollArrow
}
.scrollArrow1 {
	animation-name:scrollArrow1
}
@keyframes titFadeup1 {
	0% {
	clip-path:polygon(0 0,100% 0,100% 0,0 50%);
	transform:translateY(100%);
	opacity:0
}
100% {
	opacity:1;
	clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	transform:translateY(0)
}
}@keyframes titFadeup1_1 {
	0% {
	opacity:1;
	clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	transform:translateY(0)
}
100% {
	clip-path:polygon(0 0,100% 0,100% 0,0 50%);
	transform:translateY(-100%);
	opacity:0
}
}@keyframes imgScale {
	0% {
	transform:scale(1.2)
}
100% {
	transform:scale(1)
}
}@keyframes fadeInup {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeInup1 {
	0% {
	opacity:0;
	-webkit-transform:translate(-50%,60px);
	transform:translate(-50%,60px)
}
100% {
	opacity:1;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
}.titFadeup1 {
	animation:titFadeup1 1.1s ease-in-out both .1s
}
.titFadeup2 {
	animation:titFadeup1 1.1s ease-in-out both .2s
}
.fadeInup1 {
	animation:fadeInup 1.1s ease-in-out both .2s
}
.fadeInup2 {
	animation:fadeInup 1.1s ease-in-out both .3s
}
.fadeInup3 {
	animation:fadeInup 1.1s ease-in-out both .4s
}
.fadeInUpimg {
	animation:imgScale 1.2s ease-in-out both .2s
}
@keyframes bmove1 {
	0% {
	transform:scale(1.05)
}
100% {
	transform:scale(1)
}
}@keyframes scrollArrow {
	0% {
	opacity:0;
	transform:scale(.9)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes scrollArrow1 {
	0% {
	opacity:1;
	transform:scale(1.1)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes xuanzhuan {
	from {
	transform:rotate(0)
}
to {
	opacity:1;
	transform:rotate(360deg)
}
}.xuanzhuan {
	animation-name:xuanzhuan
}
@keyframes xuanzhuan2 {
	from {
	transform:rotate(0)
}
to {
	opacity:1;
	transform:rotate(-180deg)
}
}.xuanzhuan2 {
	animation-name:xuanzhuan2
}
body {
	color:#666;
	background:#fff;
	margin:0 auto;
	font-size:1rem;
	line-height:1.5
}
@media (max-width:1024px) {
	body {
	font-size:15px
}
}img {
	border:0;
	max-width:100%;
	vertical-align:top
}
.vcenter {
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:block;
	max-width:100%;
	max-height:100%;
	position:absolute;
	vertical-align:middle
}
.clearfix:after {
	clear:both;
	height:0;
	content:"";
	line-height:0;
	font-size:0;
	display:block
}
.container {
	width:100%;
	margin:0 auto;
	max-width:90%;
}
.news-show ul,.product-show ul,.news-show ol,.product-show ol {
	list-style:revert;
	margin:revert;
	padding:revert
}
.news-show ul li,.product-show ul li,.news-show ol li,.product-show ol li {
	list-style:revert
}
@media (max-width:1200px) {
	.container {
	padding:0 40px !important
}
}@media (max-width:1024px) {
	.container {
	max-width:640px!important;
	padding:0 20px !important
}
}@media (max-width:640px) {
	.container {
	width:100%
}
}.header-top .container {
	display:flex;
	height:5rem;
	align-items:center;
	justify-content:space-between
}
.header {
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:99;
	-webkit-transition:.5s;
	transition:.5s;
	background-color:#fff;
	box-shadow:.1875rem 0 .4375rem rgba(0,0,0,0.05)
}
.header-ny {
	top:auto;
	left:auto;
	position:relative
}
.header .listbox {
	display:flex;
	align-items:center;
	height:5.625rem;
	justify-content:space-between
}
.header .logo img {
	max-height:1.875rem
}
.header .right-info {
	display:flex;
	align-items:center
}
.header .header-social-list {
	display:flex;
	align-items:center;
	gap:.5rem
}
.header .header-social-list a {
	width:1.875rem;
	height:1.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:50%;
	transition:transform .25s ease,filter .25s ease
}
.header .header-social-list a:hover {
	color:#fff;
	filter:brightness(1.2)
}
.header .header-social-list svg {
	width:1rem;
	height:1rem;
	fill:#fff
}
.header .header-social-list .header-social-facebook {
	background:#398bd8
}
.header .header-social-list .header-social-x {
	background:#cf1018
}
.header .header-social-list .header-social-linkedin {
	background:#0877a9
}
.header .header-social-list .header-social-whatsapp {
	background:#7b3bb6
}
.header .header-social-list .header-social-email {
	background:#415c9c
}
.header .header-right-divider {
	width:1px;
	height:1.25rem;
	margin:0 .8125rem 0 1.0625rem;
	background:#dedede
}
.header .searchBtn {
	z-index:2;
	width:2.5rem;
	height:2.5rem;
	position:relative;
	cursor:pointer;
	border-radius:50%;
	z-index:1
}
.header .searchBtn:before {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	content:"";
	width:100%;
	height:100%;
	background:#fff;
	border-radius:50%;
	opacity:0;
	visibility:hidden;
	transform:scale(0);
	transition:.5s
}
.header .searchBtn svg {
	fill:#666;
	width:1.5rem;
	height:1.5rem;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	transition:.5s
}
.header .searchBtn:hover:before {
	opacity:1;
	visibility:visible;
	transform:scale(1);
	background:var(--main-color)
}
.header .searchBtn:hover svg {
	fill:#fff !important
}
.search-dialog-open {
	overflow:hidden!important
}
.header-search-modal {
	position:fixed;
	z-index:100000;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .35s ease,visibility .35s ease
}
.header-search-modal.is-open {
	opacity:1;
	visibility:visible;
	pointer-events:auto
}
.header-search-modal.is-open .header-search-panel {
	opacity:1;
	transform:translateY(0) scale(1)
}
.header-search-backdrop {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	padding:0;
	border:0;
	cursor:pointer;
	background:rgba(0,0,0,0.9)
}
.header-search-panel {
	width:48.75rem;
	margin-top:0;
	padding:3.125rem 3.625rem 3.625rem;
	position:relative;
	z-index:1;
	opacity:0;
	overflow:hidden;
	color:#222;
	border:1px solid rgba(255,255,255,0.78);
	border-radius:1.375rem;
	background:linear-gradient(145deg,rgba(255,255,255,0.98),rgba(244,249,254,0.96));
	box-shadow:0 1.875rem 5.625rem rgba(0,20,42,0.3),inset 0 1px 0 rgba(255,255,255,0.9);
	transform:translateY(1.125rem) scale(.97);
	transition:opacity .35s ease,transform .35s ease;
	box-sizing:border-box
}
.header-search-panel:before {
	content:"";
	height:.25rem;
	position:absolute;
	top:0;
	left:4.5rem;
	right:4.5rem;
	border-radius:0 0 .3125rem .3125rem;
	background:linear-gradient(90deg,transparent,#47b8f1 25%,#0c6bc7 75%,transparent)
}
.header-search-panel:after {
	content:"";
	width:15.625rem;
	height:15.625rem;
	position:absolute;
	top:-10rem;
	left:-5rem;
	border-radius:50%;
	background:rgba(54,167,226,0.08);
	pointer-events:none
}
.header-search-panel h2 {
	position:relative;
	z-index:1;
	margin:0 0 .4375rem;
	text-align:center;
	color:#172f48;
	font-size:2.125rem;
	line-height:2.625rem;
	font-weight:700
}
.header-search-symbol {
	width:3.625rem;
	height:3.625rem;
	margin:0 auto 1rem;
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:50%;
	background:linear-gradient(145deg,#31a6e5,#0c6bc7);
	box-shadow:0 .625rem 1.5rem rgba(12,107,199,0.25)
}
.header-search-symbol svg {
	width:1.6875rem;
	height:1.6875rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round
}
.header-search-description {
	position:relative;
	z-index:1;
	margin-bottom:1.875rem;
	color:#7a8794;
	text-align:center;
	font-size:.9375rem;
	line-height:1.375rem
}
.header-search-close {
	width:2.375rem;
	height:2.375rem;
	padding:0;
	position:absolute;
	top:1.125rem;
	right:1.1875rem;
	z-index:3;
	border:0;
	border-radius:50%;
	cursor:pointer;
	background:rgba(227,235,243,0.72);
	transition:background-color .25s ease,transform .25s ease
}
.header-search-close:before,.header-search-close:after {
	content:"";
	width:1.0625rem;
	height:1px;
	position:absolute;
	top:50%;
	left:50%;
	background:#333;
	transform:translate(-50%,-50%) rotate(45deg)
}
.header-search-close:after {
	transform:translate(-50%,-50%) rotate(-45deg)
}
.header-search-close:hover {
	background:#dceaf6;
	transform:rotate(90deg)
}
.header-search-form {
	height:4rem;
	padding:.3125rem;
	position:relative;
	z-index:1;
	display:flex;
	border:1px solid #dce5ed;
	border-radius:2.0625rem;
	background:#f3f7fa;
	box-shadow:inset 0 1px .1875rem rgba(29,67,101,0.04),0 .5rem 1.5rem rgba(25,62,96,0.05);
	transition:border-color .25s ease,box-shadow .25s ease
}
.header-search-form:focus-within {
	border-color:var(--main-color);
	box-shadow:0 .5rem 1.75rem rgba(12,107,199,0.13)
}
.header-search-form label {
	flex:1;
	min-width:0
}
.header-search-form input {
	width:100%;
	height:100%;
	padding:0 1.5rem;
	color:#222;
	font-family:inherit;
	font-size:1.125rem;
	border:0;
	outline:0;
	background:transparent;
	box-sizing:border-box
}
.header-search-form input::placeholder {
	color:#9aa2ab;
	opacity:1
}
.header-search-form input::-webkit-search-cancel-button {
	cursor:pointer
}
.header-search-submit {
	min-width:9.0625rem;
	height:100%;
	padding:0 1.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.625rem;
	color:#fff;
	font-family:inherit;
	font-size:1.0625rem;
	border:0;
	cursor:pointer;
	border-radius:1.6875rem;
	background:linear-gradient(90deg,#1484d5,#0c6bc7);
	box-shadow:0 .4375rem 1.0625rem rgba(12,107,199,0.21);
	transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.header-search-submit:hover {
	transform:translateY(-0.0625rem);
	box-shadow:0 .5625rem 1.3125rem rgba(12,107,199,0.28)
}
.header-search-submit svg {
	width:1.3125rem;
	height:1.3125rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round
}
.header-search-sr-only {
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0
}
@media (max-width:1024px) {
	.header-search-modal {
	padding:0 20px;
	align-items:center
}
.header-search-backdrop {
	backdrop-filter:blur(3px)
}
.header-search-panel {
	width:100%;
	max-width:680px;
	margin-top:0;
	padding:42px 30px 46px;
	border-radius:18px;
	box-shadow:0 20px 55px rgba(0,0,0,0.22);
	transform:translateY(16px) scale(.97)
}
.header-search-panel:before {
	height:4px;
	left:55px;
	right:55px;
	border-radius:0 0 5px 5px
}
.header-search-panel:after {
	width:210px;
	height:210px;
	top:-140px;
	left:-70px
}
.header-search-panel h2 {
	margin-bottom:6px;
	font-size:30px;
	line-height:38px
}
.header-search-symbol {
	width:54px;
	height:54px;
	margin-bottom:14px;
	box-shadow:0 9px 21px rgba(12,107,199,0.25)
}
.header-search-symbol svg {
	width:25px;
	height:25px
}
.header-search-description {
	margin-bottom:25px;
	font-size:14px;
	line-height:21px
}
.header-search-close {
	width:40px;
	height:40px;
	top:14px;
	right:15px
}
.header-search-close:before,.header-search-close:after {
	width:16px
}
.header-search-form {
	height:58px;
	padding:5px;
	border-radius:30px;
	box-shadow:0 7px 21px rgba(25,62,96,0.06)
}
.header-search-form:focus-within {
	box-shadow:0 7px 24px rgba(12,107,199,0.13)
}
.header-search-form input {
	padding:0 22px;
	font-size:16px
}
.header-search-submit {
	min-width:125px;
	padding:0 19px;
	gap:8px;
	font-size:16px;
	border-radius:24px;
	box-shadow:0 6px 15px rgba(12,107,199,0.21)
}
.header-search-submit svg {
	width:20px;
	height:20px
}
.header-2 .logo img {
	filter:brightness(1) invert(0) !important
}
}@media (max-width:480px) {
	.header-search-modal {
	padding:0 14px
}
.header-search-panel {
	padding:35px 16px 25px;
	border-radius:15px
}
.header-search-panel h2 {
	margin-bottom:5px;
	font-size:26px;
	line-height:34px
}
.header-search-symbol {
	width:48px;
	height:48px;
	margin-bottom:12px
}
.header-search-symbol svg {
	width:23px;
	height:23px
}
.header-search-description {
	margin-bottom:20px;
	font-size:13px;
	line-height:19px
}
.header-search-form {
	height:54px
}
.header-search-form input {
	padding:0 16px;
	font-size:16px
}
.header-search-submit {
	min-width:55px;
	width:55px;
	padding:0
}
.header-search-submit span {
	display:none
}
}.header .language {
	color:#fff;
	min-width:6.875rem;
	height:2rem;
	border-radius:1.875rem;
	background:#7aaee0;
	border:solid 1px #7aaee0;
	margin-left:1.25rem;
	transition:all 500ms ease;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	font-size:.875rem
}
.header .language a {
	color:#fff
}
.header .language .language-current {
	width:100%;
	height:100%;
	padding:0 .625rem 0 .1875rem;
	display:flex;
	align-items:center;
	gap:.3125rem;
	box-sizing:border-box
}
.header .language .language-current svg {
	width:1.25rem;
	height:1.25rem;
	flex:none;
	fill:none;
	stroke:currentColor;
	stroke-width:1.2
}
.header .language .language-current i {
	width:.375rem;
	height:.375rem;
	margin-left:.0625rem;
	border-right:1px solid currentColor;
	border-bottom:1px solid currentColor;
	transform:rotate(45deg) translateY(-0.125rem)
}
.header .language .language-current em {
	justify-content:center;
	display:flex;
	align-items:center;
	width:1.625rem;
	height:1.625rem;
	border-radius:50%;
	background:var(--main-color);
	font-style:normal
}
.header .language .drop {
	left:50%;
	opacity:0;
	z-index:99;
	min-width:8.75rem;
	top:2.1875rem;
	display:none;
	text-align:center;
	padding:1.25rem 0;
	position:absolute;
	border-radius:.625rem;
	line-height:1.875rem;
	transform:translateX(-50%) scale(.9);
	text-transform:initial;
	transition:all 700ms ease;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	background:rgba(255,255,255,0.95)
}
.header .language .drop a {
	color:#333;
	display:flex;
	align-items:center;
	margin:.625rem 0;
	font-size:1rem;
	line-height:1.875rem;
	position:relative;
	padding-left:.9375rem;
	padding-right:0
}
.header .language .drop a:hover {
	color:var(--main-color)
}
.header .language .drop img {
	max-height:.9375rem;
	margin-right:.25rem
}
.header .language:hover .drop {
	opacity:1;
	display:block;
	transform:translateX(-50%) scale(1)
}
@media (max-width:1024px) {
	.header {
	top:0 !important;
	left:0 !important;
	width:100%;
	z-index:9999;
	height:auto !important;
	background-color:#fff !important;
	position:fixed !important
}
.header .header-top .container {
	position:relative;
	height:60px
}
.header .searchBtn,.header .language,.header .header-social-list,.header .header-right-divider,.header .header-top .tel {
	display:none
}
.header .logo img {
	filter:brightness(1) invert(0)
}
}.common-nav .listNav {
	width:100%;
	display:flex;
	gap:4.0625rem
}
.common-nav .listNav>li {
	width:12.5%;
	font-size:1.125rem;
	position:relative
}
.common-nav .listNav>li>a {
	z-index:1;
	color:#333;
	line-height:1.875rem;
	padding-top:.625rem;
	height:3.75rem;
	display:block;
	position:relative;
	vertical-align:middle
}
.common-nav .listNav>li>a>span {
	display:inline-block;
	overflow:hidden;
	height:1.875rem;
	line-height:1.875rem;
	position:relative
}
.common-nav .listNav>li>a .txt-1 {
	display:block;
	transition:.5s
}
.common-nav .listNav>li>a .txt-2 {
	display:block;
	transform:translateY(100%);
	transition:.5s
}
.common-nav .listNav>li>a::after {
	content:"";
	top:0;
	left:0;
	background:#d5d8dd;
	width:100%;
	height:1px;
	position:absolute;
	transition:all 400ms ease
}
.common-nav .listNav>li>a::before {
	content:"";
	top:0;
	left:50%;
	background:var(--main-color);
	width:0;
	height:2px;
	position:absolute;
	transition:all 400ms ease
}
.common-nav .listNav>li .icon {
	right:0;
	position:absolute;
	vertical-align:top;
	margin-top:.625rem;
	width:.5rem;
	height:.5rem;
	font-style:normal;
	transform:rotate(45deg);
	display:inline-block;
	border-right:solid 1px #9ca3ad;
	border-bottom:solid 1px #9ca3ad
}
.common-nav .listNav>li:last-child>a span {
	padding-right:0
}
.common-nav .listNav>li>.child {
	min-width:17.5rem;
	display:block;
	text-align:left;
	position:absolute;
	z-index:999;
	top:3.75rem;
	left:50%;
	transform-origin:0 0;
	transform:scaleY(0) translateX(-50%);
	box-shadow:0 0 .9375rem rgba(0,0,0,0.1);
	transition:transform .2s;
	color:#333
}
.common-nav .listNav>li>.child a {
	color:#666
}
.common-nav .listNav>li>.child>.list {
	padding:1.875rem 0;
	padding-left:1.875rem;
	font-weight:300;
	background:#fff;
	position:relative
}
.common-nav .listNav>li>.child>.list a {
	font-size:1rem;
	width:100%;
	display:inline-block;
	color:#333 !important;
	height:auto;
	line-height:1.5rem;
	padding:.4375rem 0;
	position:relative
}
.common-nav .listNav>li>.child>.list a:hover {
	color:var(--main-color) !important
}
.common-nav .listNav>li>.child.show {
	display:block;
	transform:scaleY(1) translateX(-50%)
}
.common-nav .listNav>li:hover>a>span::after,.common-nav .listNav>li.active>a>span::after {
	width:100%
}
.common-nav .listNav>li:hover>a .txt-1,.common-nav .listNav>li.active>a .txt-1 {
	transform:translateY(-100%)
}
.common-nav .listNav>li:hover>a .txt-2,.common-nav .listNav>li.active>a .txt-2 {
	transform:translateY(-100%)
}
.common-nav .listNav>li:hover>a::before,.common-nav .listNav>li.active>a::before {
	left:0;
	width:100%
}
.common-nav .listNav>li:last-child>a span {
	padding-right:0
}
.fixed .common-nav .listNav>li>.child>.list a {
	color:#333 !important
}
.fixed .common-nav .listNav>li>.child>.list a:hover {
	color:var(--main-color) !important
}
.fixed .common-nav .listNav>.active>a::after {
	height:2px;
	background:var(--main-color)
}
@media screen and (max-width:1024px) {
	.common-nav {
	display:none
}
}.common-banner {
	text-align:center;
	position:relative
}
.common-banner .pc img {
	display:block;
	width:100%
}
.common-banner .ph {
	display:none
}
.common-banner .text {
	left:0;
	width:100%;
	z-index:10;
	top:45%;
	color:#fff;
	position:absolute;
	text-align:left
}
.common-banner .title {
	font-size:3.5625rem;
	line-height:1;
	font-weight:normal;
	font-family:"Outfit SemiBold"
}
.common-banner .title-sub {
	font-size:1.125rem;
	padding-top:1.5625rem
}
@media (max-width:1024px) {
	.common-banner {
	margin-top:60px;
	overflow:hidden
}
.common-banner .text {
	bottom:auto;
	top:50%;
	padding:0 24px;
	box-sizing:border-box;
	text-align:left;
	transform:translateY(-50%)
}
.common-banner .text .container {
	max-width:none
}
.common-banner .title {
	max-width:760px;
	margin:0 auto;
	font-size:36px;
	line-height:1.25
}
.common-banner .title-sub {
	font-size:12px;
	line-height:1.6;
	padding-top:10px
}
}@media (max-width:768px) {
	.common-banner .pc {
	display:none
}
.common-banner .ph {
	display:block
}
.common-banner .title {
	font-size:20px;
	line-height:1.3
}
.common-banner .title-sub {
	padding-top:10px
}
.common-banner .text-2 .title {
	font-size:28px
}
.common-banner .text-2 .title-sub-2 {
	padding:14px 0 20px 0
}
.common-banner .text-2 .title-sub-2 span {
	font-size:15px
}
}@media (max-width:480px) {
	.common-banner .text {
	text-align:center;
	padding:0 18px
}
.common-banner .title {
	font-size:28px;
	text-shadow:0 0 1px #000
}
.common-banner .title-sub {
	display:none
}
}.common-current {
	z-index:9;
	font-size:1.125rem;
	margin-top:-6.25rem;
	position:relative;
	height:6.25rem;
	line-height:6.25rem;
	color:rgba(255,255,255,0.8);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.common-current .container {
	display:flex;
	align-items:center
}
.common-current a {
	color:rgba(255,255,255,0.8)
}
.common-current a:hover {
	color:#fff
}
.common-current svg {
	fill:#fff;
	width:1.25rem;
	height:1.25rem;
	margin-right:.375rem
}
.common-current i {
	padding:0 .625rem;
	font-style:normal
}
@media (max-width:1024px) {
	.common-current {
	display:none
}
}.common-page {
	font-size:.8125rem;
	text-align:center;
	padding-top:5rem
}
.common-page a {
	width:2.5rem;
	height:2.5rem;
	text-align:center;
	border-radius:100%;
	margin:0 .3125rem;
	color:#222;
	align-items:center;
	display:inline-flex;
	justify-content:center;
	transition:all 500ms ease;
	border:solid 1px #ddd
}
.common-page a:hover,.common-page .cur {
	color:#fff;
	border-color:transparent;
	background:var(--main-color)
}
.common-page .prev,.common-page .next {
	color:#222;
	width:auto;
	min-width:6.625rem;
	position:relative;
	border-radius:1.875rem
}
.common-page .prev:before {
	content:"<";
	margin-right:.625rem;
	display:inline-block;
	font-weight:700
}
.common-page .next:after {
	content:">";
	margin-left:.625rem;
	display:inline-block;
	font-weight:700
}
@media (max-width:1024px) {
	.common-page {
	padding-top:40px
}
.common-page .prev,.common-page .next {
	padding:0 10px;
	width:auto;
	min-width:auto;
	display:inline-block
}
.common-page a {
	margin:0;
	width:24px;
	height:24px;
	line-height:22px;
	display:none
}
}.videoWindow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	z-index:1000000;
	display:none
}
.videoWindow video {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:auto;
	transform:translateX(-50%) translateY(-50%);
	max-height:100%;
	max-width:100%;
	object-fit:cover
}
.videoWindow i {
	z-index:99;
	display:block;
	position:absolute;
	top:3rem;
	right:3rem;
	width:2.5rem;
	height:2.5rem;
	background:url(../images/onlineClose.png) no-repeat center center;
	background-size:contain;
	cursor:pointer
}
.navPhoneBtn {
	width:32px;
	height:32px;
	border-radius:5px;
	padding-top:7px;
	border:solid 1px #999;
	display:inline-block;
	cursor:pointer;
	text-align:right;
	display:none
}
.navPhoneBtn span {
	margin:0 auto;
	display:block;
	width:18px;
	height:3px;
	margin-bottom:3px;
	position:relative;
	background:#999;
	border-radius:0px;
	z-index:1;
	transform-origin:20px;
	animation:fadeIn2 1.8s linear infinite;
	transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s,transform .5s cubic-bezier(.77,.2,.05,1)
}
.navPhoneBtn span:last-child {
	margin-bottom:0
}
.navPhoneBtn.close,.navPhoneBtn.closeMember {
	opacity:1;
	z-index:10
}
.navPhoneBtn.close span,.navPhoneBtn.closeMember span {
	opacity:1;
	transform:rotate(45deg)
}
.navPhoneBtn.close span:nth-last-child(3),.navPhoneBtn.closeMember span:nth-last-child(3) {
	opacity:1;
	transform:rotate(-45deg)
}
.navPhoneBtn.close span:nth-last-child(2),.navPhoneBtn.closeMember span:nth-last-child(2) {
	width:0;
	opacity:0;
	transform:rotate(0);
	transition:width .5s
}
.navPhoneBtn.close span:last-child,.navPhoneBtn.closeMember span:last-child {
	margin-bottom:0
}
@media (max-width:1024px) {
	.navPhoneBtn {
	display:block;
	right:20px!important;
	margin-right:0px;
	position:absolute
}
}.common-navM .transparent {
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	display:none
}
.common-navM .navMCon {
	width:80%;
	min-width:140px;
	max-width:440px;
	height:100%;
	background-color:#fff;
	border-left:1px rgba(0,0,0,0.1) solid;
	padding:10px 20px;
	font-size:14px;
	line-height:2;
	position:fixed;
	z-index:9999999;
	top:0;
	bottom:0;
	right:auto;
	right:-100%;
	transition:all .5s
}
.common-navM .navMWrap {
	overflow-y:auto;
	padding:10px 20px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	align-items:center
}
.common-navM.open .transparent {
	display:block
}
.common-navM.open .closeBtn {
	display:block
}
.common-navM.open .navMCon {
	left:0
}
@media (max-width:1024px) {
	.common-navM.open .navMCon {
	left:auto;
	right:0
}
}.common-navM .mSearch {
	margin-top:40px
}
.common-navM .closeBtn {
	opacity:1!important;
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#666 !important;
	position:absolute;
	z-index:999;
	right:20px;
	top:20px
}
.common-navM .closeBtn:before,.common-navM .closeBtn:after {
	content:"";
	display:block;
	background:#666;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transform:rotate(45deg)
}
.common-navM .closeBtn:before {
	width:20px;
	height:1px
}
.common-navM .closeBtn:after {
	width:1px;
	height:20px
}
.common-navM .titleBig {
	text-align:center;
	padding:10px 0;
	display:none
}
.common-navM .navMWrap>.list {
	padding-top:10rem
}
.common-navM .navMWrap>.list em {
	font-style:initial
}
.common-navM .navMWrap>.list .title {
	padding:5px 0 5px 10px;
	text-indent:0;
	position:relative
}
.common-navM .navMWrap>.list .title .icon {
	width:40px;
	height:40px;
	margin:auto;
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	transform:rotate(45deg)
}
.common-navM .navMWrap>.list .title .icon:before,.common-navM .navMWrap>.list .title .icon:after {
	content:"";
	margin:auto;
	position:absolute;
	z-index:2;
	top:5px;
	right:0;
	bottom:0;
	left:0;
	transform-origin:center center;
	transition:all .3s ease
}
.common-navM .navMWrap>.list .title .icon:before {
	height:10px;
	width:10px;
	border-top:1px #aaa solid;
	border-right:1px #aaa solid
}
.common-navM .navMWrap>.list .title em {
	font-style:initial
}
.common-navM .navMWrap>.list .has .title .icon {
	display:block
}
.common-navM .navMWrap>.list .active>.title .icon:before {
	transform:rotate(90deg)
}
.common-navM .navMWrap>.list>li>.title {
	font-size:18px
}
.common-navM .navMWrap>.list>li>.title a {
	color:#333
}
.common-navM .navMWrap>.list>li>.child>.list>li {
	text-indent:15px
}
.common-navM .navMWrap>.list>li>.child>.list>li>.child .title {
	padding-left:20px
}
.common-navM .navMWrap>.list>li>.child>.list>li>.title {
	padding-left:20px;
	position:relative
}
.common-navM .navMWrap>.list>li>.child>.list>li>.title:before {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#999;
	position:absolute;
	top:12px!important;
	left:10px
}
.common-navM .navMWrap>.list .tb {
	width:20px;
	height:20px;
	display:inline-flex;
	position:absolute;
	top:7px;
	left:0
}
@media (max-width:1024px) {
	.common-navM .navMWrap>.list {
	padding-top:20px
}
}.common-navM .child {
	padding:0 0 20px 0;
	display:none;
	position:relative
}
.common-navM .child a {
	font-size:15px;
	color:#666;
	display:block;
	line-height:20px;
	padding:5px 0;
	transition:all .5s;
	position:relative
}
.common-navM .child a:hover {
	color:#000;
	margin-left:10px
}
.common-navM .mSearch {
	padding:10px 0;
	text-align:left;
	overflow:hidden;
	display:none;
	border-bottom:#f3f3f3 1px solid;
	position:relative
}
.common-navM .mSearch .btn {
	width:26px;
	height:26px;
	font-size:0;
	padding:0;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:10px
}
.common-navM .mSearch .btn .icon {
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:top
}
.common-navM .mSearch input {
	height:40px;
	line-height:38px;
	border:0;
	vertical-align:middle;
	box-sizing:border-box !important;
	color:#333;
	appearance:none;
	transition:all .4s cubic-bezier(.11393,.8644,.14684,1);
	opacity:1;
	width:100%;
	padding:5px 40px 5px 15px;
	border-radius:2px;
	font-size:14px;
	background-color:#fff;
	position:static;
	left:0;
	right:0
}
@media (max-width:1024px) {
	.common-navM .mSearch {
	display:flex
}
}.common-navM .other {
	padding:10px
}
.common-navM .read {
	padding-top:10px;
	padding-bottom:10px
}
.common-navM .read .btn-1 {
	display:inline-flex;
	align-items:center;
	padding:0 5px;
	line-height:40px;
	height:40px;
	border-radius:5px;
	background:linear-gradient(to right,#bf2d32,#a61f24);
	color:#fff;
	text-align:center;
	font-size:16px;
	position:relative
}
.common-navM .read .btn-1 .icon-1 {
	width:30px;
	height:30px;
	margin-left:5px
}
.common-navM .read .btn-1 .icon-2 {
	width:30px;
	height:30px;
	border-radius:5px;
	background-size:20px;
	margin-left:20px
}
.common-navM .list>li>.child>.list {
	padding-top:20px;
	font-family:var(--font-famil-2)
}
.common-navM .list>li>.child>.list>li>.title {
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-size:20px
}
.common-navM .list>li>.child>.list>li>.title::before {
	top:18px !important
}
.common-navM .languageBtn {
	padding:10px 0;
	display:flex;
	flex-wrap:wrap;
	column-gap:0;
	display:none
}
.common-navM .languageBtn>div {
	width:auto
}
.common-navM .languageBtn .col-2 {
	width:50%
}
.common-navM .languageBtn .col-3 {
	width:33.33333333%
}
.common-navM .languageBtn .col-4 {
	width:25%
}
.common-navM .languageBtn .col-5 {
	width:20%
}
.common-navM .languageBtn .col-6 {
	width:16.66666667%
}
.common-navM .languageBtn a {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px;
	text-align:center;
	border:1px #eee solid;
	margin-right:-1px;
	margin-top:-1px;
	background:#fff
}
@media (max-width:1024px) {
	.common-navM .languageBtn {
	display:flex
}
}.verifyDiv {
	width:100%;
	vertical-align:middle;
	position:relative
}
.verify {
	height:5rem;
	border-radius:.5rem;
	background-color:#efefef;
	position:relative
}
.verify .drag-btn {
	border-radius:.5rem;
	position:absolute;
	left:0;
	top:0;
	width:5rem;
	height:5rem;
	border:solid 1px #ddd;
	background:#fff url(../images/drag-arrow.svg) no-repeat center center;
	background-size:2rem 2rem;
	z-index:2;
	cursor:move
}
.verify .suc-drag-btn {
	background:#ccc url(../images/drag-success.svg) no-repeat center center;
	background-size:2rem 2rem
}
.verify .drag-progress {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:5rem;
	line-height:4.8rem;
	background-color:#fff;
	color:#999;
	text-align:center
}
.verify .fix-tips,.verify .verify-msg {
	width:100%;
	position:absolute;
	right:0;
	left:0;
	height:100%;
	color:#7a8292;
	z-index:1;
	font-size:1.5rem;
	line-height:4.8rem;
	padding-left:5rem;
	text-align:center
}
.verify .verify-msg {
	padding-left:0;
	padding-right:5rem
}
.verify .verify-msg {
	background-color:#fff;
	color:#999;
	display:none
}
.footer {
	min-height:35.625rem;
	color:#fff;
	background:#000;
	box-sizing:border-box
}
.footer .footer-main {
	min-height:31.125rem;
	padding:4rem 0 3.4375rem;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	box-sizing:border-box
}
.footer .footer-navigation-column h2,.footer .footer-contact-column h2 {
	margin:0 0 1.875rem
}
.footer .footer-navigation-column h2 a,.footer .footer-contact-column h2 a {
	color:#f7f7f7;
	font-size:1.375rem;
	line-height:1.625rem;
	font-weight:500
}
.footer .footer-navigation-column ul {
	display:flex;
	flex-direction:column;
	gap:1.3125rem
}
.footer .footer-navigation-column a {
	display:inline-block;
	color:#b8bbc0;
	font-size:.875rem;
	line-height:1.25rem;
	transition:color .25s ease,transform .25s ease
}
.footer .footer-navigation-column a:hover {
	color:#fff
}
.footer .footer-contact-column h2 {
	margin-bottom:1.5625rem
}
.footer .footer-contact-column h3 {
	margin-top:1.8125rem;
	color:#b8bbc0;
	font-size:1rem;
	line-height:1.375rem;
	font-weight:600
}
.footer .footer-contact-phone,.footer .footer-contact-email {
	display:flex;
	align-items:flex-start;
	color:#fff
}
.footer .footer-contact-phone svg,.footer .footer-contact-email svg {
	flex:none;
	fill:none;
	stroke:#858585;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round
}
.footer .footer-contact-phone span,.footer .footer-contact-email span {
	transition:color .25s ease
}
.footer .footer-contact-phone {
	gap:.75rem
}
.footer .footer-contact-phone svg {
	width:1.375rem;
	height:1.375rem;
	margin-top:.1875rem;
	fill:#858585
}
.footer .footer-contact-phone span {
	font-size:1.5rem;
	line-height:1.875rem
}
.footer .footer-contact-email {
	margin-top:.8125rem;
	gap:.75rem;
	color:#b8bbc0
}
.footer .footer-contact-email svg {
	width:1.25rem;
	height:1.25rem;
	fill:#808080
}
.footer .footer-contact-email span {
	font-size:1rem;
	line-height:1.3125rem
}
.footer .footer-social-list {
	margin-top:.5625rem;
	display:flex;
	align-items:center;
	gap:.8125rem
}
.footer .footer-social-list a {
	width:2.1875rem;
	height:2.1875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:50%;
	background:#2e2e2e;
	transition:background-color .25s ease,transform .25s ease
}
.footer .footer-social-list a:hover {
	color:#fff;
	background:var(--main-color);
	transform:translate(0) !important
}
.footer .footer-social-list svg {
	width:1.125rem;
	height:1.125rem;
	fill:#fff
}
.footer .footer-qr-list {
	margin-top:.8125rem;
	display:flex;
	gap:.625rem
}
.footer .footer-qr-list img {
	display:flex;
	width:7.375rem;
	height:7.375rem;
	border-radius:.3125rem
}
.footer .footer-bottom {
	height:4.4375rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#b8bbc0;
	border-top:1px solid #313131;
	box-sizing:border-box
}
.footer .footer-bottom a {
	color:#b8bbc0;
	transition:color .25s ease
}
.footer .footer-bottom a:hover {
	color:#fff
}
.footer .footer-copyright {
	display:flex;
	align-items:center;
	gap:2.125rem;
	font-size:.875rem;
	line-height:1.25rem
}
.footer .footer-utilities {
	display:flex;
	align-items:center;
	gap:1.9375rem;
	font-size:.875rem;
	line-height:1.25rem
}
.footer .footer-language {
	min-width:8.6875rem;
	height:2.375rem;
	padding:0 .9375rem 0 1.25rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border:1px solid #3c3c3c;
	border-radius:1.25rem;
	box-sizing:border-box
}
.footer .footer-language img {
	max-height:1.25rem
}
.footer .footer-language-selector {
	position:relative;
	z-index:5
}
.footer .footer-language-selector:hover .footer-language-dropdown,.footer .footer-language-selector:focus-within .footer-language-dropdown {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	pointer-events:auto
}
.footer .footer-language-dropdown {
	width:8.6875rem;
	padding:.5rem 0;
	position:absolute;
	right:0;
	bottom:calc(100% + 10rem/16);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(.5rem);
	border:1px solid #353535;
	border-radius:.5rem;
	background:#151515;
	box-shadow:0 .5rem 1.5rem rgba(0,0,0,0.35);
	transition:opacity .25s ease,visibility .25s ease,transform .25s ease;
	box-sizing:border-box
}
.footer .footer-language-dropdown:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.6875rem;
	height:.6875rem
}
.footer .footer-language-dropdown:after {
	content:"";
	width:.5rem;
	height:.5rem;
	position:absolute;
	right:1.25rem;
	bottom:-0.3125rem;
	border-right:1px solid #353535;
	border-bottom:1px solid #353535;
	background:#151515;
	transform:rotate(45deg)
}
.footer .footer-language-dropdown a {
	display:block;
	padding:.5rem 1.125rem;
	color:#b8bbc0;
	font-size:.875rem;
	line-height:1.25rem;
	white-space:nowrap
}
.footer .footer-language-dropdown a:hover,.footer .footer-language-dropdown a:focus {
	color:#fff;
	background:var(--main-color)
}
.footer .footer-back-top {
	display:flex;
	align-items:center;
	gap:.875rem
}
.footer .footer-back-top i {
	width:.4375rem;
	height:.4375rem;
	margin-top:.25rem;
	border-top:1px solid currentColor;
	border-left:1px solid currentColor;
	transform:rotate(45deg)
}
@media (max-width:1024px) {
	.footer {
	min-height:0
}
.footer .footer-container {
	max-width:760px!important
}
.footer .footer-main {
	min-height:0;
	padding:52px 0 46px;
	grid-template-columns:repeat(1,1fr);
	gap:46px 35px
}
.footer .footer-navigation-column h2,.footer .footer-contact-column h2 {
	margin-bottom:23px;
	font-size:20px;
	line-height:25px
}
.footer .footer-navigation-column {
	display:none
}
.footer .footer-navigation-column ul {
	gap:14px
}
.footer .footer-navigation-column a {
	font-size:14px;
	line-height:20px
}
.footer .footer-navigation-column a:hover {
	transform:translateX(3px)
}
.footer .footer-contact-column {
	grid-column:inherit
}
.footer .footer-contact-column h2 {
	margin-bottom:20px
}
.footer .footer-contact-column h3 {
	margin-top:24px;
	font-size:16px;
	line-height:22px
}
.footer .footer-contact-phone {
	gap:11px
}
.footer .footer-contact-phone svg {
	width:22px;
	height:22px;
	margin-top:2px
}
.footer .footer-contact-phone span {
	font-size:22px;
	line-height:29px
}
.footer .footer-contact-email {
	margin-top:12px;
	gap:11px
}
.footer .footer-contact-email svg {
	width:21px;
	height:21px
}
.footer .footer-contact-email span {
	font-size:14px;
	line-height:21px
}
.footer .footer-social-list {
	margin-top:9px;
	gap:12px
}
.footer .footer-social-list a {
	width:35px;
	height:35px
}
.footer .footer-social-list a:hover {
	transform:translateY(-3px)
}
.footer .footer-social-list b {
	font-size:16px
}
.footer .footer-social-list svg {
	width:19px;
	height:19px
}
.footer .footer-qr-list {
	margin-top:13px;
	gap:10px
}
.footer .footer-qr-list img {
	width:112px;
	height:112px;
	margin-left:10px;
	border-radius:5px
}
.footer .footer-qr-list img:first-child {
	margin-left:0;
}
.footer .footer-bottom {
	display:block;
	height:auto;
	min-height:72px;
	padding:18px 0;
	gap:18px
}
.footer .footer-copyright {
	gap:22px;
	font-size:13px;
	line-height:20px;
	display:block
}
.footer .footer-utilities {
	gap:22px;
	font-size:13px;
	line-height:20px;
	margin-top:30px
}
.footer .footer-language {
	min-width:128px;
	height:36px;
	padding:0 13px 0 17px;
	border-radius:18px
}
.footer .footer-language svg {
	width:20px;
	height:20px
}
.footer .footer-language-dropdown {
	width:128px;
	padding:7px 0;
	bottom:calc(100% + 9px);
	transform:translateY(7px);
	border-radius:7px;
	box-shadow:0 7px 22px rgba(0,0,0,0.35)
}
.footer .footer-language-dropdown:before {
	bottom:-10px;
	height:10px
}
.footer .footer-language-dropdown:after {
	width:8px;
	height:8px;
	right:18px;
	bottom:-5px
}
.footer .footer-language-dropdown a {
	padding:8px 16px;
	font-size:14px;
	line-height:20px
}
.footer .footer-back-top {
	gap:12px
}
.footer .footer-back-top i {
	width:7px;
	height:7px;
	margin-top:4px
}
}.header-2,.fp-viewing-section1 .header {
	background:transparent;
	box-shadow:none
}
.header-2 .logo img,.fp-viewing-section1 .header .logo img {
	filter:brightness(0) invert(1)
}
.header-2 .searchBtn svg,.fp-viewing-section1 .header .searchBtn svg {
	fill:#fff
}
.header-2 .language,.fp-viewing-section1 .header .language {
	background:transparent;
	border-color:rgba(255,255,255,0.55)
}
.header-2 .common-nav .listNav>li>a,.fp-viewing-section1 .header .common-nav .listNav>li>a {
	color:#fff
}
.header-2 .common-nav .listNav>li .icon,.fp-viewing-section1 .header .common-nav .listNav>li .icon {
	border-color:#fff
}
.header-2 .common-nav .listNav>li>a::after,.fp-viewing-section1 .header .common-nav .listNav>li>a::after {
	background:rgba(255,255,255,0.42)
}
.header-2 .common-nav .listNav>li>a::before,.fp-viewing-section1 .header .common-nav .listNav>li>a::before {
	background:#fff
}
.fixed {
	top:0;
	left:0;
	width:100%;
	position:fixed;
	background-color:#fff;
	box-shadow:.4375rem .625rem 2.375rem rgba(0,0,0,0.05)
}
.fixed .logo img {
	filter:brightness(1) invert(0)
}
.fixed .searchBtn svg {
	fill:#666
}
.fixed .language {
	background:transparent;
	border-color:rgba(255,255,255,0.55)
}
.fixed .common-nav .listNav>li>a {
	color:#333
}
.fixed .common-nav .listNav>li .icon {
	border-color:#333
}
.fixed .common-nav .listNav>li>a::after {
	background:#d5d8dd
}
.fixed .common-nav .listNav>li>a::before {
	background:#fff
}
