.fs22 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.66667;
}


.icon-jc0:before {
	content: "\e724";
}


.banner-dots li button::before,
.search-item {
	-webkit-transition: all .3s;
	transition: all .3s
}

.search-item h4 {
	-webkit-transition: color .3s;
	transition: color .3s
}

@font-face {
	font-family: "Comfortaa";
	src: url('../fonts/comfortaa.eot');
	src: url('../fonts/comfortaa.eot') format('embedded-opentype'), url('../fonts/comfortaa.woff2') format('woff2'), url('../fonts/comfortaa.woff') format('woff'), url('../fonts/comfortaa.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.25;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	font-family: "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	color: #fff;
	background-color: transparent;
	text-decoration: none
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button {
	border: none;
	padding: 0;
	background-color: transparent;
	cursor: pointer
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

ul,
dl,
dd {
	margin: 0;
	padding: 0
}

ul,
li {
	list-style: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: inherit
}

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

figure {
	margin: 0
}

.ovf {
	overflow: hidden
}

* {
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box
}

[class*=' icon-'],
[class^=icon-] {
	font-family: "iconfont";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-transform: none
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
	display: none
}

.wow {}

.no-cssanimations .wow {
	visibility: visible
}

.mt-10 {
	margin-top: 10px
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-120 {
	margin-top: 120px
}

.mt-140 {
	margin-top: 140px
}

.mt-150 {
	margin-top: 150px
}

.mt-160 {
	margin-top: 160px
}

.mt-180 {
	margin-top: 180px
}

.mt-200 {
	margin-top: 200px
}

.pt-30 {
	padding-top: 30px
}

.pt-50 {
	padding-top: 50px
}

.pt-80 {
	padding-top: 80px
}

.pt-100 {
	padding-top: 100px
}

.pt-120 {
	padding-top: 120px
}

.pt-150 {
	padding-top: 188px
}

@media (max-width: 1620px) {
	.mt-50 {
		margin-top: 42px
	}

	.mt-60 {
		margin-top: 50px
	}

	.mt-80 {
		margin-top: 66px
	}

	.mt-100 {
		margin-top: 85px
	}

	.mt-120 {
		margin-top: 100px
	}

	.mt-140 {
		margin-top: 120px
	}

	.mt-150 {
		margin-top: 125px
	}

	.mt-180 {
		margin-top: 150px
	}

	.mt-200 {
		margin-top: 170px
	}

	.pt-50 {
		padding-top: 42px
	}

	.pt-120 {
		padding-top: 100px
	}

	.pt-150 {
		padding-top: 125px
	}
}

@media (max-width: 1440px) {
	.mt-50 {
		margin-top: 38px
	}

	.mt-60 {
		margin-top: 45px
	}

	.mt-80 {
		margin-top: 60px
	}

	.mt-100 {
		margin-top: 75px
	}

	.mt-120 {
		margin-top: 90px
	}

	.mt-140 {
		margin-top: 105px
	}

	.mt-150 {
		margin-top: 112px
	}

	.mt-180 {
		margin-top: 134px
	}

	.mt-200 {
		margin-top: 150px
	}

	.pt-50 {
		padding-top: 38px
	}

	.pt-120 {
		padding-top: 90px
	}

	.pt-150 {
		padding-top: 112px
	}
}

@media (max-width: 1380px) {
	.mt-50 {
		margin-top: 35px
	}

	.mt-60 {
		margin-top: 42px
	}

	.mt-80 {
		margin-top: 50px
	}

	.mt-100 {
		margin-top: 70px
	}

	.mt-120 {
		margin-top: 86px
	}

	.mt-140 {
		margin-top: 100px
	}

	.mt-150 {
		margin-top: 108px
	}

	.mt-180 {
		margin-top: 130px
	}

	.mt-200 {
		margin-top: 108px
	}

	.pt-50 {
		padding-top: 35px
	}

	.pt-120 {
		padding-top: 86px
	}

	.pt-150 {
		padding-top: 108px
	}
}

@media (max-width: 650px) {
	.mt-30 {
		margin-top: 15px
	}

	.mt-50 {
		margin-top: 20px
	}

	.mt-60 {
		margin-top: 25px
	}

	.mt-70 {
		margin-top: 30px
	}

	.mt-80 {
		margin-top: 35px
	}

	.mt-90 {
		margin-top: 40px
	}

	.mt-100 {
		margin-top: 45px
	}

	.mt-110 {
		margin-top: 50px
	}

	.mt-120 {
		margin-top: 55px
	}

	.mt-140 {
		margin-top: 60px
	}

	.mt-150 {
		margin-top: 65px
	}

	.mt-160 {
		margin-top: 70px
	}

	.mt-180 {
		margin-top: 80px
	}

	.mt-200 {
		margin-top: 90px
	}

	.pt-50 {
		padding-top: 20px
	}

	.pt-120 {
		padding-top: 55px
	}

	.pt-150 {
		padding-top: 65px
	}
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.d-inline-block {
	display: inline-block
}

.d-none {
	display: none
}

.d-block {
	display: block
}

.v-rl {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl
}

.v-lr {
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr
}

.contact-map .BMapLabel {
	border: 0
}

.contact-map .anchorBL {
	display: none
}

.list {
	font-size: 0;
	margin-left: -10px;
	margin-right: -10px
}

.list>li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 70px
}

.list>li>a,
.list>li .item-box {
	display: block;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20px
}

.list-1>li {
	width: 100%
}

.list-2>li {
	width: 50%
}

.list-3>li {
	width: 33.3333%
}

.list-4>li {
	width: 25%
}

.list-5>li {
	width: 20%
}

.slick-margin {
	margin-left: -10px;
	margin-right: -10px
}

.slick-margin .item-cont {
	display: block;
	position: relative;
	margin-left: 10px;
	margin-right: 10px
}

@media (max-width: 1620px) {
	.list>li {
		margin-bottom: 54px
	}

	.list>li>a,
	.list>li .item-box {
		font-size: 18px
	}
}

@media (max-width: 1440px) {
	.list {
		margin-left: -6px;
		margin-right: -6px
	}

	.list>li {
		margin-bottom: 48px
	}

	.list>li>a,
	.list>li .item-box {
		font-size: 16px;
		margin-left: 6px;
		margin-right: 6px
	}

	.slick-margin {
		margin-left: -6px;
		margin-right: -6px
	}

	.slick-margin .item-cont {
		margin-left: 6px;
		margin-right: 6px
	}
}

@media (max-width: 1380px) {

	.list>li>a,
	.list>li .item-box {
		font-size: 14px
	}
}

@media (max-width: 1280px) {

	.list>li>a,
	.list>li .item-box {
		font-size: 12px
	}
}

@media (max-width: 1025px) {
	.list>li {
		margin-bottom: 40px
	}
}

@media (max-width: 650px) {
	.list>li {
		margin-bottom: 30px
	}
}

@media (max-width: 500px) {
	.list {
		margin-left: -4px;
		margin-right: -4px
	}

	.list>li>a,
	.list>li .item-box {
		margin-left: 4px;
		margin-right: 4px
	}

	.slick-margin {
		margin-left: -4px;
		margin-right: -4px
	}

	.slick-margin .item-cont {
		margin-left: 4px;
		margin-right: 4px
	}
}

.img-box {
	position: relative
}

.img-box::before {
	content: "";
	display: block
}

.img-box>img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

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

.bg-contain {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.wx-share {
	margin-top: -85px;
	margin-left: -70px;
	border-radius: 3px;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 140px;
	padding-top: 20px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
}

.wx-share img {
	display: block;
	width: 120px;
	margin: 0 auto
}

.wx-share p {
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	font-weight: 500;
	color: #000
}

.wx-share i {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #000
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes scalePic {
	from {
		-webkit-transform: scale(1.06, 1.06);
		transform: scale(1.06, 1.06)
	}

	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes scalePic {
	from {
		-webkit-transform: scale(1.06, 1.06);
		transform: scale(1.06, 1.06)
	}

	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.scalePic {
	-webkit-animation-name: scalePic;
	animation-name: scalePic
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeftSmall {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRightSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRightSmall {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track::after,
.slick-track::before {
	display: table;
	content: ""
}

.slick-track::after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0
}

.slick-slide a {
	outline: 0
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.banner-dots {
	position: absolute;
	bottom: 80px;
	right: 0;
	left: 0;
	font-size: 0;
	text-align: center
}

.banner-dots li {
	margin: 0 15px;
	display: inline-block;
	vertical-align: top
}

.banner-dots li button {
	position: relative;
	display: inline-block;
	padding: 0;
	border: 0;
	font-size: 0;
	background-color: transparent;
	outline: 0;
	cursor: pointer
}

.banner-dots li button::before {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #999
}

.banner-dots li button::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: #00BDD4
}

.banner-dots li.slick-active button::before {
	background-color: #999
}

.banner-dots li.slick-active button::after {
	width: 100%;
	-webkit-transition: width 4s ease;
	transition: width 4s ease
}

@media (max-width: 1024px) {
	.banner-dots {
		bottom: 20px
	}

	.banner-dots li {
		margin-right: 10px;
		margin-left: 10px
	}

	.banner-dots li button::before {
		width: 30px
	}
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 600;
	transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear
}

.header::after {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: -1;
	opacity: 0
}

.header-main {
	padding: 36px 0
}

.header-handle {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	margin-left: 60px
}

.header-handle .line {
	transition: background .3s linear;
	-ms-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	background-color: #fff;
	width: 1px;
	height: 16px;
	margin-left: 16px;
	margin-right: 16px
}

.head-search,
.head-cart {
	position: relative
}

.head-search span,
.head-cart span {
	width: 100%;
	height: 100%;
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	display: block
}

.head-search,
.head-cart {
	display: inline-block;
	width: 22px;
	height: 22px
}

.hs-dec1 {
	background: url(../images/icon-06.png) no-repeat center center;
	background-size: 22px 22px
}

.hs-dec2 {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon-h06.png) no-repeat center center;
	background-size: 22px 22px
}

.hc-dec1 {
	background: url(../images/icon-07.png) no-repeat center center;
	background-size: 22px 22px
}

.hc-dec2 {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon-h07.png) no-repeat center center;
	background-size: 22px 22px
}

.logo {
	display: inline-block;
	height: 44px;
	position: relative
}

.logo img {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	height: 100%;
	width: auto
}

.logo .logo-black {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.scroll .header::after,
.no-scroll .header::after {
	opacity: 1
}

.scroll .logo-black,
.no-scroll .logo-black {
	opacity: 1
}

.scroll .logo-white,
.no-scroll .logo-white {
	opacity: 0
}

.scroll .hs-dec1,
.scroll .hc-dec1,
.no-scroll .hs-dec1,
.no-scroll .hc-dec1 {
	opacity: 0
}

.scroll .hs-dec2,
.scroll .hc-dec2,
.no-scroll .hs-dec2,
.no-scroll .hc-dec2 {
	opacity: 1
}

.scroll .header-handle .line,
.no-scroll .header-handle .line {
	background-color: rgba(112, 112, 112, 0.5)
}

.header-place {
	display: none;
	height: 96px
}

.no-scroll .header-place {
	display: block
}

.nav-search__container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #00BDD4;
	z-index: 1400;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: visibility 0s linear 1.25s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: visibility 0s linear 1.25s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.nav-search__container form {
	width: 100%
}

.nav-search__container.active {
	-webkit-transition: visibility 0s linear 0s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: visibility 0s linear 0s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.nav-search__container.active .ns-form__group {
	-webkit-transition: opacity 0.8s linear 750ms, transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	transition: opacity 0.8s linear 750ms, transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.ns-form__group {
	position: relative;
	-webkit-transition: opacity 0.8s linear 0s, transform 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
	transition: opacity 0.8s linear 0s, transform 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
	opacity: 0;
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0)
}

.nav-search__box {
	height: 100%;
	width: 100%;
	padding: 0 40px
}

.nav-search__box input {
	width: 100%;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	background-color: transparent;
	outline: none;
	font-size: 40px;
	color: #fff;
	padding-bottom: 10px;
	padding-right: 40px
}

.nav-search__box input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6)
}

.nav-search__box button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
	font-size: 20px;
	cursor: pointer
}

.close-nav__search {
	position: absolute;
	right: 24px;
	top: 24px;
	display: block;
	font-size: 20px;
	color: #fff
}

.head-cart__box {
	position: relative
}

.head-cart__list {
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	width: 90px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 14px
}

.head-cart__list li {
	margin: 16px 0
}

.head-cart__list a {
	color: #989997
}

@media (min-width: 1025px) {
	.header-transY .header {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	.close-nav__search {
		transition: transform .3s linear;
		-ms-transition: transform .3s linear;
		-moz-transition: transform .3s linear;
		-webkit-transition: transform .3s linear;
		-o-transition: transform .3s linear
	}

	.close-nav__search:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.scroll .header-menu>li>a,
	.no-scroll .header-menu>li>a {
		color: #989997
	}

	.header-main {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-height: 96px
	}

	.header-cont {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		box-align: center;
		-moz-box-align: center;
		-webkit-box-align: center
	}

	.header-menu {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		font-size: 16px
	}

	.header-menu>li {
		margin-left: 50px;
		position: relative
	}

	.header-menu>li>a {
		font-weight: 500;
		letter-spacing: 1px;
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear;
		display: block;
		padding: 38px 0
	}

	.header-menu>li>a:hover {
		color: #00BDD4
	}

	.head-cart__box {
		padding: 35px 0
	}

	.head-cart__list a {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.head-cart__list a:hover {
		color: #00BDD4
	}

	.m-menu,
	.head-shade {
		display: none
	}

	.subnav {
		display: none;
		position: absolute;
		left: 50%;
		top: 100%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 120px;
		background-color: #fff;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 14px;
		text-align: center
	}

	.subnav li {
		margin: 16px 0
	}

	.subnav a {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear;
		color: #989997
	}

	.subnav a:hover {
		color: #00BDD4
	}
}

@media (max-width: 1024px) {
	.header-nav {
		position: fixed;
		left: 0;
		top: 0;
		width: 480px;
		height: 100%;
		background-color: #000;
		opacity: 0.7;
		display: none;
		z-index: 640
	}

	.header-place {
		height: 46px
	}

	.header-main {
		position: relative;
		text-align: center;
		padding: 12px 0
	}

	.header-handle,
	.m-menu {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%)
	}

	.header-handle {
		right: 0
	}

	.m-menu {
		left: 0;
		z-index: 660
	}

	.m-menu i {
		transition: all .3s linear;
		-ms-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		display: block;
		width: 18px;
		height: 1px;
		background-color: #fff;
		margin: 4px 0;
		border-radius: 20px
	}

	body.open .m-menu i {
		background-color: #fff
	}

	body.open .m-menu i:nth-child(1) {
		-webkit-transform: translate(0px, 6px) rotate(45deg);
		transform: translate(0px, 6px) rotate(45deg)
	}

	body.open .m-menu i:nth-child(2) {
		opacity: 0;
		visibility: hidden
	}

	body.open .m-menu i:nth-child(3) {
		-webkit-transform: translate(0px, -4px) rotate(-45deg);
		transform: translate(0px, -4px) rotate(-45deg)
	}

	.scroll .m-menu i,
	.no-scroll .m-menu i {
		background-color: #989997
	}

	.header-menu {
		font-size: 16px;
		text-align: left;
		/* text-align: left; */
		margin-left: 15%;
	}

	.header-menu>li {
		margin-bottom: 24px;
		border-bottom: 1px solid #ccc;
		padding: 10px 10% 8px 10px;
		margin-right: 15%;
	}

	.head-shade {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 620;
		display: none
	}

	.logo {
		top: 3px;
		height: 30px
	}

	.subnav {
		display: none
	}

	.subnav li {
		padding: 8px 0
	}

	.subnav a {
		font-size: 14px
	}

	.nav-search__box input {
		font-size: 26px
	}

	.head-cart__box {
		padding: 10px 0
	}

	.head-cart__list {
		font-size: 12px
	}

	.head-cart__list li {
		margin: 12px 0
	}
}

@media (max-width: 650px) {
	.header-nav {
		width: 90%
	}

	.header-handle .line {
		margin-left: 12px;
		margin-right: 12px
	}

	.header-main {
		padding: 12px 0
	}

	.nav-search__box {
		padding: 0 20px
	}

	.nav-search__box input {
		font-size: 20px;
		padding-bottom: 6px
	}

	.nav-search__box button {
		font-size: 18px
	}

	.close-nav__search {
		font-size: 18px;
		right: 20px;
		top: 20px
	}
}

.in-banner__wrap {
	font-size: 0;
	position: relative
}

.in-banner__wrap .slider-handle {
	position: absolute;
	bottom: 55px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.in-banner__slick .item-box {
	position: relative
}

.in-banner__slick .item-pic {
	height: 100vh
}

.in-banner__slick .item-small__pic {
	display: none
}

.in-banner__slick .item-cont {
	position: absolute;
	left: 0;
	top: 47%;
	width: 100%;
	text-align: center;
	padding: 0 40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.in-banner__slick .item-hint,
.in-banner__slick .item-caption,
.in-banner__slick .item-txt {
	transition: all .4s linear;
	-ms-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
}

.in-banner__slick .item-hint {
	letter-spacing: .2em;
	margin-bottom: .13333em
}

.in-banner__slick .item-caption {
	font-size: 48px;
	font-family: "Comfortaa";
	color: #ffffff;
	letter-spacing: 1.0167vw;
	line-height: 1.2;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.in-banner__slick .item-txt {
	letter-spacing: 4px;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.in-ready .in-banner__slick .slick-current .item-hint,
.in-ready .in-banner__slick .slick-current .item-caption,
.in-ready .in-banner__slick .slick-current .item-txt {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.in-safe__wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.in-safe__pic,
.in-safe__main {
	width: 50%;
	position: relative;
	overflow: hidden
}

.in-safe__pic {
	overflow: hidden
}

.in-safe__pic::before {
	content: "";
	display: block;
	padding-top: 93.75%
}

.in-safe__pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.in-safe__main {
	background-color: #00BDD4;
	color: #fff
}

.in-safe__box {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-box-pack: center;
	-webkit--moz-box-pack: center;
	box-pack: center;
	height: 100%;
	text-align: center
}

.in-safe__box::before {
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/logob.png) no-repeat center center;
	width: 550px;
	height: 725px
}

.in-sec__inner {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.66667
}

.in-sec__inner h3 {
	font-family: "Comfortaa"
}

.in-sec__inner h1 {
	margin-top: .25em;
	margin-bottom: .25em;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.41667;
	letter-spacing: 1px
}

.in-sec__inner p {
	font-weight: 400
}

.in-sec__inner.sec-grey {
	color: #989997
}

.in-sec__inner.sec-grey h1 {
	color: #242424
}

.in-sec__inner.sec-white {
	color: #fff
}

.in-sec__inner.sec-white h1 {
	color: #fff
}

.in-hybr__list ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-box-pack: center;
	-webkit--moz-box-pack: center;
	box-pack: center
}

.in-hybr__list li {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.in-hybr__list li:last-child {
	border-right: none
}

.in-hybr__list .item-dec {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	width: 38px
}

.in-hybr__list .item-dec::before {
	padding-top: 100%
}

.in-hybr__list .item-title {
	letter-spacing: .6px
}

.in-hybr__list .item-intro {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: .6px
}

.in-safe__cont {
	width: 100%;
	padding: 0 40px
}

.in-safe__list li {
	width: 33%;
	margin-top: 41px;
	padding: 0 12px;
}

.in-brand__wrap {
	position: relative;
	overflow: hidden
}

.in-brand__bgPic {
	padding-top: 46.875%
}

.in-brand__cont {
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	text-align: center;
	padding: 0 40px;
	color: #fff
}

.in-brand__cont .txt p {
	color: rgba(255, 255, 255, 0.7)
}

.in-brand__btn {
	position: absolute;
	left: 0;
	bottom: 8%;
	width: 100%;
	text-align: center
}

.in-product__rows {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0
}

.in-product__rows:nth-child(odd) {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.in-product__bgPic,
.in-product__cont {
	width: 50%;
	position: relative;
	overflow: hidden
}

.in-product__bgPic::before {
	content: "";
	display: block;
	padding-top: 93.75%
}

.in-product__bgPic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.in-product__slick .item-pic::before {
	padding-top: 93.75%
}

.in-pro__slickBox .slick-dots,
.in-pro__slickBox .slider-dots {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
	text-align: center
}

.in-product__inner {
	position: absolute;
	top: 70px;
	left: 60px;
	right: 60px;
	z-index: 100
}

.in-product__inner .item-label {
	font-family: "Comfortaa";
	color: #969696;
	letter-spacing: 2px
}

.in-product__inner .item-txt {
	color: #000;
	margin-top: .22222em
}

.in-proCart__btn {
	position: absolute;
	right: 50px;
	bottom: 54px;
	font-size: 18px;
	color: #585B5E;
	padding-bottom: 3px
}

.in-proCart__btn::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #585B5E
}

.in-pro__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #707070;
	font-size: 20px;
	z-index: 100
}

.in-pro__prev {
	left: 56px
}

.in-pro__next {
	right: 56px
}

.in-support__cont .txt {
	color: #fff
}

.in-support__bgPic {
	padding-top: 528px
}

.sec-hybr__cont {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	padding: 0 40px;
	text-align: center;
	color: #fff
}

.in-support__list li {
	width: 24%
}

.in-support__list li::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/icon-05.svg) no-repeat center center;
	width: 100px;
	height: 130px
}

.in-support__wrap {
	position: relative;
	overflow: hidden
}

@media (min-width: 1025px) {
	.in-pro__arrow {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.in-pro__arrow:hover {
		color: #00BDD4
	}

	.in-new__list .item-title {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.in-new__list a:hover .item-title {
		color: #00BDD4
	}
}

@media (max-width: 1740px) {
	.page-index .page-new__list .item-cont {
		padding-right: 50px
	}
}

@media (max-width: 1620px) {
	.in-banner__slick .item-caption {
		font-size: 42px
	}

	.in-banner__slick .item-txt {
		letter-spacing: 4px
	}

	.in-safe__box::before {
		width: 400px;
		height: 529px;
		background-size: 400px 529px
	}

	.in-sec__inner {
		font-size: 16px;
		line-height: 1.8
	}

	.in-sec__inner h1 {
		font-size: 46px
	}

	.in-brand__cont {
		top: 14%
	}

	.in-support__bgPic {
		padding-top: 480px
	}

	.in-hybr__list .item-dec {
		width: 46px
	}
}

@media (max-width: 1440px) {
	.in-sec__inner {
		font-size: 14px;
		line-height: 2
	}

	.in-sec__inner h1 {
		font-size: 42px
	}

	.in-safe__list li {
		width: 24%
	}

	.in-safe__list .item-dec {
		width: 32px
	}

	.in-safe__box::before {
		width: 360px;
		height: 476px;
		background-size: 360px 476px
	}

	.in-product__inner {
		top: 52px;
		left: 48px;
		right: 48px
	}

	.in-pro__slickBox .slick-dots,
	.in-pro__slickBox .slider-dots {
		bottom: 38px
	}

	.in-proCart__btn {
		right: 32px;
		bottom: 42px
	}

	.in-pro__arrow {
		font-size: 16px
	}

	.in-pro__prev {
		left: 48px
	}

	.in-pro__next {
		right: 48px
	}

	.in-support__bgPic {
		padding-top: 430px
	}

	.in-hybr__list .item-dec {
		width: 42px
	}
}

@media (max-width: 1380px) {
	.in-sec__inner h1 {
		font-size: 38px
	}

	.in-brand__bgPic {
		padding-top: 56%
	}

	.in-product__inner {
		top: 38px;
		left: 36px;
		right: 36px
	}

	.page-index .page-new__list .item-cont {
		padding-right: 60px
	}
}

@media (max-width: 1280px) {
	.in-support__list li {
		width: 33.33%
	}
}

@media (max-width: 1024px) {
	.in-banner__slick .item-pic {
		height: auto;
		padding-top: 90%
	}

	.in-banner__slick .item-cont {
		padding: 0 24px
	}

	.in-safe__cont {
		padding: 0 24px
	}

	.in-sec__inner h1 {
		font-size: 34px;
		font-weight: 700
	}

	.in-safe__pic,
	.in-safe__main,
	.in-product__bgPic,
	.in-product__cont {
		width: 100%
	}

	.in-safe__main {
		padding: 80px 20px
	}

	.in-safe__box::before {
		width: 320px;
		height: 423px;
		background-size: 320px 423px
	}

	.in-brand__cont {
		top: 8%
	}

	.in-brand__bgPic {
		padding-top: 90%
	}

	.in-new__list li {
		width: 100%
	}

	.in-support__bgPic {
		padding-top: 380px
	}

	.in-support__cont {
		padding: 0 24px
	}

	.in-pro__prev {
		left: 24px
	}

	.in-pro__next {
		right: 24px
	}

	.in-hybr__list .item-title {
		font-weight: 700;
		font-size: 18px !important
	}

	.in-proCart__btn {
		font-size: 16px
	}

	.page-index .page-new__list .item-cont {
		padding-right: 0
	}
}

@media (max-width: 750px) {
	.in-banner__slick .item-pic {
		padding-top: 144%
	}

	.in-banner__slick .item-larze__pic {
		display: none
	}

	.in-banner__slick .item-small__pic {
		display: block
	}
}

@media (max-width: 650px) {
	.in-banner__slick .item-cont {
		padding: 0 20px
	}

	.in-banner__slick .item-txt {
		letter-spacing: 1px
	}

	.in-safe__cont {
		padding: 0 20px
	}

	.in-safe__list li {
		width: 50%;
		margin-bottom: 30px
	}

	.in-safe__list li:nth-child(even) {
		border-right: none
	}

	.in-safe__main {
		padding-top: 64px;
		padding-bottom: 64px
	}

	.in-sec__inner h1 {
		font-size: 22px;
		line-height: 1.5
	}

	.in-brand__bgPic {
		padding-top: 110%
	}

	.in-product__inner {
		top: 26px;
		left: 20px;
		right: 20px
	}

	.in-product__inner .item-label {
		letter-spacing: 1px
	}

	.in-product__inner .item-txt {
		letter-spacing: 0
	}

	.in-pro__slickBox .slick-dots,
	.in-pro__slickBox .slider-dots {
		bottom: 24px
	}

	.in-proCart__btn {
		right: 24px;
		bottom: 20px;
		font-size: 14px
	}

	.in-hybr__list .item-dec {
		width: 38px
	}

	.in-support__cont {
		padding: 0 20px
	}

	.in-pro__prev {
		left: 20px
	}

	.in-pro__next {
		right: 20px
	}

	.in-sec__inner h1 {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media (max-width: 580px) {
	.in-banner__slick .item-caption {
		font-size: 30px
	}

	.in-hybr__list .item-dec {
		width: 32px
	}

	.in-support__list li {
		padding: 0 12px
	}

	.in-support__list li::after {
		width: 64px;
		height: 83px;
		background-size: 64px 83px;
		top: 0
	}
}

@media (max-width: 500px) {
	.in-product__inner {
		top: 20px
	}

	.in-brand__bgPic {
		padding-top: 140%
	}

	.in-banner__wrap .slider-handle {
		left: 80px;
		right: 80px;
		bottom: 30px;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.in-sec__inner {
		letter-spacing: 0
	}
}

.w1750 {
	max-width: 1750px;
	width: 91%;
	margin-left: auto;
	margin-right: auto
}

.w1540 {
	max-width: 1540px;
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.w1160 {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto
}

.relative {
	position: relative
}

.fs150 {
	font-size: 64px;
	font-family: "Comfortaa";
	color: #00BDD4;
	line-height: 1.2
}

.fs70 {
	font-size: 62px;
	color: #00BDD4;
	font-family: "Comfortaa"
}

.fs48 {
	font-size: 34px;
	font-weight: 500;
	line-height: 1.41667;
	letter-spacing: 1px
}

.fs32 {
	letter-spacing: 1px;
	line-height: 1.4;
	font-size: 32px;
	font-weight: 500
}

.fs24 {
	font-size: 24px;
	line-height: 1.41667;
	letter-spacing: .6px
}

.fs20 {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: .6px
}

.fs18 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.66667
}

.fs16 {
	font-size: 16px;
	line-height: 1.75
}

.fs14 {
	font-size: 14px;
	line-height: 1.71429;
	letter-spacing: 1px
}

.bg-grey {
	background-color: #F8F9FA
}

.paragraph {
	font-size: 16px;
	line-height: 2.1429;
	letter-spacing: 1px
}

.paragraph a {
	color: inherit
}

.paragraph h2 {
	letter-spacing: 1px;
	line-height: 1.4;
	font-size: 32px;
	font-weight: 500;
	margin-bottom: .5625em
}

.paragraph h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.66667;
	letter-spacing: .6px;
	margin-bottom: 1em
}

.paragraph img {
	max-width: 100%;
	width: auto !important;
	height: auto !important
}

.btn-more {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	padding: 17px 40px;
	border-radius: 6px
}

.btn-more i,
.btn-more span {
	display: inline-block;
	vertical-align: middle
}

.btn-more i {
	margin-left: 10px;
	font-size: 12px
}

.btn-more.white-color {
	background-color: #fff;
	color: #00BDD4
}

.btn-more.border {
	border: 1px solid #00BDD4;
	border-radius: 6px
}

.btn-more.vi-color {
	background-color: #00BDD4;
	color: #fff
}

.slider-dots.larze-dots .sd-rows {
	width: 26px;
	height: 26px
}

.slider-dots.larze-dots .sd-round {
	width: 14px;
	height: 14px
}

.slider-dots.small-dots .sd-rows {
	width: 16px;
	height: 16px
}

.slider-dots.small-dots .sd-round {
	width: 10px;
	height: 10px
}

.slider-dots .sd-rows {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	cursor: pointer;
	position: relative
}

.slider-dots .sd-wire,
.slider-dots .sd-round {
	border-radius: 50%
}

.slider-dots .sd-wire {
	position: absolute;
	border-width: 1px;
	border-style: solid;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear
}

.slider-dots .sd-round {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.slider-dots .sd-active .sd-wire {
	opacity: 1
}

.slick-dots li,
.slick-dots button {
	display: inline-block;
	vertical-align: middle
}

.slick-dots li {
	margin: 0 6px
}

.slick-dots button {
	width: 26px;
	height: 26px;
	position: relative
}

.slick-dots button::before,
.slick-dots button::after {
	content: "";
	display: block;
	border-radius: 50%
}

.slick-dots button::before {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	position: absolute;
	border: 1px solid #922F33;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0
}

.slick-dots button::after {
	transition: background .3s linear;
	-ms-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 54%;
	height: 54%;
	background-color: #000
}

.slick-dots .slick-active button::before {
	opacity: 1
}

.slick-dots .slick-active button::after {
	background-color: #922F33
}

.slider-handle {
	width: 400px;
	position: absolute;
	left: 50%;
	bottom: 46px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.page-column__handle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.slider-handle__gesture {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	box-align: flex-end;
	-moz-box-align: flex-end;
	-webkit-box-align: flex-end
}

.page-column__paging,
.page-column__arrow {
	display: inline-block;
	vertical-align: bottom
}

.slider-handle__page span,
.slider-handle__page .line,
.page-column__paging span,
.page-column__paging .line {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	position: relative
}

.slider-handle__page span,
.page-column__paging span {
	font-family: "Comfortaa"
}

.slider-handle__page .line,
.page-column__paging .line {
	width: 1px;
	height: 12px;
	margin-left: 6px;
	margin-right: 6px;
	transform: rotate(20deg)
}

.slider-handle__page .cur-page,
.page-column__paging .cur-page {
	font-size: 16px;
	top: 1px
}

.slider-handle__page .totle-page,
.page-column__paging .totle-page {
	font-size: 12px
}

.slider-arrow a,
.page-column__arrow a {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
	margin-left: 8px
}

.slider-arrow i,
.page-column__arrow i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px
}

.slider-arrow i::before,
.page-column__arrow i::before {
	display: block;
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.slider-handle__page span {
	color: #fff
}

.slider-handle__page .line {
	background-color: rgba(255, 255, 255, 0.6)
}

.slider-arrow a {
	background-color: #fff;
	color: #00BDD4
}

.page-column__paging span {
	color: #989997
}

.page-column__paging .line {
	background-color: rgba(152, 153, 151, 0.6)
}

.page-column__arrow {
	margin-left: 32px
}

.page-column__arrow a {
	background-color: #00BDD4
}

.page-column__arrow i {
	color: #fff
}

.slider-handle__line {
	height: 4px;
	position: relative;
	margin-top: 14px
}

.slider-handle__line .total-line,
.slider-handle__line .cur-line {
	position: absolute;
	left: 0;
	bottom: 0
}

.slider-handle__line .total-line {
	width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.4)
}

.slider-handle__line .cur-line {
	width: 20%;
	height: 100%;
	background-color: #00BDD4;
	z-index: 20;
	transition: width .3s linear;
	-ms-transition: width .3s linear;
	-moz-transition: width .3s linear;
	-webkit-transition: width .3s linear;
	-o-transition: width .3s linear
}

.page-roof__wrap {
	position: relative
}

.page-roof__pgPic {
	position: relative
}

.page-roof__pgPic::before {
	content: "";
	display: block;
	padding-top: 31.875%
}

.page-roof__pgPic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.pr-small__pic {
	display: none
}

.page-roof__cont {
	position: absolute;
	bottom: 26%;
	left: 4.27%;
	color: #fff
}

.page-roof__cont .item-etitle {
	line-height: 1;
	margin-bottom: .08em;
	font-family: "Comfortaa";
	color: #fff
}

.page-roof__cont .item-ctitle,
.page-roof__cont .item-intro {
	font-weight: 300;
	margin-bottom: 12px;
	max-width: 800px
}

.page-column__caption .item-etitle {
	font-family: "Comfortaa";
	color: #989997;
	margin-bottom: 6px
}

.page-column__caption .item-ctitle {
	color: #242424;
	line-height: 1.5
}

.list-more span,
.list-more i {
	display: inline-block;
	vertical-align: middle
}

.list-more span {
	font-size: 14px;
	color: #989997
}

.list-more i {
	font-size: 12px;
	color: #00BDD4;
	margin-left: 12px
}

.sec-hybr__wrap {
	position: relative;
	overflow: hidden
}

.page-list__filtrate {
	width: 440px;
	background-color: #00BDD4;
	padding-left: 80px;
	padding-right: 90px;
	padding-bottom: 40px;
	height: 100%
}

.filtrate-rows {
	color: #fff;
	margin-bottom: 20px
}

.filtrate-rows:first-child .item-dropDown {
	display: block
}

.filtrate-rows .item-title {
	position: relative;
	cursor: pointer;
	padding-right: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.filtrate-rows .item-title .icon-down {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 12px
}

.filtrate-rows .item-title .icon-down::before {
	display: block;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.filtrate-rows .item-dropDown {
	padding-top: 5px;
	display: none
}

.filtrate-rows .item-option {
	margin: 10px 0px;
}

.filtrate-rows input {
	display: none
}

.filtrate-rows .checked .item-round::before {
	opacity: 1
}

.filtrate-rows .item-label {
	cursor: pointer
}

.filtrate-rows .item-tl {
	position: relative;
	padding-left: 0px
}

.filtrate-rows .item-round {
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px
}

.filtrate-rows .item-round::before {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 20
}

.reset-filtrate a {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .6px;
	display: inline-block;
	position: relative;
	padding-left: 36px
}

.reset-filtrate a i {
	position: absolute;
	left: 0;
	top: 2px
}

.page-filtrate__wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.page-list__wrap {
	width: calc(100% - 600px);
	margin-left: auto;
	margin-right: auto
}

.pagination {
	display: inline-block;
	background-color: #F8F9FA;
	border-radius: 5px;
	padding: 15px 25px
}

.pagination li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px
}

.pagination li:not(.pl-arrow) a {
	transition: background .3s linear;
	-ms-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color: #F8F9FA;
	border-radius: 50%
}

.pagination li:not(.pl-arrow) a span {
	transition: color .3s linear;
	-ms-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	font-size: 14px;
	color: #989997;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: "Comfortaa"
}

.pagination li.on a {
	background-color: #00BDD4
}

.pagination li.on a span {
	color: #fff
}

.pagination .pl-arrow {
	position: relative
}

.pagination .pl-arrow span,
.pagination .pl-arrow .line {
	display: inline-block;
	vertical-align: middle
}

.pagination .pl-arrow span {
	font-size: 12px;
	color: #989997
}

.pagination .pl-arrow .line {
	width: 1px;
	height: 28px;
	background-color: rgba(112, 112, 112, 0.2)
}

.pagination .prev-list {
	margin-right: 20px
}

.pagination .prev-list .line {
	margin-left: 20px
}

.pagination .next-list {
	margin-left: 20px
}

.pagination .next-list .line {
	margin-right: 20px
}

.page-handle__wrap a,
.page-handle__wrap .item-round,
.page-handle__wrap .item-hint {
	display: inline-block;
	vertical-align: middle
}

.page-handle__wrap a {
	margin-left: 26px;
	margin-right: 26px
}

.page-handle__wrap .item-round {
	width: 40px;
	height: 40px;
	background-color: #00BDD4;
	border-radius: 50%;
	position: relative
}

.page-handle__wrap .item-hint {
	color: #989997;
	margin-left: 5px;
	font-family: "Comfortaa"
}

.page-handle__wrap .pw-arrow .item-round i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px;
	color: #fff
}

.page-handle__wrap .pw-arrow .item-round i::before {
	display: block;
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.page-handle__wrap .item-line__box {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 0
}

.page-handle__wrap .item-line {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 2px;
	background-color: #fff;
	border-radius: 6px;
	margin: 2px
}

.slick-animate .img-box img {
	transition: transform 1s linear;
	-ms-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	-webkit-transition: transform 1s linear;
	-o-transition: transform 1s linear;
	-webkit-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04)
}

.slick-animate .slick-current img {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	width: 790px;
	margin: 0 auto;
}

@media (min-width: 1025px) {

	.m-filtrate,
	.close-filtrate {
		display: none
	}

	.slider-dots .sd-rows:hover .sd-wire {
		opacity: 1
	}

	.pagination li:not(.pl-arrow):not(.on) a:hover span {
		color: #00BDD4
	}

	.pagination .pl-arrow span {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.pagination .pl-arrow a:hover span {
		color: #00BDD4
	}

	.slider-arrow a {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.slider-arrow a i {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.slider-arrow a:hover {
		background-color: #00BDD4
	}

	.slider-arrow a:hover i {
		color: #fff
	}

	.btn-more {
		transition: all .3s linear;
		-ms-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear
	}

	.btn-more.white-color:hover {
		background-color: #242424;
		border-color: transparent
	}

	.btn-more.vi-color:hover {
		background-color: #242424;
		color: #00BDD4
	}

	.slick-dots button:hover::after {
		background-color: #922F33
	}

	.in-proCart__btn {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.in-proCart__btn:before {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.in-proCart__btn:hover {
		color: #00BDD4
	}

	.in-proCart__btn:hover::before {
		background-color: #00BDD4
	}

	.page-column__arrow a {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.page-column__arrow a:hover {
		background-color: #242424
	}

	.page-handle__wrap .item-round {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.page-handle__wrap .item-hint {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.page-handle__wrap a:hover .item-round {
		background-color: #242424
	}

	.page-handle__wrap a:hover .item-hint {
		color: #00BDD4
	}
}

@media (max-width: 1620px) {
	.btn-more {
		padding: 14px 34px
	}

	.fs150 {
		font-size: 80px
	}

	.fs70 {
		font-size: 58px
	}

	.fs48 {
		font-size: 46px
	}

	.fs46 {
		font-size: 42px
	}

	.fs36 {
		font-size: 34px
	}

	.fs32 {
		font-size: 30px;
		line-height: 1.6
	}

	.fs30 {
		font-size: 26px
	}

	.fs24 {
		font-size: 22px
	}

	.fs20 {
		font-size: 18px
	}

	.fs18 {
		font-size: 16px
	}

	.slick-dots button {
		width: 22px;
		height: 22px
	}

	.slider-dots.larze-dots .sd-rows {
		width: 22px;
		height: 22px
	}

	.slider-dots.larze-dots .sd-round {
		width: 12px;
		height: 12px
	}

	.paragraph h2 {
		font-size: 30px
	}

	.paragraph h3 {
		font-size: 22px
	}
}

@media (max-width: 1440px) {
	.fs150 {
		font-size: 80px
	}

	.fs70 {
		font-size: 52px
	}

	.fs48 {
		font-size: 40px
	}

	.fs46 {
		font-size: 38px
	}

	.fs36 {
		font-size: 32px
	}

	.fs32 {
		font-size: 28px
	}

	.fs30 {
		font-size: 24px
	}

	.fs24 {
		font-size: 20px
	}

	.fs20 {
		font-size: 16px
	}

	.fs18 {
		font-size: 14px
	}

	.fs16 {
		font-size: 14px
	}

	.slick-dots button {
		width: 20px;
		height: 20px
	}

	.slick-dots button::after {
		width: 10px;
		height: 10px
	}

	.slider-arrow a,
	.page-column__arrow a {
		width: 34px;
		height: 34px
	}

	.page-column__arrow {
		margin-left: 20px
	}

	.paragraph h2 {
		font-size: 28px
	}

	.paragraph h3 {
		font-size: 20px
	}

	.page-list__filtrate {
		width: 400px;
		padding-left: 60px;
		padding-right: 70px
	}

	.page-list__wrap {
		width: calc(100% - 510px)
	}

	.filtrate-rows .item-tl {
		padding-left: 24px
	}

	.filtrate-rows .item-round {
		width: 14px;
		height: 14px
	}

	.filtrate-rows .item-round::before {
		width: 8px;
		height: 8px
	}

	.slider-dots.small-dots .sd-rows {
		width: 14px;
		height: 14px
	}

	.slider-dots.small-dots .sd-round {
		width: 8px;
		height: 8px
	}

	.slider-dots.larze-dots .sd-rows {
		width: 20px;
		height: 20px
	}

	.slider-dots.larze-dots .sd-round {
		width: 10px;
		height: 10px
	}
}

@media (max-width: 1380px) {
	.fs150 {
		font-size: 70px
	}

	.fs70 {
		font-size: 46px
	}

	.fs48 {
		font-size: 38px
	}

	.fs46 {
		font-size: 36px
	}

	.fs36 {
		font-size: 30px
	}

	.fs32 {
		font-size: 26px
	}

	.fs30 {
		font-size: 22px
	}

	.page-list__filtrate {
		width: 360px;
		padding-left: 40px;
		padding-right: 50px
	}

	.page-list__wrap {
		width: calc(100% - 460px)
	}

	.paragraph h2 {
		font-size: 26px
	}
}

@media (max-width: 1280px) {
	.w1160 {
		width: 80%
	}

	.page-list__filtrate {
		width: 320px
	}

	.page-list__wrap {
		width: calc(100% - 400px)
	}
}

@media (max-width: 1024px) {

	.w1750,
	.w1540,
	.w1160 {
		width: auto;
		margin-left: 24px;
		margin-right: 24px
	}

	.btn-more {
		padding: 0 16px;
		height: 38px;
		line-height: 36px
	}

	.fs48,
	.fs36,
	.fs32 {
		font-weight: 700
	}

	.page-roof__pgPic::before {
		padding-top: 60%
	}

	.page-roof__pgPic img {
		object-fit: cover;
		height: 100%
	}

	.page-roof__cont {
		left: 40px;
		right: 40px
	}

	.paragraph h3,
	.paragraph h2,
	.paragraph h4 {
		font-weight: 700
	}

	.page-handle__wrap .item-round {
		width: 34px;
		height: 34px
	}

	.page-handle__wrap .item-line {
		width: 4px
	}

	.page-list__filtrate {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		overflow-y: auto;
		padding-left: 24px;
		padding-right: 24px;
		z-index: 800;
		display: none
	}

	.close-filtrate {
		position: absolute;
		right: 24px;
		top: 24px;
		color: #fff;
		font-size: 16px
	}

	.page-list__wrap {
		width: calc(100% - 48px);
		margin-left: 24px;
		margin-right: 24px
	}

	.m-filtrate {
		font-size: 16px;
		color: #00BDD4;
		margin-bottom: 30px;
		padding-left: 22px;
		position: relative;
		cursor: pointer;
		display: inline-block
	}

	.m-filtrate i {
		position: absolute;
		left: 0;
		top: 1px;
		font-size: 18px
	}
}

@media (max-width: 768px) {
	.page-roof__pgPic::before {
		padding-top: 100%
	}

	.page-roof__pgPic img {
		height: auto
	}

	.pr-small__pic {
		display: block
	}

	.pr-larze__pic {
		display: none
	}
}

@media (max-width: 650px) {
	.fs150 {
		font-size: 90px
	}

	.fs70 {
		font-size: 42px
	}

	.fs48 {
		font-size: 24px
	}

	.fs46 {
		font-size: 22px
	}

	.fs36 {
		font-size: 20px
	}

	.fs32 {
		font-size: 18px;
		line-height: 1.4
	}

	.fs30,
	.fs24 {
		font-size: 16px
	}

	.w1750,
	.w1540,
	.w1160,
	.page-list__wrap {
		margin-left: 20px;
		margin-right: 20px
	}

	.slick-dots button {
		width: 16px;
		height: 16px
	}

	.slick-dots button::after {
		width: 8px;
		height: 8px
	}

	.slider-dots.larze-dots .sd-rows {
		width: 16px;
		height: 16px
	}

	.slider-dots.larze-dots .sd-round {
		width: 8px;
		height: 8px
	}

	.paragraph h2 {
		font-size: 18px
	}

	.paragraph h3 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.page-roof__cont {
		left: 20px;
		right: 20px
	}

	.page-roof__cont .item-etitle {
		margin-top: 0
	}

	.page-roof__cont .item-ctitle,
	.page-roof__cont .item-intro {
		margin-bottom: 8px
	}

	.page-navigation {
		margin-top: 0
	}

	.pagination {
		display: block;
		padding: 10px 14px;
		margin-top: 30px;
		text-align: center
	}

	.pagination li:not(.pl-arrow) a {
		width: 26px;
		height: 26px
	}

	.pagination li:not(.pl-arrow) a span {
		padding-top: 1px
	}

	.pagination .prev-list {
		margin-right: 14px
	}

	.pagination .next-list {
		margin-left: 14px
	}

	.page-list__filtrate {
		width: 300px
	}

	.slider-arrow a,
	.page-column__arrow a {
		width: 30px;
		height: 30px;
		margin-left: 4px
	}

	.slider-handle__page .line,
	.page-column__paging .line {
		margin-left: 4px;
		margin-right: 4px
	}
}

@media (max-width: 580px) {
	.fs150 {
		font-size: 80px
	}
}

@media (max-width: 500px) {
	.fs150 {
		font-size: 56px
	}

	.fs70 {
		font-size: 32px
	}

	.fs46,
	.fs48 {
		font-size: 20px
	}

	.fs36 {
		font-size: 18px
	}

	.fs30,
	.fs24,
	.fs20 {
		font-size: 15px;
		line-height: 1.5
	}

	.slider-handle {
		width: auto;
		bottom: 24px;
		left: 40px;
		right: 40px;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.page-handle__wrap a {
		margin-left: 16px;
		margin-right: 16px
	}

	.page-column__caption .item-etitle {
		margin-bottom: 0
	}
}

.page-new__list .item-cont {
	font-size: 0
}

.page-new__list .item-date,
.page-new__list .item-inner {
	display: inline-block;
	vertical-align: top
}

.page-new__list .item-date {
	width: 100px;
	color: #00BDD4;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: "Comfortaa";
	position: relative;
	z-index: 10
}

.page-new__list .item-date strong {
	display: block
}

.page-new__list .item-inner {
	width: calc(100% - 110px);
	position: relative;
	padding-left: 50px
}

.page-new__list .item-inner::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 1px;
	bottom: 8px;
	background-color: rgba(112, 112, 112, 0.2)
}

.page-new__list .item-title {
	color: #656565;
	max-width: 476px;
	margin-bottom: .75em;
	font-weight: 500;
	max-height: 68px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: box
}

.page-new__list .item-txt {
	color: #989997;
	max-width: 654px;
	max-height: 72px;
	overflow: hidden;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: box
}

.page-new__list figure {
	overflow: hidden
}

.page-new__list article {
	position: relative;
	background-color: #F8F9FA;
	padding: 3em 4.5em 3em 3em
}

.page-new__list article::before {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/nbg.jpg) no-repeat center center;
	background-size: cover
}

.page-new__list .img-box::before {
	padding-top: 57.67013%
}

.page-new__list .item-btn {
	position: absolute;
	left: 28%;
	bottom: 50px
}

.page-new__list .sn-col-10 {
	width: 100%
}

.page-new__list .sn-col-10 .item-main {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.page-new__list .sn-col-10 article,
.page-new__list .sn-col-10 figure {
	width: 50%
}

.page-new__list .sn-col-10 article::before {
	opacity: 1
}

.page-new__list .sn-col-10 .item-date,
.page-new__list .sn-col-10 .item-title,
.page-new__list .sn-col-10 .item-txt {
	color: #fff
}

.page-new__list .sn-col-10 .item-inner::before {
	background-color: rgba(255, 255, 255, 0.5)
}

.new-list__wrap .item-inner {
	height: 158px
}

.nd-title {
	max-width: 1200px
}

.nd-attr .item-row {
	display: inline-block;
	vertical-align: middle;
	color: #989997;
	position: relative;
	padding-right: 22px;
	margin-right: 16px
}

.nd-attr .item-row::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: #989997;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}

.nd-attr .item-row:last-child::after {
	display: none
}

.nd-album__wrap {
	position: relative
}

.nd-album__slick .item-pic::before {
	padding-top: 60.13746%
}

.nd-slogan {
	background-color: #00BDD4;
	padding: 40px 30px
}

.nd-slogan .txt {
	color: #fff;
	position: relative;
	padding: 12px 26px
}

.nd-slogan .txt p::after {
	content: "”";
	font-family: "Comfortaa";
	display: inline-block;
	position: relative;
	top: 26px;
	left: 15px;
	font-size: 28px;
	line-height: 18px
}

.nd-slogan .txt::before {
	content: "“";
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	font-size: 28px;
	font-family: "Comfortaa"
}

.nd-inner {
	color: #585B5E
}

.nd-inner h3 {
	color: #656565
}

.nd-push__new .page-new__list article {
	padding: 2.5em 2.5em 3em 1.8em
}

.nd-push__new .page-new__list .item-cont {
	height: 122px
}

.nd-push__new .page-new__list .item-title {
	max-height: 60px
}

.nd-push__new .page-new__list .item-txt {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	max-height: 48px
}

.nd-share .box {
	width: 40px
}

.nd-share a {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #989997;
	border-radius: 50%;
	position: relative;
	margin-bottom: 20px
}

.nd-share a::before {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #989997
}

@media (min-width: 1025px) {

	.new-list__wrap .item-date,
	.new-list__wrap .item-title,
	.new-list__wrap .item-txt {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.new-list__wrap .item-inner::before {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.new-list__wrap img {
		transition: transform 1s linear;
		-ms-transition: transform 1s linear;
		-moz-transition: transform 1s linear;
		-webkit-transition: transform 1s linear;
		-o-transition: transform 1s linear;
		backface-visibility: hidden
	}

	.new-list__wrap a:hover article::before {
		opacity: 1
	}

	.new-list__wrap a:hover .item-date,
	.new-list__wrap a:hover .item-title,
	.new-list__wrap a:hover .item-txt {
		color: #fff
	}

	.new-list__wrap a:hover .item-inner::before {
		background-color: rgba(255, 255, 255, 0.5)
	}

	.new-list__wrap a:hover img {
		-webkit-transform: scale(1.02, 1.02);
		transform: scale(1.02, 1.02)
	}

	.nd-share {
		position: fixed;
		right: 70px;
		top: 200px
	}

	.nd-share a {
		transition: all .3s linear;
		-ms-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear
	}

	.nd-share a::before {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.nd-share a:hover {
		background-color: #00BDD4;
		border-color: #00BDD4
	}

	.nd-share a:hover::before {
		color: #fff
	}
}

@media (max-width: 1620px) {
	.page-new__list .item-title {
		max-height: 62px
	}

	.page-new__list .item-inner {
		padding-left: 34px
	}

	.page-new__list .item-btn {
		bottom: 35px
	}
}

@media (max-width: 1440px) {
	.page-new__list .item-date {
		width: 84px
	}

	.page-new__list .item-inner {
		width: calc(100% - 84px)
	}

	.page-new__list .item-title {
		max-height: 56px
	}

	.nd-share {
		right: 40px
	}

	.nd-share .box {
		width: 34px
	}

	.nd-share a {
		width: 34px;
		height: 34px
	}

	.nd-share a::before {
		font-size: 14px
	}
}

@media (max-width: 1280px) {
	.page-new__list .item-btn {
		bottom: 16px
	}

	.page-new__list .item-inner {
		padding-left: 20px
	}
}

@media (max-width: 1024px) {

	.page-new__list .item-title,
	.page-new__list .item-txt {
		max-width: 100%
	}

	.page-new__list .item-title {
		font-weight: 700
	}

	.page-new__list .sn-col-10 {
		width: 50%
	}

	.page-new__list .sn-col-10 article,
	.page-new__list .sn-col-10 figure {
		width: 100%
	}

	.page-new__list .sn-col-10 .item-btn {
		display: none
	}

	.page-new__list .item-date {
		width: 74px
	}

	.page-new__list .item-inner {
		padding-left: 24px;
		width: calc(100% - 74px)
	}

	.new-list__wrap article {
		padding: 30px 24px
	}

	.new-list__wrap .sn-col-10 article::before {
		opacity: 0
	}

	.new-list__wrap .sn-col-10 .item-date {
		color: #00BDD4
	}

	.new-list__wrap .sn-col-10 .item-title {
		color: #656565
	}

	.nd-title {
		margin-right: 60px
	}

	.nd-slogan {
		padding: 30px 24px
	}

	.nd-push__new .page-new__list .item-inner::before {
		bottom: 40px
	}

	.nd-share {
		margin-top: 60px
	}

	.nd-share .box {
		width: auto;
		text-align: center
	}

	.nd-share .box a {
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px
	}
}

@media (max-width: 800px) {

	.new-list__wrap .item-date,
	.new-list__wrap .item-inner {
		width: 100%
	}

	.new-list__wrap .item-date {
		margin-bottom: 16px
	}

	.new-list__wrap .item-txt {
		display: none
	}

	.new-list__wrap .item-inner {
		padding-left: 0;
		height: auto
	}

	.new-list__wrap .item-inner::before {
		display: none
	}

	.nd-push__new .page-new__list .item-cont,
	.nd-push__new .page-new__list .item-inner {
		height: auto
	}

	.nd-push__new .page-new__list .item-txt {
		height: 46px
	}
}

@media (max-width: 650px) {
	.page-new__list .item-date {
		margin-bottom: 14px;
		width: 70px
	}

	.page-new__list .item-date strong {
		line-height: 1
	}

	.page-new__list .item-title {
		margin-bottom: 6px;
		max-height: 44px
	}

	.page-new__list .item-inner {
		padding-left: 20px
	}

	.new-list__wrap .item-inner {
		padding-left: 0;
		height: auto
	}

	.new-list__wrap .item-date {
		width: 100%;
		margin-top: 12px;
		margin-bottom: 10px
	}

	.new-list__wrap article {
		padding: 24px 20px
	}

	.new-list__wrap .img-box::before {
		padding-top: 80%
	}

	.new-list__wrap .img-box img {
		height: 100%;
		object-fit: cover
	}

	.nd-push__new .page-new__list article {
		padding: 24px 20px
	}

	.nd-attr {
		font-size: 12px;
		margin-top: 10px
	}

	.nd-attr .item-row {
		padding-right: 14px;
		margin-right: 8px
	}

	.nd-slogan {
		padding: 24px 20px
	}

	.nd-slogan .txt {
		padding-right: 0
	}

	.nd-share .box a {
		width: 30px;
		height: 30px
	}

	.nd-share .box a::before {
		font-size: 12px
	}
}

@media (max-width: 500px) {
	.new-list__wrap article {
		padding: 14px 10px
	}

	.nd-push__new {
		margin-top: 70px
	}

	.nd-push__new .page-new__list {
		margin-top: 20px
	}

	.nd-push__new .page-new__list article {
		padding: 14px 10px
	}

	.nd-share {
		margin-top: 30px
	}

	.nd-slogan {
		padding: 10px 12px
	}

	.nd-slogan .txt::before {
		font-size: 22px;
		left: -4px
	}

	.nd-slogan .txt p::after {
		font-size: 22px;
		left: 10px;
		top: 18px
	}
}

.service-prove__list a {
	background-color: #fff;
	height: 400px;
	text-align: center;
	padding-top: 110px
}

.service-prove__list a::before {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/icon-01.svg) no-repeat center center;
	width: 234px;
	height: 308px;
	background-size: 234px 308px
}

.service-prove__list .item-inner {
	padding: 0 34px
}

.service-prove__list .item-order {
	color: #00BDD4;
	margin-bottom: .29167em
}

.service-prove__list .item-txt {
	color: #989997;
	font-weight: 400;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto
}

.service-prove__cont .sp-title {
	position: relative;
	padding-left: 30px
}

.service-prove__cont .sp-title::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../fonts/icon-02.svg) no-repeat center center;
	width: 18px;
	height: 21px;
	background-size: 18px 21px
}

.service-prove__txt {
	color: #989997;
	margin-top: 14px
}

.service-prove__txt li {
	position: relative;
	padding-left: 14px;
	margin-bottom: 8px
}

.service-prove__txt li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background-color: #D8D8D8;
	border-radius: 50%
}

.service-case__topCont {
	position: relative
}

.service-case__slick .slick-dots {
	position: absolute;
	visibility: hidden;
	pointer-events: none
}

.service-case__slick .item-pic {
	overflow: hidden
}

.service-case__slick .item-pic::before {
	padding-top: 66.43357%
}

.service-case__slick .item-inner {
	margin-top: 50px
}

.service-case__slick .item-time {
	font-size: 12px;
	color: #00BDD4;
	font-family: "Comfortaa";
	letter-spacing: 2px
}

.service-case__slick .item-title {
	color: #242424;
	font-weight: 500;
	max-width: 360px;
	margin-top: .66667em;
	margin-bottom: .83333em;
	height: 68px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.service-case__slick .item-txt {
	color: #989997;
	max-width: 470px;
	height: 72px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.service-case__slick .item-more {
	margin-top: 50px
}

.service-hybr__bgPic {
	padding-top: 320px
}

@media (min-width: 1025px) {

	.service-prove__list .item-order,
	.service-prove__list .item-txt {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.service-prove__list a {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.service-prove__list a:hover {
		background-color: #00BDD4
	}

	.service-prove__list a:hover::before {
		opacity: 1
	}

	.service-prove__list a:hover .item-order,
	.service-prove__list a:hover .item-txt {
		color: #fff
	}

	.service-case__slick .item-pic img {
		transition: transform .4s linear;
		-ms-transition: transform .4s linear;
		-moz-transition: transform .4s linear;
		-webkit-transition: transform .4s linear;
		-o-transition: transform .4s linear
	}

	.service-case__slick .item-title {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.service-case__slick a:hover .item-pic img {
		-webkit-transform: scale(1.06, 1.06);
		transform: scale(1.06, 1.06)
	}

	.service-case__slick a:hover .item-title {
		color: #00BDD4
	}
}

@media (max-width: 1620px) {
	.service-prove__list a {
		height: 370px;
		padding-top: 90px
	}

	.service-prove__cont .sp-title {
		padding-left: 24px
	}

	.service-prove__cont .sp-title::before {
		width: 16px;
		height: 19px;
		background-size: 16px 19px;
		top: 4px
	}

	.service-case__slick .item-inner,
	.service-case__slick .item-more {
		margin-top: 42px
	}

	.service-case__slick .item-title {
		height: 62px
	}
}

@media (max-width: 1440px) {
	.service-prove__list a {
		height: 300px;
		padding-top: 80px
	}

	.service-prove__list a::before {
		width: 160px;
		height: 210px;
		background-size: 160px 210px
	}

	.service-hybr__bgPic {
		padding-top: 280px
	}

	.service-prove__cont .sp-title {
		padding-left: 22px
	}

	.service-prove__cont .sp-title::before {
		width: 14px;
		height: 16px;
		background-size: 14px 16px
	}

	.service-case__slick .item-inner,
	.service-case__slick .item-more {
		margin-top: 38px
	}

	.service-case__slick .item-title {
		height: 56px
	}
}

@media (max-width: 1280px) {
	.service-prove__list a {
		height: 260px;
		padding-top: 40px
	}
}

@media (max-width: 1200px) {
	.service-prove__list li {
		width: 33.33%
	}
}

@media (max-width: 1024px) {
	.service-hybr__bgPic {
		padding-top: 240px
	}
}

@media (max-width: 800px) {

	.service-case__slick .item-inner,
	.service-case__slick .item-more {
		margin-top: 25px
	}

	.service-prove__list a {
		height: 320px
	}
}

@media (max-width: 650px) {
	.service-prove__list li {
		width: 50%
	}

	.service-prove__list a {
		height: 280px
	}

	.service-prove__list .item-inner {
		padding: 0 20px
	}

	.service-prove__cont {
		margin-top: 50px
	}

	.service-case__slick .item-inner,
	.service-case__slick .item-more {
		margin-top: 20px
	}

	.service-hybr__bgPic {
		padding-top: 200px
	}
}

@media (max-width: 500px) {
	.service-prove__list .item-inner {
		padding: 0 16px
	}

	.service-case__slick .item-title {
		height: auto;
		margin-top: 4px
	}
}

.page-video__list figure {
	position: relative;
	overflow: hidden
}

.page-video__list .img-box {
	overflow: hidden
}

.page-video__list .img-box::before {
	padding-top: 66.50943%
}

.page-video__list .item-play {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 3em;
	height: 1.7em;
	background-color: #fff;
	border-radius: 4px;
	cursor: pointer
}

.page-video__list .item-play i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: .6em;
	color: #707070
}

.page-video__list article {
	margin-top: .8em
}

.page-video__list .item-title {
	color: #000
}

.page-video__list .item-time {
	color: #989997
}

.page-video__list .item-video__cont {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.page-video__list .item-video__cont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.page-video__list .item-video__cont video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20
}

.page-video__list .close-video {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 16px;
	color: #fff;
	z-index: 100;
	cursor: pointer
}

@media (min-width: 1025px) {
	.page-video__list .item-play {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.page-video__list .item-play i {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.page-video__list .item-play:hover {
		background-color: #00BDD4
	}

	.page-video__list .item-play:hover i {
		color: #fff
	}

	.page-video__list .close-video {
		transition: transform .3s linear;
		-ms-transition: transform .3s linear;
		-moz-transition: transform .3s linear;
		-webkit-transition: transform .3s linear;
		-o-transition: transform .3s linear
	}

	.page-video__list .close-video:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media (max-width: 650px) {
	.page-video__list li {
		width: 50%
	}

	.page-video__list .item-play {
		width: 34px;
		height: 22px
	}

	.page-video__list .item-play i {
		font-size: 12px
	}

	.page-video__list .item-play i::before {
		display: block;
		-webkit-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8)
	}
}

.page-product__filtrate .filtrate-rows .item-dropDown {
	display: block
}

.page-product__list .item-pic::before {
	padding-top: 59.34101%;
	background-color: #f8fafb
}

.page-product__list .item-cont {
	margin-top: 20px;
	position: relative;
	padding-right: 0px
}

.page-product__list .item-title {
	color: #242424;
	font-family: "Comfortaa"
}

.page-product__list .item-attr {
	color: #989997;
	margin-right: 40px
}

.page-product__list .item-price {
	border: 1px solid #00BDD4;
	border-radius: 4px;
	color: #00BDD4;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 12px;
	line-height: 1
}

.page-product__list .item-price span {
	display: inline-block;
	margin-right: 5px
}

.page-product__list .slider-dots {
	margin-top: 24px
}

.page-product__list .slider-dots .sd-rows {
	margin-left: 0;
	margin-right: 12px
}

.page-product__list .item-honor {
	position: absolute;
	left: 30px;
	top: 0;
	width: 60px;
	height: 60px;
	background-color: #00BDD4;
	text-align: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 14px;
	color: #fff;
	font-weight: 900;
	padding-top: 12px
}

.page-product__list .item-honor::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../fonts/icon-011.svg) no-repeat center center;
	background-size: 43px 56px;
	width: 43px;
	height: 56px
}

.page-product__list .item-honor .item-ht,
.page-product__list .item-honor .item-hn {
	width: 34px;
	margin-left: auto;
	margin-right: auto
}

.page-product__list .item-honor .item-ht {
	letter-spacing: 3px
}

.page-product__list .item-honor .item-hn {
	padding-top: 2px;
	margin-top: 2px;
	border-top: 1px solid rgba(255, 255, 255, 0.4)
}

.product-slick__box {
	position: relative
}

.product-roof__pgPic::before {
	padding-top: 30.875%
}

.product-roof__wrap {
	position: relative
}

.product-roof__cont {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 4.27%;
	color: #fff
}

.product-roof__cont .item-title {
	line-height: 1
}

.product-roof__cont .item-intro {
	margin-bottom: .625em
}

.product-roof__cont .item-attr {
	letter-spacing: .6px;
	word-spacing: 8px
}

.product-scene__wrap {
	position: relative
}

.product-scene__slick .item-pic::before {
	padding-top: 51.42857%
}

.product-explain__wrap .item-rows {
	position: relative;
	padding: 100px 0
}

.product-explain__wrap .item-rows:nth-child(odd) .item-dec__box {
	right: 0;
	border-top-left-radius: 30px
}

.product-explain__wrap .item-rows:nth-child(odd) .item-txt {
	max-width: 580px
}

.product-explain__wrap .item-rows:nth-child(even) .item-dec__box {
	left: 0;
	border-top-right-radius: 30px
}

.product-explain__wrap .item-rows:nth-child(even) .item-main {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.product-explain__wrap .item-cont {
	padding-left: 8%;
	padding-right: 40px
}

.product-explain__wrap .item-dec__box {
	position: absolute;
	top: 0;
	width: 28.125%;
	height: 100%;
	background-color: #00BDD4
}

.product-explain__wrap .item-main {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-explain__wrap .item-cont,
.product-explain__wrap .item-album__box {
	width: 50%
}

.product-explain__wrap .item-txt {
	color: #989997;
	text-align: justify
}

.product-explain__wrap .item-txt h2 {
	color: #242424
}

.product-explain__wrap .item-txt ul {
	margin-top: 20px
}

.product-explain__wrap .item-txt li {
	position: relative;
	padding-left: 20px
}

.product-explain__wrap .item-txt li::before {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #989997;
	top: 7px;
	left: 0
}

.product-explain__wrap .item-pic__dec {
	display: none
}

.pe-slick__row {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 40px
}

.pe-slick__row .pe-pic {
	width: 56px;
	position: relative
}

.pe-slick__row .pe-pic::before,
.pe-slick__row .pe-pic::after {
	content: "";
	display: block
}

.pe-slick__row .pe-pic::before {
	padding-top: 100%
}

.pe-slick__row .pe-pic::after {
	transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	position: absolute;
	top: 6px;
	left: 0;
	width: 92%;
	height: 92%;
	border-radius: 50%;
	background-color: #00BDD4;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.pe-slick__row .pe-pic img {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	position: absolute;
	left: 7px;
	top: 0;
	width: 100%;
	opacity: .4;
	z-index: 10
}

.pe-slick__row .pe-title {
	margin-top: 12px;
	color: #989997
}

.pe-slick__row.active .pe-pic::after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.pe-slick__row.active .pe-pic img {
	opacity: 1
}

.pe-attr>div {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 1px solid rgba(112, 112, 112, 0.2)
}

.pe-attr strong {
	line-height: 1;
	color: #00BDD4;
	font-family: "Comfortaa"
}

.pe-attr p {
	color: #989997
}

.prl-vid__cont {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.prl-vid__cont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.prl-vid__cont video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20
}

.close-prl__vid {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 16px;
	color: #fff;
	z-index: 100;
	cursor: pointer
}

.product-explain__slick .item-pic::before {
	padding-top: 78.34101%
}

.product-safety__wrap {
	background-color: #0F1F3E
}

.product-safety__box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	padding-left: 11.97917vw;
	padding-right: 11.97917vw
}

.product-safety__leftCont {
	width: 55%
}

.product-safety__txt {
	color: #fff;
	max-width: 486px
}

.product-safety__list li {
	padding-right: 20px
}

.product-safety__list .item-box {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	cursor: pointer;
	opacity: .2
}

.product-safety__list .item-cont {
	font-size: 0
}

.product-safety__list .item-pic,
.product-safety__list .item-inner {
	display: inline-block;
	vertical-align: middle
}

.product-safety__list .item-pic {
	width: 62px
}

.product-safety__list .item-pic::before {
	padding-top: 100%
}

.product-safety__list .item-inner {
	width: calc(100% - 62px);
	color: #fff;
	padding-left: 30px
}

.product-safety__list .item-title {
	margin-bottom: .25em
}

.product-safety__list .active .item-box {
	opacity: 1
}

.product-safety__list .item-mpic {
	display: none
}

.product-safety__rightCont {
	width: 45%;
	padding-left: 11%
}

.product-safety__slick .item-pic::before {
	padding-top: 114.81481%
}

.product-album__box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
/* 	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center; */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-album__leftCont,
.product-album__rightCont {
	width: 50%;
	position: relative
}

.product-album__slick .item-pic::before {
	background-color: #F8F9FA;
	padding-top: 69.34101%
}

.product-album__rightCont {
	padding-left: 10%;
	padding-right: 4%;
	padding-bottom: 10%
}

.par-caption {
	position: relative;
	padding-right: 120px
}

.par-price {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #00BDD4;
	font-weight: bold
}

.par-txt {
	color: #585B5E
}

.par-btn__box a {
	margin-right: 20px
}

.prl-vid__btn {
	position: absolute;
	left: 44px;
	bottom: 35px
}

.prl-vid__btn .dec,
.prl-vid__btn .text {
	display: inline-block;
	vertical-align: middle
}

.prl-vid__btn .dec {
	width: 46px;
	height: 28px;
	background-color: rgba(152, 153, 151, 0.5);
	border-radius: 4px;
	position: relative
}

.prl-vid__btn .dec i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px;
	color: #fff
}

.prl-vid__btn .dec i::before {
	display: block;
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}

.prl-vid__btn .text {
	margin-left: 8px;
	color: #989997
}

.prd-cont {
	position: relative;
	max-width: 400px;
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto
}

.pad-slick .item-box {
	cursor: pointer;
	opacity: .4;
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear
}

.pad-slick .item-pic::before {
	padding-top: 78.34101%
}

.pad-slick .slick-slide {
	margin: 0 13px
}

.pad-slick .slick-current .item-box {
	opacity: 1
}

.pad-arrow {
	position: absolute;
	font-size: 12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: rgba(0, 0, 0, 0.4);
	z-index: 10
}

.pad-arrow::before {
	display: block;
	-webkit-transform: scale(0.6, 0.6);
	transform: scale(0.6, 0.6)
}

.pad-prev {
	left: 0
}

.pad-next {
	right: 0
}

@media (min-width: 651px) {
	.page-product__list .item-price {
		position: absolute;
		right: 0;
		top: 6px
	}
}

@media (min-width: 1025px) {
	.close-prl__vid {
		transition: transform .3s linear;
		-ms-transition: transform .3s linear;
		-moz-transition: transform .3s linear;
		-webkit-transition: transform .3s linear;
		-o-transition: transform .3s linear
	}

	.close-prl__vid:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.pad-arrow {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.pad-arrow:hover {
		color: #00BDD4
	}

	.pad-slick .slick-slide:not(.slick-current) .item-box:hover {
		opacity: .6
	}

	.prl-vid__btn .dec {
		transition: background .3s linear;
		-ms-transition: background .3s linear;
		-moz-transition: background .3s linear;
		-webkit-transition: background .3s linear;
		-o-transition: background .3s linear
	}

	.prl-vid__btn .text {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.prl-vid__btn:hover .dec {
		background-color: #00BDD4
	}

	.prl-vid__btn:hover .text {
		color: #00BDD4
	}

	.pe-slick__row:hover .pe-pic img {
		opacity: 1
	}

	.page-product__list .item-pic img {
		transition: transform .4s linear;
		-ms-transition: transform .4s linear;
		-moz-transition: transform .4s linear;
		-webkit-transition: transform .4s linear;
		-o-transition: transform .4s linear
	}

	.page-product__list .item-title {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.page-product__list a:hover .slick-current img {
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05)
	}

	.page-product__list a:hover .item-title {
		color: #00BDD4
	}
}

@media (max-width: 1620px) {
	.product-safety__list .item-pic {
		width: 56px
	}

	.product-safety__list .item-inner {
		padding-left: 20px
	}

	.product-explain__wrap .item-rows {
		padding: 85px 0
	}

	.product-roof__cont .item-attr {
		word-spacing: 6px
	}
}

@media (max-width: 1440px) {
	.page-product__list .item-price {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px
	}

	.prd-cont {
		max-width: 360px
	}

	.prl-vid__btn {
		left: 34px;
		bottom: 24px
	}

	.prl-vid__btn .dec {
		width: 42px;
		height: 24px
	}

	.product-explain__wrap .item-rows {
		padding: 60px 0
	}

	.product-explain__wrap .item-rows:nth-child(odd) .item-cont {
		padding-left: 5%
	}

	.product-explain__wrap .item-rows:nth-child(even) .item-cont {
		padding-left: 8%
	}

	.product-safety__list .item-pic,
	.product-safety__list .item-inner {
		vertical-align: top
	}

	.product-safety__list .item-pic {
		width: 48px
	}

	.product-safety__list .item-inner {
		width: calc(100% - 48px)
	}

	.product-roof__cont .item-attr {
		word-spacing: 4px
	}
}

@media (max-width: 1380px) {
	.page-product__list li {
		width: 50%
	}

	.product-safety__box {
		padding-left: 6%;
		padding-right: 6%
	}

	.product-explain__wrap .item-rows {
		padding: 50px 0
	}

	.product-explain__wrap .item-rows:nth-child(odd) .item-cont {
		padding-left: 3%
	}

	.product-explain__wrap .item-rows:nth-child(even) .item-cont {
		padding-left: 5%
	}
}

@media (max-width: 1280px) {
	.product-album__rightCont {
		padding-left: 6%;
		padding-right: 3%
	}
}

@media (max-width: 1024px) {
	.product-roof__pgPic::before {
		padding-top: 60%
	}

	.product-roof__pgPic img {
		object-fit: cover;
		height: 100%
	}

	.product-roof__cont {
		left: 40px;
		right: 40px
	}

	.product-album__leftCont,
	.product-album__rightCont,
	.product-album__dots {
		width: 100%
	}

	.product-album__rightCont {
		padding-left: 0;
		padding-right: 0;
		margin-top: 60px
	}

	.product-explain__wrap .item-cont,
	.product-explain__wrap .item-album__box {
		width: 100%
	}

	.product-explain__wrap .item-album__box {
		position: relative;
		padding: 60px 0
	}

	.product-explain__wrap .item-dec__box {
		display: none
	}

	.product-explain__wrap .item-rows {
		padding: 0;
		margin-bottom: 120px
	}

	.product-explain__wrap .item-rows:nth-child(odd) .item-cont {
		padding-left: 0
	}

	.product-explain__wrap .item-rows:nth-child(odd) .item-pic__dec {
		left: -159px;
		border-top-right-radius: 30px
	}

	.product-explain__wrap .item-rows:nth-child(even) .item-cont {
		padding-left: 0
	}

	.product-explain__wrap .item-rows:nth-child(even) .item-pic__dec {
		right: -24px;
		border-top-right-radius: 30px
	}

	.product-explain__wrap .item-cont {
		margin-bottom: 60px
	}

	.product-explain__wrap .item-txt {
		max-width: 100%
	}

	.product-explain__wrap .item-pic__dec {
		position: absolute;
		background-color: #00BDD4;
		width: 40%;
		top: 0;
		bottom: 0;
		display: block
	}

	.pe-attr {
		max-width: 540px
	}

	.pe-attr>div {
		padding-right: 16px
	}

	.product-safety__box {
		padding-left: 24px;
		padding-right: 24px
	}

	.product-safety__rightCont {
		display: none
	}

	.product-safety__leftCont {
		width: 100%
	}

	.product-safety__txt {
		max-width: 100%
	}

	.product-safety__list {
		margin-top: 50px
	}

	.product-safety__list li {
		width: 33.33%
	}

	.product-safety__list .item-mpic {
		display: block;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px
	}

	.product-safety__list .item-mpic::before {
		padding-top: 114.81481%
	}

	.product-safety__list .item-box {
		opacity: 1
	}
}

@media (max-width: 800px) {
	.product-safety__list li {
		width: 50%
	}
}

@media (max-width: 650px) {
	.product-safety__wrap {
		margin-top: 100px
	}

	.product-safety__box {
		padding-left: 20px;
		padding-right: 20px
	}

	.product-roof__pgPic::before {
		padding-top: 90%
	}

	.product-roof__cont {
		left: 20px;
		right: 20px
	}

	.page-product__list li {
		margin-bottom: 50px
	}

	.page-product__list .item-cont {
		padding-right: 0;
		margin-top: 12px
	}

	.page-product__list .item-price {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 12px
	}

	.product-scene__slick .item-pic::before {
		padding-top: 280px
	}

	.product-scene__slick .item-pic img {
		height: 100%;
		object-fit: cover
	}

	.product-explain__wrap .item-rows {
		margin-bottom: 80px
	}

	.product-explain__wrap .item-rows:nth-child(odd) .item-pic__dec {
		left: -159px
	}

	.product-explain__wrap .item-rows:nth-child(even) .item-pic__dec {
		right: -159px
	}

	.product-explain__wrap .item-pic__dec {
		width: 60%
	}

	.product-explain__wrap .item-album__box {
		padding: 30px 0
	}

	.product-explain__wrap .item-cont {
		margin-bottom: 36px
	}

	.product-safety__list li {
		margin-bottom: 50px
	}

	.product-safety__list .item-pic {
		width: 42px
	}

	.product-safety__list .item-mpic {
		max-width: 120px
	}

	.product-safety__list .item-inner {
		width: calc(100% - 42px);
		padding-left: 14px
	}

	.prl-vid__btn {
		left: 20px;
		bottom: 16px
	}

	.prl-vid__btn .dec {
		width: 34px;
		height: 20px
	}

	.prl-vid__btn .text {
		margin-left: 4px
	}

	.prd-cont {
		max-width: 320px
	}

	.pe-attr>div {
		width: 42%;
		margin-right: 6%
	}

	.close-prl__vid {
		font-size: 14px
	}
}

@media (max-width: 500px) {
	.product-safety__list li {
		padding-right: 0
	}

	.product-safety__list .item-pic {
		width: 26px
	}

	.product-safety__list .item-mpic {
		max-width: 90px
	}

	.product-safety__list item-inner {
		width: calc(100% - 26px)
	}

	.product-safety__list .item-txt {
		font-size: 12px
	}

	.product-roof__cont .item-attr {
		word-spacing: 2px
	}

	.page-product__list .item-attr {
		font-size: 12px
	}

	.prl-vid__btn .text {
		font-size: 12px
	}

	.pe-slick__row .pe-pic {
		width: 42px
	}

	.product-roof__cont .item-title {
		margin-bottom: 6px
	}

	.product-roof__cont .item-intro {
		margin-bottom: 10px
	}
}

.page-brand__list li {
	position: relative;
	padding: 100px 0
}

.page-brand__list li:nth-child(odd) .item-main {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.page-brand__list li:nth-child(odd) .item-dec__box {
	border-top-right-radius: 30px;
	left: 0
}

.page-brand__list li:nth-child(odd) .item-cont {
	padding-left: 9.2%
}

.page-brand__list li:nth-child(odd) .item-dec__hint {
	left: 24px
}

.page-brand__list li:nth-child(even) .item-dec__box {
	border-top-left-radius: 30px;
	right: 0
}

.page-brand__list li:nth-child(even) .item-cont {
	padding-right: 9.2%
}

.page-brand__list li:nth-child(even) .item-dec__hint {
	right: 24px
}

.page-brand__list .item-main {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center
}

.page-brand__list .item-pic__box,
.page-brand__list .item-cont {
	width: 50%;
	position: relative
}

.page-brand__list .item-pic {
	overflow: hidden;
}

.page-brand__list .item-pic::before {
	padding-top: 95.63164%
}

.page-brand__list .item-pic__dec {
	display: none
}

.page-brand__list .item-dec__box {
	position: absolute;
	top: 0;
	background-color: #00BDD4;
	width: 28%;
	height: 100%
}

.page-brand__list .item-dec__hint {
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 30px;
	text-align: center;
	padding-bottom: 465px
}

.page-brand__list .item-dec__hint::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 442px;
	background-color: rgba(255, 255, 255, 0.5)
}

.page-brand__list .item-dec__hint span {
	font-family: "Comfortaa";
	letter-spacing: 2px;
	display: block;
	writing-mode: vertical-lr;
	writing-mode: tb-lr
}

.page-brand__list .item-attr {
	font-size: 14px;
	color: #00BDD4
}

.page-brand__list .item-attr span {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #00BDD4;
	border-radius: 4px;
	line-height: 1;
	padding: 7px 12px;
	letter-spacing: .6px;
	margin-right: 4px;
	margin-bottom: 15px
}

.page-brand__list .item-title {
	line-height: 1.3125;
	margin-bottom: .4375em
}

.page-brand__list .item-txt {
	color: #989997
}

.page-brand__list .item-txt h2 {
	color: #242424
}

.page-brand__list .item-infor {
	border-top: 1px solid rgba(112, 112, 112, 0.2);
	font-size: 0
}

.page-brand__list .item-ibox {
	padding-right: 180px;
	position: relative
}

.page-brand__list .item-head__pic,
.page-brand__list .item-person {
	display: inline-block;
	vertical-align: middle
}

.page-brand__list .item-head__pic {
	width: 75px;
	position: relative;
	border-radius: 50%;
	overflow: hidden
}

.page-brand__list .item-head__pic::before {
	content: "";
	display: block;
	padding-top: 100%
}

.page-brand__list .item-head__pic img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.page-brand__list .item-person {
	width: calc(100% - 80px);
	padding-left: 20px
}

.page-brand__list .item-person span {
	color: #585B5E;
	font-weight: 400
}

.page-brand__list .item-person p {
	color: #989997
}

.bs-history__wrap .item-pic::before {
	padding-top: 51.40625%
}

.bs-small__pic {
	display: none
}

.bs-share__wrap {
	background-color: #00BDD4
}

.bs-share__wrap .item-pic::before {
	padding-top: 49.48052%
}

.bs-store__wrap {
	background-color: #0F1F3E
}

.bs-store__list li {
	margin-bottom: 20px
}

.bs-store__list .item-pic {
	overflow: hidden;
	border-radius: 10px
}

.bs-store__list .item-pic::before {
	padding-top: 53.13433%
}

.bs-bazaar__picCont .item-pic::before {
	padding-top: 46.49351%
}

.bs-global__wrap {
	position: relative;
	background-color: #0F1F3E
}

.bs-global__wrap .item-pic::before {
	padding-top: 46.875%
}

.bs-global__wrap .bs-column__inner {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	z-index: 100
}

.bs-awards__list li {
	margin-bottom: 20px
}

.bs-awards__list .item-cont {
	background-color: #F2F2F2;
	padding-top: 1.7em;
	border-radius: 10px
}

.bs-awards__list .item-title,
.bs-awards__list .item-txt {
	text-align: center;
	padding: 0 20px
}

.bs-awards__list .item-title {
	color: #000;
	margin-bottom: 4px
}

.bs-awards__list .item-txt {
	color: #585B5E
}

.bs-awards__list .item-pic {
	max-width: 365px;
	margin-left: auto;
	margin-right: auto
}

.bs-awards__list .item-pic::before {
	padding-top: 73.42466%
}

.bs-album__wrap {
	background-color: #00BDD4
}

.bs-album__box {
	position: relative
}

.bs-album__cont {
	background-color: #77060b;
	border-radius: 12px;
	color: #fff;
	padding: 68px 8% 70px 8%;
}

.bs-album__cont .item-dec {
	margin-top: 1.44444em
}

.bs-album__cont .item-dec span {
	display: inline-block;
	padding-left: 124px;
	position: relative
}

.bs-album__cont .item-dec span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 96px;
	height: 1px;
	background-color: #fff
}

.bs-album__pic {
	width: 260px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.bs-album__pic::before {
	padding-top: 100%
}

.bs-book__wrap {
	background-color: #2A2E35
}

.bs-column__inner ul {
	margin-top: 1.66667em
}

.bs-column__inner li {
	position: relative;
	padding-left: 32px
}

.bs-column__inner li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	background: url(../fonts/hx.svg) no-repeat center center;
	width: 15px;
	height: 20px;
	background-size: 15px 20px
}

.bs-book__box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	box-align: flex-end;
	-moz-box-align: flex-end;
	-webkit-box-align: flex-end
}

.bs-book__leftCont {
	width: 76%;
	padding-right: 11%;
	overflow: hidden
}

.bs-book__rightCont {
	width: 90%
}

.bs-book__rightSlick .item-pic::before {}

.bs-book__rightSlick .item-year {
	color: #00BDD4;
	font-family: "Comfortaa"
}

.bs-book__rightSlick .item-title {
	color: #fff
}

.bs-book__rightSlick .item-bc {
	display: none
}

.bs-book__leftSlick {
	margin-left: -30px;
	overflow: hidden
}

.bs-book__leftSlick::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 14px;
	left: 0;
	background: url(../fonts/line.svg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 1px
}

.bs-book__leftSlick .slick-list {
	z-index: 100
}

.bs-book__leftSlick .item-cont {
	margin-left: 30px;
	margin-right: 30px;
	cursor: pointer
}

.bs-book__leftSlick .item-pic,
.bs-book__leftSlick .item-year {
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	opacity: .3
}

.bs-book__leftSlick .item-pic::before {
	padding-top: 142.22222%
}

.bs-book__leftSlick .item-year {
	font-size: 14px;
	color: #fff;
	font-family: "Comfortaa";
	margin-top: 20px;
	text-align: center
}

.bs-book__leftSlick .item-round {
	width: 30px;
	height: 30px;
	position: relative;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	z-index: 40
}

.bs-book__leftSlick .item-round::before,
.bs-book__leftSlick .item-round::after {
	content: "";
	display: block
}

.bs-book__leftSlick .item-round::before {
	transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #00BDD4;
	border-radius: 50%;
	position: absolute;
	-webkit-transform: scale(0);
	transform: scale(0);
	z-index: 100
}

.bs-book__leftSlick .item-round::after {
	width: 12px;
	height: 12px;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #2A2E35;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.bs-book__leftSlick .item-dec {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 14px;
	height: 18px;
	background-size: 14px 18px;
	transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	opacity: 0;
	z-index: 120
}

.bs-book__leftSlick .slick-current .item-pic,
.bs-book__leftSlick .slick-current .item-year {
	opacity: 1
}

.bs-book__leftSlick .slick-current .item-round .item-dec {
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.bs-book__leftSlick .slick-current .item-round::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media (min-width: 651px) {
	.page-brand__list .item-btn__box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%)
	}
}

@media (min-width: 1025px) {

	.bs-book__leftSlick .item-cont:hover .item-pic,
	.bs-book__leftSlick .item-cont:hover .item-year {
		opacity: 1
	}
}

@media (max-width: 1620px) {
	.page-brand__list li {
		padding: 85px 0
	}

	.bs-album__cont {
		padding: 58px 12% 58px 16%
	}

	.bs-book__leftSlick {
		margin-left: -22px
	}

	.bs-book__leftSlick .item-cont {
		margin-left: 22px;
		margin-right: 22px
	}

	.bs-column__inner li::before {
		top: 7px;
		width: 12px;
		height: 16px;
		background-size: 12px 16px
	}
}

@media (max-width: 1440px) {
	.page-brand__list li {
		padding: 75px 0
	}

	.page-brand__list .item-head__pic {
		width: 62px
	}

	.bs-store__list li,
	.bs-awards__list li {
		margin-bottom: 12px
	}

	.bs-album__pic {
		width: 230px
	}

	.bs-album__cont {
		padding: 50px 8% 50px 14%
	}

	.bs-book__leftSlick::after {
		bottom: 12px
	}

	.bs-book__leftSlick .item-round {
		width: 26px;
		height: 26px
	}

	.bs-book__leftSlick .item-round::after {
		width: 10px;
		height: 10px
	}

	.bs-book__leftSlick .item-dec {
		width: 12px;
		height: 15px;
		background-size: 12px 15px
	}

	.bs-column__inner li {
		padding-left: 24px
	}
}

@media (max-width: 1380px) {
	.page-brand__list li {
		padding: 70px 0
	}

	.page-brand__list li:nth-child(odd) .item-cont {
		padding-left: 60px
	}

	.page-brand__list li:nth-child(odd) .item-dec__hint {
		left: 10px
	}

	.page-brand__list li:nth-child(even) .item-cont {
		padding-right: 60px
	}

	.page-brand__list li:nth-child(even) .item-dec__hint {
		right: 10px
	}

	.page-brand__list .item-dec__hint {
		padding-bottom: 420px
	}

	.page-brand__list .item-dec__hint::before {
		height: 400px
	}
}

@media (max-width: 1280px) {
	.bs-awards__list li {
		width: 33.33%
	}
}

@media (max-width: 1100px) {
	.page-brand__list .item-dec__hint {
		display: none
	}
}

@media (max-width: 1024px) {
	.page-brand__list li {
		padding: 0;
		margin-bottom: 120px
	}

	.page-brand__list li:nth-child(odd) .item-cont {
		padding-left: 0
	}

	.page-brand__list li:nth-child(odd) .item-pic__dec {
		left: -24px;
		border-top-right-radius: 30px
	}

	.page-brand__list li:nth-child(even) .item-cont {
		padding-right: 0
	}

	.page-brand__list li:nth-child(even) .item-pic__dec {
		right: -24px;
		border-top-left-radius: 30px
	}

	.page-brand__list .item-dec__box {
		display: none
	}

	.page-brand__list .item-pic__box,
	.page-brand__list .item-cont {
		width: 100%
	}

	.page-brand__list .item-pic__box {
		padding: 60px 0
	}

	.page-brand__list .item-cont {
		margin-bottom: 60px
	}

	.page-brand__list .item-pic__dec {
		display: block;
		position: absolute;
		background-color: #00BDD4;
		width: 40%;
		top: 0;
		bottom: 0
	}

	.bs-album__pic {
		position: relative;
		left: auto;
		top: auto;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		margin: 0 auto -100px auto
	}

	.bs-album__cont {
		margin-left: 0;
		padding: 160px 40px 80px 40px
	}

	.bs-album__cont .item-dec {
		margin-top: 60px
	}

	.bs-book__box {
		margin-right: 0
	}

	.bs-book__box .bs-column__inner {
		margin-right: 24px
	}

	.bs-book__leftCont {
		width: 100%;
		padding-right: 0
	}

	.bs-book__rightCont {
		width: 360px;
		margin: 30px auto 0 auto
	}

	.bs-book__rightCont .item-pic {
		margin-top: 0
	}

	.bs-book__rightSlick {
		margin-right: 24px
	}

	.bs-book__rightSlick .item-bc {
		display: block;
		margin-top: 40px;
		text-align: center
	}

	.bs-book__rightSlick .item-tc {
		display: none
	}
}

@media (max-width: 750px) {
	.bs-history__wrap .item-pic::before {
		padding-top: 249.06667%
	}

	.bs-share__wrap .item-pic::before {
		padding-top: 195.06667%
	}

	.bs-larze__pic {
		display: none
	}

	.bs-small__pic {
		display: block
	}

	.bs-store__list li {
		width: 25%
	}

	.bs-bazaar__picCont .item-pic::before {
		padding-top: 194%
	}

	.bs-global__wrap .bs-column__inner {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		padding-top: 108px
	}

	.bs-global__wrap .item-pic::before {
		padding-top: 169.33333%
	}
}

@media (max-width: 680px) {
	.bs-awards__list li {
		width: 50%
	}

	.bs-awards__list .item-txt {
		font-size: 12px
	}
}

@media (max-width: 650px) {
	.page-brand__list li {
		margin-bottom: 80px
	}

	.page-brand__list li:nth-child(odd) .item-pic__dec {
		left: -159px
	}

	.page-brand__list li:nth-child(even) .item-pic__dec {
		right: -159px
	}

	.page-brand__list .item-ibox {
		padding-right: 0
	}

	.page-brand__list .item-cont {
		margin-bottom: 36px
	}

	.page-brand__list .item-attr {
		font-size: 12px
	}

	.page-brand__list .item-pic__dec {
		width: 60%
	}

	.page-brand__list .item-pic__box {
		padding: 30px 0
	}

	.page-brand__list .item-head__pic {
		width: 46px
	}

	.page-brand__list .item-btn__box {
		margin-top: 30px
	}

	.bs-global__wrap .bs-column__inner {
		padding-top: 80px
	}

	.bs-album__pic {
		width: 160px
	}

	.bs-album__cont {
		padding: 140px 20px 60px 20px
	}

	.bs-album__cont .item-dec span {
		padding-left: 90px
	}

	.bs-album__cont .item-dec span::before {
		width: 70px
	}

	.bs-book__leftSlick {
		margin-left: -12px
	}

	.bs-book__leftSlick .item-cont {
		margin-left: 12px;
		margin-right: 12px
	}

	.bs-book__rightCont {
		width: 320px;
		margin-right: 20px
	}
}

@media (max-width: 500px) {
	.bs-store__list li {
		width: 33.33%;
		margin-bottom: 8px
	}

	.bs-awards__list li {
		margin-bottom: 8px
	}

	.bs-book__rightCont {
		width: 260px
	}

	.bs-book__leftSlick {
		margin-left: -6px
	}

	.bs-book__leftSlick::after {
		bottom: 27px
	}

	.bs-book__leftSlick item-cont {
		margin-left: 6px;
		margin-right: 6px
	}

	.bs-book__leftSlick .item-round {
		width: 22px;
		height: 22px
	}

	.bs-book__leftSlick .item-round::after {
		width: 8px;
		height: 8px
	}

	.bs-book__leftSlick .item-dec {
		width: 10px;
		height: 13px;
		background-size: 10px 13px
	}

	.bs-book__leftSlick .item-bc {
		margin-top: 26px
	}
}

.eror-404 {
	overflow-x: hidden
}

.page404 {
	overflow: hidden;
	text-align: center;
	height: calc(100vh - 96px);
	width: 100vw;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.page404 #errorText {
	font-size: 22px;
	margin-top: 40px;
	color: #0F1F3E
}

.page404 #errorLink {
	font-size: 20px;
	padding: 12px;
	border: 1px solid;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	margin-top: 20px
}

.page404 #errorLink:hover,
.page404 #errorLink:active {
	color: #fff;
	background: #00BDD4
}

.page404 #g6219 {
	transform-origin: 85px 4px;
	animation: an1 12s .5s infinite ease-out
}

@keyframes an1 {
	0% {
		transform: rotate(0)
	}

	5% {
		transform: rotate(3deg)
	}

	15% {
		transform: rotate(-2.5deg)
	}

	25% {
		transform: rotate(2deg)
	}

	35% {
		transform: rotate(-1.5deg)
	}

	45% {
		transform: rotate(1deg)
	}

	55% {
		transform: rotate(-1.5deg)
	}

	65% {
		transform: rotate(2deg)
	}

	75% {
		transform: rotate(-2deg)
	}

	85% {
		transform: rotate(2.5deg)
	}

	95% {
		transform: rotate(-3deg)
	}

	100% {
		transform: rotate(0)
	}
}

@media (max-width: 1024px) {
	.page404 {
		height: calc(100vh - 120px)
	}

	.page404 #errorText {
		font-size: 18px;
		margin-top: 0
	}

	.page404 #errorLink {
		font-size: 16px
	}

	.page404 #svg2 {
		width: 80%
	}
}

.search-page {
	background-color: #f5f5f5
}

.search-wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding: 40px;
	background-color: #fff
}

.search-header {
	padding: 0 20px
}

.search-header h3 {
	color: #000;
	font-size: 14px;
	letter-spacing: .1em;
	line-height: 1.5
}

.search-header p {
	color: #666;
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 1.5
}

.search-header p span {
	color: #00BDD4
}

.search-item {
	display: block;
	padding: 10px 20px
}

.search-item h4 {
	color: #000;
	margin-bottom: .25em;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: .05em
}

.search-item p {
	color: #666;
	font-size: 14px;
	line-height: 1.5
}

.search-item:hover {
	background-color: #f5f5f5
}

.search-item:hover h4 {
	color: #00BDD4
}

@media (max-width: 1024px) {
	.search-page .container {
		margin-top: 0
	}
}

@media (max-width: 650px) {
	.search-header {
		padding: 0 10px
	}

	.search-item {
		padding-left: 10px;
		padding-right: 10px
	}

	.search-wrap {
		padding-left: 20px;
		padding-right: 20px
	}
}

.footer {
	position: relative;
	background-color: #200506;
	padding-top: 120px;
	padding-bottom: 60px
}

.footer::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 36px;
	width: 290px;
	height: 380px;
	background: url(../fonts/icon-03.svg) no-repeat center center
}

.foot-top__cont,
.foot-bottom__cont {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.foot-bottom__cont {
	align-items: flex-end;
	-webkit-align-items: flex-end;
	box-align: flex-end;
	-moz-box-align: flex-end;
	-webkit-box-align: flex-end;
	margin-top: 180px
}

.ft-left__area {
	max-width: 504px
}

.ftl-title {
	color: #fff;
	margin-bottom: .13333em
}

.ftl-intro,
.fbl-hint {
	color: rgba(255, 255, 255, 0.6)
}

.ft-right__area {
	width: 51%
}

.ftr-nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #989997;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2.14286
}

.ftr-nav dd,
.ftr-nav dt {
	margin-bottom: 6px
}

.ftr-nav a {
	color: #989997
}

.fbl-tel {
	font-family: "Comfortaa";
	color: rgba(255, 255, 255, 0.4);
	margin-top: 3px;
	letter-spacing: 2px
}

.fbl-txt {
	margin-top: 15px;
	color: rgba(255, 255, 255, 0.4)
}

.back-top {
	font-size: 14px;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding-right: 20px;
	color: rgba(255, 255, 255, 0.5)
}

.back-top i {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 12px;
	margin-top: -6px
}

.back-top i::before {
	display: block;
	-webkit-transform: scale(0.4, 0.4);
	transform: scale(0.4, 0.4);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.fb-right__area {
	text-align: right
}

.foot-share a {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #989997;
	margin-left: 32px
}

.fbr-txt {
	color: rgba(255, 255, 255, 0.5);
	margin-top: 20px
}

.fbr-txt a {
	color: rgba(255, 255, 255, 0.5)
}

@media (min-width: 1025px) {

	.ftr-nav a,
	.foot-share a {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.ftr-nav a:hover,
	.foot-share a:hover {
		color: rgba(255, 255, 255, 0.8)
	}

	.back-top {
		transition: color .3s linear;
		-ms-transition: color .3s linear;
		-moz-transition: color .3s linear;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear
	}

	.back-top:hover {
		color: rgba(255, 255, 255, 0.8)
	}
}

@media (max-width: 1620px) {
	.footer {
		padding-top: 100px;
		padding-bottom: 50px
	}

	.footer::before {
		width: 290px;
		height: 340px;
		background-size: 290px 340px
	}

	.foot-bottom__cont {
		margin-top: 150px
	}
}

@media (max-width: 1440px) {
	.ftr-nav {
		font-size: 12px;
		line-height: 2
	}

	.footer {
		padding-top: 75px;
		padding-bottom: 35px
	}

	.footer::before {
		width: 220px;
		height: 288px;
		background-size: 220px 288px
	}

	.foot-bottom__cont {
		margin-top: 120px
	}

	.fbr-txt,
	.back-top,
	.fbl-txt {
		font-size: 12px
	}

	.ft-right__area {
		width: 46%
	}
}

@media (max-width: 800px) {
	.footer {
		padding-top: 50px;
		padding-bottom: 24px
	}

	.footer::before {
		width: 180px;
		height: 236px;
		background-size: 180px 236px
	}

	.foot-bottom__cont {
		margin-top: 90px
	}

	.ft-left__area {
		max-width: 100%
	}

	.ft-right__area,
	.fb-middle__area {
		display: none
	}

	.fb-left__area,
	.fb-right__area {
		width: 50%
	}

	.fb-left__area {
		position: relative;
		z-index: 100
	}
}

@media (max-width: 680px) {

	.fb-left__area,
	.fb-right__area,
	.ft-left__area {
		width: 100%
	}

	.fb-right__area {
		text-align: center
	}

	.footer-main {
		text-align: center
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 20px;
		overflow: hidden
	}

	.footer::before {
		width: 100px;
		height: 131px;
		background-size: 100px 131px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 0
	}

	.fb-right__area {
		margin-top: 32px
	}

	.fbl-txt,
	.fbr-txt {
		margin-top: 8px
	}

	.foot-top__cont,
	.fb-right__area {
		display: none
	}

	.foot-bottom__cont {
		margin-top: 0
	}
}

@media (max-width: 500px) {
	.fbl-tel {
		margin-top: 0
	}
}



.PhotoShow296 .photo_list .photo_item .photo_img {
	padding: 20px;
	background: #f6f6f6;
}

.PhotoShow296 .bodyContTitle .fl {
	display: none;
}

.PhotoShow296 .photo_more a {
	background: #1e78b6;
}

.OnlineVideo156 #penta_video.pc {
	background: #fff;
}

.OnlineVideo156 #penta_video .video_title {
	display: none;
}

.Title27 #jh2_title_2 .fl p,
.SearchList49 #jh_search_1 .bodyContTitle .fl {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	line-height: 40px;
}

.Title27 #jh2_title_2 .fl2,
.SearchList49 #jh_search_1 .bodyContTitle .fl2 {
	width: 100%;
	font-size: 14px;
	line-height: 1;
	color: #999;
	font-family: 'Times New Roman', serif;
	position: relative;
	z-index: 2;
}

.OnlineVideo156 #penta_video .play_content {
	z-index: 2002;
}

.OnlineVideo156 #penta_video .play_content #close_icon .webIcon {
	font-size: 0;
	background: url(../images/b00055b4-c770-4626-b2d0-5ed8c474dc29.png) no-repeat;
	background-size: 100% 100%;
}

/**/
.c-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	font-size: 1.2rem;
	font-family: 'GaramondPremrPro-Med', serif;
	position: relative;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-family: 'Times New Roman', serif;
}

.c-link {
	color: ;
}

.c-button-link__circle,
.c-button-link__circle2 {
	width: 48px;
	height: 48px;
	position: relative;
}

.width_50 .c-button-link__circle,
.width_50 .c-button-link__circle2 {
	width: 50px;
	height: 50px;
}

.c-button-link__circle {
	z-index: 2;
}

.c-button-link__circle2 {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
}

.c-button-link__circle circle,
.c-button-link__circle2 circle {
	fill: transparent;
	stroke-width: 1;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.c-button-link__circle circle {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	stroke: #b3b3b1;
	stroke-dasharray: 182;
	stroke-dashoffset: 30;
}

.c-link.-white .c-button-link__circle circle {
	stroke: #fff;
	opacity: .3;
}

.c-link.-blue .c-button-link__circle circle {
	stroke: #1E78B6;
	opacity: .3;
}

.more-block .c-button-link__circle2 circle {
	stroke: #000;
	stroke-dasharray: 183;
	stroke-dashoffset: 183;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.c-link.-white .c-button-link__circle2 circle {
	stroke: #fff;
}

.c-link.-blue .c-button-link__circle2 circle {
	stroke: #1E78B6;
}

.more-block:hover .c-button-link__circle2 circle {
	-webkit-animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

circle_in2 {
	0% {
		stroke-dashoffset: 183
	}

	to {
		stroke-dashoffset: 336
	}
}

@keyframes circle_in2 {
	0% {
		stroke-dashoffset: 183
	}

	to {
		stroke-dashoffset: 336
	}
}

@-webkit-keyframes circle_out2 {
	0% {
		stroke-dashoffset: 336
	}

	to {
		stroke-dashoffset: 183
	}
}

@keyframes circle_out2 {
	0% {
		stroke-dashoffset: 336
	}

	to {
		stroke-dashoffset: 183
	}
}

/**/
.c-rollup {
	letter-spacing: -1px;
	position: relative;
	overflow: hidden;
	height: 1em;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateX(-1.5rem);
	-ms-transform: translateX(-1.5rem);
	transform: translateX(-1.5rem);
	font-family: 'Times New Roman', serif;
}

.-white .c-rollup {
	color: #fff;
}

.-blue .c-rollup {
	color: #1e78b6;
}

.c-rollup .c-rollup__hov {
	position: absolute;
	top: 0;
	left: 0;
}

.c-rollup .js-txt-split__cell {
	display: inline-block;
	will-change: transform;
	-webkit-transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms);
	transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms);
	-o-transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s;
	transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s;
	transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms);
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.c-rollup .c-rollup__nom .js-txt-split__cell {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.more-block:hover .c-rollup .c-rollup__nom .js-txt-split__cell {
	-webkit-transform: translateY(-1em);
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
}

.c-rollup .c-rollup__hov .js-txt-split__cell {
	-webkit-transform: translateY(1em);
	-ms-transform: translateY(1em);
	transform: translateY(1em);
}

.more-block:hover .c-rollup .c-rollup__hov .js-txt-split__cell {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.js-txt-split__cell:first-child {
	-webkit-animation-delay: 0.05s !important;
	animation-delay: 0.05s !important;
}

.js-txt-split__cell:nth-child(2) {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}

.js-txt-split__cell:nth-child(3) {
	-webkit-animation-delay: 0.15s !important;
	animation-delay: 0.15s !important;
}

.js-txt-split__cell:nth-child(4) {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}

/***/
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		/*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		/*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/***********/
.OnlineVideo156 #penta_video.pc .video_list,
.OnlineVideo156 #penta_video.pc .empty_list {
	width: 30%;
}

.OnlineVideo156 #penta_video.pc .video_list .video_pic {
	width: 100%;
}

@media (min-width: 768px) {

	.OnlineVideo156 #penta_video.pc .video_title,
	.OnlineVideo156 #penta_video.pc .video_content {
		width: 750px;
	}
}

@media (min-width: 992px) {

	.OnlineVideo156 #penta_video.pc .video_title,
	.OnlineVideo156 #penta_video.pc .video_content {
		width: 970px;
	}
}

@media (min-width: 1200px) {

	.OnlineVideo156 #penta_video.pc .video_title,
	.OnlineVideo156 #penta_video.pc .video_content {
		width: 1170px;
	}
}

@media (max-width: 767px) {

	.OnlineVideo156 #penta_video.pc .video_title,
	.OnlineVideo156 #penta_video.pc .video_content {
		width: 100%;
	}
}

@font-face {
	font-family: 'DisneyEnglishMedium';
	src: url('../fonts/disneyenglishmedium.eot');
	src: url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.eot') format('embedded-opentype'),
		url('../fonts/disneyenglishmedium.woff2') format('woff2'),
		url('../fonts/disneyenglishmedium.woff') format('woff'),
		url('../fonts/disneyenglishmedium.ttf') format('truetype'),
		url('../fonts/disneyenglishmedium.svg#disneyenglishmedium') format('svg');
}

@font-face {
	font-family: 'xybicon';
	/* project id 249974 */
	src: url('../fonts/font_249974_5558edcrv9s.eot');
	src: url('../fonts/font_249974_5558edcrv9s.eot') format('embedded-opentype'),
		url('../fonts/font_249974_5558edcrv9s.woff2') format('woff2'),
		url('../fonts/font_249974_5558edcrv9s.woff') format('woff'),
		url('../fonts/font_249974_5558edcrv9s.ttf') format('truetype'),
		url('../fonts/font_249974_5558edcrv9s.svg#iconfont') format('svg');
}

.xybicon {
	font-family: "xybicon" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: 0 none;
}

ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

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

a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
}

/* PC端 */
#lq-header-zh.pc {
	position: relative;
}

#lq-header-zh.pc:after {
	z-index: 1699;
	width: 100%;
	height: 90px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background: #fff;
}

#lq-header-zh.pc .nav_content {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1700;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 22px;
	-webkit-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}

#lq-header-zh.pc.design .nav_content {
	position: relative;
	height: 90px;
}

#lq-header-zh.pc.active .nav_content {
	position: fixed;
	background-color: #fff;
	-webkit-box-shadow: -4px 4px 5px rgb(0 0 0 / 20%);
	box-shadow: -4px 4px 5px rgb(0 0 0 / 20%);
}

#lq-header-zh.pc .nav_content .nav-cont {
	width: 100%;
	padding: 0 3.125%;
	margin: 0;
	height: 46px;
}

#lq-header-zh.pc .logo {
	float: left;
	width: auto;
	height: 46px;
}

