/*@font-face {
  font-family: "Century Gothic";
  src: url("../font/Century Gothic.woff2") format("woff2"),
       url("../font/Century Gothic.woff") format("woff"),
       url("../font/Century Gothic.ttf") format("truetype"),
       url("../font/Century Gothic.eot") format("embedded-opentype"),
       url("../font/Century Gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "din-bold_";
  src: url("../font/din-bold_.woff2") format("woff2"),
       url("../font/din-bold_.woff") format("woff"),
       url("../font/din-bold_.ttf") format("truetype"),
       url("../font/din-bold_.eot") format("embedded-opentype"),
       url("../font/din-bold_.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
	font-family: "Montserrat-Medium";
	src: url("../font/Montserrat-Medium.woff2") format("woff2"),
		url("../font/Montserrat-Medium.woff") format("woff"),
		url("../font/Montserrat-Medium.ttf") format("truetype"),
		url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
		url("../font/Montserrat-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "ttfont";
	src: url("../font/TTInterfaces-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "pffont";
	src: url("../font/PingFang Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.ttfont {
	font-family: "ttfont";
}

.motfont {
	font-family: "Montserrat-Medium";
}

.pffont {
	font-family: "pffont";
}

.century {
	font-family: "Century Gothic";
}

.din {
	font-family: "din-bold_";
}

:root {
	--font: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft JhengHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
	--transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	--color-blue: #273977;
	--color-wathet: #a02b2b;
	--color-yellow: #ffba48;
	--linear-gradient-line1: linear-gradient(0deg, #569BCB, #569BCB, #569BCB, #569BCB, #67bcf9, #67bcf9, #3E9ADA);
	--linear-gradient-blue: linear-gradient(135deg, #3F99DA, #7DC6FB);
	--linear-gradient-blue1: linear-gradient(90deg, #ABD4F2, #59AAE4);
	--linear-gradient-blue2: linear-gradient(90deg, #59AAE4, #ABD4F2);
	--linear-gradient-green: linear-gradient(90deg, #0aa86a, #50e478);
	--linear-gradient-white: linear-gradient(0deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
	--linear-gradient-shadow: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	--linear-gradient-shadow1: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
	display: block;
	padding: 0;
	margin: 0;
}

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

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

img {
	border: 0;
	display: inline-block;
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}

ul,
dl,
li,
dt,
dd {
	list-style: none;
}

body,
html {
	min-height: 100%;
}

body {
	font-size: 14px;
	color: #000;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	overflow-x: hidden;
	font-family: var(--font);
}

pre {
	font-family: inherit;
	white-space: pre-wrap;
	word-wrap: break-word;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*IE/7/6*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: inherit;
	font-family: inherit;
	display: block;
	width: 100%;
	border: none;
	border: 1px solid #eee;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	background: none;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

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

i,
em {
	font-style: normal;
}

.container {
	max-width: 1230px;
	margin: auto;
	position: relative;
	padding: 0 15px;
	width: 100%;
}

.container1400 {
	max-width: 1470px;
	margin: auto;
	position: relative;
	padding: 0 15px;
	width: 100%;
	z-index: 3;
}

/*浏览器滚动条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button:vertical,
::-webkit-scrollbar-button:horizontal {
	display: none
}

::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
	background-color: #555;
	border-radius: 1.5625vw
}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical,
::-webkit-scrollbar-corner:horizontal {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical,
::-webkit-scrollbar-resizer:horizontal {
	background-color: #FF6E00
}

/*config*/
.l-center {
	text-align: center;
}

.l-relative {
	position: relative;
}

.l-overflow {
	overflow: hidden;
}

.l-bold {
	font-weight: bold;
}

