.txt-line4 {
	-webkit-line-clamp: 4;
	height: 5.4em;
}

.txt-line3 {
	-webkit-line-clamp: 3;
}

.txt-line2 {
	-webkit-line-clamp: 2;
	height: 3.8em;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.c {
	clear: both;
}

.n,
em {
	font-weight: normal;
	font-style: normal;
}

.dn {
	display: none;
}

.fix {
	*zoom: 1;
}

.fix:after,
.fix:before {
	display: block;
	content: 'clear';
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

a {
	text-decoration: none;
}

a:hover {
	color: #ff6600;
}

input[type='input'] {
	border: none;
	border-radius: none;
}

button::-moz-focus-inner {
	border: 0;
}

:focus,
:active {
	outline: 0;
	/*border: 0;*/
}

select {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	/*background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 348 200' style='enable-background:new 0 0 348 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23333333;%7D%0A%3C/style%3E%3Cpath class='st0' d='M100,147.9L17.7,52.1h164.5L100,147.9z'/%3E%3C/svg%3E%0A");*/
	background-color: transparent;
	background-position: right 50%;
	background-repeat: no-repeat;
	/*background-size: .20rem;*/
}

select option {
	background-color: none;
}

input::-webkit-input-placeholder {
	line-height: 1em;
}

input[type='submit'] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

select {
	border-radius: 0;
	border: 0;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

::-webkit-input-placeholder {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

::-moz-placeholder {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

::-ms-input-placeholder {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI','Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

select::-ms-expand {
	display: none;
}

input[type='submit'] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

body {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

textarea,
select,
input {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei';
}

.slide1 {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}

.slide1.slick-initialized {
	visibility: visible;
	opacity: 1;
}

*:after,
*:before,
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*.page-enter-active,
.page-leave-active {
	transition: opacity 0.6s, transform 0.6s;
}
.page-enter,
.page-leave-to {
	opacity: 0;
	transform: translateY(-6%);
}*/
.nested-enter-active,
.nested-leave-active {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.nested-enter,
.nested-leave-to {
	opacity: 0;
}





/**
 * Swiper 4.5.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 16, 2019
 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container {
	width: 100%;
	max-width: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
	-webkit-perspective: 12rem;
	perspective: 12rem;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 0.21rem;
	height: 0.4rem;
	margin-top: -0.2rem;
	z-index: 10;
	cursor: pointer;
	background-size: 0.21rem 0.4rem;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 0.3rem;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 0.3rem;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0.1rem;
	left: 0;
	width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 0.08rem;
	height: 0.08rem;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 0.1rem;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0.06rem 0;
	display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.08rem;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: 200ms top, 200ms -webkit-transform;
	transition: 200ms top, 200ms -webkit-transform;
	transition: 200ms transform, 200ms top;
	transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.04rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms left, 200ms -webkit-transform;
	transition: 200ms left, 200ms -webkit-transform;
	transition: 200ms transform, 200ms left;
	transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 200ms right, 200ms -webkit-transform;
	transition: 200ms right, 200ms -webkit-transform;
	transition: 200ms transform, 200ms right;
	transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 0.04rem;
	left: 0;
	top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 0.04rem;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000000;
}

.swiper-pagination-lock {
	display: none;
}
/* Scrollbar */
.swiper-scrollbar {
	border-radius: 0.1rem;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 0.03rem;
	z-index: 50;
	height: 0.05rem;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 0.03rem;
	top: 1%;
	z-index: 50;
	width: 0.05rem;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.1rem;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
	width: 0.42rem;
	height: 0.42rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.21rem;
	margin-top: -0.21rem;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(0.5rem);
	filter: blur(0.5rem);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective: 12rem;
}

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 600;
	padding: 0.2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 90%;
	text-align: left;
}

.modal a.close-modal {
}

.modal-spinner {
	/*  display: none;*/
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
	padding: 0.12rem 0.16rem;
	border-radius: 0.05rem;
	background-color: #fff;
	height: 0.2rem;
}

.modal-spinner > div {
	border-radius: 1rem;
	background-color: #fff;
	height: 0.2rem;
	width: 0.02rem;
	margin: 0 0.01rem;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.modal-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.modal-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.5);
	}

	20% {
		-webkit-transform: scaleY(1.0);
	}
}

@keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@-webkit-keyframes moveRightIn {
	50% {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
		opacity: 0;
	}

	51% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveRightIn {
	50% {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
		opacity: 0;
	}

	51% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes moveUpDown {
	50% {
		-webkit-transform: translateY(0.2rem);
		        transform: translateY(0.2rem);
		opacity: 0;
	}

	51% {
		-webkit-transform: translateY(-0.2rem);
		        transform: translateY(-0.2rem);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveUpDown {
	50% {
		-webkit-transform: translateY(0.2rem);
		        transform: translateY(0.2rem);
		opacity: 0;
	}

	51% {
		-webkit-transform: translateY(-0.2rem);
		        transform: translateY(-0.2rem);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
	}
}

.hover-in {
	-webkit-transition: .6s ease-out;
	transition: .6s ease-out;
}

.hover-out {
	-webkit-transition: .6s ease-in;
	transition: .6s ease-in;
}



/*!
 * fullPage 4.0.20
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

.fp-enabled body,
html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: visible;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	display: block;
}

.fp-slide {
	float: left;
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.fp-table {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	margin-top: -0.38rem;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-prev {
	left: 0.15rem;
}

.fp-next {
	right: 0.15rem;
}

.fp-arrow {
	width: 0;
	height: 0;
	border-style: solid;
}

.fp-arrow.fp-prev {
	border-width: 0.385rem 0.34rem 0.385rem 0;
	border-color: transparent #fff transparent transparent;
}

.fp-arrow.fp-next {
	border-width: 0.385rem 0 0.385rem 0.34rem;
	border-color: transparent transparent transparent #fff;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	top: 50%;
	opacity: 1;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translate3d(0, -50%, 0);
}

#fp-nav.fp-right {
	right: 0.17rem;
}

#fp-nav.fp-left {
	left: 0.17rem;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.fp-bottom {
	bottom: 0.17rem;
}

.fp-slidesNav.fp-top {
	top: 0.17rem;
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 0.14rem;
	height: 0.13rem;
	margin: 0.07rem;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
	height: 0.12rem;
	width: 0.12rem;
	margin: -0.06rem 0 0 -0.06rem;
	border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 0.04rem;
	width: 0.04rem;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -0.02rem 0 0 -0.02rem;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	width: 0.1rem;
	height: 0.1rem;
	margin: -0.05rem 0 0 -0.05rem;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -0.02rem;
	color: #fff;
	font-size: 14px;
	font-family: arial,helvetica,sans-serif;
	white-space: nowrap;
	max-width: 2.2rem;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
	right: 0.2rem;
}

#fp-nav ul li .fp-tooltip.fp-left {
	left: 0.2rem;
}

.fp-auto-height .fp-slide,
.fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-is-overflow.fp-section {
	height: auto !important;
}

.fp-scrollable .fp-section {
	height: 100vh;
	height: calc(1vh * 100);
}

.fp-scrollable .fp-slide {
	height: 100vh;
	height: calc(1vh * 100);
}

.fp-scrollable.fp-responsive .fp-is-overflow.fp-section {
	height: 100vh;
	height: calc(1vh * 100);
}

.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]) {
	min-height: 100vh;
	min-height: calc(1vh * 100);
}

.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {
	min-height: 100vh;
	min-height: calc(1vh * 100);
}

.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
	min-height: 100vh;
	min-height: calc(1vh * 100);
}

.fp-overflow {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	max-height: 100vh;
}

.fp-scrollable .fp-auto-height .fp-overflow {
	max-height: none;
}

.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow > .fp-overflow {
	overflow-y: auto;
}

.fp-overflow {
	outline: 0;
}

.fp-overflow.fp-table {
	display: block;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
	min-height: auto !important;
}

.fp-sr-only {
	position: absolute;
	width: 0.01rem;
	height: 0.01rem;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
	background-color: transparent;
	width: 0.09rem;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
	background-color: transparent;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .4);
	border-radius: 0.16rem;
	border: 4px solid transparent;
}

.fp-warning,
.fp-watermark {
	z-index: 9999999;
	position: absolute;
	bottom: 0;
}

.fp-warning,
.fp-watermark a {
	text-decoration: none;
	color: #000;
	background: rgba(255, 255, 255, .6);
	padding: 0.05rem 0.08rem;
	font-size: 14px;
	font-family: arial;
	color: #000;
	display: inline-block;
	border-radius: 0.03rem;
	margin: 0.12rem;
}

.fp-noscroll .fp-overflow {
	overflow: hidden;
}

@font-face {
	font-family: "iconfont";
	/* Project id 4232030 */
	src: url("../fonts/iconfont.woff2?t=1694069042180") format('woff2'), url("../fonts/iconfont.woff?t=1694069042180") format('woff'), url("../fonts/iconfont.ttf?t=1694069042180") format('truetype'), url("../fonts/iconfont.svg?t=1694069042180#iconfont") format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-next:before {
	content: "\e6004";
}

.icon-prev:before {
	content: "\e6002";
}

.icon-top:before {
	content: "\e6005";
}

.icon-down:before {
	content: "\e6006";
}

.icon-bilibili:before {
	content: "\e600";
}

.icon-close:before {
	content: "\e903";
}

.icon-facebook:before {
	content: "\e6dc";
}

.icon-youxidongman:before {
	content: "\e6dd";
}

.icon-douyin:before {
	content: "\e6d2";
}

.icon-wurenji:before {
	content: "\e6d3";
}

.icon-weixin:before {
	content: "\e6d4";
}

.icon-xunixianshi:before {
	content: "\e6d5";
}

.icon-in:before {
	content: "\e6d7";
}

.icon-xuniyanbo:before {
	content: "\e6d8";
}

.icon-gaosuceliang:before {
	content: "\e6d9";
}

.icon-logo:before {
	content: "\e6da";
}

.icon-qq:before {
	content: "\e6db";
}

.icon-dianhua:before {
	content: "\e6d1";
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

.hidden {
	display: none;
}

.img-ovh {
	overflow: hidden;
}

a {
	cursor: pointer;
	color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:hover {
	color: #fff;
}

i.iconfont {
	font-size: inherit;
}

.cover-bg {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.bg,
.img {
	-webkit-transform: translateZ(0) scale(1, 1);
	        transform: translateZ(0) scale(1, 1);
}

.bg,
.img {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0) scale(1, 1);
	        transform: translateZ(0) scale(1, 1);
}

.img-normal:hover {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.img-contain {
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translateZ(0) scale(1, 1);
	        transform: translateZ(0) scale(1, 1);
}

.img-hover {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: translateZ(0) scale(1, 1);
	        transform: translateZ(0) scale(1, 1);
}

.img-hover .bg {
	height: 100%;
}

.img-hover .img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.ovh {
	overflow: hidden;
}

.img-hover:hover .img,
.img-hover:hover .bg,
.img-hover:hover .img-contain {
	-webkit-transform: scale(1.04);
	        transform: scale(1.04);
}

.menu-product a:hover .img {
	-webkit-transform: scale(1.04);
	        transform: scale(1.04);
}

.img {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.tc {
	text-align: center;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

::-moz-selection {
	background-color: #d61521;
	color: #fff;
}

::selection {
	background-color: #d61521;
	color: #fff;
}

body {
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	background-color: #000;
}

html {
	font-size: 100px;
}

.tab-bd {
	display: none;
}

.text {
	color: #fff;
	line-height: 1.8;
	font-size: 18px !important;
}

.text * {
	font-size: 18px !important;
}

.text-white {
	color: #fff;
}

.text-big {
	font-size: 18px !important;
}

.text-big * {
	font-size: 18px !important;
}

.text-margin p {
	margin-bottom: 1.6em;
}

.text-dot p {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0.04rem;
}

.text-dot p:before {
	width: 3PX;
	height: 3PX;
	background-color: #d61521;
	border-radius: 50%;
	position: absolute;
	top: 0.8em;
	content: '';
	left: -0.12rem;
}

.img-ovh {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.img-ovh .img-contain,
.img-ovh .bg {
	width: 100%;
	height: 100%;
}

.btn-tc {
	text-align: center;
}

.row-inner-margin {
	margin: 0.9rem 0;
}

.m-show {
	display: none;
}

.section1 .fp-overflow,
.section2 .fp-overflow,
.swiper-advantage {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
	-webkit-transform: translateY(10%);
	        transform: translateY(10%);
}

.fp-completely.section1 .fp-overflow,
.fp-completely.section2 .fp-overflow,
.fp-completely.section3 .swiper-advantage {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.fix-bar {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 400;
	padding-right: 0.06rem;
}

.fix-bar a {
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin-bottom: 0.04rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.fix-bar a:hover {
	-webkit-transform-origin: right center;
	        transform-origin: right center;
	-webkit-transform: scale(1.06);
	        transform: scale(1.06);
}

.fix-bar .s1 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/s-tel.svg");
}

.fix-bar .s2 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/s-zx.svg");
}

.fix-bar .s3 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/s-qq.svg");
}

.fix-bar .s4 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/s-wx.svg");
}

#go-top {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0.06rem;
	text-align: center;
	line-height: 0.6rem;
}

#go-top:hover {
	background-color: #000;
}

.fix-bar a:hover .bar-pop {
	visibility: visible;
	opacity: 1;
}

.bar-pop {
	position: absolute;
	left: -0.06rem;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
	top: 0;
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	visibility: hidden;
}

.bar-pop-s1 {
	padding: 0.2rem;
	background-color: #d61521;
	white-space: nowrap;
}

.bar-pop-s1 h5 span {
	margin-left: 0.06rem;
}

.bar-pop-s2 {
	width: 1.5rem;
	height: 1.5rem;
}

.bar-pop-s2 img {
	width: 1.5rem;
}

.form-ele {
	border: none;
	font-size: 16px;
	vertical-align: bottom;
	width: 100%;
	height: 0.52rem;
	line-height: 0.52rem;
	padding: 0 0.2rem;
	vertical-align: bottom;
	display: inline-block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	color: #fff;
	border-radius: 0.5rem;
}

.form-box label {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 0.2rem;
	line-height: 0.52rem;
	color: #fff;
}

.form-box .hide-label label {
	display: none;
}

.form-box ::-webkit-input-placeholder {
	color: #fff;
}

.form-box ::-moz-placeholder {
	color: #fff;
}

.form-box :-ms-input-placeholder {
	color: #fff;
}

.form-box ::-ms-input-placeholder {
	color: #fff;
}

.form-box ::placeholder {
	color: #fff;
}

.form-box :-ms-input-placeholder {
	color: #fff;
}

.form-box :-webkit-input-placeholder {
	color: #fff;
}

label.required:after {
	content: '*';
	color: #f00;
	margin-left: 0.04rem;
	font-size: 18px;
}

.msg-box label {
	line-height: 0.6rem;
}

.form-contact .form-ele {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.form-contact ::-webkit-input-placeholder {
	color: #fff;
}

.form-contact ::-moz-placeholder {
	color: #fff;
}

.form-contact :-ms-input-placeholder {
	color: #fff;
}

.form-contact ::-ms-input-placeholder {
	color: #fff;
}

.form-contact ::placeholder {
	color: #fff;
}

.form-contact option {
	color: #000;
}

.form-contact .msg-box textarea {
	height: 1.4rem;
	border-radius: 0.2rem;
}

.form-contact .inp-select:after {
	color: #fff;
}

select.form-ele {
	line-height: inherit !important;
}

textarea.form-ele {
	padding: 0.16rem 0.2rem;
	line-height: 1.8;
	resize: none;
}

label.error {
	color: #f00;
	font-size: 14px;
	position: static;
	margin-left: 0;
	padding-right: 0 !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

label.error:after {
	display: none;
}

.form-box > li {
	margin-bottom: 0.2rem;
	position: relative;
	zoom: 1;
}

.form-box > li:after,
.form-box > li:before {
	content: '';
	display: block;
}

.form-box > li:after {
	clear: both;
}

.form-box > li label.error {
	line-height: 1.3;
	padding-left: 0;
}

.form-box .inp {
	text-align: left;
	position: relative;
}

.form-box .inp-col {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 50%;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
	padding: 0 0.15rem;
}

.form-box .inp-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -0.15rem;
}

.form-box select {
	height: 0.55rem;
	padding: 0 0.2rem;
	color: #666;
	width: 100%;
}

.code-msg {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.code-msg .btn {
	height: 0.5rem;
	line-height: 0.48rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 1.5rem;
	    -ms-flex: 0 1 1.5rem;
	        flex: 0 1 1.5rem;
	min-width: 1.5rem;
	margin-left: 0.15rem;
}

.inp-code {
	position: relative;
}

.inp-code img {
	vertical-align: top;
	height: 100%;
}

.row-code {
	margin-top: 0.28rem;
}

.row-code .inp-code {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 50%;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
}

.row-code .btn {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 50%;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
}

.row-code .code {
	position: absolute;
	right: 0;
	top: 0;
	height: 0.52rem;
	border-radius: 0.6rem;
	overflow: hidden;
	padding: 0.04rem;
	background-color: #fff;
	border: 4px solid transparent;
	background-clip: padding-box, border-box;
	line-height: 1;
}

.row-code .code img {
	-o-object-fit: contain;
	   object-fit: contain;
	height: 100%;
}

.btn-submit {
	width: 100%;
}

.icon-more-ico {
	position: relative;
}

.icon-more-ico:before {
	z-index: 1;
	position: relative;
}

.icon-more-ico:after {
	content: '';
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	background-color: #fff;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon {
	width: 0.16rem;
	height: 0.16rem;
}

@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@-webkit-keyframes blink {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ff722c;
		        box-shadow: 0 0 0 0 #ff722c;
	}

	100% {
		-webkit-box-shadow: 0 0 0.08rem 0.08rem rgba(255, 114, 44, 0);
		        box-shadow: 0 0 0.08rem 0.08rem rgba(255, 114, 44, 0);
	}
}

@keyframes blink {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ff722c;
		        box-shadow: 0 0 0 0 #ff722c;
	}

	100% {
		-webkit-box-shadow: 0 0 0.08rem 0.08rem rgba(255, 114, 44, 0);
		        box-shadow: 0 0 0.08rem 0.08rem rgba(255, 114, 44, 0);
	}
}

@-webkit-keyframes scaleMap {
	from {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.3;
	}

	to {
		-webkit-transform: scale(2.4);
		        transform: scale(2.4);
		opacity: 0;
	}
}

@keyframes scaleMap {
	from {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.3;
	}

	to {
		-webkit-transform: scale(2.4);
		        transform: scale(2.4);
		opacity: 0;
	}
}

@-webkit-keyframes scaleMapSmall {
	from {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.5;
	}

	to {
		-webkit-transform: scale(2.2);
		        transform: scale(2.2);
		opacity: 0;
	}
}

@keyframes scaleMapSmall {
	from {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 0.5;
	}

	to {
		-webkit-transform: scale(2.2);
		        transform: scale(2.2);
		opacity: 0;
	}
}

@-webkit-keyframes progressBar {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes progressBar {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes fadeUp {
	from {
		-webkit-transform: translateY(20%);
		        transform: translateY(20%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes fadeUp {
	from {
		-webkit-transform: translateY(20%);
		        transform: translateY(20%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes fadeRight {
	from {
		-webkit-transform: translateX(20%);
		        transform: translateX(20%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes fadeRight {
	from {
		-webkit-transform: translateX(20%);
		        transform: translateX(20%);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
		opacity: 1;
	}
}

@-webkit-keyframes grow {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes grow {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.cat-nav {
	position: relative;
	z-index: 50;
	display: none;
	margin-bottom: 0.4rem;
}

.cat-nav h6 {
	padding-right: 0.3rem;
	padding-left: 0.3rem;
	font-size: 14px;
	height: 0.8rem;
	line-height: 0.8rem;
	border-radius: 0.1rem;
	overflow: hidden;
	color: #fff;
	background-color: #d61521;
}

.cat-nav h6 i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	color: #fff;
	font-size: 13px;
	right: 0.3rem;
}

.cat-nav h6 span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cat-nav .cat-sub {
	position: absolute;
	width: 100%;
	top: 0.86rem;
	background-color: rgba(255, 255, 255, 0.152);
	position: absolute;
	left: 0;
	right: 0;
	-webkit-backdrop-filter: blur(0.15rem);
	        backdrop-filter: blur(0.15rem);
	border-radius: 0.1rem;
	overflow: hidden;
	display: none;
}

.cat-nav .cat-sub ul {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.cat-nav .cat-sub a {
	display: block;
	height: 0.8rem;
	line-height: 0.8rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	font-size: 14px;
}

.cat-nav .cat-sub .on {
	background-color: #d61521;
	color: #fff;
}

.cat-nav.sticky {
	margin-top: 0.1rem;
}

a.close-modal {
	position: absolute;
	top: 0.16rem;
	right: 0.2rem;
	z-index: 20;
	color: #f00;
	font-size: 0;
}

a.close-modal:hover:after {
	color: #d61521;
}

a.close-modal:after {
	color: #7f7e87;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 20px;
	font-family: "iconfont";
	content: "\e903";
	font-size: 40px;
}

.modal {
	width: 10rem;
	background-color: #fff;
	border-radius: 0.16rem;
	height: 80vh;
	padding: 0.8rem 0.6rem;
	padding-right: 0;
}

.page {
	margin-top: 0.3rem;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.page span {
	display: inline-block;
	min-width: 0.36rem;
	height: 0.36rem;
	line-height: 0.36rem;
	text-align: center;
	padding-left: 0.06rem;
	padding-right: 0.06rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 0.5rem;
	font-size: 14px;
	zoom: 1;
	vertical-align: middle;
	margin: 0 0.02rem;
	cursor: pointer;
	color: #fff;
}

.page a {
	display: inline-block;
	min-width: 0.36rem;
	height: 0.36rem;
	line-height: 0.36rem;
	text-align: center;
	padding-left: 0.06rem;
	padding-right: 0.06rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 0.5rem;
	font-size: 14px;
	zoom: 1;
	vertical-align: middle;
	margin: 0 0.02rem;
	cursor: pointer;
	color: #fff;
}

.page .prev i,
.page .next i {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.page .prev:hover i,
.page .next:hover i {
	color: #fff;
}

.page em {
	margin-left: 0.1rem;
	vertical-align: middle;
}

.page span {
	padding: 0 0.04rem;
	vertical-align: middle;
	margin: 0 0.02rem;
}

.page a.on,
.page a:hover,
.page a.current {
	background-color: #d61521;
	color: #fff;
}

.page .go-page {
	border: 1px solid #d61521;
	display: inline-block;
	min-width: 0.7rem;
	height: 0.36rem;
	line-height: 0.34rem;
	text-align: center;
	padding: 0 0.16rem;
	border-radius: 1rem;
	margin-left: 0.1rem;
	color: #d61521;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background: none;
}

.page .go-page:hover {
	background-color: #d61521;
	color: #fff;
	border-color: #d61521;
}

.page .icon-prev-page,
.page .icon-next-page {
	color: #fff;
}

.quick-jumper {
	vertical-align: middle;
	display: inline-block;
	margin-left: 0.3rem;
}

.quick-jumper input {
	height: 0.36rem;
	line-height: 0.34rem;
	width: 0.6rem;
	padding-left: 0.1rem;
	border: 1px solid #fff;
	border-radius: 0.5rem;
	margin: 0 0.1rem;
	background: none;
	color: #fff;
	font-size: 14px;
}

.m-page {
	display: none;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 0.5rem;
}

.m-page .prev,
.m-page .next {
	display: inline-block;
	text-align: center;
	min-width: 1.45rem;
	height: 0.66rem;
	line-height: 0.64rem;
	border-radius: 0.66rem;
	border: 1px solid #e7e7e7;
}

.m-page .prev {
	padding-right: 0.1rem;
}

.m-page .prev i {
	margin-right: 0.1rem;
}

.m-page .next {
	padding-left: 0.1rem;
}

.m-page .next i {
	margin-left: 0.1rem;
}

.page-middle {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 0.16rem;
	margin-right: 0.16rem;
	position: relative;
}

.page-middle i {
	margin-left: 0.1rem;
}

.page-count {
	border: 1px solid #e7e7e7;
	border-radius: 1.1rem;
	text-align: center;
	height: 100%;
	line-height: 0.64rem;
}

.page-number {
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background-color: #fff;
	z-index: 80;
	border-radius: 0.2rem;
	-webkit-box-shadow: 0 0 0.2rem 0.04rem rgba(0, 0, 0, 0.05);
	        box-shadow: 0 0 0.2rem 0.04rem rgba(0, 0, 0, 0.05);
}

.page-number a,
.page-number span {
	display: block;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
}

.page-number a:nth-child(2n) {
	background-color: #f9f9f9;
}

.page-number .on {
	background-color: #d61521;
	color: #fff;
}

.page-dark {
	color: #333;
}

.page-dark span,
.page-dark *,
.page-dark a {
	color: #333;
}

.page-dark .quick-jumper input {
	border-color: #e7e7e7;
	color: #333;
}

.page-dark .icon-prev-page,
.page-dark .icon-next-page {
	color: #333;
}

.pop {
	position: fixed;
	background: #fff;
	zoom: 1;
	z-index: 9999;
	overflow: hidden;
	zoom: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 666666;
	text-align: center;
	display: none;
	overflow: auto;
}

.pop:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.pop .close-pop {
	position: absolute;
	right: 0;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
	top: 0;
	line-height: 1;
	cursor: pointer;
	font-size: 48px;
	color: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.pop .close-pop:hover {
	color: #d61521;
}

.pop-con {
	width: 80%;
	max-width: 12rem;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.pop-open {
	overflow: hidden;
}

.pop-con video {
	width: 100%;
}

.news-detail::-webkit-scrollbar {
	height: 0.07rem;
	width: 0.07rem;
}

.news-detail::-webkit-scrollbar-corner {
	background: none;
}

.news-detail::-webkit-scrollbar-track {
	background: transparent;
}

.news-detail::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.2rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.news-detail::-webkit-scrollbar-thumb:hover {
	background: #fff;
}

.swiper-prev {
	left: 0;
}

.swiper-next {
	right: 0;
}

.swiper-pagination-line {
	text-align: center;
	z-index: 40;
}

.swiper-pagination-line .swiper-pagination-bullet {
	width: 0.5rem;
	height: 0;
	opacity: 1;
	border-top: 1px solid #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin: 0 0.05rem !important;
}

.swiper-pagination-line .swiper-pagination-bullet-active {
	border-color: #d61521;
}

.swiper-pagination-common .swiper-pagination-bullet {
	margin: 0 0.06rem !important;
}

.swiper-pagination-dot {
	text-align: center;
	z-index: 40;
}

.swiper-pagination-dot .swiper-pagination-bullet {
	width: 8PX;
	height: 8PX;
	opacity: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 0.2rem;
	background: none;
	margin: 0 0.03rem;
}

.swiper-scrollbar-line {
	border-radius: 0;
	position: relative;
	-ms-touch-action: none;
}

.swiper-scrollbar-line {
	z-index: 50;
	height: 14PX;
	font-size: 0;
	width: 4rem;
	line-height: 0;
	position: relative;
	line-height: 14PX;
	cursor: -webkit-grab;
	cursor: grab;
}

.swiper-scrollbar-line:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 2PX;
	background-color: #e2e2e2;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.swiper-scrollbar-line .swiper-scrollbar-drag {
	height: 100%;
	height: 2PX;
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #3f3f3f;
	height: 2PX;
	border-radius: 0;
	z-index: 10;
	left: 0;
	top: 0;
}

.swiper-circle-big {
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
}

.swiper-circle-small {
	width: 0.45rem;
	height: 0.45rem;
	line-height: 0.45rem;
}

.swiper-circle-small i {
	font-size: 16px;
}

.swiper-circle-arrow {
	text-align: center;
	z-index: 60;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	display: inline-block;
	background-color: #fff;
}

.swiper-circle-arrow:hover {
	background-color: #d61521;
}

.swiper-circle-arrow:hover i {
	color: #fff;
}

.swiper-circle-arrow i {
	color: #3c3c3c;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.swiper-case-detail .swiper-circle-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.swiper-case-detail .swiper-circle-prev {
	left: 0.2rem;
}

.swiper-case-detail .swiper-circle-next {
	right: 0.2rem;
}

.year-box .swiper-circle-arrow {
	background-color: #999;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	top: 0;
}

.year-box .swiper-circle-arrow:hover {
	background-color: #d61521;
}

.year-box .swiper-circle-arrow:hover i {
	color: #fff;
}

.year-box .swiper-circle-arrow i {
	color: #fff;
	font-weight: bold;
}

#banner-prev {
	left: 0.15rem;
}

#banner-next {
	right: 0.15rem;
}

.swiper-history-arrow {
	position: absolute;
	top: 0.1rem;
	text-align: center;
	z-index: 60;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	line-height: 1;
	color: #d61521;
}

.swiper-history-arrow:hover {
	color: #d61521;
}

.swiper-history-arrow i {
	font-size: 22px;
}

.swiper-history-prev {
	left: 0;
}

.swiper-history-next {
	right: 0;
}

.t1 {
	line-height: 1;
	position: relative;
}

.t1:after {
	content: '';
	position: absolute;
	left: 0;
	top: -0.1rem;
	bottom: 0;
	height: 1.04rem;
	width: 1.22rem;
	background: url("https://www.lusterinc.com/wp-content/uploads/images/tit-bg.png") no-repeat 50%;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
	background-size: 100% 100%;
}

.t1 h2 {
	font-size: 52px;
	font-weight: bold;
}

.t1 h6 {
	font-size: 18px;
	color: #9d9d9d;
	margin-bottom: 0.06rem;
}

.t1-black:after {
	background: url("https://www.lusterinc.com/wp-content/uploads/images/tit-bg2.png") no-repeat 50%;
}

.t1-black h2 {
	color: #323232;
}

h3.t2 {
	font-size: 36px;
}

font-size var(--fz48) {
	font-size: 36px;
}

h3.t3 {
	font-size: 36px;
}

.i-row2 .t1 {
	margin-bottom: 0.8rem;
}

.i-row2 .t3 {
	margin-bottom: 0.2rem;
}

.toast {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
	text-align: center;
	background: #d61521;
	color: #fff;
	padding: 0.1rem 0.4rem;
	border-radius: 0.06rem;
	min-width: 1.2rem;
	z-index: 500000;
	font-size: 16px;
}

.bg-video-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

@font-face {
	font-family: 'OPPOSans-Regular';
	src: url("../fonts/OPPOSans-Regular.eot");
	src: url("../fonts/OPPOSans-Regular.eot?#font-spider") format('embedded-opentype'), url("../fonts/OPPOSans-Regular.woff") format('woff'), url("../fonts/OPPOSans-Regular.ttf") format('truetype'), url("../fonts/OPPOSans-Regular.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: OPPOSans-Regular;
}

#fd {
	position: relative;
	clear: both;
	padding-top: 1rem;
	background-color: #000;
}

.fd-info {
	padding-bottom: 0.7rem;
}

.fd-info .wp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.fd-l {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 7rem;
	    -ms-flex: 0 1 7rem;
	        flex: 0 1 7rem;
}

.fd-r {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.fd-link a,
.fd-copy a,
.fd-social a {
	opacity: 0.75;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.fd-link a:hover,
.fd-copy a:hover,
.fd-social a:hover {
	color: #fff;
	opacity: 1;
}

.fd-link a {
	display: block;
}

.fd-link dt {
	margin-bottom: 0.3rem;
	font-size: 20px;
}

.fd-link dt a {
	opacity: 1 !important;
}

.fd-link dt a:hover {
	color: #d61521;
}

.fd-link dd {
	line-height: 1.6;
}

.fd-link dd a {
	font-size: 18px;
	margin-bottom: 0.06rem;
}

.fd-logo {
	margin-bottom: 0.36rem;
}

.fd-logo img {
	height: 0.25rem;
}

.fd-logo h4 {
	font-size: 21px;
	margin-top: 0.1rem;
}

.fd-contact {
	line-height: 1.7;
}

.fd-contact h5 {
	font-weight: bold;
	font-size: 24px;
	color: #d61521;
}

.fd-contact h5  a{
	color: #d61521;
}
.fd-contact p {
	opacity: 0.75;
}

.fd-contact a {
	opacity: 0.75;
}

.fd-social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.16rem;
}

.fd-social a {
	opacity: 0.7;
	margin-right: 0.2rem;
}

.fd-social a:hover {
	opacity: 1;
}

.fd-social i {
	font-size: 21px;
}

.fd-copy {
	font-size: 18px;
	background-color: #373737;
	padding: 0.5rem 0;
}

.fd-copy p {
	color: #fff;
	opacity: 0.75;
}

.fd-copy a {
	color: #fff;
	opacity: 1;
}

.fd-copy a span,
.fd-copy a a {
	margin-right: 0.2rem;
}

.fd-social a {
	position: relative;
}

.fd-social a:hover .qr-pop {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-100%);
	        transform: translateX(-50%) translateY(-100%);
	z-index: 10;
	visibility: visible;
}

.qr-pop {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-90%);
	        transform: translateX(-50%) translateY(-90%);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 0;
	line-height: 0;
	z-index: -1;
	visibility: hidden;
}

.qr-pop img {
	max-width: 1.5rem;
	width: 1.5rem;
	margin-bottom: 0.1rem;
}

#hd {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 500;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#hd .wp {
	height: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.nav {
	margin-left: auto;
}

.nav > li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 0.8rem;
	height: 100%;
	position: relative;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.nav > li a {
	font-size: 21px;
}

.nav > li a:hover {
	color: #fff;
}

.nav > li > a {
	color: #fff;
}

#hd.black-hd .nav > li > a {
	color: #000;
}

.hd-r {
	text-align: right;
	z-index: 50;
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.hd-r i {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.nav-r {
	height: 100%;
}

.nav-r .nav {
	height: 100%;
}

.hd-tel {
	font-size: 24px;
	margin-left: 0.3rem;
	padding-left: 0.3rem;
	position: relative;
}

.hd-tel span {
	margin-left: 0.1rem;
	font-weight: bold;
}

.hd-tel i {
	font-size: 26px;
}

.hd-tel:after {
	content: '';
	position: absolute;
	top: 0.06rem;
	bottom: 0.06rem;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	left: 0;
}

.hd-l,
.hd-r {
	position: relative;
	z-index: 10;
}

.logo {
	line-height: 1;
	position: relativefd-logo;
}

.logo img {
	height: 0.27rem;
	vertical-align: inherit;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#hd	.nav .current {
	opacity: 1;
	color: #d61521;
}

.m-footer-lan {
	margin: 0 auto;
	width: 3rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	border: 1px solid #fff;
	height: 0.82rem;
	line-height: 0.8rem;
	border-radius: 0.5rem;
	position: relative;
}

.m-footer-lan .icon-earth {
	font-size: 15px;
	margin-right: 0.14rem;
}

.m-footer-lan .bd {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 0.2rem;
	-webkit-backdrop-filter: blur(0.16rem);
	        backdrop-filter: blur(0.16rem);
	bottom: 100%;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.m-footer-lan .bd a {
	display: block;
	line-height: 2.3;
}

.m-footer-lan .icon-up {
	font-size: 12px;
}

.m-footer-lan .hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.show-m-lan .bd {
	opacity: 1;
	z-index: 1;
	visibility: visible;
}

.body-show-m-menu .m_header:after {
	opacity: 1;
}

.m-hd.m_header:after {
	opacity: 1;
}

.m_header {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 100;
	height: 1.2rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	padding: 0 0.4rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.m_header:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	-webkit-backdrop-filter: blur(0.15rem);
	        backdrop-filter: blur(0.15rem);
	background: rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.m_header .m_logo,
.m_header .m_nav_r {
	position: relative;
	z-index: 10;
}

.m_nav_r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.m_header .m-search-ico {
	text-align: center;
	font-size: 20px;
}

.m_header .change-lan {
	width: 0.66rem;
	line-height: 0.6rem;
	background: none;
}

.m_header .change-lan a {
	width: auto;
	line-height: inherit;
}

.m_header .change-lan a:hover {
	background: none;
	color: #000;
}

.m_logo img {
	height: 0.3rem;
	vertical-align: middle;
}

.m_logo .logo-blue {
	display: none;
}

.m_nav_btn {
	margin-left: auto;
}

.m_nav_btn .icon-search {
	color: #333;
	padding-right: 0.15rem;
	margin-right: 0.15rem;
	margin-left: 0;
	font-size: 15px;
}

.nav_toggle {
	height: 100%;
	text-align: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: 0.4rem;
}

.nav_toggle .iconfont {
	font-size: 20px;
	color: #fff;
}

.body-show-m-menu .nav_toggle .iconfont:before {
	content: '\e6cb';
}

#m-nav {
	position: fixed;
	top: 1.2rem;
	right: 0;
	overflow-y: auto;
	bottom: 0;
	z-index: 0;
	-webkit-backdrop-filter: blur(0.15rem);
	        backdrop-filter: blur(0.15rem);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	width: 70%;
	opacity: 0;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	z-index: 90;
	background-color: rgba(0, 0, 0, 0.15);
}

#m-nav .icon-close {
	font-size: 30px;
}

#m-nav.pm_open {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}

.close_m_nav {
	text-align: right;
	position: absolute;
	right: 0.9rem;
	top: 0.3rem;
}

.close_m_nav i {
	font-size: 30px;
}

.pm_overlay {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index: 80;
	left: 0;
	top: 0;
	-webkit-animation: fadeOut 0.5s both ease;
	        animation: fadeOut 0.5s both ease;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.pm_overlay.pm_show {
	display: block;
	-webkit-animation: fadeIn 0.3s both ease;
	        animation: fadeIn 0.3s both ease;
}

.pm_overlay.pm_hide {
	display: none;
}

.m-nav-list {
	width: 100%;
}

.m-nav-list li > a {
	display: block;
	color: #fff;
	font-size: 18px;
	position: relative;
	opacity: 0.7;
}

.m-nav-list .iconfont {
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.2rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	font-size: 14px;
}

.m-nav-list > li > a {
	line-height: 1rem;
}

.m-nav-list .on {
	color: #fff;
	opacity: 1;
}

.m-nav-list .on .iconfont {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.m_nav .sub-menu {
	display: none;
	overflow: hidden;
	padding-left: 0.4rem;
	padding-bottom: 0;
}

.m_nav .sub-menu li {
	margin-bottom: 0.46rem;
	margin-top: 0.46rem;
}

.m_nav .sub-menu li:first-child {
	margin-top: 0.3rem;
}

.m_nav .sub-menu a {
	font-size: 14px;
	color: #fff;
	display: block;
	padding-left: 0;
	padding-right: 0;
}

.m_nav .cell {
	padding-left: 0.5rem;
	padding-right: 0.3rem;
	padding-top: 0.36rem;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.m-lan {
	margin-top: auto;
	padding-bottom: 0.54rem;
}

.m-lan a {
	opacity: 0.7;
	font-size: 14px;
	margin: 0 0.1rem;
	vertical-align: middle;
	color: #fff;
}

.m-lan a:hover {
	opacity: 1;
}

.m-lan .on {
	opacity: 1;
}

.m-lan i {
	vertical-align: middle;
	font-size: 18px;
}

.white-m-hd {
	background-color: #fff;
}

.white-m-hd .m_logo .logo-white {
	display: none;
}

.white-m-hd .m_logo .logo-blue {
	display: block;
}

.white-m-hd .nav_toggle .iconfont {
	color: #000;
}

.white-m-hd .icon-m-search {
	color: #000;
}

.white-m-hd:after {
	display: none;
}

.m-third-nav {
	display: none;
	padding-left: 0.4rem;
	overflow: hidden;
}

.m-third-nav a {
	opacity: 0.7;
	margin-top: 0.46rem;
	margin-bottom: 0.46rem;
}

.m-third-nav a:last-child {
	margin-bottom: 0;
}

.wp {
	width: 100%;
	max-width: 16.8rem;
	margin: 0 auto;
}

.wp-md {
	width: 100%;
	max-width: 12rem;
	margin: 0 auto;
}

.fp-overflow {
	max-height: initial;
}

.section,
.i-row {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.i-row1,
.section1 .fp-overflow {
	height: 100%;
}

.banner {
	height: 100%;
}

.ban-con {
	z-index: 10;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	z-index: 10;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: center;
}

.ban-con h3 {
	line-height: 1.1;
	color: #fff;
	margin-top: 0.12rem;
	font-size: 60px;
}

.ban-con img {
	height: 0.5rem;
}

.section2 .fp-overflow {
	margin-top: -9%;
}

.i-row2 .con {
	width: 5.7rem;
}

.swiper-advantage .con {
	width: 5.7rem;
}

.section2 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/bg-row1.jpg");
}

.section1 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/banner.jpg");
}

.section3 .fp-overflow {
	height: 100%;
	padding-top: 2rem;
	position: relative;
}

.swiper-advantage {
	margin-top: 1.4rem;
}

.swiper-advantage .t2 {
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.i-row3 {
	height: 100%;
	position: relative;
}

.swiper-advantage-nav {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.swiper-advantage-nav .item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
	text-align: center;
	height: 1.2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.swiper-advantage-nav h4 {
	font-size: 30px;
	margin-bottom: 0.06rem;
	opacity: 0.6;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.swiper-advantage-nav .on {
	height: 1.5rem;
	background-color: #d70e19;
}

.swiper-advantage-nav .on h4 {
	opacity: 1;
	font-size: 36px;
}

.swiper-advantage-nav .on .bar {
	display: block;
}

.swiper-advantage-nav .on .bar em {
	-webkit-animation: 4.5s grow forwards;
	        animation: 4.5s grow forwards;
}

.swiper-advantage-nav .bar {
	width: 40%;
	height: 0.04rem;
	border-radius: 0.1rem;
	background-color: rgba(255, 255, 255, 0.38);
	margin: 0 auto;
	position: relative;
	display: none;
	overflow: hidden;
}

.swiper-advantage-nav .bar em {
	position: absolute;
	left: 0;
	height: 100%;
	background-color: #fff;
	width: 0;
}

.section4 {
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/bg-s4.jpg");
}

.i-row4 {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.i-row4 .t1 {
	margin-bottom: 0.4rem;
}

.i-row4 .text * {
	font-size: 16px !important;
}

.i-row4 .text p {
	font-size: 16px !important;
}

.application-field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0 0 0.14rem 0.04rem rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 0.14rem 0.04rem rgba(0, 0, 0, 0.1);
}

.swiper-app {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 5.7rem;
	    -ms-flex: 0 1 5.7rem;
	        flex: 0 1 5.7rem;
}

.app-con {
	background-color: #fff;
	padding: 0.9rem 0.4rem 0.6rem 0.6rem;
	height: 100%;
}

.app-con .text {
	color: #646464;
}

.app-con .hd {
	margin-bottom: 0.26rem;
	font-weight: bold;
}

.app-con .hd p {
	color: #323232;
	font-size: 18px;
}

.app-con .hd .t3 {
	color: #323232;
	font-weight: bold;
}

.app-con .ico {
	font-size: 52px;
	color: #d61521;
	font-weight: normal;
	line-height: 1;
}

.app-list {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	overflow: hidden;
}

.application-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
	z-index: 10;
}

.application-list .item {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 20%;
	    -ms-flex: 0 1 20%;
	        flex: 0 1 20%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	cursor: pointer;
}

.application-list .item:last-child {
	border: none;
}

.application-list p {
	font-size: 24px;
}

.application-list .pad {
	opacity: 0.5;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.application-list .show .pad {
	opacity: 1;
}

.application-list .ico {
	font-size: 55px;
}

.application-bg {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	top: 0;
}

.application-bg .img {
	opacity: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.application-bg .img:first-child {
	opacity: 1;
}

.application-bg .show {
	opacity: 1;
}

.i-row5 {
	padding: 1.2rem 0 1rem 0;
}

.i-row5 .hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-bottom: 0.6rem;
}

.case-cat {
	margin-left: auto;
}

.case-cat a {
	margin-left: 0.5rem;
	font-size: 21px;
	color: #323232;
	border-bottom: 2px solid transparent;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.case-cat a:hover {
	color: #d61521;
}

.case-cat .on {
	font-weight: bold;
	color: #d61521;
	border-bottom: 2px solid #d61521;
}

.i-row5 {
	background-color: #fff;
}

.swiper-case .swiper-slide {
	width: 6.4rem;
	height: 4.5rem;
}

.swiper-case .img {
	height: 100%;
	border-radius: 0.1rem;
	position: relative;
	display: block;
}

.swiper-case .img:after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	position: absolute;
	height: 30%;
	width: 100%;
	left: 0;
	bottom: 0;
	content: '';
}

.swiper-case p {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 0.32rem 0.38rem;
	font-size: 18px;
	z-index: 10;
}

.scrollbar-wp {
	margin-top: 0.4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.scrollbar-wp .swiper-scrollbar-line {
	vertical-align: middle;
	margin-left: 0.08rem;
}

.scrollbar-wp a {
	color: #3f3f3f;
	margin: 0 0.03rem;
	vertical-align: middle;
}

.scrollbar-wp a:hover {
	color: #d61521;
}

.i-row6 {
	background-color: #131313;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}

.i-row7 {
	background-color: #131313;
	padding-bottom: 0.8rem;
	padding-bottom: 1.4rem;
	padding-top: 0.5rem;
}

.hardware-box table {
	width: 100%;
	font-size: 18px;
	table-layout: fixed;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.hardware-box .bor {
	border-top: 2px solid rgba(255, 255, 255, 0.3);
}

.hardware-box tr {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.hardware-box td,
.hardware-box th {
	padding: 0.2rem 0;
}

.hardware-box th {
	padding-left: 0.5rem;
}

.hardware-box tr.first-child {
	border: none;
	font-size: 24px;
}

.hardware-box tr.first-child td {
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
	padding-top: 0;
}

.hardware-box tr.first-child th {
	padding-bottom: 0;
}

.hardware-box tr.first-child h4 {
	padding-top: 0.4rem;
}

.hardware-box tr.first-child img {
	position: relative;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	margin-left: 0.61rem;
	width: 4.4rem;
}

.hardware-box .s1 {
	width: 2.64rem;
}

.hardware-box .s2 {
	width: 5rem;
}

.soft-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.soft-img .item {
	text-align: center;
	font-size: 24px;
	padding: 0 0.25rem;
}

.soft-img .item p {
	padding-top: 0.26rem;
	padding-bottom: 0.4rem;
}

.soft-img .item img {
	width: 4.9rem;
}

.i-row6 .t1 {
	margin-bottom: -0.2rem;
}

.i-row7 .t1 {
	margin-bottom: -0.3rem;
}

.list-feature {
	margin: 0 -0.09rem;
	padding-top: 0.06rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
}

.list-feature li {
	padding: 0.09rem;
}

.list-feature .pad {
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 0.06rem;
	padding: 0.2rem 0.5rem 0.3rem 0.5rem;
	font-size: 18px;
	text-align: center;
	height: 100%;
}

.list-feature em {
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	text-align: center;
	width: 0.38rem;
	height: 0.38rem;
	display: block;
	margin: 0 auto;
	line-height: 0.36rem;
	text-align: center;
}

.list-feature p {
	margin-top: 0.1rem;
	color: #e4e4e4;
}

.list-feature li:last-child .pad {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.more-dot b {
	display: inline-block;
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	margin: 0 0.01rem;
}

.more-dot .s1 {
	background-color: rgba(255, 255, 255, 0.2);
}

.more-dot .s2 {
	background-color: rgba(255, 255, 255, 0.09);
}

.more-dot .s3 {
	background-color: rgba(255, 255, 255, 0.06);
}

.i-row8 {
	padding-top: 0.8rem;
	padding-bottom: 1.3rem;
	background-image: url("https://www.lusterinc.com/wp-content/uploads/images/bg-row8.jpg");
}

.i-row8 .t1 {
	margin-bottom: 0.65rem;
}

.fr-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -0.1rem;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.fr-link li {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 20%;
	    -ms-flex: 0 1 20%;
	        flex: 0 1 20%;
	padding: 0 0.1rem;
	margin-bottom: 0.2rem;
}

.fr-link li:hover .pad {
	border-color: #d70e19;
}

.fr-link .pad {
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	padding: 0.14rem;
	text-align: center;
	border-radius: 0.06rem;
}

.fr-link a {
	height: 1rem;
	line-height: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.fr-link a:hover img {
	width: 2.56rem;
}

.fr-link a:hover em {
	opacity: 1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.fr-link img {
	vertical-align: middle;
	width: 2.66rem;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.fr-link em {
	border-radius: 50%;
	background-color: #d61521;
	color: #fff;
	font-size: 12px;
	height: 0.3rem;
	line-height: 0.3rem;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 0.3rem;
	    -ms-flex: 0 0 0.3rem;
	        flex: 0 0 0.3rem;
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.news-detail {
	height: 100%;
	overflow: auto;
	padding-right: 0.4rem;
}

.news-detail .text {
	color: #646464;
}

.news-detail .text p {
	margin-bottom: 0.4rem;
}

.news-detail .text p.tc {
	margin-bottom: 0;
}

.news-detail .hd {
	margin-bottom: 0.28rem;
}

.news-detail .hd h1 {
	font-size: 36px;
	line-height: 1.4;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.section3 {
	position: relative;
}

.i-row3 {
	position: relative;
	z-index: 10;
}

.swiper-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0.8;
}

.swiper-bg .swiper-wrapper,
.swiper-bg .swiper-slide,
.swiper-bg .img {
	height: 100%;
}

.section2 .fp-overflow {
	-webkit-transform: translateY(-20%);
	        transform: translateY(-20%);
}

@media screen and (max-width: 1800px) {
	.nav > li {
		margin-left: 0.5rem;
	}
	.wp {
		width: 90%;
	}
	html {
		font-size: 88px;
	}
}

@media screen and (max-width: 1700px) {
	body {
		font-size: 16px;
	}
	.text {
		font-size: 16px !important;
	}
	.text * {
		font-size: 16px !important;
	}
	.text-big {
		font-size: 16px !important;
	}
	.text-big * {
		font-size: 16px !important;
	}
	label.required:after {
		font-size: 16px;
	}
	.t1 h2 {
		font-size: 50px;
	}
	.t1 h6 {
		font-size: 16px;
	}
	h3.t2 {
		font-size: 34px;
	}
	font-size var(--fz48) {
		font-size: 34px;
	}
	h3.t3 {
		font-size: 34px;
	}
	.fd-link dd a {
		font-size: 16px;
	}
	.fd-copy {
		font-size: 16px;
	}
	.close_m_nav i {
		font-size: 28px;
	}
	.ban-con h3 {
		font-size: 55px;
	}
	.swiper-advantage-nav h4 {
		font-size: 28px;
	}
	.swiper-advantage-nav .on h4 {
		font-size: 34px;
	}
	.app-con .hd p {
		font-size: 16px;
	}
	.swiper-case p {
		font-size: 16px;
	}
	.hardware-box table {
		font-size: 16px;
	}
	.list-feature .pad {
		font-size: 16px;
	}
	.news-detail .hd h1 {
		font-size: 34px;
	}
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 78px;
	}
}

@media screen and (max-width: 1440px) {
	body {
		font-size: 14px;
	}
	.text {
		font-size: 14px !important;
	}
	.text * {
		font-size: 14px !important;
	}
	.text-big {
		font-size: 14px !important;
	}
	.text-big * {
		font-size: 14px !important;
	}
	label.required:after {
		font-size: 14px;
	}
	a.close-modal:after {
		font-size: 30px;
	}
	.page a,
	.page span {
		min-width: 0.5rem;
		height: 0.5rem;
		line-height: 0.5rem;
	}

	.page .go-page,
	.page input {
		height: 0.5rem;
		line-height: 0.48rem;
	}

	.page input {
		width: 0.9rem;
	}
	.swiper-pagination-common .swiper-pagination-bullet {
		width: 9PX;
		height: 9PX;
	}
	.t1 h2 {
		font-size: 40px;
	}
	.t1 h6 {
		font-size: 14px;
	}
	h3.t2 {
		font-size: 28px;
	}
	font-size var(--fz48) {
		font-size: 28px;
	}
	h3.t3 {
		font-size: 28px;
	}
	.fd-link dt {
		font-size: 18px;
	}
	.fd-link dd a {
		font-size: 14px;
	}
	.fd-logo h4 {
		font-size: 18px;
	}
	.fd-contact h5 {
		font-size: 20px;
	}
	.fd-social i {
		font-size: 18px;
	}
	.fd-copy {
		font-size: 14px;
	}
	.nav > li {
		margin-left: 0.4rem;
	}
	.nav > li a {
		font-size: 18px;
	}
	.hd-tel {
		font-size: 20px;
	}
	.hd-tel i {
		font-size: 22px;
	}
	.close_m_nav i {
		font-size: 24px;
	}
	.wp {
		width: 90%;
		max-width: initial;
	}
	.ban-con h3 {
		font-size: 50px;
	}
	.swiper-advantage-nav h4 {
		font-size: 24px;
	}
	.swiper-advantage-nav .on h4 {
		font-size: 28px;
	}
	.app-con .hd p {
		font-size: 14px;
	}
	.app-con .ico {
		font-size: 40px;
	}
	.application-list p {
		font-size: 20px;
	}
	.application-list .ico {
		font-size: 44px;
	}
	.case-cat a {
		font-size: 18px;
	}
	.swiper-case p {
		font-size: 14px;
	}
	.hardware-box table {
		font-size: 14px;
	}
	.hardware-box tr.first-child {
		font-size: 20px;
	}
	.soft-img .item {
		font-size: 20px;
	}
	.list-feature .pad {
		font-size: 14px;
	}
	.news-detail .hd h1 {
		font-size: 28px;
	}
	html {
		font-size: 64px;
	}
}

@media screen and (max-width: 1300px) {
	.fd-link dt {
		font-size: 16px;
	}
	.fd-logo h4 {
		font-size: 16px;
	}
	.nav > li a {
		font-size: 14px;
	}
	.app-con .ico {
		font-size: 40px;
	}
	.application-list .ico {
		font-size: 40px;
	}
	.case-cat a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.section1 .fp-overflow,
	.section2 .fp-overflow,
	.section3 .i-row3 {
		-webkit-transition: 0.4s;
		transition: 0.4s;
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	.modal {
		width: 90%;
	}
	.page {
		margin-top: 0.6rem;
	}

	.page a,
	.page span {
		min-width: 0.7rem;
		height: 0.7rem;
		line-height: 0.7rem;
	}

	.page-left .page {
		text-align: center;
	}

	.page em {
		display: none;
	}

	.ant-pagination-custom .pagination-count {
		display: none;
	}

	.quick-jumper {
		display: none;
	}

	.go-page {
		display: none !important;
	}
	#banner-prev {
		display: none;
	}
	#banner-next {
		display: none;
	}
	.t1 h2 {
		font-size: 32px;
	}
	h3.t2 {
		font-size: 22px;
	}
	font-size var(--fz48) {
		font-size: 22px;
	}
	h3.t3 {
		font-size: 22px;
	}
	.fd-contact h5 {
		font-size: 16px;
	}
	#fd .fd-copy .wp {
		display: block;
	}

	.fd-copy .wp {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
	}

	.fd-social {
		margin-top: 0.24rem;
	}

	.fd-social a {
		margin-right: 0.3rem;
	}

	.fd-r {
		padding-bottom: 0.7rem;
	}

	.fd-info .wp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.fd-l {
		padding-bottom: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 auto;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.fd-r {
		display: block;
	}

	.fd-link {
		border-top: 1px solid rgba(255, 255, 255, 0.35);
	}

	.fd-link:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	}

	.fd-link:nth-child(4) dt:after,
	.fd-link:nth-child(3) dt:after {
		display: none;
	}

	.fd-link dd {
		display: none;
		padding: 0 2em;
	}

	.fd-link dd a:last-child {
		padding-bottom: 0.2rem;
	}

	.fd-link dd a {
		margin-bottom: 0.1rem;
	}

	.fd-link dt a {
		display: block;
	}

	.fd-link dt {
		margin-bottom: 0;
		position: relative;
		height: 0.8rem;
		line-height: 0.8rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 14px;
	}

	.fd-link dt:after {
		font-family: 'iconfont';
		content: "\e6006";
		vertical-align: middle;
		margin: 0 0.08rem;
		font-size: 16px;
		vertical-align: middle;
		font-weight: normal;
		line-height: 1;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		color: #fff;
	}

	@media screen and (max-width: 760px) {
		.fd-link dt:after {
			font-size: 14px;
		}
	}

	.fd-link dt.on:after {
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.hd-tel {
		font-size: 16px;
	}
	.hd-tel i {
		font-size: 16px;
	}
	.close_m_nav i {
		font-size: 18px;
	}
	.wp {
		width: 90%;
	}
	.wp-md {
		width: 100%;
		max-width: initial;
	}
	.ban-con h3 {
		font-size: 40px;
	}
	.swiper-advantage-nav h4 {
		font-size: 18px;
	}
	.swiper-advantage-nav .on h4 {
		font-size: 22px;
	}
	.application-list p {
		font-size: 16px;
	}
	.application-list .ico {
		font-size: 30px;
	}
	.hardware-box tr.first-child {
		font-size: 16px;
	}
	.soft-img .item {
		font-size: 16px;
	}
	.news-detail .hd h1 {
		font-size: 22px;
	}
	.section2 .fp-overflow {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	.i-row2 .con {
		width: 7rem;
	}

	.nav > li {
		margin-left: 0.3rem;
	}

	.banner {
		height: 50vh;
	}

	.i-row4,
	.i-row2 {
		padding-top: 14%;
		padding-bottom: 14%;
	}

	.section3 .fp-overflow {
		padding-top: 14%;
	}

	.i-row3 {
		height: 8rem;
		padding-top: 0;
	}
	html {
		font-size: 50px;
	}
}

@media screen and (max-width: 1000px) {
	.form-ele {
		height: 0.7rem;
		line-height: 0.7rem;
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}

	.form-box label {
		line-height: 0.7rem;
		padding-left: 0.3rem;
	}

	.row-code .code {
		height: 0.7rem;
	}
	.swiper-pagination-dot .swiper-pagination-bullet {
		margin: 0 0.06rem;
	}
	.i-row5 {
		padding-bottom: 0.8rem;
	}

	.fd-copy {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		font-size: 12px;
	}

	.app-con .hd .t3 {
		margin-top: 0.2rem;
	}
	.section2 {
		padding-top: 1.5rem;
		padding-bottom: 2.9rem;
	}

	.t1 h6 {
		font-size: 13px;
	}

	.case-cat a {
		margin-left: 0.3rem;
	}

	.i-row6 .t1,
	.i-row7 .t1 {
		margin-bottom: 0.5rem;
	}

	.list-feature em {
		width: 0.46rem;
		height: 0.46rem;
		line-height: 0.44rem;
		font-size: 12px;
	}

	.hardware-box .s1 {
		width: 4rem;
	}

	.application-field {
		display: block;
	}

	.application-list {
		height: auto;
	}

	.application-list .item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		border-right: none;
		padding: 0.5rem 0;
	}

	.swiper-app {
		background-color: #fff;
	}

	.i-row4 {
		padding-bottom: 0.5rem;
	}
}

@media screen and (max-width: 760px) {
	body {
		font-size: 14px;
	}
	.m-show {
		display: block;
	}

	.m-hide {
		display: none;
	}
	.form-ele {
		height: 0.8rem;
		line-height: 0.8rem;
	}

	.form-box label {
		line-height: 0.8rem;
		font-size: 13px;
	}

	.row-code .code {
		height: 0.8rem;
	}

	.form-box .inp-row {
		display: block;
	}

	.form-box > li {
		margin-bottom: 0;
	}

	.form-box .inp-col {
		margin-bottom: 0.3rem;
	}

	.form-box .msg-box textarea {
		height: 3.6rem;
	}

	.contact-form-row .txt {
		margin-bottom: 0.7rem;
	}

	.form-box .inp-submit {
		margin-top: 0.5rem;
	}
	.cat-nav {
		display: block;
	}
	a.close-modal:after {
		font-size: 24px;
	}
	.modal {
		padding-left: 0.4rem;
		padding-top: 1rem;
		height: auto;
		height: auto;
	}
	.swiper-pagination-circle .swiper-pagination-bullet {
		width: 7PX !important;
		height: 7PX !important;
		margin-left: 0.09rem !important;
		margin-right: 0.09rem !important;
	}

	.swiper-pagination-solid .swiper-pagination-bullet {
		border: none !important;
		background-color: #fff !important;
	}

	.swiper-pagination-solid .swiper-pagination-bullet-active {
		background-color: #d61521 !important;
	}

	.swiper-container-horizontal .swiper-scrollbar {
		margin-top: 0.8rem;
		position: static;
		width: 3rem;
		margin-left: auto;
		margin-right: auto;
		height: 2PX;
	}

	.swiper-scrollbar-line {
		width: 2rem;
	}
	.swiper-circle-arrow {
		width: 0.7rem;
		height: 0.7rem;
		line-height: 0.7rem;
	}

	.swiper-case-outer .swiper-scrollbar-line {
		width: 2rem;
	}
	.t1 h2 {
		font-size: 26px;
	}
	h3.t2 {
		font-size: 18px;
	}
	font-size var(--fz48) {
		font-size: 18px;
	}
	h3.t3 {
		font-size: 18px;
	}
	.fd-contact h5 {
		font-size: 14px;
	}
		.fd-link dt:after {
			font-size: 14px;
		}
	.hd-tel {
		font-size: 14px;
	}
	.nav-r {
		display: none;
	}

	.hd-tel:after {
		display: none;
	}
	.wp {
		width: auto;
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
	.wp-offset {
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
	.ban-con h3 {
		font-size: 30px;
	}
	.swiper-advantage-nav .on h4 {
		font-size: 18px;
	}
	.i-row4 .text * {
		font-size: 14px !important;
	}

	.i-row4 .text p {
		font-size: 14px !important;
	}
	.application-list p {
		font-size: 14px;
	}
	.hardware-box tr.first-child {
		font-size: 14px;
	}
	.soft-img .item {
		font-size: 14px;
	}
	.fr-link em {
		display: none;
	}
	.news-detail .hd h1 {
		font-size: 18px;
	}
	.scrollbar-wp a {
		display: none;
	}

	.t1 h6 {
		font-size: 12px;
	}

	.i-row2 {
		padding-bottom: 2.5rem;
		padding-top: 0;
	}

	.section2 .fp-overflow {
		margin-top: 0;
	}

	.swiper-advantage-nav em {
		display: block;
	}

	.swiper-advantage-nav h4 {
		font-size: 14px;
	}

	.swiper-advantage-nav span {
		display: none;
	}

	.swiper-advantage .con {
		width: auto;
	}

	.i-row2 .con {
		width: auto;
	}

	.i-row5 .hd {
		display: block;
	}

	.case-cat {
		white-space: nowrap;
		overflow-x: auto;
		padding-bottom: 0.2rem;
		margin-top: 0.3rem;
	}

	.case-cat a {
		margin-left: 0;
		margin-right: 0.4rem;
		margin-bottom: 0.1rem;
	}

	.case-cat a:last-child {
		margin-right: 0.4rem;
	}

	.scrollbar-wp .swiper-scrollbar-line {
		margin-left: auto;
		margin-right: auto;
	}

	.hardware-box td,
	.hardware-box th {
		font-size: 12px;
	}

	.hardware-box th {
		padding-left: 0.2rem;
	}

	.hardware-box .s1 {
		width: 2rem;
	}

	.hardware-box tr.first-child img {
		width: 2.2rem;
	}

	.hardware-box .s2 {
		width: 3rem;
	}

	.hardware-box {
		overflow: hidden;
	}

	.list-feature {
		grid-template-columns: repeat(2, 1fr);
	}

	.fr-link li {
		-webkit-box-flex: 0;
		-webkit-flex: 0 1 33.333%;
		    -ms-flex: 0 1 33.333%;
		        flex: 0 1 33.333%;
	}

	.list-feature .pad {
		font-size: 12px;
	}

	.i-row5 .hd {
		position: relative;
	}

	.case-cat:after {
		pointer-events: none;
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 1rem;
		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
	}
	html {
		font-size: 40px;
		font-size: 50px;
	}
}

@media screen and (max-height: 700px) {
	.swiper-advantage {
		margin-top: 1rem;
	}
}

@media screen and (max-width: 320px) {
	html {
		font-size: 40px;
	}
}