#lq-header-zh.pc .logo a {
	display: block;
	height: 46px;
	padding: 0;
	font-size: 0;
}

#lq-header-zh.pc .logo img {
	width: auto;
	height: 100%;
}

#lq-header-zh.pc .nav {
	margin-left: 15.15625vw;
	float: left;
	height: 46px;
}

#lq-header-zh.pc .nav .nav_list {
	float: left;
	height: 46px;
}

#lq-header-zh.pc .nav .nav_list li {
	float: left;
	height: 46px;
	margin: 0 1.041666vw;
	position: relative;
}

#lq-header-zh.pc .nav .nav_list .nav_btn {
	display: block;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333;
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#lq-header-zh.pc .nav .nav_list .nav_btn:before {
	content: "";
	width: 4px;
	height: 4px;
	display: block;
	background: rgba(30, 120, 182, 1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -2px;
	filter: alpha(opacity=0);
	/*支持 IE 浏览器*/
	-moz-opacity: 0;
	/*支持 FireFox 浏览器*/
	opacity: 0;
	/*支持 Chrome, Opera, Safari 等浏览器*/
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#lq-header-zh.pc .nav .nav_list li .nav_btn.active,
#lq-header-zh.pc .nav .nav_list li:hover .nav_btn {
	color: rgba(30, 120, 182, 1);
}