.l-imgs {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.l-right {
	float: right;
}

.l-lh18 {
	line-height: 18px;
}

.l-lh20 {
	line-height: 20px;
}

.l-lh22 {
	line-height: 22px;
}

.l-lh24 {
	line-height: 24px;
}

.l-lh26 {
	line-height: 26px;
}

.l-lh28 {
	line-height: 28px;
}

.l-lh30 {
	line-height: 30px;
}

.l-lh32 {
	line-height: 32px;
}

.l-lh34 {
	line-height: 34px;
}

.l-lh36 {
	line-height: 36px;
}

.l-lh38 {
	line-height: 38px;
}

.l-lh40 {
	line-height: 40px;
}

.l-font12 {
	font-size: 12px;
}

.l-font16 {
	font-size: 16px;
}

.l-font18 {
	font-size: 18px;
}

.l-font20 {
	font-size: 20px;
}

.l-font22 {
	font-size: 22px;
}

.l-font24 {
	font-size: 24px;
}

.l-font26 {
	font-size: 26px;
}

.l-font28 {
	font-size: 28px;
}

.l-font30 {
	font-size: 30px;
}

.l-font32 {
	font-size: 32px;
}

.l-font34 {
	font-size: 34px;
}

.l-font36 {
	font-size: 36px;
}

.l-font38 {
	font-size: 38px;
}

.l-font40 {
	font-size: 40px;
}

.l-font42 {
	font-size: 42px;
}

.l-font56 {
	font-size: 56px;
}

.l-font60 {
	font-size: 60px;
}

.l-font72 {
	font-size: 72px;
}

.l-font100 {
	font-size: 100px;
}

.l-opacity8 {
	opacity: .8;
}

.l-opacity7 {
	opacity: .7;
}

.l-opacity5 {
	opacity: .5;
}

/*栅格化*/
.l-flex,
.l-grid-2,
.l-grid-3,
.l-grid-4,
.l-grid-5,
.l-grid-6,
.l-grid-7,
.l-grid-8 {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.l-flex-column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.l-col-1,
.l-col-2,
.l-col-3,
.l-col-4,
.l-col-5,
.l-col-6,
.l-col-7,
.l-col-8,
.l-col-9,
.l-col-10,
.l-col-11,
.l-col-12,
.l-left,
.l-grid-2>*,
.l-grid-3>*,
.l-grid-4>*,
.l-grid-5>*,
.l-grid-6>* {
	float: left;
}

/*均分*/
.l-grid-2>* {
	width: 50%;
}

.l-grid-3>* {
	width: 33.333333333333336%;
}

.l-grid-4>* {
	width: 25%;
}

.l-grid-5>* {
	width: 20%;
}

.l-grid-6>* {
	width: 16.666666666666668%;
}

.l-grid-7>* {
	width: 14.285714285714286%;
}

.l-grid-8>* {
	width: 12.5%;
}

/*均分/非均分*/
.l-col-1 {
	width: 8.333333333333332%;
}

.l-col-2 {
	width: 16.666666666666664%;
}

.l-col-3 {
	width: 25%;
}

.l-col-4 {
	width: 33.333333333333336%;
}

.l-col-5 {
	width: 41.66666666666667%;
}

.l-col-6 {
	width: 50%;
}

.l-col-7 {
	width: 58.333333333333336%;
}

.l-col-8 {
	width: 66.66666666666666%;
}

.l-col-9 {
	width: 75%;
}

.l-col-10 {
	width: 83.33333333333334%;
}

.l-col-11 {
	width: 91.66666666666666%;
}

.l-col-12 {
	width: 100%;
}

/*间距*/
.l-space5 {
	margin-left: -5px;
}

.l-space5>* {
	padding-left: 5px;
}

.l-space10 {
	margin-left: -10px;
}

.l-space10>* {
	padding-left: 10px;
}

.l-space15 {
	margin-left: -15px;
}

.l-space15>* {
	padding-left: 15px;
}

.l-space20 {
	margin-left: -20px;
}

.l-space20>* {
	padding-left: 20px;
}

.l-space25 {
	margin-left: -25px;
}

.l-space25>* {
	padding-left: 25px;
}

.l-space30 {
	margin-left: -30px;
}

.l-space30>* {
	padding-left: 30px;
}

.l-space35 {
	margin-left: -35px;
}

.l-space35>* {
	padding-left: 35px;
}

.l-space40 {
	margin-left: -40px;
}

.l-space40>* {
	padding-left: 40px;
}

/*mt*/
.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}

.l-col-mt10>* {
	margin-top: 10px;
}

.l-col-mt15>* {
	margin-top: 15px;
}

.l-col-mt20>* {
	margin-top: 20px;
}

.l-col-mt25>* {
	margin-top: 25px;
}

.l-col-mt30>* {
	margin-top: 30px;
}

.l-col-mt35>* {
	margin-top: 35px;
}

.l-col-mt40>* {
	margin-top: 40px;
}

/*form*/
.l-form-label {
	width: 110px;
	text-align: right;
	padding: 0 15px;
}

input:focus {
	border-color: #D2D2D2;
}

.l-input-block {
	margin-left: 110px;
	min-height: 38px;
}

.layui-input-inline {
	width: 190px;
}

.l-radio>div {
	float: left;
	position: relative;
	margin-left: 20px;
}

.l-radio>div:first-child {
	margin-left: 0;
}

.l-radio>div i {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #c2c2c2;
	border-radius: 50%;
	margin: 0 6px 0 0;
	float: left;
	position: relative;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-radio>div i:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F5AB00;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4px 0 0 -4px;
	transform: scale(0);
	visibility: hidden;
	opacity: 0;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-radio>div.on i {
	border-color: #F5AB00;
}

.l-radio>div.on i:before {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}

.l-radio>div input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-appearance: radio;
	opacity: 0;
	z-index: 2;
}

.l-checkbox>div i {
	border-radius: 4px;
}

.l-checkbox>div i:before {
	border-radius: 4px;
}

.l-lh60 {
	line-height: 60px;
}

.l-font160 {
	font-size: 8.333333333333332vw;
}

.l-hollowOut {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #000;
}

/*btn*/
button.l-btn {
	-webkit-appearance: none;
	outline: none;
}

.l-btn {
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	cursor: pointer;
	border: 1px solid transparent;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
	background-color: #009688;
	display: inline-block;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-btn-primary {
	border-color: #d2d2d2;
	background-color: inherit !important;
	color: #000;
}

.l-btn:hover {
	opacity: .8;
}

.l-btn-primary:hover {
	border-color: #007E74;
	color: #007E74;
}

.l-btn-disabled {
	color: #d2d2d2;
	border-color: #eee;
	background-color: #fbfbfb;
	cursor: not-allowed;
}

.l-btn-xl {
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	font-size: 18px;
}

.l-btn-l {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px;
}

.l-btn-s {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
}

.l-btn-xs {
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 12px;
}

.l-btn-flex {
	display: block;
	width: 100%;
}

/*radius*/
.l-radius2 {
	border-radius: 2px;
}

.l-radius4 {
	border-radius: 4px;
}

.l-radius6 {
	border-radius: 6px;
}

.l-radius8 {
	border-radius: 8px;
}

.l-radius10 {
	border-radius: 10px;
}

.l-radius20 {
	border-radius: 20px;
}

.l-radius30 {
	border-radius: 30px;
}

.l-radius50 {
	border-radius: 50%;
}

/*border*/
.l-border1 {
	border: 1px solid #fafafa;
}

.l-border2 {
	border: 2px solid #fafafa;
}

.l-border3 {
	border: 3px solid #fafafa;
}

.l-border-dashed {
	border-style: dashed;
}

.l-border-dotted {
	border-style: dotted;
}

.l-border-color1 {
	border-color: #fafafa;
}

.l-border-color2 {
	border-color: #f6f6f6;
}

.l-border-color3 {
	border-color: #eee;
}

.l-border-color4 {
	border-color: #e2e2e2;
}

.l-border-color5 {
	border-color: #ddd;
}

.l-border-color6 {
	border-color: #d2d2d2;
}

.l-border-color7 {
	border-color: #ccc;
}

.l-border-color8 {
	border-color: #c2c2c2;
}

.l-border-red {
	border-color: #FF5722;
}

.l-border-orange {
	border-color: #FFB800;
}

.l-border-green {
	border-color: #009688;
}

.l-border-cyan {
	border-color: #2F4056;
}

.l-border-blue {
	border-color: #1E9FFF;
}

.l-border-black {
	border-color: #393D49;
}

/*bg color*/
.l-bg-red {
	background-color: #FF5722;
}

.l-bg-orange {
	background-color: #FFB800;
}

.l-bg-green {
	background-color: #009688;
}

.l-bg-cyan {
	background-color: #2F4056;
}

.l-bg-blue {
	background-color: #1E9FFF;
}

.l-bg-black {
	background-color: #393D49;
}

.l-bg-gray {
	background-color: #FAFAFA;
}

.l-bg-white {
	background-color: #fff;
}

/*font color*/
.l-white {
	color: #fff;
}

.l-blue {
	color: var(--color-blue);
}

.l-yellow {
	color: var(--color-yellow);
}

.l-black {
	color: #000;
}

.l-gray3 {
	color: #333;
}

.l-gray6 {
	color: #666;
}

.l-gray9 {
	color: #999;
}

.lines1 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.lines2 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.lines3 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.lines4 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.lines5 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.lines6 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

.public-bg {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.lh-imgLayer-banner {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 1000;
}

.lh-imgLayer-banner li {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lh-imgLayer-banner li>div {
	width: 80%;
	height: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lh-imgLayer-banner li>div img {
	max-height: 100%;
}

.lh-imgLayer-close {
	position: absolute;
	right: 15px;
	top: 15px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: #000;
	color: #fff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.lh-imgLayer-banner .prevn,
.lh-imgLayer-banner .nextn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.lh-imgLayer-banner .prevn {
	left: 15px;
}

.lh-imgLayer-banner .nextn {
	right: 15px;
}

/*下拉*/
.l-select {
	position: relative;
	line-height: 38px;
}

.l-select-title {
	position: relative;
	height: 38px;
	cursor: pointer;
}

.l-select-title>input {
	cursor: pointer;
	position: relative;
	z-index: 2;
	user-select: none;
}

.l-select-title:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #C2C2C2;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}

.l-select-upbit {
	position: absolute;
	left: 0;
	top: 110%;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 2px;
	background: #fff;
	z-index: 10;
	padding: 5px 0;
	transform: translateY(20px);
	visibility: hidden;
	max-height: 300px;
	overflow-y: auto;
}

.l-select-upbit>* {
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.l-select-upbit>dd {
	cursor: pointer;
}

.l-select-upbit>dd:hover {
	background: #f6f6f6;
}

.l-select-upbit>dd.on {
	background: #5FB878;
	color: #fff;
}

.l-select-tips {
	color: #999;
}

.l-select.l-selected .l-select-upbit {
	transform: translateY(0);
	visibility: visible;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-select.l-selectup .l-select-upbit {
	top: inherit;
	bottom: 110%;
}

.l-disabled {
	background-color: #fff;
	color: #d2d2d2 !important;
	cursor: not-allowed !important;
}

.l-disabled:hover {
	background: none !important;
}

.l-select-group>dd {
	padding-left: 20px;
}

.l-select-group>dt {
	color: #999;
}

.l-radio>.l-disabled i {
	border: 1px solid #F0EEEE;
}

.l-disabled>* {
	cursor: not-allowed !important;
}

.l-hide {
	display: none !important;
}

.l-select-none {
	text-align: center;
	color: #999;
}

.l-switch {
	width: 56px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #D2D2D2;
	position: relative;
	border-radius: 30px;
	cursor: pointer;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-switch input {
	cursor: pointer;
}

.l-switch input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.l-switch em {
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 4px;
	top: 0;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-switch i {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #D2D2D2;
	position: absolute;
	left: 4px;
	top: 50%;
	margin-top: -8px;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
	z-index: 2;
}

.l-switch.on em {
	transform: translateX(-20px);
	color: #fff;
}

.l-switch.on i {
	transform: translateX(30px);
	background: #fff;
}

.l-switch.on {
	border-color: #5FB878;
	background: #5FB878;
}

.l-textarea {
	height: 100px;
	resize: vertical;
	transition: 0s;
	min-height: 100px;
	max-height: 300px;
}

.l-textarea:focus {
	border-color: #D3D3D3;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-lh56 {
	line-height: 56px;
}

.l-lh70 {
	line-height: 70px;
}

.l-uppercase {
	text-transform: uppercase;
}

.l-font80 {
	font-size: 80px;
}

.geometr.l-font80 {
	line-height: 80px;
}

/*body{opacity:0; transition:ease-in .45s;}*/
.pace-done {
	opacity: 1;
}

.pace-activity {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: opacity 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	display: none;
	pointer-events: none;
}

svg.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -50px;
	margin-top: -50px;
	transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

svg.loader path {
	animation: endlessRotate 1s linear infinite;
	transform-origin: center;
}

@keyframes endlessRotate {
	from {
		transform: rotateZ(0deg)
	}

	to {
		transform: rotateZ(360deg)
	}
}

.showLoading .pace-activity {
	display: block;
}

.pace-done .pace-activity {
	display: none;
}

.lh-cursor {
	pointer-events: none;
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	mix-blend-mode: hard-light;
}

.lh-cursor .more {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	display: none;
}

.lh-cursor .more .circleTrack {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.lh-cursor .view {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	background: #000;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	transform: scale(0);
	text-align: center;
	justify-content: center;
	opacity: 0;
	background: rgba(0, 0, 0, .5);
}

.lh-banner {
	height: 100vh;
}

.lh-banner-hd {
	position: absolute;
	left: 3.641304347826087%;
	bottom: 72px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-hd {
	width: 96px;
	height: 2px;
	background: rgba(255, 255, 255, .2);
	margin: 0 16px;
	display: flex;
	position: relative;
}

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

.lh-banner-hd .bofang {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-left: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.lh-banner-hd .bofang i {
	font-size: 12px;
}

.lh-banner-hd .bofang:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .2);
	position: absolute;
	left: 0;
	top: 0;
}

.banner-progress {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 40px;
	height: 40px;
	z-index: 3;
}

.banner-progress circle {
	width: 30px;
	height: 30px;
	fill: none;
	stroke-width: 2;
	stroke-dasharray: 100;
	stroke-linecap: round;
	transform: translate(2px, 2px);
	stroke-dashoffset: 300;
	stroke: #fff;
	transition: cubic-bezier(0.215, .61, .355, 1) 1s;
}

li .l-imgs {
	height: 100%;
	transition: var(--transition);
}

header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 15px 6.25vw;
}

header>* {
	flex: 1;
}

.lh-logo {
	position: relative;
	width: 158px;
}

.lh-logo>* {
	transition: var(--transition);
}

.lh-logo>*.logo2 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.lh-nav {
	flex: 2;
	justify-content: center;
	line-height: 40px;
}

.lh-nav>* {
	margin: 0 2.083333333333333vw;
	position: relative;
}

.lh-nav>*:after {
	content: '';
	display: block;
	width: 50%;
	height: 2px;
	background: #fff;
	border-radius: 30px;
	position: absolute;
	left: 25%;
	bottom: 0;
	transform: scaleX(0);
	transition: var(--transition);
}

.lh-nav>*:hover:after,
.lh-nav>*.on:after {
	transform: scaleX(1);
}

.header-r {
	display: flex;
	justify-content: flex-end;
	height: 35px;
	align-items: center;
}

.header-r .tel {
	display: flex;
	align-items: center;
}

.header-r .tel i {
	font-size: 24px;
	margin-right: 10px;
}

.nav-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--color-wathet);
	margin-left: 35px;
	position: relative;
	z-index: 2;
}

.nav-btn:before,
.nav-btn:after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -5px;
	transition: var(--transition);
}

.nav-btn>* {
	width: 14px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 12px;
	top: 50%;
	transition: var(--transition);
	transform-origin: left center;
}

.nav-btn:after {
	margin-top: 5px;
}

.nav-btn:hover>* {
	transform: scaleX(.4);
}

.nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 45%;
	max-width: 870px;
	min-width: 600px;
	padding: 100px 78px 65px;
	transform: translateX(100%);
	visibility: hidden;
	transition: var(--transition);
}

.NavToggle .nav-toggle {
	transform: translateX(0);
	visibility: visible;
}

.NavToggle .nav-btn:before {
	transform: translate(-3px, 5px) rotate(45deg);
	width: 18px;
}

.NavToggle .nav-btn:after {
	transform: translate(-3px, -5px) rotate(-45deg);
	width: 18px;
}

.NavToggle .nav-btn>* {
	transform: scaleX(0);
}

.nav-toggle>* {
	flex: 1;
}

.nav-toggle>.toggle-nav {
	flex: 3;
}

.toggle-nav>* {
	flex: 1;
	transform: translateY(20px);
	opacity: 0;
}

.NavToggle .toggle-nav>*,
.NavToggle .toggle-bottom {
	transform: translateY(0);
	opacity: 1;
	transition: var(--transition);
	transition-delay: .45s;
}

.NavToggle .toggle-nav>*:nth-child(2) {
	transition-delay: .55s;
}

.NavToggle .toggle-nav>*:nth-child(3) {
	transition-delay: .65s;
}

.NavToggle .toggle-nav>*:nth-child(4) {
	transition-delay: .75s;
}

.NavToggle .toggle-nav>*:nth-child(5) {
	transition-delay: .85s;
}

.NavToggle .toggle-nav>*:nth-child(6) {
	transition-delay: .95s;
}

.NavToggle .toggle-bottom {
	transition-delay: 1.05s;
}

.toggle-nav>* dd {
	line-height: 24px;
	margin-top: 16px;
}

.toggle-nav>* dd>* {
	float: left;
	margin-right: 2.4vw;
}

.toggle-bottom {
	align-items: flex-end;
	transform: translateY(40px);
	opacity: 0;
}

.toggle-bottom>* {
	flex: 1;
}

.lh-share {
	justify-content: flex-end;
	display: flex;
}

.lh-share>* {
	position: relative;
	margin-left: 16px;
	padding-top: 20px;
}

.lh-share>*:first-child {
	margin-left: 0;
}

.lh-share>*:first-child i {
	background: #25ae17;
}

.lh-share>* i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #eebf42;
	color: #fff;
	font-size: 26px;
	overflow: hidden;
}

.lh-share>* .ewm {
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 100px;
	margin-left: -50px;
}

.lh-share>* .ewm img {
	transition: var(--transition);
	transform: translateY(10px);
	opacity: 0;
	pointer-events: none;
}

.lh-share>* .ewm:before {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	border-left: 1px dashed #eebf42;
	position: absolute;
	left: 50%;
	top: 100%;
	transition: var(--transition);
	transform-origin: center bottom;
	transform: scaleY(0);
}

.lh-share>*:first-child .ewm:before {
	border-color: #25ae17;
}

.lh-share>*:hover .ewm:before {
	transform: scaleY(1);
}

.lh-share>*:hover .ewm img {
	transform: translateY(0);
	opacity: 1;
}

.tottle-bottom-l:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #999;
	position: absolute;
	left: 0;
	top: -69px;
	opacity: .3;
}

.tottle-bottom-l:after {
	content: '';
	display: block;
	width: 2px;
	height: 26px;
	background: #999;
	opacity: .3;
	position: absolute;
	left: 7px;
	top: -54px;
}

.toggle-nav a:hover {
	color: var(--color-blue);
}

.tottle-bottom-l .name {
	margin-top: 10px;
	color: var(--color-wathet);
}

.toggle-shadow {
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	bottom: 0;
	z-index: -1;
}

.index-content {
	height: 100vh;
}

.index-content .bd>*>* {
	height: inherit;
}

.index-about {
	background: var(--linear-gradient-line1);
	display: flex;
	align-items: center;
}

.index-page {
	padding: 0 6.25vw;
}

.l-font46 {
	font-size: 46px;
}

.public-title {
	position: relative;
	z-index: 2;
}

.public-title .ccont {
	margin-top: 18px;
}

.lh-more {
	width: 190px;
	height: 48px;
	line-height: 48px;
	padding: 0 25px;
	border-radius: 4px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.l-white .lh-more {
	border-color: #fff;
	color: #fff;
}

.lh-more:before {
	content: '';
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background: #fff;
	position: absolute;
	left: 4px;
	top: 4px;
	border-radius: 50%;
	z-index: -1;
	transform: scale(0);
	transition: var(--transition);
	border-radius: 4px;
	display: none;
}

.lh-more i {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	font-size: 20px;
	transition: var(--transition);
}

.public-title .lh-more {
	margin-top: 90px;
}

.lh-more:hover {
	border-radius: 50%;
}

.lh-more:hover:before {
	transform: scale(1);
}

.lh-more:hover i {
	transform: translate(10px, -50%) rotate(-25deg);
}

.index-about .img {
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	transition: var(--transition);
	transition-duration: 1s;
	transform: scale(.65, .55);
	transform-origin: 84% center;
}

.img .l-imgs {
	height: inherit;
}

.swiper-slide-active .index-about .img {
	transition-delay: .5s;
	transform: scale(1);
}

.index-about .public-title .name {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	transition: var(--transition);
}

.swiper-slide-active .index-about .public-title .name {
	color: #fff;
	transition-delay: 1s;
}

.index-pro {
	background-color: #fff;
	display: flex;
	align-items: center;
}

.index-pro>* {
	width: 100%;
}

.index-pro .lh-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.pro-quick {
	margin-top: 50px;
}

.pro-quick>* {
	flex: 1;
}

.pro-quick>*:last-child {
	flex: 2.4;
	padding-left: 10px;
}

li.w100 {
	width: 100%;
}

li.w50 {
	width: 50%;
}

li.w25 {
	width: 25%;
}

.pro-quick-item {
	margin-left: -10px;
}

.pro-quick-item li {
	padding-left: 10px;
	margin-top: 10px;
}

.pro-quick-item li>* {
	display: block;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	height: 15.625vw;
}

.pro-quick-item li>* .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	z-index: 2;
}

.pro-quick-item li>* .text .iconfont {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 30px;
	position: relative;
	transition: var(--transition);
}

.pro-quick-item li>* .text .iconfont:before {
	position: relative;
	z-index: 2;
}

.pro-quick-item li>* .text .iconfont:after {
	content: '';
	display: block;
	width: inherit;
	height: inherit;
	background: var(--linear-gradient-blue);
	position: absolute;
	left: -1px;
	top: -1px;
	border-radius: 50%;
	opacity: 0;
	transition: var(--transition);
}

.pro-quick-item:first-child li>* {
	height: calc(31.25vw + 10px);
}

.pro-quick-item li.w50:first-child {
	width: 41.7%;
}

.pro-quick-item li.w50:nth-child(2) {
	width: 58.3%;
}

.pro-quick-item li>*:hover .l-imgs {
	transform: scale(1.1);
}

.pro-quick-item li>*:hover .text .iconfont:after {
	opacity: 1;
}

.pro-quick-item li>*:hover .text .iconfont {
	border-color: transparent;
}

.index-page.l-flex {
	align-items: center;
}

.index-news {
	margin-top: 100px;
}

.index-news-item li {
	float: left;
	width: 30%;
	padding-right: 3.64vw;
}

.index-news-item li .img {
	height: 14.0625vw;
	border-radius: 8px;
}

.index-news-item li .text {
	margin-top: 35px;
}

.index-news-item li .name {
	margin-top: 20px;
}

.index-news-item li .time {
	transition: var(--transition);
}

.index-news-item li>a:hover .time {
	color: var(--color-blue);
}

.index-news-item li>a:hover .l-imgs {
	transform: scale(1.1);
}

.index-serves {
	background-color: #fff;
}

.index-serves>* {
	width: 100%;
}

.serves-item {
	margin-left: -36px;
}

.serves-item>* {
	padding-left: 36px;
	margin-top: 36px;
}

.serves-item>*>* {
	display: block;
	border-radius: 8px;
	height: 18.958333333333332vw;
	position: relative;
	overflow: hidden;
}

.serves-item>* .text {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 35px 45px;
	z-index: 2;
}

.serves-item>* .text .ccont {
	margin-top: 18px;
}

.serves-partner {
	margin-top: 30px;
	width: calc(100% + 5vw);
	margin-left: -2.5vw;
}

.serves-partner .bd li {
	width: 14.285714285714286%;
	float: left;
}

.serves-partner .bd li>* {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1vw;
}

.index-serves>* {
	padding-top: 50px;
}

.serves-partner>.swiper-wrapper {
	transition-timing-function: linear !important;
}

.l-opacity4 {
	opacity: .4;
}

.l-opacity2 {
	opacity: .2;
}

footer {
	background-color: #26292e;
	height: auto !important;
}

.footer-top {
	padding: 80px 0 50px;
}

.footer-top>* {
	flex: 1;
}

.footer-top>*.footer-r {
	flex: 4;
	justify-content: flex-end;
}

.footer-l dl>.title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.footer-l dl>.title i {
	margin-right: 4px;
}

.footer-l dl {
	margin-top: 50px;
}

.footer-l dl:first-child {
	margin-top: 0;
}

.footer-share {
	margin-top: 80px;
}

.footer-share .lh-share {
	justify-content: flex-start;
}

.footer-share .lh-share>* i {
	width: 44px;
	height: 44px;
	background: #515458 !important;
}

.footer-share .lh-share>* .ewm:before {
	border-color: #515458 !important;
}

.footer-nav>* {
	margin-left: 5.2vw;
}

.footer-nav>*:first-child {
	margin-left: 0;
}

.footer-nav>* dt {
	margin-bottom: 10px;
}

.footer-nav>* dt a:hover {
	text-decoration: underline;
}

.footer-nav>* dd a:hover {
	opacity: 1;
	text-decoration: underline;
}

.footer-r .tip {
	text-align: right;
	margin-top: 70px;
}

.footer-bottom {
	padding: 50px 0;
	border-top: 1px solid #3C3F43;
}

.footer-bottom>* {
	flex: 1;
}

.footer-bottom>*.footer-copy {
	flex: 4;
	justify-content: flex-end;
	text-align: right;
}

.footer-logo {
	width: 158px;
	display: block;
}

.footer-copy p {
	margin-top: 14px;
}

.footer-copy p:first-child {
	margin-top: 0;
}

.footer-copy p span {
	margin-left: 15px;
}

.footer-copy p span:first-child {
	margin-left: 0;
}

.swiper-footer {
	height: auto !important;
}

footer.Active {
	transform: translateY(0) !important;
}

.black .lh-logo>.logo2 {
	opacity: 1;
}

.black .lh-logo>.logo1 {
	opacity: 0;
}

.black .lh-nav {
	color: #000;
}

.black .header-r {
	color: #000;
}

.pro-quick-item li {
	transform: scale(.5);
	opacity: 0;
	transition: var(--transition);
	transition-duration: 1.2s;
}

.swiper-slide-active .pro-quick-item li {
	transform: scale(1);
	opacity: 1;
	transition-delay: .1s;
}

.swiper-slide-active .pro-quick-item li:nth-child(2) {
	transition-delay: .2s;
}

.swiper-slide-active .pro-quick-item li:nth-child(3) {
	transition-delay: .3s;
}

.swiper-slide-active .pro-quick-item li:nth-child(4) {
	transition-delay: .4s;
}

.swiper-slide-active .pro-quick-item li:nth-child(5) {
	transition-delay: .5s;
}

.lh-ban {
	height: 100vh;
}

.lh-ban .l-imgs {
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}

.l-font54 {
	font-size: 54px;
}

.ban-scroll {
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 40px;
	width: 20px;
	height: 30px;
	border: 2px solid #fff;
	border-radius: 30px;
	margin-left: -10px;
}

.ban-scroll:before {
	content: '';
	display: block;
	width: 2px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 4px;
	margin-left: -1px;
	background: #fff;
	animation: banscroll linear 1s infinite;
}

@keyframes banscroll {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(5px);
	}
}

.lh-crumbs {
	height: 66px;
	background: #fff;
}

.lh-crumbs>* {
	height: inherit;
	align-items: center;
}

.lh-crumbs>*>* {
	flex: 1;
}

.crumbs-nav {
	flex: 3;
}

.crumbs-nav>* {
	margin-right: 60px;
}

.crumbs-nav>*:last-child {
	margin-left: 0;
}

.crumbs-nav>* a {
	position: relative;
}

.crumbs-nav>* a:after {
	content: '';
	display: block;
	width: 24px;
	height: 3px;
	background: var(--color-wathet);
	position: absolute;
	left: 50%;
	bottom: -22px;
	margin-left: -12px;
	transition: var(--transition);
	transform: scaleX(0);
}

.crumbs-nav>* a:hover:after,
.crumbs-nav>*.on a:after {
	transform: scaleX(1);
}

.crumbs-r {
	align-items: center;
}

.crumbs-r em i {
	margin-right: 4px;
}

.crumbs-r>i {
	margin: 0 4px;
	font-size: 12px;
}

.crumbs-r a:hover {
	color: var(--color-blue);
}

.encyclopedia-family {
	background-color: #63B4ED;
	padding: 130px 0;
}

.family-banner {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}

.family-banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 2;
}

.family-banner .l-imgs {
	transition: ease 1s;
}

.public-title .ccont.l-font20 {
	margin-top: 16px;
}

.family-nav {
	margin-top: 400px;
}

.family-nav>* {
	margin-top: 4px;
}

.family-nav>*>* {
	display: flex;
	align-items: center;
}

.family-nav>* i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--linear-gradient-blue1);
	margin-left: 78px;
	transform: translateX(-20px);
	opacity: 0;
	transition: var(--transition);
}