#lq-header-zh.pc .nav .nav_list li .nav_btn.active:before,
#lq-header-zh.pc .nav .nav_list li:hover .nav_btn:before {
	filter: alpha(opacity=100);
	/*支持 IE 浏览器*/
	-moz-opacity: 1.0;
	/*支持 FireFox 浏览器*/
	opacity: 1.0;
	/*支持 Chrome, Opera, Safari 等浏览器*/
}

#lq-header-zh.pc .nav .nav_list .fath_item .nav_btn {
	pointer-events: none;
}

#lq-header-zh.pc .nav .nav_list .nav_btn.drop {
	/* padding-right: 20px; */
}

#lq-header-zh.pc .nav .nav_list .nav_btn .xybicon {
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
	color: #333;
	position: absolute;
	right: 0;
	top: 12px;
	display: none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#lq-header-zh.pc .nav .nav_list li:hover .nav_btn .xybicon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: rgba(30, 120, 182, 1);
}

#lq-header-zh.pc .nav .nav_list .nav_btn .xybicon:after {
	content: "\e7c3";
}

#lq-header-zh.pc .nav .nav_drop {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding-top: 15px;
	margin-left: -10px;
}

#lq-header-zh.pc .nav .drop_content {
	background-color: #f5f5f5;
	padding: 8px;
	text-align: center;
	border-radius: 5px;
	-webkit-animation: avia_pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: avia_pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	display: none;
	position: relative;
}