.family-nav>* span {
	display: block;
	transition: var(--transition);
	transform-origin: left center;
}

.family-nav>*:hover span,
.family-nav>*.on span {
	transform: scale(1.3);
}

.family-nav>*:hover i,
.family-nav>*.on i {
	transform: translateX(0);
	opacity: 1;
}

.family-nav>*.on span {
	font-weight: bold;
}

.family-r {
	margin: 160px 0 0 260px;
}

.family-cont {
	width: 352px;
	height: 352px;
	border-radius: 50%;
	border: 2px solid var(--color-yellow);
}

.family-text {
	height: inherit;
	position: relative;
	z-index: 5;
	pointer-events: none;
}

.family-text .bd>* {
	display: flex;
	align-items: center;
	justify-content: center;
}

.l-lh50 {
	line-height: 50px;
}

.family-text .bd .name {
	margin-top: 10px;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-cube-shadow {
	display: none !important;
}

.family-second:before {
	content: '';
	display: block;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.img-hover {
	z-index: 5;
}

.family-second {
	width: 608px;
	height: 608px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.family-second>* {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -28px;
	margin-top: -28px;
	transform-origin: 28px 332px;
	transform: rotate(-45deg);
}

.family-second>* .l-imgs {
	border-radius: 50%;
}

.family-second>*>* .l-imgs {
	transform: rotate(45deg);
	display: block;
	width: 100%;
	height: 100%;
}

.family-second>*:nth-child(2) {
	transform: rotate(65deg);
}

.family-second>*:nth-child(2)>* .l-imgs {
	transform: rotate(-65deg);
}

.family-second>*:nth-child(3) {
	transform: rotate(135deg);
}

.family-second>*:nth-child(3)>* .l-imgs {
	transform: rotate(-135deg);
}

.family-second>*:nth-child(4) {
	transform: rotate(225deg);
}

.family-second>*:nth-child(4)>* .l-imgs {
	transform: rotate(-225deg);
}

.family-second>*:nth-child(5) {
	transform: rotate(-90deg);
}

.family-second>*:nth-child(5)>* .l-imgs {
	transform: rotate(90deg);
}

.family-second>*>* {
	display: block;
	width: 100%;
	height: 100%;
}

.family-second>*.on>* {
	transform: translateY(132px) scale(2);
}

.family-second>*.on>* .l-imgs {
	z-index: -1;
	position: relative;
}

.l-pd130 {
	padding-top: 130px;
	padding-bottom: 130px;
}

.project-item {
	margin-top: 70px;
	margin-left: -30px;
}

.project-item li {
	padding-left: 30px;
	margin-top: 30px;
}

.project-item li>* {
	display: block;
	border-radius: 10px;
	background: var(--linear-gradient-white);
	padding: 40px;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .02);
}

.project-item li .top>* {
	flex: 1;
}

.project-item li .top>*.icon {
	justify-content: flex-end;
	display: flex;
	align-items: center;
}

.project-item li .top>*.icon i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(90deg, #3E99DA, #7EC7FC);
	font-size: 24px;
}

.project-item li:nth-child(2) .top>*.icon i {
	background: linear-gradient(90deg, #12C07A, #53E779);
}

.project-item li .bottom {
	margin-top: 80px;
}

.project-item li .bottom .ccont {
	margin-top: 14px;
}

.public-line {
	width: 15px;
	height: 15px;
	margin: 20px auto 36px;
	position: relative;
	border: 2px solid rgba(255, 255, 255, .5);
	border-radius: 50%;
}

.public-line:before {
	content: '';
	display: block;
	width: 2px;
	height: 36px;
	position: absolute;
	left: 50%;
	top: calc(100% + 2px);
	margin-left: -1px;
	background: rgba(255, 255, 255, .5);
	/*animation:line linear 2s infinite; transform:scaleY(0);*/
	transform-origin: center top;
}

@keyframes line {

	0%,
	100% {
		transform: scaleY(0);
	}

	50% {
		transform: scaleY(1);
	}
}

.case-r {
	flex: 3;
	justify-content: flex-end;
}

.case-item>* {
	padding-left: 10px;
}

.case-item {
	margin: 50px 0 0 -10px;
}

.case-item>*>* {
	display: block;
	padding: 60px 0 0;
	background: var(--linear-gradient-white);
	border-radius: 8px;
	text-align: center;
	width: 294px;
}

.l-font140 {
	font-size: 140px;
	line-height: 140px;
}

.case-item .name {
	white-space: nowrap;
	font-weight: bold;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	color: transparent;
	-webkit-background-clip: text;
	margin-top: 30px;
	position: relative;
	top: 10px;
}

.case-r .nname {
	margin-top: 5px;
}

.case-r {
	padding-top: 110px;
}

.case-r .name {
	position: relative;
}

.case-r .name:before,
.case-r .name:after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 0;
	top: -38px;
}

.case-r .name:before {
	left: 10px;
	opacity: .5;
}

.fadeInUp1 {
	animation: fadeInUp1 cubic-bezier(0.215, .61, .355, 1) 1s forwards;
	transform: translateY(40px);
	opacity: 0;
}

.up50 {
	transform: translateY(50%);
}

@keyframes fadeInUp1 {
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.case-layer {
	position: fixed;
	right: 0;
	top: 0;
	left: 120px;
	bottom: 0;
	background: #fff;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 11.9vw 100px 6.25vw;
	transform: translateX(100%);
	visibility: hidden;
	transition: var(--transition);
}

.caseLayer .case-layer {
	transform: translateX(0);
	visibility: visible;
}

.caseLayer .case-layer:before {
	opacity: 1;
}

.case-layer:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	right: 100%;
	top: 0;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	opacity: 0;
	transition: var(--transition);
	pointer-events: none;
}

.layer-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #000;
	font-weight: bold;
	position: absolute;
	right: 11.9vw;
	top: 75px;
	transition: var(--transition);
}

.layer-close:hover {
	transform: rotate(90deg);
}

.case-banner {
	width: 100%;
}

.case-banner .bd .l-imgs {
	height: 26.979166666666664vw;
	border-radius: 10px;
	width: 47.708333333333336vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.case-banner .bd li {
	height: 26.979166666666664vw;
	border-radius: 10px;
	transform: scale(.8);
	transition: var(--transition);
	padding: 0 2vw;
	overflow: hidden;
	opacity: .5;
}

.case-banner .bd li.swiper-slide-active {
	z-index: 3;
	transform: scale(1);
	overflow: inherit;
	opacity: 1;
}

.case-banner .bd li.swiper-slide-prev,
.case-banner .bd li.swiper-slide-next {
	z-index: 2;
}

.case-btn>* {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	font-size: 18px;
	font-weight: bold;
}

.case-btn>*.prevs {
	left: 5.2vw;
}

.case-btn>*.nexts {
	right: 5.2vw;
}

.case-btn>*:hover {
	color: #fff;
	background: var(--color-wathet);
}

.encyclopedia-project .lh-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.guide-item {
	margin: 40px 0 0 -30px;
}

.guide-item>* {
	padding-left: 30px;
	margin-top: 30px;
}

.guide-item>*>* {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	height: 430px;
}

.guide-item>*>*:before {
	content: '';
	display: block;
	width: 100%;
	height: 40%;
	background: var(--linear-gradient-shadow);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.guide-item .name {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 24px;
	z-index: 2;
	font-weight: bold;
	z-index: 2;
}

.guide-item>*>*:hover .l-imgs {
	transform: scale(1.1);
}

.guide-item .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(111, 189, 243, .9);
	padding: 40px 26px;
	z-index: 4;
	opacity: 0;
	transition: var(--transition);
}

.guide-item>*>*:hover .text {
	opacity: 1;
}

.guide-item .name {
	transition: var(--transition);
}

.guide-item>*>*:hover .name {
	opacity: 0;
}

.guide-item .text .ccont {
	margin-top: 50px;
}

.guide-item .text .more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 18px;
	position: absolute;
	left: 26px;
	bottom: 40px;
}

.guide-item .text .more:before {
	display: block;
	transform: rotate(-45deg);
}

.knowledge-banner {
	margin-top: 56px;
	width: calc(100% + 30px);
	margin-left: -15px;
}

.knowledge-banner .bd>li {
	padding: 0 15px;
	width: 33.3%;
}

.knowledge-banner .bd>li>* {
	display: block;
	padding: 30px 20px 60px;
	border-radius: 10px;
}

.knowledge-banner .bd>li>*:hover {
	color: var(--color-wathet);
}

.knowledge-banner .bd .iconfont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--linear-gradient-blue2);
	color: #fff;
	font-size: 20px;
}