@-webkit-keyframes avia_pop {
	0% {
		-webkit-transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes avia_pop {
	0% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}

#lq-header-zh.pc .nav .drop_content:after {
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	background-color: #f5f5f5;
	position: absolute;
	top: -2px;
	left: 50%;
	transform: rotate(45deg) translateX(-50%);
	-webkit-transform: rotate(45deg) translateX(-50%);
}

#lq-header-zh.pc .nav .drop_content .nav_drop_btn {
	display: block;
	padding: 0 12px;
	border-radius: 5px;
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	color: #000;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#lq-header-zh.pc .nav .drop_content .nav_drop_btn:hover {
	color: rgba(30, 120, 182, 1);
	background-color: #fff;
}

#lq-header-zh.pc .header-btn {
	float: right;
	line-height: 46px;
}

#lq-header-zh.pc .header-btn a {
	color: #999;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#lq-header-zh.pc .header-btn a:hover {
	color: rgba(30, 120, 182, 1);
}

#lq-header-zh.pc .header-btn .tel-btn {
	color: rgba(30, 120, 182, 1);
}

#lq-header-zh.pc .header-btn .tel-btn .num {
	margin-left: 5px;
	font-size: 24px;
	font-family: 'DisneyEnglishMedium';
}

#lq-header-zh.pc .header-btn .tel-btn .xybicon {
	font-size: 20px;
}