.knowledge-banner .bd .text {
	margin-top: 60px;
}

.knowledge-banner .bd .ccont {
	margin-top: 10px;
}

.knowledge-banner .bd>li:nth-child(2n) .iconfont {
	background: var(--linear-gradient-green);
}

.knowledge-btn {
	position: absolute;
	left: 31%;
	bottom: 20px;
	z-index: 2;
}

.knowledge-btn>* {
	margin: 0 5px;
	font-size: 22px;
	font-weight: bold;
}

.knowledge-btn>*:hover {
	color: var(--color-wathet);
}

.public-line.blue {
	border-color: #273977;
}

.public-line.blue:before {
	background: #273977;
}

.pro-index {
	height: 100vh;
	padding: 110px 0 110px 12.5vw;
	transition: var(--transition);
}

.pro-index:before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 140px;
	background: var(--linear-gradient-shadow1);
}

.pro-index .public-title .ccont {
	margin-top: 0;
	margin-bottom: 10px;
}

.pro-index .public-title .lh-more {
	margin-top: 50px;
}

.pro-index-nav {
	border-left: 1px solid rgba(255, 255, 255, .5);
	padding-left: 20px;
	position: absolute;
	left: 12.5vw;
	bottom: 110px;
	z-index: 4;
}

.pro-index-nav>* {
	margin-top: 20px;
}

.pro-index-nav>*:first-child {
	margin-top: 0;
}

.pro-index-nav>* a {
	opacity: .5;
}

.pro-index-nav>* a:hover,
.pro-index-nav>*.on a {
	opacity: 1;
}

.pro-left {
	padding-left: 12.5vw;
	display: flex;
	align-items: center;
}

.pro-index-banner {
	float: right;
	height: 100%;
	width: 71vw;
}

.pro-index-banner .bd a.view {
	display: block;
	height: 100%;
	transform-origin: right center;
	float: right;
	width: 100%;
	overflow: hidden;
}

.pro-index-banner .bd .l-imgs {
	transition: ease 1s;
}

.pro-index-banner .public-title {
	position: absolute;
	left: 0;
	top: 9.375vw;
}

.pro-index-text {
	position: absolute;
	left: 12.5vw;
	top: 10.625vw;
	z-index: 3;
	width: auto;
	height: 240px;
}

.pro-index-text .bd li {
	padding: 20px 0;
}

.list-loading {
	display: flex;
	align-items: center;
	justify-content: center;
}

.list-loading i {
	font-size: 24px;
	margin-right: 10px;
	animation: loading linear 1s infinite;
}

@keyframes loading {
	to {
		transform: rotate(360deg);
	}
}

.main-other {
	padding-top: 80px;
}

header,
header .lh-nav,
header .header-r {
	transition: var(--transition);
}

header.white,
header.Fixed {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

header.white .lh-logo>*.logo2,
header.Fixed .lh-logo>*.logo2 {
	opacity: 1;
}

header.white .lh-logo>*.logo1,
header.Fixed .lh-logo>*.logo1 {
	opacity: 0;
}

header.white .lh-nav,
header.white .header-r,
header.Fixed .lh-nav,
header.Fixed .header-r {
	color: #000;
}

.lh-crumbs.gray {
	background: #f4f4fb;
}

.pro-cont {
	padding: 80px 0;
	/* background: linear-gradient(0deg, #ffff, #c8e6fb); */
}

.pro-item {
	margin: 0 0 0 -78px;
}

.pro-item>li {
	padding-left: 78px;
	margin-bottom: 60px;
}

.pro-item>li a {
	display: block;
}

.pro-item>li .img {
	height: 22.1875vw;
	border-radius: 10px;
	overflow: hidden;
}

.pro-item>li .text {
	padding: 48px 0;
	position: relative;
}

.pro-item>li .text .name {
	margin-top: 10px;
}

.pro-item>li .text:after {
	content: '';
	display: block;
	width: 76px;
	height: 4px;
	background: var(--color-wathet);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: var(--transition);
}

.pro-item>li a:hover .l-imgs {
	transform: scale(1.1);
}

.pro-item>li a:hover .text:after {
	width: 100%;
}

.pro-item>li a:hover {
	color: var(--color-wathet);
}

.detail-top>.container1400>* {
	flex: 1;
	width: 50%;
}

.detail-banner {
	width: 100%;
	height: 415px;
}

.detail-banner .l-imgs {
	border-radius: 10px;
}

.detail-top {
	padding: 78px 0 60px;
	background-color: #EFEFEF;
}

.detail-banner-btn {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 20px;
	z-index: 2;
	display: flex;
	align-items: center;
}

.detail-banner-btn>* {
	flex: 1;
}

.detail-banner .bd .l-imgs {
	transition: ease 1s;
}

.detail-num {
	display: flex;
	align-items: center;
}

.detail-num i {
	display: block;
	width: 1px;
	height: 40px;
	background: #fff;
	transform: rotate(35deg);
	opacity: .8;
	margin: 0 10px;
}

.detail-num .totol {
	position: relative;
	top: -10px;
	left: 5px;
}

.detail-num .current {
	position: relative;
	top: 10px;
	left: -3px;
}

.detail-banner-r {
	display: flex;
	justify-content: flex-end;
}

.detail-banner-r>* {
	font-size: 24px;
	margin-left: 20px;
	opacity: .6;
}

.detail-banner-r>*:first-child {
	margin-left: 0;
}

.detail-r {
	padding-left: 80px;
}

.detail-bg-banner {
	height: calc(100% - 160px);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.detail-bg-banner .l-imgs {
	filter: blur(80px) sepia(10%) saturate(50%);
}

.detail-r>* {
	flex: 1;
}

.detail-r>*.top {
	flex: 2;
	padding-top: 40px;
}

.detail-btn {
	padding-top: 60px;
	margin-top: 40px;
	margin-left: -18px;
	position: relative;
}

.detail-btn:before {
	content: '';
	display: block;
	width: calc(100% - 18px);
	height: 1px;
	background: rgba(255, 255, 255, .5);
	position: absolute;
	right: 0;
	top: 0;
}

.detail-btn>* {
	padding-left: 18px;
}

.detail-btn>*:first-child>* {
	background: var(--color-wathet);
	border-color: var(--color-wathet);
}

.detail-btn i {
	font-size: 24px;
	margin-right: 16px;
}

.detail-btn>*>* {
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 4px;
}

.detail-r>*.bottom {
	display: flex;
	align-items: flex-end;
	position: relative;
}

.detail-r>*.bottom>* {
	flex: 1;
	height: 80px;
	align-items: center;
	display: flex;
}

.detail-r>*.bottom>span {
	justify-content: flex-end;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
}

.detail-r>*.bottom i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .5);
	color: #999;
	font-size: 24px;
}

.detail-cont {
	padding: 50px 0 120px;
}

.detail-mob>.item {
	border-bottom: 1px solid #EEE;
}

.detail-mob>.item>.title {
	padding: 26px 0;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.detail-mob>.item>.title:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #000;
	position: relative;
	left: 16px;
	top: 3px;
}

.detail-mob>.item>.cont {
	padding-bottom: 26px;
	display: none;
}

.detail-mob>.item.on>.cont {
	display: block;
}

.detail-star>* {
	display: flex;
	align-items: center;
	padding-right: 40px;
}

.detail-star>*:first-child {
	padding-right: 0;
}

.lh-star {
	color: #C9D1D6;
	margin-left: 8px;
}

.lh-star>* {
	margin-left: 4px;
	font-size: 18px;
}

.lh-star>.on {
	color: var(--color-yellow);
}

/*.lh-star.star2>:nth-child(1),.lh-star.star2>:nth-child(2){color:var(--color-yellow);}*/
/*.lh-star.star3>:nth-child(1),.lh-star.star3>:nth-child(2),.lh-star.star3>:nth-child(3){color:var(--color-yellow);}*/
/*.lh-star.star4>:nth-child(1),.lh-star.star4>:nth-child(2),.lh-star.star4>:nth-child(3),.lh-star.star4>:nth-child(4){color:var(--color-yellow);}*/
/*.lh-star.star5>:nth-child(1),.lh-star.star5>:nth-child(2),.lh-star.star5>:nth-child(3),.lh-star.star5>:nth-child(4),.lh-star.star5>:nth-child(5){color:var(--color-yellow);}*/
.serves-standard {
	padding: 120px 0 110px;
	border-top: 1px solid #EEE;
}

.serves-standard>.l-flex>* {
	flex: 1;
}

.serves-standard>.l-imgs {
	height: calc(100% - 190px);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.serves-standard>.l-imgs .dy {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 0.3;
	background-size: cover;
}

.standard-r {
	display: flex;
	justify-content: flex-end;
}

.standard-item {
	width: 366px;
	height: 575px;
	padding: 50px;
}

.standard-item>* {
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.standard-item>*:first-child {
	margin-top: 0;
}

.standard-item>* i {
	font-size: 24px;
}

.standard-item>* .text {
	padding-left: 24px;
}

.standard-item>* .text .nname {
	margin-top: 8px;
}

.serves-standard .public-line {
	margin: 50px 0 130px 40px;
	border-color: #fff;
}

.serves-standard .public-line:before {
	height: 130px;
	background: #fff;
}

.serves-standard .ccont {
	padding-top: 140px;
}

.serves-standard>*>.text>.nname {
	margin-top: 14px;
	color: #999;
}

.serves-sunshine>.l-flex>* {
	flex: 1;
}

.serves-sunshine>.l-flex>.text {
	flex: 2;
}

.serves-sunshine>.l-flex>.text .bd,
.serves-sunshine>.l-flex>.text .nname {
	color: var(--color-wathet);
}

.serves-sunshine>.l-flex>.text .bd {
	line-height: 40px;
	margin-top: 130px;
}

.serves-sunshine>.l-flex>.text .ccont {
	margin-top: 90px;
}

.sunshine-r {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.sunshine-r>* {
	width: 82px;
	height: 82px;
	border-radius: 50%;
	color: #fff;
	position: relative;
	z-index: 1;
}

.sunshine-r>*:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	animation: circle linear 1s infinite;
}

@keyframes circle {
	to {
		transform: scale(1.5);
		opacity: 0;
	}
}

.sunshine-r>* i {
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--linear-gradient-blue2);
}

.standard-banner {
	margin-top: 70px;
}

.standard-banner .bd li {
	margin-right: 30px;
}

.standard-cont {
	background: #fff;
	border-radius: 10px;
	height: 264px;
}

.standard-cont>* {
	flex: 1;
}

.standard-cont>*.left {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: .1;
	padding: 0 30px;
}

.standard-cont>*.left i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	color: #fff;
	background: var(--linear-gradient-blue2);
	font-size: 24px;
}

.standard-cont>*.right {
	border-left: 1px solid #EEE;
	padding: 0 40px;
	display: flex;
	align-items: center;
}

.standard-cont>* .text .name {
	font-weight: bold;
}

.standard-cont>* .text .ccont {
	margin-top: 30px;
}

.standard-btn {
	margin-top: 40px;
}

.standard-btn>* {
	font-size: 24px;
	opacity: .5;
	font-weight: bold;
	margin-left: 20px;
}

.standard-btn>*:hover {
	opacity: 1;
}

.standard-btn>*:first-child {
	margin-left: 0;
}

.standard-banner .bd li:nth-child(2n) .standard-cont>*.left i {
	background: var(--linear-gradient-green);
}

.serves-sotres .num {
	margin-top: 100px;
}

.serves-sotres .num em {
	background: linear-gradient(to bottom, #F4AFA6, #EB982F);
	-webkit-background-clip: text;
	color: transparent;
}

.serves-sotres .num span {
	position: relative;
	top: -38px;
	color: #EB982F;
}

.serves-sotres .ccont {
	color: #C9D1D3;
}

.serves-sotres .more {
	display: flex;
	align-items: center;
	margin-top: 80px;
}

.serves-sotres .more i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--linear-gradient-blue2);
	color: #fff;
	font-size: 20px;
	margin-right: 16px;
}

.serves-sotres .more i:before {
	display: block;
	transform: rotate(-45deg);
}

.l-pd60 {
	padding: 60px 0;
}

.serves-contact>* {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.contact-item li {
	margin: 0 10px;
	border-radius: 10px;
	display: flex;
	padding-top: 110px;
	justify-content: center;
	width: 360px;
	height: 370px;
	background: var(--linear-gradient-white);
}

.contact-item li i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #4EA3DE);
	color: #fff;
	margin: auto;
	font-size: 24px;
}

.contact-item li .name {
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 25px;
}

.contact-item li:last-child i {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #41e39d);
}

.l-wathet {
	color: var(--color-wathet);
}

.stores-cont {
	padding-top: 90px;
}

.filter-item {
	margin: 40px 0 0 -10px;
}

.filter-item>* {
	flex: 1;
	padding-left: 10px;
}

.filter-item>*>* {
	position: relative;
}

.filter-item>* select {
	height: 70px;
	border-radius: 60px;
	position: relative;
	z-index: 2;
	border-color: #DDD;
	padding: 0 30px;
}

.filter-item>* i {
	color: #999;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.filter-item>* a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background: var(--linear-gradient-blue2);
	color: #fff;
	border-radius: 60px;
	width: 228px;
}

.filter-item>*:last-child {
	flex: .5;
}

.lh-map {
	height: calc(100vh - 100px);
	padding: 80px 0;
	margin-top: 100px;
}

.map-cont {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.lh-map>.l-flex {
	justify-content: flex-end;
	height: 100%;
}

.map-r {
	background: #fff;
	width: 458px;
	background: #fff;
	border-radius: 10px;
	padding: 0 12px 0 25px;
	height: 100%;
}

.map-r>* {
	flex: 1;
}

.map-r>*.title {
	padding: 40px 0 20px;
}

.map-r>*.map-scroll {
	flex: 100;
	padding-right: 20px;
}

.map-item li>* {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	display: block;
	position: relative;
}

.map-item li>* .ccont {
	color: #666;
	margin-top: 10px;
}

.map-item li>* i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #F1EFEF;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	transition: var(--transition);
}

.scrolls {
	overflow-y: auto;
}

.guide-item.list {
	margin-top: 0;
}

.guide-item.list li {
	margin: 0 0 30px;
}

.map-item>*.on i,
.map-item>*>*:hover i {
	background: var(--color-wathet);
	border-color: var(--color-wathet);
	color: #fff;
}

.map-item>*>*:hover {
	color: var(--color-wathet);
}

.news-cont {
	padding: 30px 0 100px;
	background-color: #f4f4fb;
	border-top: 1px solid #eee;
}

.news-filter {
	align-items: center;
}

.news-filter>* {
	flex: 1;
	display: flex;
}

.news-filter-l>* {
	background: #fff;
	height: 50px;
	border-radius: 4px;
	margin-left: 10px;
}

.news-filter-l>*:first-child {
	margin-left: 0;
}

.filter-select {
	width: 150px;
}

.filter-select select {
	position: relative;
	z-index: 2;
	border: none;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
}

.filter-select:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 6px solid #999;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
}

.filter-serach {
	width: 240px;
}

.filter-serach input {
	padding: 0 70px 0 20px;
	height: 50px;
	line-height: 50px;
	border: none;
}

.filter-serach a {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	font-weight: bold;
}

.filter-serach button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	font-weight: bold;
}

.news-filter-totol {
	justify-content: flex-end;
}

.news-item {
	margin: 70px 0;
}

.news-item>* {
	margin-bottom: 30px;
}

.news-item>*>* {
	display: block;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
	padding: 30px;
	position: relative;
	display: flex;
	align-items: center;
}

.news-item .img {
	width: 350px;
	height: 235px;
	border-radius: 10px;
	overflow: hidden;
}

.news-item .text {
	width: 60%;
	padding-left: 78px;
}

.news-item .text .ccont {
	margin-top: 24px;
}