#lq-header-zh.pc .header-btn .tel-btn .xybicon:before {
	content: "\e6e9";
}

#lq-header-zh.pc .header-btn .search-btn {
	margin-left: 25px;
}

#lq-header-zh.pc .header-btn .search-btn .xybicon {
	width: 19px;
	height: 18px;
	display: block;
	background: url(../images/e4979b25-fc7d-4f3d-be3d-0d51a78b79e3.png) no-repeat;
	background-position: 0 -18px;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#lq-header-zh.pc .header-btn .search-btn:hover .xybicon {
	background-position: 0 0;
}

#lq-header-zh.pc .header-btn .wechat-btn {
	margin-left: 18px;
}

#lq-header-zh.pc .header-btn .wechat-btn .xybicon {
	font-size: 22px;
	vertical-align: middle;
}

#lq-header-zh.pc .header-btn .wechat-btn .xybicon:before {
	content: "\e728";
}

#lq-header-zh.pc .header-btn .buy-btn {
	margin-left: 19px;
	font-size: 16px;
	color: rgba(30, 120, 182, 1);
}

/**/
#lq-header-zh.pc .search-bg {
	width: 100%;
	height: 80px;
	display: block;
	background: rgba(255, 255, 255, 0.6);
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 1699;
	display: none;
}