.news-item .text .time {
	margin-top: 45px;
}

.news-item .iconfont {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #999;
	color: #999;
	font-size: 20px;
	transition: var(--transition);
}

.news-item .iconfont:before {
	display: block;
	transform: rotate(-45deg);
}

.news-item>*>*:hover .iconfont {
	background: var(--color-wathet);
	border-color: var(--color-wathet);
	color: #fff;
}

.news-item .name {
	transition: var(--transition);
}

.news-item>*>*:hover .name {
	color: var(--color-wathet);
}

.news-item>*>*:hover .l-imgs {
	transform: scale(1.1);
}

.newsDetail-l {
	padding-right: 10px;
	width: calc(100% - 365px);
}

.newsDetail-l>* {
	border-radius: 10px;
	margin-top: 10px;
	padding: 30px;
}

.newsDetail-l>*:first-child {
	margin-top: 0;
}

.newsDetail-r {
	width: 365px;
}

.newsDetail-top {
	align-items: center;
}

.newsDetail-top>.left i {
	margin-right: 10px;
	font-weight: bold;
}

.newsDetail-top>.left a:hover {
	color: var(--color-wathet);
}

.newsDetail-top>.right {
	flex: 1;
	justify-content: flex-end;
	align-items: center;
}

.detail-share>* {
	margin-left: 10px;
}

.detail-share a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--color-wathet);
	color: #fff;
}

.newsDetail-cont {
	margin-top: 30px;
	padding: 30px 0 0;
	position: relative;
}

.newsDetail-cont:before {
	content: '';
	display: block;
	width: calc(100% + 60px);
	height: 1px;
	background: #eee;
	position: absolute;
	left: -30px;
	top: 0;
}

.newsDetail-cont>.nname {
	align-items: center;
	margin-top: 20px;
}

.newsDetail-cont>.nname span {
	margin-left: 30px;
}

.newsDetail-cont>.nname span:first-child {
	margin-left: 0;
}

.newsDetail-cont>.cont {
	margin-top: 30px;
}

.detail-ewm {
	justify-content: flex-end;
	align-items: center;
}

.detail-ewm .img {
	width: 85px;
	margin-left: 50px;
}

.detail-bottom {
	align-items: center;
}

.detail-bottom>* {
	flex: 1;
	width: 50%;
}

.detail-bottom>*.detail-page {
	flex: 1;
	padding-right: 50px;
}

.detail-page a:hover {
	color: var(--color-wathet);
}

.detail-page a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
}

.newsDetail-r>* {
	padding: 30px;
	border-radius: 10px;
	margin-top: 10px;
}

.newsDetail-r>*:first-child {
	margin-top: 0;
}

.news-other-item>* {
	margin-top: 30px;
}

.news-other-item>* .name {
	margin-top: 30px;
}

.news-other-item>* .img {
	height: 170px;
	border-radius: 10px;
	margin-top: 10px;
}

.news-other-item>*:hover {
	color: var(--color-wathet);
}

.news-other-item>*:hover .l-imgs {
	transform: scale(1.1);
}

.brand-story {
	background-position: right center;
}

.brand-story>* {
	justify-content: flex-end;
}

.brand-story .text {
	width: 45%;
}

.brand-story .text .ccont {
	margin-top: 60px;
}

.brand-story .text .icon {
	font-size: 116px;
	white-space: nowrap;
	color: transparent;
	-webkit-text-stroke: 0.5px #fff;
	opacity: .2;
	margin-top: 30px;
}

.culture-item {
	margin-top: 130px;
}

.brand-culture {
	padding-top: 130px;
}

.culture-item>* {
	padding-left: 2px;
}

.culture-item>*>* {
	display: block;
	background: rgba(255, 255, 255, .5);
	padding: 30px 30px 50px;
}

.culture-item .iconfont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	font-size: 24px;
	color: #fff;
	background: var(--linear-gradient-blue2);
}

.culture-item>*:nth-child(2n) .iconfont {
	background: var(--linear-gradient-green);
}

.culture-item>* .text {
	margin-top: 30px;
}

.culture-item>* .ccont {
	margin-top: 14px;
}

.brand-culture .public-line {
	margin: 100px 0 36px;
	border-color: #999;
	opacity: .8;
}

.brand-culture .public-line:before {
	background: #999;
}

.brand-culture .nname {
	padding-top: 26px;
}

.brand-culture .come {
	margin-top: 10px;
}

.brand-videos>* {
	justify-content: center;
	text-align: center;
}

.video-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin: 0 auto;
	font-size: 24px;
	opacity: .8;
}

.brand-videos .name {
	margin-top: 36px;
}

.public-line.wathet {
	border-color: var(--color-wathet);
}

.public-line.wathet:before {
	background: var(--color-wathet);
}

.brand-videos .title {
	padding-top: 20px;
}

.videos-more {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	width: 198px;
	border-radius: 60px;
	background: #fff;
	color: #000;
	margin: 80px auto 0;
	font-size: 16px;
}

.videos-more i {
	display: block;
	transform: rotate(-45deg);
	margin-left: 10px;
}

.videos-more:hover {
	background: var(--color-wathet);
	color: #fff;
}

.history-cont {
	height: 595px;
	background-position: left center;
}

.history-l {
	width: 505px;
	padding: 60px 50px;
}

.l-font90 {
	font-size: 90px;
}

.history-l .time {
	opacity: .5;
}

.history-l .time span {
	background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing: -14px;
	font-weight: bold;
}

.history-l .public-line {
	margin: 20px 0 36px;
}

.history-l>.top {
	flex: 4;
}

.history-l>.name {
	flex: 1;
	align-items: center;
	display: flex;
}

.history-r {
	width: calc(100% - 505px);
	padding: 60px 0 60px 60px;
	position: relative;
}

.history-hd {
	border-bottom: 1px solid #E3E5E7;
	padding-bottom: 30px;
}

.history-hd .bd li {
	width: auto;
	margin-right: 40px;
}

.history-hd .bd li.on>* {
	color: var(--color-wathet);
	transform: scale(1.4);
	transform-origin: left center;
	display: block;
}

.history-bd p {
	position: relative;
	margin-top: 40px;
}

.history-bd p:before {
	content: '';
	display: block;
	width: 18px;
	height: 3px;
	background: #13C77F;
	position: absolute;
	left: 0;
	top: -10px;
}

.history-btn {
	position: absolute;
	left: 60px;
	bottom: 60px;
}

.history-btn>* {
	font-size: 24px;
	color: #999;
	margin-left: 10px;
}

.history-btn>*:first-child {
	margin-left: 0;
}

.history-btn>*:hover {
	color: #000;
}

.brand-honor>*>*.text {
	width: calc(100% - 900px);
	padding-right: 30px;
}

.brand-honor>*>*.text .ccont {
	margin-top: 270px;
}

.honor-banner {
	width: 900px;
	margin-top: 90px;
}

.honor-banner .bd li {
	width: 33.3%;
	padding: 0 30px;
}

.honor-banner .bd li>* {
	display: block;
}

.honor-banner .bd .img {
	max-height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.honor-banner .bd .name {
	text-align: center;
	margin-top: 20px;
}

.honor-btn {
	margin-top: 60px;
	display: flex;
}

.honor-btn>* {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #CDD0D9;
	color: #fff;
	margin-left: 10px;
}

.honor-btn>*:first-child {
	margin-left: 0;
}

.honor-btn>*:hover {
	background: var(--color-wathet);
}

.brand-honor .lh-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

video {
	width: 100%;
}

.videos-layer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
}

.VideosLayer .videos-layer {
	opacity: 1;
	pointer-events: inherit;
	transition: var(--transition);
}

.videos-banner {
	width: 75vw;
}

.videos-banner .close {
	text-align: right;
}

.videos-banner .bd {
	margin-top: 30px;
}

.videos-banner .bd li {
	width: 50%;
	padding: 0 12px;
}

.videos-banner .bd li a {
	display: block;
	position: relative;
	height: 420px;
	border-radius: 10px;
	overflow: hidden;
}

.videos-banner .bd li .text {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	display: flex;
	line-height: 56px;
}

.videos-banner .bd li .name {
	width: 80%;
}

.videos-banner .bd li .iconfont {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	opacity: .7;
}

.videos-btn>* {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	position: absolute;
	top: 50%;
	z-index: 3;
	font-size: 24px;
}

.videos-btn>*.prevs {
	left: 5.2vw;
}

.videos-btn>*.nexts {
	right: 5.2vw;
}

.lh-attract {
	height: 100vh;
}

.lh-attract>.bd>*>* {
	height: 100%;
}

.attract-ban {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.attract-ban .name {
	background: linear-gradient(0deg, #E1B180, #FBEDC6, #E1B180);
	color: transparent;
	-webkit-background-clip: text;
}

.attract-ban .nname {
	margin-top: 16px;
}

.attract-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 255px;
	height: 66px;
	background: linear-gradient(90deg, #3556C6, #4667DE, #3556C6);
	border-radius: 60px;
	margin: 50px auto;
}

.attract-btn i {
	font-size: 20px;
	margin-right: 10px;
}

.submit-item {
	margin-top: 80px;
	margin-left: -50px;
}

.submit-item>* {
	margin-bottom: 50px;
	padding-left: 50px;
}

.submit-item>* .cont {
	margin-top: 25px;
}

.submit-item>* .cont option {
	color: #000;
}

.submit-item>* .title {
	height: 28px;
}

.submit-item>* input {
	height: 42px;
	line-height: 42px;
	padding: 0;
	border: none;
	border-bottom: 1px solid #455979;
	color: #fff;
}

.submit-item>* .l-radio {
	margin-top: 36px;
}

.l-select>select {
	height: 42px;
	line-height: 42px;
	color: #fff;
	padding: 0;
	border: none;
	border-bottom: 1px solid #455979;
	position: relative;
	z-index: 2;
}

.l-select {
	position: relative;
}

.l-select i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, .5);
}

.submit-bottom {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 40px;
}

.submit-bottom .attract-btn {
	margin: 0 30px 0 0;
}

.prospect-item {
	margin: 120px 0 0 -20px;
}

.prospect-item>* {
	padding-left: 20px;
}

.prospect-item>*>* {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px solid #9E9263;
	background: var(--linear-gradient-white);
	border-radius: 10px;
	text-align: center;
	padding: 70px 20px 30px;
}

.prospect-item>*>*:before,
.prospect-item>*>*:after,
.prospect-item .icon:before,
.prospect-item .icon:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(https://www.phoness.cn/style/img/zs1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: -1px;
	top: -1px;
}