/*搜索结果*/
#laymod_770469 .search-show {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1999;
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}

#laymod_770469 .search-show.act {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	display: block;
	pointer-events: auto;
}

#laymod_770469 .search-show .search-bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .85);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#laymod_770469 .search-show .search-table {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1998;
	display: table;
	table-layout: fixed;
}

#laymod_770469 .search-show .table-cont {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#laymod_770469 .search-show .table-cont .search-cont {
	margin: 0 auto;
	margin-top: -80px;
	width: 50%;
	height: 68px;
	display: block;
	border-bottom: 2px solid #eee;
	position: relative;
	z-index: 1998;
}

#laymod_770469 .search-show .table-cont .search-cont h6 {
	text-align: left;
	display: block;
	position: absolute;
	bottom: 0;
	height: 68px;
	line-height: 68px;
	font-size: 24px;
	color: #999;
	pointer-events: none;
	margin-left: 20px;
	transition: .3s;
}

#laymod_770469 .search-show .table-cont .search-cont h6.act {
	font-size: 16px;
	bottom: 48px;
	line-height: 30px;
	height: 30px;
}

#laymod_770469 .search-show .table-cont .search-cont .search_text {
	width: 100%;
	padding: 0;
	padding-right: 50px;
	height: 68px;
	font-size: 16px;
	color: #999;
	box-shadow: none;
	-webkit-appearance: none;
	float: left;
	border-right: 0;
	background: none;
}

#laymod_770469 .search-show .table-cont .search_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	text-align: center;
}

#laymod_770469 .search-show .table-cont .search_btn .xybicon {
	font-size: 30px;
	color: #999;
	line-height: 68px;
}

#laymod_770469 .search-show .table-cont .search_btn .xybicon:before {
	content: "\e8eb";
}

/* 移动端 */
#g_web {
	position: relative;
	right: 0;
	transition: all .4s cubic-bezier(.5, 0, 0, 1);
	-webkit-transition: all .4s cubic-bezier(.5, 0, 0, 1);
}

#g_web.active {
	right: 80vw;
}

#g_body.active {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
}

#lq-header-zh.mob {
	height: 15vw;
}

#lq-header-zh.mob .header {
	width: 100%;
	height: 15vw;
	background-color: #fff;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2001;
	transition: all .4s cubic-bezier(.5, 0, 0, 1);
	-webkit-transition: all .4s cubic-bezier(.5, 0, 0, 1);
}

#lq-header-zh.mob .header.active {
	right: 80vw;
}

#lq-header-zh.mob .header .header_block {
	height: 15vw;
	text-align: center;
	position: relative;
	z-index: 2001;
	background-color: #fff;
	box-shadow: 0 0 2vw #eee;
	-webkit-box-shadow: 0 0 2vw #eee;
}

#lq-header-zh.mob .header .logo {
	width: auto;
	text-align: left;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: block;
	padding: 3.5vw 15px;
	margin: 0 auto;
}

#lq-header-zh.mob .header .logo img {
	height: 8vw;
	width: auto;
}

#lq-header-zh.mob .header .nav_icon {
	width: 15vw;
	height: 15vw;
	padding: 4.5vw 0;
	display: block;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

#lq-header-zh.mob .header .nav_icon .xybicon {
	font-size: 6vw;
	color: #000;
	height: 6vw;
	display: block;
	text-align: center;
	line-height: 6vw;
}

#lq-header-zh.mob .header .nav_icon .xybicon:after {
	content: "\e7ff";
}

@-webkit-keyframes avia_pop {
	0% {
		-webkit-transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes avia_pop {
	0% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}

#lq-header-zh.mob .nav {
	position: fixed;
	height: 100%;
	width: 80vw;
	padding: 0 5vw;
	padding-bottom: 15vw;
	z-index: 2003;
	right: -80vw;
	top: 0;
	background-color: #f3f3f3;
	transition: all .4s cubic-bezier(.5, 0, 0, 1);
	-webkit-transition: all .4s cubic-bezier(.5, 0, 0, 1);
}

#lq-header-zh.mob .nav.active {
	right: 0;
	box-shadow: 0 0 3vw #333;
	-webkit-box-shadow: 0 0 3vw #333;
}

#lq-header-zh.mob .close_btn {
	width: 100vw;
	height: 100vh;
	background-color: #000;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2002;
	opacity: 0;
	pointer-events: none;
	transition: all .4s cubic-bezier(.5, 0, 0, 1);
	-webkit-transition: all .4s cubic-bezier(.5, 0, 0, 1);
}

#lq-header-zh.mob .close_btn.active {
	opacity: 0.5;
	pointer-events: all;
}

#lq-header-zh.mob .nav .company {
	color: rgba(30, 120, 182, 1);
	text-align: center;
	font-size: 6vw;
	line-height: 9vw;
	padding: 3vw 0;
	font-weight: 900;
	border-bottom: 1px solid #ccc;
	display: none;
}

#lq-header-zh.mob.en .nav .company {
	line-height: 7vw;
}

#lq-header-zh.mob.cn .nav .company {
	font-family: "header_title_cn";
	font-size: 6vw;
}

#lq-header-zh.mob .nav .nav_content {}

#lq-header-zh.mob .nav #nav_list {
	text-align: center;
	padding-top: 5vw;
}

#lq-header-zh.mob .nav #nav_list li {
	border-bottom: 1px solid #fff;
	padding: 1.5vw 0;
	position: relative;
}

#lq-header-zh.mob .nav #nav_list .nav_btn {
	font-size: 4vw;
	display: block;
	line-height: 9vw;
	color: #000;
	position: relative;
	z-index: 1;
	font-weight: 900;
}

#lq-header-zh.mob .nav #nav_list li:last-child .nav_btn {
	border-bottom: none;
}

#lq-header-zh.mob .nav #nav_list li.active .nav_btn {
	background-color: rgba(30, 120, 182, 1);
	color: #fff;
	border-radius: 1vw;
}

#lq-header-zh.mob .nav #nav_list .drop_btn {
	position: absolute;
	right: 3vw;
	top: 1.5vw;
	z-index: 2;
	width: 9vw;
	height: 9vw;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

#lq-header-zh.mob .nav #nav_list .drop_btn.active {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#lq-header-zh.mob .nav #nav_list .drop_btn .xybicon {
	height: 9vw;
	display: block;
	width: 9vw;
	text-align: center;
	line-height: 9vw;
	font-size: 4vw;
	color: rgba(30, 120, 182, 1)
}

#lq-header-zh.mob .nav #nav_list li.active .drop_btn .xybicon {
	color: #fff;
}

#lq-header-zh.mob .nav #nav_list .drop_btn .xybicon:after {
	content: "\e79b";
}

#lq-header-zh.mob .nav .nav_drop {
	display: none;
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}

#lq-header-zh.mob.en .nav .nav_drop {
	width: 60vw;
}

#lq-header-zh.mob .nav .nav_drop .drop_content {
	padding: 3vw 0;
	background-color: #fff;
	border-radius: 1vw;
	margin-top: 3vw;
	position: relative;
}

#lq-header-zh.mob.en .nav .nav_drop .drop_content {
	padding: 2vw 0;
}

#lq-header-zh.mob .nav .nav_drop .drop_content:after {
	content: "";
	width: 3vw;
	height: 3vw;
	display: block;
	background-color: #fff;
	position: absolute;
	top: -1.5vw;
	right: 23.5vw;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#lq-header-zh.mob.en .nav .nav_drop .drop_content:after {
	right: 28.5vw;
}

#lq-header-zh.mob .nav .nav_drop .nav_drop_btn {
	display: block;
	padding: 0 3vw;
	font-size: 3.5vw;
	line-height: 10vw;
	color: #000;
	font-weight: 900;
	text-align: center;
}

#lq-header-zh.mob.en .nav .nav_drop .nav_drop_btn {
	line-height: 5vw;
	margin: 3.5vw 0;
}

@media (max-width: 1680px) {
	#lq-header-zh.pc .nav {
		margin-left: 2vw;
	}
}

@media (max-width: 1580px) {
	#lq-header-zh.pc .logo img {
		width: 120px;
		height: auto;
	}

	#lq-header-zh.pc .nav .nav_list .nav_btn {
		font-size: 15px;
	}
}

@media (max-width: 1520px) {
	#lq-header-zh.pc .nav_content .nav-cont {
		width: 95%;
	}
}

@media (max-width: 1399px) {
	#lq-header-zh.pc .nav_content .nav-cont {
		width: 100%;
		margin: 0;
		padding: 0 15px;
	}
}

@media (max-width: 1240px) {
	#lq-header-zh.pc .nav {
		margin-left: 1vw;
	}

	#lq-header-zh.pc .nav .nav_list li {
		margin: 0 0.8vw;
	}
}

@media (max-width: 1160px) {
	#lq-header-zh.pc .logo img {
		width: 110px;
	}

	#lq-header-zh.pc .nav .nav_list .nav_btn {
		font-size: 13px;
	}

	#lq-header-zh.pc .header-btn a {
		display: none;
	}

	#lq-header-zh.pc .header-btn a.tel-btn {
		display: block;
	}
}

@font-face {
	font-family: 'xybicon';
	/* project id 249974 */
	src: url('//at.alicdn.com/t/font_249974_mil2qy8biph.eot');
	src: url('../fonts/font_249974_mil2qy8biph.eot') format('embedded-opentype'),
		url('../fonts/font_249974_mil2qy8biph.woff2') format('woff2'),
		url('../fonts/font_249974_mil2qy8biph.woff') format('woff'),
		url('../fonts/font_249974_mil2qy8biph.ttf') format('truetype'),
		url('../fonts/font_249974_mil2qy8biph.svg#iconfont') format('svg');
}

.xybicon {
	font-family: "xybicon" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: 0 none;
}

ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

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

a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
}

/* 主体内容 */
#laymod_770475 #lq-contact-zh .contact-bg {
	width: 100%;
	height: 500px;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

#laymod_770475 #lq-contact-zh .contact-content {
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}

#laymod_770475 #lq-contact-zh .bread-block {
	padding-top: 80px;
	padding-bottom: 25px;
	overflow: hidden;
}

#laymod_770475 #lq-contact-zh .bread-left {
	width: 60%;
	float: left;
}

#laymod_770475 #lq-contact-zh .bread-left .xybicon {
	font-size: 15px;
	color: #fff;
}

#laymod_770475 #lq-contact-zh .bread-left .xybicon:before {
	content: "\e830";
}

#laymod_770475 #lq-contact-zh .bread-left,
#laymod_770475 #lq-contact-zh .bread-left a {
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770475 #lq-contact-zh .bread-left .bread-last,
#laymod_770475 #lq-contact-zh .bread-left a:hover {
	color: rgba(30, 120, 182, 1);
}

#laymod_770475 #lq-contact-zh .bread-right {
	width: 40%;
	float: right;
	text-align: right;
}

#laymod_770475 #lq-contact-zh .bread-right a {
	padding: 8px 19px 7px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: rgba(30, 120, 182, 1);
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770475 #lq-contact-zh .bread-right a:hover {
	-webkit-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.3);
	-moz-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.3);
	box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.3);
}

/* ************ */
#laymod_770475 #lq-contact-zh .contact-block {
	padding-top: 80px;
	padding-left: 5.3333%;
	padding-right: 5.3333%;
	padding-bottom: 70px;
	overflow: hidden;
	background: #fff;
}

#laymod_770475 #lq-contact-zh .contact-block .title-block {
	margin-bottom: 17px;
	width: 100%;
	position: relative;
	text-align: center;
}

#laymod_770475 #lq-contact-zh .contact-block .title-block .tit {
	margin-bottom: 1px;
	font-size: 48px;
	line-height: 40px;
	color: #000000;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

#laymod_770475 #lq-contact-zh .contact-block .title-block .tit-en {
	width: 100%;
	font-size: 18px;
	line-height: 48px;
	color: #999;
	font-family: 'Comfortaa', serif;
	position: relative;
	z-index: 2;
}

/*****/
#laymod_770475 #lq-contact-zh .contact-block .way-block {
	margin: 0 -50px;
	padding-bottom: 67px;
	overflow: hidden;
}

#laymod_770475 #lq-contact-zh .contact-block .way-block .way-item {
	width: 50%;
	float: left;
	padding: 0 50px;
}

#laymod_770475 #lq-contact-zh .contact-block .way-block h6 {
	margin-bottom: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 26px;
	color: #333;
	border-bottom: 1px solid #E9E9E9;
}

#laymod_770475 #lq-contact-zh .contact-block .desc,
#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url {
	font-size: 15px;
	color: #666;
	line-height: 48px;
	display: block;
	position: relative;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url:hover {
	padding-left: 15px;
}

#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url .xybicon {
	color: #C5C5C5;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url:hover,
#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url:hover .xybicon {
	color: rgba(30, 120, 182, 1);
}

#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url .xybicon:before {
	content: "\ea42";
}

/**------**/
#laymod_770475 #lq-contact-zh .share-block {
	margin-top: 13px;
	float: left;
}

#laymod_770475 #lq-contact-zh .share-block li {
	margin-right: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#laymod_770475 #lq-contact-zh .share-item a {
	width: 40px;
	height: 40px;
	display: block;
	font-size: 22px;
	color: #4D4D4D;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770475 #lq-contact-zh .wechat-item a {
	background-position: 0 -40px;
}

#laymod_770475 #lq-contact-zh .wechat-item a:hover {
	background-position: 0 0;
}

#laymod_770475 #lq-contact-zh .sina-item a {
	background-position: -40px -40px;
}

#laymod_770475 #lq-contact-zh .sina-item a:hover {
	background-position: -40px 0;
}

#laymod_770475 #lq-contact-zh .qq-item a {
	background-position: -80px -40px;
}

#laymod_770475 #lq-contact-zh .qq-item a:hover {
	background-position: -80px 0;
}

#laymod_770475 #lq-contact-zh .douyin-item a {
	background-position: -120px -40px;
}

#laymod_770475 #lq-contact-zh .douyin-item a:hover {
	background-position: -120px 0;
}

/**/
/*map*/
#laymod_770475 .map-contact {
	width: 100%;
	height: 500px;
	position: relative;
}

#laymod_770475 .map-contact .map-block {
	padding: 0;
}

#laymod_770475 .map-contact .map-block .amap-info-content {
	padding: 22px 38px;
	background: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 14px rgba(0, 0, 100, .6);
	-moz-box-shadow: 0 3px 14px rgba(0, 0, 100, .6);
	box-shadow: 0 3px 14px rgba(0, 0, 100, .6);
}

#laymod_770475 .map-contact .map-block .amap-info-content span {
	font-size: 16px;
	color: rgba(30, 120, 182, 1);
	display: block;
	text-align: center;
}

#laymod_770475 #lq-contact-zh.en_mk .map-contact .map-block .amap-info-content span {
	font-size: 18px;
}

#laymod_770475 .map-contact .map-block .map {}

#laymod_770475 .map #container:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: auto;
	z-index: 999
}

#laymod_770475 .map.click #container:before {
	pointer-events: none;
}

/*message*/
#laymod_770475 #lq-contact-zh .message-block {
	padding-top: 80px;
	position: relative;
	overflow: hidden;
}

#laymod_770475 #lq-contact-zh .message-block .title-block {
	margin-bottom: 32px;
}

#laymod_770475 #lq-contact-zh .message {
	width: 100%;
	float: none;
}

#laymod_770475 #lq-contact-zh .message-cont {
	margin: 0 -15px;
	overflow: hidden;
}

#laymod_770475 #lq-contact-zh .message-cont input,
#laymod_770475 #lq-contact-zh .message-cont textarea {
	width: 100%;
	display: block;
	border: 0 none;
	border-radius: 0;
	font-size: 13px;
	text-indent: 30px;
	background: none;
	color: #999999;
	background: #F2F5F9;
	line-height: 30px;
	height: 60px;
	margin: 20px 0 0px 0;
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	position: relative;
	-webkit-appearance: none;
}

#laymod_770475 #lq-contact-zh .message-cont input.current-item,
#laymod_770475 #lq-contact-zh .message-cont textarea.current-item {}

#laymod_770475 #lq-contact-zh ::-webkit-input-placeholder {
	color: #999999;
}

#laymod_770475 #lq-contact-zh ::-moz-placeholder {
	color: #999999;
}

#laymod_770475 #lq-contact-zh ::-ms-input-placeholder {
	color: #999999;
}

#laymod_770475 #lq-contact-zh .message-cont textarea {
	margin-bottom: 30px;
	height: 315px;
	resize: none;
}

#laymod_770475 #lq-contact-zh .message-cont .liuyan {
	display: block;
	background: #00BDD4;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	text-transform: uppercase;

}

#laymod_770475 #lq-contact-zh .message-cont .liuyan:hover {
	border-color: #00BDD4;
	background: #fff;
	color: #00BDD4;
}

#laymod_770475 #lq-contact-zh .verifypic-block {
	width: 34.306%;
	padding: 0 15px;
	float: left;
	position: relative;
}