.prospect-item>*>*:after {
	background-image: url(https://www.phoness.cn/style/img/zs2.png);
	left: auto;
	right: -1px;
}

.prospect-item .icon:before {
	background-image: url(https://www.phoness.cn/style/img/zs3.png);
	top: auto;
	bottom: -1px;
	left: auto;
	right: -1px;
}

.prospect-item .icon:after {
	background-image: url(https://www.phoness.cn/style/img/zs4.png);
	top: auto;
	bottom: -1px;
}

.prospect-item .icon {
	height: 65px;
}

.prospect-item .name {
	margin-top: 16px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.prospect-item .name:before {
	content: '';
	display: block;
	width: 40%;
	height: 100%;
	background: linear-gradient(90deg, #2a48ae, rgba(255, 255, 255, 0));
	position: absolute;
	left: -6px;
	top: 0;
	z-index: -1;
}

.prospect-item .ccont {
	margin-top: 40px;
}

.major-cont {
	margin: 80px auto 0;
}

.major-cont img {
	display: block;
	width: 508px;
	margin: auto;
}

.major-item {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -50px;
}

.major-item li {
	text-align: right;
	padding-left: 50px;
	margin-top: 40px;
	position: relative;
}

.major-item li:nth-child(2n) {
	text-align: left;
}

.major-item li .name {
	float: right;
	width: 120px;
	position: relative;
	text-align: center;
}

.major-item li .text {
	float: right;
	max-width: calc(100% - 120px);
	position: relative;
	padding-bottom: 20px;
	top: -27px;
	padding-right: 50px;
	height: 91px;
}

.major-item li:nth-child(2n) .name {
	float: left;
}

.major-item li:nth-child(2n) .text {
	float: left;
	padding: 0 0 20px 50px;
}

.major-item li .ccont {
	margin-top: 8px;
}

.major-item li .name:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #5065B1;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -2px;
}

.major-item li .name:after {
	content: '';
	display: block;
	width: 1px;
	height: 24px;
	background: #C8CEE4;
	position: absolute;
	left: 50%;
	top: calc(100% + 10px);
}

.major-item li .text:after {
	content: '';
	display: block;
	width: calc(100% + 60px);
	position: absolute;
	bottom: 0;
	left: 0;
	background: #C8CEE4;
	height: 1px;
}

.major-item li:nth-child(2n) .text:after {
	left: auto;
	right: 0;
}

.major-item li:nth-child(2) {
	left: 20px;
}

.major-item li:nth-child(3),
.major-item li:nth-child(4) {
	left: -110px;
	top: 50px;
}

.major-item li:nth-child(4) {
	left: auto;
	right: -120px;
}

.major-item li:nth-child(5),
.major-item li:nth-child(6) {
	left: -20px;
	top: 90px;
}

.major-item li:nth-child(6) {
	left: auto;
	right: -20px;
}

.support-item {
	margin: 100px 0 0 -10px;
}

.support-item li {
	padding-left: 10px;
	margin-bottom: 10px;
}

.support-item li>* {
	border: 1px solid #7A705B;
	border-radius: 5px;
	background: rgba(255, 255, 255, .3);
	padding: 30px;
	position: relative;
	overflow: hidden;
}

.support-item li .name {
	margin-top: 60px;
}

.support-item li .icon {
	width: 50px;
}

.support-item li .num {
	position: absolute;
	right: 20px;
	bottom: -20px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
	color: transparent;
	-webkit-background-clip: text;
}

.l-font50 {
	font-size: 50px;
}

#lhCode {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	background: #fff;
	width: 200px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

#lhCode>h2 {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	position: relative;
	border-bottom: 1px solid #eee;
}

#lhCode>.ewm {
	padding: 10px;
}

#lhCode>.ewm canvas {
	width: 100%;
}

#lhCode>h2 .iconfont {
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#particles-js {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	pointer-events: none;
	opacity: .5;
}

.lh-gh {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 100;
}

@keyframes gh {

	0%,
	100% {
		transform: translateY(-50%) scale(1);
	}

	50% {
		transform: translateY(-50%) scale(1.2);
	}
}

.gh-cont {
	height: 100vh;
	display: flex;
	align-items: center;
	padding: 0 12.5vw;
}

.gh-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--linear-gradient-blue1);
	margin-top: 70px;
	font-size: 20px;
}

.gh-btn:before {
	display: block;
	transform: rotate(-45deg);
}

.gh-cont .ccont {
	margin-top: 170px;
}


.book-layer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: scale(.5);
}

.Books .book-layer {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.book-banner {
	width: 70.20833333333333vw;
	height: 45.83333333333333vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.bb-bookblock:before {
	content: '';
	display: block;
	width: 40px;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 3;
	margin-left: -20px;
	display: none;
}

.bb-bookblock .l-imgs {
	width: 100%;
	height: 100%;
}

.book-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--color-wathet);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	position: absolute;
	right: 6.770833333333333vw;
	top: 8.6vw;
	z-index: 3;
	transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.book-close:hover {
	transform: rotate(90deg);
}

.book-btn a {
	display: block;
	width: 100px;
	height: 54px;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.book-btn a:hover {
	border-color: #F9BE00;
}

.book-btn a.prevs {
	left: 6.770833333333333vw;
}

.book-btn a.nexts {
	right: 6.770833333333333vw;
}

.book-btn a i {
	display: block;
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
}

.book-btn a i:after {
	content: '';
	display: block;
	width: 8px;
	height: 1px;
	background: #fff;
	position: absolute;
	left:
}

.book-btn a.prevs i:after {
	left: 0;
	top: 0;
	transform-origin: left center;
	transform: rotate(-35deg);
}

.book-btn a.nexts i:after {
	right: 0;
	top: 0;
	transform-origin: right center;
	transform: rotate(35deg);
}

.bb-bookblock {
	width: 70.20833333333333vw;
	height: 45.83333333333333vw;
	background: #000;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}

.bb-horizontal .bb-page {
	width: 100%;
	height: 50%;
	top: 50%;
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	transform-origin: center top;
}

.bb-page>div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
}

.bb-vertical .bb-content {
	width: 200%;
}

.bb-horizontal .bb-content {
	height: 200%;
}

.bb-page>div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-page>div:not(:only-child) {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay,
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

/* */

.bb-bookblock.bb-vertical>div.bb-page:first-child,
.bb-bookblock.bb-vertical>div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal>div.bb-page:first-child,
.bb-bookblock.bb-horizontal>div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* Content display */
.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	-moz-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	-moz-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	-moz-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	-moz-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}

/* No JS */
.no-js .bb-bookblock,
.no-js ul.bb-custom-grid li {
	width: auto;
	height: auto;
}

.no-js .bb-item {
	display: block;
	position: relative;
}

.pro-color {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}

.pro-color .colors {
	width: 100%;
	height: 100%;
	background: #49a3e2;
}

.pro-color .yuan>* {
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, .2);
	opacity: .5;
	position: absolute;
	left: -200px;
	top: -200px;
	border-radius: 50%;
}

/*
--color-wathet
linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));
F5AB00
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
	/*125%and150%*/

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
	/*150%*/

}

@media screen and (min-width: 2000px) {}

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

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

@media screen and (max-width: 1366px) {
	.container1400 {
		max-width: 100%;
	}
}

/*平板*/
@media screen and (max-width: 1024px) {

	.l-font20,
	.l-font24 {
		font-size: 16px;
	}

	.l-font26 {
		font-size: 18px;
	}

	.l-font12 {
		font-size: 12px;
	}

	.l-font14 {
		font-size: 14px;
	}

	.l-font16 {
		font-size: 14px;
	}

	.l-font18 {
		font-size: 14px;
	}

	.l-font130 {
		font-size: 32px;
	}

	.l-font32 {
		font-size: 24px;
	}

	.l-font70 {
		font-size: 24px;
	}

	.l-font30 {
		font-size: 18px;
	}

	.l-font40 {
		font-size: 20px;
	}

	.l-lh30 {
		line-height: 24px;
	}

	.l-font36 {
		font-size: 20px;
	}

	.l-lh24 {
		line-height: 20px;
	}

	.l-font48 {
		font-size: 24px;
	}

	.l-col-1,
	.l-col-2,
	.l-col-3,
	.l-col-4,
	.l-col-5,
	.l-col-6,
	.l-col-7,
	.l-col-8,
	.l-col-9,
	.l-col-10,
	.l-col-11,
	.l-col-12 {
		width: 100%;
	}

	.l-grid-2>*,
	.l-grid-3>*,
	.l-grid-4>*,
	.l-grid-5>*,
	.l-grid-6>*,
	.l-grid-7>*,
	.l-grid-8>* {
		width: 100%;
	}

	.lh-logo {
		width: 80px;
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		margin: 0;
		height: auto;
	}

	.lh-nav {
		display: none;
	}

	header {
		height: 50px;
		padding: 0;
	}

	.header-r {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
	}

	.l-font22 {
		font-size: 16px;
	}

	.header-r .tel i {
		font-size: 18px;
	}

	.nav-btn {
		margin-left: 15px;
	}

	.NavToggle .lh-logo>*.logo2 {
		opacity: 1;
	}

	.NavToggle .lh-logo>*.logo1 {
		opacity: 0;
	}

	.NavToggle .header-r .tel {
		color: #000;
		transition: var(--transition);
	}

	.nav-toggle {
		padding: 80px 20px 30px;
		min-width: inherit;
		width: 100%;
	}

	.toggle-nav>* dd {
		margin-top: 10px;
	}

	.lh-share {
		display: none;
	}

	.l-font28 {
		font-size: 20px;
	}

	.lh-banner-hd {
		left: 15px;
		bottom: 20px;
	}

	.l-font46 {
		font-size: 30px;
	}

	.index-about .public-title .name {
		-webkit-text-stroke: 0.2px #fff;
	}

	.index-pro .lh-more,
	.brand-honor .lh-more,
	.encyclopedia-project .lh-more {
		width: 140px;
		height: 40px;
	}

	.pro-quick {
		display: block;
		margin-top: 30px;
	}

	.pro-quick-item li>* .text .iconfont {
		width: 50px;
		height: 50px;
		font-size: 18px;
	}

	.pro-quick-item li {
		width: 50% !important;
	}

	.pro-quick>*:last-child {
		padding-left: 0;
	}

	.pro-quick>*:first-child li,
	.pro-quick-item li:nth-child(5) {
		width: 100% !important;
	}

	.pro-quick-item li>* {
		height: 120px;
	}

	.index-news-item li .img {
		height: 200px;
	}

	.l-lh36 {
		line-height: 24px;
	}

	.serves-item>*>* {
		height: 160px;
	}

	.serves-item>* {
		margin-top: 10px;
	}

	.serves-item>* .text {
		padding: 20px;
	}

	.serves-item>* .text .ccont {
		margin-top: 10px;
	}

	.serves-partner .bd li {
		width: 20%;
	}

	.serves-partner {
		margin-top: 30px;
	}

	.footer-r {
		display: none;
	}

	.footer-share>.lh-share {
		display: flex;
	}

	.footer-share {
		margin-top: 30px;
	}

	.lh-share>* .ewm {
		margin-left: 0;
		left: 0;
	}

	.lh-share>* .ewm:before {
		left: 22px;
	}

	.footer-l dl {
		margin-top: 30px;
	}

	.footer-b-l {
		display: none;
	}

	.footer-bottom>*.footer-copy {
		text-align: left;
	}

	.footer-bottom,
	.footer-top {
		padding: 30px 0;
	}

	.index-page {
		padding: 0 15px;
	}

	.pro-index {
		padding: 150px 0 100px 15px;
	}

	.pro-index-text {
		left: 15px;
		top: 150px;
	}

	.l-font42 {
		font-size: 26px;
	}

	.pro-index-nav {
		left: 15px;
		bottom: 100px;
	}

	.main-other {
		padding-top: 50px;
	}

	.lh-crumbs>*>*:nth-child(2) {
		display: none;
	}

	.crumbs-nav {
		white-space: nowrap;
		display: block;
	}

	.crumbs-nav>* {
		margin-right: 5px;
		display: inline-block;
	}

	.crumbs-nav>* a {
		font-size: 13px;
	}

	.lh-crumbs {
		height: 60px;
	}

	.pro-cont {
		padding: 30px 0;
	}

	.pro-item>li .img {
		height: 200px;
	}

	.pro-item>li .text {
		padding: 20px 0;
	}

	.pro-item>li .text:after {
		height: 2px;
	}

	.pro-item>li {
		margin-bottom: 40px;
	}

	.detail-top {
		padding: 30px 0;
	}

	.detail-top>.container1400 {
		display: block;
	}

	.detail-top>.container1400>* {
		width: 100%;
	}

	.detail-banner {
		height: 300px;
	}

	.detail-r {
		padding-left: 0;
	}

	.detail-r>*.top {
		padding-top: 20px;
	}

	.detail-btn {
		margin-top: 30px;
		padding-top: 30px;
	}

	.detail-btn>* {
		width: 50%;
	}

	.detail-bg-banner {
		height: 100%;
	}

	.detail-r>*.bottom i {
		width: 50px;
		height: 50px;
	}

	.detail-r>*.bottom {
		display: none;
	}

	.detail-cont {
		padding: 30px 0;
	}

	.lh-ban {
		height: 240px;
	}

	.l-font54 {
		font-size: 28px;
	}

	.ban-scroll {
		display: none;
	}

	.l-pd130 {
		padding: 30px 0;
	}

	.brand-story .text {
		width: 100%;
	}

	.brand-story .text .ccont {
		margin-top: 30px;
	}

	.brand-culture {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.brand-culture .public-line {
		margin: 30px 0 36px;
	}

	.culture-item {
		margin-top: 30px;
		margin-left: -15px;
	}

	.culture-item>* {
		margin-top: 10px;
		width: 50%;
		padding-left: 15px;
	}

	.culture-item>*>* {
		padding: 30px;
		box-shadow: 0 0 20px rgba(0, 0, 0, .1);
		height: 100%;
	}

	.brand-videos .name {
		margin-top: 10px;
	}

	.video-btn {
		width: 52px;
		height: 52px;
		font-size: 18px;
	}

	.lh-imgLayer-close {
		width: 40px;
		height: 40px;
	}

	.videos-banner .bd li a {
		height: 280px;
	}

	.videos-btn>*.prevs {
		left: 10px;
	}

	.videos-btn>*.nexts {
		right: 10px;
	}

	.videos-btn>* {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.videos-banner .bd li .text {
		padding: 15px;
		line-height: 30px;
	}

	.videos-banner .bd li .iconfont {
		width: 30px;
		height: 30px;
		right: 15px;
		bottom: 15px;
		font-size: 16px;
	}

	.history-l {
		width: 100%;
		padding: 30px 20px;
	}

	.history-r {
		width: 100%;
		padding: 30px 20px;
		color: #fff;
	}

	.history-hd {
		color: #fff;
	}

	.history-hd .bd li.on>* {
		color: #000;
	}

	.l-font90 {
		font-size: 60px;
	}

	.history-btn {
		left: 20px;
		bottom: 20px;
	}

	.history-btn>* {
		color: #fff;
	}

	.brand-honor>*>*.text {
		width: 100%;
	}

	.brand-honor>*>*.text .ccont {
		margin-top: 10px;
	}

	.l-lh40 {
		line-height: 30px;
	}

	.honor-btn {
		margin-top: 30px;
	}

	.honor-banner {
		width: 100%;
		margin-top: 30px;
	}

	.honor-banner .bd .img {
		border-width: 2px;
	}

	.l-font80 {
		font-size: 42px;
	}

	.attract-btn {
		width: 200px;
		height: 54px;
	}

	.submit-item {
		margin-top: 30px;
	}

	.submit-item>* .cont {
		margin-top: 0;
	}

	.submit-item>* {
		margin-bottom: 20px;
	}

	.submit-item>* .l-radio {
		margin-top: 10px;
	}

	.submit-item>* .title {
		height: auto;
	}

	.submit-bottom {
		margin-top: 30px;
	}

	.prospect-item {
		margin: 10px 0 0 -20px;
	}

	.prospect-item>* {
		width: 50%;
		margin-top: 10px;
	}

	.prospect-item>*>* {
		padding: 20px;
		height: 100%;
		border-radius: 6px;
	}

	.prospect-item .ccont {
		margin-top: 10px;
		white-space: normal;
	}

	.prospect-item>*>*:before,
	.prospect-item>*>*:after,
	.prospect-item .icon:before,
	.prospect-item .icon:after {
		width: 15px;
		height: 15px;
	}

	.prospect-item .icon {
		width: 28px;
		height: 30px;
	}

	.l-lh28 {
		line-height: 24px;
	}

	.prospect-item .name {
		height: 28px;
		line-height: 28px;
	}

	.major-cont img {
		display: none;
	}

	.major-item {
		position: static;
		margin-left: 0;
	}

	.major-item li {
		margin-top: 10px;
		text-align: left !important;
		left: 0 !important;
		top: 0 !important;
		background: rgba(255, 255, 255, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		padding: 20px;
	}

	.major-item li .name {
		float: left;
		width: auto;
	}

	.major-item li .name:before,
	.major-item li .name:after,
	.major-item li .text:after {
		display: none;
	}

	.major-item li .text {
		width: calc(100% - 80px);
		padding: 0 0 0 50px !important;
		float: left !important;
		max-width: inherit;
	}

	.major-cont {
		margin: 20px 0 0;
	}

	.l-font34 {
		font-size: 24px;
	}

	.major-item li .ccont {
		margin-top: 0;
	}

	.major-item li .text {
		height: auto;
		top: 0;
		position: static;
	}

	.major-item li .time {
		position: absolute;
		left: 20px;
		top: 40px;
		font-size: 20px;
	}

	.support-item {
		margin: 20px 0 0 -10px;
	}

	.support-item li {
		width: 50%;
	}

	.support-item li>* {
		padding: 15px;
	}

	.support-item li .name {
		margin-top: 20px;
	}

	.serves-standard {
		padding: 30px 0;
	}

	.serves-standard .ccont {
		padding-top: 30px;
	}

	.l-lh50 {
		line-height: 30px;
	}

	.standard-r {
		margin-top: 20px;
	}

	.serves-standard>.l-imgs {
		height: 100%;
	}

	.serves-standard .public-line {
		margin: 30px 0 36px;
	}

	.serves-standard .public-line:before {
		height: 36px;
	}

	.standard-item {
		width: 100%;
		height: auto;
		padding: 20px;
	}

	.serves-standard>* {
		display: block;
	}

	.sunshine-r>* {
		width: 60px;
		height: 60px;
	}

	.serves-sunshine>.l-flex>.text .bd {
		margin-top: 80px;
		line-height: 30px;
	}

	.standard-banner {
		margin-top: 30px;
	}

	.standard-cont {
		height: 220px;
	}

	.standard-cont>*.right {
		padding: 0 20px;
	}

	.standard-btn {
		margin-top: 20px;
	}

	.serves-sotres .num span {
		top: -18px;
	}

	.l-pd60 {
		padding: 30px 0;
	}

	.serves-contact>* {
		display: block;
	}

	.contact-item li {
		width: calc(50% - 10px);
		height: 220px;
		margin: 0 5px;
		padding: 30px 15px;
	}

	.contact-item li .name {
		margin-bottom: 10px;
	}

	.encyclopedia-family {
		padding: 30px 0;
	}

	.encyclopedia-family>* {
		display: block;
	}

	.family-nav {
		margin-top: 30px;
	}

	.family-banner {
		width: 100%;
	}

	.family-r {
		display: none;
	}

	.project-item li {
		margin-top: 15px;
	}

	.project-item li .bottom {
		margin-top: 30px;
	}

	.case-r {
		padding-top: 50px;
	}

	.case-item {
		margin: 10px 0 0 -10px;
	}

	.case-item>* {
		margin-top: 10px;
	}

	.case-item>*>* {
		width: 100%;
	}

	.case-item>*>* {
		padding: 30px 0 0;
	}

	.l-font140 {
		font-size: 90px;
		line-height: 90px;
	}

	.encyclopedia-project>* {
		display: block;
	}

	.guide-item {
		margin: 10px 0 0 -30px;
	}

	.public-title .ccont.l-font20 {
		margin-top: 5px;
	}

	.guide-item>* {
		margin-top: 15px;
	}

	.guide-item>*>* {
		height: 250px;
	}

	.encyclopedia-project .public-title {
		text-align: center;
	}

	.l-font38 {
		font-size: 18px;
	}

	.knowledge-banner {
		margin-top: 30px;
	}

	.knowledge-banner .bd .text {
		margin-top: 40px;
	}

	.knowledge-btn {
		left: 30px;
	}

	.news-cont {
		padding: 30px 0;
	}

	.filter-select {
		width: 40%;
	}

	.filter-serach {
		width: 60%;
	}

	.news-filter-totol {
		display: none;
	}

	.news-item {
		margin: 30px 0;
	}

	.news-item>* {
		margin-bottom: 15px;
	}

	.news-item>*>* {
		padding: 15px;
	}

	.news-item .img {
		width: 100%;
		height: 200px;
	}

	.news-item>*>* {
		display: block;
	}

	.news-item .text {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.news-item .iconfont {
		display: none;
	}

	.news-item .text .ccont {
		margin-top: 12px;
	}

	.news-item .text .time {
		margin-top: 20px;
	}

	.newsDetail-l {
		width: 100%;
		padding-right: 0;
	}

	.newsDetail-l>* {
		padding: 15px;
	}

	.newsDetail-cont {
		margin-top: 15px;
		padding: 15px 0 0;
	}

	.detail-ewm {
		display: none;
	}

	.newsDetail-r {
		width: 100%;
		margin-top: 15px;
	}

	.newsDetail-r>* {
		padding: 15px;
	}

	.news-other-item>* {
		margin-top: 20px;
	}

	.news-other-item>* .name {
		margin-top: 15px;
	}

	.guide-item.list li {
		margin: 0 0 15px;
	}

	.stores-cont {
		padding-top: 30px;
	}

	.filter-item {
		margin: 20px 0 0 -10px;
	}

	.filter-item>* {
		width: 50%;
		flex: none;
		margin-top: 10px;
	}

	.filter-item>* select {
		height: 52px;
	}

	.filter-item>*:last-child {
		flex: none;
	}

	.filter-item>* a {
		width: 100%;
		height: 52px;
	}

	.lh-map {
		height: calc(100vh - 50px);
		padding: 30px 0;
		margin-top: 30px;
	}

	.map-r>*.title {
		padding: 20px 0;
	}

	.map-item li>* {
		padding: 20px 0;
	}

	.encyclopedia-project._life .public-title {
		text-align: left;
	}

	.lh-gh {
		width: 70px;
		right: 10px;
		bottom: 10px;
	}

	.lh-cursor {
		display: none;
	}

	.case-layer {
		width: 100%;
		left: 0;
		padding: 30px;
	}

	.layer-close {
		right: 20px;
		top: 20px;
	}

	.case-banner .bd .l-imgs {
		height: 240px;
		width: 80%;
	}

	.case-btn>*.nexts {
		right: 0;
	}

	.case-btn>*.prevs {
		left: 0;
	}

	.gh-cont {
		padding: 0 15px;
	}

	.l-lh60 {
		line-height: 50px;
	}

	.gh-btn {
		margin-top: 30px;
	}

	.gh-cont .ccont {
		margin-top: 0;
		position: absolute;
		left: 15px;
		bottom: 20px;
		right: 15px;
	}

	.book-layer {
		background: rgba(0, 0, 0, .5);
	}

	.bb-bookblock {
		width: 90vw;
		height: 240px;
	}

	.book-close {
		width: 42px;
		height: 42px;
		right: 15px;
		top: 15px;
	}

	.book-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 60px;
	}

	.book-web-layer {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, .5);
		z-index: 1100;
		display: none;
	}

	.bookWebLayer .book-web-layer {
		display: flex;
	}

	.pinch-zoom-container {
		height: 100% !important;
		width: 100%;
	}

	.pinch-zoom-container .img {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*手机*/
	@media screen and (max-width: 980px) {}