#laymod_770475 #lq-contact-zh .message-cont .valiCode {
	width: 100%;
	float: left;
	padding-right: 150px;
}

#laymod_770475 #lq-contact-zh .message-cont #verifyPic {
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	right: 40px;
}

#laymod_770475 #lq-contact-zh .message-cont .submit-block {
	width: 43.5%;
	padding: 0 15px;

}

@media (min-width: 1600px) {
	#laymod_770475 .pc-contain {
		width: 1500px;
		margin: 0 auto;
		padding: 0;
	}
}

@media (max-width: 1599px) {}

@media (max-width: 1199px) {
	#laymod_770475 #lq-contact-zh .contact-block .way-block {
		margin: 0;
	}

	#laymod_770475 #lq-contact-zh .contact-block .way-block .way-item {
		padding: 0 2%;
	}
}

@media (max-width: 767px) {
	#laymod_770475 #lq-contact-zh .contact-block {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	#laymod_770475 #lq-contact-zh .contact-content {
		padding-bottom: 35px;
	}

	#laymod_770475 #lq-contact-zh .bread-block {
		padding-top: 30px;
	}

	#laymod_770475 #lq-contact-zh .bread-left {
		width: 100%;
		display: none;
	}

	#laymod_770475 #lq-contact-zh .bread-right {
		width: 100%;
		float: left;
	}

	#laymod_770475 #lq-contact-zh .contact-block .title-block .tit {
		font-size: 5vw;
		line-height: 1;
	}

	#laymod_770475 #lq-contact-zh .contact-block .way-block {
		margin: 0;
		padding-bottom: 30px;
	}

	#laymod_770475 #lq-contact-zh .contact-block .way-block .way-item {
		width: 100%;
		padding: 0;
	}

	#laymod_770475 #lq-contact-zh .contact-block .desc,
	#laymod_770475 #lq-contact-zh .contact-block .cate-cont .item-url {
		font-size: 13px;
		line-height: 2.5;
	}

	/**/
	#laymod_770475 #lq-contact-zh .map-contact {
		height: 350px;
	}

	#laymod_770475 #lq-contact-zh .message-block {
		padding-top: 35px;
	}

	#laymod_770475 #lq-contact-zh .message-block .title-block {
		margin-bottom: 20px;
	}

	#laymod_770475 #lq-contact-zh .message-cont input {
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}


	#laymod_770475 #lq-contact-zh .message-cont input focus {
		border: none
	}

	#laymod_770475 #lq-contact-zh .verifypic-block {
		width: 100%;
	}

	#laymod_770475 #lq-contact-zh .message-cont .liuyan {
		line-height: 48px;
	}
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_bahnschrift';
	src: url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.eot');
	src: local('☺'), url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.otf') format('woff'), url('../fonts/bahnschrift.ttf') format('truetype'), url('../fonts/bahnschrift.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'xybicon';
	/* Project id 249974 */
	src: url('../fonts/font_249974_wcklm850bt.woff2') format('woff2'),
		url('../fonts/font_249974_wcklm850bt.woff') format('woff'),
		url('../fonts/font_249974_wcklm850bt.ttf') format('truetype');
}

.xybicon {
	font-family: "xybicon" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

#laymod_770471 #lq-footer-zh {}

/* 主体内容 */
#laymod_770471 #lq-footer-zh .footer-content {
	display: block;
	overflow: hidden;
	background: #333;
	position: relative;
}

#laymod_770471 #lq-footer-zh .footer-content:before {}

#laymod_770471 #lq-footer-zh .footer-content .footer-side {
	width: 25.625%;
	height: 598px;
	display: block;
	background: url(../images/944d6416-15da-4859-9f43-7c37754bd814.jpg) no-repeat;
	background-size: cover;
	float: left;
	display: box;
	/* OLD - Android 4.4- */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	/*垂直居中*/
}

#laymod_770471 #lq-footer-zh .footer-content .footer-side .side-cont {
	margin: 0 auto;
	text-align: center;
}

#laymod_770471 #lq-footer-zh .footer-content .logo-block {
	margin-bottom: 28px;
}

#laymod_770471 #lq-footer-zh .footer-content .logo-block img {
	height: 79px;
}

#laymod_770471 #lq-footer-zh .footer-content .footer-side .desc {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1.8;
	color: #fff;
	color: rgba(255, 255, 255, .8);
	text-align: center;
}

#laymod_770471 #lq-footer-zh .footer-content .tel-btn {
	color: rgba(30, 120, 182, 1);
}

#laymod_770471 #lq-footer-zh .footer-content .tel-btn .num {
	margin-left: 5px;
	font-size: 40px;
	line-height: 48px;
	font-family: 'DisneyEnglishMedium';
}

#laymod_770471 #lq-footer-zh .footer-content .tel-btn .xybicon {
	font-size: 32px;
}

#laymod_770471 #lq-footer-zh .footer-content .tel-btn .xybicon:before {
	content: "\e6e9";
}

/**------**/
#laymod_770471 #lq-footer-zh .footer-block .share-block {
	margin-top: 13px;
	float: left;
	width: 100%;
}

#laymod_770471 #lq-footer-zh .footer-block .share-block li {
	margin-right: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#laymod_770471 #lq-footer-zh .footer-block .share-item a {
	width: 33px;
	height: 33px;
	display: block;
	font-size: 22px;
	color: #4D4D4D;
	background-image: url(../images/0f406983-cec3-455f-a0bd-87be6b53d787.png);
	background-repeat: no-repeat;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770471 #lq-footer-zh .footer-block .wechat-item a {
	background-position: 0 -33px;
}

#laymod_770471 #lq-footer-zh .footer-block .wechat-item a:hover {
	background-position: 0 0;
}

#laymod_770471 #lq-footer-zh .footer-block .sina-item a {
	background-position: -33px -33px;
}

#laymod_770471 #lq-footer-zh .footer-block .sina-item a:hover {
	background-position: -33px 0;
}

#laymod_770471 #lq-footer-zh .footer-block .qq-item a {
	background-position: -66px -33px;
}

#laymod_770471 #lq-footer-zh .footer-block .qq-item a:hover {
	background-position: -66px 0;
}

#laymod_770471 #lq-footer-zh .footer-block .douyin-item a {
	background-position: -99px -33px;
}

#laymod_770471 #lq-footer-zh .footer-block .douyin-item a:hover {
	background-position: -99px 0;
}

#laymod_770471 #lq-footer-zh .footer-block .qrcode-block img {
	width: 100%;
	max-width: 120px;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item {
	width: auto;
}

#laymod_770471 #lq-footer-zh .footer-block {
	padding-top: 91px;
	width: 74.375%;
	padding-left: 5vw;
	height: 598px;
	float: right;
	background: url(../images/47aa8a8b-0ca0-4881-9192-6d21a65a3d9f.jpg) no-repeat;
	background-size: cover;
	padding-top: 90px;
	position: relative;
}

#laymod_770471 #lq-footer-zh .footer-block .main-cont {
	position: relative;
	width: 100%;
	height: 100%;
}

#laymod_770471 #lq-footer-zh .footer-block .footer-navlist {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item h5 a,
#laymod_770471 #lq-footer-zh .footer-block .foot-contact h5 a {
	margin: 0;
	margin-bottom: 6px;
	font-size: 18px;
	color: #fff;
	line-height: 2;
	display: block;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item h5 span,
#laymod_770471 #lq-footer-zh .footer-block .foot-contact h5 span {
	position: relative;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item h5 em,
#laymod_770471 #lq-footer-zh .footer-block .foot-contact h5 em {
	display: none;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item .item-line {}

#laymod_770471 #lq-footer-zh .footer-block .column-item .item-line:before {}

#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul {}

#laymod_770471 #lq-footer-zh .footer-block .foot-contact .foot-ul li em {
	font-style: normal;
}

#laymod_770471 #lq-footer-zh .footer-block .foot-contact .foot-ul li,
#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a,
#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul span {
	font-size: 14px;
	line-height: 30px;
	color: #616161;
	color: rgba(255, 255, 255, .4);
	display: block;
	position: relative;
	transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a {
	padding-left: 19px;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a:before {
	content: "";
	width: 10px;
	height: 2px;
	display: block;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item.foot-contact .foot-ul a {
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item.foot-contact .foot-ul a:before {
	display: none;
}

#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a:hover,
#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a:hover span {
	color: #fff;
}

#laymod_770471 #lq-footer-zh .footer-line {
	clear: both;
	width: 100%;
	height: 1px;
	display: block;
	background: rgba(255, 255, 255, .1);
}

/* 版权 */
#laymod_770471 #lq-footer-zh .footer-copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: none;
}

#laymod_770471 #lq-footer-zh .footer-copyright .copy-right {
	width: 100%;
	border: none;
	padding-top: 28px;
	padding-bottom: 23px;
	float: none;
	overflow: hidden;
}

#laymod_770471 #lq-footer-zh .footer-copyright .copy-right a,
#laymod_770471 #lq-footer-zh .footer-copyright .copy-right p {
	padding: 0 2px;
	font-size: 13px;
	line-height: 2;
	color: #fff;
	color: rgba(255, 255, 255, .3);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

#laymod_770471 #lq-footer-zh .footer-copyright .copy-right .copy-infor {
	font-size: 13px;
	line-height: 2;
	color: rgba(255, 255, 255, .3);
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}

#laymod_770471 #lq-footer-zh .footer-copyright .copy-right a:hover {}

#laymod_770471 #lq-footer-zh .footer-copyright a:last-child {
	margin-right: 0;
}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block {
	display: inline;
	float: right;
}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a {
	padding: 0 2px;
	font-size: 13px;
	color: rgba(255, 255, 255, .3);
	line-height: 2;
	position: relative;
	transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a:before {}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a:last-child {
	padding-right: 0;
}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a:first-child {
	padding-left: 0;
}

#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a:first-child:before {
	display: none;
}

#laymod_770471 #lq-footer-zh .footer-copyright .copy-right a:hover,
#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a:hover {
	color: #fff;
}

/****/
#laymod_770471 .back-top {
	width: 50px;
	height: 50px;
	display: block;
	background: rgba(30, 120, 182, 1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	position: fixed;
	z-index: 999;
	right: 5.20833%;
	bottom: 9.259259%;
	cursor: pointer;
	transition: all .3s;
	-ms-transition: all .3s;
	/* IE 9 */
	-moz-transition: all .3s;
	/* Firefox */
	-webkit-transition: all .3s;
	/* Safari 和 Chrome */
	-o-transition: all .3s;
	/* Opera */
}

#laymod_770471 .back-top:hover {
	-webkit-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
	-moz-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
	box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
}

#laymod_770471 .back-top .xybicon {
	font-size: 16px;
	color: #fff;
	line-height: 50px;
}

#laymod_770471 .back-top .xybicon:before {
	content: "\ea54";
}

/**点击注册弹窗**/
#laymod_770471 #mob-btn .regist-btn {
	width: 80%;
	height: 44px;
	line-height: 44px;
	display: block;
	position: fixed;
	bottom: 5vw;
	z-index: 2002;
	left: 10%;
	text-align: center;
	font-size: 4.3vw;
	color: #fff;
	background: rgba(30, 120, 182, 1);
	-webkit-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
	-moz-box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
	box-shadow: 0px 0px 20px rgba(30, 120, 182, 0.2);
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}

#laymod_770471 #mob-btn .regist-cont {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2002;
	background: rgba(0, 0, 0, .45);
	display: none;
}

#laymod_770471 #mob-btn .regist-detail h5 {
	margin-bottom: 15px;
	font-size: 4.8vw;
	font-weight: 500;
	line-height: 1.5;
	color: #222;
	text-align: center;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 89.6%;
	background: #fff;
	box-shadow: 0 0.20514rem 0.95732rem 0 rgba(0, 0, 0, .12);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 20px 15px;
}

#laymod_770471 #mob-btn .regist-cont .close-btn {
	position: absolute;
	right: 0;
	top: -40px;
}

#laymod_770471 #mob-btn .regist-cont .close-btn .xybicon {
	font-size: 20px;
	color: #eee;
}

#laymod_770471 #mob-btn .regist-cont .close-btn .xybicon:before {
	content: "\e66d";
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-infor {
	width: 100%;
	display: box;
	/* OLD - Android 4.4- */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-infor .regist-pic {
	width: 40%;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-infor .regist-pic img {
	width: 100%;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt {
	padding-left: 5px;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt li {
	padding-left: 4vw;
	font-size: 4vw;
	line-height: 2;
	position: relative;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt li:before {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	background: rgba(30, 120, 182, 1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 0;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt li em {
	font-style: normal;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt .txt {
	font-size: 4vw;
	line-height: 2;
	color: #999;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt .txt .xybicon {
	margin-right: 5px;
}

#laymod_770471 #mob-btn .regist-cont .regist-detail .regist-txt .txt .xybicon:before {
	content: "\ea41";
}

/**************************/
#laymod_770471 #pc-btn .regist-cont {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2002;
	display: none;
}

#laymod_770471 #pc-btn .regist-cont .regist-detail {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 310px;
	background: #fff;
	box-shadow: 0 0.20514rem 0.95732rem 0 rgba(0, 0, 0, .12);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 15px 0 5px;
	z-index: 2003;
}

#laymod_770471 #pc-btn .regist-cont .regist-detail img {
	width: 100%;
}

#laymod_770471 #pc-btn .regist-cont .close-btn {
	position: absolute;
	right: 3px;
	top: 3px;
}

#laymod_770471 #pc-btn .regist-cont .close-btn .xybicon {
	font-size: 24px;
	color: #aaa;
}

#laymod_770471 #pc-btn .regist-cont .close-btn .xybicon:before {
	content: "\e7d3";
}

.regist-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2001;
	background: rgba(0, 0, 0, .45);
}

@media (min-width: 1200px) {
	#laymod_770471 #lq-footer-zh .footer-block {
		padding-right: -moz-calc(50vw - 585px);
		padding-right: -webkit-calc(50vw - 585px);
		padding-right: calc(50vw - 585px);
	}
}

@media (min-width: 1600px) {
	#laymod_770471 #lq-footer-zh .footer-block {
		padding-right: -moz-calc(50vw - 750px);
		padding-right: -webkit-calc(50vw - 750px);
		padding-right: calc(50vw - 750px);
	}
}

@media (max-width: 1199px) {
	#laymod_770471 #lq-footer-zh .footer-content .logo-block {
		width: 80%;
		margin: 0 auto 20px;
	}

	#laymod_770471 #lq-footer-zh .footer-content .logo-block img {
		width: 100%;
		height: auto;
	}

	#laymod_770471 #lq-footer-zh .footer-content .footer-side .desc {
		font-size: 16px;
	}

	#laymod_770471 #lq-footer-zh .footer-content .tel-btn .xybicon {
		font-size: 20px;
	}

	#laymod_770471 #lq-footer-zh .footer-content .tel-btn .num {
		font-size: 25px;
	}
}

@media (max-width: 991px) {
	#laymod_770471 #lq-footer-zh .footer-block .column-item {
		width: 100%;
		float: left;
	}

	#laymod_770471 #lq-footer-zh .footer-block {
		padding-top: 40px;
	}

	#laymod_770471 #lq-footer-zh .footer-block .share-block li {
		margin-right: 1%;
	}
}

@media (max-width:767px) {
	#laymod_770471 #lq-footer-zh .footer-content:before {
		display: none;
	}

	#laymod_770471 #lq-footer-zh .footer-content {
		padding: 0;
		display: block;
	}

	#laymod_770471 #lq-footer-zh .footer-block .footer-navlist {
		width: 100%;
		display: block;
	}

	#laymod_770471 #lq-footer-zh .footer-block .footer-side .share-block {
		width: 100%;
	}

	#laymod_770471 #lq-footer-zh .footer-block .logo-block {
		float: none;
		text-align: center;
	}

	#laymod_770471 #lq-footer-zh .footer-block .logo-block img {}

	#laymod_770471 #lq-footer-zh .footer-block .foot-about,
	#laymod_770471 #lq-footer-zh .footer-block .foot-contact {
		width: 100%;
		float: left;
		text-align: left;
		position: relative;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item {
		max-height: 45px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		-webkit-transition: max-height .3s cubic-bezier(.33, 0, 0, 1);
		transition: max-height .3s cubic-bezier(.33, 0, 0, 1);
		overflow: hidden;
	}

	#laymod_770471 #lq-footer-zh .footer-block .foot-contact {
		border-bottom: 0;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item.active {
		max-height: 304px;
		will-change: transform, max-height;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul {}

	#laymod_770471 #lq-footer-zh .footer-block .column-item .foot-ul a {
		display: block;
		padding-left: 1.5em;
	}

	#laymod_770471 #lq-footer-zh .footer-copyright {
		padding: 15px;
		display: block;
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}

	#laymod_770471 #lq-footer-zh .footer-copyright .copy-right,
	#laymod_770471 #lq-footer-zh .footer-copyright .backage-block {
		width: 100%;
		text-align: center;
	}

	#laymod_770471 #lq-footer-zh .footer-copyright .copy-right p,
	#laymod_770471 #lq-footer-zh .footer-copyright .backage-block a {
		line-height: 30px;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item h5 a,
	#laymod_770471 #lq-footer-zh .footer-block .foot-contact h5 a {
		font-size: 15px;
		line-height: 45px;
	}

	/* 展开下拉样式 */
	#laymod_770471 #lq-footer-zh .footer-block .column-item h5 em {
		display: block;
		font-style: normal;
		float: right;
		text-align: center;
		width: 45px;
		-webkit-transform-origin: 50%;
		-ms-transform-origin: 50%;
		transform-origin: 50%;
		font-size: 12px;
		line-height: 45px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item.active h5 em {
		will-change: transform;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item .item-line {
		display: none;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item h5 {
		margin-bottom: 4px;
	}

	#laymod_770471 #lq-footer-zh .footer-block {
		width: 100%;
		padding: 15px;
		height: auto;
		display: block;
	}

	#laymod_770471 #lq-footer-zh .footer-copyright .copy-right {
		padding: 0;
	}

	#laymod_770471 #lq-footer-zh .footer-block .foot-qrcode h5 {
		display: none;
	}

	#laymod_770471 #lq-footer-zh .footer-block .foot-contact .foot-ul li,
	#laymod_770471 #lq-footer-zh .footer-block .foot-contact .foot-ul li a {
		line-height: 2;
	}

	#laymod_770471 #lq-footer-zh .footer-copyright .copy-right a,
	#laymod_770471 #lq-footer-zh .footer-copyright .copy-right p {
		font-size: 3.2vw;
		line-height: 1.6;
	}

	#laymod_770471 #lq-footer-zh .footer-content .footer-side {
		width: 100%;
		display: none;
	}

	#laymod_770471 #lq-footer-zh .footer-block .column-item h5 {
		width: 100%;
	}
}


.fcode {
	width: 100px;
	position: relative;
	left: 300px;
	bottom: 150px;
}

.ffcode {
	display: none
}