.trans-scale .i {
	width: 100%;
	height: auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}

.trans-liro {
	position: relative;
	overflow: hidden
}

.trans-liro::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

@-webkit-keyframes animat-shake {

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

	25%,
	75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@keyframes animat-shake {

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

	25%,
	75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

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

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

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

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

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

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

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

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

@media screen and (min-width: 769px) {
	.trans-scale:hover .i {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.trans-liro:hover::before {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.animat-shake:hover {
		-webkit-animation: animat-shake .5s;
		animation: animat-shake .5s
	}

	.animat-round::before {
		-webkit-animation: animat-round 5s linear infinite;
		animation: animat-round 5s linear infinite
	}

	.animat-steps::before {
		-webkit-animation: animat-round 2s steps(12, end) infinite;
		animation: animat-round 2s steps(12, end) infinite
	}
}

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

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

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

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

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

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

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

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

@font-face {
	font-family: sh;
	src: url("../font/sh.woff2") format("woff2"), url("../font/sh.woff") format("woff"), url("../font/sh.ttf") format("truetype"), url("../font/sh.svg#sh") format("svg")
}

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

html,
body,
div,
span,
p,
a,
table,
tr,
th,
td,
img,
iframe,
form,
input,
button,
select,
textarea,
dl,
dd {
	margin: 0;
	padding: 0
}

body {
	margin: auto;
	font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	opacity: 0
}

body,
html {
	height: 100%
}

input,
button,
textarea,
select {
	outline: 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit
}

input,
textarea,
select {
	min-height: 1.5em
}

input,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

textarea {
	overflow: auto;
	resize: none
}

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

img {
	border: 0;
	outline: 0;
	vertical-align: middle
}

a {
	text-decoration: none;
	color: inherit
}

:focus {
	outline: 0
}

svg:not(:root) {
	overflow: hidden
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0
}

input[type=date] {
	background-color: transparent;
	border: 0;
	filter: 'alpha(opacity=0)'
}

input:focus,
textarea:focus {
	color: inherit
}

input::-ms-clear,
::-ms-reveal {
	display: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #909090;
	opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #909090;
	opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #909090;
	opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #909090;
	opacity: 1
}

input::placeholder,
textarea::placeholder {
	color: #909090;
	opacity: 1
}

.placeholder {
	color: #909090
}

.init-screen {
	opacity: 1;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .01s;
	transition-delay: .01s
}

.lock-screen {
	overflow: hidden
}

.xfont,
.xicon {
	position: relative;
	-webkit-transition-property: color, background;
	transition-property: color, background;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.xfont::before,
.xicon::before {
	display: block;
	text-align: center;
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.xicon {
	width: 30px;
	height: 30px;
	cursor: pointer
}

.xicon::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.icon-left::before {
	content: '\e504'
}

.icon-right::before {
	content: '\e505'
}

.icon-up::before {
	content: '\e506'
}

.icon-down::before {
	content: '\e507'
}

.icon-search::before {
	content: '\e510'
}

.icon-close::before {
	content: '\e509'
}

.icon-menu::before {
	content: '\e511'
}

.icon-load {
	-webkit-animation: animat-round 2s steps(12, end) infinite;
	animation: animat-round 2s steps(12, end) infinite
}

.icon-load::before {
	content: '\e512'
}

.icon-media-start::before {
	content: '\e520'
}

.icon-media-play::before {
	content: '\e521'
}

.icon-media-pause::before {
	content: '\e522'
}

.icon-media-buffer {
	-webkit-animation: animat-round 5s linear infinite;
	animation: animat-round 5s linear infinite
}

.icon-media-buffer::before {
	content: '\e513'
}

.icon-media-prev::before {
	content: '\e523'
}

.icon-media-next::before {
	content: '\e524'
}

.icon-media-volume::before {
	content: '\e52c'
}

.icon-media-muted::before {
	content: '\e52d'
}

.xicon-left::before {
	content: '\e504'
}

.xicon-right::before {
	content: '\e505'
}

.xicon-up::before {
	content: '\e506'
}

.xicon-down::before {
	content: '\e507'
}

.xicon-search::before {
	content: '\e510'
}

.xicon-close::before {
	content: '\e508'
}

.xicon-menu::before {
	content: '\e511'
}

.xicon-load {
	-webkit-animation: animat-round 2s steps(12, end) infinite;
	animation: animat-round 2s steps(12, end) infinite
}

.xicon-load::before {
	content: '\e512'
}

.xicon-media-start::before {
	content: '\e520'
}

.xicon-media-play::before {
	content: '\e521'
}

.xicon-media-pause::before {
	content: '\e522'
}

.xicon-media-buffer {
	-webkit-animation: animat-round 5s linear infinite;
	animation: animat-round 5s linear infinite
}

.xicon-media-buffer::before {
	content: '\e513'
}

.xicon-media-prev::before {
	content: '\e523'
}

.xicon-media-next::before {
	content: '\e524'
}

.xicon-media-volume::before {
	content: '\e52c'
}

.xicon-media-muted::before {
	content: '\e52d'
}

.clear::after,
.nav-box::after,
.tools-mod::after,
.paging-box::after,
.slick-track::after,
.share-box::after {
	content: '';
	display: table;
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.pos-fix {
	position: fixed !important;
	left: 0;
	top: 0
}

.pos-abs {
	position: absolute !important;
	left: 0;
	top: 0
}

.mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.tac {
	text-align: center
}

.des {
	line-height: 1.8
}

body:not(.lang-en) .des {
	text-align: justify;
	text-justify: inter-ideograph
}

[data-object-fit="cover"],
[object-fit="cover"] {
	-o-object-fit: cover;
	object-fit: cover
}

[data-object-fit="contain"],
[object-fit="contain"] {
	-o-object-fit: contain;
	object-fit: contain
}

[data-object-fit="scale-down"],
[object-fit="scale-down"] {
	-o-object-fit: scale-down;
	object-fit: scale-down
}

.x-layout {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 1920px;
	min-width: 1250px;
	overflow: hidden
}

.x-header,
.x-footer,
.x-container {
	position: relative;
	width: 100%;
	z-index: 1
}

.x-wrap {
	position: relative;
	margin: auto;
	width: 1400px;
	height: 100%
}

.x-hidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.x-visible {
	opacity: 1;
	visibility: visible
}

.x-table {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse
}

.x-cell,
.x-nano {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

.x-cell {
	padding: 0 1em;
	width: 100%
}

.x-nano {
	width: 1%
}

.x-title {
	font-family: "HYQiuShiJ";
	text-align: center
}

.x-title .t1 {
	font-size: 28px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.x-title .t1 {
		font-size: 20px
	}
}

.x-title .t2 {
	font-size: 48px;
	line-height: 1.2;
	color: #c7a35a;
	letter-spacing: -5px
}

@media screen and (max-width: 768px) {
	.x-title .t2 {
		font-size: 28px
	}
}

.page-title {
	font-size: 48px;
	line-height: 1.2;
	text-align: center;
	font-family: 'hyx';
	color: #215248
}

@media screen and (max-width: 768px) {
	.page-title {
		font-size: 28px
	}
}

.page-pbox {
	font-size: 18px;
	text-align: center;
	color: #215248
}

@media screen and (max-width: 768px) {
	.page-pbox {
		font-size: 16px
	}
}

.dragon-title {
	font-size: 60px;
	line-height: 1.2;
	font-family: 'dfdk';
	color: #a1251f
}

@media screen and (max-width: 768px) {
	.dragon-title {
		font-size: 32px
	}
}

.dragon-pbox {
	font-size: 18px;
	width: 1230px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width: 768px) {
	.dragon-pbox {
		font-size: 16px
	}
}

body:not(.lang-en) .dragon-pbox {
	text-align: justify;
	text-justify: inter-ideograph
}

.dragon-more {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	cursor: pointer
}

@media screen and (max-width: 768px) {
	.dragon-more {
		font-size: 16px
	}
}

.dragon-more .xicon {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #a1251f;
	margin-left: 10px;
	color: #fff;
	font-size: 10px
}

.dragon-more.y .xicon {
	background: #d2a860
}

.h54 {
	font-size: 54px;
	line-height: 1.2
}

.h48 {
	font-size: 48px;
	line-height: 1.2
}

.h32 {
	font-size: 32px
}

.h26 {
	font-size: 26px
}

.h24 {
	font-size: 24px
}

.h20 {
	font-size: 20px
}

.h18 {
	font-size: 18px
}

.h16 {
	font-size: 16px
}



.wrap-w {
	width: auto;
	margin: 0 auto;
	max-width: 1720px
}

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

.flex>* {
	display: block
}

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

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.dir-left {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.dir-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end
}

.dir-top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.dir-bottom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: end
}

.main-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.main-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.main-justify {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.main-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cross-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.cross-bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.cross-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cross-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.cross-stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.box-mean>*,
.box-first>*,
.box-last>*,
.box-justify>* {
	width: 0;
	height: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.box-first>:first-child,
.box-last>:last-child,
.box-justify>:first-child,
.box-justify>:last-child {
	width: auto;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.dir-top.box:mean>*,
.dir-top.box-first>*,
.dir-top.box-last>*,
.dir-top.box-justify>*,
.dir-bottom.box-mean>*,
.dir-bottom.box-first>*,
.dir-bottom.box-last>*,
.dir-bottom.box-justify>* {
	width: auto;
	height: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.dir-top.box-first>:first-child,
.dir-top.box-last>:last-child,
.dir-top.box-justify>:first-child,
.dir-top.box-justify>:last-child,
.dir-bottom.box-first>:first-child,
.dir-bottom.box-last>:last-child,
.dir-bottom.box-justify>:first-child .dir-bottom.box-justify>:last-child {
	height: auto;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.flex-box-0 {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.flex-box-1 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.dir-top .flex-box-1 {
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.flex-box-2 {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.flex-box-3 {
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.flex-box-4 {
	-webkit-box-flex: 4;
	-ms-flex-positive: 4;
	flex-grow: 4;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.flex-box-5 {
	-webkit-box-flex: 5;
	-ms-flex-positive: 5;
	flex-grow: 5;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%
}

.all-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tea-headbox {
	height: 80px;
	position: relative;
	z-index: 99
}

.tea-headbox .tea-header {
	height: 80px;
	background-image: url(/static/subject/image/tea/bg3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.tea-headbox .tea-header.fixed {
	position: fixed !important;
	left: 0;
	right: 0;
	top: 0 !important;
	z-index: 99
}

.tea-headbox .tea-header .logo {
	position: relative;
	overflow: hidden
}

.tea-headbox .tea-header .logo::before {
	content: '';
	display: block;
	padding-top: 26.15385%
}

.tea-headbox .tea-header .logo .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.tea-headbox .tea-header .tea-nav-mod .cur>.tea-nav-tit .tea-nav-link {
	color: #fff
}

.tea-headbox.child-page .tea-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 50px
}

.tea-bg {
	background-image: url(/static/subject/image/tea/bg1.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: top center
}

.tea-title .t2 {
	font-size: 18px;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.tea-title .t2 {
		font-size: 16px
	}
}

.tea-title .t1 img {
	max-height: 60px;
	width: auto;
	margin-bottom: 2px
}

.tea-more {
	width: 66px;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	background-image: url(/static/subject/image/tea/icon7.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle
}

@media screen and (min-width: 769px) {
	*.m-show {
		display: none !important
	}

	.lock-screen {
		margin-right: 17px
	}

	.lock-screen.full-screen {
		margin-right: 0
	}

	.lock-screen {
		margin-right: var(--bar-scrollbarWidth)
	}

	.lock-screen .tea-headbox .tea-header.fixed {
		right: var(--bar-scrollbarWidth)
	}

	.lock-screen .sidebar-mod {
		margin-right: var(--bar-scrollbarWidth)
	}

	.lock-screen.full-screen {
		margin-right: 0
	}

	.lock-screen.full-screen .tea-headbox .tea-header.fixed {
		right: 0
	}

	.lock-screen.full-screen .sidebar-mod {
		margin-right: 0
	}

	.tea-headbox .tea-header {
		position: relative
	}

	.tea-headbox .tea-header .logo {
		width: 150px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 50px
	}

	.tea-headbox .tea-header .tea-nav-mod {
		margin-left: auto;
		float: right;
		padding-right: 54px
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-tit .arr {
		display: none
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-box::after,
	.tea-headbox .tea-header .tea-nav-mod .tea-nav-grp::after {
		content: '';
		display: table;
		clear: both
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item {
		float: left
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item+.tea-nav-item {
		margin-left: 60px
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-link {
		display: block;
		white-space: nowrap;
		-webkit-transition-property: color, background;
		transition-property: color, background;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv1-link {
		font-size: 24px;
		color: #daddc4;
		line-height: 80px
	}
}

@media screen and (min-width: 769px) and (max-width: 768px) {
	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv1-link {
		font-size: 18px
	}
}

@media screen and (min-width: 769px) {
	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-link {
		color: #daddc4
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		-webkit-transition-property: opacity, visibility;
		transition-property: opacity, visibility;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		font-size: 18px;
		padding: 10px 0
	}
}

@media screen and (min-width: 769px) and (max-width: 768px) {
	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv {
		font-size: 16px
	}
}

@media screen and (min-width: 769px) {
	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv::before {
		content: '';
		position: absolute;
		top: 0;
		right: -999px;
		bottom: 0;
		left: -999px;
		background-color: #969d63
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv .tea-nav-grp {
		position: relative;
		margin-left: auto;
		padding-left: 13px
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item .tea-nav-lv .tea-nav-lv2-link {
		padding: 15px 0
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item:hover .tea-nav-lv {
		opacity: 1;
		visibility: visible
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item:hover>.tea-nav-tit .tea-nav-link {
		color: #fff
	}
}

.s-wrap {
	position: relative;
	margin: auto;
	width: 1230px;
	height: 100%
}

@media screen and (max-width: 1440px) {
	.x-wrap {
		width: 1200px
	}
}

@media screen and (max-width: 1250px) {
	.s-wrap {
		width: auto;
		margin: 0 15px
	}
}

@media screen and (max-width: 768px) {
	body {
		-webkit-overflow-scrolling: touch
	}

	*.p-show {
		display: none
	}

	.lock-screen {
		right: 0
	}

	.lock-screen .x-container .vd-adr {
		display: none !important
	}

	.menu-screen {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.x-layout {
		min-width: 320px !important
	}

	.x-wrap {
		padding: 0 15px;
		width: 100%
	}

	.dragon-more .xicon {
		width: 18px;
		height: 18px
	}

	.tea-headbox {
		height: 0px
	}

	.tea-headbox .tea-header {
		height: 60px;
		position: fixed;
		top: 75px;
		left: 0;
		right: 0
	}

	.tea-headbox .tea-header .mendbox {
		height: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.tea-headbox .tea-header .mendbox .logo {
		position: relative;
		width: 120px
	}

	.tea-headbox .tea-header .tea-menu-btn {
		position: relative;
		width: 40px;
		overflow: hidden;
		margin-left: auto
	}

	.tea-headbox .tea-header .tea-menu-btn::before {
		content: '';
		display: block;
		padding-top: 100%
	}

	.tea-headbox .tea-header .tea-menu-btn .line {
		width: 60%;
		height: 2px;
		-webkit-transition: background .3s;
		transition: background .3s
	}

	.tea-headbox .tea-header .tea-menu-btn .line,
	.tea-headbox .tea-header .tea-menu-btn .line::before,
	.tea-headbox .tea-header .tea-menu-btn .line::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: #fff;
		border-radius: 1px
	}

	.tea-headbox .tea-header .tea-menu-btn .line::before,
	.tea-headbox .tea-header .tea-menu-btn .line::after {
		content: '';
		width: 100%;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.tea-headbox .tea-header .tea-menu-btn .line::before {
		-webkit-transform: translateY(-400%);
		transform: translateY(-400%)
	}

	.tea-headbox .tea-header .tea-menu-btn .line::after {
		-webkit-transform: translateY(400%);
		transform: translateY(400%)
	}

	.tea-headbox .tea-header .tea-nav-mod {
		position: fixed;
		left: 0;
		right: 0;
		top: 135px;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		z-index: 999;
		background-color: #fff;
		padding-bottom: 60px;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		overflow-y: auto;
		overscroll-behavior-y: contain
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item+.tea-nav-item {
		border-top: 1px solid #ccc;
		margin: 0
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-item.act>.tea-nav-tit .arr {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-tit {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 5px 15px
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-tit .arr {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		width: 40px;
		height: auto
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-tit .tea-nav-link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-tit+.tea-nav-lv {
		display: none
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-lv1-link {
		font-size: 1.125em
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-lv2 {
		padding: 0 15px;
		background-color: #eee
	}

	.tea-headbox .tea-header .tea-nav-mod .tea-nav-lv1-item.act {
		background-color: #ddd
	}

	.tea-headbox .tea-header .tea-nav-mod .cur>.tea-nav-tit .tea-nav-link {
		color: #969d63
	}

	.tea-headbox .tea-header .tea-nav-grp {
		width: 100% !important
	}

	.tea-headbox .tea-header.menu-open .tea-menu-btn .line {
		background-color: transparent
	}

	.tea-headbox .tea-header.menu-open .tea-menu-btn .line::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.tea-headbox .tea-header.menu-open .tea-menu-btn .line::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.tea-headbox .tea-header.menu-open .tea-nav-mod {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s
	}

	.tea-headbox.child-page .tea-header {
		position: fixed;
		top: 75px
	}

	.p-50 .tea-headbox .tea-header {
		top: 125px
	}

	.p-50 .tea-headbox .tea-header .tea-nav-mod {
		top: 185px
	}

	.p-50 .md_class {
		top: -185px
	}
}


.x-footer {
	background: #83010d;
	color: #fff;
	padding: 50px 0 35px;
	text-align: center;
	position: relative
}

.x-footer .x-wrap {
	z-index: 2
}

.x-footer .share .item {
	display: inline-block;
	margin: 0 15px;
	vertical-align: top
}

.x-footer .share .item .ico {
	position: relative
}

.x-footer .share .item .ico::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.x-footer .share .item .ico {
	background: #b98a4d;
	width: 63px;
	height: 63px;
	border-radius: 100%;
	line-height: 60px;
	margin: auto
}

.x-footer .share .item .ico img {
	width: 100%;
	display: block
}

.x-footer .share .item .h {
	margin-top: 3px
}

.x-footer .copy {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.75
}

.x-footer .copy span {
	display: inline-block
}

.x-footer .suds-mod .suds-pop {
	width: 122px
}

.x-footer .suds-mod .suds-pop img {
	width: 100%
}

.x-footer .suds-mod .suds-pop {
	border: 0
}

.footer-2022 {
	padding: 80px 0
}

.footer-2023 {
	background: #7d181b;
	padding: 80px 0
}

.footer-2023::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -118px;
	height: 432px;
	background: url(/static/image/png69.png) no-repeat top center
}

.footer-2023 .share .item:nth-child(1) .ico::before {
	background-image: url(/static/image/png76.png);
	width: 82.53968%;
	padding-top: 82.53968%;
	left: 9.523809%;
	top: -41.26984%
}

.footer-2023 .share .item:nth-child(2) .ico::before {
	background-image: url(/static/image/png77.png);
	width: 80.95238%;
	padding-top: 49.20634%;
	top: -25.39682%;
	left: 9.523809%
}

.footer-2023 .share .item:nth-child(3) .ico::before {
	background-image: url(/static/image/png78.png);
	width: 74.60317%;
	padding-top: 55.55555%;
	top: -25.39682%;
	left: 6.349206%
}

.footer-2023 .share .item:nth-child(4) .ico::before {
	background-image: url(/static/image/png79.png);
	width: 106.3492%;
	padding-top: 77.77777%;
	top: -34.92063%;
	left: -11.111111%
}

.footer-2023 .share .item:nth-child(5) .ico::before {
	background-image: url(/static/image/png80.png);
	width: 73.01587%;
	padding-top: 49.20634%;
	top: -19.04761%;
	left: 14.28571%
}

.footer-2023 .share .item:nth-child(6) .ico::before {
	background-image: url(/static/image/png81.png);
	width: 96.82539%;
	padding-top: 61.90476%;
	top: -22.22222%;
	left: -3.174603%
}

.pack-footer {
	background: url(/static/image/package/jpg6.jpg) no-repeat bottom center;
	color: #fff;
	padding: 292px 0 42px;
	text-align: center;
	position: relative
}

.pack-footer .share .item {
	margin: 0 25px
}

.pack-footer .share .item .ico {
	background: #367b98;
	width: 47px;
	height: 47px
}

.footer-party {
	background: #890315;
	color: #fff;
	padding: 80px 0;
	text-align: center;
	position: relative
}

.footer-party .nav_foot {
	font-size: 24px;
	display: none
}

.footer-party .nav_foot a {
	padding: 0 30px;
	text-transform: uppercase;
	border-left: 1px solid #fff;
	line-height: 1;
	display: inline-block
}

.footer-party .nav_foot a:first-child {
	border-left: 0
}

.footer-party .share {
	margin-top: 0px
}

.footer-party .share .item {
	display: inline-block;
	margin: 0 10px;
	width: 100px;
	vertical-align: top
}

.footer-party .share .item .ico {
	background: #c1883f;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	line-height: 60px;
	margin: auto
}

.footer-party .share .item .ico img {
	max-width: 50%
}

.footer-party .share .item .h {
	font-size: 14px;
	margin-top: 15px
}

.footer-party .copy {
	margin-top: 20px;
	font-size: 14px;
	line-height: 2
}

.footer-party .copy span {
	display: inline-block
}

.footer-party .share .item {
	position: relative
}

.footer-party .share .item .share-pop {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -81px;
	margin-bottom: 10px;
	padding: 10px;
	width: 162px;
	height: 162px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition-property: opacity, visibility, transform;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.footer-party .share .item .share-pop:before,
.footer-party .share .item .share-pop:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
	width: 0;
	height: 0;
	border: 10px solid transparent
}

.footer-party .share .item .share-pop:before {
	border-top-color: #333
}

.footer-party .share .item .share-pop:after {
	border-top-color: #fff;
	border-width: 9px
}

.footer-party .share .item .share-pop img {
	display: block;
	width: 100%
}

.footer-party .share .item.x-show .share-pop {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

.footer-party .share .item.x-show,
.footer-party .share .item:hover {
	z-index: 1
}

.footer {
	background: #890315;
	color: #fff;
	padding: 80px 0;
	text-align: center;
	position: relative
}

.footer .nav_foot {
	font-size: 24px;
	display: none
}

.footer .nav_foot a {
	padding: 0 30px;
	text-transform: uppercase;
	border-left: 1px solid #fff;
	line-height: 1;
	display: inline-block
}

.footer .nav_foot a:first-child {
	border-left: 0
}

.footer .share {
	margin-top: 0px
}

.footer .share .item {
	display: inline-block;
	margin: 0 10px;
	width: 100px;
	vertical-align: top
}

.footer .share .item .ico {
	background: #c1883f;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	line-height: 60px;
	margin: auto
}

.footer .share .item .ico img {
	max-width: 50%
}

.footer .share .item .h {
	font-size: 14px;
	margin-top: 15px
}

.footer .copy {
	margin-top: 20px;
	font-size: 14px;
	line-height: 2
}

.footer .copy span {
	display: inline-block
}

.footer .share .item {
	position: relative
}

.footer .share .item .share-pop {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -81px;
	margin-bottom: 10px;
	padding: 10px;
	width: 162px;
	height: 162px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition-property: opacity, visibility, transform;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.footer .share .item .share-pop:before,
.footer .share .item .share-pop:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
	width: 0;
	height: 0;
	border: 10px solid transparent
}

.footer .share .item .share-pop:before {
	border-top-color: #333
}

.footer .share .item .share-pop:after {
	border-top-color: #fff;
	border-width: 9px
}

.footer .share .item .share-pop img {
	display: block;
	width: 100%
}

.footer .share .item.x-show .share-pop {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

.footer .share .item.x-show,
.footer .share .item:hover {
	z-index: 1
}

@media screen and (min-width: 769px) {
	.x-footer a {
		-webkit-transition: color .3s;
		transition: color .3s
	}

	.footer-party .share .item:hover .share-pop {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}

	.footer-party .share .item:hover {
		z-index: 1
	}
}

@media screen and (max-width: 1440px) {
	.x-footer::before {
		background-size: 1920px auto
	}
}

@media screen and (max-width: 1366px) {
	.x-footer::before {
		top: -110px
	}
}

@media screen and (max-width: 768px) {
	.x-footer {
		padding: 30px 0
	}

	.x-footer::before {
		height: auto;
		padding-top: 22.5%;
		background-size: contain;
		top: -23px
	}

	.x-footer .copy {
		line-height: 1.6;
		margin-top: 0
	}

	.x-footer .share {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.x-footer .share .item {
		margin: 0;
		padding: 0 5px;
		width: calc(100% / 3);
		margin-bottom: 20px
	}

	.x-footer .share .item .ico {
		width: 45px;
		height: 45px
	}

	.x-footer .share .item .h {
		line-height: 1.3
	}

	.x-footer .suds-mod .suds-pop {
		width: 90px;
		padding: 5px
	}

	.footer-party {
		padding: 30px 0
	}

	.footer-party .copy {
		line-height: 1.6
	}

	.footer-party .nav_foot {
		font-size: 14px
	}

	.footer-party .share {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.footer-party .share .item {
		margin: 0;
		padding: 0 5px;
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.footer-party .share .item .ico {
		width: 45px;
		height: 45px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer-party .share .item .ico img {
		max-width: 50%
	}

	.footer-party .share .item .h {
		line-height: 1.3
	}

	.footer-party .share {
		margin-top: 0.2rem
	}

	.footer-party .share .item .h {
		margin-top: 0.15rem
	}

	.footer-party .nav_foot {
		overflow: hidden
	}

	.footer-party .nav_foot a {
		border: 0;
		display: inline-block;
		padding: 0.15rem 0.2rem;
		width: 33.33%;
		float: left;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.footer-party .copy {
		margin-top: 0.5rem
	}

	.footer-party .share .item .share-pop {
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border: 0;
		border-radius: 0;
		background-color: rgba(0, 0, 0, 0.8)
	}

	.footer-party .share .item .share-pop:before,
	.footer-party .share .item .share-pop:after {
		display: none
	}

	.footer-party .share .item .share-pop img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 200px;
		height: 200px
	}

	.footer-party .wrap {
		width: auto;
		margin: 0 15px
	}

	.footer {
		padding: 30px 0
	}

	.footer .copy {
		line-height: 1.6
	}

	.footer .nav_foot {
		font-size: 14px
	}

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

	.footer .share .item {
		margin: 0;
		padding: 0 5px;
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.footer .share .item .ico {
		width: 45px;
		height: 45px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer .share .item .ico img {
		max-width: 100%
	}

	.footer .share .item .h {
		line-height: 1.3
	}

	.footer .share {
		margin-top: 0.2rem
	}

	.footer .share .item .h {
		margin-top: 0.15rem
	}

	.footer .nav_foot {
		overflow: hidden
	}

	.footer .nav_foot a {
		border: 0;
		display: inline-block;
		padding: 0.15rem 0.2rem;
		width: 33.33%;
		float: left;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.footer .copy {
		margin-top: 0.5rem
	}

	.footer .share .item .share-pop {
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border: 0;
		border-radius: 0;
		background-color: rgba(0, 0, 0, 0.8)
	}

	.footer .share .item .share-pop:before,
	.footer .share .item .share-pop:after {
		display: none
	}

	.footer .share .item .share-pop img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 200px;
		height: 200px
	}

	.footer .wrap {
		width: auto;
		margin: 0 15px
	}

	.header .tools .me {
		background: url(/static/subject/image/btn1.png) no-repeat center;
		background-size: cover;
		padding-left: 0;
		width: 0.36rem;
		height: 0.34rem;
		margin-left: 0.2rem
	}

	.header .tools .me img {
		display: none
	}

	.footer .copy span {
		display: block
	}
}

.audio-mod.ui {
	position: relative;
	padding: 1em;
	border: 1px solid;
	border-radius: 5px
}

.audio-mod .audio-title {
	padding: 1em;
	text-align: center
}

.audio-mod .audio-list {
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
	border: 0;
	height: 30px
}

.audio-mod .audio-list .select-cont {
	left: auto;
	width: 300px
}

.audio-mod .audio-control {
	float: left
}

.audio-mod .audio-play {
	border: 1px solid;
	border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
	-webkit-animation: animat-ring 3s linear infinite;
	animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,
.audio-mod .audio-next.disable {
	background: #ccc;
	cursor: default;
	pointer-events: none
}

.audio-mod .audio-volume {
	position: absolute;
	top: 50%;
	right: 4em;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding: 1em 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
	position: relative;
	margin: auto;
	width: 4px;
	height: 50px;
	background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 999px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
	opacity: 1;
	visibility: visible
}

.audio-mod .audio-panel {
	margin-left: 4em;
	margin-top: 5px
}

.audio-mod .audio-progress {
	position: relative;
	margin-bottom: 5px;
	height: 4px;
	background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid;
	border-radius: 999px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.audio-mod .audio-time {
	position: relative;
	font-family: arial;
	line-height: 1;
	overflow: hidden
}

.audio-mod .audio-current {
	float: left
}

.audio-mod .audio-duration {
	float: right
}

.audio-mod .audio-surplus {
	float: right
}

@media screen and (max-width: 768px) {
	.audio-mod .audio-volume-box {
		display: none
	}
}

.banner {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.banner .focus {
	position: relative;
	width: 100%
}

.banner .focus .ul {
	overflow: hidden;
	position: relative
}

.banner .focus .li {
	width: 100%;
	position: relative;
	overflow: hidden
}

.banner .focus .li::before {
	content: '';
	display: block;
	padding-top: 46.92308%
}

.banner .focus .li .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.banner .focus .li .video1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .focus .li .icon {
	width: 24px;
	height: 24px;
	line-height: 50px;
	position: absolute;
	font-size: 50px;
	right: 240px;
	font-weight: normal;
	bottom: 5%;
	cursor: pointer
}

.banner .focus .li .icon::before {
	color: #fff;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/static/subject/image/dragon/pasue.png) no-repeat center center;
	background-size: 100% 100%
}

.banner .focus .li .icon.icon_play::before {
	color: #fff;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/static/subject/image/dragon/play.png) no-repeat center center;
	background-size: 100% 100%
}

.banner .focus .li+li {
	z-index: -1
}

.banner .focus .li img {
	width: 100%;
	height: auto
}

.banner .focus .li .a {
	display: block;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	left: 0
}

.banner .focus .li .box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.banner .focus .li .m-show {
	display: none
}

.banner .slick-dots {
	position: absolute;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0
}

.banner .slick-dots .slick-dot {
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(/static/subject/image/dragon/png9-1.png) no-repeat center;
	background-size: contain;
	margin: 0 5px
}

.banner .slick-dots .slick-dot.slick-active {
	background-image: url(/static/subject/image/dragon/png8-1.png)
}

@media (max-width: 768px) {
	.banner .focus .li .icon {
		right: auto;
		left: 20px;
		display: block
	}

	.banner .focus .li .m-show {
		display: block
	}

	.banner.mbAndPc .focus .li .p-show {
		display: none
	}

	.banner.mbAndPc .focus .li .m-show {
		display: block
	}

	.banner.mbAndPc .focus .li {
		position: relative;
		overflow: hidden
	}

	.banner.mbAndPc .focus .li::before {
		content: '';
		display: block;
		padding-top: 157.31481%
	}

	.banner.mbAndPc .focus .li .i {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.banner .slick-dots {
		bottom: 10px
	}

	.banner .slick-dots .slick-dot {
		width: 15px;
		height: 15px
	}
}

div[data-search] * {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,
div[data-search] .BMapLib_sms_pnl_phone button,
div[data-search] .BMapLib_sms_pnl_phone textarea,
div[data-search] .BMapLib_sms_pnl_phone select {
	min-height: auto;
	border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
	overflow: auto
}

div[data-search] .infoBox {
	padding: 10px;
	width: 290px;
	background-color: #fff
}

div[data-search] .infoBox>img {
	top: 10px;
	right: 10px !important
}

.bdmap {
	height: 600px
}

.bread-mod .bread-item {
	display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
	content: '>';
	padding: 0 5px;
	font-family: Arial;
	color: #333
}

.bread-mod .bread-item.cur {
	color: red
}

@media screen and (min-width: 769px) {
	.bread-mod .bread-link {
		-webkit-transition: color .3s;
		transition: color .3s
	}

	.bread-mod .bread-link:hover {
		color: red
	}
}

.paging-mod {
	text-align: center;
	margin-top: 60px
}

.paging-mod .paging-box {
	display: inline-block;
	vertical-align: top
}

.paging-mod .paging-item {
	float: left;
	min-width: 36px;
	font-family: Arial;
	font-size: 16px;
	line-height: 34px
}

.paging-mod .paging-arrow,
.paging-mod .paging-link {
	padding: 0 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #fff;
	-webkit-transition-property: color, background, border;
	transition-property: color, background, border;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
	margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
	margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
	margin-left: 10px
}

.paging-mod .paging-link.cur {
	background-color: red;
	border-color: red;
	color: #fff;
	cursor: default;
	pointer-events: none
}

.paging-mod .paging-dot {
	margin: 0 5px;
	font-weight: bold;
	letter-spacing: 0.2em
}

.paging-mod .paging-jump {
	margin-left: 26px;
	width: 120px;
	height: 40px;
	border: 1px solid #aa1332;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	top: -2px
}

.paging-mod .paging-table {
	display: table;
	width: 100%;
	height: 100%;
	background: #fff
}

.paging-mod .paging-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.paging-mod .paging-cell:first-child {
	border-radius: 4px 0 0 4px;
	border-right: none
}

.paging-mod .paging-input {
	display: block;
	padding: 0 10px;
	width: 100%;
	line-height: 1.5;
	text-align: center
}

.paging-mod .paging-btn {
	display: block;
	width: 55px;
	cursor: pointer;
	border-radius: 4px;
	background: red;
	color: #fff;
	height: 34px;
	margin-right: 2px
}

.paging-more {
	display: none
}

@media screen and (min-width: 769px) {

	.paging-mod .paging-link:not(.cur):hover,
	.paging-mod .paging-arrow:hover {
		background-color: red;
		border-color: red;
		color: #fff
	}
}

@media screen and (max-width: 768px) {
	.paging-mod .paging-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 34px;
		display: none
	}

	.paging-mod .paging-item,
	.paging-mod .paging-input {
		line-height: normal
	}

	.paging-mod .paging-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.paging-more {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 30px
	}

	.paging-more a {
		padding: 0 1em;
		line-height: 2.2em;
		border: 1px solid #ddd;
		border-radius: 50%;
		display: block
	}
}

.pop-mod {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, .3s;
	transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color: #707070;
	font-size: 28px;
	z-index: 1;
	cursor: pointer;
	overflow: hidden
}

.pop-mod .pop-panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden
}

.pop-mod .pop-panel::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.pop-mod .pop-dialog {
	position: relative;
	display: inline-block;
	max-width: 100%;
	background: #fff;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
	word-break: normal
}

.pop-mod .video-native {
	display: none
}

.pop-mod video,
.pop-mod iframe {
	display: none;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%
}

.pop-mod.x-show {
	opacity: 1;
	visibility: visible;
	z-index: 999;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, 0s;
	transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,
.pop-mod.x-show iframe,
.pop-mod.x-show .video-native {
	display: block
}

@media screen and (min-width: 769px) {
	.pop-mod.x-show .pop-panel {
		overflow-y: scroll
	}

	.pop-mod.x-show>.pop-close {
		margin-right: 17px
	}

	.full-screen .pop-mod.x-show>.pop-close {
		margin-right: 0
	}

	.full-screen .pop-mod.x-show .pop-panel {
		overflow: auto
	}
}

@media screen and (max-width: 768px) {
	.pop-mod .pop-panel {
		padding: 0 15px;
		overflow: auto;
		overscroll-behavior-y: contain
	}

	.pop-mod .pop-panel .pop-dialog {
		width: 100%
	}

	.pop-mod .pop-cont .pop-close {
		font-size: 20px;
		right: 5px;
		top: -45px;
		color: #fff
	}
}

.scroll-mod {
	position: relative;
	overflow: hidden
}

.scroll-mod.scroll-axis-x {
	padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
	padding-right: 10px
}

.scroll-cont {
	height: 100%;
	max-height: inherit;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
	display: none
}

.scroll-track-x,
.scroll-track-y {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.1)
}

.scroll-bar-x,
.scroll-bar-y {
	background-color: #aaa;
	border-radius: 999999px;
	cursor: pointer
}

.scroll-track-x {
	bottom: 0;
	left: 0;
	right: 0
}

.scroll-bar-x {
	width: 0;
	height: 5px
}

.scroll-track-y {
	top: 0;
	bottom: 0;
	right: 0
}

.scroll-bar-y {
	width: 5px;
	height: 0
}

.scroll-track-disable {
	display: none
}

@media screen and (min-width: 769px) {
	.scroll-mod .scroll-bar-x {
		width: 0
	}
}

.search-mod {
	position: relative
}

.search-mod .search-tap {
	z-index: 1
}

.search-mod .search-tap~.search-box {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 10px;
	width: 200px;
	background-color: #eee;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.search-mod.at-l .search-tap~.search-box {
	top: auto;
	bottom: 50%;
	margin-top: 0;
	width: 0;
	-webkit-transition-property: width, opacity, visibility;
	transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap~.search-box .search-submit {
	visibility: hidden
}

.search-mod .search-box {
	display: table;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden
}

.search-mod .search-txt,
.search-mod .search-btn {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

.search-mod .search-txt {
	padding: 0 1em;
	width: 100%
}

.search-mod .search-btn {
	width: 1%
}

.search-mod .search-input {
	width: 100%
}

.search-mod .search-submit {
	display: block;
	height: 100%;
	cursor: pointer
}

.search-mod.x-show .search-tap~.search-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
	z-index: -1;
	-webkit-transition-property: z-index;
	transition-property: z-index;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap~.search-box {
	width: 200px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap~.search-box .search-submit {
	visibility: visible;
	-webkit-transition-property: visibility;
	transition-property: visibility;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

@media screen and (min-width: 769px) {

	.search-mod .search-tap:hover,
	.search-mod .search-submit:hover {
		color: red
	}
}

.select-mod {
	position: relative
}

.select-mod .select-bar {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden
}

.select-mod .select-native {
	display: none
}

.select-mod .select-trigger {
	cursor: pointer
}

.select-mod .select-btn {
	float: right;
	height: 100%
}

.select-mod .select-txt {
	position: relative;
	padding: 0 1em;
	height: 100%;
	overflow: hidden
}

.select-mod .select-val {
	position: relative;
	top: 50%;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.select-mod .select-cont,
.select-mod .select-query {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 1em 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden
}

.select-mod .select-cont::before,
.select-mod .select-query::before {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px
}

.select-mod .select-opts {
	position: relative;
	max-height: 16em;
	overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
	padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
	right: 12px
}

.select-mod .select-item {
	padding: 0.4em 1em;
	line-height: 1.2;
	cursor: pointer
}

.select-mod .select-item.cur {
	color: red
}

.select-mod.at-t .select-cont {
	top: auto;
	bottom: 100%
}

.select-mod.at-t .select-cont::before {
	top: 0;
	bottom: 1px
}

.select-mod.sc-show {
	z-index: 1
}

.select-mod.sc-show .select-cont {
	opacity: 1;
	visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,
.select-mod.sc-show .select-trigger.select-btn {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
	opacity: 1;
	visibility: visible
}

.select-mod .mCSB_scrollTools {
	right: 12px
}

@media screen and (min-width: 769px) {

	.select-mod .select-trigger:hover .select-btn,
	.select-mod .select-trigger.select-btn:hover,
	.select-mod .select-item:hover {
		color: red
	}
}

@media screen and (max-width: 768px) {
	.select-mod .select-native {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}

	.select-mod .select-opts {
		position: relative;
		height: 100%;
		overflow: auto
	}
}

.icon-wx::before {
	content: '\e601'
}

.icon-wb::before {
	content: '\e602'
}

.icon-qq::before {
	content: '\e603'
}

.icon-qz::before {
	content: '\e604'
}

.icon-twitter::before {
	content: '\e605'
}

.icon-facebook::before {
	content: '\e606'
}

.icon-linkedin::before {
	content: '\e607'
}

.icon-share::before {
	content: '\e608'
}

.share-mod .share-label,
.share-mod .share-label~.share-box {
	display: inline-block;
	vertical-align: middle
}

.share-box .share-item {
	float: left
}

.share-box .code {
	width: 100px;
	height: 100px;
	overflow: hidden
}

.share-box .code img,
.share-box .code canvas {
	width: 100%
}

@media screen and (min-width: 769px) {
	.share-box .share-item:hover {
		color: red
	}
}

.sidebar-mod {
	position: fixed;
	top: 50%;
	right: 0px;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 8px;
	-webkit-transition-property: opacity, visibility, right;
	transition-property: opacity, visibility, right;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #865d4b;
	border-radius: 0 0 30px 30px;
	margin-top: 42px
}

.sidebar-mod::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -41px;
	height: 42px;
	background-image: url(/static/subject/image/tea/png33.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.sidebar-mod .sidebar-item {
	position: relative;
	display: block;
	line-height: 1.2;
	z-index: 9
}

.sidebar-mod .sidebar-item .a {
	display: block;
	width: 70px;
	padding: 6px 0;
	color: #e1d5ba;
	position: relative
}

.sidebar-mod .sidebar-item+.sidebar-item::before {
	width: 60%;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-bottom: 1px solid #5d3b2e
}

.sidebar-mod .sidebar-cont {
	padding: 10px;
	text-align: center
}

.sidebar-mod .code {
	width: 100px;
	height: 100px;
	overflow: hidden
}

.sidebar-mod .code img {
	display: block;
	width: 100%
}

.sidebar-mod.x-show {
	opacity: 1;
	visibility: visible
}

.vjs-full-window .sidebar-mod {
	z-index: -1
}

.sidebar-long {
	position: fixed;
	top: 50%;
	right: 15px;
	z-index: 9;
	color: #fff;
	line-height: 1.25;
	font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility, right;
	transition-property: opacity, visibility, right;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.sidebar-long .sidebar-item {
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	cursor: pointer
}

.sidebar-long .edition {
	background-color: #977343;
	-webkit-box-shadow: 0px 0px 13px rgba(255, 220, 125, 0.43);
	box-shadow: 0px 0px 13px rgba(255, 220, 125, 0.43);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.sidebar-long .edition .txt-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	padding: 0 10px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 999px;
	cursor: default;
	font-family: 'Arial';
	opacity: 0;
	visibility: hidden
}

.sidebar-long .edition a {
	margin-top: 2px
}

.sidebar-long .edition span {
	display: block;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 5px;
	margin: 0 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.sidebar-long .edition:hover .txt-box {
	width: 240px;
	background: #977343;
	padding: 0 20px;
	opacity: 1;
	visibility: visible
}

.sidebar-long .w-up::before {
	content: '';
	width: 171.42857%;
	height: 207.14286%;
	background: url(/static/subject/image/dragon/png52.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -28.57143%;
	pointer-events: none
}

.sidebar-long .w-down::before {
	content: '';
	width: 211.90476%;
	height: 159.52381%;
	background: url(/static/subject/image/dragon/png53.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -28.57143%;
	pointer-events: none
}

.sidebar-long .sidebar-item+.sidebar-item {
	margin-top: 8px
}

.sidebar-long .sidebar-cont {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.sidebar-long.x-show {
	opacity: 1;
	visibility: visible
}

.vjs-full-window .sidebar-mod {
	z-index: -1
}

.lock-screen .sidebar-long {
	margin-right: var(--bar-scrollbarWidth)
}

@media screen and (min-width: 769px) {
	.sidebar-mod .sidebar-item:hover a {
		color: #fff
	}
}

@media (max-width: 1200px) {
	.sidebar-long {
		right: 10px
	}
}

@media screen and (max-width: 768px) {
	.sidebar-long .sidebar-item {
		width: 30px;
		height: 30px
	}

	.sidebar-mod {
		right: -70px
	}

	.sidebar-mod .click {
		position: absolute;
		right: 100%;
		bottom: 50%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		background-color: #865d4b;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		margin-right: -25px
	}

	.sidebar-mod .click::before {
		content: '\e504';
		left: 7px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff
	}

	.sidebar-mod.showd {
		right: 0
	}

	.sidebar-mod.showd .click::before {
		content: '\e505'
	}
}

.slick-slider {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.slick-item {
	position: relative
}

.slick-list {
	position: relative;
	z-index: 1;
	overflow: hidden
}

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

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

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

.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
}

.slick-arrow {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 3;
	cursor: pointer
}

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

.slick-loading .slick-list {
	background: #fff
}

.slick-dots {
	margin: 0;
	padding: 0;
	z-index: 3
}

.slick-dot {
	cursor: pointer
}

.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:hover {
	opacity: 0.5;
	cursor: initial
}

.slick-slide-tear-tea {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.slick-item-tea {
	position: relative
}

.slick-list-tea {
	position: relative;
	z-index: 1;
	overflow: hidden
}

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

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

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

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

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

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

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

.slick-vertical .slick-slide-tea {
	display: block;
	height: auto
}

.slick-arrow-tea {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 3;
	cursor: pointer
}

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

.slick-loading-tea .slick-list-tea {
	background: #fff
}

.slick-tea-dots {
	margin: 0;
	padding: 0;
	z-index: 3
}

.slick-tea-dot {
	cursor: pointer
}

.slick-arrow-tea.slick-disabled,
.slick-arrow-tea.slick-disabled:hover {
	opacity: 0.5;
	cursor: initial
}

.slick-arrow-tea-triangle-hor .slick-arrow-tea {
	width: 37px;
	height: 18px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.slick-arrow-tea-triangle-hor .slick-arrow-tea.slick-prev-tea {
	background-image: url(/static/subject/image/tea/icon3.png);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 0
}

.slick-arrow-tea-triangle-hor .slick-arrow-tea.slick-next-tea {
	background-image: url(/static/subject/image/tea/icon4.png);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	right: 0
}

.slick-arrow-tea-triangle-ver .slick-arrow-tea {
	width: 37px;
	height: 18px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.slick-arrow-tea-triangle-ver .slick-arrow-tea.slick-prev-tea {
	background-image: url(/static/subject/image/tea/icon3.png);
	left: 0
}

.slick-arrow-tea-triangle-ver .slick-arrow-tea.slick-next-tea {
	background-image: url(/static/subject/image/tea/icon4.png);
	right: 0
}

@media screen and (max-width: 768px) {
	.slick-arrow-tea-triangle-ver .slick-arrow-tea.slick-prev-tea {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	.slick-arrow-tea-triangle-ver .slick-arrow-tea.slick-next-tea {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
}

.suds-mod {
	position: relative
}

.suds-mod .suds-pop {
	position: absolute;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.suds-mod .suds-pop::before,
.suds-mod .suds-pop::after {
	content: '';
	position: absolute;
	z-index: -1
}

.suds-mod .suds-pop::before {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 5px
}

.suds-mod .suds-pop.at-t {
	left: 50%;
	bottom: 100%;
	margin-bottom: 10px;
	-webkit-transform: translate(-50%, 10%);
	transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
	left: 50%;
	top: 100%;
	margin-top: 10px;
	-webkit-transform: translate(-50%, -10%);
	transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
	left: 50%;
	bottom: 100%;
	-webkit-transform: translate(-50%, 50%) rotate(45deg);
	transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
	right: 100%;
	top: 50%;
	margin-right: 10px;
	-webkit-transform: translate(10%, -50%);
	transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
	top: 50%;
	left: 100%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
	left: 100%;
	top: 50%;
	margin-left: 10px;
	-webkit-transform: translate(-10%, -50%);
	transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
	top: 50%;
	right: 100%;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
	position: relative;
	z-index: 1
}

.suds-mod.x-show,
.suds-mod:hover {
	z-index: 1
}

.suds-mod.x-show>.suds-pop,
.suds-mod:hover>.suds-pop {
	opacity: 1;
	visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,
.suds-mod:hover>.suds-pop.at-t {
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,
.suds-mod:hover>.suds-pop.at-b {
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,
.suds-mod:hover>.suds-pop.at-l {
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,
.suds-mod:hover>.suds-pop.at-r {
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
	opacity: 0;
	visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
	opacity: 1;
	visibility: visible
}

.tab-mod .tab-term {
	cursor: pointer
}

.tab-mod .tab-term.cur {
	color: red
}

.tab-mod .tab-cont {
	position: relative
}

.tab-mod .tab-item {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s
}

.tab-mod .tab-item.act {
	opacity: 1;
	visibility: visible;
	position: relative;
	z-index: 2
}

.topping-mod {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 100%;
	color: #fff;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	-webkit-transition-property: opacity, visibility, background, color;
	transition-property: opacity, visibility, background, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.topping-mod .s {
	font-family: Arial;
	text-transform: uppercase;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(/static/subject/image/sidebar_gotop.png) no-repeat
}

.topping-mod.x-show {
	opacity: 1;
	visibility: visible
}

.vjs-full-window .topping-mod {
	z-index: -1
}

@media screen and (min-width: 769px) {
	.topping-mod:hover {
		background-color: red
	}

	.lock-screen .topping-mod {
		margin-right: 17px
	}

	.lock-screen.full-screen .topping-mod {
		margin-right: 0
	}
}

.tracker-mod .tracker-prev {
	cursor: pointer
}

.tracker-mod .tracker-next {
	cursor: pointer
}

.tracker-mod .tracker-box {
	overflow: hidden
}

.tracker-mod .tracker-track {
	min-width: 100%;
	min-height: 100%
}

.tracker-mod .tracker-item {
	cursor: pointer
}

.tracker-mod .tracker-item.cur {
	color: red
}

.tracker-mod.dir-hor .tracker-prev {
	float: left
}

.tracker-mod.dir-hor .tracker-next {
	float: right
}

.tracker-mod.dir-hor .tracker-box {
	text-align: center
}

.tracker-mod.dir-hor .tracker-track {
	display: table;
	white-space: nowrap;
	font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.tracker-mod.dir-ver .tracker-box {
	height: 300px
}

.tracker-mod.dir-ver .tracker-item {
	margin: 10px 0
}

.video-mod {
	position: relative;
	background-color: #000;
	overflow: hidden
}

.video-mod::before {
	content: '';
	display: block;
	padding-top: 56.25%
}

.video-mod .video-js {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%
}

.video-mod .vjs-ended .vjs-poster {
	display: block
}

.video-mod.mini .video-js .vjs-control-bar {
	position: static;
	visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
	position: static;
	display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
	position: static
}

.video-mod.mini .video-js .vjs-load-progress,
.video-mod.mini .video-js .vjs-mouse-display,
.video-mod.mini .video-js .vjs-play-progress::before,
.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,
.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
	display: none
}

.video-mod.mini .video-js .vjs-play-progress {
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	height: .3em;
	opacity: .5;
	visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
	visibility: hidden
}

@media screen and (min-width: 769px) {
	.vjs-no-flex .vjs-button {
		padding-bottom: 3em
	}
}

@media screen and (max-width: 768px) {
	.video-js .vjs-big-play-button {
		font-size: 3em
	}

	.video-js .vjs-control-bar {
		height: 2em
	}

	.video-js .vjs-control {
		width: 2em
	}

	.vjs-button>.vjs-icon-placeholder::before {
		font-size: 1em
	}

	.video-js .vjs-remaining-time {
		display: block;
		margin: 0 0.5em;
		width: auto;
		line-height: 2em
	}

	.vjs-current-time,
	.vjs-duration,
	.vjs-time-divider,
	.video-js .vjs-volume-panel {
		display: none
	}
}

.homebox {
	padding-bottom: 23.7%;
	background: url(/static/image/2022tiger/png18.png) no-repeat bottom center;
	background-size: contain;
	min-width: 1250px
}

.pub_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2
}

.pub_link .item {
	font-family: 'HYQiuShiJ';
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.pub_link .item {
		font-size: 18px
	}
}

.pub_link .item+.item {
	margin-left: 80px
}

.pub_link .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pub_link .item .icon {
	width: 74px;
	height: 74px;
	position: relative;
	margin-right: 13px
}

.pub_link .item .icon img {
	position: absolute;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	bottom: 0;
	max-width: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cult_home1 .img {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.cult_home1 .img::before {
	content: '';
	display: block;
	padding-top: 49.11458%
}

.cult_home1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.cult_home1 .img .i {
	width: 100%;
	height: 100%
}

.cult_home1 .img video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000
}

.cult_home2 {
	padding: 7.3% 0 0;
	position: relative
}

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

.cult_home2 .bgi {
	position: absolute;
	width: 100%;
	background: url(/static/image/2022tiger/png42.png) no-repeat center;
	top: -4.3%;
	z-index: 1;
	padding-top: 16.93%;
	background-size: cover
}

.cult_home2 .cont {
	position: relative;
	margin-top: 120px;
	height: calc(100vh - 80px);
	z-index: 2;
	min-height: 620px
}

.cult_home2 .cont::before {
	content: '';
	width: 100%;
	padding-top: 9.1145%;
	background: url(/static/image/2022tiger/png1.png) no-repeat center;
	background-size: cover;
	bottom: 100%;
	left: 0;
	position: absolute
}

.cult_home2 .cont iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.cult_home2 .cont .bg {
	position: absolute;
	width: 1400px;
	height: 543px;
	top: 100%;
	left: 50%;
	z-index: -1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cult_home2 .cont .bg .img {
	width: 452px;
	height: 543px;
	background: url(/static/image/2022tiger/png39-1.png) no-repeat center;
	position: absolute;
	top: 0;
	right: -170px
}

.cult_home2 .cont .bg .item {
	width: 245px;
	position: absolute;
	top: -123px;
	right: 134px
}

.cult_home2 .cont .bg .item img {
	width: 100%;
	height: auto
}

.cult_home2 .pub_link {
	margin-top: 50px
}

.cult_home2 .pub_link .suds-pop img {
	width: 102px
}

.cult_home3 {
	padding: 241px 0 0
}

.cult_home3 .tab-mod {
	margin-top: 55px;
	position: relative;
	z-index: 3
}

.cult_home3 .tab-mod .bg {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 696px;
	z-index: -1
}

.cult_home3 .tab-mod .bg .img {
	width: 436px;
	height: 696px;
	background: url(/static/image/2022tiger/png40.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 382px
}

.cult_home3 .tab-mod .bg .item {
	position: absolute
}

.cult_home3 .tab-mod .bg .item img {
	width: 100%;
	height: auto
}

.cult_home3 .tab-mod .bg .i1 {
	width: 107px;
	left: -5px;
	top: 267px
}

.cult_home3 .tab-mod .bg .i2 {
	width: 115px;
	left: -41px;
	top: 383px
}

.cult_home3 .tab-mod .tracker-prev,
.cult_home3 .tab-mod .tracker-next {
	display: none
}

.cult_home3 .tab-mod .tracker-item {
	font-size: 20px;
	font-family: 'HYQiuShiJ';
	padding: 14px 0;
	margin: 0 21px
}

@media screen and (max-width: 768px) {
	.cult_home3 .tab-mod .tracker-item {
		font-size: 18px
	}
}

.cult_home3 .tab-mod .tracker-item.cur {
	color: #a3141b
}

.cult_home3 .tab-mod .tab-bar {
	position: relative
}

.cult_home3 .tab-mod .tab-bar::before {
	content: '';
	width: 1403px;
	height: 98px;
	background: url(/static/image/2022tiger/png38.png) no-repeat bottom center;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: auto;
	background-size: contain
}

.cult_home3 .tab-mod .tab-bar .tracker-box {
	position: relative;
	z-index: 2
}

.cult_home3 .tab-mod .tab-cont {
	position: relative
}

.cult_home3 .tab-mod .tab-cont .tab-item {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.cult_home3 .tab-mod .tab-cont .tab-item.act {
	position: relative;
	z-index: 2
}

.cult_home3 .tab-mod .tab-cont .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.cult_home3 .tab-mod .tab-cont .cont .video-mod {
	width: 100%;
	position: relative
}

.cult_home3 .tab-mod .tab-cont .cont .video-mod::before {
	padding: 0
}

.cult_home3 .tab-mod .tab-cont .cont .video-mod .video-js {
	position: static
}

.cult_home3 .tab-mod .tab-cont .cont .video-mod video {
	-o-object-fit: cover;
	object-fit: cover;
	outline: none;
	width: 100%;
	height: 100%;
	display: block;
	position: relative
}

.cult_home3 .tab-mod .tab-cont .cont .r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 475px;
	position: absolute;
	right: -475px;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	z-index: 9
}

.cult_home3 .tab-mod .tab-cont .cont .r.full {
	right: 0
}

.cult_home3 .tab-mod .tab-cont .cont .r.full .sw {
	background: url(/static/image/2022tiger/png24a.png) center center no-repeat
}

.cult_home3 .tab-mod .tab-cont .cont .r:hover {
	right: 0
}

.cult_home3 .tab-mod .tab-cont .cont .r:hover .sw {
	background: url(/static/image/2022tiger/png24a.png) center center no-repeat
}

.cult_home3 .tab-mod .tab-cont .cont .r .sw {
	background: url(/static/image/2022tiger/png24.png) center center no-repeat;
	width: 50px;
	height: 101px;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.cult_home3 .tab-mod .tab-cont .cont .r .tit {
	text-align: center;
	padding-bottom: 20px
}

.cult_home3 .tab-mod .tab-cont .cont .r .list {
	margin: -5px auto;
	width: 240px
}

.cult_home3 .tab-mod .tab-cont .cont .r .list .item {
	text-align: center;
	cursor: pointer;
	padding-bottom: 15px
}

.cult_home3 .tab-mod .tab-cont .cont .r .list .item .img {
	height: 137px;
	overflow: hidden;
	position: relative
}

.cult_home3 .tab-mod .tab-cont .cont .r .list .item.now .img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 4px solid #a00000
}

.cult_home3 .tab-mod .tab-cont .cont .r .list .item .img img {
	width: 100%;
	height: auto
}

.cult_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
	padding: 10px 0;
	font-size: 14px
}

.cult_home3 .tab-mod .tab-cont .cont .r .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.cult_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools {
	right: 40px
}

.cult_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools .mCSB_draggerRail {
	width: 5px;
	background: #e7e7e7
}

.cult_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
	background: #a00000
}

.cult_home3 .tab-mod .tab-cont .cont .r .nav {
	text-align: center;
	display: none
}

.cult_home3 .tab-mod .tab-cont .cont .r span {
	font-family: icon;
	font-size: 28px;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.cult_home3 .tab-mod .tab-cont .cont .r .morebox {
	font-size: 20px;
	text-align: center;
	margin-top: 30px
}

@media screen and (max-width: 768px) {
	.cult_home3 .tab-mod .tab-cont .cont .r .morebox {
		font-size: 18px
	}
}

.cult_home3 .tab-mod .tab-cont .cont .r .morebox a {
	color: #8e0302;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cult_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
	content: '\e501';
	font-family: xfont;
	font-size: 20px;
	margin-left: 15px;
	margin-top: 3px;
	font-weight: bold
}

@media screen and (max-width: 768px) {
	.cult_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
		font-size: 18px
	}
}

.cult_home3 .vjs-poster {
	background-size: cover
}

.cult_home3 .video-js .vjs-big-play-button {
	opacity: 1
}

.cult_home3 .pub_link {
	margin-top: 28px;
	z-index: 9
}

.cult_home4 {
	padding-top: 210px
}

.cult_home4 .list {
	margin-top: 123px;
	width: 100%;
	padding-top: 73.3571%;
	position: relative;
	z-index: 3
}

.cult_home4 .list::before {
	content: '';
	width: 137.1428%;
	padding-top: 90.2857%;
	background: url(/static/image/2022tiger/png15.png) no-repeat center;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 6.037%;
	background-size: contain
}

.cult_home4 .list .item {
	position: absolute;
	z-index: 2
}

.cult_home4 .list .item .img img {
	display: block;
	width: 100%;
	height: auto
}

.cult_home4 .list .item .tbox {
	font-size: 20px;
	font-family: 'shsb';
	position: absolute;
	line-height: 1.4
}

@media screen and (max-width: 768px) {
	.cult_home4 .list .item .tbox {
		font-size: 18px
	}
}

.cult_home4 .list .item .tbox .icon {
	width: 64px;
	display: none
}

.cult_home4 .list .item .tbox .icon img {
	width: 100%;
	display: block;
	height: auto
}

.cult_home4 .list .i1 {
	width: 33.7142%;
	top: 15.5793%;
	left: 4.4285%
}

.cult_home4 .list .i1 .tbox {
	color: #fff;
	left: 14.8305%;
	bottom: -12px
}

.cult_home4 .list .i2 {
	width: 34.9285%;
	top: 0;
	left: 41.7857%
}

.cult_home4 .list .i2 .tbox {
	left: calc(100% + 45px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9em
}

.cult_home4 .list .i3 {
	width: 37%;
	bottom: 0;
	left: 1.1428%
}

.cult_home4 .list .i3 .tbox {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 15px)
}

.cult_home4 .list .i4 {
	width: 43.6428%;
	bottom: 4.8685%;
	right: 3.4285%
}

.cult_home4 .list .i4 .tbox {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 7px)
}

.cult_home4 .linkbox {
	margin-top: 68px
}

.cult_home4 .linkbox a {
	width: 120px;
	height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 24px;
	font-family: 'HYQiuShiJ';
	background: url(/static/image/2022tiger/png12.png) no-repeat center;
	background-size: contain;
	text-align: center;
	color: #a3141b;
	margin: auto;
	position: relative
}

@media screen and (max-width: 768px) {
	.cult_home4 .linkbox a {
		font-size: 18px
	}
}

.cult_home4 .linkbox a::before,
.cult_home4 .linkbox a::after {
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.cult_home4 .linkbox a::before {
	width: 55.8333%;
	padding-top: 40%;
	background: url(/static/image/2022tiger/png13.png) no-repeat center;
	bottom: 78.3333%;
	background-size: contain
}

.cult_home4 .linkbox a::after {
	width: 25%;
	padding-top: 55.8333%;
	background: url(/static/image/2022tiger/png14.png) no-repeat center;
	top: 87.5%;
	left: calc(50% - 4px)
}

.cult_home4 .linkbox a .point {
	line-height: 1;
	margin-top: -20px;
	background-size: contain
}

.cult_home5 {
	padding-top: 92px
}

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

.cult_home5 .x-title {
	text-align: left
}

.cult_home5 .l {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.cult_home5 .l .cont {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 47px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	height: 681px
}

.cult_home5 .l .cont::before {
	content: '';
	width: 502px;
	height: 63px;
	background: url(/static/image/2022tiger/png16.png) no-repeat center;
	position: absolute;
	right: 0;
	bottom: calc(100% - 2px);
	z-index: 1
}

.cult_home5 .l .cont .li {
	width: calc(100% / 7);
	position: relative;
	color: #909090;
	font-family: 'shsb';
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2
}

@media screen and (max-width: 768px) {
	.cult_home5 .l .cont .li {
		font-size: 18px
	}
}

.cult_home5 .l .cont .li .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	opacity: 0
}

.cult_home5 .l .cont .li::before {
	content: '';
	border: 1px solid #c7ba97;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0)
}

.cult_home5 .l .cont .li .tbox {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 47px 0;
	width: 100%;
	height: 100%
}

body:not(.lang-en) .cult_home5 .l .cont .li .tbox .t1,
body:not(.lang-en) .cult_home5 .l .cont .li .tbox .t2box {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.cult_home5 .l .cont .li .tbox .t1 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.cult_home5 .l .cont .li .tbox .t2box {
	position: relative;
	margin-top: 70px;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cult_home5 .l .cont .li .tbox .t2box .t2_t {
	display: none
}

.cult_home5 .l .cont .li.cur {
	color: #fff
}

.cult_home5 .l .cont .li.cur .bg {
	opacity: 1
}

.cult_home5 .l .cont .li.cur::before {
	opacity: 0
}

.cult_home5 .l .cont .li.cur .t2box .not {
	display: none
}

.cult_home5 .l .cont .li.cur .t2box .t2_t {
	display: block
}

.cult_home5 .r {
	width: 554px;
	margin-left: 33px
}

.cult_home5 .r .topbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cult_home5 .r .topbox .box1 .t {
	font-size: 20px;
	font-family: 'shsb';
	margin-top: -10px
}

@media screen and (max-width: 768px) {
	.cult_home5 .r .topbox .box1 .t {
		font-size: 18px
	}
}

.cult_home5 .r .topbox .box1 .t span {
	color: #a3141b;
	margin-left: 10px
}

.cult_home5 .r .topbox .box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cult_home5 .r .topbox .box2 .img {
	width: 106px;
	margin-right: 7px
}

.cult_home5 .r .topbox .box2 .img img {
	width: 100%;
	height: auto;
	display: block
}

.cult_home5 .r .topbox .box2 .t {
	font-family: 'shsb';
	line-height: 1.375
}

.cult_home5 .r .cont {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 14px;
	background-color: rgba(255, 255, 255, 0.5)
}

.cult_home5 .r .cont::before {
	content: '';
	display: block;
	padding-top: 122.74368%
}

.cult_home5 .r .cont .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.cult_home5 .r .cont::after {
	content: '';
	background: url(/static/image/2022tiger/png22-1.png) no-repeat center;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.cult_home5 .r .cont .flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	z-index: 2
}

.cult_home5 .r .cont .col {
	width: calc(100% / 3)
}

.cult_home5 .r .cont .item {
	height: calc(100% / 3);
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.cult_home5 .r .cont .item img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.cult_home5 .r .cont .item img.on {
	opacity: 1
}

.scrollbtn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9
}

.scrollbtn .item {
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 10px
}

.scrollbtn .item::before {
	font-family: 'xfont';
	display: block;
	color: #fff
}

.scrollbtn .up::before {
	content: '\e506'
}

.scrollbtn .down::before {
	content: '\e507'
}

@media screen and (max-width: 1700px) {
	.cult_home3 .tab-mod .tab-cont .cont .r {
		width: 300px;
		right: -299px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list {
		width: 200px;
		margin: auto
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item {
		padding-bottom: 5px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item .img {
		height: 115px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .morebox {
		margin-top: 10px
	}

	.cult_home3 .tab-mod .bg .img {
		left: 90px
	}

	.cult_home2 .cont .bg .img {
		right: -130px
	}

	.cult_home2 .bgi {
		top: -3.8%
	}
}

@media screen and (max-width: 1500px) {
	.cult_home2 {
		padding-top: 4%
	}

	.cult_home4 {
		background-position-y: 65px
	}

	.cult_home4 .list .i1 .tbox {
		left: 10%
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list {
		width: 180px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item .img {
		height: 103px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .morebox {
		margin-top: 0
	}

	.cult_home3 .tab-mod .tab-bar::before {
		width: 1200px
	}

	.cult_home3 .tab-mod .tab-bar .tracker-box {
		width: 1100px;
		margin: auto
	}

	.cult_home3 .tab-mod .tracker-item {
		padding: 7px 0
	}

	.cult_home3 .tab-mod .bg .img {
		left: 130px
	}

	.cult_home2 .bgi {
		top: -4.7%
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
		padding: 5px 0;
		line-height: 1.4
	}
}

@media screen and (max-width: 768px) {
	.homebox {
		min-width: 200px
	}

	.cult_home1 .img {
		height: calc(39vh - 76px)
	}

	.cult_home1 .img::before {
		display: none
	}

	.pub_link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.pub_link .item {
		margin: 0 15px 10px
	}

	.pub_link .item+.item {
		margin-left: 20px
	}

	.pub_link .item .icon {
		width: 40px;
		height: 40px
	}

	.cult_home2 {
		padding: 33px 15px 0
	}

	.cult_home2 .cont {
		margin: 40px -15px 0;
		height: auto;
		min-height: auto
	}

	.cult_home2 .cont .i {
		display: block;
		width: 100%;
		height: auto
	}

	.cult_home2 .cont .bg,
	.cult_home2 #ch_iframe {
		display: none
	}

	.cult_home3 {
		padding: 40px 15px 0
	}

	.cult_home3 .tab-mod {
		margin-top: 30px
	}

	.cult_home3 .tab-mod .tracker-next,
	.cult_home3 .tab-mod .tracker-prev {
		display: block;
		position: absolute;
		top: calc(50% - 1px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #e0cfc8
	}

	.cult_home3 .tab-mod .tracker-prev {
		left: -8px
	}

	.cult_home3 .tab-mod .tracker-next {
		right: -8px
	}

	.cult_home3 .tab-mod .bg {
		display: none
	}

	.cult_home3 .tab-mod .tab-bar {
		padding: 0 25px
	}

	.cult_home3 .tab-mod .tab-bar::before {
		display: none
	}

	.cult_home3 .tab-mod .tracker-item {
		padding: 0;
		margin: 0
	}

	.cult_home3 .tab-mod .tracker-item+.tracker-item {
		margin-left: 20px
	}

	.cult_home3 .tab-mod .tab-bar .tracker-box {
		width: 100%;
		margin: auto
	}

	.cult_home3 .tab-mod .tab-cont {
		margin-top: 30px
	}

	.cult_home3 .tab-mod .tab-cont .cont {
		display: block;
		height: auto
	}

	.cult_home3 .tab-mod .tab-cont .cont .r {
		padding: 0;
		margin-left: 0;
		width: auto;
		position: static
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .sw {
		display: none
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list {
		width: 100%;
		margin: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item {
		width: calc(50% - 7.5px);
		padding-bottom: 0;
		margin-top: 15px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item .img {
		height: auto
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
		padding: 0;
		margin-top: 5px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .morebox {
		margin-top: 10px
	}

	.cult_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
		margin: 2px 0 0 5px
	}

	.cult_home3 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		width: 50px;
		height: 50px
	}

	.cult_home3 .pub_link {
		margin-top: 40px
	}

	.cult_home3 .video-js .vjs-volume-panel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.cult_home3 .video-js .vjs-mute-control {
		padding-bottom: 2em
	}

	.cult_home4 {
		padding: 40px 0 0
	}

	.cult_home4 .list {
		margin-top: 30px;
		padding: 0
	}

	.cult_home4 .list::before {
		width: auto;
		left: -15px;
		right: -15px;
		padding-top: 308.4%;
		background-image: url(/static/image/2022tiger/png43.png);
		-webkit-transform: none;
		transform: none;
		bottom: 7%
	}

	.cult_home4 .list .item {
		position: relative;
		width: 90%;
		margin: auto;
		top: auto;
		right: auto;
		left: auto
	}

	.cult_home4 .list .item+.item {
		margin-top: 20px
	}

	.cult_home4 .list .item .tbox {
		position: static;
		margin-top: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-transform: none;
		transform: none;
		color: #fff
	}

	.cult_home4 .list .i4 .tbox {
		color: #333
	}

	.cult_home4 .list .i2 .tbox {
		width: 100%
	}

	.cult_home4 .list .i2 .tbox .icon {
		width: 40px
	}

	.cult_home4 .list .i2 .tbox .t {
		margin: 0
	}

	.cult_home4 .linkbox {
		margin-top: 40px
	}

	.cult_home4 .linkbox a {
		width: 100px;
		height: 100px
	}

	.cult_home4 .linkbox a .point {
		margin-top: -10px
	}

	.cult_home5 {
		padding-top: 60px
	}

	.cult_home5 .x-title {
		text-align: center
	}

	.cult_home5 .flexbox {
		display: block
	}

	.cult_home5 .flexbox .l .cont {
		margin-top: 20px;
		height: 95vw
	}

	.cult_home5 .flexbox .l .cont::before {
		display: none
	}

	.cult_home5 .flexbox .l .cont .li .tbox {
		padding: 10px
	}

	.cult_home5 .flexbox .l .cont .li .tbox .t2box {
		margin-top: 10px
	}

	.cult_home5 .flexbox .l .cont .li .tbox .t2box .not {
		text-align: center;
		height: 100%
	}

	.cult_home5 .flexbox .l .cont .li .tbox .t2box .t2_t {
		height: auto;
		line-height: 1.4
	}

	.cult_home5 .flexbox .r {
		margin: 40px 0 0;
		width: 100%
	}

	.cult_home5 .flexbox .r .topbox {
		display: block
	}

	.cult_home5 .flexbox .r .topbox .box1 .t {
		margin-top: 5px;
		text-align: center
	}

	.cult_home5 .flexbox .r .topbox .box2 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 10px
	}

	.cult_home5 .flexbox .r .topbox .box2 .img {
		width: 80px
	}
}

.title-tiger {
	font-family: font;
	font-size: 70px;
	white-space: nowrap;
	line-height: 1
}

.title-tiger b {
	color: #861a0c
}

.tiger-prev {
	font-family: xfont;
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	position: fixed;
	left: 75px;
	top: 50%;
	margin-top: -30px;
	z-index: 3;
	cursor: pointer
}

.tiger-prev.h {
	display: none
}

.tiger-prev::before {
	content: '\e504'
}

.tiger-prev:hover {
	background: rgba(0, 0, 0, 0.5)
}

.tiger-next {
	font-family: xfont;
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	position: fixed;
	right: 3vw;
	top: 50%;
	margin-top: -30px;
	z-index: 3;
	cursor: pointer
}

.tiger-next.h {
	display: none
}

.tiger-next::before {
	content: '\e505'
}

.tiger-next:hover {
	background: rgba(0, 0, 0, 0.5)
}

.tiger_main {
	background: url(/static/image/tiger/png22.png) center center;
	width: 70px;
	top: 0;
	left: 0;
	bottom: 0;
	position: fixed;
	color: #fff;
	z-index: 3;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	left: -70px
}

.tiger_main .inner {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 8vw
}

.tiger_main a {
	color: #f3e9da;
	font-size: 18px;
	margin: 1em 0
}

body:not(.lang-en) .tiger_main a {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.tiger_main a:hover {
	color: #f7e1a9
}

.tiger_main::after {
	content: '';
	background-image: url(/static/image/tiger/png25c.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0px;
	bottom: 65px;
	width: 305px;
	height: 148px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.tiger_main.x-show {
	left: 0
}

.tiger_main.x-show::after {
	opacity: 1;
	visibility: visible
}

.tiger_main .navs {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger {
	width: 100%;
	height: 100%
}

.home-tiger .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.3)
}

.home-tiger .scroll {
	height: 100%;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.home-tiger .scroll>div {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	min-width: 1280px
}

.home-tiger .mCSB_container {
	height: 100%
}

.home-tiger .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin: 0
}

.home-tiger .mCSB_scrollTools {
	height: 10px
}

.home-tiger .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 4px 0 0;
	opacity: 0.5
}

.home-tiger .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	opacity: 1
}

.home-tiger .mCSB_scrollTools_horizontal:hover .mCSB_dragger .mCSB_dragger_bar {
	opacity: 1
}

.home-tiger .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	display: none
}

.home-tiger1 {
	width: 100vw;
	background: #800 url(/static/image/tiger/bg1.jpg) no-repeat left center/auto 100%;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: visible !important;
	z-index: 1
}

.home-tiger1 .content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.home-tiger1 .content .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(/static/image/tiger/png2_2.png) no-repeat center bottom/auto 95%
}

.home-tiger1 .content .h {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-51.7%, -50.5%);
	transform: translate(-51.7%, -50.5%);
	height: 71%
}

.home-tiger1 .content .snow {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: -16%;
	background: url(/static/image/tiger/png2_3.png) no-repeat center top/auto 100%;
	pointer-events: none
}

.home-tiger1 .content .snow1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: -16%;
	background: url(/static/image/tiger/png2_3a.png) no-repeat center top/auto 100%;
	pointer-events: none;
	-webkit-animation: snow 2s linear 0s infinite;
	animation: snow 2s linear 0s infinite
}

.home-tiger1 .content .arr {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.home-tiger1 .content .arr a {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.home-tiger1 .content .arr img:nth-child(1) {
	margin-left: 3em
}

.home-tiger1 .content .arr img:nth-child(2) {
	margin-left: 1em;
	margin-bottom: 1em;
	-webkit-animation: hd 3s ease-in-out infinite;
	animation: hd 3s ease-in-out infinite
}

.home-tiger1 .content .arr img:nth-child(3) {
	margin-left: 1em;
	margin-bottom: 1em
}

.home-tiger1 .content .arr img:nth-child(4) {
	margin-left: 1em;
	margin-bottom: 1em
}

.home-tiger1 .foot {
	position: relative
}

.home-tiger1 .foot:after {
	content: "";
	background: url(/static/image/tiger/png25a.png);
	width: 619px;
	height: 148px;
	position: absolute;
	left: 100%;
	bottom: 100%;
	margin-left: -327px;
	margin-bottom: -5px
}

@-webkit-keyframes snow {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.3
	}

	100% {
		opacity: 1
	}
}

@keyframes snow {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.3
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes hd {

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

	25%,
	75% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}

	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@keyframes hd {

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

	25%,
	75% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}

	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

.foot {
	text-align: center;
	padding: 2.5em 0;
	font-size: 14px
}

.home-tiger2 {
	background: url(/static/image/tiger/bg1.jpg) no-repeat right center/auto 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 20vw 0 10vw
}

.home-tiger2 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #f3e9da;
	position: relative;
	max-height: 80vh
}

.home-tiger2 .content .text {
	font-size: 18px;
	margin-left: 70px;
	overflow: hidden;
	width: 60vw;
	max-height: 100%;
	overflow: auto
}

body:not(.lang-en) .home-tiger2 .content .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-tiger2 .content .text p:nth-child(n+2) {
	margin-top: 1.2em
}

.home-tiger2 .content .title-tiger {
	position: relative
}

.home-tiger2 .content img {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 5%);
	transform: translate(-50%, 5%)
}

.home-tiger2 .foot {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(/static/image/tiger/png2_2a.png) repeat-x left top
}

.home-tiger2 .mCSB_scrollTools {
	height: auto
}

.home-tiger2 .mCSB_container {
	height: auto
}

.home-tiger2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #660000
}

.home-tiger3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 0 5vw;
	padding-right: 35vw
}

.home-tiger3 .img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	pointer-events: none
}

.home-tiger3 .text {
	width: 460px
}

.home-tiger3 .text .p {
	margin-top: 2em;
	font-size: 18px
}

body:not(.lang-en) .home-tiger3 .text .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-tiger3 .foot {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(/static/image/tiger/png2_2a.png) repeat-x left top;
	display: none
}

.home-tiger3 .list {
	background: url(/static/image/tiger/png4_0.png) no-repeat center left;
	width: 1003px;
	position: relative;
	height: 596px;
	margin-left: 200px;
	margin-right: 550px;
	z-index: 1
}

.home-tiger3 .list .item {
	position: absolute
}

.home-tiger3 .list .item::before {
	content: "";
	width: 19px;
	height: 19px;
	background: #b32a19;
	border-radius: 100%;
	display: block
}

.home-tiger3 .list .item .pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger3 .list .item .pic img {
	max-width: 110px;
	max-height: 110px
}

.home-tiger3 .list .item .h {
	font-size: 22px;
	text-align: center;
	font-family: shsb;
	white-space: nowrap;
	margin-top: 5px;
	line-height: 1.2
}

.home-tiger3 .list .item .inr {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger3 .list .item .mask {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 20px;
	width: 270px;
	height: 300px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px;
	opacity: 0;
	visibility: hidden
}

.home-tiger3 .list .item .mask a.a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0)
}

.home-tiger3 .list .item .mask .pic {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.home-tiger3 .list .item .mask .pic img {
	max-width: 220px;
	max-height: 220px
}

.home-tiger3 .list .item .mask .h {
	margin-top: 0.5em
}

.home-tiger3 .list .item:hover {
	z-index: 1
}

.home-tiger3 .list .item:hover .mask {
	visibility: visible;
	opacity: 1
}

.home-tiger3 .list .item:nth-child(1) {
	left: -6px;
	top: 522px
}

.home-tiger3 .list .item:nth-child(1) .inr {
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(2) {
	left: 924px;
	top: 293px
}

.home-tiger3 .list .item:nth-child(2) .inr {
	left: 100%;
	top: 0;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(3) {
	left: 443px;
	top: 168px
}

.home-tiger3 .list .item:nth-child(3) .inr {
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 20px
}

.home-tiger3 .list .item:nth-child(4) {
	left: 217px;
	top: 94px
}

.home-tiger3 .list .item:nth-child(4) .inr {
	right: 100%;
	top: 0%;
	margin-right: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(5) {
	left: 398px;
	top: 39px
}

.home-tiger3 .list .item:nth-child(5) .inr {
	left: 100%;
	top: 0%;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(6) {
	left: 362px;
	top: 398px
}

.home-tiger3 .list .item:nth-child(6) .inr {
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 10px
}

.home-tiger3 .list .item:nth-child(7) {
	left: 985px;
	top: 513px
}

.home-tiger3 .list .item:nth-child(7) .inr {
	left: 100%;
	top: 0;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(8) {
	left: 618px;
	top: 526px
}

.home-tiger3 .list .item:nth-child(8) .inr {
	left: 100%;
	bottom: 0;
	margin-left: 10px
}

.home-tiger3 .list .item:nth-child(9) {
	left: 712px;
	top: 340px
}

.home-tiger3 .list .item:nth-child(9) .inr {
	left: 50%;
	bottom: 100%;
	margin-bottom: 10px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.home-tiger3 .list .item:nth-child(10) {
	left: 689px;
	top: 41px
}

.home-tiger3 .list .item:nth-child(10) .inr {
	left: 100%;
	top: 0;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(11) {
	left: 805px;
	top: 153px
}

.home-tiger3 .list .item:nth-child(11) .inr {
	left: 100%;
	top: 0;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger3 .list .item:nth-child(12) {
	left: 279px;
	top: 574px
}

.home-tiger3 .list .item:nth-child(12) .inr {
	left: 50%;
	bottom: 100%;
	margin-bottom: 5px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.home-tiger3 .list .item:nth-child(13) {
	left: 93px;
	top: 324px
}

.home-tiger3 .list .item:nth-child(13) .inr {
	right: 100%;
	bottom: 0;
	margin-right: 10px
}

.home-tiger4 {
	margin-left: -20vw;
	padding: 0 0 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger4 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger4 .text {
	width: 460px
}

body:not(.lang-en) .home-tiger4 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-tiger4 .text .p {
	margin-top: 2em;
	font-size: 18px
}

body:not(.lang-en) .home-tiger4 .text .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-tiger4 .list {
	background: url(/static/image/tiger/png8.png) no-repeat center left;
	width: 1542px;
	position: relative;
	height: 780px;
	margin-left: 240px
}

.home-tiger4 .list .item {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger4 .list .item.s .pic {
	background: #8c2012
}

.home-tiger4 .list .item .pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: #d4bf8a;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home-tiger4 .list .item .pic img {
	max-width: 120%;
	max-height: 120%
}

.home-tiger4 .list .item .h {
	font-size: 22px;
	text-align: center;
	font-family: shsb;
	white-space: nowrap;
	margin-top: 5px;
	line-height: 1.2
}

.home-tiger4 .list .item:nth-child(1) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	right: 1480px;
	top: 427px
}

.home-tiger4 .list .item:nth-child(1) .pic {
	margin-left: 20px
}

.home-tiger4 .list .item:nth-child(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	right: 1480px;
	top: 286px
}

.home-tiger4 .list .item:nth-child(2) .pic {
	margin-left: 20px
}

.home-tiger4 .list .item:nth-child(3) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	right: 1430px;
	top: 146px
}

.home-tiger4 .list .item:nth-child(3) .pic {
	margin-left: 20px
}

.home-tiger4 .list .item:nth-child(4) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	right: 1330px;
	top: 37px
}

.home-tiger4 .list .item:nth-child(4) .pic {
	margin-left: 20px
}

.home-tiger4 .list .item:nth-child(5) {
	left: 542px;
	top: 35px
}

.home-tiger4 .list .item:nth-child(5) .pic {
	margin-right: 20px
}

.home-tiger4 .list .item:nth-child(6) {
	left: 662px;
	top: 141px
}

.home-tiger4 .list .item:nth-child(6) .pic {
	margin-right: 20px
}

.home-tiger4 .list .item:nth-child(7) {
	left: 718px;
	top: 285px
}

.home-tiger4 .list .item:nth-child(7) .pic {
	margin-right: 20px
}

.home-tiger4 .list .item:nth-child(8) {
	left: 717px;
	top: 431px
}

.home-tiger4 .list .item:nth-child(8) .pic {
	margin-right: 20px
}

.home-tiger4 .list .center {
	position: absolute;
	left: 80px;
	top: 80px
}

.home-tiger4 .list .center .d {
	display: none
}

.home-tiger4 .list .center .d.s {
	display: block
}

.home-tiger4 .list .center .pic {
	background: url(/static/image/tiger/png17.png) no-repeat center center/contain;
	border-radius: 100%;
	width: 620px;
	height: 620px;
	overflow: hidden
}

.home-tiger4 .list .center .pic a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger4 .list .center .pic img {
	max-width: 100%;
	max-height: 100%
}

.home-tiger4 .list .center .h {
	font-size: 22px;
	text-align: center;
	font-family: shsb;
	white-space: nowrap;
	margin-top: 5px;
	line-height: 1.2
}

.home-tiger5 {
	background: url(/static/image/tiger/bg3.jpg);
	color: #f3e9da;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 546px 0 150px
}

.home-tiger5:after {
	content: "";
	position: absolute;
	background: url(/static/image/tiger/png11_3.png) no-repeat center center/contain;
	width: 546px;
	height: 383px;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-99%);
	transform: translateY(-99%)
}

.home-tiger5:before {
	content: "";
	position: absolute;
	background: url(/static/image/tiger/png11_1.png) no-repeat center center/contain;
	width: 317px;
	height: 610px;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-tiger5 .content {
	width: 1720px;
	position: relative
}

.home-tiger5 .text .p {
	margin-top: 2em;
	font-size: 18px
}

body:not(.lang-en) .home-tiger5 .text .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-tiger5 .list {
	white-space: nowrap;
	font-size: 0;
	margin-top: 50px
}

.home-tiger5 .list .item {
	display: inline-block;
	width: 320px;
	vertical-align: top;
	padding-bottom: 90px;
	position: relative
}

.home-tiger5 .list .item a.a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0)
}

.home-tiger5 .list .item::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 128px;
	width: 30px;
	border-top: 1px dashed #d4bf8a
}

.home-tiger5 .list .item:nth-child(n+2) {
	margin-left: 30px
}

.home-tiger5 .list .item .pic {
	border: 1px dashed #d4bf8a;
	padding: 40px 20px;
	min-height: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	background: #ce9760
}

.home-tiger5 .list .item .pic img {
	max-width: 100%;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-height: 220px
}

.home-tiger5 .list .item .h {
	font-size: 22px;
	text-align: center;
	font-family: shsb;
	white-space: normal;
	padding: 0 1em;
	line-height: 1.3;
	margin-top: 0.5em
}

.home-tiger5 .mCSB_scrollTools {
	height: 8px
}

.home-tiger5 .mCSB_scrollTools .mCSB_draggerContainer {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 4px
}

.home-tiger5 .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	margin: 0;
	background: url(/static/image/tiger/png10.png);
	height: 100%;
	opacity: 1
}

.home-tiger5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 30px
}

.home-tiger5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 60px;
	height: 60px;
	bottom: -26px
}

.home-tiger6 {
	background: url(/static/image/tiger/bg4.jpg) no-repeat left center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 500px 0 570px
}

.home-tiger6:after {
	content: "";
	position: absolute;
	background: url(/static/image/tiger/png11_4.png) no-repeat center center/contain;
	width: 545px;
	height: 401px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-95%);
	transform: translateY(-95%)
}

.home-tiger6:before {
	content: "";
	position: absolute;
	background: url(/static/image/tiger/png11_2.png) no-repeat center center/contain;
	width: 755px;
	height: 650px;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-53%, -50%);
	transform: translate(-53%, -50%);
	margin-top: 20px
}

.home-tiger6 .footer {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/static/image/tiger/png23.png) no-repeat center bottom;
	width: 459px;
	padding-left: 185px;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 40px
}

.home-tiger6 .footer .share {
	margin-bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.home-tiger6 .footer .share .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 5px 15px;
	position: relative
}

.home-tiger6 .footer .share .item .code {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	position: absolute;
	right: 0%;
	bottom: 100%;
	margin-bottom: 5px;
	display: none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

.home-tiger6 .footer .share .item .code img {
	width: 120px
}

.home-tiger6 .footer .share .item .code:after {
	content: "";
	border: 10px solid transparent;
	border-top-color: #fff;
	position: absolute;
	top: 100%;
	right: 20px
}

.home-tiger6 .footer .share .item:hover .code {
	display: block
}

.home-tiger6 .footer .share .item .ico {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #c28840;
	border-radius: 100%
}

.home-tiger6 .footer .share .item .h {
	margin-top: 5px
}

.home-tiger6 .footer .text {
	font-size: 14px
}

.home-tiger6 .footer .text a br {
	display: none
}

.home-tiger6 .d {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 70px 0
}

.home-tiger6 .d .h {
	font-size: 40px;
	font-family: font;
	min-width: 8em
}

.home-tiger6 .d .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-tiger6 .d .links a {
	height: 92px;
	display: inline-block;
	padding-right: 31px;
	font-size: 22px;
	font-family: shsb
}

.home-tiger6 .d .links a:hover {
	background-image: url(/static/image/tiger/png16_1b.png) !important;
	color: #fff
}

.home-tiger6 .d .links a:hover span {
	background-image: url(/static/image/tiger/png16_1a.png) !important
}

.home-tiger6 .d .links a:hover span i {
	background: url(/static/image/tiger/png18.png) no-repeat center center
}

.home-tiger6 .d .links a:nth-child(n+2) {
	margin-left: 10px
}

.home-tiger6 .d .links a span {
	height: 100%;
	position: relative;
	display: block
}

.home-tiger6 .d .links a span i {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.3;
	font-style: normal;
	padding: 0 0.5em 0 1.7em
}

.home-tiger6 .d:nth-child(1) .links:before {
	content: "";
	background: url(/static/image/tiger/png13_1c.png) no-repeat right center/contain;
	width: 45px;
	height: 7px;
	display: inline-block;
	margin-left: -2.1em
}

.home-tiger6 .d:nth-child(1) .links a {
	background: url(/static/image/tiger/png13_1b.png) no-repeat right center
}

.home-tiger6 .d:nth-child(1) .links a span {
	background: url(/static/image/tiger/png13_1a.png) no-repeat left center
}

.home-tiger6 .d:nth-child(1) .h {
	color: #83241e
}

.home-tiger6 .d:nth-child(2) .links:before {
	content: "";
	background: url(/static/image/tiger/png14_1c.png) no-repeat right center/contain;
	width: 45px;
	height: 7px;
	display: inline-block;
	margin-left: -2.1em
}

.home-tiger6 .d:nth-child(2) .links a {
	background: url(/static/image/tiger/png14_1b.png) no-repeat right center
}

.home-tiger6 .d:nth-child(2) .links a span {
	background: url(/static/image/tiger/png14_1a.png) no-repeat left center
}

.home-tiger6 .d:nth-child(3) .links:before {
	content: "";
	background: url(/static/image/tiger/png15_1c.png) no-repeat right center/contain;
	width: 45px;
	height: 7px;
	display: inline-block;
	margin-left: -2.1em
}

.home-tiger6 .d:nth-child(3) .links a {
	background: url(/static/image/tiger/png15_1b.png) no-repeat right center
}

.home-tiger6 .d:nth-child(3) .links a span {
	background: url(/static/image/tiger/png15_1a.png) no-repeat left center
}

.home-tiger6 .d:nth-child(3) .h {
	color: #a3887f
}

.pop-pics {
	display: none
}

.pop-store {
	background: none
}

.pop-store .pop-panel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pop-store .pop-panel .pop-dialog {
	width: 80%;
	height: 80%;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	padding: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	background: #fff url(/static/image/tiger/png21.png) no-repeat right bottom
}

.pop-store .pop-panel .pop-dialog .tit {
	text-align: center;
	color: #83241e;
	font-family: shsb;
	font-size: 30px
}

.pop-store .pop-panel .pop-dialog .content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 20px;
	overflow: auto;
	padding-right: 330px;
	min-height: 250px
}

.pop-store .pop-panel .pop-dialog .h {
	color: #c69360
}

.pop-store .pop-panel .pop-dialog .dd:nth-child(n+2) {
	margin-top: 1em
}

.pop-store .mCSB_scrollTools {
	height: auto
}

.pop-store .mCSB_container {
	height: auto
}

.pop-store .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #ccc
}

.home-tiger1 .content .h {
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	opacity: 0;
	-webkit-transform: translate(-51.7%, -30.5%);
	transform: translate(-51.7%, -30.5%)
}

.home-tiger1 .content .bg {
	opacity: 0;
	-webkit-transition: all 1s ease-out 0.5s;
	transition: all 1s ease-out 0.5s
}

.home-tiger1 .content .snow {
	opacity: 0;
	-webkit-transition: all 2s ease-out 1s;
	transition: all 2s ease-out 1s
}

.home-tiger1 .content .snow1 {
	opacity: 0;
	-webkit-transition: all 2s ease-out 1s;
	transition: all 2s ease-out 1s
}

.home-tiger1 .arr img:nth-child(1) {
	-webkit-transform: translate(-60%, -20%);
	transform: translate(-60%, -20%);
	opacity: 0;
	-webkit-transition: all 0.6s ease-out 1.5s;
	transition: all 0.6s ease-out 1.5s
}

.home-tiger1 .arr img:nth-child(2) {
	opacity: 0;
	-webkit-transition: all 1s ease-out 2s;
	transition: all 1s ease-out 2s
}

.home-tiger1 .arr img:nth-child(3) {
	opacity: 0;
	-webkit-transition: all 1s ease-out 2s;
	transition: all 1s ease-out 2s
}

.home-tiger1 .arr img:nth-child(4) {
	opacity: 0;
	-webkit-transition: all 1s ease-out 2s;
	transition: all 1s ease-out 2s;
	display: none
}

.home-tiger1.showd .content .h {
	-webkit-transform: translate(-51.7%, -50.5%);
	transform: translate(-51.7%, -50.5%);
	opacity: 1
}

.home-tiger1.showd .content .bg {
	opacity: 1
}

.home-tiger1.showd .content .snow {
	opacity: 1
}

.home-tiger1.showd .arr img:nth-child(1) {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

.home-tiger1.showd .arr img:nth-child(2) {
	opacity: 1
}

.home-tiger1.showd .arr img:nth-child(3) {
	opacity: 1
}

.home-tiger1.showd .arr img:nth-child(4) {
	opacity: 1
}

.pop-tips {
	background-color: rgba(132, 25, 12, 0.95)
}

.pop-tips .pop-dialog {
	background-color: transparent;
	text-align: center
}

.pop-tips .content {
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 20px;
	display: inline-block
}

.pop-tips .pop-close {
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 20px
}

.pop-tips .pop-close::before {
	content: '\e509'
}

@media screen and (max-width: 1650px) {
	.home-tiger3 .list {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	.home-tiger4 .list {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	.tiger_main .inner {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 0
	}
}

@media screen and (max-width: 1500px) {
	.title-tiger {
		font-size: 60px
	}

	.tiger_main {
		padding-top: 2em
	}

	.tiger_main a {
		margin: 0.5em 0
	}

	.tiger_main .inner {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-top: 0
	}

	.tiger_main::after {
		width: 280px;
		height: 136px;
		bottom: 17px
	}

	.pop-store .pop-panel .pop-dialog {
		background-size: 260px auto
	}

	.pop-store .pop-panel .pop-dialog .content {
		padding-right: 200px
	}

	.home-tiger2 {
		padding-left: 20vw
	}

	.home-tiger3 .list {
		margin-top: 0px
	}

	.home-tiger3 .list .item .mask {
		width: 200px;
		height: 220px
	}

	.home-tiger3 .list .item .mask .pic {
		margin: auto
	}

	.home-tiger3 .list .item .mask .pic img {
		max-width: 160px;
		max-height: 160px
	}

	.home-tiger3 .list .item .mask .h {
		margin-top: 0;
		font-size: 20px
	}

	.home-tiger4 .list {
		margin-top: 100px
	}

	.home-tiger4 .text {
		padding-top: 18vh
	}

	.home-tiger4 .list .center {
		left: 120px;
		top: 100px
	}

	.home-tiger4 .list .center .pic {
		width: 520px;
		height: 520px
	}

	.home-tiger5 .text .p {
		margin-top: 1em
	}

	.home-tiger5 .list {
		margin-top: 20px
	}

	.home-tiger1.fixFoot .foot::after {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		bottom: 0
	}

	.home-tiger5 .list .item::before {
		top: 155px
	}

	.home-tiger5 .list {
		margin-top: 30px
	}

	.foot {
		padding: 1.5em 0;
		margin-bottom: -20px
	}
}

@media screen and (min-width: 550px) and (max-height: 550px) {
	.tiger_main {
		display: none
	}

	.title-tiger {
		font-size: 30px
	}

	.tiger-prev {
		display: none
	}

	.tiger-next {
		display: none
	}

	html,
	body {
		min-width: 0;
		min-height: 0;
		height: 100%;
		overflow: hidden
	}

	body {
		overflow-x: auto
	}

	body.ro {
		background: #861a0c;
		width: 100vw;
		height: 100vh
	}

	body.ro>div {
		display: none
	}

	.pop-pics {
		display: block
	}

	.home-tiger .scroll {
		height: 100%;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	.home-tiger .scroll>div {
		min-width: 0;
		background-color: #fff
	}

	.home-tiger1 {
		width: 100vw
	}

	.home-tiger1 .foot {
		padding: 1em 0
	}

	.home-tiger1 .foot:after {
		background: url(/static/image/tiger/png26.png) no-repeat left bottom/contain;
		height: 8px;
		margin-bottom: -1px;
		margin-left: 0
	}

	.home-tiger1 .content .arr img:nth-child(1) {
		height: 18vh
	}

	.home-tiger1 .content .arr img:nth-child(2) {
		height: 2vh;
		margin-left: 0.5em
	}

	.home-tiger1 .content .arr img:nth-child(3) {
		height: 5vh;
		margin-left: 0.5em;
		margin-bottom: 0.5em;
		display: none
	}

	.home-tiger1 .content .arr img:nth-child(4) {
		height: 5vh;
		margin-left: 0.5em;
		margin-bottom: 0.5em;
		display: block
	}

	.home-tiger2 {
		padding: 0 30vw 0 5vw
	}

	.home-tiger2 .back {
		background: url(/static/image/tiger/png27.png) no-repeat center center/contain;
		width: 60px;
		height: 60px;
		position: absolute;
		right: 180px;
		top: 20px
	}

	.home-tiger2 .content .text {
		height: 60vh;
		margin-left: 5vw;
		overflow: auto;
		font-size: 14px;
		width: 130vh;
		padding-right: 15px
	}

	.home-tiger2 .content img {
		width: 10vw
	}

	.home-tiger2 .foot {
		display: none
	}

	.home-tiger3 {
		padding-left: 20vh
	}

	.home-tiger3 .list {
		background-image: url(/static/image/tiger/png4_0a.png);
		height: 70vh;
		width: calc(921 / 547 * 70vh);
		margin-left: 40vh;
		background-size: contain;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		margin-right: 80vh
	}

	.home-tiger3 .list .item:before {
		width: 10px;
		height: 10px
	}

	.home-tiger3 .list .item .h {
		font-size: 13px
	}

	.home-tiger3 .list .item .mask {
		display: none
	}

	.home-tiger3 .list .item .pic img {
		max-width: 50px;
		max-height: 40px
	}

	.home-tiger3 .list .item:nth-child(3) .inr {
		margin-left: 0
	}

	.home-tiger3 .list .item:nth-child(8) .inr {
		margin-left: 5px
	}

	.home-tiger3 .list .item:nth-child(9) .inr {
		margin-bottom: 5px
	}

	.home-tiger3 .list .item:nth-child(1) {
		left: calc(-4 / 363 * 100vh);
		top: calc(219 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(2) {
		left: calc(410 / 363 * 100vh);
		top: calc(165 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(3) {
		left: calc(204 / 363 * 100vh);
		top: calc(87 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(4) {
		left: calc(90 / 363 * 100vh);
		top: calc(43 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(5) {
		left: calc(174 / 363 * 100vh);
		top: calc(14 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(6) {
		left: calc(151 / 363 * 100vh);
		top: calc(170 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(7) {
		left: calc(406 / 363 * 100vh);
		top: calc(232 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(8) {
		left: calc(263 / 363 * 100vh);
		top: calc(240 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(9) {
		left: calc(305 / 363 * 100vh);
		top: calc(142 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(10) {
		left: calc(313 / 363 * 100vh);
		top: calc(32 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(11) {
		left: calc(376 / 363 * 100vh);
		top: calc(101 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(12) {
		left: calc(114 / 363 * 100vh);
		top: calc(243 / 363 * 100vh)
	}

	.home-tiger3 .list .item:nth-child(13) {
		left: calc(42 / 363 * 100vh);
		top: calc(133 / 363 * 100vh)
	}

	.home-tiger3 .text {
		width: 80vh
	}

	.home-tiger3 .text .p {
		font-size: 14px;
		margin-top: 1em;
		max-height: 65vh;
		overflow: auto;
		padding-right: 15px
	}

	.home-tiger4 {
		margin-left: -10vh;
		padding-left: 0
	}

	.home-tiger4 .list {
		height: 76vh;
		width: calc(1505 / 530 * 76vh);
		background-image: url(/static/image/tiger/png8a.png);
		background-size: contain;
		margin-left: 50vh;
		margin-top: -8vh;
		-webkit-transform: scale(0.85);
		transform: scale(0.85);
		background-position: left center;
		background-size: auto 100%
	}

	.home-tiger4 .list .item .h {
		font-size: 14px
	}

	.home-tiger4 .list .item .pic {
		width: 13vh;
		height: 13vh
	}

	.home-tiger4 .list .item:nth-child(1) {
		right: calc(772 / 363 * 100vh);
		top: calc(209 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(2) {
		right: calc(788 / 363 * 100vh);
		top: calc(139 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(3) {
		right: calc(768 / 363 * 100vh);
		top: calc(69 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(4) {
		right: calc(728 / 363 * 100vh);
		top: calc(10 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(5) {
		left: calc(247 / 363 * 100vh);
		top: calc(13 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(6) {
		left: calc(292 / 363 * 100vh);
		top: calc(76 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(7) {
		left: calc(306 / 363 * 100vh);
		top: calc(146 / 363 * 100vh)
	}

	.home-tiger4 .list .item:nth-child(8) {
		left: calc(287 / 363 * 100vh);
		top: calc(211 / 363 * 100vh)
	}

	.home-tiger4 .list .center {
		left: 10vh;
		top: 10vh
	}

	.home-tiger4 .list .center .pic {
		width: 70vh;
		height: 70vh;
		background-size: contain
	}

	.home-tiger4 .list .center .h {
		font-size: 18px
	}

	.home-tiger4 .text {
		padding-top: 0;
		width: 100vh;
		max-height: 65vh;
		overflow: auto;
		padding-right: 15px
	}

	.home-tiger4 .text .p {
		font-size: 16px;
		margin-top: 1em
	}

	.home-tiger5 {
		padding: 0 50vh 0 10vw
	}

	.home-tiger5::before {
		height: 60vh;
		width: 30vh;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-40%);
		transform: translateY(-40%)
	}

	.home-tiger5::after {
		height: 36vh;
		width: 800px;
		background-image: url(/static/image/tiger/png11_3b.png);
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%);
		background-size: auto 100%;
		background-position: right;
		background-repeat: no-repeat
	}

	.home-tiger5 .text .p {
		font-size: 14px;
		margin-top: 1em;
		line-height: 1.3;
		height: 3.9em;
		overflow: auto;
		padding-right: 1em
	}

	.home-tiger5 .content {
		width: 510px;
		z-index: 2
	}

	.home-tiger5 .content::before {
		width: 90px;
		height: 30px;
		background-size: contain
	}

	.home-tiger5 .list {
		margin-top: 15px;
		width: 100%;
		overflow: auto;
		padding-bottom: 5px
	}

	.home-tiger5 .list .item {
		width: 120px;
		padding-bottom: 0
	}

	.home-tiger5 .list .item:before {
		width: 10px;
		top: 50px;
		display: none
	}

	.home-tiger5 .list .item .pic {
		padding: 10px;
		min-height: 80px
	}

	.home-tiger5 .list .item .pic img {
		max-width: 100%;
		max-height: 77px
	}

	.home-tiger5 .list .item .h {
		font-size: 14px
	}

	.home-tiger5 .list .item:nth-child(n+2) {
		margin-left: 10px
	}

	.home-tiger6 {
		padding: 0 60vh 0 62vh;
		background-size: cover
	}

	.home-tiger6::before {
		height: 70vh;
		width: 70vh;
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: 2vh;
		-webkit-transform: translate(-53%, -42%);
		transform: translate(-53%, -42%)
	}

	.home-tiger6::after {
		height: 43vh;
		width: 60vh;
		background-image: url(/static/image/tiger/png11_4a.png);
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%)
	}

	.home-tiger6 .footer {
		background-size: auto 100%;
		background-image: url(/static/image/tiger/png23a.png);
		width: calc(450 / 750 * 100vh);
		padding: 0;
		text-align: right;
		background-position: left center;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.home-tiger6 .footer .share {
		display: block;
		margin-bottom: 0px
	}

	.home-tiger6 .footer .share .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.home-tiger6 .footer .share .item .code {
		right: 100%;
		bottom: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 110px;
		height: 110px;
		padding: 5px;
		margin-right: 10px
	}

	.home-tiger6 .footer .share .item .code img {
		width: 100px;
		height: 100px
	}

	.home-tiger6 .footer .share .item .code:after {
		border: 5px solid transparent;
		border-left-color: #fff;
		left: 100%;
		bottom: 50%;
		top: auto;
		margin-bottom: -5px
	}

	.home-tiger6 .footer .share .item .ico {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.home-tiger6 .footer .share .item .ico img {
		max-width: 60%
	}

	.home-tiger6 .footer .share .item .h {
		font-size: 12px;
		margin-right: 10px
	}

	.home-tiger6 .footer .text {
		font-size: 10px;
		padding: 1em
	}

	.home-tiger6 .footer .text a br {
		display: block
	}

	.home-tiger6 .d {
		margin: 30px 0
	}

	.home-tiger6 .d .h {
		font-size: 24px
	}

	.home-tiger6 .d .links::before {
		width: 20px !important
	}

	.home-tiger6 .d .links a {
		height: 50px;
		background-size: auto 100% !important;
		padding-right: 16px;
		font-size: 16px
	}

	.home-tiger6 .d .links a span {
		background-size: auto 100% !important
	}

	.home-tiger6 .d .links a span i {
		background-size: auto 50% !important;
		padding: 0 0.1em 0 1.3em
	}

	.pop-store .pop-panel {
		display: block;
		overflow: hidden
	}

	.pop-store .pop-panel .pop-dialog {
		height: calc(100vh - 40px);
		width: calc(100vw - 40px);
		padding: 15px;
		background: #fff;
		max-width: none;
		max-height: none;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		left: 50%;
		top: 50%
	}

	.pop-store .pop-panel .pop-dialog .tit {
		font-size: 20px
	}

	.pop-store .pop-panel .pop-dialog .content {
		padding: 0 10px 0 0;
		min-height: 0px
	}

	.pop-store .pop-close {
		right: 10px;
		top: 10px;
		font-size: 16px
	}

	.pop-pics .pop-panel .pop-dialog {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
		background: #fff;
		width: auto;
		padding: 20px;
		border-radius: 15px
	}

	.pop-pics .pop-panel .pop-dialog .d {
		display: none;
		text-align: center
	}

	.pop-pics .pop-panel .pop-dialog .d .h {
		margin-top: 10px
	}

	.pop-pics .pop-panel .pop-dialog .d img {
		max-width: 50vh;
		max-height: 50vh
	}

	.pop-pics .pop-dialog .pop-close {
		right: 5px;
		top: 5px;
		font-size: 20px
	}

	.pop-pics .pop-dialog a.a {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0)
	}

	.pop-pics .pop-dialog .d {
		position: relative
	}

	.home-tiger3 .list .item:nth-child(7) .inr {
		top: 15px
	}

	.home-tiger6 .footer .share .item .ico {
		width: 26px;
		height: 26px;
		line-height: 24px
	}

	.home-tiger6 .footer .share .item {
		margin: 2px 10px
	}
}

@media screen and (max-width: 550px) {
	.tiger_main {
		display: none
	}

	body.ro {
		background: #861a0c;
		width: 100vw;
		height: 100vh;
		overflow: hidden !important
	}

	body.ro>div {
		display: none
	}

	.pop-pics {
		display: block
	}

	.title-tiger {
		font-size: 30px
	}

	.home-tiger .scroll {
		height: 100vw;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.home-tiger .scroll>div {
		min-width: 0;
		background-color: #fff
	}

	.home-tiger1 {
		width: 100vh
	}

	.home-tiger1 .foot {
		padding: 1em 0
	}

	.home-tiger1 .foot:after {
		background: url(/static/image/tiger/png26.png) no-repeat left bottom/contain;
		height: 8px;
		margin-bottom: -1px;
		margin-left: 0
	}

	.home-tiger1 .content .arr img:nth-child(1) {
		height: 18vw
	}

	.home-tiger1 .content .arr img:nth-child(2) {
		height: 2vw;
		margin-left: 0.5em
	}

	.home-tiger1 .content .arr img:nth-child(3) {
		height: 5vw;
		margin-left: 0.5em;
		margin-bottom: 0.5em;
		display: none
	}

	.home-tiger1 .content .arr img:nth-child(4) {
		height: 5vw;
		margin-left: 0.5em;
		margin-bottom: 0.5em;
		display: block
	}

	.tiger-prev {
		display: none
	}

	.tiger-next {
		display: none
	}

	.home-tiger2 {
		padding: 0 40vh 0 5vh
	}

	.home-tiger2 .back {
		background: url(/static/image/tiger/png27.png) no-repeat center center/contain;
		width: 60px;
		height: 60px;
		position: absolute;
		right: 160px;
		top: 20px
	}

	.home-tiger2 .content .text {
		height: 60vw;
		margin-left: 5vh;
		overflow: auto;
		font-size: 14px;
		width: 70vh;
		padding-right: 15px
	}

	.home-tiger2 .content img {
		width: 10vh
	}

	.home-tiger2 .foot {
		display: none
	}

	.home-tiger3 {
		padding-right: 70vw;
		padding-left: 20vw
	}

	.home-tiger3 .list {
		background-image: url(/static/image/tiger/png4_0a.png);
		height: 70vw;
		width: calc(921 / 547 * 70vw);
		margin-left: 40vw;
		background-size: contain;
		margin-right: 80vw
	}

	.home-tiger3 .list .item:before {
		width: 10px;
		height: 10px
	}

	.home-tiger3 .list .item .h {
		font-size: 13px
	}

	.home-tiger3 .list .item .mask {
		display: none
	}

	.home-tiger3 .list .item .pic img {
		max-width: 50px;
		max-height: 40px
	}

	.home-tiger3 .list .item:nth-child(3) .inr {
		margin-left: 0
	}

	.home-tiger3 .list .item:nth-child(9) .inr {
		margin-bottom: 5px
	}

	.home-tiger3 .list .item:nth-child(8) .inr {
		margin-left: 5px
	}

	.home-tiger3 .list .item:nth-child(1) {
		left: calc(-4 / 363 * 100vw);
		top: calc(219 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(2) {
		left: calc(410 / 363 * 100vw);
		top: calc(165 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(3) {
		left: calc(204 / 363 * 100vw);
		top: calc(87 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(4) {
		left: calc(90 / 363 * 100vw);
		top: calc(43 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(5) {
		left: calc(174 / 363 * 100vw);
		top: calc(14 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(6) {
		left: calc(151 / 363 * 100vw);
		top: calc(170 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(7) {
		left: calc(406 / 363 * 100vw);
		top: calc(232 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(8) {
		left: calc(263 / 363 * 100vw);
		top: calc(240 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(9) {
		left: calc(305 / 363 * 100vw);
		top: calc(142 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(10) {
		left: calc(313 / 363 * 100vw);
		top: calc(32 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(11) {
		left: calc(376 / 363 * 100vw);
		top: calc(101 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(12) {
		left: calc(114 / 363 * 100vw);
		top: calc(243 / 363 * 100vw)
	}

	.home-tiger3 .list .item:nth-child(13) {
		left: calc(42 / 363 * 100vw);
		top: calc(133 / 363 * 100vw)
	}

	.home-tiger3 .text {
		width: 80vw
	}

	.home-tiger3 .text .p {
		font-size: 14px;
		margin-top: 1em
	}

	.home-tiger4 {
		margin-left: -10vw;
		padding-left: 0
	}

	.home-tiger4 .list {
		height: 76vw;
		width: calc(1545 / 525 * 76vw);
		background-image: url(/static/image/tiger/png8a.png);
		background-size: contain;
		margin-left: 50vw;
		margin-top: -8vw
	}

	.home-tiger4 .list .item .h {
		font-size: 16px
	}

	.home-tiger4 .list .item .pic {
		width: 13vw;
		height: 13vw
	}

	.home-tiger4 .list .item:nth-child(1) {
		right: calc(772 / 363 * 100vw);
		top: calc(209 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(2) {
		right: calc(788 / 363 * 100vw);
		top: calc(139 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(3) {
		right: calc(768 / 363 * 100vw);
		top: calc(69 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(4) {
		right: calc(728 / 363 * 100vw);
		top: calc(10 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(5) {
		left: calc(247 / 363 * 100vw);
		top: calc(13 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(6) {
		left: calc(292 / 363 * 100vw);
		top: calc(76 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(7) {
		left: calc(306 / 363 * 100vw);
		top: calc(146 / 363 * 100vw)
	}

	.home-tiger4 .list .item:nth-child(8) {
		left: calc(287 / 363 * 100vw);
		top: calc(211 / 363 * 100vw)
	}

	.home-tiger4 .list .center {
		left: 10vw;
		top: 10vw
	}

	.home-tiger4 .list .center .pic {
		width: 70vw;
		height: 70vw;
		background-size: contain
	}

	.home-tiger4 .list .center .h {
		font-size: 14px
	}

	.home-tiger4 .text {
		padding-top: 0;
		width: 100vw
	}

	.home-tiger4 .text .p {
		font-size: 16px;
		margin-top: 1em
	}

	.home-tiger5 {
		padding: 0 50vw 0 10vh
	}

	.home-tiger5::before {
		height: 60vw;
		width: 30vw;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-40%);
		transform: translateY(-40%)
	}

	.home-tiger5::after {
		height: 36vw;
		width: 800px;
		background-image: url(/static/image/tiger/png11_3b.png);
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%);
		background-size: auto 100%;
		background-position: right;
		background-repeat: no-repeat
	}

	.home-tiger5 .text .p {
		font-size: 14px;
		margin-top: 1em;
		line-height: 1.3;
		height: 3.9em;
		overflow: auto;
		padding-right: 1em
	}

	.home-tiger5 .content {
		width: 550px;
		z-index: 2
	}

	.home-tiger5 .content::before {
		width: 90px;
		height: 30px;
		background-size: contain
	}

	.home-tiger5 .list {
		margin-top: 15px;
		width: 100%;
		overflow: auto;
		padding-bottom: 5px
	}

	.home-tiger5 .list .item {
		width: 130px;
		padding-bottom: 0
	}

	.home-tiger5 .list .item:before {
		width: 10px;
		top: 50px;
		display: none
	}

	.home-tiger5 .list .item .pic {
		padding: 10px;
		min-height: 100px
	}

	.home-tiger5 .list .item .pic img {
		max-width: 100%;
		max-height: 130px
	}

	.home-tiger5 .list .item .h {
		font-size: 16px
	}

	.home-tiger5 .list .item:nth-child(n+2) {
		margin-left: 10px
	}

	.home-tiger6 {
		padding: 0 60vw 0 62vw;
		background-size: cover
	}

	.home-tiger6::before {
		height: 70vw;
		width: 70vw;
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: 2vw;
		-webkit-transform: translate(-53%, -42%);
		transform: translate(-53%, -42%)
	}

	.home-tiger6::after {
		height: 43vw;
		width: 60vw;
		background-image: url(/static/image/tiger/png11_4a.png);
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%)
	}

	.home-tiger6 .footer {
		background-size: auto 100%;
		background-image: url(/static/image/tiger/png23a.png);
		width: calc(450 / 750 * 100vw);
		padding: 0;
		text-align: right;
		background-position: left center;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.home-tiger6 .footer .share {
		display: block;
		margin-bottom: 0px
	}

	.home-tiger6 .footer .share .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.home-tiger6 .footer .share .item .code {
		right: 100%;
		bottom: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 110px;
		height: 110px;
		padding: 5px;
		margin-right: 10px
	}

	.home-tiger6 .footer .share .item .code img {
		width: 100px;
		height: 100px
	}

	.home-tiger6 .footer .share .item .code:after {
		border: 5px solid transparent;
		border-left-color: #fff;
		left: 100%;
		bottom: 50%;
		top: auto;
		margin-bottom: -5px
	}

	.home-tiger6 .footer .share .item .ico {
		width: 30px;
		height: 30px;
		line-height: 28px
	}

	.home-tiger6 .footer .share .item .ico img {
		max-width: 60%
	}

	.home-tiger6 .footer .share .item .h {
		font-size: 14px;
		margin-right: 10px
	}

	.home-tiger6 .footer .text {
		font-size: 10px;
		padding: 1em
	}

	.home-tiger6 .footer .text a br {
		display: block
	}

	.home-tiger6 .d {
		margin: 30px 0
	}

	.home-tiger6 .d .h {
		font-size: 24px
	}

	.home-tiger6 .d .links::before {
		width: 20px !important
	}

	.home-tiger6 .d .links a {
		height: 50px;
		background-size: auto 100% !important;
		padding-right: 16px;
		font-size: 16px
	}

	.home-tiger6 .d .links a span {
		background-size: auto 100% !important
	}

	.home-tiger6 .d .links a span i {
		background-size: auto 50% !important;
		padding: 0 0.1em 0 1.3em
	}

	.pop-store .pop-panel {
		display: block;
		overflow: hidden
	}

	.pop-store .pop-panel .pop-dialog {
		height: calc(100vw - 40px);
		width: calc(100vh - 40px);
		padding: 15px;
		background: #fff;
		max-width: none;
		max-height: none;
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		left: 50%;
		top: 50%
	}

	.pop-store .pop-panel .pop-dialog .tit {
		font-size: 20px
	}

	.pop-store .pop-panel .pop-dialog .content {
		padding: 0;
		min-height: 0px
	}

	.pop-store .pop-close {
		right: 10px;
		top: 10px;
		font-size: 16px
	}

	.pop-pics .pop-panel .pop-dialog {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
		background: #fff;
		width: auto;
		padding: 20px;
		border-radius: 15px
	}

	.pop-pics .pop-panel .pop-dialog .d {
		display: none;
		text-align: center
	}

	.pop-pics .pop-panel .pop-dialog .d .h {
		margin-top: 10px
	}

	.pop-pics .pop-panel .pop-dialog .d img {
		max-width: 50vw;
		max-height: 50vw
	}

	.pop-pics .pop-dialog .pop-close {
		right: 5px;
		top: 5px;
		font-size: 20px
	}

	.pop-pics .pop-dialog a.a {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0)
	}

	.pop-pics .pop-dialog .d {
		position: relative
	}
}

.links img {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out
}

.pop-dcwq {
	position: fixed;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 99;
	opacity: 0;
	visibility: hidden
}

.pop-dcwq.x-show {
	visibility: visible;
	opacity: 1
}

.pop-dcwq .close {
	width: 17px;
	height: 17px;
	background: url(/static/image/2023/close1.png) no-repeat center;
	background-size: contain;
	cursor: pointer;
	margin: 5px auto 0
}

.pop-dcwq img {
	width: 100%
}

.pop-dcwq .pic1 {
	width: 47px;
	display: none
}

.pop-dcwq .pic2 {
	width: 75px
}

.pop-dcwq.act {
	right: 0
}

.pop-dcwq.act .pic2 {
	display: none
}

.pop-dcwq.act .pic1 {
	display: block;
	cursor: pointer
}

.pop-dcwq.act .close {
	display: none;
	visibility: hidden
}

.vjs-slider-horizontal .vjs-volume-level:before {
	top: 50%
}

.pub_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2
}

.pub_link .item {
	font-family: 'HYQiuShiJ';
	font-size: 22px
}

@media screen and (max-width: 768px) {
	.pub_link .item {
		font-size: 18px
	}
}

.pub_link .item .arr {
	width: 27px;
	height: 27px;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: relative;
	font-size: 14px;
	background: #ab1600;
	color: #fff;
	border-radius: 50%
}

.pub_link .item .arr::before {
	position: absolute;
	content: '\e505';
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-45%, -50%);
	transform: translate(-45%, -50%);
	display: block;
	text-align: center;
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.pub_link .item+.item {
	margin-left: 80px
}

.pub_link .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pub_link .item .icon {
	width: 74px;
	height: 74px;
	position: relative;
	margin-right: 13px
}

.pub_link .item .icon img {
	position: absolute;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	bottom: 0;
	max-width: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.culture_home1 {
	position: relative
}

.culture_home1 .img {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.culture_home1 .img::before {
	content: '';
	display: block;
	padding-top: 49.47917%
}

.culture_home1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.culture_home1 .img .i {
	width: 100%;
	height: 100%
}

.culture_home1 .img video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	-o-object-fit: cover;
	object-fit: cover
}

.culture_home1 .slick-dots {
	left: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 4%
}

.culture_home1 .slick-dots li {
	width: 27px;
	height: 24px;
	background: url(/static/image/2023/dot1.png) no-repeat center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.culture_home1 .slick-dots li.slick-active {
	background-image: url(/static/image/2023/dot1_a.png)
}

.culture_home1 .vjs-control-bar {
	display: none
}

.culture_home1 .slick-dots li.slick-active,
.culture_home1 .slick-dots li.slick-active:hover {
	background-color: transparent
}

.culture_home1 .img::before {
	padding-top: 51.4% !important
}

.culture_home2 {
	position: relative
}

.culture_home2 .md_btn1 {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #af1b30;
	color: #fff;
	font-size: 20px;
	z-index: 1;
	padding: 5px 15px 5px 35px;
	border-radius: 40px 40px 0 0;
	cursor: pointer
}

@media screen and (max-width: 768px) {
	.culture_home2 .md_btn1 {
		font-size: 18px
	}
}

.culture_home2 .title {
	text-align: center;
	background: url(/static/image/2023/home5.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	padding: 130px 0 50px
}

.culture_home2 .title .t1 {
	font-family: 'HYQiuShiJ';
	font-size: 52px;
	line-height: 1.2
}

.culture_home2 .title .t2 {
	font-size: 22px;
	padding-top: 5px
}

@media screen and (max-width: 768px) {
	.culture_home2 .title .t2 {
		font-size: 18px
	}
}

.culture_home2 .cont {
	position: relative;
	height: calc(100vh - 220px);
	z-index: 2;
	min-height: 620px
}

.culture_home2 .cont iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.culture_home2 .pub_link {
	padding: 35px 0 340px;
	background: url(/static/image/2023/home1.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed
}

.culture_home2 .pub_link .suds-pop img {
	width: 102px
}

.culture_home2 .links {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
	width: 40.46875%
}

.culture_home2 .links img {
	width: 100%
}

.culture_home3 {
	margin-top: -115px;
	position: relative
}

.culture_home3 .title {
	font-family: 'HYQiuShiJ';
	text-align: center;
	z-index: 5;
	position: relative
}

.culture_home3 .title .t1 {
	font-size: 52px;
	line-height: 1.2;
	display: inline-block
}

.culture_home3 .tab-mod {
	position: relative;
	z-index: 5;
	margin-top: 50px
}

.culture_home3 .tab-mod .tab-bar {
	position: absolute;
	left: 0;
	z-index: 3;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 515px
}

.culture_home3 .tab-mod .tab-bar .tracker-box {
	position: relative;
	z-index: 2;
	height: auto
}

.culture_home3 .tab-mod .tab-bar .tracker-track1 {
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.culture_home3 .tab-mod .tab-bar .tracker-prev,
.culture_home3 .tab-mod .tab-bar .tracker-next {
	display: none
}

.culture_home3 .tab-mod .tab-bar .tracker-item {
	font-size: 18px;
	padding: 0 15px 0 5px;
	background: #af1b30;
	color: #fff;
	border-radius: 0 6px 6px 0;
	margin: 0 !important
}

@media screen and (max-width: 768px) {
	.culture_home3 .tab-mod .tab-bar .tracker-item {
		font-size: 16px
	}
}

.culture_home3 .tab-mod .tab-bar .tracker-item+.tracker-item {
	margin-top: 8px !important
}

.culture_home3 .tab-mod .tab-bar .tracker-item .i-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px
}

.culture_home3 .tab-mod .tab-bar .tracker-item.cur {
	color: #681a1e
}

.culture_home3 .tab-mod .tab-bar .tracker-item .s1 {
	position: relative;
	width: 40px;
	height: 38px;
	margin-right: 20px
}

.culture_home3 .tab-mod .tab-bar .tracker-item .s1 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.culture_home3 .tab-mod .tab-bar .tracker-item .s1 .i1 {
	opacity: 1
}

.culture_home3 .tab-mod .tab-bar .tracker-item .s1 .i2 {
	opacity: 0
}

.culture_home3 .tab-mod .tab-bar .tracker-item.no {
	pointer-events: none;
	background: rgba(255, 255, 255, 0.9);
	color: #333
}

.culture_home3 .tab-mod .tab-bar .tracker-item.no .s1 .i1 {
	opacity: 0
}

.culture_home3 .tab-mod .tab-bar .tracker-item.no .s1 .i2 {
	opacity: 1
}

.culture_home3 .tab-mod .tab-bar .fun_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #af1b30;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	width: 70px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 8px;
	cursor: pointer
}

.culture_home3 .tab-mod .tab-bar .fun_btn .arr {
	width: 10px;
	height: 18px;
	background: url(/static/image/2023/arr2.png) no-repeat center;
	background-size: cover;
	margin-right: 5px
}

.culture_home3 .tab-mod .tab-bar .fun_btn .s2 {
	display: none
}

.culture_home3 .tab-mod .tab-bar .fun_btn.on .arr {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.culture_home3 .tab-mod .tab-bar .fun_btn.on .s2 {
	display: block
}

.culture_home3 .tab-mod .tab-bar .fun_btn.on .s1 {
	display: none
}

.culture_home3 .tab-mod .tab-cont {
	position: relative
}

.culture_home3 .tab-mod .tab-cont .tab-item {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.culture_home3 .tab-mod .tab-cont .tab-item.act {
	position: relative;
	z-index: 2
}

.culture_home3 .tab-mod .tab-cont .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.culture_home3 .tab-mod .tab-cont .cont .video-mod {
	width: 100%;
	position: relative
}

.culture_home3 .tab-mod .tab-cont .cont .video-mod::before {
	padding: 28.1%
}

.culture_home3 .tab-mod .tab-cont .cont .video-mod video {
	-o-object-fit: cover;
	object-fit: cover;
	outline: none;
	width: 100%;
	height: 100%;
	display: block
}

.culture_home3 .tab-mod .tab-cont .cont .r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 475px;
	position: absolute;
	right: -475px;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	z-index: 9
}

.culture_home3 .tab-mod .tab-cont .cont .r.full {
	right: 0
}

.culture_home3 .tab-mod .tab-cont .cont .r.full .sw {
	background: url(/static/image/png24a.png) center center no-repeat
}

.culture_home3 .tab-mod .tab-cont .cont .r:hover {
	right: 0
}

.culture_home3 .tab-mod .tab-cont .cont .r:hover .sw {
	background: url(/static/image/png24a.png) center center no-repeat
}

.culture_home3 .tab-mod .tab-cont .cont .r .sw {
	background: url(/static/image/png24.png) center center no-repeat;
	width: 50px;
	height: 101px;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.culture_home3 .tab-mod .tab-cont .cont .r .tit {
	text-align: center;
	padding-bottom: 20px
}

.culture_home3 .tab-mod .tab-cont .cont .r .list {
	margin: -5px auto;
	width: 240px
}

.culture_home3 .tab-mod .tab-cont .cont .r .list .item {
	text-align: center;
	cursor: pointer;
	padding-bottom: 15px
}

.culture_home3 .tab-mod .tab-cont .cont .r .list .item .img {
	height: 137px;
	overflow: hidden;
	position: relative
}

.culture_home3 .tab-mod .tab-cont .cont .r .list .item.now .img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 4px solid #a00000
}

.culture_home3 .tab-mod .tab-cont .cont .r .list .item .img img {
	width: 100%;
	height: auto
}

.culture_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
	padding: 10px 0;
	font-size: 14px
}

.culture_home3 .tab-mod .tab-cont .cont .r .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.culture_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools {
	right: 40px
}

.culture_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools .mCSB_draggerRail {
	width: 5px;
	background: #e7e7e7
}

.culture_home3 .tab-mod .tab-cont .cont .r .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
	background: #a00000
}

.culture_home3 .tab-mod .tab-cont .cont .r .nav {
	text-align: center;
	display: none
}

.culture_home3 .tab-mod .tab-cont .cont .r span {
	font-family: icon;
	font-size: 28px;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.culture_home3 .tab-mod .tab-cont .cont .r .morebox {
	font-size: 20px;
	text-align: center;
	margin-top: 30px
}

@media screen and (max-width: 768px) {
	.culture_home3 .tab-mod .tab-cont .cont .r .morebox {
		font-size: 18px
	}
}

.culture_home3 .tab-mod .tab-cont .cont .r .morebox a {
	color: #8e0302;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.culture_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
	content: '\e501';
	font-family: xfont;
	font-size: 20px;
	margin-left: 15px;
	margin-top: 3px;
	font-weight: bold
}

@media screen and (max-width: 768px) {
	.culture_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
		font-size: 18px
	}
}

.culture_home3 .vjs-poster {
	background-size: cover
}

.culture_home3 .video-js .vjs-big-play-button {
	opacity: 1
}

.culture_home3 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: '';
	width: 96px;
	height: 96px;
	background: url(/static/image/png29.png) no-repeat center;
	background-size: contain
}

.culture_home3 .pub_link {
	margin-top: 28px;
	z-index: 9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.culture_home4 {
	padding: 240px 0 95px;
	background: url(/static/image/2023/home2.jpg) no-repeat top center
}

.culture_home4 .title {
	font-family: 'HYQiuShiJ';
	text-align: center
}

.culture_home4 .title .t1 {
	font-size: 52px;
	line-height: 1.2
}

.culture_home4 .list {
	margin-top: 80px;
	width: 100%;
	padding-top: 40.6%;
	position: relative;
	z-index: 3
}

.culture_home4 .list .item {
	position: absolute
}

.culture_home4 .list .item img {
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out
}

.culture_home4 .list .item .t1 {
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.culture_home4 .list .item .t1 {
		font-size: 16px
	}
}

.culture_home4 .list .item.i1 {
	width: 26.642%;
	left: 0;
	bottom: 0
}

.culture_home4 .list .item.i1 .t1 {
	position: absolute;
	left: 100%;
	bottom: 0;
	width: 175px
}

.culture_home4 .list .item.i2 {
	width: 12.78571%;
	left: 26.07142%;
	top: 0
}

.culture_home4 .list .item.i2 .t1 {
	position: absolute;
	left: 50%;
	top: 105%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px
}

.culture_home4 .list .item.i3 {
	width: 20.2142%;
	left: 44.8571%;
	top: 8%
}

.culture_home4 .list .item.i3 .t1 {
	position: absolute;
	left: 50%;
	top: 105%;
	-webkit-transform: translateX(-60%);
	transform: translateX(-60%);
	width: 200px
}

.culture_home4 .list .item.i4 {
	width: 9.92857%;
	left: 66.78571%;
	bottom: 5%
}

.culture_home4 .list .item.i4 .t1 {
	position: absolute;
	left: 50%;
	top: 105%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px
}

.culture_home4 .list .item.i5 {
	width: 18.7142%;
	right: 0%;
	top: 15%
}

.culture_home4 .list .item.i5 .t1 {
	position: absolute;
	left: 50%;
	top: 105%;
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%);
	width: 200px
}

.culture_home4 .pub_link {
	margin-top: 20px
}

.culture_home5 {
	position: relative
}

.culture_home5 .bgi {
	height: 1095px;
	background: url(/static/image/2023/pic8.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background-size: cover
}

.culture_home5 .bgi .links {
	position: absolute;
	right: 3.64583%;
	bottom: 91%;
	width: 26.9791%
}

.culture_home5 .bgi .links img {
	width: 100%
}

.culture_home5 .title {
	font-family: 'HYQiuShiJ';
	text-align: center;
	padding: 190px 0 56px
}

.culture_home5 .title .t1 {
	font-size: 52px;
	line-height: 1.2;
	color: #fff
}

.culture_home5 img {
	width: 100%
}

.culture_home5 .slick-mod1 {
	overflow: hidden
}

.culture_home5 .slick-mod1 .slick-item .txt {
	position: absolute;
	left: 5%;
	right: 5%;
	color: #fff;
	font-size: 22px;
	font-family: 'HYQiuShiJ';
	bottom: 3%;
	text-align: center
}

@media screen and (max-width: 768px) {
	.culture_home5 .slick-mod1 .slick-item .txt {
		font-size: 18px
	}
}

.culture_home5 .slick-mod2 {
	margin-top: 10px;
	overflow: hidden
}

.culture_home5 .slick-mod2 .slick-list {
	margin: 0 -5px
}

.culture_home5 .slick-mod2 .slick-item .mar {
	position: relative;
	margin: 0 5px;
	overflow: hidden
}

.culture_home5 .slick-mod2 .slick-item .mar::before {
	content: "";
	display: block;
	padding-bottom: 56%
}

.culture_home5 .slick-mod2 .slick-item .mar img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.culture_home5 .slick-mod2 .slick-item .mar .mask {
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer
}

.culture_home5 .slick-mod2 .slick-current .mask {
	border: 4px solid #bb4a1d;
	background: none !important
}

.culture_home5 .slick-mod2 .slick-arrow {
	position: relative;
	-webkit-transition-property: color, background;
	transition-property: color, background;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #ebe6d6;
	color: #ab1600;
	border-radius: 50%
}

.culture_home5 .slick-mod2 .slick-arrow::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	text-align: center;
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.culture_home5 .slick-mod2 .slick-arrow.slick-prev {
	left: 1%
}

.culture_home5 .slick-mod2 .slick-arrow.slick-prev::before {
	content: '\e504'
}

.culture_home5 .slick-mod2 .slick-arrow.slick-next {
	right: 1%
}

.culture_home5 .slick-mod2 .slick-arrow.slick-next::before {
	content: '\e505'
}

.culture_home5 .pub_link {
	margin-top: 28px;
	z-index: 9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.culture_home6 {
	padding-top: 420px;
	background: url(/static/image/2023/home4.jpg) no-repeat center;
	background-size: cover;
	margin-top: -165px
}

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

.culture_home6 .x-title {
	text-align: left
}

.culture_home6 .l {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 2px solid #c7ba97;
	position: relative;
	background: #fff
}

.culture_home6 .l .tab-mod {
	position: relative
}

.culture_home6 .l .tab-mod .link {
	position: absolute;
	right: -13px;
	top: -145px;
	width: 21.2608%
}

.culture_home6 .l .tab-mod .link img {
	width: 100%
}

.culture_home6 .l .tab-mod .link .bak {
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	position: absolute;
	top: 0;
	left: 0
}

.culture_home6 .l .tab-mod .tab-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #af1b30;
	padding: 20px 0 50px
}

.culture_home6 .l .tab-mod .tab-bar .tab-term {
	margin-left: 7%;
	position: relative
}

.culture_home6 .l .tab-mod .tab-bar .tab-term .t1 {
	width: 38px
}

.culture_home6 .l .tab-mod .tab-bar .tab-term .t1 img {
	width: 100%
}

.culture_home6 .l .tab-mod .tab-bar .tab-term .s1 {
	font-size: 16px;
	color: #e49b96;
	position: absolute;
	white-space: nowrap;
	top: 50%;
	left: -65%
}

body:not(.lang-en) .culture_home6 .l .tab-mod .tab-bar .tab-term .s1 {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.culture_home6 .l .tab-mod .tab-cont {
	position: relative;
	height: 100%
}

.culture_home6 .l .tab-mod .tab-cont .tab-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 40px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 639px
}

.culture_home6 .l .tab-mod .tab-cont .tab-item.act {
	position: relative
}

.culture_home6 .l .tab-mod .tab-cont .tab-item .cell {
	display: none
}

.culture_home6 .l .tab-mod .tab-cont .tab-item .cell.show {
	display: block
}

.culture_home6 .l .tab-mod .tab-cont .tab-item .pic img {
	max-width: 100%
}

.culture_home6 .l .tab-mod .tab-cont .tab-item .t1 {
	font-size: 22px;
	padding-top: 10px
}

@media screen and (max-width: 768px) {
	.culture_home6 .l .tab-mod .tab-cont .tab-item .t1 {
		font-size: 18px
	}
}

.culture_home6 .r {
	width: 554px;
	margin-left: 33px;
	background: #fff
}

.culture_home6 .r .x-title .t2 {
	color: #333
}

.culture_home6 .r .topbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -15px
}

.culture_home6 .r .topbox .box1 .t {
	font-size: 20px;
	font-family: 'shsb';
	margin-top: -5px;
	color: #bb4a1d
}

@media screen and (max-width: 768px) {
	.culture_home6 .r .topbox .box1 .t {
		font-size: 18px
	}
}

.culture_home6 .r .topbox .box1 .t span {
	color: #bb4a1d;
	margin-left: 10px
}

.culture_home6 .r .topbox .box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.culture_home6 .r .topbox .box2 .img {
	width: 106px;
	margin-right: 7px
}

.culture_home6 .r .topbox .box2 .img img {
	width: 100%;
	height: auto;
	display: block
}

.culture_home6 .r .topbox .box2 .t {
	font-family: 'shsb';
	line-height: 1.375
}

.culture_home6 .r .cont {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 14px;
	background-color: rgba(255, 255, 255, 0.5)
}

.culture_home6 .r .cont::before {
	content: '';
	display: block;
	padding-top: 122.74368%
}

.culture_home6 .r .cont .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.culture_home6 .r .cont::after {
	content: '';
	background: url(/static/image/png22-1.png) no-repeat center;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.culture_home6 .r .cont .flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	z-index: 2
}

.culture_home6 .r .cont .col {
	width: calc(100% / 3)
}

.culture_home6 .r .cont .item {
	height: calc(100% / 3);
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.culture_home6 .r .cont .item img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.culture_home6 .r .cont .item img.on {
	opacity: 1
}

.culture_home6 .culture_home6_bottom {
	position: relative;
	padding: 90px 0 145px;
	position: relative;
	z-index: 1
}

.culture_home6 .culture_home6_bottom .bgi {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 538px;
	background: url(/static/image/2023/pic9.png) no-repeat center;
	pointer-events: none
}

.culture_home6 .culture_home6_bottom .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 5%
}

.culture_home6 .culture_home6_bottom .cont .txt {
	text-align: right;
	font-family: 'shsb';
	margin-right: 30px;
	font-weight: bold
}

.culture_home6 .culture_home6_bottom .cont .txt .t1 {
	font-size: 36px;
	color: #af251b
}

@media screen and (max-width: 768px) {
	.culture_home6 .culture_home6_bottom .cont .txt .t1 {
		font-size: 24px
	}
}

.culture_home6 .culture_home6_bottom .cont .txt .t2 {
	font-size: 26px;
	color: #333
}

@media screen and (max-width: 768px) {
	.culture_home6 .culture_home6_bottom .cont .txt .t2 {
		font-size: 20px
	}
}

.culture_home6 .culture_home6_bottom .cont .ico {
	width: 173px;
	height: 173px;
	border-radius: 50%
}

.culture_home6 .culture_home6_bottom .cont .ico img {
	width: 100%;
	height: 100%
}

.culture_home6 .culture_home6_bottom .link {
	position: absolute;
	width: 305px;
	height: 200px;
	background: rgba(0, 0, 0, 0);
	right: 15%;
	top: 15%
}

.scrollbtn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9
}

.scrollbtn .item {
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 10px
}

.scrollbtn .item::before {
	font-family: 'xfont';
	display: block;
	color: #fff
}

.scrollbtn .up::before {
	content: '\e506'
}

.scrollbtn .down::before {
	content: '\e507'
}

@media screen and (max-width: 1700px) {
	.culture_home3 .tab-mod .tab-cont .cont .r {
		width: 300px;
		right: -299px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list {
		width: 200px;
		margin: auto
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item {
		padding-bottom: 5px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item .img {
		height: 115px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .morebox {
		margin-top: 10px
	}

	.culture_home3 .tab-mod .bg .img {
		left: 90px
	}

	.culture_home2 .cont .bg .img {
		right: -130px
	}

	.culture_home2 .bgi {
		top: -3.8%
	}
}

@media screen and (max-width: 1500px) {
	.culture_home4 {
		background-position-y: 65px
	}

	.culture_home4 .list .i1 .tbox {
		left: 10%
	}

	.culture_home3 .tab-mod .bg .img {
		left: 130px
	}

	.culture_home2 .bgi {
		top: -4.7%
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
		padding: 5px 0;
		line-height: 1.4
	}

	.culture_home5 .bgi {
		height: 982px
	}

	.culture_home6 .culture_home6_bottom .cont {
		margin: 0
	}

	.culture_home6 .culture_home6_bottom .link {
		top: 18%;
		right: 9%
	}
}

@media screen and (max-width: 1366px) {
	.culture_home6 .culture_home6_bottom .cont {
		margin: 0
	}

	.culture_home5 .bgi {
		height: 983px;
		background-size: cover
	}

	.culture_home6 .l .tab-mod .link {
		right: -25px;
		top: -115px
	}

	.culture_home6 .l .tab-mod .tab-bar .tab-term {
		margin-left: 6.5%
	}
}

@media screen and (min-width: 769px) {
	.pub_link .item:hover .arr {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	.culture_home4 .list .item:hover img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	.culture_home6 .l .tab-mod .links:hover .bak {
		opacity: 0
	}

	.culture_home5 .slick-mod2 .slick-arrow:hover {
		background-color: #ab1600;
		color: #fff
	}

	.culture_home2 .md_btn1:hover {
		opacity: 0.9
	}
}

@media screen and (max-width: 768px) {
	.pub_link .item .arr {
		margin-left: 5px
	}

	.culture_home1 .img {
		height: calc(39vh - 76px)
	}

	.culture_home1 .img::before {
		display: none
	}

	.culture_home1 .slick-dots li {
		width: 20px;
		height: 17px
	}

	.pub_link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.pub_link .item {
		margin: 0 15px 10px
	}

	.pub_link .item+.item {
		margin-left: 20px
	}

	.pub_link .item .icon {
		width: 40px;
		height: 40px
	}

	.culture_home2 {
		padding-top: 0
	}

	.culture_home2 .title {
		padding: 50px 0 20px;
		background-attachment: inherit;
		background-size: cover
	}

	.culture_home2 .title .t1 {
		font-size: 30px
	}

	.culture_home2 .cont {
		margin: 0 -15px 0;
		height: auto;
		min-height: auto
	}

	.culture_home2 .cont .i {
		display: block;
		width: 100%;
		height: auto
	}

	.culture_home2 .cont .bg,
	.culture_home2 #ch_iframe {
		display: none
	}

	.culture_home2 .pub_link {
		padding: 30px 0 100px;
		background-attachment: inherit;
		background-size: 200% auto
	}

	.culture_home3 .title .t1 {
		font-size: 30px
	}

	.pub_link .item+.item {
		margin-left: 15px
	}

	.culture_home2 .links {
		width: 70%
	}

	.culture_home3 {
		margin: 0;
		background: url(/static/subject/../image/2023/home1.jpg) no-repeat center;
		padding: 40px 15px 0
	}

	.culture_home3 .tab-mod {
		margin-top: 20px
	}

	.culture_home3 .tab-mod .tracker-next,
	.culture_home3 .tab-mod .tracker-prev {
		display: block;
		position: absolute;
		top: calc(50% - 1px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #e0cfc8
	}

	.culture_home3 .tab-mod .tracker-prev {
		left: -8px
	}

	.culture_home3 .tab-mod .tracker-next {
		right: -8px
	}

	.culture_home3 .tab-mod .bg {
		display: none
	}

	.culture_home3 .tab-mod .tab-bar {
		margin: 0 -15px;
		height: auto;
		position: relative
	}

	.culture_home3 .tab-mod .tab-bar::before {
		display: none
	}

	.culture_home3 .tab-mod .tracker-item {
		padding: 0;
		margin: 0
	}

	.culture_home3 .tab-mod .tracker-item+.tracker-item {
		margin-left: 20px
	}

	.culture_home3 .tab-mod .tab-bar .tracker-box {
		width: 100%;
		margin: auto
	}

	.culture_home3 .tab-mod .tab-cont {
		margin-top: 20px
	}

	.culture_home3 .tab-mod .tab-cont .cont {
		display: block;
		height: auto;
		margin: 0 -15px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r {
		padding: 0;
		margin-left: 0;
		width: auto;
		position: static
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .sw {
		display: none
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list {
		width: 100%;
		margin: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item {
		width: calc(50% - 7.5px);
		padding-bottom: 0;
		margin-top: 15px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item .img {
		height: auto
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .list .item .t1 {
		padding: 0;
		margin-top: 5px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .morebox {
		margin-top: 10px
	}

	.culture_home3 .tab-mod .tab-cont .cont .r .morebox a::after {
		margin: 2px 0 0 5px
	}

	.culture_home3 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		width: 50px;
		height: 50px
	}

	.culture_home3 .pub_link {
		margin-top: 40px
	}

	.culture_home3 .video-js .vjs-volume-panel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.culture_home3 .video-js .vjs-mute-control {
		padding-bottom: 2em
	}

	.culture_home3 .tab-mod .tab-bar .tracker-box {
		height: auto;
		overflow: inherit
	}

	.culture_home3 .tab-mod .tab-bar .fun_btn {
		height: 40px;
		width: 60px
	}

	.culture_home3 .tab-mod .tab-bar .tracker-item .i-box {
		height: auto;
		display: block;
		position: relative;
		padding: 4px 0;
		padding-left: 38px
	}

	.culture_home3 .tab-mod .tab-bar .tracker-item+.tracker-item {
		margin-top: 3px !important
	}

	.culture_home3 .tab-mod .tab-bar .tracker-item .s1 {
		width: 32px;
		height: 30px;
		margin-right: 5px;
		position: absolute;
		top: 0;
		left: 0
	}

	.culture_home3 .tab-mod .tab-bar .tracker-item {
		font-size: 14px;
		-webkit-box-shadow: 0px 0px 15px 0px #ccc;
		box-shadow: 0px 0px 15px 0px #ccc
	}

	.culture_home3 .tab-mod .tab-bar .fun_btn {
		display: none
	}

	.culture_home3 .pub_link {
		margin-top: 20px
	}

	.culture_home4 .title .t1 {
		font-size: 30px
	}

	.culture_home4 {
		padding: 80px 0 100px
	}

	.culture_home4 .list {
		margin-top: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.culture_home4 .list .item {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		text-align: center;
		width: 50% !important;
		margin-top: 20px
	}

	.culture_home4 .list .item+.item {
		margin-top: 20px !important
	}

	.culture_home4 .list .item .t1 {
		position: static !important;
		-webkit-transform: none !important;
		transform: none !important;
		width: 100% !important;
		padding: 10px 5px 0
	}

	.culture_home4 .list .item .img {
		margin: auto;
		width: 100% !important;
		position: relative;
		padding-bottom: 75%
	}

	.culture_home4 .list .item .img img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto
	}

	.culture_home4 .list .item.i4 {
		display: none
	}

	.culture_home4 .list .item.i4 .img {
		width: 30%
	}

	.culture_home4 .linkbox {
		margin-top: 40px
	}

	.culture_home4 .linkbox a {
		width: 100px;
		height: 100px
	}

	.culture_home4 .linkbox a .point {
		margin-top: -10px
	}

	.culture_home5 .bgi .links {
		width: 55%;
		right: 3%
	}

	.culture_home5 .title {
		padding: 50px 0 20px
	}

	.culture_home5 .title .t1 {
		font-size: 30px
	}

	.culture_home5 .bgi {
		height: 81%
	}

	.culture_home5 .pub_link {
		margin-top: 20px
	}

	.culture_home6 {
		margin-top: -80px;
		padding-top: 190px
	}

	.culture_home6 .x-title {
		text-align: center
	}

	.culture_home6 .flexbox {
		display: block
	}

	.culture_home6 .flexbox .r {
		margin: 40px 0 0;
		width: 100%
	}

	.culture_home6 .flexbox .r .topbox {
		display: block
	}

	.culture_home6 .flexbox .r .topbox .box1 .t {
		margin-top: 5px;
		text-align: center
	}

	.culture_home6 .flexbox .r .topbox .box2 {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 10px
	}

	.culture_home6 .flexbox .r .topbox .box2 .img {
		width: 80px
	}

	.culture_home6 .l {
		border-width: 1px
	}

	.culture_home6 .l .tab-mod .link {
		right: -12px;
		top: -63px
	}

	.culture_home6 .l .tab-mod .tab-bar .tab-term {
		margin-left: 6.5%
	}

	.culture_home6 .l .tab-mod .tab-bar .tab-term .t1 {
		width: 22px
	}

	.culture_home6 .l .tab-mod .tab-bar .tab-term .s1 {
		font-size: 14px;
		left: -85%
	}

	.culture_home6 .l .tab-mod .tab-cont .tab-item {
		padding: 20px 15px 15px;
		height: auto
	}

	.culture_home6 .culture_home6_bottom {
		padding: 40px 0
	}

	.culture_home6 .culture_home6_bottom .link {
		width: 32%;
		height: 44%;
		right: 31%;
		top: 52%
	}

	.culture_home6 .culture_home6_bottom .bgi {
		height: 100%;
		background-size: 200% auto;
		background-position: 82% center
	}

	.culture_home6 .culture_home6_bottom .cont {
		display: block
	}

	.culture_home6 .culture_home6_bottom .cont .txt {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		margin-right: 0;
		text-align: left
	}

	.culture_home6 .culture_home6_bottom .cont .ico {
		width: 100px;
		height: 100px;
		margin-top: 10px
	}

	.culture_home6 .culture_home6_bottom .cont .txt .t1 {
		font-size: 24px
	}
}

@media screen and (max-width: 768px) and (max-width: 768px) {
	.culture_home6 .culture_home6_bottom .cont .txt .t1 {
		font-size: 18px
	}
}

@media screen and (max-width: 768px) {
	.culture_home6 .culture_home6_bottom .cont .txt .t2 {
		font-size: 20px
	}
}

@media screen and (max-width: 768px) and (max-width: 768px) {
	.culture_home6 .culture_home6_bottom .cont .txt .t2 {
		font-size: 18px
	}
}

@media screen and (max-width: 768px) {
	.culture_home5 .slick-mod2 .slick-arrow {
		width: 30px;
		height: 30px;
		font-size: 16px
	}

	.culture_home2 .md_btn1 {
		display: none
	}

	.culture_home1 .img .i,
	.culture_home1 .img img {
		height: auto !important;
		max-width: inherit;
		max-height: inherit
	}

	.culture_home1 .img {
		height: auto !important;
		padding-bottom: 51%
	}

	.culture_home3 .tab-mod .tab-cont .cont .video-mod::before {
		padding-bottom: 28.1%
	}
}

.home-dragon2 {
	background: url(/static/image/dragon/jpg1.jpg) no-repeat center;
	background-size: cover;
	padding: 100px 0
}

.home-dragon2 .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.home-dragon2 .slick-slide {
	float: none
}

.home-dragon2 .dragon-title {
	font-size: 48px;
	line-height: 1.2;
	color: #a1251f
}

@media screen and (max-width: 768px) {
	.home-dragon2 .dragon-title {
		font-size: 28px
	}
}

.home-dragon2 .t-2 {
	font-size: 24px;
	color: #333;
	line-height: 1;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.home-dragon2 .t-2 {
		font-size: 18px
	}
}

.home-dragon2 .item {
	position: relative
}

.home-dragon2 .item .i {
	width: 100%
}

.home-dragon2 .i-1 .model-box {
	position: relative;
	overflow: hidden;
	overflow: visible;
	width: 194px;
	margin: 0 auto 20px
}

.home-dragon2 .i-1 .model-box::before {
	content: '';
	display: block;
	padding-top: 203.09278%
}

.home-dragon2 .i-1 .model-box .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon2 .i-1 .model-box canvas {
	position: absolute;
	left: 0;
	-webkit-transform: translate(0%, -100%);
	transform: translate(0%, -100%);
	width: 100% !important;
	height: 100% !important
}

.home-dragon2 .i-2 .img {
	position: relative;
	overflow: hidden;
	width: 226px;
	margin: 0 auto 26px
}

.home-dragon2 .i-2 .img::before {
	content: '';
	display: block;
	padding-top: 115.48673%
}

.home-dragon2 .i-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon2 .i-2 .img-tit {
	margin-top: 3px
}

.home-dragon2 .i-3 .img-box {
	width: 260px;
	position: relative;
	overflow: hidden;
	overflow: visible;
	margin: 0 auto 30px
}

.home-dragon2 .i-3 .img-box::before {
	content: '';
	display: block;
	padding-top: 100%
}

.home-dragon2 .i-3 .img-box .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon2 .i-3 .img {
	position: relative;
	overflow: hidden;
	width: 109.61538%;
	position: absolute;
	right: 0;
	top: -16.53846%
}

.home-dragon2 .i-3 .img::before {
	content: '';
	display: block;
	padding-top: 113.68421%
}

.home-dragon2 .i-3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon2 .i-3 .img-tit {
	margin-top: 5px
}

.home-dragon2 .dragon-more {
	margin-top: 15px
}

.home-dragon2 .dragon-more .xicon {
	margin: 0
}

.home-dragon3 {
	background: url(/static/image/dragon/jpg2.jpg) no-repeat center;
	background-size: cover;
	padding: 123px 0 140px;
	position: relative
}

.home-dragon3 .dragon-pbox {
	margin-top: 10px
}

.home-dragon3 .more-box {
	margin-top: 15px
}

.home-dragon3 .cont {
	margin-top: 25px
}

.home-dragon3 .cont .slick-slide:nth-child(2n) .box {
	background: #efefef
}

.home-dragon3 .cont .box {
	background: #fafafa;
	border-radius: 0 0 999px 999px;
	position: relative;
	padding: 30px 0px 135px
}

.home-dragon3 .cont .img {
	width: 150px;
	position: relative;
	overflow: hidden;
	margin: auto
}

.home-dragon3 .cont .img::before {
	content: '';
	display: block;
	padding-top: 228.66667%
}

.home-dragon3 .cont .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon3 .cont .t {
	font-size: 18px;
	position: absolute;
	left: 0;
	right: 0;
	padding: 0 30px;
	margin-top: 23px;
	color: #a1251f
}

@media screen and (max-width: 768px) {
	.home-dragon3 .cont .t {
		font-size: 16px
	}
}

.home-dragon3 .slick-dots {
	text-align: center;
	font-size: 0;
	margin-top: 20px
}

.home-dragon3 .slick-dots .slick-dot {
	width: 29px;
	height: 29px;
	background: url(/static/image/dragon/png9-1.png) no-repeat center;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.home-dragon3 .slick-dots .slick-dot.slick-active {
	background-image: url(/static/image/dragon/png8-1.png)
}

.home-dragon4 {
	background: url(/static/image/dragon/jpg3.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	color: #fff;
	padding: 124px 0 116px;
	position: relative
}

.home-dragon4 .snow-img {
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	margin-top: -2.08333%;
	background: url(/static/image/dragon/png10.png) no-repeat center;
	background-size: cover;
	pointer-events: none
}

.home-dragon4 .snow-img::before {
	content: '';
	display: block;
	padding-top: 7.44792%
}

.home-dragon4 .snow-img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon4 .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-dragon4 .txt-box {
	width: 36.07143%;
	padding-left: 3.9604%
}

.home-dragon4 .txt-box .dragon-title {
	color: #fff
}

.home-dragon4 .txt-box .dragon-pbox {
	margin-top: 30px
}

.home-dragon4 .txt-box .more-box {
	margin-top: 35px
}

.home-dragon4 .list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.home-dragon4 .list .item {
	position: relative;
	margin: 9px;
	width: 25.69832%;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.home-dragon4 .list .item::before {
	content: '';
	display: block;
	padding-top: 100%
}

.home-dragon4 .list .item .mask {
	z-index: 9;
	border-radius: 50%
}

.home-dragon4 .list .box-1 {
	position: absolute;
	z-index: 2;
	border: 1px solid #deceaa;
	border-radius: 50%;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.home-dragon4 .list .box-1::before {
	content: '';
	position: absolute;
	border: 1px dashed #deceaa;
	border-radius: 50%;
	top: 6px;
	bottom: 6px;
	left: 6px;
	right: 6px;
	z-index: 1
}

.home-dragon4 .list .box-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	overflow: hidden
}

.home-dragon4 .list .box-2::before {
	content: '';
	position: absolute;
	border: 1px dashed #deceaa;
	border-radius: 50%;
	top: 6px;
	bottom: 6px;
	left: 6px;
	right: 6px;
	z-index: 2;
	background: rgba(140, 14, 8, 0.36)
}

.home-dragon4 .list .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1
}

.home-dragon4 .list .icon-box {
	position: relative;
	overflow: hidden;
	z-index: 2
}

.home-dragon4 .list .icon-box::before {
	content: '';
	display: block;
	padding-top: 100%
}

.home-dragon4 .list .icon-box .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon4 .list .item-txt-box {
	font-size: 18px;
	position: absolute;
	left: 0;
	right: 0;
	padding: 0 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 3
}

@media screen and (max-width: 768px) {
	.home-dragon4 .list .item-txt-box {
		font-size: 16px
	}
}

.h56-bg {
	background: url(/static/image/dragon/jpg4.jpg) no-repeat top center;
	background-size: contain
}

.home-dragon5 {
	padding: 150px 0 0;
	position: relative
}

.home-dragon5 .dragon-pbox {
	margin-top: 12px
}

.home-dragon5 .more-box {
	margin-top: 17px
}

.home-dragon5 .cont {
	margin-top: 65px;
	position: relative;
	overflow: hidden;
	overflow: visible
}

.home-dragon5 .cont::before {
	content: '';
	display: block;
	padding-top: 45.57143%
}

.home-dragon5 .cont .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon5 .cont .item {
	position: absolute;
	cursor: pointer
}

.home-dragon5 .cont .img-box {
	position: relative
}

.home-dragon5 .cont .img-box::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 3;
	pointer-events: none
}

.home-dragon5 .cont .img-box .img {
	position: relative;
	overflow: hidden;
	border-radius: 50%
}

.home-dragon5 .cont .img-box .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.home-dragon5 .cont .img-box .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon5 .cont .t {
	position: absolute;
	top: calc(100% + 12px);
	width: 100%;
	left: 0;
	font-size: 18px;
	color: #a1251f
}

@media screen and (max-width: 768px) {
	.home-dragon5 .cont .t {
		font-size: 16px
	}
}

.home-dragon5 .cont .i-1 {
	width: 24.64286%;
	top: 10.03135%;
	left: 0
}

.home-dragon5 .cont .i-1 .img-box::before {
	width: 77.3913%;
	padding-top: 25.50725%;
	background-image: url(/static/image/dragon/png22-1.png);
	left: 9.85507%;
	top: -7.82609%
}

.home-dragon5 .cont .i-2 {
	width: 17.57143%;
	bottom: 5.64263%;
	left: 21.42857%
}

.home-dragon5 .cont .i-2 .img-box::before {
	width: 76.01626%;
	padding-top: 20.73171%;
	background-image: url(/static/image/dragon/png23-1.png);
	left: 12.19512%;
	top: -4.87805%
}

.home-dragon5 .cont .i-3 {
	width: 14.92857%;
	top: 0;
	left: 31.42857%
}

.home-dragon5 .cont .i-3 .img-box::before {
	width: 90.90909%;
	padding-top: 35.88517%;
	background-image: url(/static/image/dragon/png24-1.png);
	left: 3.82775%;
	top: -10.04785%
}

.home-dragon5 .cont .i-4 {
	width: 12.35714%;
	top: 43.10345%;
	left: 47.85714%
}

.home-dragon5 .cont .i-4 .img-box::before {
	width: 78.61272%;
	padding-top: 28.90173%;
	background-image: url(/static/image/dragon/png25-1.png);
	left: 9.82659%;
	top: -9.24855%
}

.home-dragon5 .cont .i-5 {
	width: 14.85714%;
	top: 12.38245%;
	right: 26.57143%
}

.home-dragon5 .cont .i-5 .img-box::before {
	width: 93.75%;
	padding-top: 36.05769%;
	background-image: url(/static/image/dragon/png26-1.png);
	left: 2.40385%;
	top: -10.09615%
}

.home-dragon5 .cont .i-6 {
	width: 12.35714%;
	bottom: 11.59875%;
	right: 19%
}

.home-dragon5 .cont .i-6 .img-box::before {
	width: 85.54913%;
	padding-top: 25.43353%;
	background-image: url(/static/image/dragon/png27-1.png);
	left: 5.78035%;
	top: -5.78035%
}

.home-dragon5 .cont .i-7 {
	width: 12.28571%;
	top: 0;
	right: 11.42857%
}

.home-dragon5 .cont .i-7 .img-box::before {
	width: 88.37209%;
	padding-top: 33.13953%;
	background-image: url(/static/image/dragon/png28-1.png);
	left: 6.97674%;
	top: -8.72093%
}

.home-dragon5 .cont .i-8 {
	width: 17.21429%;
	top: 31.34796%;
	right: 0
}

.home-dragon5 .cont .i-8 .img-box::before {
	width: 89.21162%;
	padding-top: 34.0249%;
	background-image: url(/static/image/dragon/png29-1.png);
	left: 2.90456%;
	top: -6.639%
}

.home-dragon6 {
	padding: 126px 0 0;
	position: relative
}

.home-dragon6 .dragon-pbox {
	margin-top: 12px
}

.home-dragon6 .btns-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 17px
}

.home-dragon6 .qj-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	margin-left: 60px;
	position: relative
}

@media screen and (max-width: 768px) {
	.home-dragon6 .qj-box {
		font-size: 16px
	}
}

.home-dragon6 .qj-box .icon {
	width: 33px;
	margin-right: 10px
}

.home-dragon6 .qj-box .icon img {
	display: block;
	width: 100%;
	height: auto
}

.home-dragon6 .cont {
	margin-top: 75px;
	position: relative
}

.home-dragon6 .cont::before {
	content: '';
	width: 100%;
	padding-top: 6.92708%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/static/image/dragon/png11.png) no-repeat center;
	background-size: cover;
	margin-top: -2.08333%;
	z-index: 2;
	pointer-events: none
}

.home-dragon6 .cont .img {
	overflow: hidden;
	position: relative
}

.home-dragon6 .cont .img::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 38.6979166%
}

.home-dragon6 .cont .img iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: none
}

.home-dragon6 .cont img {
	display: block;
	width: 100%
}

.home-dragon6 .cont .enter-mask {
	background: rgba(0, 0, 0, 0.2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	cursor: pointer
}

.home-dragon6 .cont .enter-mask .pd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-dragon6 .cont .enter-mask .icon {
	width: 50px;
	margin-right: 18px
}

.home-dragon6 .cont .enter-mask .icon img {
	width: 100%;
	display: block;
	height: auto
}

.home-dragon6 .cont .enter-mask .txt {
	font-family: 'dfdk';
	font-size: 36px
}

@media screen and (max-width: 768px) {
	.home-dragon6 .cont .enter-mask .txt {
		font-size: 24px
	}
}

.home-dragon6 .cont .link-box {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	font-size: 18px;
	width: 137px;
	padding: 5px 0 4px;
	z-index: 3
}

@media screen and (max-width: 768px) {
	.home-dragon6 .cont .link-box {
		font-size: 16px
	}
}

.home-dragon6 .cont .link-box::before {
	content: '';
	position: absolute;
	background: #a1251f;
	top: 0;
	z-index: 1;
	left: 0;
	top: 0;
	pointer-events: none;
	width: 100%;
	height: 105px;
	border-radius: 50%
}

.home-dragon6 .cont .link-box .pd {
	position: relative;
	z-index: 2
}

.home-dragon6 .cont .link-box .mask {
	z-index: 9
}

.home-dragon7 {
	background: url(/static/image/dragon/jpg6.jpg) no-repeat top center;
	background-size: cover;
	padding: 162px 0 0;
	position: relative
}

.home-dragon7 .dragon-title {
	color: #a1251f
}

.home-dragon7 .more-box {
	margin-top: 15px
}

.home-dragon7 .more-box .xicon {
	background: #ffe6a1;
	color: #a1251f;
	cursor: default
}

.home-dragon7 .cont-1 {
	background: #a1251f;
	position: relative;
	margin-top: 60px;
	color: #ffe6a1;
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.home-dragon7 .cont-1 {
		font-size: 16px
	}
}

.home-dragon7 .cont-1::before {
	content: '';
	width: 100%;
	padding-top: 7.76042%;
	position: absolute;
	left: 0;
	background: url(/static/image/dragon/png36.png) no-repeat center;
	background-size: cover;
	top: 0;
	margin-top: -2.29167%;
	pointer-events: none
}

.home-dragon7 .cont-1 .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 65px 0 90px
}

.home-dragon7 .cont-1 .img {
	margin: auto
}

.home-dragon7 .cont-1 .c-1 {
	margin-left: 3.71429%;
	width: 24.71429%
}

.home-dragon7 .cont-1 .c-2 {
	width: 23.5%
}

.home-dragon7 .cont-1 .c-3 {
	margin-right: 3px;
	width: 25%
}

.home-dragon7 .cont-1 .item {
	margin: auto;
	position: relative
}

.home-dragon7 .cont-1 .i-1 {
	width: 100%;
	margin-top: 27px
}

.home-dragon7 .cont-1 .i-1 .img {
	position: relative;
	overflow: hidden
}

.home-dragon7 .cont-1 .i-1 .img::before {
	content: '';
	display: block;
	padding-top: 45.37572%
}

.home-dragon7 .cont-1 .i-1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-1 .i-1 .t {
	margin-top: 20px
}

.home-dragon7 .cont-1 .i-2 {
	width: 90.17341%;
	margin-top: 40px
}

.home-dragon7 .cont-1 .i-2 .img {
	position: relative;
	overflow: hidden
}

.home-dragon7 .cont-1 .i-2 .img::before {
	content: '';
	display: block;
	padding-top: 69.55128%
}

.home-dragon7 .cont-1 .i-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-1 .i-2 .t {
	margin-top: 13px
}

.home-dragon7 .cont-1 .i-3 {
	width: 100%;
	margin-top: 14px
}

.home-dragon7 .cont-1 .i-3 .img {
	position: relative;
	overflow: hidden
}

.home-dragon7 .cont-1 .i-3 .img::before {
	content: '';
	display: block;
	padding-top: 66.8693%
}

.home-dragon7 .cont-1 .i-3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-1 .i-3 .t {
	margin-top: 10px
}

.home-dragon7 .cont-1 .i-4 {
	width: 57.75076%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: 50px
}

.home-dragon7 .cont-1 .i-4 .img {
	position: relative;
	overflow: hidden
}

.home-dragon7 .cont-1 .i-4 .img::before {
	content: '';
	display: block;
	padding-top: 105.26316%
}

.home-dragon7 .cont-1 .i-4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-1 .i-4 .t {
	margin: 12px 0 0;
	text-align: left;
	padding-left: 22px;
	width: calc(5em + 22px)
}

.home-dragon7 .cont-1 .i-5 {
	width: 100%
}

.home-dragon7 .cont-1 .i-5 .img {
	position: relative;
	overflow: hidden
}

.home-dragon7 .cont-1 .i-5 .img::before {
	content: '';
	display: block;
	padding-top: 146.25%
}

.home-dragon7 .cont-1 .i-5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-1 .icon-img {
	width: 9.01042%;
	position: relative;
	overflow: hidden;
	background: url(/static/image/dragon/png33.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 22.13542%;
	top: 0;
	margin-top: -6.97917%;
	max-width: 173px
}

.home-dragon7 .cont-1 .icon-img::before {
	content: '';
	display: block;
	padding-top: 93.64162%
}

.home-dragon7 .cont-1 .icon-img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-2 {
	position: relative
}

.home-dragon7 .cont-2 .bg-1 {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: url(/static/image/dragon/png42.png) no-repeat top center;
	background-size: cover;
	left: 0;
	right: 0;
	bottom: 0;
	top: -135px
}

.home-dragon7 .cont-2 .bg-2 {
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background: url(/static/image/dragon/png43.png) no-repeat top center;
	background-size: cover;
	left: 0;
	right: 0;
	bottom: 0;
	top: -59px
}

.home-dragon7 .cont-2 .icon-1 {
	width: 113px;
	position: relative;
	overflow: hidden;
	background: url(/static/image/dragon/png34.png) no-repeat center;
	background-size: contain;
	position: absolute;
	right: 50%;
	bottom: 101.17647%;
	z-index: 2;
	pointer-events: none;
	margin-right: 590px
}

.home-dragon7 .cont-2 .icon-1::before {
	content: '';
	display: block;
	padding-top: 129.20354%
}

.home-dragon7 .cont-2 .icon-1 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-2 .icon-2 {
	width: 201px;
	position: relative;
	overflow: hidden;
	background: url(/static/image/dragon/png35.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: 105.4902%;
	z-index: 2;
	pointer-events: none;
	margin-left: 193px
}

.home-dragon7 .cont-2 .icon-2::before {
	content: '';
	display: block;
	padding-top: 93.03483%
}

.home-dragon7 .cont-2 .icon-2 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-dragon7 .cont-2 .x-wrap {
	padding: 65px 0 70px;
	z-index: 4
}

.home-dragon7 .cont-2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-dragon7 .cont-2 .list .item {
	width: 10%;
	position: relative;
	cursor: pointer
}

.home-dragon7 .cont-2 .list .item img {
	max-width: 100%;
	display: block;
	margin: auto;
	position: relative;
	z-index: 2
}

.home-dragon7 .cont-2 .list .item .mask {
	z-index: 9
}

.home-dragon7 .cont-2 .list .img-txt {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden
}

.home-dragon7 .cont-2 .list .img-txt img {
	max-width: 100%;
	display: block;
	margin: auto
}

.home-dragon7 .cont-2 .list .txt {
	position: absolute;
	font-size: 18px;
	color: #cc7912;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 2px)
}

@media screen and (max-width: 768px) {
	.home-dragon7 .cont-2 .list .txt {
		font-size: 16px
	}
}

.pop-newyear {
	color: #333;
	font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif
}

.pop-newyear .pop-close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: auto;
	color: #333;
	right: 50px;
	top: 52px
}

.pop-newyear .pop-close .xicon {
	font-size: 22px
}

@media screen and (max-width: 768px) {
	.pop-newyear .pop-close .xicon {
		font-size: 18px
	}
}

.pop-newyear .pop-close .xicon::before {
	content: '\e509'
}

.pop-newyear .pop-close .t {
	font-size: 16px;
	margin-left: 3px
}

.pop-newyear .pop-dialog {
	width: 1400px;
	max-width: 95%;
	background: url(/static/image/dragon/jpg7.jpg) no-repeat center;
	background-size: cover;
	border-radius: 17px;
	overflow: hidden;
	-webkit-box-shadow: 5.945px 5.353px 32px 0px rgba(169, 169, 169, 0.49);
	box-shadow: 5.945px 5.353px 32px 0px rgba(169, 169, 169, 0.49)
}

.pop-newyear .pop-cont {
	padding: 50px 50px 60px 65px
}

.pop-newyear .tit {
	font-size: 40px;
	line-height: 1.2;
	color: #83241e
}

@media screen and (max-width: 1440px) {
	.pop-newyear .tit {
		font-size: 36px
	}
}

@media screen and (max-width: 768px) {
	.pop-newyear .tit {
		font-size: 26px
	}
}

.pop-newyear .p-box {
	font-size: 18px;
	line-height: 1.55;
	margin-top: 38px;
	max-height: 466px
}

@media screen and (max-width: 768px) {
	.pop-newyear .p-box {
		font-size: 16px
	}
}

body:not(.lang-en) .pop-newyear .p-box {
	text-align: justify;
	text-justify: inter-ideograph
}

.pop-newyear .p-box .p+.p {
	margin-top: 1.388em
}

.pop-newyear .flex-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 38px
}

.pop-newyear .flex-cont .p-box {
	width: 405px;
	margin-top: 0
}

.pop-newyear .flex-cont .img-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-left: 60px;
	overflow: hidden
}

.pop-newyear .flex-cont .img-box .img {
	height: 356px
}

.pop-newyear .flex-cont .img-box .img img {
	display: block;
	height: 100%;
	width: auto
}

.pop-newyear .flex-cont .img-box .txt {
	font-size: 18px;
	margin-top: 8px
}

@media screen and (max-width: 768px) {
	.pop-newyear .flex-cont .img-box .txt {
		font-size: 16px
	}
}

.pop-newyear .flex-cont .img-box .txt-wap {
	display: none
}

.pop-newyear .flex-cont .img-box .swiper-slide {
	width: auto
}

.pop-newyear .flex-cont .img-box .swiper-slide+.swiper-slide {
	margin-left: 10px
}

.pop-newyear .flex-cont .img-box .btn-box {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.pop-newyear .flex-cont .img-box .btn-box.disn {
	display: none
}

.pop-newyear .flex-cont .img-box .slick-arrow {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #a1251f;
	color: #fff;
	font-size: 10px;
	position: relative;
	top: auto;
	margin: 0;
	left: auto;
	right: auto
}

.pop-newyear .flex-cont .img-box .slick-arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	display: block
}

.pop-newyear .flex-cont .img-box .swiper-button-prev::before {
	content: '\e504'
}

.pop-newyear .flex-cont .img-box .swiper-button-next {
	margin-left: 5px
}

.pop-newyear .flex-cont .img-box .swiper-button-next::before {
	content: '\e505'
}

.pop-newyear .mCSB_scrollTools .mCSB_draggerRail {
	display: none
}

.pop-newyear .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #f5f5f5
}

.long .s-top .li a {
	color: #fff !important
}

.l-btn .l-btn-text {
	color: #333
}

.ascreen-nav {
	background: #a1251f;
	color: #e1d6b4;
	font-size: 18px;
	padding: 10px 0;
	position: relative;
	z-index: 9
}

@media screen and (max-width: 768px) {
	.ascreen-nav {
		font-size: 16px
	}
}

.ascreen-nav .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ascreen-nav .l-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ascreen-nav .l-box .icon {
	width: 46px;
	margin-right: 10px
}

.ascreen-nav .l-box .icon img {
	width: 100%;
	display: block;
	height: auto
}

.ascreen-nav .l-box .t {
	font-size: 32px;
	font-family: 'dfdk'
}

@media screen and (max-width: 768px) {
	.ascreen-nav .l-box .t {
		font-size: 22px
	}
}

.ascreen-nav .r-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ascreen-nav .item-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ascreen-nav .item-list .item+.item {
	margin-left: 50px
}

.ascreen-nav .lang {
	margin-left: 50px
}

.ascreen-nav .lang .select-bar {
	height: 30px;
	border: 0 none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ascreen-nav .lang .select-btn {
	width: auto
}

.ascreen-nav .lang .select-btn::before {
	content: '';
	display: block;
	position: relative;
	top: 50%;
	margin-top: -3px;
	border: 5px solid transparent;
	border-top: 6px solid #e1d6b4
}

.ascreen-nav .lang .select-txt {
	padding: 0 10px 0 0;
	width: auto;
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.ascreen-nav .lang .select-txt {
		font-size: 16px
	}
}

.ascreen-nav .lang .select-cont {
	right: 50%;
	width: 154px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
	font-size: 18px;
	color: #333;
	-webkit-transform: translateX(-25%);
	transform: translateX(-25%)
}

@media screen and (max-width: 768px) {
	.ascreen-nav .lang .select-cont {
		font-size: 16px
	}
}

.ascreen-nav .lang .select-cont::before {
	display: none
}

.ascreen-nav .lang .select-cont .scroll-axis-y {
	padding-right: 10px
}

.ascreen-nav .lang .select-cont .scroll-track-y {
	right: 5px
}

.ascreen-nav .lang .select-item {
	position: relative;
	display: block;
	font-size: 18px;
	white-space: nowrap
}

@media screen and (max-width: 768px) {
	.ascreen-nav .lang .select-item {
		font-size: 16px
	}
}

.ascreen-nav .lang .select-item a {
	display: block
}

.ascreen-nav .lang .select-item:hover,
.ascreen-nav .lang .select-item.cur {
	color: #9d0e00
}

.ascreen-nav .lang .select-item::before {
	content: attr(lg);
	position: absolute;
	background-color: #fff;
	pointer-events: none
}

.ascreen-nav.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9
}

.anchor-point {
	position: absolute;
	top: -70px
}

@media (min-width: 769px) {
	.home-dragon3 .cont .box {
		-webkit-transition: all 0.3s;
		transition: all 0.3s
	}

	.home-dragon3 .cont .box:hover {
		background: #a1251f !important
	}

	.home-dragon3 .cont .box:hover .t {
		color: #fff
	}

	.home-dragon4 .list .icon-box {
		-webkit-transition: 0.8s;
		transition: 0.8s
	}

	.home-dragon4 .list .bg {
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
		visibility: hidden
	}

	.home-dragon4 .list .item-txt-box {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.8s;
		transition: all 0.8s
	}

	.home-dragon4 .list .box-2::before {
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		opacity: 0;
		visibility: hidden
	}

	.home-dragon4 .list .item:hover .icon-box {
		opacity: 0;
		visibility: hidden
	}

	.home-dragon4 .list .item:hover .bg {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible
	}

	.home-dragon4 .list .item:hover .item-txt-box,
	.home-dragon4 .list .item:hover .box-2::before {
		opacity: 1;
		visibility: visible
	}

	.home-dragon7 .cont-2 .list .img-txt,
	.home-dragon7 .cont-2 .list .img {
		-webkit-transition: all 0.5s;
		transition: all 0.5s
	}

	.home-dragon7 .cont-2 .list .item:hover {
		z-index: 9
	}

	.home-dragon7 .cont-2 .list .item:hover .img {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px)
	}

	.home-dragon7 .cont-2 .list .item:hover .img-txt {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}

	.long .s-top .li a:hover {
		color: #f3eb96 !important
	}
}

@media (max-width: 1500px) {
	.home-dragon2 {
		padding: 140px 0
	}

	.home-dragon7 .cont-2 .icon-1 {
		width: 5.88542%;
		margin-right: 42.14286%
	}

	.home-dragon7 .cont-2 .icon-2 {
		width: 10.46875%
	}

	.pop-newyear .p-box {
		max-height: 260px
	}

	.pop-newyear .flex-cont .p-box {
		max-height: 365px
	}

	.ascreen-nav .lang .select-cont {
		-webkit-transform: translateX(-40%);
		transform: translateX(-40%)
	}
}

@media (max-width: 1320px) {
	.home-dragon7 .cont-1 .x-wrap {
		padding-bottom: 130px
	}

	.pop-newyear .pop-close {
		top: 20px;
		right: 20px
	}
}

@media (max-width: 1200px) {
	.home-dragon5 .cont {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -5px;
		margin-right: -5px
	}

	.home-dragon5 .cont::before {
		display: none
	}

	.home-dragon5 .cont .item {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		width: calc((100% - 40px) / 4);
		margin: 40px 5px 0
	}

	.home-dragon5 .cont .item:nth-child(-n+4) {
		margin-top: 0
	}

	.home-dragon5 .cont .img img {
		width: 100%
	}

	.home-dragon5 .cont .t {
		position: static;
		margin-top: 5px
	}
}

@media (max-width: 1024px) {
	.home-dragon2 .item {
		margin: 0 auto;
		width: 80%
	}

	.home-dragon2 .item .model-box {
		margin-bottom: 20px;
		width: 50%
	}

	.home-dragon2 .item .img-box {
		width: 70%;
		margin-bottom: 20px
	}

	.home-dragon2 .i-2 .img {
		width: 70%;
		margin-bottom: 20px
	}

	.home-dragon2 .item .model-box {
		margin-bottom: 10px
	}

	.home-dragon2 .dragon-more {
		margin-top: 10px
	}

	.home-dragon2 .item .img-tit img {
		height: 19px
	}

	.home-dragon2 .i-1 .t-2 {
		font-size: 18px
	}

	.home-dragon2 .dragon-title {
		font-size: 22px
	}

	.home-dragon2 .dragon-title.t-2 {
		font-size: 14px
	}

	.home-dragon4 .x-wrap {
		display: block
	}

	.home-dragon4 .txt-box {
		width: 100%;
		padding: 0;
		text-align: center
	}

	.home-dragon4 .list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 40px
	}

	.home-dragon4 .list .item {
		width: calc((100% - 54px) / 3)
	}

	.ascreen-nav .l-box .icon {
		width: 25px
	}

	.ascreen-nav .r-box .item+.item {
		margin-left: 15px
	}

	.ascreen-nav .lang {
		margin-left: 15px
	}

	.pop-newyear .pop-dialog {
		max-width: calc(100% - 30px);
		margin-top: 50px
	}

	.pop-newyear .pop-cont {
		padding: 20px
	}

	.pop-newyear .pop-close {
		top: 10px;
		right: 10px
	}

	.pop-newyear .p-box,
	.pop-newyear .flex-cont {
		margin-top: 15px
	}

	.pop-newyear .p-box .p+.p {
		margin-top: 0.5em
	}

	.pop-newyear .flex-cont {
		display: block
	}

	.pop-newyear .flex-cont .p-box {
		width: 100%;
		max-height: 150px
	}

	.pop-newyear .flex-cont .img-box {
		width: 100%;
		margin: 10px 0 0
	}

	.pop-newyear .flex-cont .img-box .img {
		height: 150px
	}

	.pop-newyear .flex-cont .img-box .txt {
		margin-top: 5px
	}

	.pop-newyear .flex-cont .img-box .txt-pc {
		display: none
	}

	.pop-newyear .flex-cont .img-box .txt-wap {
		display: none
	}

	.pop-newyear .flex-cont .img-box .btn-box {
		margin-top: 10px
	}

	.pop-newyear .mCSB_outside+.mCSB_scrollTools {
		right: -10px
	}
}

@media (max-width: 1000px) {
	.x-header .lang .select-cont {
		width: 145px
	}

	.x-header .lang .select-btn {
		padding-right: 0
	}

	.x-header .lang .select-txt {
		padding-right: 5px
	}

	.x-header .lang .select-cont {
		width: 145px
	}
}

@media (min-width: 768px) {
	.home-dragon7 .cont-2 .list .txt br {
		display: none
	}
}

@media (max-width: 768px) {
	.home-dragon2 {
		padding: 40px 0
	}

	.home-dragon2 .item {
		width: 100%
	}

	.home-dragon3 {
		padding: 40px 0
	}

	.home-dragon3 .more-box {
		margin-top: 10px
	}

	.home-dragon3 .cont {
		margin-top: 20px
	}

	.home-dragon3 .cont .box {
		padding: 20px 0 80px
	}

	.home-dragon3 .cont .t {
		margin-top: 10px;
		padding: 0 15px
	}

	.home-dragon3 .cont .img {
		width: 70px
	}

	.home-dragon3 .slick-dots .slick-dot {
		width: 15px;
		height: 15px
	}

	.h56-bg {
		background-size: cover
	}

	.home-dragon4 {
		padding: 40px 0
	}

	.home-dragon4 .txt-box .dragon-pbox {
		margin-top: 10px
	}

	.home-dragon4 .txt-box .more-box {
		margin-top: 10px
	}

	.home-dragon4 .list {
		margin-top: 20px
	}

	.home-dragon4 .list .item {
		width: calc((100% - 10px) / 3);
		margin: 5px 5px 0 0
	}

	.home-dragon4 .list .item:nth-child(3n) {
		margin-right: 0
	}

	.home-dragon4 .list .item-txt-box {
		line-height: 1.2
	}

	.home-dragon4 .box-1 {
		-webkit-transition: all 0.8s;
		transition: all 0.8s
	}

	.home-dragon4 .box-2 {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		opacity: 0;
		visibility: hidden
	}

	.home-dragon4 .list .item:hover .box-1 {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}

	.home-dragon4 .list .item:hover .box-2 {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg)
	}

	.home-dragon5 {
		padding-top: 40px
	}

	.home-dragon5 .dragon-pbox {
		margin-top: 10px
	}

	.home-dragon5 .more-box {
		margin-top: 10px
	}

	.home-dragon5 .cont {
		margin: 20px 0 0
	}

	.home-dragon5 .cont .item {
		width: calc((100% - 10px) / 2);
		margin: 50px 10px 0 0
	}

	.home-dragon5 .cont .item:nth-child(2n) {
		margin-right: 0
	}

	.home-dragon5 .cont .item:nth-child(-n+4) {
		margin-top: 50px
	}

	.home-dragon5 .cont .item:nth-child(-n+2) {
		margin-top: 0
	}

	.home-dragon5 .cont .img-box {
		width: 70%;
		margin: auto
	}

	.home-dragon6 {
		padding-top: 40px
	}

	.home-dragon6 .dragon-pbox {
		margin-top: 10px
	}

	.home-dragon6 .btns-box {
		margin-top: 10px
	}

	.home-dragon6 .qj-box {
		margin-left: 30px
	}

	.home-dragon6 .qj-box .icon {
		width: 25px
	}

	.home-dragon6 .cont {
		margin-top: 20px
	}

	.home-dragon6 .cont .img {
		height: 300px
	}

	.home-dragon6 .cont .img::before {
		display: block
	}

	.home-dragon6 .cont .link-box {
		width: 110px;
		padding: 5px 0
	}

	.home-dragon6 .cont .link-box .t {
		padding: 0 5px;
		font-size: 14px
	}

	.home-dragon6 .cont .enter-mask .icon {
		width: 30px;
		margin-right: 10px
	}

	.home-dragon7 {
		padding: 40px 0 0
	}

	.home-dragon7 .more-box {
		margin-top: 10px
	}

	.home-dragon7 .cont-1 {
		margin-top: 30px
	}

	.home-dragon7 .cont-1 .x-wrap {
		padding: 40px 15px 140px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.home-dragon7 .cont-1 .item {
		margin-top: 0
	}

	.home-dragon7 .cont-1 .item .t {
		margin-top: 10px
	}

	.home-dragon7 .cont-1 .child .item+.item {
		margin-top: 20px
	}

	.home-dragon7 .cont-1 .c-1 {
		margin: 0;
		width: 48%
	}

	.home-dragon7 .cont-1 .c-2 {
		width: 48%;
		margin-left: 4%;
		margin-top: 20px
	}

	.home-dragon7 .cont-1 .c-3 {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
		display: none
	}

	.home-dragon7 .cont-1 .i-4 {
		margin-right: auto
	}

	.home-dragon7 .cont-1 .i-4 .t {
		width: 100%;
		padding: 0;
		text-align: center
	}

	.home-dragon7 .cont-1 .i-5 {
		width: 50%;
		margin-left: 0;
		margin-top: -40px
	}

	.home-dragon7 .cont-2 .icon-1 {
		width: 15%;
		margin-right: 0;
		bottom: 110%;
		right: auto;
		left: 15px
	}

	.home-dragon7 .cont-2 .icon-2 {
		width: 25%;
		margin-left: 0;
		left: auto;
		right: 15px
	}

	.home-dragon7 .cont-2 .x-wrap {
		padding: 40px 15px 80px
	}

	.home-dragon7 .cont-2 .list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.home-dragon7 .cont-2 .list .item {
		width: calc((100% - 40px) / 4);
		margin: 5px
	}

	.home-dragon7 .cont-2 .list .img-txt {
		position: static;
		opacity: 1;
		visibility: visible;
		margin-bottom: 5px
	}

	.home-dragon7 .cont-2 .list .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.home-dragon7 .cont-2 .list .txt {
		text-align: center
	}

	.home-dragon7 .cont-2 .list .txt br {
		display: block
	}

	.home-dragon7 .cont-1 .icon-img {
		width: 20%;
		left: 5%;
		margin-top: -18%
	}

	.ascreen-nav .m-btn {
		width: 40px;
		height: 40px;
		position: relative
	}

	.ascreen-nav .m-btn .line {
		width: 80%;
		height: 2px;
		-webkit-transition: background .3s;
		transition: background .3s
	}

	.ascreen-nav .m-btn .line,
	.ascreen-nav .m-btn .line::before,
	.ascreen-nav .m-btn .line::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: #fff;
		border-radius: 1px
	}

	.ascreen-nav .m-btn .line::before,
	.ascreen-nav .m-btn .line::after {
		content: '';
		width: 100%;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.ascreen-nav .m-btn .line::before {
		-webkit-transform: translateY(-400%);
		transform: translateY(-400%)
	}

	.ascreen-nav .m-btn .line::after {
		-webkit-transform: translateY(400%);
		transform: translateY(400%)
	}

	.ascreen-nav .item-list {
		position: absolute;
		top: calc(100% + 11px);
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background: #a1251f;
		padding: 10px 15px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		font-size: 14px
	}

	.ascreen-nav .item-list .item+.item {
		margin: 0
	}

	.ascreen-nav .r-box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}

	.ascreen-nav .lang {
		margin: 0 15px 0 0
	}

	.ascreen-nav.on .m-btn .line {
		background-color: transparent
	}

	.ascreen-nav.on .m-btn .line::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.ascreen-nav.on .m-btn .line::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.ascreen-nav.on .item-list {
		opacity: 1;
		visibility: visible
	}

	.ascreen-nav.fixed {
		top: 76px
	}

	.ascreen-nav .lang .select-txt,
	.ascreen-nav .lang .select-cont {
		font-size: 14px
	}

	.p-50 .ascreen-nav.fixed {
		top: 126px
	}

	.anchor-point {
		top: -136px
	}

	.p-50 .anchor-point {
		top: -186px
	}

	.pop-newyear .pop-dialog {
		max-width: 100%
	}
}

@media (max-width: 550px) {

	.home-dragon5 .cont .item,
	.home-dragon5 .cont .item:nth-child(-n+4) {
		margin-top: 30px
	}

	.home-dragon5 .cont .item:nth-child(-n+2) {
		margin-top: 0
	}
}

.rabbit1 {
	background: url() no-repeat center;
	background-size: cover;
	color: #fff;
	position: relative;
	overflow: hidden
}

.rabbit1::before {
	content: '';
	display: block;
	padding-top: 49.47917%
}

.rabbit1 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit1 .x-wrap {
	padding-top: 8.4375%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.rabbit1 .img {
	width: 36.14285%;
	margin: auto
}

.rabbit1 .img img {
	width: 100%
}

.rabbit1 .t1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #f1cea0;
	margin-top: -11px
}

.rabbit1 .t1 .icon {
	width: 62px;
	position: relative;
	overflow: hidden;
	margin-right: 20px
}

.rabbit1 .t1 .icon::before {
	content: '';
	display: block;
	padding-top: 101.6129%
}

.rabbit1 .t1 .icon .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit1 .t1 .txt {
	font-family: 'hyq';
	font-size: 70px;
	line-height: 1
}

.rabbit1 .t2 {
	font-size: 22px;
	color: #ffe0ae;
	margin-top: 20px
}

@media screen and (max-width: 768px) {
	.rabbit1 .t2 {
		font-size: 18px
	}
}

.rabbit1 .p {
	margin: 20px 50px 0;
	text-indent: 2em
}

body:not(.lang-en) .rabbit1 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit2 {
	position: relative;
	background: url(/static/image/rabbit/jpg2.jpg) no-repeat center;
	background-size: cover;
	padding: 90px 0
}

.rabbit2 .jx {
	position: absolute;
	top: -65px;
	left: 0;
	right: 0;
	height: 148px;
	background: url(/static/image/rabbit/png3.png) no-repeat center;
	pointer-events: none
}

.rabbit2 .jx .icon {
	position: relative;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: -46px;
	width: 377px;
	background: url(/static/image/rabbit/png3-1.png) no-repeat center;
	background-size: contain
}

.rabbit2 .jx .icon::before {
	content: '';
	display: block;
	padding-top: 34.48276%
}

.rabbit2 .jx .icon .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

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

.rabbit2 .cont1 .lbox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	padding-right: 74px;
	padding-top: 38px
}

.rabbit2 .cont1 .lbox .p1 {
	color: #bb4a1d;
	font-size: 20px;
	margin-top: 14px;
	line-height: 1.6
}

@media screen and (max-width: 768px) {
	.rabbit2 .cont1 .lbox .p1 {
		font-size: 18px
	}
}

.rabbit2 .cont1 .lbox .p2 {
	text-indent: 2em;
	margin-top: 16px;
	line-height: 1.556
}

body:not(.lang-en) .rabbit2 .cont1 .lbox .p2 {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit2 .cont1 .lbox .x-more {
	margin-top: 50px
}

.rabbit2 .cont1 .rbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 704px
}

.rabbit2 .cont1 .rbox .item {
	background: #f3f0e7;
	width: calc((100% - 40px) / 4);
	position: relative;
	height: 444px;
	padding-top: 20px;
	margin-left: 10px
}

.rabbit2 .cont1 .rbox .item .img {
	position: relative;
	overflow: hidden
}

.rabbit2 .cont1 .rbox .item .img::before {
	content: '';
	display: block;
	padding-top: 205.42169%
}

.rabbit2 .cont1 .rbox .item .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit2 .cont1 .rbox .item .txtbox {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 15px;
	padding: 0 10px
}

.rabbit2 .cont2 {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.rabbit2 .cont2 .item {
	width: calc((100% - 30px) / 4);
	position: relative;
	overflow: hidden
}

.rabbit2 .cont2 .item::before {
	content: '';
	display: block;
	padding-top: 77.48538%
}

.rabbit2 .cont2 .item .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit2 .cont2 .item+.item {
	margin-left: 10px
}

.rabbit2 .cont2 .item:first-child .txtbox {
	background: url(/static/image/rabbit/png84.png) no-repeat bottom center;
	background-size: cover
}

.rabbit2 .cont2 .item .txtbox {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0;
	padding: 23px 15px 15px
}

.rabbit3 .box1 {
	padding: 144px 0 0;
	background: url(/static/image/rabbit/jpg7.jpg) no-repeat center;
	background-size: cover
}

.rabbit3 .box1 .p1 {
	color: #bb4a1d;
	font-size: 22px;
	margin-top: 22px
}

@media screen and (max-width: 768px) {
	.rabbit3 .box1 .p1 {
		font-size: 18px
	}
}

.rabbit3 .box1 .p2 {
	margin: 14px 50px 0;
	text-indent: 2em
}

body:not(.lang-en) .rabbit3 .box1 .p2 {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit3 .box1 .p3 {
	margin-top: 24px
}

.rabbit3 .box1 .cont {
	position: relative;
	padding-bottom: 44px
}

.rabbit3 .box1 .cont .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 46px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 2
}

.rabbit3 .box1 .cont .list .item {
	width: 180px;
	height: 180px;
	background: #c19732;
	color: #fff;
	cursor: pointer;
	border-radius: 999px;
	font-size: 20px;
	text-align: center;
	position: relative
}

@media screen and (max-width: 768px) {
	.rabbit3 .box1 .cont .list .item {
		font-size: 18px
	}
}

.rabbit3 .box1 .cont .list .item::after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.rabbit3 .box1 .cont .list .item:nth-child(1)::after {
	background-image: url(/static/image/rabbit/png12.png);
	width: 75%;
	padding-top: 55.55555555%;
	left: 12.22222%;
	top: -22.22222%
}

.rabbit3 .box1 .cont .list .item:nth-child(2)::after {
	background-image: url(/static/image/rabbit/png13.png);
	width: 91.111111%;
	padding-top: 47.77777%;
	left: 0;
	top: -18.33333333%
}

.rabbit3 .box1 .cont .list .item:nth-child(3)::after {
	background-image: url(/static/image/rabbit/png14.png);
	width: 77.77777%;
	padding-top: 53.33333333%;
	left: 14.4444444%;
	top: -12.22222222%
}

.rabbit3 .box1 .cont .list .item:nth-child(4)::after {
	background-image: url(/static/image/rabbit/png15.png);
	width: 82.43902%;
	padding-top: 34.14634146%;
	top: -7.804878%;
	left: 11.21951219%
}

.rabbit3 .box1 .cont .list .t {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.rabbit3 .box1 .cont .list .i1 {
	margin: 197px 34px 0 0
}

.rabbit3 .box1 .cont .list .i3 {
	margin: 9px 0 0 177px
}

.rabbit3 .box1 .cont .list .i4 {
	width: 205px;
	height: 205px;
	margin: 197px 0 0 26px
}

.rabbit3 .box1 .cont .list .i4 .t {
	padding: 0 20px
}

.rabbit3 .box1 .cont .imgbox .img {
	width: 500px;
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -250px
}

.rabbit3 .box1 .cont .imgbox .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.rabbit3 .box1 .cont .imgbox .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit3 .box1 .cont .imgbox .bg {
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 0%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	background-position: top center;
	background-size: contain
}

.rabbit3 .box1 .cont .imgbox .bg::before {
	content: '';
	display: block;
	padding-top: 50%
}

.rabbit3 .box1 .cont .imgbox .bg .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit3 .box1 .cont .imgbox .bg1 {
	width: 552px;
	background-image: url(/static/image/rabbit/png9.png)
}

.rabbit3 .box1 .cont .imgbox .bg2 {
	width: 584px;
	background-image: url(/static/image/rabbit/png10.png)
}

.rabbit3 .box1 .cont .imgbox .bg3 {
	width: 784px;
	background-image: url(/static/image/rabbit/png11.png)
}

.rabbit3 .box2 {
	padding: 0;
	background: url(/static/image/rabbit/jpg8.jpg) no-repeat center;
	background-size: cover;
	padding: 268px 0 68px
}

.rabbit3 .box2 .cont1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.rabbit3 .box2 .cont1 .lbox {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	padding: 53px 90px 0 45px
}

.rabbit3 .box2 .cont1 .lbox .p1 {
	font-size: 20px;
	color: #bb4a1d
}

@media screen and (max-width: 768px) {
	.rabbit3 .box2 .cont1 .lbox .p1 {
		font-size: 18px
	}
}

.rabbit3 .box2 .cont1 .lbox .p2 {
	text-indent: 2em;
	margin-top: 9px
}

body:not(.lang-en) .rabbit3 .box2 .cont1 .lbox .p2 {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit3 .box2 .cont1 .lbox .x-more {
	margin-top: 20px
}

.rabbit3 .box2 .cont1 .rbox {
	width: 300px;
	position: relative
}

.rabbit3 .box2 .cont1 .rbox::before {
	content: '';
	position: absolute;
	width: 273px;
	height: 163px;
	background: url(/static/image/rabbit/png19.png) no-repeat center;
	background-size: contain;
	top: -38px;
	right: 34px
}

.rabbit3 .box2 .cont1 .rbox img {
	width: 100%;
	height: auto
}

.rabbit3 .box2 .cont2 {
	margin-top: -24px
}

.rabbit3 .box2 .cont2 .slick-list {
	padding-top: 36px
}

.rabbit3 .box2 .cont2 .box {
	width: 96.42857%;
	margin: auto;
	position: relative
}

.rabbit3 .box2 .cont2 .jx {
	width: 76.60377%;
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 7.547169%;
	top: -13.28413%;
	background: url(/static/image/rabbit/png20.png) no-repeat center;
	background-size: contain;
	pointer-events: none;
	z-index: 9
}

.rabbit3 .box2 .cont2 .jx::before {
	content: '';
	display: block;
	padding-top: 36.94581%
}

.rabbit3 .box2 .cont2 .jx .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit3 .box2 .cont2 .img img {
	width: 100%;
	display: block
}

.rabbit3 .box2 .cont2 .mask {
	background: rgba(195, 67, 38, 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	border-radius: 999px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	padding: 0 10px
}

.rabbit3 .box2 .cont2 .slick-nav {
	margin-top: 32px
}

.rabbit4 {
	padding: 154px 0 100px;
	background: url(/static/image/rabbit/jpg9.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	color: #fff
}

.rabbit4 .jx {
	height: 225px;
	position: absolute;
	left: 0;
	right: 0;
	top: -122px;
	background: url(/static/image/rabbit/png35.png) no-repeat center;
	pointer-events: none
}

.rabbit4 .p1 {
	color: #ffcb82;
	font-size: 20px;
	margin-top: 20px
}

@media screen and (max-width: 768px) {
	.rabbit4 .p1 {
		font-size: 18px
	}
}

.rabbit4 .p2 {
	margin: 13px 50px 0;
	margin-right: 75px;
	text-indent: 2em
}

.rabbit4 .x-more {
	margin-top: 22px;
	text-align: center
}

.rabbit4 .x-more .icon {
	background-image: url(/static/image/rabbit/png83.png)
}

.rabbit4 .list {
	margin-top: 23px;
	position: relative
}

.rabbit4 .list::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 41.0714285%
}

.rabbit4 .list .col-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%
}

.rabbit4 .list .col {
	width: calc((100% - 30px) / 4)
}

.rabbit4 .list .col+.col {
	margin-left: 10px
}

.rabbit4 .list .col:nth-child(4) {
	position: relative
}

.rabbit4 .list .col:nth-child(4)::before {
	content: '';
	width: 65.39589%;
	padding-top: 29.91202%;
	position: absolute;
	left: 44.868035%;
	top: -9.2173913%;
	background: url(/static/image/rabbit/png34.png) no-repeat center;
	background-size: contain;
	z-index: 9
}

.rabbit4 .list .item {
	background: #cd5034;
	border-radius: 10px;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .item a {
	display: block;
	height: 100%
}

.rabbit4 .list .item+.item {
	margin-top: 10px
}

.rabbit4 .list .img {
	margin: auto
}

.rabbit4 .list .t {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 23px 15px 18px;
	text-align: center
}

.rabbit4 .list .i1 {
	height: 62.95652%
}

.rabbit4 .list .i1 a {
	padding-top: 72px
}

.rabbit4 .list .i1 .img {
	width: 89.73607%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i1 .img::before {
	content: '';
	display: block;
	padding-top: 54.57516%
}

.rabbit4 .list .i1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i2 {
	height: 35.82608%
}

.rabbit4 .list .i2 a {
	padding-top: 30px
}

.rabbit4 .list .i2 .img {
	width: 75.073313%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i2 .img::before {
	content: '';
	display: block;
	padding-top: 42.1875%
}

.rabbit4 .list .i2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i3 {
	height: 30.608695%
}

.rabbit4 .list .i3 a {
	padding-top: 14px
}

.rabbit4 .list .i3 .img {
	width: 37.8299%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i3 .img::before {
	content: '';
	display: block;
	padding-top: 85.27132%
}

.rabbit4 .list .i3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i4 {
	height: 30.608695%
}

.rabbit4 .list .i4 a {
	padding-top: 20px
}

.rabbit4 .list .i4 .img {
	width: 60.99706%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i4 .img::before {
	content: '';
	display: block;
	padding-top: 43.26923%
}

.rabbit4 .list .i4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i5 {
	height: 35.82608%
}

.rabbit4 .list .i5 a {
	padding-top: 18px
}

.rabbit4 .list .i5 .img {
	width: 58.064516%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i5 .img::before {
	content: '';
	display: block;
	padding-top: 67.67677%
}

.rabbit4 .list .i5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i6 {
	height: 35.82608%
}

.rabbit4 .list .i6 a {
	padding-top: 18px
}

.rabbit4 .list .i6 .img {
	width: 66.27565%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i6 .img::before {
	content: '';
	display: block;
	padding-top: 51.76991%
}

.rabbit4 .list .i6 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i7 {
	height: 62.95652%
}

.rabbit4 .list .i7 a {
	padding-top: 13px
}

.rabbit4 .list .i7 .img {
	width: 56.01173%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i7 .img::before {
	content: '';
	display: block;
	padding-top: 151.3089%
}

.rabbit4 .list .i7 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i8 {
	background: transparent
}

.rabbit4 .list .i8 .img {
	width: 100%;
	position: relative;
	overflow: hidden
}

.rabbit4 .list .i8 .img::before {
	content: '';
	display: block;
	padding-top: 168.6217%
}

.rabbit4 .list .i8 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit4 .list .i8 .t {
	background: url(/static/image/rabbit/png85.png) no-repeat center bottom
}

.rabbit5 {
	position: relative;
	padding: 82px 0 0
}

.rabbit5::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 788px;
	background: url(/static/image/rabbit/jpg10.jpg) no-repeat center;
	background-size: cover;
	z-index: 1
}

.rabbit5 .x-wrap {
	z-index: 2
}

.rabbit5 .p1 {
	font-size: 20px;
	color: #bb4a1d;
	margin-top: 18px
}

@media screen and (max-width: 768px) {
	.rabbit5 .p1 {
		font-size: 18px
	}
}

.rabbit5 .p2 {
	margin: 12px 50px 0;
	text-indent: 2em
}

body:not(.lang-en) .rabbit5 .p2 {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit5 .x-more {
	text-align: center
}

.rabbit5 .slick-mod {
	margin-top: 22px
}

.rabbit5 .bg {
	position: relative;
	overflow: hidden;
	width: 99.78571428%;
	z-index: 1;
	background: url(/static/image/rabbit/png36.png) no-repeat center;
	background-size: contain;
	margin: auto
}

.rabbit5 .bg::before {
	content: '';
	display: block;
	padding-top: 49.24839%
}

.rabbit5 .bg .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .col-box {
	position: absolute;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 3.078024%;
	height: 100%
}

.rabbit5 .col {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.rabbit5 .col:last-child {
	width: 24.6189%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.rabbit5 .col .item {
	position: relative
}

.rabbit5 .col .img {
	margin: auto
}

.rabbit5 .col .t {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.rabbit5 .list1 .i1,
.rabbit5 .list1 .i4,
.rabbit5 .list1 .i6 {
	height: 48.401162%
}

.rabbit5 .list1 .i2,
.rabbit5 .list1 .i5,
.rabbit5 .list1 .i7 {
	height: 44.91279%
}

.rabbit5 .list1 .i1 {
	padding-top: 29.393939%
}

.rabbit5 .list1 .i1 .img {
	width: 83.939393%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i1 .img::before {
	content: '';
	display: block;
	padding-top: 55.95668%
}

.rabbit5 .list1 .i1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i2 {
	padding-top: 15.454545%
}

.rabbit5 .list1 .i2 .img {
	width: 66.363636%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i2 .img::before {
	content: '';
	display: block;
	padding-top: 98.17352%
}

.rabbit5 .list1 .i2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i3 {
	height: 93.313953%;
	padding-top: 19.393939%
}

.rabbit5 .list1 .i3 .img {
	width: 54.545454%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i3 .img::before {
	content: '';
	display: block;
	padding-top: 288.33333%
}

.rabbit5 .list1 .i3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i4 {
	padding-top: 17.272727%
}

.rabbit5 .list1 .i4 .img {
	width: 53.030303%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i4 .img::before {
	content: '';
	display: block;
	padding-top: 126.28571%
}

.rabbit5 .list1 .i4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i5 {
	padding-top: 31.81818%
}

.rabbit5 .list1 .i5 .img {
	width: 72.1212121%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i5 .img::before {
	content: '';
	display: block;
	padding-top: 48.7395%
}

.rabbit5 .list1 .i5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i6 {
	padding-top: 20.123839%
}

.rabbit5 .list1 .i6 .img {
	width: 64.8484848%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i6 .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.rabbit5 .list1 .i6 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list1 .i7 {
	padding-top: 11.455108%
}

.rabbit5 .list1 .i7 .img {
	width: 61.5151515%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list1 .i7 .img::before {
	content: '';
	display: block;
	padding-top: 100.49261%
}

.rabbit5 .list1 .i7 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i2,
.rabbit5 .list2 .i5 {
	height: 48.401162%
}

.rabbit5 .list2 .i3,
.rabbit5 .list2 .i6 {
	height: 44.91279%
}

.rabbit5 .list2 .i1,
.rabbit5 .list2 .i4 {
	height: 93.313953%
}

.rabbit5 .list2 .i1 {
	padding-top: 26.060606%
}

.rabbit5 .list2 .i1 .img {
	width: 72.424242%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i1 .img::before {
	content: '';
	display: block;
	padding-top: 195.39749%
}

.rabbit5 .list2 .i1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i2 {
	padding-top: 20%
}

.rabbit5 .list2 .i2 .img {
	width: 65.151515%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i2 .img::before {
	content: '';
	display: block;
	padding-top: 99.53488%
}

.rabbit5 .list2 .i2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i3 {
	padding-top: 20%
}

.rabbit5 .list2 .i3 .img {
	width: 83.333333%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i3 .img::before {
	content: '';
	display: block;
	padding-top: 63.27273%
}

.rabbit5 .list2 .i3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i4 {
	padding-top: 44.848484%
}

.rabbit5 .list2 .i4 .img {
	width: 61.8181818%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i4 .img::before {
	content: '';
	display: block;
	padding-top: 196.56863%
}

.rabbit5 .list2 .i4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i5 {
	padding-top: 34.98452%
}

.rabbit5 .list2 .i5 .img {
	width: 72.1212121%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i5 .img::before {
	content: '';
	display: block;
	padding-top: 47.24409%
}

.rabbit5 .list2 .i5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list2 .i6 {
	padding-top: 15.170278%
}

.rabbit5 .list2 .i6 .img {
	width: 64.8484848%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list2 .i6 .img::before {
	content: '';
	display: block;
	padding-top: 98.57143%
}

.rabbit5 .list2 .i6 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i1,
.rabbit5 .list3 .i3,
.rabbit5 .list3 .i6 {
	height: 48.401162%
}

.rabbit5 .list3 .i2,
.rabbit5 .list3 .i4,
.rabbit5 .list3 .i7 {
	height: 44.91279%
}

.rabbit5 .list3 .i1 {
	padding-top: 38.484848%
}

.rabbit5 .list3 .i1 .img {
	width: 57.272727%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i1 .img::before {
	content: '';
	display: block;
	padding-top: 64.02116%
}

.rabbit5 .list3 .i1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i2 {
	padding-top: 13.636363%
}

.rabbit5 .list3 .i2 .img {
	width: 65.757575%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i2 .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.rabbit5 .list3 .i2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i3 {
	padding-top: 13.33333%
}

.rabbit5 .list3 .i3 .img {
	width: 74.242424%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i3 .img::before {
	content: '';
	display: block;
	padding-top: 98.36735%
}

.rabbit5 .list3 .i3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i4 {
	padding-top: 25.151515%
}

.rabbit5 .list3 .i4 .img {
	width: 63.939393%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i4 .img::before {
	content: '';
	display: block;
	padding-top: 58.76777%
}

.rabbit5 .list3 .i4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i5 {
	padding-top: 18.181818%;
	height: 93.313953%
}

.rabbit5 .list3 .i5 .img {
	width: 55.151515%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i5 .img::before {
	content: '';
	display: block;
	padding-top: 294.50549%
}

.rabbit5 .list3 .i5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i6 {
	padding-top: 17.02786%
}

.rabbit5 .list3 .i6 .img {
	width: 61.609907%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i6 .img::before {
	content: '';
	display: block;
	padding-top: 101.00503%
}

.rabbit5 .list3 .i6 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit5 .list3 .i7 {
	padding-top: 13.93188%
}

.rabbit5 .list3 .i7 .img {
	width: 69.040247%;
	position: relative;
	overflow: hidden
}

.rabbit5 .list3 .i7 .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.rabbit5 .list3 .i7 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit6 {
	position: relative;
	z-index: 2;
	padding: 40px 0 54px;
	background: url(/static/image/rabbit/jpg14-1.jpg) no-repeat bottom center
}

.rabbit6 .imgt {
	width: 193px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: -5px
}

.rabbit6 .imgt::before {
	content: '';
	display: block;
	padding-top: 51.81347%
}

.rabbit6 .imgt .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit6 .p1 {
	font-size: 20px;
	color: #bb4a1d;
	margin-top: 25px
}

@media screen and (max-width: 768px) {
	.rabbit6 .p1 {
		font-size: 18px
	}
}

.rabbit6 .p2 {
	margin: 12px 50px 0;
	text-indent: 2em;
	margin-right: 60px
}

.rabbit6 .x-more {
	text-align: center;
	margin-top: 23px
}

.rabbit6 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -4px
}

.rabbit6 .l1 {
	width: 223px;
	position: relative;
	overflow: hidden;
	margin-top: 5px
}

.rabbit6 .l1::before {
	content: '';
	display: block;
	padding-top: 181.16592%
}

.rabbit6 .l1 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit6 .l2 {
	width: 332px;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	margin-left: 59px
}

.rabbit6 .l2::before {
	content: '';
	display: block;
	padding-top: 118.37349%
}

.rabbit6 .l2 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit6 .l3 {
	width: 275px;
	position: relative;
	overflow: hidden;
	margin-top: 46px;
	margin-left: 68px
}

.rabbit6 .l3::before {
	content: '';
	display: block;
	padding-top: 146.18182%
}

.rabbit6 .l3 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit6 .l4 {
	width: 189px;
	position: relative;
	overflow: hidden;
	margin-left: 95px
}

.rabbit6 .l4::before {
	content: '';
	display: block;
	padding-top: 213.22751%
}

.rabbit6 .l4 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit7 {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 83px 0 142px;
	background: url(/static/image/rabbit/jpg14-2.jpg) no-repeat top center;
	background-size: cover
}

.rabbit7 .p1 {
	font-size: 20px;
	color: #ffcb7f;
	margin-top: 19px
}

@media screen and (max-width: 768px) {
	.rabbit7 .p1 {
		font-size: 18px
	}
}

.rabbit7 .p2 {
	margin: 16px 50px 0;
	text-indent: 2em;
	margin-right: 60px
}

body:not(.lang-en) .rabbit7 .p2 {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit7 .p {
	margin: 16px 50px 0;
	text-indent: 2em;
	margin-right: 60px
}

body:not(.lang-en) .rabbit7 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.rabbit7 .xicon {
	display: none
}

.rabbit7 .t-btn {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 50px;
	width: 159px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 30px
}

.rabbit7 .t-btn .t {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.rabbit7 .t-btn .t {
		font-size: 18px
	}
}

.rabbit7 .btn1 {
	background-image: url(/static/image/rabbit/png88.png)
}

.rabbit7 .btn2 {
	background-image: url(/static/image/rabbit/png60.png)
}

.rabbit7 .btn3 {
	background-image: url(/static/image/rabbit/png61.png)
}

.rabbit7 .btn4 {
	background-image: url(/static/image/rabbit/png62.png)
}

.rabbit7 .btn5 {
	background-image: url(/static/image/rabbit/png63.png)
}

.rabbit7 .cur .btn1 {
	background-image: url(/static/image/rabbit/png59.png)
}

.rabbit7 .cur .btn2 {
	background-image: url(/static/image/rabbit/png89.png)
}

.rabbit7 .cur .btn3 {
	background-image: url(/static/image/rabbit/png90.png)
}

.rabbit7 .cur .btn4 {
	background-image: url(/static/image/rabbit/png91.png)
}

.rabbit7 .cur .btn5 {
	background-image: url(/static/image/rabbit/png92.png)
}

.rabbit7 .tab-mod {
	margin-top: 46px
}

.rabbit7 .tracker-mod .tracker-item.cur {
	color: #fff
}

.rabbit7 .tracker-mod .tracker-item+.tracker-item {
	margin-left: 55px
}

.rabbit7 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px
}

.rabbit7 .list .li {
	width: calc((100% - 40px) / 5);
	text-align: center
}

.rabbit7 .list .li+.li {
	margin-left: 10px
}

.rabbit7 .list .li .img {
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.rabbit7 .list .li .img::before {
	content: '';
	display: block;
	padding-top: 77.94118%
}

.rabbit7 .list .li .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.rabbit7 .list .li .t {
	margin-top: 15px
}

.pop-rabbit {
	background: transparent
}

.pop-rabbit .x-title {
	font-size: 40px;
	line-height: 1.2
}

@media screen and (max-width: 1440px) {
	.pop-rabbit .x-title {
		font-size: 36px
	}
}

@media screen and (max-width: 768px) {
	.pop-rabbit .x-title {
		font-size: 26px
	}
}

.pop-rabbit .pop-close {
	font-size: 22px;
	color: #b0b0b0;
	right: 10px
}

.pop-rabbit .pop-dialog {
	background: transparent
}

.pop-rabbit .pop-cont {
	border-radius: 10px;
	background-color: #ebe6d6;
	-webkit-box-shadow: 0px 13px 51px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 13px 51px 0px rgba(0, 0, 0, 0.24);
	width: 1000px;
	position: relative;
	padding: 58px 50px 85px
}

.pop-rabbit .icon1 {
	top: -53px;
	right: -19px;
	width: 100px;
	position: relative;
	overflow: hidden;
	position: absolute;
	background: url(/static/image/rabbit/png87.png) no-repeat center;
	background-size: contain
}

.pop-rabbit .icon1::before {
	content: '';
	display: block;
	padding-top: 53%
}

.pop-rabbit .icon1 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.pop-rabbit .icon2 {
	width: 101.0015%;
	position: relative;
	overflow: hidden;
	position: absolute;
	background: url(/static/image/rabbit/png86.png) no-repeat center;
	background-size: contain;
	left: -0.539291%;
	bottom: -8.87%;
	pointer-events: none;
	z-index: 1
}

.pop-rabbit .icon2::before {
	content: '';
	display: block;
	padding-top: 13.72998%
}

.pop-rabbit .icon2 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.pop-rabbit .scroll-mod {
	margin-top: 20px;
	font-size: 18px;
	max-height: 340px;
	position: relative;
	z-index: 2
}

body:not(.lang-en) .pop-rabbit .scroll-mod {
	text-align: justify;
	text-justify: inter-ideograph
}

@media screen and (max-width: 768px) {
	.pop-rabbit .scroll-mod {
		font-size: 16px
	}
}

.pop-rabbit .scroll-mod .p {
	text-indent: 2em
}

.pop-rabbit .scroll-mod .p+.p {
	margin-top: 15px
}

@media (min-width: 769px) {
	.rabbit3 .box2 .cont2 .box:hover .mask {
		opacity: 1;
		visibility: visible
	}
}

@media (max-width: 768px) {
	.rabbit2 {
		padding: 40px 0;
		font-size: 14px
	}

	.rabbit2 .jx {
		height: auto;
		top: -13px;
		background-size: auto 100%
	}

	.rabbit2 .jx::before {
		content: '';
		display: block;
		padding-top: 7.7083333%
	}

	.rabbit2 .jx .icon {
		width: 19.635416%;
		top: -10px
	}

	.rabbit2 .cont1 {
		display: block
	}

	.rabbit2 .cont1 .lbox {
		width: 100%;
		padding: 0
	}

	.rabbit2 .cont1 .lbox .p1 {
		margin-top: 10px
	}

	.rabbit2 .cont1 .lbox .p2 {
		margin-top: 10px
	}

	.rabbit2 .cont1 .lbox .x-more {
		margin-top: 15px
	}

	.rabbit2 .cont1 .rbox {
		width: 100%;
		margin-top: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rabbit2 .cont1 .rbox .item {
		width: calc((100% - 10px) / 2);
		margin-bottom: 10px;
		height: auto;
		padding: 0
	}

	.rabbit2 .cont1 .rbox .item:nth-child(2n-1) {
		margin-left: 0px
	}

	.rabbit2 .cont1 .rbox .item a {
		display: block;
		padding: 20px 0 calc(1em*1.5*2 + 15px)
	}

	.rabbit2 .cont1 .rbox .item .txtbox {
		bottom: 10px;
		padding: 0 10px
	}

	.rabbit2 .cont2 {
		margin-top: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rabbit2 .cont2 .item {
		width: calc((100% - 10px) / 2);
		margin: 10px 10px 0 0
	}

	.rabbit2 .cont2 .item:nth-child(2n) {
		margin-right: 0
	}

	.rabbit2 .cont2 .item+.item {
		margin-left: 0
	}

	.rabbit2 .cont2 .item .txtbox {
		padding: 5px
	}

	.rabbit3 .box1 {
		padding-top: 40px
	}

	.rabbit3 .box1 .p1 {
		margin-top: 10px
	}

	.rabbit3 .box1 .p2 {
		margin: 10px 0 0
	}

	.rabbit3 .box1 .p3 {
		margin-top: 15px
	}

	.rabbit3 .box1 .cont {
		padding-bottom: 10px
	}

	.rabbit3 .box1 .cont .list {
		margin-top: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rabbit3 .box1 .cont .list .t {
		padding: 0 20px
	}

	.rabbit3 .box1 .cont .list .item {
		width: calc((100% - 30px) / 2);
		margin: 0 10px 30px 0;
		height: auto;
		position: relative;
		overflow: hidden;
		overflow: visible
	}

	.rabbit3 .box1 .cont .list .item::before {
		content: '';
		display: block;
		padding-top: 100%
	}

	.rabbit3 .box1 .cont .list .item .i {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.rabbit3 .box1 .cont .list .item:nth-child(2n) {
		margin-right: 0
	}

	.rabbit3 .box1 .cont .list .l4 .t {
		padding: 0 20px
	}

	.rabbit3 .box1 .cont .imgbox {
		display: none
	}

	.rabbit3 .box2 {
		padding: 40px 0
	}

	.rabbit3 .box2 .cont1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.rabbit3 .box2 .cont1 .lbox {
		width: 100%;
		padding: 0;
		margin-top: 20px
	}

	.rabbit3 .box2 .cont1 .lbox .x-more {
		margin-top: 10px
	}

	.rabbit3 .box2 .cont1 .rbox {
		margin: 0 auto
	}

	.rabbit3 .box2 .cont2 {
		margin-top: 0
	}

	.rabbit3 .box2 .cont2 .img img {
		width: 70%;
		margin: auto
	}

	.rabbit3 .box2 .cont2 .mask {
		opacity: 1;
		visibility: visible;
		position: static;
		margin-top: 10px;
		color: #333;
		background: transparent
	}

	.rabbit3 .box2 .cont2 .slick-nav {
		margin-top: 20px
	}

	.rabbit4 {
		padding: 40px 0
	}

	.rabbit4 .jx {
		height: auto;
		padding-top: 11.71875%;
		background-size: contain;
		top: -25px
	}

	.rabbit4 .p1 {
		margin-top: 10px
	}

	.rabbit4 .p2 {
		margin: 10px 0 0
	}

	.rabbit4 .list::before {
		display: none
	}

	.rabbit4 .list .col-box {
		position: static;
		display: block
	}

	.rabbit4 .list .col {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rabbit4 .list .col+.col {
		margin: 10px 0 0
	}

	.rabbit4 .list .col:nth-child(2) .item:nth-child(1) {
		width: 100%;
		margin: 0 0 10px
	}

	.rabbit4 .list .col:nth-child(2) .item:nth-child(1) .img {
		width: 30%
	}

	.rabbit4 .list .col:nth-child(2) .i5 {
		margin-left: 10px
	}

	.rabbit4 .list .col:nth-child(4) {
		margin-top: 50px;
		display: none
	}

	.rabbit4 .list .item {
		height: 150px;
		width: calc((100% - 10px) / 2);
		margin-right: 10px
	}

	.rabbit4 .list .item+.item {
		margin: 0
	}

	.rabbit4 .list .item .img {
		width: 70%;
		height: 75%
	}

	.rabbit4 .list .item .img img.i {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.rabbit4 .list .item .img::before {
		display: none
	}

	.rabbit4 .list .item a {
		padding: 10px
	}

	.rabbit4 .list .t {
		padding: 10px
	}

	.rabbit4 .list .i8 .img {
		width: 100%
	}

	.rabbit4 .list .i8 a {
		padding: 0
	}

	.rabbit4 .list .i8 .t {
		position: absolute;
		padding: 10px;
		background-size: 100% 100%
	}

	.rabbit5 {
		padding: 40px 0
	}

	.rabbit5::before {
		height: 100%
	}

	.rabbit5 .p1 {
		margin-top: 10px
	}

	.rabbit5 .p2 {
		margin: 10px 0 0
	}

	.rabbit5 .x-more {
		margin-top: 15px
	}

	.rabbit5 .bg {
		display: none
	}

	.rabbit5 .col-box {
		position: static;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0
	}

	.rabbit5 .col {
		display: block;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}

	.rabbit5 .col:last-child {
		width: 50%
	}

	.rabbit5 .col .t {
		margin-top: 0px;
		bottom: auto;
		top: calc(100% - 1em*1.5*2)
	}

	.rabbit5 .list1 .item,
	.rabbit5 .list2 .item,
	.rabbit5 .list3 .item {
		padding: 20px 0 0;
		height: 150px
	}

	.rabbit5 .list1 .item a,
	.rabbit5 .list2 .item a,
	.rabbit5 .list3 .item a {
		display: block;
		height: 100%;
		padding-bottom: calc(1em*1.5*2)
	}

	.rabbit5 .list1 .item .img,
	.rabbit5 .list2 .item .img,
	.rabbit5 .list3 .item .img {
		width: 70%;
		height: calc(100% - 1em*1.5*0.5)
	}

	.rabbit5 .list1 .item .img::before,
	.rabbit5 .list2 .item .img::before,
	.rabbit5 .list3 .item .img::before {
		display: none
	}

	.rabbit5 .list1 .item .img img.i,
	.rabbit5 .list2 .item .img img.i,
	.rabbit5 .list3 .item .img img.i {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.rabbit5 .list1 .i3 {
		height: 300px
	}

	.rabbit5 .list2 .i1,
	.rabbit5 .list2 .i4 {
		height: 300px
	}

	.rabbit5 .list3 .i5 {
		height: 300px
	}

	.rabbit5 .slick-nav {
		margin-top: 20px
	}

	.rabbit6 {
		padding: 40px 0;
		background-size: 150% auto
	}

	.rabbit6 .imgt {
		width: 30%;
		margin-left: 10px
	}

	.rabbit6 .p1 {
		margin-top: 10px
	}

	.rabbit6 .p2 {
		margin: 10px 0 0
	}

	.rabbit6 .x-more {
		margin-top: 15px
	}

	.rabbit6 .list {
		margin-top: 10px;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.rabbit6 .list .li {
		margin: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.rabbit6 .list .li+.li {
		margin-left: 10px
	}

	.rabbit7 {
		padding: 40px 0
	}

	.rabbit7 .p1 {
		margin-top: 10px
	}

	.rabbit7 .p2 {
		margin: 10px 0 0
	}

	.rabbit7 .tab-mod {
		margin-top: 20px
	}

	.rabbit7 .tracker-mod .tracker-item+.tracker-item {
		margin-left: 15px
	}

	.rabbit7 .p {
		margin: 10px 0 0
	}

	.rabbit7 .list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rabbit7 .list .li {
		width: calc((100% - 10px) / 2);
		margin: 0 10px 15px 0
	}

	.rabbit7 .list .li+.li {
		margin-left: 0
	}

	.rabbit7 .list .li:nth-child(2n) {
		margin-right: 0
	}

	.rabbit7 .list .li .t {
		margin-top: 10px
	}

	.pop-rabbit .pop-cont {
		width: 100%;
		padding: 20px 20px 40px
	}

	.pop-rabbit .scroll-mod {
		max-height: 220px;
		margin-top: 10px
	}

	.pop-rabbit .pop-close {
		right: 0;
		top: 0px
	}

	.pop-rabbit .icon2 {
		bottom: -11px
	}

	.pop-rabbit .icon1 {
		width: 50px;
		top: -26.5px;
		right: 0
	}
}

.article-page {
	padding: 50px 0
}

.article-page .article-head {
	margin-bottom: 30px;
	text-align: center
}

.article-page .article-head .t {
	font-size: 1.7em
}

.article-page .article-head .info {
	margin-top: 10px;
	color: #707070
}

.article-page .article-head .s {
	margin: 0 15px
}

.article-page .article-cont {
	margin-bottom: 30px
}

.article-page .article-cont p,
.article-page .article-cont .p {
	text-indent: 2em;
	text-align: justify;
	text-justify: inter-ideograph
}

.article-page .article-cont p+p,
.article-page .article-cont .p+.p {
	margin-top: 1em
}

.article-page .article-cont .img {
	margin: 1em 0
}

.article-page .article-cont iframe,
.article-page .article-cont video,
.article-page .article-cont img {
	display: block;
	margin: auto;
	max-width: 100%;
	min-height: 100%;
	height: auto !important;
	border: 0
}

.article-page .article-cont .video-mod {
	margin-bottom: 1em
}

.article-page .article-paging {
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.article-page .article-paging .article-link {
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s
}

.article-page .article-paging .article-prev {
	float: left;
	padding-left: 30px
}

.article-page .article-paging .article-next {
	float: right;
	padding-right: 30px
}

.article-page .article-paging .xfont {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
	left: 0
}

.article-page .article-paging .article-next .xfont {
	right: 0
}

.article-page .share-mod {
	margin-bottom: 20px
}

@media screen and (min-width: 769px) {
	.article-page .article-paging .article-link:hover {
		color: red
	}
}

@media screen and (max-width: 768px) {
	.article-page .article-head .info {
		margin-top: 5px
	}

	.article-page .article-head .s {
		margin: 0 5px
	}

	.article-page .article-cont {
		margin-bottom: 20px
	}

	.article-page .article-paging {
		padding: 10px 0
	}

	.article-page .share-mod {
		margin-bottom: 10px
	}
}


.pop-pic2 img {
	max-width: 80vw;
	max-height: 70vh
}

.more1 {
	font-family: shsb;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px
}

.more1 img {
	margin-left: 0.5em
}

.more1:hover img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.ending1 {
	position: relative;
	background: no-repeat center center / cover;
	height: 100vh;
	color: #fff
}

.ending1 .content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50%;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%)
}

.ending1 .content .text {
	font-size: 16px;
	width: 100%;
	text-indent: 2em;
	line-height: 2.125;
	color: #fff;
	max-width: 775px
}

body:not(.lang-en) .ending1 .content .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending1 .title-party {
	font-size: 62px;
	margin-bottom: 43px
}

.ending2 {
	padding: 120px 0 200px;
	background: url(/static/image/party/by/pic15.jpg) no-repeat center center
}

.ending2 .text {
	margin-top: 30px;
	line-height: 1.8;
	padding: 0 30px;
	color: #666
}

body:not(.lang-en) .ending2 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending2 .text p {
	text-indent: 2em
}

.ending2 .bb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px;
	color: #666
}

.ending2 .bb .bttn {
	text-align: center
}

.ending2 .bb .bttn .h {
	margin-top: 0.8em;
	color: #8e0302;
	font-family: shsb;
	font-size: 18px
}

.ending2 .bb .bttn .ico img {
	width: 86px;
	height: 86px;
	border-radius: 50%
}

.ending2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px
}

.ending2 .list .li {
	width: calc((100% - 66px)/4);
	margin-right: 22px
}

.ending2 .list .li:last-child {
	margin-right: 0
}

.ending2 .list .img {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.ending2 .list .img::before {
	content: '';
	display: block;
	padding-top: 55.71956%
}

.ending2 .list .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.ending2 .list .t {
	font-size: 20px;
	text-align: center;
	margin-top: 15px
}

@media screen and (max-width: 768px) {
	.ending2 .list .t {
		font-size: 18px
	}
}

.ending2 .img_w {
	margin-top: 27px;
	padding: 0 30px
}

.ending2 .img_w .img {
	cursor: pointer
}

.ending2 .img_w .img img {
	width: 100%
}

.ending2 .img_w .t {
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
	color: #666
}

@media screen and (max-width: 768px) {
	.ending2 .img_w .t {
		font-size: 18px
	}
}

.ending3 {
	padding-bottom: 40px
}

.ending3 .des {
	margin-top: 30px;
	line-height: 1.8;
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending3 .des {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending3 .content {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ending3 .content .dl {
	width: 45%;
	background: #a10104;
	color: #fff;
	padding: 35px;
	line-height: 1.8
}

body:not(.lang-en) .ending3 .content .dl {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending3 .content .dl .b {
	margin-top: 1em
}

.ending3 .content .dl .text {
	text-indent: 2em
}

.ending3 .content .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fcf4eb;
	padding: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

body:not(.lang-en) .ending3 .content .dr {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending3 .content .dr .text {
	text-indent: 2em;
	color: #666
}

.ending3 .content .dr .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ending3 .content .dr .list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ending3 .content .dr .list .item .pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	width: 100%
}

.ending3 .content .dr .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 88.54167%
}

.ending3 .content .dr .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.ending3 .content .dr .list .item .pic img {
	max-width: 100%;
	max-height: 100%
}

.ending3 .content .dr .list .item .more1 {
	margin-top: 1em
}

.ending3 .bb {
	margin-top: 4em;
	line-height: 1.8;
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending3 .bb {
	text-align: justify;
	text-justify: inter-ideograph
}

body:not(.lang-en) .ending3 .bb {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending4 {
	position: relative;
	padding-top: 56.25%;
	background: #666;
	overflow: hidden
}

.ending4 .div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.ending4 .d {
	position: relative;
	cursor: pointer;
	height: 100%
}

.ending4 .d .v {
	content: "";
	background: url(/static/image/party/by/png1.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ending4 .d.s .v {
	display: none
}

.ending4 .d video {
	width: 100%;
	height: 100%;
	background: #000
}

.ending4 .r {
	width: 24%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 60px 0;
	right: -24%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ending4 .r:hover {
	right: 0
}

.ending4 .r:hover .arrow {
	-webkit-transform: none;
	transform: none;
	left: 0
}

.ending4 .r .arrow {
	background: url(/static/image/party/by/png2.png) no-repeat center center;
	width: 50px;
	height: 100px;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -50px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 1
}

.ending4 .r .list {
	width: 260px;
	margin: auto;
	overflow: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.ending4 .r .list .item {
	cursor: pointer
}

.ending4 .r .list .item:nth-child(n+2) {
	margin-top: 20px
}

.ending4 .r .list .item .h {
	margin-top: 10px;
	text-align: center;
	font-size: 20px
}

.ending4 .r .list .item img {
	width: 100%;
	height: auto
}

.ending4 .r .list .item.now .pic {
	border: 3px solid #a9191c
}

.ending4 .r .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #999
}

.ending4 .r .list .mCSB_scrollTools .mCSB_draggerRail {
	background: #ccc
}

.ending4 .r .list .mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.ending4 .r .bb {
	margin: 56px 0 0;
	font-size: 16px;
	color: #a10104;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ending5 .part1 {
	padding: 120px 0 0
}

.ending5 .part1 .des {
	line-height: 1.8;
	margin-top: 30px;
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending5 .part1 .des {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending5 .part1 .content {
	margin-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ending5 .part1 .content .dl {
	width: 50%
}

.ending5 .part1 .content .d1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-bottom: 10%
}

.ending5 .part1 .content .d1 img {
	max-width: 100%
}

.ending5 .part1 .content .d2 {
	position: relative
}

.ending5 .part1 .content .d2>img {
	width: 100%
}

.ending5 .part1 .content .d2 .b {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ending5 .part1 .content .d2 .b a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

.ending5 .part1 .content .dr {
	background: url(/static/image/party/by/pic18_3.jpg) no-repeat center center/cover;
	color: #fff;
	padding: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 50%
}

.ending5 .part1 .content .dr .txt {
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .ending5 .part1 .content .dr .txt {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending5 .part1 .content .dr .list {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.ending5 .part1 .content .dr .list .item {
	width: 50%
}

.ending5 .part1 .content .dr .list .item strong {
	font-size: 50px;
	font-family: avian;
	margin-right: 10px
}

.ending5 .part1 .content .dr .pic {
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(-40px, 23%);
	transform: translate(-40px, 23%);
	width: 45%
}

.ending5 .part1 .content .dr .pic img {
	max-width: 100%
}

.ending5 .part2 {
	padding: 120px 0;
	background: #fcf4eb
}

.ending5 .part2 .text {
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending5 .part2 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending5 .part2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px
}

.ending5 .part2 .list .h {
	font-size: 20px;
	text-align: center;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.ending5 .part2 .list .h {
		font-size: 18px
	}
}

.ending5 .part2 .list .item {
	margin: 0 20px
}

.ending5 .part2 .list .item img {
	height: 176px
}

.ending6 .des {
	line-height: 1.8;
	margin-top: 30px;
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending6 .des {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending6 .part1 {
	padding: 120px 0
}

.ending6 .part1 .text {
	text-indent: 2em;
	color: #666
}

.ending6 .part1 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ending6 .part1 .content .dl {
	width: 30%;
	margin-right: 60px
}

body:not(.lang-en) .ending6 .part1 .content .dl {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending6 .part1 .content .dl .bb {
	margin-top: 60px
}

.ending6 .part1 .content .dl .bb .more1 {
	margin-top: 1em
}

.ending6 .part1 .content .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.ending6 .part1 .content .dr .child {
	cursor: pointer
}

.ending6 .part1 .content .dr img {
	max-width: 100%
}

.ending6 .part1 .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 30%;
	margin-top: 60px;
	position: relative
}

.ending6 .part1 .nav::before {
	content: "";
	border-top: 1px dashed #eed2d2;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0
}

.ending6 .part1 .nav span {
	width: 38px;
	height: 37px;
	border: 1px solid #ccc;
	border-radius: 100%;
	cursor: pointer;
	background: #fff;
	position: relative;
	margin: 0 10px
}

.ending6 .part1 .nav span.prev {
	background: #fff url(/static/image/party/by/png6_1.png) no-repeat center center/24% auto;
	display: block
}

.ending6 .part1 .nav span.next {
	background: #fff url(/static/image/party/by/png6_2.png) no-repeat center center/24% auto;
	display: block
}

.ending6 .part2 {
	padding-bottom: 120px
}

.ending6 .part2 .img {
	width: 100%;
	margin-top: 20px;
	cursor: pointer
}

.ending6 .part2 .img .i {
	width: 100%
}

.ending6 .part2 .hh {
	text-align: center;
	font-size: 18px;
	padding: 10px 0
}

@media screen and (max-width: 768px) {
	.ending6 .part2 .hh {
		font-size: 16px
	}
}

.ending6 .part2 .text {
	line-height: 1.8;
	padding: 0 20px;
	text-indent: 2em;
	color: #666
}

body:not(.lang-en) .ending6 .part2 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending6 .part2 .maps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px
}

.ending6 .part2 .maps .d {
	border: 1px solid #ddd;
	width: calc(50% - 13px);
	position: relative;
	cursor: pointer
}

.ending6 .part2 .maps .d img {
	width: 100%
}

.ending6 .part2 .maps .d span {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(/static/image/party/by/png13.png) no-repeat center center/cover;
	width: 53px;
	height: 53px;
	cursor: pointer
}

.ending6 .part2 .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px
}

.ending6 .part2 .links .item {
	width: calc(33.33% - 8.66px)
}

.ending6 .part2 .links .item img {
	max-width: 100%
}

.ending6 .part2 .bb {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ending6 .part2 .layer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	padding: 60px;
	visibility: hidden;
	opacity: 0
}

.ending6 .part2 .layer.s {
	visibility: visible;
	opacity: 1
}

.ending6 .part2 .layer .h {
	text-align: center;
	font-size: 22px;
	font-family: shsb
}

.ending6 .part2 .layer .pic {
	margin-top: 40px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ending6 .part2 .layer .pic img {
	max-width: 100%;
	max-height: 100%
}

.ending6 .part2 .layer .close {
	background: url(/static/image/party/by/png14.png) no-repeat center center/cover;
	position: absolute;
	right: 25px;
	top: 25px;
	width: 42px;
	height: 43px;
	cursor: pointer
}

.ending7 {
	background: url(/static/image/party/by/pic7_2.jpg) no-repeat center center/cover;
	color: #fcdeb4;
	position: relative
}

.ending7::after {
	content: "";
	background: url(/static/image/party/by/png4.png) no-repeat center bottom/100% auto;
	padding-top: 14%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}

.ending7 .s-wrap {
	padding: 100px 120px 16%;
	background: #a51719
}

.ending7 .text1 {
	margin-top: 1em
}

body:not(.lang-en) .ending7 .text1 {
	text-align: justify;
	text-justify: inter-ideograph
}

.ending7 .text1 p {
	font-family: shsb;
	line-height: 2;
	font-size: 20px;
	text-indent: 2em
}

.ending7 .text1 .b {
	margin-top: 1.5em;
	padding-left: 50%
}

.ending7 .text2 {
	line-height: 1.8;
	margin-top: 3em;
	text-indent: 2em
}

body:not(.lang-en) .ending7 .text2 {
	text-align: justify;
	text-justify: inter-ideograph
}

@media screen and (max-width: 1300px) {
	.ending2 {
		padding: 80px 0 80px
	}

	.ending3 .content .dl {
		width: 40%
	}

	.ending5 .part1 {
		padding: 80px 0 0
	}

	.ending5 .part1 .content {
		margin-top: 50px
	}

	.ending5 .part2 {
		padding-bottom: 80px
	}

	.ending6 .part1 {
		padding: 80px 0
	}

	.ending6 .part2 {
		padding-bottom: 80px
	}

	.ending7 .s-wrap {
		padding: 80px 80px 16%
	}
}

@media screen and (max-width: 1430px) {
	.ending3 .content {
		display: block
	}

	.ending3 .content .dl {
		width: auto
	}

	.ending3 .content .dr .list {
		margin-top: 30px
	}

	.ending3 .bb {
		margin-top: 2em
	}

	.ending4 .r {
		padding: 40px 15px
	}

	.ending4 .r .list {
		width: auto
	}

	.ending5 .part1 .content {
		display: block
	}

	.ending5 .part1 .content .dl {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ending5 .part1 .content .dl .d1 {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.ending5 .part1 .content .dr {
		width: auto;
		padding-right: 40%
	}

	.ending5 .part1 .content .dr .pic {
		-webkit-transform: translate(-20px, 40px);
		transform: translate(-20px, 40px);
		width: 30%
	}

	.ending5 .part2 {
		padding: 80px 0
	}

	.ending6 .part1 .content .dl {
		margin-right: 40px;
		width: 35%
	}

	.ending6 .part2 .maps {
		margin-top: 30px
	}

	.ending7 .s-wrap {
		padding: 60px 60px 16%
	}
}

@media screen and (max-width: 768px) {
	.ending1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70vh
	}

	.ending1 .content {
		position: absolute
	}

	.ending1 .content .text {
		padding: 0;
		width: 100%
	}

	.ending1 .title-party {
		font-size: 26px;
		margin-bottom: 20px
	}

	.ending2 {
		padding: 50px 0 0px
	}

	.ending2 .text {
		margin-top: 20px;
		padding: 0
	}

	.ending2 .content {
		margin-top: 20px
	}

	.ending3 {
		padding: 50px 0 20px
	}

	.ending3 .content .dl {
		padding: 20px
	}

	.ending3 .content .dr {
		padding: 20px
	}

	.ending3 .content .dr .list {
		display: block;
		margin-top: 0
	}

	.ending3 .content .dr .list .item {
		margin: 20px 0;
		border-top: 1px solid #e0e0e0;
		padding-top: 20px
	}

	.ending3 .content .dr .list .item:first-child {
		border-top: none
	}

	.ending3 .content .dr .list .item .pic {
		height: auto
	}

	.ending3 .content .dr .list .item .pic .i {
		position: relative
	}

	.ending3 .content .dr .list .item .pic::before {
		display: none
	}

	.ending4 {
		padding: 0
	}

	.ending4 video {
		width: 100%;
		height: auto;
		display: block
	}

	.ending4 .div {
		position: static
	}

	.ending4 .r {
		position: static;
		width: auto;
		padding: 20px 15px
	}

	.ending4 .r .arrow {
		display: none
	}

	.ending4 .r .list {
		width: auto
	}

	.ending4 .r .list .mCSB_container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0 !important
	}

	.ending4 .r .list .item {
		width: calc(50% - 7.5px);
		margin: 5px 0 !important
	}

	.ending4 .r .list .item .h {
		font-size: 16px;
		margin-top: 5px
	}

	.ending4 .r .bb {
		margin-top: 10px
	}

	.ending4 .d::after {
		width: 50px;
		height: 50px;
		background-size: contain
	}

	.ending4 .d .v {
		display: none
	}

	.ending5 .part1 {
		padding: 50px 0 40px
	}

	.ending5 .part1 .content {
		margin-top: 30px
	}

	.ending5 .part1 .content .dl {
		display: block
	}

	.ending5 .part1 .content .dl .d1 {
		padding: 20px 0
	}

	.ending5 .part1 .content .dr {
		padding: 20px
	}

	.ending5 .part1 .content .dr .list {
		display: block;
		position: relative;
		z-index: 1
	}

	.ending5 .part1 .content .dr .list .item {
		width: auto
	}

	.ending5 .part1 .content .dr .list .item strong {
		font-size: 30px
	}

	.ending5 .part1 .content .dr .bb {
		margin-top: 20px;
		position: absolute;
		bottom: 30px
	}

	.ending5 .part1 .content .dr .pic {
		position: relative;
		-webkit-transform: none;
		transform: none;
		width: auto;
		text-align: right;
		margin-top: -56px;
		padding: 0;
		top: 56px
	}

	.ending5 .part2 {
		padding: 40px 0
	}

	.ending5 .part1 .content .dr .pic img {
		width: 150px;
		display: inline-block
	}

	.ending5 .part2 .list {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 20px
	}

	.ending5 .part2 .list .item {
		width: 30%;
		margin: 0
	}

	.ending5 .part2 .list .item img {
		max-width: 100%;
		height: auto
	}

	.ending6 .part1 {
		padding: 50px 0 40px
	}

	.ending6 .part1 .content {
		display: block
	}

	.ending6 .part1 .content .dl {
		width: auto;
		margin: 0;
		position: relative
	}

	.ending6 .part1 .content .dl .bb {
		margin-top: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.ending6 .part1 .content .dr {
		margin-top: 30px
	}

	.ending6 .part1 .nav {
		margin-top: 30px
	}

	.ending6 .part2 .text {
		padding: 0
	}

	.ending6 .part2 .maps .d {
		width: calc(50% - 7.5px)
	}

	.ending6 .part2 .links {
		display: block
	}

	.ending6 .part2 .links .item {
		width: auto
	}

	.ending6 .part2 .links .item:nth-child(n+2) {
		margin-top: 15px
	}

	.ending6 .part2 .bb {
		margin-top: 20px
	}

	.ending6 .part2 {
		padding-bottom: 40px
	}

	.ending6 .part1 .nav {
		padding: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.ending7 .s-wrap {
		padding: 50px 15px 20%
	}

	.ending7 .text1 .b {
		padding-left: 20%
	}

	.ending7 .text2 {
		margin-top: 2em
	}

	.ending6 .part2 .layer {
		position: fixed;
		z-index: 3;
		padding: 15px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		top: 0
	}

	.ending6 .part2 .layer .close {
		width: 30px;
		height: 30px;
		right: 20px;
		top: 70px
	}

	.ending6 .part2 .layer .pic {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}

	.ending4 .r .list {
		display: none
	}

	.ending2 .list .li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px
	}

	.ending2 .img_w {
		padding: 0
	}

	.ending1 .content {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		bottom: inherit;
		top: 100px
	}

	.pop-mod .pop-panel .pop-dialog {
		height: auto
	}

	.pop-pic2 .pop-dialog .inner {
		height: auto
	}

	.pop-pic2 .pop-dialog .inner img {
		width: 100%
	}

	.ending1 .title-party {
		text-align: center
	}

	.ending1 .content .text {
		line-height: 1.5
	}

	.more1 img {
		margin-left: 3px
	}
}


img {
	max-width: 100%;
	max-height: 100%
}

.sidebar {
	position: fixed;
	bottom: 10%;
	z-index: 999;
	right: 20px;
	display: none
}

.sidebar .gotop {
	background: url(/static/subject/image/sidebar_gotop.png) no-repeat
}

.sidebar a {
	min-width: 42px;
	height: 42px;
	display: block;
	margin-bottom: 1px;
	overflow: hidden
}

.pop-mod {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/static/subject/image/opacity-b60.png);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s
}

.pop-mod.x-show {
	opacity: 1;
	visibility: visible;
	z-index: 999
}


.pop-mod .pop-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.pop-mod .pop-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background-color: #474747;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	z-index: 1;
	cursor: pointer;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}

.pop-mod .pop-close:hover {
	filter: alpha(opacity=80);
	opacity: 0.8
}

.video-box {
	position: relative;
	height: 600px
}

.video-box .vjs-big-play-button {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer
}

.video-box .vjs-big-play-button:before {
	content: '\e7a3';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 94px;
	border: 2px solid;
	border-radius: 999px;
	font-size: 60px;
	color: #fff;
	text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.h54 {
	font-size: 54px;
	line-height: 1.2
}

.h48 {
	font-size: 48px;
	line-height: 1.2
}

.h40 {
	font-size: 40px
}

.h32 {
	font-size: 32px
}

.h26 {
	font-size: 26px
}

.h24 {
	font-size: 24px
}

.h22 {
	font-size: 22px
}

.h20 {
	font-size: 20px
}

.h18 {
	font-size: 18px
}

.h16 {
	font-size: 16px
}

.m-show {
	display: none
}

.r_tit,
.fw {
	font-weight: bolder
}

.r_tit span {
	color: #cf270d
}

.enter .item {
	display: inline-block
}

.enter .item+.item {
	margin-left: 54px
}

.enter .item a {
	display: block;
	padding-left: 56px;
	background: url(/static/subject/image/png2_03.png) no-repeat left center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.tips1 {
	font-size: 0;
	margin-top: 0px;
	text-align: center
}

.tips1 .ico1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	overflow: hidden;
	position: relative
}

.tips1 .ico1 img {
	width: 100%;
	height: auto
}

.tips1 .ico1 .arr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.tips1 .txt {
	color: #999999;
	padding-left: 14px;
	display: inline-block;
	vertical-align: middle
}

.tips1 em {
	display: none
}

.t_cont {
	margin: 0 120px;
	text-align: center
}

.t_cont .p {
	margin-top: 25px;
	line-height: 1.8
}

.pub_video .sbox {
	width: 100%;
	position: relative;
	padding-bottom: 51.302%
}

.pub_video .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1
}

.pub_video .vbtn {
	width: 185px;
	height: 185px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: url(/static/subject/image/png1_03.png) no-repeat center/cover;
	cursor: pointer;
	outline: none;
	z-index: 2
}

.pub_video .t {
	position: absolute;
	color: #fff;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 33px;
	z-index: 3
}

.pub_video .videos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.slick-vertical .slick-slide {
	border-width: 0
}

.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center
}

.slick-dot {
	display: inline-block;
	cursor: pointer;
	background: #fff;
	opacity: 0.4
}

.slick-active {
	opacity: 1
}

.pub_video .slick-dots {
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: auto
}

.pub_video .slick-dot {
	width: 14px;
	height: 14px;
	display: block;
	margin: 11px 0;
	border-radius: 50%
}



.red_part1 {
	color: #fff;
	position: relative;
	overflow: hidden
}

.red_part1 .sbox {
	position: relative;
	padding-bottom: 51.3%
}

.red_part1 .sbox img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.red_part1 .tbox {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 12%;
	width: 535px
}

.red_part1 .tbox .p {
	line-height: 1.86;
	margin-top: 30px
}

.red_part1 .slick-dots {
	bottom: 40px
}

.red_part1 .slick-dot {
	width: 42px;
	height: 4px;
	margin: 0 7px
}

.red_part2 {
	padding: 80px 0 0
}

.red_part2 .cont2 {
	margin-top: 80px
}

.red_part2 .cont3 {
	background: #f7f7f7;
	padding: 20px 10px
}

.red_part2 .cont3 .img {
	padding: 30px;
	background: #fff;
	margin: 0 10px;
	position: relative;
	cursor: pointer
}

.red_part2 .cont3 .img .t {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 40px;
	color: #fff;
	padding-bottom: 65px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.red_part2 .cont3 .slick-list {
	text-align: center
}

.red_part2 .cont3 .slick-track {
	display: inline-block
}

.red_part2 .slick-arrow {
	width: 40px;
	height: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: auto;
	z-index: 2;
	cursor: pointer
}

.red_part2 .slick-prev {
	background-image: url(/static/subject/image/png5_03.png);
	left: 40px
}

.red_part2 .slick-next {
	background-image: url(/static/subject/image/png6_03.png);
	right: 39px
}

.red_part2 .enter {
	background: #f7f7f7;
	padding: 30px 0 50px;
	text-align: center
}

.canvas_box {
	width: 100%;
	height: 100%;
	position: relative
}

.canvas_box .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.red_part2 .canvas_box {
	width: 100%;
	height: auto;
	padding-bottom: 177.54%
}

.red_part3 {
	padding: 80px 0 50px
}

.red_part3 .con {
	position: relative
}

.red_part3 .lbox {
	width: 37.5%;
	left: 0;
	top: 0;
	position: absolute
}

.red_part3 .lbox .pd {
	padding: 135px 70px 0 120px
}

.red_part3 .lbox .t_cont {
	text-align: left;
	margin: 0
}

.red_part3 .lbox .enter {
	margin-top: 75px
}

.red_part3 .rbox {
	padding-left: 37.5%
}

.red_part3 .rbox .rbox2 {
	margin-top: 80px
}

.red_part3 .rbox .imgbox .img {
	width: 394px;
	height: 700px;
	float: left;
	position: relative
}

.red_part3 .rbox .imgbox .img+.img {
	margin-left: 80px
}

.red_part3 .rbox .imgbox .img img {
	width: 100%;
	display: block
}

.red_part3 .rbox .imgbox .img .t {
	text-align: center;
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	color: #fff;
	white-space: normal;
	padding: 0 10px
}

.red_part3 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	opacity: 0;
	visibility: hidden
}

.red_part3 .tips1 {
	text-align: center;
	padding-top: 30px
}

.red_part3.lf .lbox {
	position: fixed
}

.red_part4 {
	background: #f7f7f7;
	padding: 80px 120px 20px
}

.red_part4 .cont1 {
	margin-top: 80px
}

.red_part4 .cont2 {
	margin-top: 50px;
	position: relative
}

.red_part4 .cont2 .img {
	background: #fff;
	margin-bottom: 60px;
	cursor: pointer
}

.red_part4 .cont2 .img .pd {
	padding: 30px;
	position: relative
}

.red_part4 .cont2 .img .t {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	padding: 40px;
	padding-bottom: 65px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.red_part4 .cont2 .img img {
	width: 100%;
	height: auto;
	display: block
}

.red_part4 .list-width,
.red_part4 .list-item {
	width: calc(33.33% - 50px)
}

.red_part4 .list-space {
	width: 75px
}

.red_part4 .enter {
	text-align: center;
	margin-top: 55px
}

.red_part5 {
	padding: 80px 0 50px;
	overflow: hidden
}

.red_part5 .cont {
	margin: 125px 120px 0;
	font-size: 0;
	white-space: nowrap
}

.red_part5 .cont .li {
	position: relative;
	color: #fff
}

.red_part5 .cont .li img {
	width: 100%;
	display: block
}

.red_part5 .cont .li .t {
	text-align: center;
	position: absolute;
	bottom: 33px;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.red_part5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	opacity: 0;
	visibility: hidden
}

.red_part5 .cont3 {
	padding: 20px 10px
}

.red_part5 .cont3 .img {
	padding: 30px;
	background: #fff;
	margin: 0 10px;
	position: relative;
	cursor: pointer
}

.red_part5 .cont3 .img .t {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 40px;
	color: #fff;
	padding-bottom: 65px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.red_part5 .cont3 .slick-list {
	text-align: center
}

.red_part5 .cont3 .slick-track {
	display: inline-block
}

.red_part5 .slick-arrow {
	width: 40px;
	height: 80px;
	position: absolute;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: auto;
	z-index: 2;
	cursor: pointer
}

.red_part5 .slick-prev {
	background-image: url(/static/subject/image/png5_03.png);
	left: 40px
}

.red_part5 .slick-next {
	background-image: url(/static/subject/image/png6_03.png);
	right: 39px
}

.red_part5 .enter {
	text-align: center;
	margin-top: 25px
}

.red_part6 {
	padding: 80px 0 50px;
	background: #f7f7f7
}

.red_part6 .cont {
	margin-top: 80px
}

.red_part6 .enter {
	margin-top: 50px;
	text-align: center
}

.red_part7 {
	position: relative
}

.red_part7 img {
	width: 100%;
	display: block
}

.red_part7 .t {
	position: absolute;
	width: 710px;
	position: absolute;
	top: 90px;
	left: 7.8125%;
	line-height: 1.8;
	color: #fff
}

.red_part7 .mimg {
	display: none
}

.red_part3 .rbox .imgbox .img {
	float: none
}

.red_part3 .scroll-box {
	position: relative;
	overflow: hidden
}

.red_part3 .scroll-track {
	display: table;
	white-space: nowrap
}

.red_part3 .scroll-item {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.red_part3 .tips em {
	display: none
}

.imgpop .pop-close {
	width: 23px;
	height: 23px;
	background: url(/static/subject/image/close1.png) no-repeat center;
	background-size: cover
}

.imgpop .pop-dialog {
	max-width: 500px;
	top: 50%;
	right: auto;
	left: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.imgpop .pop-dialog img {
	display: block
}

.txtc {
	text-align: center
}

.l-title .tit1 {
	font-size: 40px;
	font-weight: bold
}

.l-title .tit1 span {
	color: #cf270d
}

.l-title .tit2 {
	font-size: 20px;
	color: #3c382f;
	margin-top: 9px
}

.pointHref {
	width: 0;
	height: 0;
	position: absolute;
	top: -131px
}

.zhanwei {
	height: 0
}

.zhanwei.showd {
	height: 131px;
	margin-top: -30px
}

.pop-mod {
	opacity: 0;
	visibility: hidden;
	margin-top: 20px
}

.pop-mod.x-show {
	opacity: 1;
	visibility: visible;
	margin-top: 0
}

.scaleimg {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.scaleimg img {
	width: 100%;
	height: auto;
	-webkit-transition: transform .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.liro {
	position: relative;
	overflow: hidden
}

.liro:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform .5s;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.footer1 {
	background: #921f0c;
	padding: 50px 0 47px;
	color: #fff;
	text-align: center;
	font-size: 18px
}

.footer1 .t1 {
	display: inline-block;
	vertical-align: middle
}

.footer1 .t1 a {
	margin-left: 20px
}

.footer1 .t2 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px
}

.footer1 .share {
	text-align: center
}

.footer1 .share a {
	background: #404040;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 9px;
	margin-right: 10px;
	border-radius: 50%
}

.footer1 .share a img {
	vertical-align: top;
	width: 20px
}

.footer1 .share a:hover {
	background-color: #505050
}

.footer1 .nav_foot {
	margin-top: 20px;
	text-align: center;
	color: #fff;
	font-weight: bold
}

.footer1 .nav_foot a {
	display: inline-block
}

.footer1 .copyright {
	text-align: center
}

.footer1 .copyright a {
	display: inline-block
}

.footer1 .bottom span {
	display: inline-block;
	margin: 0 3px
}

.footer1 .text {
	text-align: center;
	line-height: 1.8
}

.footer1 .btns {
	margin-top: 15px;
	text-align: center
}

.footer1 .btns a {
	display: inline-block;
	height: 28px;
	line-height: 26px;
	border: 1px solid #b4b3b8;
	padding: 0 10px;
	color: #fff
}

.footer1 .num {
	text-align: center
}

.footer1 .num .inner {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.footer1 .num .inner i {
	display: inline-block;
	width: 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #404040;
	margin: 0 3px
}

.footer1 .code2d {
	position: absolute;
	left: 50%;
	top: 35px;
	margin-left: 360px;
	z-index: 110
}

.footer1 .code2d a {
	display: block;
	background: url(/static/subject/images/ico_hand.png) center center no-repeat;
	width: 38px;
	height: 38px;
	cursor: pointer
}

.footer1 .code2d a:after {
	content: "";
	position: absolute;
	left: 55%;
	top: 55%;
	background: url(/static/subject/images/ico_hand2.png) center center no-repeat;
	width: 26px;
	height: 26px;
	cursor: pointer;
	animation: chand 3s linear 0s infinite;
	-webkit-animation: chand 3s linear 0s infinite
}

.footer1 .code2d img {
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 282px;
	margin-left: -141px;
	display: none;
	max-width: none;
	max-height: none;
	margin-bottom: 20px
}

.footer1 .code2d:hover img {
	display: block
}

@-webkit-keyframes chand {
	0% {
		-webkit-transform: translate(0, 0)
	}

	10% {
		-webkit-transform: translate(5px, 5px)
	}

	20% {
		-webkit-transform: translate(0, 0)
	}

	30% {
		-webkit-transform: translate(5px, 5px)
	}

	40% {
		-webkit-transform: translate(0, 0)
	}

	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes chand {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	10% {
		-webkit-transform: translate(5px, 5px);
		transform: translate(5px, 5px)
	}

	20% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	30% {
		-webkit-transform: translate(5px, 5px);
		transform: translate(5px, 5px)
	}

	40% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@media screen and (min-width: 1021px) {
	.scaleimg:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.liro:hover:before {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.enter .item:hover a {
		color: #ff480c;
		background-image: url(/static/subject/image/png3_03.png)
	}

	.red_part2 .slick-prev:hover {
		background-image: url(/static/subject/image/png8_03.png)
	}

	.red_part2 .slick-next:hover {
		background-image: url(/static/subject/image/png7_03.png)
	}

	.red_part4 .cont2 .img:hover .t,
	.red_part3 .rbox .imgbox .img:hover .t， .red_part2 .cont3 .img:hover .t,
	.red_part5 .cont .li:hover .t,
	.red_part2 .cont3 .img:hover .t,
	.red_part3 .rbox .imgbox .img:hover .t {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@media screen and (min-width: 1021px) and (max-width: 1279px) {

	.header,
	.body,
	.footer1 {
		min-width: 1300px
	}

	.special6 .cont {
		height: 670px
	}
}

@media screen and (min-width: 1280px) {
	.tips1 .ico1 .p-show {
		-webkit-animation-name: translateXDraw;
		animation-name: translateXDraw;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 5s;
		animation-duration: 5s
	}

	@-webkit-keyframes translateXDraw {

		0%,
		65% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg)
		}

		70% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		75% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

		80% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		85% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

		90% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		95% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

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

	@keyframes translateXDraw {

		0%,
		65% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg)
		}

		70% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		75% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

		80% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		85% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

		90% {
			-webkit-transform: rotate(6deg);
			transform: rotate(6deg)
		}

		95% {
			-webkit-transform: rotate(-6deg);
			transform: rotate(-6deg)
		}

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

@media screen and (max-width: 1680px) {
	.t_cont {
		max-width: none;
		margin: 0 30px
	}
}

@media screen and (max-width: 1440px) {
	.t_cont {
		margin: 0 30px
	}

	.enter .item+.item {
		margin-left: 25px
	}

	.red_part3 .lbox .pd {
		padding-left: 30px;
		padding-top: 80px;
		padding-right: 30px
	}

	.red_part3 .rbox .imgbox .img+.img {
		margin-left: 40px
	}

	.red_part4 {
		padding-left: 30px;
		padding-right: 30px
	}

	.red_part5 .cont {
		margin-left: 30px;
		margin-right: 30px
	}

	.red_part5 .cont .li {
		margin: 0px
	}

	.red_part5 .cont3 {
		padding-left: 20px;
		padding-right: 20px
	}

	.red_part7 .t {
		left: 30px;
		top: 30px;
		line-height: 1.5;
		font-size: 20px;
		width: 680px
	}

	.red_part4 .list-width,
	.red_part4 .list-item {
		width: calc(33.33% - 24px)
	}

	.red_part4 .list-space {
		width: 35px
	}

	.imgpop .pop-dialog {
		max-width: 400px
	}
}

@media screen and (max-width: 1366px) {
	.imgpop .pop-dialog {
		max-width: 350px
	}
}

@media screen and (max-width: 1250px) {
	.header .nav_main {
		width: 710px
	}

	.header .nav_main li a {
		padding: 0 15px
	}

	.header .tools .d span {
		position: relative;
		top: -1px
	}
}

@media screen and (max-width: 1024px) {
	.p-show {
		display: none
	}

	.m-show {
		display: block
	}

	.h54 {
		font-size: 50px
	}

	.h48 {
		font-size: 44px
	}

	.h32 {
		font-size: 30px
	}

	.h26 {
		font-size: 24px
	}

	.h24 {
		font-size: 22px
	}

	.h20 {
		font-size: 18px
	}

	.h18 {
		font-size: 18px
	}

	.h16 {
		font-size: 16px
	}

	.special6 {
		padding-bottom: 40px
	}

	.footer1 .code2d {
		position: relative;
		top: auto;
		left: auto;
		margin-left: 0;
		display: inline-block;
		vertical-align: middle
	}

	.footer1 .clear {
		text-align: center;
		margin-top: 20px
	}

	.footer1 .code2d img {
		width: 140px;
		margin-left: -70px
	}

	.footer1 .t1 a {
		display: block;
		margin-left: 0;
		margin-top: 5px
	}

	.footer1 .t2 {
		margin-left: 0;
		margin-top: 5px
	}

	.footer1 {
		padding: 30px 0;
		font-size: 16px
	}
}

@media screen and (max-width: 1020px) {
	.gotop .s {
		font-size: 0.2rem
	}

	.bdmap {
		height: 6rem
	}

	.bdmap-info-item {
		width: 3rem
	}

	.pop-alert .pop-dialog {
		width: 7rem;
		height: 5rem
	}

	.video-box {
		height: 6rem
	}

	.video-box .vjs-big-play-button:before {
		width: 0.94rem;
		font-size: 0.6rem
	}

	.h54 {
		font-size: 24px
	}

	.h48 {
		font-size: 24px
	}

	.h32 {
		font-size: 22px
	}

	.h30 {
		font-size: 22px
	}

	.h28 {
		font-size: 20px
	}

	.h26 {
		font-size: 20px
	}

	.h24 {
		font-size: 18px
	}

	.h40 {
		font-size: 20px
	}

	.t_cont .p,
	.red_part1 .tbox .p {
		font-size: 14px
	}

	.h16 {
		font-size: 14px
	}

	.m-show {
		display: block
	}

	.p-show {
		display: none
	}

	.t_cont .p {
		line-height: 1.5;
		margin-top: 10px
	}

	.t_cont .p br {
		display: none
	}

	.enter {
		margin: 0 15px
	}

	.enter .item+.item {
		margin-left: 10px
	}

	.enter .item a {
		padding-left: 30px;
		background-size: 25px auto
	}

	.tips .icon {
		width: 30px;
		height: auto;
		margin-right: 10px
	}

	.t_cont {
		margin: 0 15px
	}

	.pub_video .slick-dots {
		right: 0;
		left: 0;
		bottom: 10px;
		top: auto;
		-webkit-transform: none;
		transform: none
	}

	.pub_video .slick-dot {
		display: inline-block;
		margin: 0 5px
	}

	.red_part1 .slick-dots {
		bottom: 10px
	}

	.red_part1 .slick-dot {
		width: 20px;
		margin: 0 5px
	}

	.red_part1 .tbox {
		left: 15px;
		right: 15px;
		width: calc(100% - 30px)
	}

	.red_part1 .tbox .p {
		line-height: 1.5;
		margin-top: 10px
	}

	.red_part2 {
		padding: 50px 0 0
	}

	.red_part2 .cont2 {
		margin: 25px 0
	}

	.red_part2 .cont3 {
		padding: 15px
	}

	.red_part2 .cont3 .img {
		padding: 10px;
		margin: 0
	}

	.red_part2 .cont3 .img .t {
		padding: 20px;
		padding-bottom: 40px
	}

	.red_part2 .slick-arrow {
		width: 30px;
		height: 60px
	}

	.red_part2 .slick-next {
		right: 10px
	}

	.red_part2 .slick-prev {
		left: 10px
	}

	.red_part2 .enter {
		padding: 20px 0 50px;
		margin: 0
	}

	.red_part3 {
		padding: 50px 0
	}

	.red_part3 .lbox {
		position: static;
		width: 100%
	}

	.red_part3 .lbox .t_cont {
		text-align: center;
		margin: 0 15px
	}

	.red_part3 .lbox .pd {
		padding: 0
	}

	.red_part3 .lbox .enter {
		margin-top: 15px;
		text-align: center
	}

	.red_part3 .rbox {
		padding-left: 0;
		margin-top: 30px
	}

	.red_part3 .rbox .rbox2 {
		margin-top: 0;
		padding: 15px 15px 0
	}

	.red_part3 .rbox .imgbox .img {
		width: 200px;
		height: auto
	}

	.red_part3 .rbox .imgbox .img .t {
		padding: 10px;
		bottom: 0px
	}

	.red_part3 .rbox .imgbox .img+.img {
		margin-left: 10px
	}

	.red_part3 .tips {
		padding-top: 0
	}

	.red_part4 {
		padding: 50px 0
	}

	.red_part4 .cont1 {
		margin-top: 25px
	}

	.red_part4 .cont2 {
		margin: 25px 15px 0
	}

	.red_part4 .cont2 .img {
		margin: 0 0 10px
	}

	.red_part4 .list-width,
	.red_part4 .list-item {
		width: calc(50% - 5px)
	}

	.red_part4 .list-space {
		width: 10px
	}

	.red_part4 .cont2 .img .pd {
		padding: 10px
	}

	.red_part4 .cont2 .img .t {
		padding: 15px;
		font-size: 14px;
		line-height: 1.3
	}

	.red_part4 .enter {
		margin-top: 25px
	}

	.red_part5 {
		padding: 50px 0
	}

	.red_part5 .cont {
		margin: 25px 15px 0
	}

	.red_part5 .cont .li .t {
		bottom: 10px
	}

	.red_part5 .cont3 {
		padding: 15px
	}

	.red_part5 .cont3 .img {
		padding: 10px;
		margin: 0
	}

	.red_part5 .cont3 .img .t {
		padding: 20px;
		padding-bottom: 40px
	}

	.red_part5 .slick-arrow {
		width: 30px;
		height: 60px
	}

	.red_part5 .slick-next {
		right: 10px
	}

	.red_part5 .slick-prev {
		left: 10px
	}

	.red_part5 .enter {
		margin-top: 0
	}

	.red_part6 {
		padding: 50px 0
	}

	.red_part6 .cont {
		margin-top: 25px
	}

	.red_part6 .enter {
		margin-top: 25px
	}

	.pub_video .t {
		bottom: 10px;
		padding: 0 10px
	}

	.red_part7 {
		overflow: hidden
	}

	.red_part7 .t {
		position: relative;
		width: 100%;
		z-index: 2;
		padding: 50px 15px;
		left: auto;
		top: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.red_part7 .mimg {
		display: block
	}

	.red_part7 .pimg {
		display: none
	}

	.pub_video .vbtn {
		width: 100px;
		height: 100px
	}

	.red_part3 .tips {
		padding-top: 30px
	}

	.red_part3 .tips span {
		display: none
	}

	.red_part3 .tips em {
		display: inline-block
	}

	.red_part3 .rbox .imgbox .img .t {
		white-space: normal
	}

	.tips1 em {
		display: inline
	}

	.tips1 span {
		display: none
	}

	.imgpop .pop-dialog {
		max-width: none;
		width: 70%
	}

	.pointHref {
		top: -91px
	}
}

@media screen and (max-width: 768px) {
	.body {
		padding-top: 76px
	}
}

.merit1 {
	background: no-repeat center center / cover;
	height: 100vh;
	position: relative
}

.merit1 .mask {
	background: #000
}

.merit1 .content {
	max-width: 900px;
	position: absolute;
	color: #fcdaae;
	left: 50%;
	bottom: 50%;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	width: 90%;
	text-shadow: 0 0 1em rgba(0, 0, 0, 0.8);
	text-align: center
}

.merit1 .content .title-party {
	font-size: 62px
}

.merit1 .content .h {
	font-size: 48px;
	line-height: 1.2;
	margin-top: 0.5em;
	line-height: 1.2;
	font-weight: 600;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.merit1 .content .h {
		font-size: 28px
	}
}

.merit1 .content .text {
	margin-top: 43px;
	line-height: 2.125;
	text-indent: 2em
}

body:not(.lang-en) .merit1 .content .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.merit2 {
	padding: 130px 0;
	background: #f7f7f7
}

.merit2 .text {
	margin-top: 30px;
	color: #666
}

.merit2 .link {
	margin-top: 40px;
	font-size: 18px
}

.merit2 .link a {
	text-decoration: underline
}

.merit2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px
}

.merit2 .list .item {
	width: calc(33.33% - 12px)
}

.merit2 .list .item .pic {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.merit2 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 56.28141%
}

.merit2 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.merit2 .list .item .h {
	margin-top: 1em;
	text-align: center;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.merit2 .list .item .h {
		font-size: 18px
	}
}

.merit3 {
	padding: 130px 0
}

.merit3 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .merit3 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.merit3 .b {
	margin-top: 10px;
	display: none
}

.merit3 .more {
	margin-top: 15px;
	text-align: center
}

.merit3 .link {
	margin-top: 10px;
	font-size: 18px
}

.merit3 .link a {
	text-decoration: underline;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.merit3 .link .b {
	margin-top: 0px;
	margin-left: 10px
}

.merit3 .list {
	margin-top: 40px
}

.merit3 .list::after {
	content: "";
	border-bottom: 1px dashed #bbb;
	display: block;
	margin: 0 60px
}

.merit3 .list .slick-list {
	padding-bottom: 80px
}

.merit3 .list .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.merit3 .list .slick-slide {
	margin: 0 9px;
	height: auto;
	position: relative
}

.merit3 .list .slick-slide>div {
	height: 100%
}

.merit3 .list .slick-slide::after {
	content: "";
	border-left: 1px dashed #bbb;
	width: 0;
	margin: auto;
	height: 60px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 20px
}

.merit3 .list .item {
	background: #fff;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.merit3 .list .item .pic {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.merit3 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 74.24242%
}

.merit3 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.merit3 .list .item .txt {
	border: 1px solid #e0e0e0;
	padding: 20px;
	border-top: none;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.merit3 .list .item .txt .h {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.merit3 .list .item .txt .h {
		font-size: 18px
	}
}

.merit3 .list .item .txt .p {
	margin-top: 5px
}

.merit3 .nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -30px;
	height: 60px
}

.merit3 .nav span {
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 100%;
	cursor: pointer
}

.merit3 .nav span.prev {
	float: left;
	background: #fff url(/static/image/party/by/png6_1.png) no-repeat center center
}

.merit3 .nav span.next {
	float: right;
	background: #fff url(/static/image/party/by/png6_2.png) no-repeat center center
}

.merit4 {
	padding: 130px 0;
	background: #f7f7f7
}

.merit4 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .merit4 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.merit4 .link {
	margin-top: 10px;
	font-size: 18px
}

.merit4 .link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.merit4 .link .b {
	margin-top: 0px;
	margin-left: 10px
}

.merit4 .b {
	margin-top: 10px;
	display: none
}

.merit4 .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.merit4 .list {
	margin-top: 40px
}

.merit4 .list::after {
	content: "";
	border-bottom: 1px dashed #bbb;
	display: block;
	margin: 0 60px
}

.merit4 .list .slick-list {
	padding-bottom: 80px
}

.merit4 .list .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.merit4 .list .slick-slide {
	margin: 0 9px;
	height: auto;
	position: relative
}

.merit4 .list .slick-slide>div {
	height: 100%
}

.merit4 .list .slick-slide::after {
	content: "";
	border-left: 1px dashed #bbb;
	width: 0;
	margin: auto;
	height: 60px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 20px
}

.merit4 .list .item {
	background: #fff;
	height: 100%;
	padding: 20px
}

.merit4 .list .item .pic {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.merit4 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 74.22096%
}

.merit4 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.merit4 .list .item .h {
	font-size: 20px;
	margin-top: 20px;
	text-align: center
}

@media screen and (max-width: 768px) {
	.merit4 .list .item .h {
		font-size: 18px
	}
}

.merit4 .nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -30px;
	height: 60px
}

.merit4 .nav span {
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 100%;
	cursor: pointer
}

.merit4 .nav span.prev {
	float: left;
	background: #fff url(/static/image/party/by/png6_1.png) no-repeat center center
}

.merit4 .nav span.next {
	float: right;
	background: #fff url(/static/image/party/by/png6_2.png) no-repeat center center
}

.merit5 {
	padding: 130px 0
}

.merit5 .b {
	margin-top: 10px
}

.merit5 .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.merit5 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .merit5 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.merit5 .link {
	margin-top: 10px;
	font-size: 18px
}

.merit5 .link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.merit5 .link .b {
	margin-top: 0px;
	margin-left: 10px;
	display: none
}

.merit5 .list {
	margin-top: 40px
}

.merit5 .list::after {
	content: "";
	border-bottom: 1px dashed #bbb;
	display: block;
	margin: 0 60px
}

.merit5 .list .slick-list {
	padding-bottom: 80px;
	margin: 0 -12px
}

.merit5 .list .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.merit5 .list .slick-slide {
	margin: 0 12px;
	height: auto;
	position: relative
}

.merit5 .list .slick-slide>div {
	height: 100%
}

.merit5 .list .slick-slide::after {
	content: "";
	border-left: 1px dashed #bbb;
	width: 0;
	margin: auto;
	height: 60px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 20px
}

.merit5 .list .item {
	background: #fff;
	height: 100%
}

.merit5 .list .item .pic {
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.merit5 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 56.7474%
}

.merit5 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.merit5 .list .item .h {
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden
}

@media screen and (max-width: 768px) {
	.merit5 .list .item .h {
		font-size: 18px
	}
}

.merit5 .nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -30px;
	height: 60px
}

.merit5 .nav span {
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 100%;
	cursor: pointer
}

.merit5 .nav span.prev {
	float: left;
	background: #fff url(/static/image/party/by/png6_1.png) no-repeat center center
}

.merit5 .nav span.next {
	float: right;
	background: #fff url(/static/image/party/by/png6_2.png) no-repeat center center
}

@media screen and (min-width: 769px) {

	.merit2 .pic:hover img,
	.merit3 .pic:hover img,
	.merit4 .pic:hover img,
	.merit5 .pic:hover img {
		-webkit-transition: all 0.32s;
		transition: all 0.32s;
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	.merit3 .list .item:hover .pic img,
	.merit4 .list .item:hover .pic img,
	.merit5 .list .item:hover .pic img {
		-webkit-transition: all 0.32s;
		transition: all 0.32s;
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2)
	}
}

@media screen and (max-width: 1300px) {
	.merit2 {
		padding: 80px 0
	}

	.merit3 {
		padding: 80px 0
	}

	.merit4 {
		padding: 80px 0
	}

	.merit5 {
		padding: 80px 0
	}
}

@media screen and (max-width: 767px) {
	.merit1 {
		height: 70vh;
		background: no-repeat right -50px center;
		background-size: auto 100%
	}

	.merit1 .content {
		position: absolute;
		width: auto;
		padding: 0 15px;
		-webkit-transform: translate(0);
		transform: translate(0);
		width: 100%;
		left: 0;
		top: 100px;
		bottom: inherit
	}

	.merit1 .content .title-party {
		font-size: 26px
	}

	.merit1 .content .h {
		font-size: 24px
	}

	.merit1 .content .text {
		margin-top: 1.5em
	}

	.merit2 {
		padding: 50px 0 40px
	}

	.merit2 .text {
		margin-top: 20px
	}

	.merit2 .link {
		margin-top: 20px
	}

	.merit2 .list {
		display: block
	}

	.merit2 .list .item {
		width: auto
	}

	.merit2 .list .item:nth-child(n+2) {
		margin-top: 20px
	}

	.merit2 .list .item .h {
		margin-top: 10px
	}

	.merit3 {
		padding: 50px 0 40px
	}

	.merit3 .text {
		margin-top: 20px
	}

	.merit3 .list {
		margin-top: 20px
	}

	.merit3 .list .slick-list {
		padding-bottom: 60px
	}

	.merit3 .list .slick-slide {
		margin: 0
	}

	.merit3 .list .item .txt {
		padding: 18px 20px
	}

	.merit4 {
		padding: 50px 0 40px
	}

	.merit4 .text {
		margin-top: 20px
	}

	.merit4 .list .slick-list {
		padding-bottom: 60px
	}

	.merit4 .list .slick-slide {
		margin: 0
	}

	.merit4 .list .item .h {
		margin-top: 18px
	}

	.merit5 {
		padding: 50px 0 40px
	}

	.merit5 .text {
		margin-top: 20px
	}

	.merit5 .list .slick-list {
		padding-bottom: 60px;
		margin: 0
	}

	.merit5 .list .slick-slide {
		margin: 0
	}

	.merit5 .list .item .h {
		margin-top: 18px
	}

	.merit1 .content .text {
		line-height: 1.5
	}
}

.home-1 img {
	width: 100%;
	display: block
}

.home-1 img.m-show {
	display: none
}

.pub-tab .tab-bar .tab-term {
	font-size: 24px;
	color: #78a199;
	margin: 0 5px;
	padding: 10px 30px;
	position: relative
}

@media screen and (max-width: 768px) {
	.pub-tab .tab-bar .tab-term {
		font-size: 18px
	}
}

.pub-tab .tab-bar .tab-term.cur {
	color: #215248;
	border: 2px solid #56a098
}

.pub-tab .tab-bar .tab-term.cur::before,
.pub-tab .tab-bar .tab-term.cur::after {
	content: '';
	width: 22px;
	height: 54px;
	background: url(/static/image/package/png76.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 3px
}

.pub-tab .tab-bar .tab-term.cur::after {
	left: auto;
	right: 3px;
	background-image: url(/static/image/package/png77.png)
}

.home-2 {
	padding-top: 140px
}

.home-2 .page-pbox {
	margin-top: 37px
}

.home-2 .box {
	position: relative;
	margin: 0 9px;
	cursor: pointer
}

.home-2 .img {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.home-2 .img::before {
	content: '';
	display: block;
	padding-top: 155.65476%
}

.home-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-2 .img .i {
	max-width: 70%;
	max-height: 70%
}

.home-2 .i-1 {
	background-image: url(/static/image/package/jpg1.jpg)
}

.home-2 .i-2 {
	background-image: url(/static/image/package/jpg2.jpg)
}

.home-2 .i-3 {
	background-image: url(/static/image/package/jpg3.jpg)
}

.home-2 .i-4 {
	background-image: url(/static/image/package/jpg4.jpg)
}

.home-2 .t {
	text-align: center;
	color: #215248;
	font-size: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 34px 10px;
	z-index: 9;
	height: calc(1em * 1.6 * 2 + 68px)
}

@media screen and (max-width: 768px) {
	.home-2 .t {
		font-size: 16px
	}
}

.home-2 .slick-mod {
	margin: 70px -9px 0
}

.home-2 .slick-dots {
	margin-top: 50px
}

.home-3 {
	padding-top: 123px;
	background: url(/static/image/package/png57.png) no-repeat bottom center
}

.home-3 .bg {
	width: 506px;
	height: 615px;
	background: url(/static/image/package/png15.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: -170px;
	pointer-events: none;
	left: 50%;
	margin-left: 454px
}

.home-3 .page-pbox {
	margin-top: 37px
}

.home-3 .tab-mod {
	margin-top: 41px
}

.home-3 .tab-mod .tab-cont {
	margin-top: 58px
}

.home-3 .list {
	position: relative;
	overflow: hidden
}

.home-3 .list::before {
	content: '';
	display: block;
	padding-top: 36.35714%
}

.home-3 .list .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .list .li {
	position: absolute;
	cursor: pointer
}

.home-3 .i-1 {
	opacity: 0
}

.home-3 .txt {
	font-size: 18px;
	color: #215248;
	position: absolute;
	white-space: nowrap;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: calc(100% + 10px)
}

@media screen and (max-width: 768px) {
	.home-3 .txt {
		font-size: 16px
	}
}

.home-3 .l-1 {
	width: 17.64285714%;
	left: 2.285714285%;
	top: 65.02946954%
}

.home-3 .l-1 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-1 .img::before {
	content: '';
	display: block;
	padding-top: 53.03644%
}

.home-3 .l-1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-2 {
	width: 9.285714285%;
	left: 10.78571428%;
	top: 8.251473477%
}

.home-3 .l-2 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-2 .img::before {
	content: '';
	display: block;
	padding-top: 144.61538%
}

.home-3 .l-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-2 .txt {
	left: 0;
	-webkit-transform: none;
	transform: none
}

.home-3 .l-3 {
	width: 30.92857142%;
	left: 24.14285714%;
	top: -0.78585461%
}

.home-3 .l-3 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-3 .img::before {
	content: '';
	display: block;
	padding-top: 86.14319%
}

.home-3 .l-3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-4 {
	width: 19.71428571%;
	left: 56.85714285%;
	top: 56.58153241%
}

.home-3 .l-4 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-4 .img::before {
	content: '';
	display: block;
	padding-top: 49.63768%
}

.home-3 .l-4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-5 {
	width: 14.28571428%;
	left: 64.35714285%;
	top: 4.322200392%
}

.home-3 .l-5 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-5 .img::before {
	content: '';
	display: block;
	padding-top: 81%
}

.home-3 .l-5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-6 {
	width: 11.28571428%;
	left: 85.57142857%;
	top: 38.11394891%
}

.home-3 .l-6 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-6 .img::before {
	content: '';
	display: block;
	padding-top: 97.46835%
}

.home-3 .l-6 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-7 {
	width: 14.35714285%;
	left: 1.357142857%;
	top: 16.11001964%
}

.home-3 .l-7 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-7 .img::before {
	content: '';
	display: block;
	padding-top: 112.93532%
}

.home-3 .l-7 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-8 {
	width: 31.35714285%;
	left: 20.21428571%;
	top: 5.893909626%
}

.home-3 .l-8 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-8 .img::before {
	content: '';
	display: block;
	padding-top: 76.082%
}

.home-3 .l-8 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-9 {
	width: 15.71428571%;
	left: 57.85714285%;
	top: 9.430255402%
}

.home-3 .l-9 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-9 .img::before {
	content: '';
	display: block;
	padding-top: 67.27273%
}

.home-3 .l-9 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-10 {
	width: 18.21428571%;
	left: 54.78571428%;
	top: 55.59921414%
}

.home-3 .l-10 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-10 .img::before {
	content: '';
	display: block;
	padding-top: 57.64706%
}

.home-3 .l-10 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-11 {
	width: 16.78571428%;
	left: 78.42857142%;
	top: 25.34381139%
}

.home-3 .l-11 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-11 .img::before {
	content: '';
	display: block;
	padding-top: 84.25532%
}

.home-3 .l-11 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-12 {
	width: 10.57142857%;
	left: 5.5%;
	top: -0.78585461%
}

.home-3 .l-12 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-12 .img::before {
	content: '';
	display: block;
	padding-top: 172.97297%
}

.home-3 .l-12 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-13 {
	width: 16.42857142%;
	left: 9.642857142%;
	top: 67.97642436%
}

.home-3 .l-13 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-13 .img::before {
	content: '';
	display: block;
	padding-top: 60.86957%
}

.home-3 .l-13 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-13 .txt {
	top: 100%
}

.home-3 .l-14 {
	width: 24.14285714%;
	left: 24.21428571%;
	top: 1.571709233%
}

.home-3 .l-14 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-14 .img::before {
	content: '';
	display: block;
	padding-top: 107.10059%
}

.home-3 .l-14 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-15 {
	width: 15.92857142%;
	left: 50%;
	top: 60.11787819%
}

.home-3 .l-15 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-15 .img::before {
	content: '';
	display: block;
	padding-top: 66.81614%
}

.home-3 .l-15 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-16 {
	width: 12.28571428%;
	left: 60.07142857%;
	top: 2.554027504%
}

.home-3 .l-16 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-16 .img::before {
	content: '';
	display: block;
	padding-top: 125.5814%
}

.home-3 .l-16 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-17 {
	width: 15.92857142%;
	left: 77.07142857%;
	top: 31.04125736%
}

.home-3 .l-17 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-17 .img::before {
	content: '';
	display: block;
	padding-top: 100.89686%
}

.home-3 .l-17 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-18 {
	width: 11.85714285%;
	left: 6.928571428%;
	top: 47.54420432%
}

.home-3 .l-18 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-18 .img::before {
	content: '';
	display: block;
	padding-top: 89.75904%
}

.home-3 .l-18 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-19 {
	width: 23.78571428%;
	left: 22%;
	top: 4.322200392%
}

.home-3 .l-19 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-19 .img::before {
	content: '';
	display: block;
	padding-top: 83.78378%
}

.home-3 .l-19 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-20 {
	width: 20.57142857%;
	left: 44%;
	top: 64.83300589%
}

.home-3 .l-20 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-20 .img::before {
	content: '';
	display: block;
	padding-top: 40.97222%
}

.home-3 .l-20 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-21 {
	width: 13.5%;
	left: 53.07142857%;
	top: 23.5756385%
}

.home-3 .l-21 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-21 .img::before {
	content: '';
	display: block;
	padding-top: 74.07407%
}

.home-3 .l-21 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .l-22 {
	width: 18.35714285%;
	left: 73%;
	top: 32.41650294%
}

.home-3 .l-22 .img {
	position: relative;
	overflow: hidden
}

.home-3 .l-22 .img::before {
	content: '';
	display: block;
	padding-top: 71.98444%
}

.home-3 .l-22 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-3 .slick-dots {
	margin-top: 60px
}

.home-4 {
	padding: 150px 0 128px;
	position: relative;
	z-index: 2
}

.home-4 .tab-mod {
	margin-top: 35px
}

.home-4 .tab-mod .tab-cont {
	margin-top: 57px
}

.home-4 .flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-4 .item {
	width: 125px;
	position: relative;
	overflow: hidden;
	background: url(/static/image/package/png40.png) no-repeat center;
	background-size: contain;
	margin: 70px 20px 0;
	overflow: visible
}

.home-4 .item::before {
	content: '';
	display: block;
	padding-top: 100%
}

.home-4 .item .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-4 .item .i {
	max-width: 60%;
	max-height: 60%
}

.home-4 .center {
	background: url(/static/image/package/png38.png) no-repeat center;
	margin: 0 30px;
	position: relative;
	overflow: hidden;
	width: 36.64285714%;
	overflow: visible;
	background-size: contain;
	cursor: pointer
}

.home-4 .center::before {
	content: '';
	display: block;
	padding-top: 98.44055%
}

.home-4 .center .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-4 .center img {
	position: absolute;
	width: calc(100% - 90px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	margin-top: 120px;
	z-index: 2
}

.home-4 .center::after {
	content: '';
	pointer-events: none;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.home-4 .txt {
	font-size: 20px;
	color: #215248;
	white-space: nowrap;
	position: absolute;
	top: calc(100% + 100px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}

@media screen and (max-width: 768px) {
	.home-4 .txt {
		font-size: 18px
	}
}

.home-4 .tab-mod .tab-item:nth-child(1) .center::after {
	background-image: url(/static/image/package/png46.png);
	width: 110.1364522%;
	padding-top: 36.64717348%;
	left: 12.865497%;
	top: 87%
}

.home-4 .tab-mod .tab-item:nth-child(2) .center::after {
	background-image: url(/static/image/package/png39.png);
	width: 101.16959%;
	padding-top: 27.0955165%;
	left: 10.7212475%;
	top: 87%
}

.home-5 {
	padding: 145px 0 34px;
	position: relative;
	z-index: 1
}

.home-5::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 1983px;
	background: url(/static/image/package/png58.png) no-repeat center;
	bottom: 0;
	pointer-events: none
}

.home-5 .bg {
	width: 411px;
	height: 844px;
	background: url(/static/image/package/png56.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: -103px;
	z-index: 1;
	right: 50%;
	margin-right: 549px
}

.home-5 .page-title,
.home-5 .page-pbox,
.home-5 .tab-mod {
	z-index: 2;
	position: relative
}

.home-5 .page-pbox {
	margin: 37px 150px 0
}

.home-5 .tab-mod {
	margin-top: 40px
}

.home-5 .tab-mod .tab-cont {
	margin-top: 30px
}

.home-5 .list-1,
.home-5 .list-2 {
	position: relative;
	overflow: hidden
}

.home-5 .list-1::before,
.home-5 .list-2::before {
	content: '';
	display: block;
	padding-top: 34.64286%
}

.home-5 .list-1 .i,
.home-5 .list-2 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .item {
	position: absolute;
	cursor: pointer
}

.home-5 .img {
	position: absolute !important
}

.home-5 .t {
	font-size: 18px;
	color: #215248;
	position: absolute;
	top: calc(100% + 31px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

@media screen and (max-width: 768px) {
	.home-5 .t {
		font-size: 16px
	}
}

.home-5 .leaf {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.home-5 .list-1 .i-1 {
	width: 15%;
	top: 24.74226804%;
	left: 11.14285714%
}

.home-5 .list-1 .i-1 .leaf {
	background-image: url(/static/image/package/png51.png);
	position: relative;
	overflow: hidden
}

.home-5 .list-1 .i-1 .leaf::before {
	content: '';
	display: block;
	padding-top: 73.80952%
}

.home-5 .list-1 .i-1 .leaf .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-1 .i-1 .img {
	position: relative;
	overflow: hidden;
	width: 146.666666%;
	top: 0;
	left: -22.3809523%
}

.home-5 .list-1 .i-1 .img::before {
	content: '';
	display: block;
	padding-top: 52.92208%
}

.home-5 .list-1 .i-1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-1 .i-2 {
	width: 14.5714285%;
	top: 44.9484536%;
	left: 31%
}

.home-5 .list-1 .i-2 .leaf {
	background-image: url(/static/image/package/png52.png);
	position: relative;
	overflow: hidden
}

.home-5 .list-1 .i-2 .leaf::before {
	content: '';
	display: block;
	padding-top: 92.15686%
}

.home-5 .list-1 .i-2 .leaf .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-1 .i-2 .img {
	position: relative;
	overflow: hidden;
	width: 133.8235294%;
	top: -46.8085106%;
	left: -9.80392156%
}

.home-5 .list-1 .i-2 .img::before {
	content: '';
	display: block;
	padding-top: 92.30769%
}

.home-5 .list-1 .i-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: auto;
}

.home-5 .list-1 .i-3 {
	width: 33%;
	top: 12.98969072%;
	left: 53.35714285%
}

.home-5 .list-1 .i-3 .leaf {
	background-image: url(/static/image/package/png53.png);
	position: relative;
	overflow: hidden
}

.home-5 .list-1 .i-3 .leaf::before {
	content: '';
	display: block;
	padding-top: 70.56277%
}

.home-5 .list-1 .i-3 .leaf .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-1 .i-3 .img {
	position: relative;
	overflow: hidden;
	width: 96.1038961%;
	left: -1px;
	top: -13.6363636%
}

.home-5 .list-1 .i-3 .img::before {
	content: '';
	display: block;
	padding-top: 90.99099%
}

.home-5 .list-1 .i-3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-2 .i-1 {
	width: 21.28571428%;
	top: 22.88659793%;
	left: 20.71428571%
}

.home-5 .list-2 .i-1 .leaf {
	background-image: url(/static/image/package/png54.png);
	position: relative;
	overflow: hidden
}

.home-5 .list-2 .i-1 .leaf::before {
	content: '';
	display: block;
	padding-top: 59.0604%
}

.home-5 .list-2 .i-1 .leaf .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-2 .i-1 .img {
	position: relative;
	overflow: hidden;
	width: 96.3087248%;
	left: -1.67785234%;
	top: -18.75%
}

.home-5 .list-2 .i-1 .img::before {
	content: '';
	display: block;
	padding-top: 60.62718%
}

.home-5 .list-2 .i-1 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-2 .i-2 {
	width: 31.21428571%;
	top: 10.92783505%;
	left: 41.28571428%
}

.home-5 .list-2 .i-2 .leaf {
	background-image: url(/static/image/package/png55.png);
	position: relative;
	overflow: hidden
}

.home-5 .list-2 .i-2 .leaf::before {
	content: '';
	display: block;
	padding-top: 82.15103%
}

.home-5 .list-2 .i-2 .leaf .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .list-2 .i-2 .img {
	position: relative;
	overflow: hidden;
	width: 83.98169336%;
	left: 11.44164759%;
	top: 12.2562674%
}

.home-5 .list-2 .i-2 .img::before {
	content: '';
	display: block;
	padding-top: 74.93188%
}

.home-5 .list-2 .i-2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-5 .slick-dots {
	margin-top: 28px
}

.bg-color {
	background: -webkit-gradient(linear, right top, left top, from(#dae8e6), color-stop(81%, #dae8e4));
	background: linear-gradient(-90deg, #dae8e6 0%, #dae8e4 81%)
}

.pop-exhibit .pop-dialog {
	width: 1253px;
	padding: 40px;
	background: #dae8e6
}

.pop-exhibit .pop-cont {
	background: url(/static/image/package/jpg5.jpg) no-repeat center;
	background-size: cover;
	height: 615px;
	position: relative
}

.pop-exhibit .pop-close {
	width: 21px;
	height: 21px;
	right: auto;
	top: 0;
	left: calc(100% + 34px);
	background: url(/static/image/package/png60.png) no-repeat center;
	background-size: contain
}

.pop-exhibit .pop-close::before {
	display: none
}

.pop-exhibit .img {
	width: 58.7382779%;
	position: absolute;
	right: 80px;
	top: 50px;
	bottom: 50px
}

.pop-exhibit .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.pop-exhibit .txt-box {
	color: #215248;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 470px;
	padding: 68px 40px
}

.pop-exhibit .txt-box .t1 {
	font-size: 24px
}

@media screen and (max-width: 768px) {
	.pop-exhibit .txt-box .t1 {
		font-size: 18px
	}
}

.pop-exhibit .txt-box .t2 {
	line-height: 1.2
}

.pop-exhibit .txt-box .t3 {
	font-size: 18px;
	margin-top: 14px
}

@media screen and (max-width: 768px) {
	.pop-exhibit .txt-box .t3 {
		font-size: 16px
	}
}

@media (max-width: 1500px) {
	.pop-exhibit .pop-dialog {
		width: 1100px
	}

	.pop-exhibit .pop-cont {
		height: 500px
	}

	.pop-exhibit .img {
		right: 20px;
		top: 30px;
		bottom: 30px
	}

	.home-5 .page-pbox {
		margin-left: 60px;
		margin-right: 60px
	}
}

@media (min-width: 769px) {
	.home-3 .list .li:hover .i-1 {
		opacity: 1
	}

	.home-3 .list .li:hover .i-2 {
		opacity: 0
	}
}

@media (max-width: 768px) {
	.pub-tab .tab-bar .tab-term {
		padding: 5px 15px
	}

	.pub-tab .tab-bar .tab-term.cur::before,
	.pub-tab .tab-bar .tab-term.cur::after {
		width: 11px;
		height: auto;
		top: 3px;
		-webkit-transform: none;
		transform: none;
		bottom: 3px;
		background-size: 100% 100%
	}

	.home-3 .bg,
	.home-5::before,
	.home-5 .bg,
	.home-4 .center::after,
	.home-5 .leaf {
		display: none
	}

	.home-1 img.p-show {
		display: none
	}

	.home-1 img.m-show {
		display: block
	}

	.home-2 {
		padding: 40px 0 30px
	}

	.home-2 .page-pbox {
		margin-top: 15px
	}

	.home-2 .slick-mod {
		margin: 20px -5px 0
	}

	.home-2 .box {
		margin: 0 5px
	}

	.home-2 .t {
		padding: 10px;
		line-height: 1.3;
		height: auto;
		font-size: 14px
	}

	.home-2 .slick-dots {
		margin-top: 20px
	}

	.home-3 {
		padding: 30px 0;
		background: none
	}

	.home-3 .page-pbox {
		margin-top: 15px
	}

	.home-3 .tab-mod {
		margin-top: 20px
	}

	.home-3 .img {
		position: relative;
		overflow: hidden;
		width: calc(100% - 20px);
		margin: auto
	}

	.home-3 .img::before {
		content: '';
		display: block;
		padding-top: 84.96583%
	}

	.home-3 .img .i {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.home-3 .i-1 {
		opacity: 1
	}

	.home-3 .txt {
		position: static;
		-webkit-transform: none;
		transform: none;
		white-space: normal;
		text-align: center;
		padding: 0 5px;
		margin-top: 5px;
		line-height: 1.3;
		font-size: 14px
	}

	.home-3 .tab-mod .tab-cont {
		margin-top: 20px
	}

	.home-3 .slick-dots {
		margin: 20px 0 0
	}

	.home-4 {
		padding: 30px 0
	}

	.home-4 .tab-mod {
		margin-top: 20px
	}

	.home-4 .tab-mod .tab-cont {
		margin-top: 20px
	}

	.home-4 .flex-box {
		display: block
	}

	.home-4 .center {
		background: none;
		margin: 0;
		width: 100% !important
	}

	.home-4 .center::before {
		display: none
	}

	.home-4 .center .i {
		margin: 0
	}

	.home-4 .item {
		margin: 0;
		width: 100% !important;
		background: none
	}

	.home-4 .item::before {
		display: none
	}

	.home-4 .img {
		position: relative;
		overflow: hidden;
		background: url(/static/image/package/png40.png) no-repeat center;
		background-size: contain;
		width: 60%;
		margin: auto
	}

	.home-4 .img::before {
		content: '';
		display: block;
		padding-top: 100%
	}

	.home-4 .img .i {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.home-4 .txt {
		position: static;
		text-align: center;
		margin-top: 10px;
		-webkit-transform: none;
		transform: none;
		white-space: normal
	}

	.home-4 .slick-dots {
		margin-top: 20px
	}

	.home-5 {
		padding: 30px 0 50px
	}

	.home-5 .page-pbox {
		margin: 15px 0 0
	}

	.home-5 .tab-mod {
		margin-top: 20px
	}

	.home-5 .pub-tab .tab-bar .tab-term {
		vertical-align: top;
		margin: 0
	}

	.home-5 .pub-tab .tab-bar .tab-term+.tab-term {
		margin-left: 10px
	}

	.home-5 .img {
		position: relative !important;
		position: relative;
		overflow: hidden;
		width: calc(100% - 20px);
		margin: auto
	}

	.home-5 .img::before {
		content: '';
		display: block;
		padding-top: 90.99099%
	}

	.home-5 .img .i {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.home-5 .t {
		white-space: normal;
		position: static;
		-webkit-transform: none;
		transform: none;
		text-align: center;
		padding: 0 5px;
		margin-top: 10px;
		font-size: 14px
	}

	.home-5 .slick-dots {
		margin-top: 20px
	}

	.home-5 .item {
		position: relative
	}

	.pop-exhibit .pop-dialog {
		padding: 10px
	}

	.pop-exhibit .pop-cont {
		height: auto;
		padding: 0;
		background-size: auto 150%
	}

	.pop-exhibit .img {
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		bottom: auto
	}

	.pop-exhibit .img::before {
		padding-top: 100%;
		content: '';
		display: block
	}

	.pop-exhibit .txt-box {
		position: relative;
		padding: 10px;
		width: 100%
	}

	.pop-exhibit .txt-box .t3,
	.pop-exhibit .txt-box .t2 {
		margin-top: 5px
	}

	.pop-exhibit .pop-close {
		left: auto;
		right: 0;
		top: -30px
	}
}

.title-party {
	font-size: 48px;
	font-family: sh;
	line-height: 1.2;
	font-weight: 600
}

.title-party b {
	color: #a9191c
}

.header_float {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	background: #a9191c;
	color: #fff;
	z-index: 2;
	height: 48px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.header_float .inner {
	padding: 0 45px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header_float.s {
	opacity: 1;
	visibility: visible
}

.header_float .logo {
	color: #fcdeb4;
	height: 80%;
	font-size: 16px
}

.header_float .logo img {
	margin-right: 50px;
	height: 100%;
	width: auto
}

.header_float .nav {
	font-size: 16px
}

.header_float .nav a:nth-child(n+2) {
	margin-left: 45px
}

.tabs1 {
	text-align: center;
	position: relative;
	margin-top: 40px;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tabs1::before {
	content: "";
	border-top: 1px dashed #ccc;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.tabs1::after {
	content: "";
	border-top: 1px dashed #ccc;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.tabs1 .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.tabs1 .inner:before {
	content: "";
	border-left: 1px dashed #ccc;
	position: absolute;
	left: 0;
	top: 50%;
	height: 1.2em;
	margin-top: -0.6em
}

.tabs1 .inner:after {
	content: "";
	border-left: 1px dashed #ccc;
	position: absolute;
	right: 0;
	top: 50%;
	height: 1.2em;
	margin-top: -0.6em
}

.tabs1 a {
	color: #999;
	padding-right: 1em;
	vertical-align: middle;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tabs1 a::before {
	content: "";
	border-top: 1px dashed #ccc;
	display: block;
	width: 4em;
	margin-right: 1em
}

.tabs1 a:first-child {
	padding-left: 1em
}

.tabs1 a:first-child::before {
	display: none
}

.tabs1 a.now {
	color: #333;
	font-size: 1.5em
}

.home-party1 {
	overflow: hidden
}

.home-party1 .slick-slide {
	overflow: hidden
}

.home-party1 .child {
	height: 100vh
}

.home-party1 .img_pc {
	height: 100vh;
	background: no-repeat center center / cover;
	position: relative;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: all 3s cubic-bezier(0.4, 0, 0.3, 1) 0s;
	transition: all 3s cubic-bezier(0.4, 0, 0.3, 1) 0s
}

.home-party1 .img_m {
	display: none;
	height: auto;
	background: no-repeat center center / cover;
	position: relative;
	-webkit-transition: all 3s cubic-bezier(0.4, 0, 0.3, 1) 0s;
	transition: all 3s cubic-bezier(0.4, 0, 0.3, 1) 0s;
	opacity: 1
}

.home-party1 img {
	width: 100%
}

.home-party1.showd .img_pc {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

.home-party1.showd .img_pc_m {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

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

.home-party2 {
	position: relative;
	padding-top: 50%;
	overflow: hidden;
	background: #f7f7f7;
	-webkit-perspective: 100vw;
	perspective: 100vw
}

.home-party2 .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: hidden;
	overflow-x: auto
}

.home-party2 .bg .p {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -13% 0 0 -7%;
	opacity: 0;
	-webkit-transition: all 3s cubic-bezier(0.5, 0, 0.5, 1) 0s;
	transition: all 3s cubic-bezier(0.5, 0, 0.5, 1) 0s
}

.home-party2 .bg .p:nth-child(1) {
	width: 17%
}

.home-party2 .bg .p:nth-child(2) {
	width: 16%;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s
}

.home-party2 .bg .p:nth-child(3) {
	width: 12%
}

.home-party2 .bg .p:nth-child(4) {
	width: 15%;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.home-party2 .bg .p:nth-child(5) {
	width: 14%
}

.home-party2 .bg .p:nth-child(6) {
	width: 18%;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s
}

.home-party2 .bg .p:nth-child(7) {
	width: 17%
}

.home-party2 .bg .p:nth-child(8) {
	width: 15%;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.home-party2 .bg .p:nth-child(9) {
	width: 15%
}

.home-party2 .bg .p:nth-child(10) {
	width: 18%;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s
}

.home-party2 .bg .p:nth-child(11) {
	width: 14%
}

.home-party2 .bg .p:nth-child(12) {
	width: 14%;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.home-party2 .bg .p img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	border: 10px solid #fff;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0.35
}

.home-party2 .bg .p .h {
	text-align: center;
	font-size: 18px;
	opacity: 0
}

@media screen and (max-width: 768px) {
	.home-party2 .bg .p .h {
		font-size: 16px
	}
}

.home-party2.showd .bg .p {
	opacity: 1
}

.home-party2.showd .bg .p:nth-child(1) {
	left: 3%;
	top: 7%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(2) {
	left: 25%;
	top: 2%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(3) {
	left: 48%;
	top: 0%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(4) {
	left: 67%;
	top: 3%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(5) {
	left: 85%;
	top: 5%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(6) {
	left: 1%;
	top: 47%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(7) {
	left: 22%;
	top: 60%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(8) {
	left: 5%;
	top: 78%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(9) {
	left: 40%;
	top: 67%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(10) {
	left: 60%;
	top: 72%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(11) {
	left: 85%;
	top: 37%;
	margin: 0
}

.home-party2.showd .bg .p:nth-child(12) {
	left: 83%;
	top: 67%;
	margin: 0
}

.home-party2.showd .bg .p .txt {
	position: absolute;
	left: 10px;
	bottom: 10px;
	right: 10px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	visibility: hidden
}

.home-party2.showd .bg .p:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.home-party2.showd .bg .p:hover .txt {
	visibility: visible
}

.home-party2 .content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1100px;
	text-align: center
}

.home-party2 .text {
	margin-top: 40px;
	font-size: 18px;
	text-align: left;
	text-indent: 2em
}

body:not(.lang-en) .home-party2 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-party2 .bb {
	margin-top: 45px
}

.home-party2 .bb .bttn {
	background: #a10104;
	color: #fff;
	height: 60px;
	text-align: center;
	padding: 0 45px;
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	cursor: pointer
}

.home-party3 {
	padding: 120px 0 90px
}

.home-party3 .head {
	text-align: center
}

.home-party3 .head .p {
	font-size: 24px;
	margin-top: 0.4em;
	color: #666
}

.home-party3 .div {
	margin-top: 30px
}

.home-party3 .d {
	position: relative
}

.home-party3 .d .pic {
	overflow: hidden
}

.home-party3 .d img {
	width: 100%;
	height: auto
}

.home-party3 .d .h {
	font-size: 20px;
	text-align: center;
	margin-top: 20px
}

.home-party4 {
	position: relative;
	padding-top: 56.25%;
	background: #666;
	overflow: hidden
}

.home-party4 .div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.home-party4 .d {
	position: relative;
	cursor: pointer;
	height: 100%
}

.home-party4 .d .v {
	content: "";
	background: url(/static/image/party/by/png1.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.home-party4 .d.s .v {
	display: none
}

.home-party4 .d video {
	width: 100%;
	height: 100%;
	background: #000
}

.home-party4 .r {
	width: 24%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 60px 0;
	right: -24%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home-party4 .r:hover {
	right: 0
}

.home-party4 .r:hover .arrow {
	-webkit-transform: none;
	transform: none;
	left: 0
}

.home-party4 .r .arrow {
	background: url(/static/image/party/by/png2.png) no-repeat center center;
	width: 50px;
	height: 100px;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -50px;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 1
}

.home-party4 .r .list {
	width: 260px;
	margin: auto;
	overflow: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.home-party4 .r .list .item {
	cursor: pointer
}

.home-party4 .r .list .item:nth-child(n+2) {
	margin-top: 20px
}

.home-party4 .r .list .item .h {
	margin-top: 10px;
	text-align: center;
	font-size: 20px
}

.home-party4 .r .list .item img {
	width: 100%;
	height: auto
}

.home-party4 .r .list .item.now .pic {
	border: 3px solid #a9191c
}

.home-party4 .r .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #999
}

.home-party4 .r .list .mCSB_scrollTools .mCSB_draggerRail {
	background: #ccc
}

.home-party4 .r .list .mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.home-party4 .r .bb {
	margin: 60px 0 0;
	font-size: 16px;
	color: #a10104;
	text-align: center
}

.home-party5 {
	position: relative
}

.home-party5 .head {
	text-align: center;
	position: absolute;
	left: 0;
	top: 15%;
	right: 0;
	z-index: 1
}

.home-party5 .head .p {
	font-size: 24px;
	color: #666;
	margin-top: 0.4em
}

.home-party5 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.home-party5 .list .item {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.home-party5 .list .item .pic {
	padding-top: 200%;
	background: no-repeat center center / cover;
	min-height: 625px
}

.home-party5 .list .item .text {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0 70px
}

body:not(.lang-en) .home-party5 .list .item .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-party5 .list .item .text .h {
	font-size: 30px;
	line-height: 1.3
}

.home-party5 .list .item .text .p {
	font-size: 16px;
	margin-top: 30px;
	text-indent: 2em
}

.home-party5 .list .item .text .b {
	margin-top: 20px;
	display: none
}

.home-party5 .list .item .text .b .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.home-party5 .list .item:nth-child(1) .text {
	bottom: 50%
}

.home-party5 .list .item:nth-child(2) .text {
	top: 50%
}

.home-party5 .list .item:nth-child(3) .text {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-party5 .list .item:nth-child(4) .text {
	top: 50%
}

.home-party5 .bb {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home-party5 .bb a {
	margin: 0 1em;
	display: block
}

.home-party5 .bb a img {
	margin-right: 0.6em;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	max-width: 50px
}

.home-party6 {
	padding: 100px 0
}

.home-party6 .head .p {
	font-size: 24px;
	color: #666;
	margin-top: 0.4em
}

.home-party6 .div {
	margin-top: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-party6 .div .pic {
	position: relative;
	overflow: hidden;
	min-height: 380px
}

.home-party6 .div .pic::before {
	content: '';
	display: block;
	padding-top: 70.47619%
}

.home-party6 .div .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home-party6 .div .pic .i {
	max-width: initial;
	height: 100%
}

.home-party6 .div .d {
	width: 50%;
	position: relative
}

.home-party6 .div .d .text {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 5% 10%;
	padding-right: 25%;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))
}

body:not(.lang-en) .home-party6 .div .d .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-party6 .div .d .text .h {
	font-size: 24px
}

.home-party6 .div .d .text .p {
	font-size: 16px;
	margin-top: 5px;
	text-indent: 2em
}

.home-party6 .div .d .text .b {
	margin-top: 20px;
	display: none
}

.home-party6 .div .d .text .b .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #fff;
	position: relative;
	border-right: 8px solid #fff;
	height: 6px
}

.home-party6 .div .d:last-child {
	top: -100px
}

.home-party6 .frame {
	margin: 60px 60px 0
}

.home-party6 .frame::after {
	content: "";
	border-bottom: 1px dashed #ccc;
	display: block;
	margin: 0 60px
}

.home-party6 .frame .child {
	position: relative
}

.home-party6 .frame .child::after {
	content: "";
	height: 40px;
	border-left: 1px dashed #ccc;
	display: block;
	margin: auto;
	width: 0;
	margin-top: 5px
}

.home-party6 .frame .child .pic {
	width: 80%;
	margin: auto;
	position: relative
}

.home-party6 .frame .child .pic::before {
	padding-top: 100%;
	content: "";
	display: block
}

.home-party6 .frame .child .pic img {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-party6 .frame .child .h {
	font-size: 20px;
	margin-top: 20px;
	text-align: center
}

.home-party6 .nav {
	margin-top: -30px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-party6 .nav span {
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 100%;
	cursor: pointer
}

.home-party6 .nav span.prev {
	float: left;
	background: #fff url(/static/image/party/by/png6_1.png) no-repeat center center
}

.home-party6 .nav span.next {
	float: right;
	background: #fff url(/static/image/party/by/png6_2.png) no-repeat center center
}

.home-party7 {
	padding: 150px 0 9%;
	background: url(/static/image/party/by/pic7_2.jpg) no-repeat center center/cover;
	color: #fcdeb4;
	position: relative
}

.home-party7 .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%
}

.home-party7 .wrap-w {
	background: url(/static/image/party/by/pic7_1.jpg) no-repeat center bottom/cover;
	padding: 120px 0 7%
}

.home-party7 .title-party {
	text-align: center
}

.home-party7 .text {
	text-align: center;
	margin-top: 40px;
	padding: 0 10%;
	font-size: 16px;
	text-align: left;
	text-indent: 2em
}

body:not(.lang-en) .home-party7 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.home-party7 .list {
	margin-top: 50px;
	padding: 0 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-party7 .list .item {
	text-align: center;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-party7 .list .item .ico {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100px;
	width: 100px;
	line-height: 100px
}

.home-party7 .list .item .ico img {
	max-height: 100%;
	max-width: 100%
}

.home-party7 .list .item .h {
	font-size: 24px;
	margin-top: 5px
}

@media screen and (max-width: 1740px) {
	.wrap-w {
		margin: 0 20px
	}
}

@media screen and (max-width: 1600px) {
	.title-party {
		font-size: 40px;
		line-height: 1.2
	}
}

@media screen and (max-width: 1600px) and (max-width: 1440px) {
	.title-party {
		font-size: 36px
	}
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
	.title-party {
		font-size: 26px
	}
}

@media screen and (max-width: 1500px) {
	.home-party3 {
		padding: 80px 0
	}

	.home-party5 .head {
		top: 10%
	}

	.home-party5 .list .item .text .h {
		font-size: 24px
	}

	.home-party5 .list .item .text {
		top: 50% !important;
		-webkit-transform: translateY(-40%) !important;
		transform: translateY(-40%) !important;
		bottom: auto !important;
		padding: 0 30px
	}

	.home-party5 .list .item .text .p {
		margin-top: 20px
	}

	.home-party6 {
		padding: 80px 0
	}

	.home-party7 {
		padding-top: 80px
	}
}

@media screen and (max-width: 1400px) {
	.home-party2.showd .bg .p:nth-child(9) {
		width: 13%;
		left: 41%;
		top: 72%
	}
}

@media screen and (max-width: 1250px) {
	.tabs1 a {
		padding-right: 0.5em
	}

	.tabs1 a:before {
		width: 2em;
		margin-right: 0.5em
	}

	.header_float .logo img {
		margin-right: 20px
	}

	.home-party6 .div .d .text {
		padding-right: 15%
	}
}

@media screen and (max-width: 1200px) {
	.header_float .nav a:nth-child(n+2) {
		margin-left: 25px
	}

	.home-party2 .content {
		width: 90%;
		max-width: 900px
	}

	.home-party5 .list .item .text .h {
		font-size: 20px
	}

	.home-party5 .list .item .text .p {
		font-size: 14px;
		margin-top: 10px
	}

	.home-party5 .head {
		top: 60px
	}

	.home-party5 .bb {
		bottom: 30px
	}

	.home-party4 .r {
		padding: 40px 15px
	}

	.home-party4 .r .list {
		width: auto
	}
}

@media screen and (max-width: 1025px) {
	.home-party2.showd .bg .p .txt {
		font-size: 12px
	}

	.home-party6 .div .d .text {
		padding: 15px 30px
	}

	.home-party6 .div .d {
		width: calc(50% - 7.5px)
	}

	.home-party6 .div .d:last-child {
		top: 0
	}

	.header_float .logo {
		line-height: 36px
	}

	.header_float .logo img {
		display: none
	}

	.header_float .nav {
		margin-left: auto
	}

	.tabs1 a.now {
		font-size: 1.2em
	}

	.header_float .inner {
		padding: 0 20px
	}

	.home-party6 .div .d .text .p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		line-height: 1.5;
		height: 4.5em;
		text-overflow: ellipsis;
		overflow: hidden
	}
}

@media screen and (max-width: 767px) {
	.title-party {
		font-size: 24px
	}

	.header_float .inner {
		padding: 0 20px;
		display: block
	}

	.header_float .logo {
		display: none
	}

	.header_float .nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: right;
		-ms-flex-pack: right;
		justify-content: right;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		color: #fcdeb4
	}

	.header_float .nav a:nth-child(n+2) {
		margin-left: 15px
	}

	.tabs1 {
		margin: 20px 0 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: auto
	}

	.tabs1::before {
		display: none
	}

	.tabs1::after {
		display: none
	}

	.tabs1 .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.tabs1 .inner::before {
		display: none
	}

	.tabs1 .inner::after {
		display: none
	}

	.tabs1 a {
		margin: 0 5px;
		padding: 0 5px;
		font-size: 16px;
		display: block;
		white-space: nowrap;
		border: none !important
	}

	.tabs1 a::before {
		display: none
	}

	.tabs1 a.now {
		font-size: 18px
	}

	.tabs1 a:first-child {
		padding-left: 0
	}

	.tabs1 .inner {
		display: block;
		width: 100%
	}

	.home-party3 .head .p {
		font-size: 18px
	}

	.home-party5 .head .p {
		font-size: 18px
	}

	.home-party6 .head {
		text-align: center
	}

	.home-party6 .head .p {
		font-size: 18px
	}

	.home-party1 .img_pc {
		display: none
	}

	.home-party1 .img_m {
		display: block
	}

	.home-party2 {
		padding: 50px 15px 40px;
		padding-bottom: 50vw
	}

	.home-party2 .content {
		position: relative;
		-webkit-transform: none;
		transform: none;
		width: auto;
		left: auto;
		top: auto
	}

	.home-party2 .scroll-cont {
		overflow: hidden;
		overflow-x: auto
	}

	.home-party2 .bg {
		left: 5px;
		bottom: 0;
		right: 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		top: auto
	}

	.home-party2 .bg .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.home-party2 .bg .p {
		position: relative;
		-webkit-transform: none !important;
		transform: none !important;
		margin: 0 5px !important;
		width: auto !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important
	}

	.home-party2 .bg .p img {
		height: 40vw;
		width: auto;
		opacity: 1;
		border: none
	}

	.home-party2 .bg .p .txt {
		font-size: 12px;
		padding: 5px 7.5px;
		visibility: visible;
		left: 0;
		bottom: 0;
		right: 0
	}

	.home-party2 .text {
		margin-top: 20px;
		font-size: 16px
	}

	.home-party2 .bg {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

	.home-party2 .bb {
		margin-top: 20px
	}

	.home-party2 .bb .bttn {
		height: 45px;
		line-height: 45px;
		padding: 0 20px
	}

	.home-party3 {
		padding: 50px 0 40px
	}

	.home-party3 .div {
		margin: 20px -20px 0
	}

	.home-party3 .d .h {
		font-size: 18px;
		line-height: 1.3;
		margin-top: 10px
	}

	.home-party4 {
		padding: 0
	}

	.home-party4 video {
		width: 100%;
		height: auto;
		display: block
	}

	.home-party4 .div {
		position: static
	}

	.home-party4 .r {
		position: static;
		width: auto;
		padding: 15px
	}

	.home-party4 .r .arrow {
		display: none
	}

	.home-party4 .r .list {
		width: auto
	}

	.home-party4 .r .list .mCSB_container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0 !important
	}

	.home-party4 .r .list .item {
		width: calc(50% - 7.5px);
		margin: 5px 0 !important
	}

	.home-party4 .r .list .item .h {
		font-size: 16px;
		margin-top: 5px
	}

	.home-party4 .r .bb {
		margin-top: 10px
	}

	.home-party4 .d .v {
		display: none
	}

	.home-party4 .d::after {
		width: 50px;
		height: 50px;
		background-size: contain
	}

	.home-party5 {
		padding: 50px 15px 0px
	}

	.home-party5 .list {
		display: block;
		margin-top: 20px
	}

	.home-party5 .list .item {
		width: auto;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px
	}

	.home-party5 .list .item:nth-child(n+2) {
		margin-top: 20px
	}

	.home-party5 .list .item .pic {
		height: 100%;
		padding: 0;
		display: none
	}

	.home-party5 .list .item .text {
		position: static;
		-webkit-transform: none !important;
		transform: none !important;
		padding: 0
	}

	.home-party5 .list .item .text .h {
		font-size: 20px
	}

	.home-party5 .list .item .text .p {
		margin-top: 10px
	}

	.home-party5 .list .item .text .b {
		margin-top: 0px
	}

	.home-party5 .bb {
		position: static;
		font-size: 16px;
		margin-top: 20px
	}

	.home-party5 .bb a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.home-party5 .bb a img {
		margin: auto;
		margin-bottom: 10px
	}

	.home-party5 .head {
		position: static
	}

	.home-party6 {
		padding: 50px 0 40px
	}

	.home-party6 .div {
		display: block;
		margin-top: 20px
	}

	.home-party6 .div .d {
		width: auto
	}

	.home-party6 .div .d .text {
		position: static;
		color: #333;
		background: none;
		padding: 0;
		margin-top: 10px
	}

	.home-party6 .div .d .text .h {
		font-size: 18px
	}

	.home-party6 .div .d .text .p {
		margin-top: 0
	}

	.home-party6 .div .d .text .b {
		display: none
	}

	.home-party6 .div .d:last-child {
		top: 0;
		margin-top: 20px
	}

	.home-party6 .frame {
		margin: 20px 0px 0
	}

	.home-party6 .frame .child .h {
		font-size: 14px;
		margin-top: 10px
	}

	.home-party6 .frame .child .pic {
		width: 70%;
		margin: auto
	}

	.home-party7 {
		padding-top: 40px
	}

	.home-party7 .wrap-w {
		padding: 40px 0
	}

	.home-party7 .text {
		padding: 0 20px;
		margin-top: 20px
	}

	.home-party7 .list {
		margin-top: 20px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.home-party7 .list .item {
		width: 50%;
		margin: 10px 0
	}

	.home-party7 .list .item .ico {
		height: 60px;
		width: 80px;
		margin: auto;
		line-height: 60px
	}

	.home-party7 .list .item .h {
		font-size: 18px;
		margin-top: 10px
	}

	.header_float .nav {
		font-size: 14px
	}

	.home-party4 .r .list .item .h {
		font-size: 12px
	}

	.home-party4 .r .list {
		display: none
	}

	.home-party2.showd .bg .p .txt {
		left: 0;
		right: 0;
		bottom: 0
	}

	.home-party5 .list .item .text .h {
		text-align: center
	}

	.home-party6 .div .d .text .h {
		font-size: 20px;
		text-align: center
	}

	.home-party6 .div .d .text .p {
		margin-top: 10px
	}

	.home-party5 .list .item .text .p {
		font-size: 16px
	}

	.home-party6 .div .pic {
		min-height: 100px
	}

	.home-party1 .child {
		height: auto
	}
}

@media screen and (max-width: 580px) {
	.header_float .nav {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.protect1 {
	background: no-repeat center center / cover;
	height: 100vh;
	position: relative
}

.protect1 .head {
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 50%;
	-webkit-transform: translate(0%, 50%);
	transform: translate(0%, 50%)
}

.protect1 .head .title-party {
	font-size: 62px;
	font-weight: normal;
	text-align: center
}

.protect1 .head .p {
	font-size: 16px;
	line-height: 2.125;
	max-width: 775px;
	width: 100%;
	color: #fff;
	text-indent: 2em;
	margin: 40px auto 0
}

.protect2 {
	padding: 130px 0;
	position: relative;
	background: url(/static/image/party/by/png7_1.png) no-repeat 2% 8%/70% auto
}

.protect2 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .protect2 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.protect2 .list {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.protect2 .list .item {
	width: calc(50% - 20px);
	position: relative
}

.protect2 .list .item .pic {
	position: relative;
	overflow: hidden
}

.protect2 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 56.17597%
}

.protect2 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.protect2 .list .item .h {
	font-size: 24px;
	margin-top: 1em;
	text-align: center
}

.protect2 .list .item .more {
	text-align: center;
	margin-top: 10px
}

.protect2 .list .item .span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 20px
}

.protect2 .list .item .b {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 10px;
	display: none
}

.protect2 .list .item .b .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.protect3 {
	padding: 130px 0;
	position: relative;
	background: #f7f7f7 url(/static/image/party/by/png7_2.png) no-repeat right 2% top 8%/70% auto
}

.protect3 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .protect3 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.protect3 .list {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.protect3 .list .item {
	width: calc(50% - 20px);
	background: #fff;
	padding: 40px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.protect3 .list .item .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.protect3 .list .item .p {
	line-height: 1.8;
	text-indent: 2em;
	margin-top: 10px
}

.protect3 .list .item:nth-child(1) {
	padding-bottom: 0
}

.protect3 .list .item:nth-child(1) .pic {
	margin-top: 40px
}

.protect3 .list .item:nth-child(1) .pic .inner {
	left: 15px;
	top: 15px;
	right: 15px
}

.protect3 .list .item:nth-child(2) {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	padding-top: 0
}

.protect3 .list .item:nth-child(2) .pic {
	margin-bottom: 40px
}

.protect3 .list .item:nth-child(2) .pic .inner {
	left: 15px;
	bottom: 15px;
	right: 15px
}

.protect3 .list .item .pic {
	background: #f7f7f7;
	padding: 15px;
	position: relative;
	overflow: hidden;
	overflow: visible
}

.protect3 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 44.28044%
}

.protect3 .list .item .pic .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.protect3 .list .item .pic .inner {
	position: relative;
	overflow: hidden;
	background: #f7f7f7;
	position: absolute
}

.protect3 .list .item .pic .inner::before {
	content: '';
	display: block;
	padding-top: 56.17597%
}

.protect3 .list .item .pic .inner .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.protect3 .list .item .pic .inner .i {
	width: 100%
}

.protect3 .list .item .h {
	font-size: 30px
}

@media screen and (max-width: 1024px) {
	.protect3 .list .item .h {
		font-size: 26px
	}
}

@media screen and (max-width: 768px) {
	.protect3 .list .item .h {
		font-size: 22px
	}
}

.protect3 .list .item .h b {
	font-weight: normal !important
}

.protect3 .list .b {
	margin-top: 20px;
	display: none
}

.protect3 .list .b .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.protect4 {
	padding: 130px 0
}

.protect4 .text {
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .protect4 .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.protect4 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px
}

.protect4 .content .tab {
	width: 190px;
	position: relative;
	font-size: 20px;
	border-left: 1px solid #c5b89e;
	margin-right: 20px;
	padding: 40px 0
}

.protect4 .content .tab::before {
	content: "";
	background: #c5b89e;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	position: absolute;
	left: -3px;
	top: 0
}

.protect4 .content .tab::after {
	content: "";
	background: #c5b89e;
	border-radius: 100%;
	width: 5px;
	height: 5px;
	position: absolute;
	left: -3px;
	bottom: 0
}

.protect4 .content .tab a {
	padding: 60px 0;
	padding-left: 40px;
	position: relative;
	display: block;
	line-height: 1.3
}

.protect4 .content .tab a::before {
	content: "";
	background: url(/static/image/party/by/png8_1.png) no-repeat center center;
	width: 13px;
	height: 13px;
	position: absolute;
	left: -8px;
	top: 50%;
	margin-top: -6px
}

.protect4 .content .tab a.now {
	font-size: 1.4em;
	color: #921c14
}

.protect4 .content .tab a.now::before {
	background-image: url(/static/image/party/by/png8_2.png)
}

.protect4 .content .divs {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.protect4 .content .divs .d {
	background: #f7f7f7;
	padding: 30px;
	position: relative
}

.protect4 .content .divs .d .pic {
	border: 24px solid #fff
}

.protect4 .content .divs .d .pic img {
	width: 100%;
	height: auto
}

.protect4 .content .divs .d .h {
	display: none
}

.protect4 .content .divs .d .text {
	padding: 0 20px
}

.protect4 .content .divs .d .b {
	margin-top: 20px;
	margin-left: 20px;
	display: none
}

.protect4 .content .divs .d .b .more {
	width: 50px;
	display: inline-block;
	border-bottom: 3px solid #a10104;
	position: relative;
	border-right: 8px solid #a10104;
	height: 6px
}

.protect4 .content .divs .d .more {
	text-align: center;
	margin-top: 15px
}

@media screen and (min-width: 769px) {
	.protect3 .list .item:hover .h {
		color: #921c14
	}
}

@media screen and (max-width: 1300px) {
	.protect2 {
		padding: 80px 0
	}

	.protect3 {
		padding: 80px 0
	}

	.protect4 {
		padding: 80px 0
	}

	.protect4 .content .tab a {
		padding-left: 30px
	}

	.protect4 .content .tab a.now {
		font-size: 1.2em
	}
}

@media screen and (max-width: 1300px) {
	.protect3 .list .item {
		padding: 30px 20px
	}
}

@media screen and (max-width: 767px) {
	.protect1 {
		height: 70vh
	}

	.protect1 .head {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		bottom: inherit;
		top: 100px
	}

	.protect1 .head .title-party {
		white-space: nowrap;
		font-size: 26px
	}

	.protect1 .head .title-party strong {
		font-size: 1em
	}

	.protect1 .head .p {
		margin-top: 20px
	}

	.protect2 .list .item .span {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none
	}

	.protect2 .list .item .more {
		font-size: 14px;
		margin-top: 5px
	}

	.protect2 {
		padding: 50px 0 40px
	}

	.protect2 .text {
		margin-top: 20px
	}

	.protect2 .list {
		margin-top: 20px
	}

	.protect2 .list .item {
		width: calc(50% - 7.5px)
	}

	.protect2 .list .item .h {
		font-size: 16px
	}

	.protect3 {
		padding: 50px 0 40px
	}

	.protect3 .list {
		margin-top: 20px;
		display: block
	}

	.protect3 .list .item {
		width: auto;
		padding: 20px !important
	}

	.protect3 .list .item:first-child {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 15px
	}

	.protect3 .list .item .more {
		font-size: 14px
	}

	.protect3 .list .item .h {
		font-size: 20px
	}

	.protect3 .list .item .pic {
		padding: 0;
		margin: 0 !important;
		overflow: hidden
	}

	.protect3 .list .item .pic::before {
		display: none
	}

	.protect3 .list .item .pic .inner {
		position: static
	}

	.protect3 .list .item .txt {
		margin-top: 15px
	}

	.protect1 .head .p {
		line-height: 1.5
	}

	.protect4 {
		padding: 50px 0 40px
	}

	.protect4 .text {
		margin-top: 20px
	}

	.protect4 .content {
		display: block
	}

	.protect4 .content .tab {
		display: none
	}

	.protect4 .content .divs .d {
		padding: 0;
		background: none;
		display: block !important
	}

	.protect4 .content .divs .d:nth-child(n+2) {
		margin-top: 20px
	}

	.protect4 .content .divs .d .pic {
		border: none
	}

	.protect4 .content .divs .d .h {
		margin-top: 15px;
		font-size: 20px;
		display: block
	}

	.protect4 .content .divs .d .text {
		padding: 0;
		margin-top: 5px
	}

	.protect4 .content .divs .d .b {
		margin-left: 0px
	}
}

.result-page {
	padding: 50px 0
}

.result-page .result-head .t {
	font-size: 1.7em
}

.result-page .result-head .s {
	margin-left: 30px;
	font-size: 1.2em;
	color: #707070
}

.result-page .result-list {
	margin-bottom: 50px
}

.result-page .result-list .list-item {
	padding: 30px 0;
	border-bottom: 1px solid #eee
}

.result-page .result-list .t {
	margin-bottom: 15px;
	font-size: 1.2em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: color .3s;
	transition: color .3s
}

.result-page .result-list .p {
	color: #707070;
	text-align: justify;
	text-justify: inter-ideograph
}

.result-page .key {
	color: red
}

@media screen and (min-width: 769px) {
	.result-page .result-list .t:hover {
		color: red
	}
}


.sitemap-page {
	padding: 50px 0
}

.sitemap-page .dl {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.sitemap-page .dt {
	font-size: 1.2em
}

.sitemap-page .dd {
	margin-top: 20px;
	padding-left: 4em
}

.sitemap-page .link {
	-webkit-transition: color .3s;
	transition: color .3s
}

.sitemap-page .link+.link {
	margin-left: 20px
}

@media screen and (min-width: 769px) {
	.sitemap-page .link:hover {
		color: red
	}
}

.skill1 {
	position: relative
}

.skill1 .img {
	height: 100vh;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.skill1 .s-wrap {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100vh
}

.skill1 .tit {
	font-size: 62px;
	line-height: 1.2;
	font-family: sh
}

@media screen and (max-width: 1680px) {
	.skill1 .tit {
		font-size: 54px
	}
}

@media screen and (max-width: 1440px) {
	.skill1 .tit {
		font-size: 48px
	}
}

@media screen and (max-width: 768px) {
	.skill1 .tit {
		font-size: 30px
	}
}

.skill1 .tit b {
	color: #a80706
}

.skill1 .title-party {
	margin-bottom: 43px;
	margin-top: 14px
}

.skill1 .box {
	position: relative;
	z-index: 1
}

.skill1 .p {
	font-size: 16px;
	line-height: 2.125;
	max-width: 775px;
	width: 100%;
	text-indent: 2em
}

body:not(.lang-en) .skill1 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.skill2 {
	padding-top: 130px;
	padding-bottom: 116px
}

.skill2 .title-party b {
	color: #8e0302;
	text-align: center
}

.skill2 .p {
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .skill2 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.skill2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 34px
}

.skill2 .li {
	position: relative;
	width: calc((100% - 36px)/3);
	margin-right: 18px;
	padding: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
	padding-bottom: 18px
}

.skill2 .li:nth-child(3n) {
	margin-right: 0
}

.skill2 .img {
	position: relative;
	overflow: hidden
}

.skill2 .img::before {
	content: '';
	display: block;
	padding-top: 64.39791%
}

.skill2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.skill2 .img .i {
	width: 100%
}

.skill2 .p1 {
	font-size: 20px;
	height: 78px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

@media screen and (max-width: 768px) {
	.skill2 .p1 {
		font-size: 18px
	}
}

.skill2 .p1 .span {
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.skill2 .b {
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: none
}

.skill2 .b .more {
	width: 50px;
	border-bottom: 3px solid #a10104;
	position: relative;
	display: block;
	border-right: 8px solid #a10104;
	height: 6px
}

.skill2 .more {
	text-align: center
}

.skill3 {
	background: #F7F7F7;
	padding-top: 130px;
	padding-bottom: 140px
}

.skill3 .title-party {
	margin-bottom: 30px;
	text-align: center
}

.skill3 .title-party b {
	color: #8e0302
}

.skill3 .p {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .skill3 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.skill3 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 16px
}

.skill3 .li {
	position: relative;
	width: calc((100% - 36px)/3);
	margin-right: 18px;
	padding: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
	margin-top: 18px;
	padding-bottom: 18px
}

.skill3 .li:nth-child(3n) {
	margin-right: 0
}

.skill3 .img {
	position: relative;
	overflow: hidden;
	width: 100%
}

.skill3 .img::before {
	content: '';
	display: block;
	padding-top: 134.81675%
}

.skill3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.skill3 .img .i {
	width: 100%
}

.skill3 .p1 {
	font-size: 20px;
	height: 105px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

@media screen and (max-width: 768px) {
	.skill3 .p1 {
		font-size: 18px
	}
}

.skill3 .p1 .span {
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.skill3 .more {
	text-align: center
}

.skill3 .b {
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: none
}

.skill3 .b .more {
	width: 50px;
	border-bottom: 3px solid #a10104;
	position: relative;
	display: block;
	border-right: 8px solid #a10104;
	height: 6px
}

@media screen and (min-width: 769px) {

	.skill2 .li:hover img,
	.skill3 .li:hover img {
		-webkit-transition: all 0.32s;
		transition: all 0.32s;
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2)
	}
}

@media screen and (max-width: 768px) {
	.skill1 {
		height: 90vh
	}

	.skill1 .tit {
		text-align: center;
		font-size: 26px
	}

	.skill1 .img {
		height: 100%;
		position: relative
	}

	.skill1 .title-party {
		margin-bottom: 20px
	}

	.skill1 .s-wrap {
		position: absolute;
		height: auto;
		padding: 50px 0 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.skill1 .box {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.skill1 .title-party {
		text-align: center
	}

	.skill1 .p {
		line-height: 1.5
	}

	.skill2 {
		padding: 50px 0 40px
	}

	.skill2 .li {
		width: 100%;
		margin-right: 0
	}

	.skill2 .p {
		text-align: left
	}

	.skill3 {
		padding: 50px 0 40px
	}

	.skill3 .p {
		text-align: left
	}

	.skill3 .li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 18px
	}

	.skill3 .li:last-child {
		margin-bottom: 0
	}

	.skill3 .p1 {
		height: 78px
	}

	.skill2 .p1 {
		height: auto;
		padding: 18px 0 10px
	}

	.skill3 .p1 {
		height: auto;
		padding: 18px 0 10px
	}
}

.body1 {
	overflow: hidden
}

.pop-mod.pop-desc {
	width: 512px;
	height: 415px;
	background: url(/static/image/newyear/pop.png) no-repeat center/cover;
	position: absolute;
	left: initial;
	top: initial;
	right: 20px;
	bottom: -416px;
	opacity: 1;
	visibility: visible;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	z-index: 100
}

.pop-mod.pop-desc .pop-dialog {
	width: 100%;
	height: 100%;
	background: none
}

.pop-mod.pop-desc .pop-dialog .pop-cont {
	padding: 76px 45px 0;
	font-size: 18px;
	line-height: 1.6;
	color: #896038;
	text-align: justify;
	text-justify: inter-ideograph
}

.pop-mod.pop-desc .pop-close {
	width: 23px;
	height: 23px;
	background: url(/static/image/newyear/close1.png) no-repeat center/cover;
	position: absolute;
	top: 40px;
	right: 55px;
	cursor: pointer
}

.pop-mod.pop-desc .scroll1 {
	height: 296px
}

.pop-mod.pop-desc .scroll1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #d49100
}

.pop-mod.pop-desc .scroll1 .mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.pop-mod.pop-desc .catBox {
	width: 155px;
	height: 140px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 100%;
	margin-left: -155px;
	top: -135px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-webkit-animation: zy 2.5s .15s linear infinite;
	animation: zy 2.5s .15s linear infinite
}

.pop-mod.pop-desc.showd {
	bottom: 40px
}

.pop-mod.pop-desc.showd .catBox {
	top: -76px;
	left: 20px;
	margin-left: 0;
	-webkit-animation: none;
	animation: none
}

.special6 {
	position: relative;
	background: #fff;
	overflow: hidden;
	padding: 112px 0 40px
}

.special6 .middle-cont {
	width: 100%
}

.special6 .cont {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	height: 49.773vw;
	position: relative
}

.special6 .cont .videos {
	width: 100%;
	position: relative;
	background-color: #000
}

.special6 .cont .videos video {
	-o-object-fit: cover;
	object-fit: cover;
	outline: none;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute
}

.special6 .cont .r {
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	background: #f7f7f7;
	width: 390px;
	position: absolute;
	right: -390px;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s
}

.special6 .cont .r.full {
	right: 0
}

.special6 .cont .r:hover {
	right: 0
}

.special6 .cont .r .sw {
	background: url(/static/image/newyear/png2a.png) center center no-repeat;
	width: 52px;
	height: 103px;
	position: absolute;
	left: -52px;
	top: 50%;
	margin-top: -51px;
	cursor: pointer
}

.special6 .cont .r .tit {
	text-align: center;
	padding-bottom: 20px
}

.special6 .cont .r .list {
	margin: -10px auto;
	width: 300px
}

.special6 .cont .r .list .item {
	text-align: center;
	cursor: pointer;
	padding-bottom: 28px
}

.special6 .cont .r .list .item .img {
	height: 204px;
	overflow: hidden;
	position: relative
}

.special6 .cont .r .list .item.now .img:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 4px solid #8e0302
}

.special6 .cont .r .list .item .img img {
	width: 100%;
	height: auto
}

.special6 .cont .r .list .item .t1 {
	padding: 10px 0;
	text-align: left;
	width: 100%
}

.special6 .cont .r .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.special6 .cont .r .mCSB_scrollTools {
	right: 40px
}

.special6 .cont .r .mCSB_scrollTools .mCSB_draggerRail {
	width: 5px;
	background: #e7e7e7
}

.special6 .cont .r .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
	background: #a00000
}

.special6 .cont .r .nav {
	text-align: center;
	display: none
}

.special6 .cont .r span {
	font-family: icon;
	font-size: 28px;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.special6 .cont .r .b {
	font-size: 20px;
	text-align: center;
	margin-top: 30px
}

.special6 .cont .r .b b {
	font-family: icon;
	font-size: 20px;
	color: #a00000
}

.special6 .cont .r .moreBox {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #ff480c;
	padding-left: 45px
}

.special6 .cont .r .moreBox .more {
	display: inline-block;
	padding: 20px 55px 20px 0px;
	background: url(/static/image/newyear/arrow2.png) no-repeat right center
}

.special6 .cont .vjs-big-play-button {
	width: 163px;
	height: 163px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: url(/static/image/newyear/play.png) no-repeat center/cover;
	cursor: pointer;
	outline: none
}

.special6 .tabBar {
	font-size: 0;
	text-align: center;
	margin-top: 31px
}

.special6 .tabBar .li {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin: 0 22px
}

.special6 .tabBar .li.cur {
	color: #fff;
	background-color: #ff480c;
	padding: 9px 35px;
	border-radius: 50px
}

.special6 .tab-cont {
	margin-top: 60px
}

.special6 .contTab {
	display: none
}

.special6 .contTab.act {
	display: block
}

.home-sub1 {
	position: relative
}

.home-sub1 .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 66px;
	text-align: center;
	z-index: 9
}

.home-sub1 .slick-dots .slick-dot {
	width: 42px;
	height: 4px;
	background-color: #fff;
	opacity: 0.4;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	cursor: pointer;
	padding: 0;
	border-radius: 0
}

.home-sub1 .slick-dots .slick-dot.slick-active {
	opacity: 1
}

.home-sub1 .slick-mod:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 27.4%;
	z-index: 1;
	background: url(/static/image/newyear/niu.png) no-repeat left bottom;
	background-size: contain;
	pointer-events: none
}

.home-sub1 .img {
	position: relative
}

.home-sub1 .img .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.pointView {
	overflow: hidden;
	margin-top: -30px;
	line-height: 1;
	position: relative;
	z-index: 1
}

.pointView.fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 0
}

.pointView .list {
	white-space: nowrap;
	font-size: 0;
	text-align: center;
	height: 122px
}

.pointView .list::after {
	content: '';
	display: block;
	clear: both
}

.pointView .list .item {
	display: inline-block;
	vertical-align: middle
}

.pointView .list .item a {
	display: block;
	font-size: 0
}

.pointView .list .item .ico1 {
	width: 123px;
	height: 130px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.pointView .list .item .ico1 img {
	width: 100%;
	height: auto;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out
}

.pointView .list .item .txt {
	display: inline-block;
	vertical-align: middle
}

.pointView .list .item.now .txt {
	font-weight: bold;
	color: #ff480c;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out
}

.home-sub2 {
	position: relative;
	padding-top: 10px;
	background: url(/static/image/newyear/bg.jpg);
	z-index: 2
}

.home-sub2 .l-title {
	position: absolute;
	top: 156px;
	left: 675px
}

.home-sub2 .scrollx {
	height: 100%
}

.home-sub2 .scrollx .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 0
}

.home-sub2 .scrollx .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	opacity: 0
}

.home-sub2 .cont {
	position: relative;
	height: 960px
}

.home-sub2 .cont .list {
	font-size: 0;
	white-space: nowrap;
	padding-left: 105px;
	display: table;
	position: relative
}

.home-sub2 .cont .list .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #e5e5e5;
	background-color: #fff
}

.home-sub2 .cont .list .item a {
	display: block
}

.home-sub2 .cont .list .item img {
	width: 100%;
	height: auto
}

.home-sub2 .cont .list .item .padd {
	padding: 24px
}

.home-sub2 .cont .list .item .img {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c2cb), to(#f0f2f4));
	background-image: linear-gradient(#c0c2cb, #f0f2f4);
	overflow: hidden
}

.home-sub2 .cont .list .item .txt {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 48px;
	width: calc(100% - 60px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.home-sub2 .cont .list .item1 .img {
	width: 450px;
	height: 750px
}

.home-sub2 .cont .list .item2 .img {
	width: 600px;
	height: 390px
}

.home-sub2 .cont .list .item3 .img {
	width: 380px;
	height: 400px
}

.home-sub2 .cont .list .item4 .img {
	width: 420px;
	height: 610px
}

.home-sub2 .cont .list .item5 .img {
	width: 640px;
	height: 390px
}

.home-sub2 .cont .list .item6 .img {
	width: 500px;
	height: 310px
}

.home-sub2 .cont .list .item7 .img {
	width: 390px;
	height: 410px
}

.home-sub2 .cont .list .item1 {
	margin-top: 92px
}

.home-sub2 .cont .list .item2 {
	margin-top: 452px;
	margin-left: 70px
}

.home-sub2 .cont .list .item3 {
	margin-top: 242px;
	margin-left: -1px
}

.home-sub2 .cont .list .item4 {
	margin-top: 92px;
	margin-left: 70px
}

.home-sub2 .cont .list .item5 {
	margin-top: 451px;
	margin-left: -1px
}

.home-sub2 .cont .list .item6 {
	margin-top: 92px;
	margin-left: -285px
}

.home-sub2 .cont .list .item7 {
	margin-top: 214px;
	margin-left: -1px
}

.home-sub2 .cont .fu {
	position: absolute
}

.home-sub2 .cont .fu img {
	width: 100%;
	height: auto
}

.home-sub2 .cont .fu.f1 {
	width: 273px;
	height: 130px;
	top: 338px;
	left: 695px
}

.home-sub2 .cont .fu.f2 {
	width: 424px;
	height: 219px;
	left: 1925px;
	bottom: -55px
}

.home-sub2 .cont .fu.f3 {
	width: 241px;
	height: 448px;
	left: 2292px;
	top: 0
}

.home-sub2 .cont .fu.f4 {
	width: 418px;
	height: 232px;
	right: 315px;
	bottom: -40px
}

.home-sub2 .cont .contView {
	font-size: 0;
	white-space: nowrap
}

.home-sub2 .cont .contView .padd {
	padding: 258px 202px 0
}

.home-sub2 .ulBox {
	margin-top: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home-sub2 .ulBox .li {
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative
}

.home-sub2 .ulBox .li a {
	display: block;
	font-size: 0
}

.home-sub2 .ulBox .li .ico1 {
	width: 54px;
	height: 60px;
	display: inline-block;
	vertical-align: middle
}

.home-sub2 .ulBox .li .ico1 img {
	width: 100%;
	height: auto
}

.home-sub2 .ulBox .li .t1 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px
}

.home-sub2 .ulBox .li+.li {
	margin-left: 90px
}

.home-sub2 .ulBox .li .code {
	width: 163px;
	height: 163px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: calc(100% + 12px);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -10px;
	-webkit-box-shadow: 0 0 15px 5px #eee;
	box-shadow: 0 0 15px 5px #eee;
	opacity: 0
}

.home-sub2 .ulBox .li .code .codeImg {
	width: 161px;
	height: 161px;
	overflow: hidden;
	margin-left: 1px
}

.home-sub2 .ulBox .li .code .codeImg img {
	width: 100%;
	height: auto
}

.home-sub2 .tips1 {
	font-size: 0;
	margin-top: 0px;
	text-align: center;
	position: absolute;
	bottom: 58px;
	left: 1448px
}

.home-sub2 .tips1 .ico1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	overflow: hidden
}

.home-sub2 .tips1 .ico1 img {
	width: 100%;
	height: auto
}

.home-sub2 .tips1 .txt {
	color: #999999;
	padding-left: 14px;
	display: inline-block;
	vertical-align: middle
}

.home-sub2 .tips1 em {
	display: none;
	font-style: normal
}

.home-sub3 {
	padding: 107px 20px 39px;
	background-color: #f7f7f7;
	position: relative
}

.home-sub3 .cont {
	margin-top: 46px
}

.home-sub3 .cont .list {
	text-align: center;
	font-size: 0
}

.home-sub3 .cont .list .item {
	margin: 0 7px;
	width: calc((100% - 98px) / 7);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden
}

.home-sub3 .cont .list .item:nth-child(1) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#921f0c), to(rgba(146, 31, 12, 0)));
	background: linear-gradient(to top, #921f0c, rgba(146, 31, 12, 0))
}

.home-sub3 .cont .list .item:nth-child(2) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#6b0706), to(rgba(107, 7, 6, 0)));
	background: linear-gradient(to top, #6b0706, rgba(107, 7, 6, 0))
}

.home-sub3 .cont .list .item:nth-child(3) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#a7141a), to(rgba(167, 20, 26, 0)));
	background: linear-gradient(to top, #a7141a, rgba(167, 20, 26, 0))
}

.home-sub3 .cont .list .item:nth-child(4) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#be2c1f), to(rgba(190, 44, 31, 0)));
	background: linear-gradient(to top, #be2c1f, rgba(190, 44, 31, 0))
}

.home-sub3 .cont .list .item:nth-child(5) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#c44523), to(rgba(196, 69, 35, 0)));
	background: linear-gradient(to top, #c44523, rgba(196, 69, 35, 0))
}

.home-sub3 .cont .list .item:nth-child(6) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#6f1816), to(rgba(111, 24, 22, 0)));
	background: linear-gradient(to top, #6f1816, rgba(111, 24, 22, 0))
}

.home-sub3 .cont .list .item:nth-child(7) .text .txt {
	background: -webkit-gradient(linear, left bottom, left top, from(#6a2336), to(rgba(106, 35, 54, 0)));
	background: linear-gradient(to top, #6a2336, rgba(106, 35, 54, 0))
}

.home-sub3 .cont .list .item .img {
	height: 905px;
	background-size: 586px auto;
	background-repeat: no-repeat;
	background-position: 50% 0
}

.home-sub3 .cont .list .item .text {
	position: absolute;
	color: #fff;
	text-align: center;
	left: 0;
	bottom: 0;
	right: 0
}

.home-sub3 .cont .list .item .text.open1 {
	text-align: center
}

.home-sub3 .cont .list .item .text .txt {
	font-size: 24px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 300px 40px 40px
}

.home-sub3 .cont .list .item .text .desc {
	font-size: 30px;
	position: absolute;
	bottom: -200px;
	opacity: 0;
	padding: 40px
}

.home-sub3 .cont .list .item .text .desc .t1 {
	font-size: 44px;
	padding-bottom: 35px
}

.home-sub3 .cont .list .item .text .desc .t2 {
	margin-top: 14px
}

.home-sub3 .cont .list .item .mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out
}

.home-sub3 .cont .list .item .a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.home-sub4 {
	background: url(/static/image/newyear/bg.jpg) repeat;
	padding-top: 104px;
	position: relative
}

.home-sub4 .cont {
	position: relative;
	padding-top: 13px
}

.home-sub4 .scrollx {
	margin-top: 78px;
	padding-right: 80px;
	padding-left: 80px
}

.home-sub4 .scrollx .list {
	white-space: nowrap;
	font-size: 0;
	display: table;
	position: relative
}

.home-sub4 .scrollx .list .item {
	width: 493px;
	display: inline-block;
	vertical-align: top
}

.home-sub4 .scrollx .list .item a {
	display: block
}

.home-sub4 .scrollx .list .item .img {
	width: 493px;
	height: 635px
}

.home-sub4 .scrollx .list .item .img img {
	width: 100%;
	height: auto;
	overflow: hidden;
	max-height: 100%
}

.home-sub4 .scrollx .list .item .txt {
	text-align: center;
	padding: 25px 0;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.home-sub4 .scrollx .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 0
}

.home-sub4 .scrollx .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	opacity: 0
}

.home-sub4 .scrollx .list .item2,
.home-sub4 .scrollx .list .item3,
.home-sub4 .scrollx .list .item4,
.home-sub4 .scrollx .list .item5 {
	width: 356px;
	margin-left: 140px
}

.home-sub4 .scrollx .list .item2 .txt,
.home-sub4 .scrollx .list .item3 .txt,
.home-sub4 .scrollx .list .item4 .txt,
.home-sub4 .scrollx .list .item5 .txt {
	padding: 17px 0
}

.home-sub4 .scrollx .list .item2 .img,
.home-sub4 .scrollx .list .item3 .img,
.home-sub4 .scrollx .list .item4 .img,
.home-sub4 .scrollx .list .item5 .img {
	width: 356px;
	height: 281px
}

.home-sub4 .scrollx .list .item3,
.home-sub4 .scrollx .list .item5 {
	margin-top: 354px;
	margin-left: -356px
}

.home-sub4 .scrollx .list .item6,
.home-sub4 .scrollx .list .item7 {
	margin-left: 140px
}

.home-sub4 .scrollx .list .item7 .img {
	width: 510px;
	height: 280px
}

.home-sub4 .cont .fu {
	width: 326px;
	height: 313px;
	overflow: hidden;
	position: absolute;
	right: 183px;
	bottom: 30px
}

.home-sub4 .cont .more-box {
	width: 154px;
	position: absolute;
	right: 0;
	bottom: 87px
}

.home-sub4 .cont .more-box .more {
	display: inline-block
}

.home-sub4 .cont .more-box .more .t2 {
	width: 70px;
	margin-top: 8px;
	height: 9px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out
}

.home-sub4 .cont .more-box .more .t2 img {
	width: 100%;
	height: auto;
	display: block
}

.home-sub4 .cont .more-box .more .t1 {
	color: #ff480c
}

.home-sub4 .tips1 {
	font-size: 0;
	text-align: center;
	padding: 20px 0 80px
}

.home-sub4 .tips1 .ico1 {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	overflow: hidden
}

.home-sub4 .tips1 .ico1 img {
	width: 100%;
	height: auto
}

.home-sub4 .tips1 .txt {
	color: #999999;
	padding-left: 14px;
	display: inline-block;
	vertical-align: middle
}

.home-sub4 .tips1 em {
	display: none;
	font-style: normal
}

.home-sub5 {
	height: 1336px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.home-sub5 .padd {
	padding: 104px 40px 40px;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box
}

.home-sub5 .cont {
	margin-top: 54px;
	overflow: hidden;
	position: relative
}

.home-sub5 .cont .contaner {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	background: url(/static/image/newyear/bg2.jpg) no-repeat center;
	background-size: cover
}

.home-sub5 .cont .startBg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden
}

.home-sub5 .cont .startBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 60%
}

.home-sub5 .cont .startBox .tit1 {
	color: #d49100;
	font-size: 30px
}

.home-sub5 .cont .startBox .startBtn {
	text-align: center;
	margin-top: 51px
}

.home-sub5 .cont .startBox .startBtn .btn1 {
	display: inline-block;
	color: #fff;
	background-color: #ff480c;
	border-radius: 50px;
	padding: 11px 30px 12px;
	cursor: pointer;
	min-width: 100px
}

.home-sub5 .cont .pop-ques {
	width: 780px;
	position: absolute;
	top: 50%;
	height: auto;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 0 15px 5px #e7deca;
	box-shadow: 0 0 15px 5px #e7deca;
	background-color: #fff
}

.home-sub5 .cont .pop-ques .pop-dialog {
	padding: 90px 30px 60px;
	position: relative
}

.home-sub5 .cont .pop-ques .pop-close {
	width: 28px;
	height: 28px;
	background: url(/static/image/newyear/close.png) no-repeat center/cover;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer
}

.home-sub5 .cont .pop-ques .pop-dialog .tit1 {
	font-size: 30px;
	text-align: center
}

.home-sub5 .cont .pop-ques .pop-dialog .ans1 {
	overflow: hidden;
	font-size: 0;
	text-align: center;
	margin-top: 40px
}

.home-sub5 .cont .pop-ques .pop-dialog .ans1 .li {
	width: 195px;
	text-align: center;
	padding: 14px 0 15px;
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	background-color: #f7f7f7;
	margin: 0 10px;
	cursor: pointer
}

.home-sub5 .cont .pop-ques .pop-dialog .ans1 .li.cur {
	background-color: #ff480c;
	color: #fff
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox {
	margin-top: 44px
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox {
	font-size: 0;
	text-align: center;
	display: none
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox .ico1 {
	width: 64px;
	height: 57px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox .ico1 img {
	width: 100%;
	height: auto
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox .txt {
	padding-left: 18px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox.sus .txt {
	color: #ff480c
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox.err .txt {
	color: #d49100
}

.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox.showd {
	display: block
}

.home-sub5 .cont .pop-ques .pop-dialog .ipt {
	margin: 30px auto 0;
	padding: 12px 20px;
	font-size: 18px;
	text-align: center
}

.home-sub5 .cont .pop-ques .pop-dialog .ipt input {
	display: block;
	width: 100%;
	height: 40px
}

.home-sub5 .cont .pageBox {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	font-size: 0;
	text-align: center;
	z-index: 99;
	opacity: 0;
	visibility: hidden
}

.home-sub5 .cont .pageBox.x-show {
	opacity: 1;
	visibility: visible
}

.home-sub5 .cont .pageBox .list {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.home-sub5 .cont .pageBox .list .li {
	width: 49px;
	height: 47px;
	background-image: url(/static/image/newyear/pag1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #f7b13f;
	font-size: 30px;
	text-align: center;
	line-height: 47px;
	font-family: "hyt";
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer
}

.home-sub5 .cont .pageBox .list .li.cur {
	background-image: url(/static/image/newyear/pag2.png);
	color: #fff
}

.home-sub5 .cont .pageBox .nextBtn {
	font-size: 30px;
	color: #fff;
	text-align: center;
	width: 116px;
	height: 47px;
	line-height: 47px;
	font-family: "hyt";
	display: inline-block;
	vertical-align: middle;
	background: url(/static/image/newyear/npage.png) no-repeat center/cover;
	margin-left: 13px;
	cursor: pointer
}

.home-sub5 .cont .startBg.x-show {
	opacity: 1;
	visibility: visible
}

.catBgBox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none
}

.catBgBox.x-show {
	display: block
}

.catBgBox .cats {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px)
}

.catBgBox .cats.showd {
	opacity: 1;
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none
}

.home-sub3 .cont .list .item .a {
	display: none
}

.home-sub3 .cont .list .item {
	cursor: default
}

.home-sub3 .cont .list .item.now {
	cursor: pointer
}

.home-sub3 .cont .list .item.now .a {
	display: block
}

.home-sub3 .cont .list .item.now .mask {
	display: none
}

.pointView .list .item .txt {
	padding-top: 20px
}

.home-sub1 .video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.home-sub1 .vjs-big-play-button {
	width: 163px;
	height: 163px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background: url(/static/image/newyear/play.png) no-repeat center/cover;
	cursor: pointer;
	outline: none
}

.home-sub1 .img {
	position: relative
}

.home-sub1 .img::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 51.288%
}

.home-sub1 .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.home-sub3 .cont .list .item .t3 {
	margin-top: 18px;
	display: none
}

.home-sub3 .cont .list .item.now .t3 {
	display: block
}

.home-sub3 .cont .list .item .t3 .more {
	display: inline-block
}

.home-sub3 .cont .list .item .t3 .more .a1 {
	display: inline-block;
	vertical-align: middle
}

.home-sub3 .cont .list .item .t3 .more .a2 {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 9px;
	margin-left: 10px
}

.home-sub3 .cont .list .item .t3 .more .a2 img {
	width: 100%;
	height: auto;
	display: block
}

.home-sub3 .cont .list .item.now .text .desc .t1 {
	font-size: 44px
}

.home-sub3 .cont .list .item.now .text .desc .t2 {
	font-size: 30px
}

.home-sub3 .cont .list .item.now .text .desc .t3 {
	font-size: 18px
}

.home-sub3 .cont .list .item:nth-child(1) .img {
	background-position: 16% 0
}

.home-sub3 .cont .list .item:nth-child(2) .img {
	background-position: 100% 0
}

.home-sub3 .cont .list .item:nth-child(3) .img {
	background-position: 50% 0
}

.home-sub3 .cont .list .item:nth-child(4) .img {
	background-position: 24% 0
}

.home-sub3 .cont .list .item:nth-child(5) .img {
	background-position: 95% 0
}

.home-sub3 .cont .list .item:nth-child(6) .img {
	background-position: 100% 0
}

.home-sub3 .cont .list .item:nth-child(7) .img {
	background-position: 100% 0
}

.home-sub3 .cont .list .item:nth-child(1) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#921f0c), to(rgba(146, 31, 12, 0)));
	background: linear-gradient(to top, #921f0c, rgba(146, 31, 12, 0))
}

.home-sub3 .cont .list .item:nth-child(2) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#6b0706), to(rgba(107, 7, 6, 0)));
	background: linear-gradient(to top, #6b0706, rgba(107, 7, 6, 0))
}

.home-sub3 .cont .list .item:nth-child(3) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#a7141a), to(rgba(167, 20, 26, 0)));
	background: linear-gradient(to top, #a7141a, rgba(167, 20, 26, 0))
}

.home-sub3 .cont .list .item:nth-child(4) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#be2c1f), to(rgba(190, 44, 31, 0)));
	background: linear-gradient(to top, #be2c1f, rgba(190, 44, 31, 0))
}

.home-sub3 .cont .list .item:nth-child(5) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#c44523), to(rgba(196, 69, 35, 0)));
	background: linear-gradient(to top, #c44523, rgba(196, 69, 35, 0))
}

.home-sub3 .cont .list .item:nth-child(6) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#6f1816), to(rgba(111, 24, 22, 0)));
	background: linear-gradient(to top, #6f1816, rgba(111, 24, 22, 0))
}

.home-sub3 .cont .list .item:nth-child(7) .text {
	background: -webkit-gradient(linear, left bottom, left top, from(#6a2336), to(rgba(106, 35, 54, 0)));
	background: linear-gradient(to top, #6a2336, rgba(106, 35, 54, 0))
}

.home-sub6 {
	padding-top: 40px
}

.home-sub6 .img img {
	width: 100%;
	height: auto
}

.home-sub1 .img video {
	-o-object-fit: cover;
	object-fit: cover
}

.home-sub1 video {
	-o-object-fit: cover;
	object-fit: cover
}

.home-sub3 .cont .list .item.chu1 .mask {
	background-color: rgba(146, 31, 12, 0.9) !important
}

.home-sub3 .cont .list .item.chu2 .mask {
	background-color: rgba(107, 7, 6, 0.9) !important
}

.home-sub3 .cont .list .item.chu3 .mask {
	background-color: rgba(167, 20, 26, 0.9) !important
}

.home-sub3 .cont .list .item.chu4 .mask {
	background-color: rgba(190, 44, 31, 0.9) !important
}

.home-sub3 .cont .list .item.chu5 .mask {
	background-color: rgba(196, 69, 35, 0.9) !important
}

.home-sub3 .cont .list .item.chu6 .mask {
	background-color: rgba(111, 24, 22, 0.9) !important
}

.home-sub3 .cont .list .item.chu7 .mask {
	background-color: rgba(106, 35, 54, 0.9) !important
}

.pointView.fixed {
	border-color: rgba(0, 0, 0, 0)
}

.special6 .cont .videos video {
	-o-object-fit: contain;
	object-fit: contain;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: 100%
}

.home-sub5 .padd {
	padding: 104px 0 0
}

.home-sub5 .cont .contaner {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden
}

.home-sub6 {
	padding-top: 80px
}

.special6 .cont .r .list {
	margin: 90px auto 0
}

.special6 .cont .r {
	display: block
}

.home-sub2 .cont .list {
	padding-right: 80px
}

.home-sub2 .cont .fu.f4 {
	right: 415px
}

.pointView .list .item .ico1 {
	position: relative
}

.pointView .list .item .ico1 img {
	position: absolute;
	top: 0;
	left: 0
}

.pointView .list .item .ico1 img.hover {
	opacity: 0;
	visibility: hidden
}

.pointView .list .item.now .ico1 img.hover {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 2
}

.home-sub3 .cont .list .item .text .desc .t2 .hoverHover {
	display: none
}

.home-sub3 .cont .list .item.now .text .desc .t2 .hoverHover {
	display: block
}

.home-sub3 .cont .list .item.now .text .desc .t2 .normalHover {
	display: none
}

.home-sub2 .more-box {
	position: absolute;
	right: 80px;
	bottom: 58px
}

.home-sub2 .more-box .more {
	display: inline-block
}

.home-sub2 .more-box .more .t2 {
	width: 70px;
	margin-top: 8px;
	height: 9px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out
}

.home-sub2 .more-box .more .t2 img {
	width: 100%;
	height: auto;
	display: block
}

.home-sub2 .more-box .more .t1 {
	color: #ff480c
}

.home-sub3 .cont .list .item .text .txt {
	padding: 300px 10px 40px
}

.home-sub6 {
	padding-top: 0
}

.home-sub5 {
	padding-bottom: 80px
}

.home-sub2 .tips1 .ico1 {
	width: 47px;
	height: 39px
}

.home-sub2 .tips1 .txt {
	color: #333
}

.home-sub4 .tips1 .ico1 {
	width: 47px;
	height: 39px
}

.home-sub4 .tips1 .txt {
	color: #333
}

.special6 .cont .r .list .item.now .img:after {
	border-color: #fff
}

.special6 .cont .r .list .item .img {
	-webkit-box-shadow: 0 0 15px 3px #d8dce2;
	box-shadow: 0 0 15px 3px #d8dce2
}

.home-sub3 .cont .list .item .text .txt,
.home-sub3 .cont .list .item .text .desc .t1 {
	word-break: break-word
}

.pointView {
	margin-top: -44px
}

.pointView.showd .list .item:nth-child(1) .ico1 {
	margin-top: -11px
}

.pointView.showd .list .item:nth-child(3) .ico1 {
	margin-top: -6px
}

.pointView .list .item .ico2 {
	display: none
}

.pointView.fixed .list .item .ico1 {
	display: none
}

.pointView.fixed .list .item .ico2 {
	display: inline-block
}

.home-sub3 .cont .list .item .text .desc {
	text-align: center
}

.home-sub3 .cont .list .item.now .text .desc {
	text-align: left
}

.home-sub3 .cont .list .item.now .text .desc .t1 {
	font-size: 24px
}

.home-sub3 .cont .list .item.now .text .desc .t2 {
	font-size: 18px
}

.home-sub3 .cont .list .item .text .desc .t2 .p {
	padding-bottom: 15px
}

.home-sub3 .cont .list .item .text .desc .t2 .p+.p {
	padding-bottom: 0
}

.home-sub5 {
	padding-bottom: 0
}

.home-sub2 .tips1 .ico1 {
	position: relative;
	overflow: visible
}

.home-sub2 .tips1 .ico1 .arr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.home-sub4 .tips1 .ico1 {
	position: relative;
	overflow: visible
}

.home-sub4 .tips1 .ico1 .arr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.aUl {
	position: absolute;
	bottom: 45px;
	left: 20px
}

.aUl .vida {
	padding: 11px 28px;
	font-size: 18px;
	color: #fff;
	background-color: #ff480c;
	border-radius: 50px;
	display: none;
	cursor: pointer
}

.aUl .vida.cur {
	display: block
}

@-webkit-keyframes zy {
	10% {
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg)
	}

	20% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg)
	}

	30% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	40% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	50%,
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}
}

@keyframes zy {
	10% {
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg)
	}

	20% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg)
	}

	30% {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg)
	}

	40% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg)
	}

	50%,
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}
}

@-webkit-keyframes translateXDraw {

	0%,
	65% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	70% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	75% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	80% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	85% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	90% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	95% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

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

@keyframes translateXDraw {

	0%,
	65% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	70% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	75% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	80% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	85% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

	90% {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	95% {
		-webkit-transform: rotate(-6deg);
		transform: rotate(-6deg)
	}

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

.txtc {
	text-align: center
}

.l-title .tit1 {
	font-size: 40px;
	font-weight: bold
}

.l-title .tit1 span {
	color: #cf270d
}

.l-title .tit2 {
	font-size: 20px;
	color: #3c382f;
	margin-top: 9px
}

.pointHref {
	width: 0;
	height: 0;
	position: absolute;
	top: -131px
}

.zhanwei {
	height: 0
}

.zhanwei.showd {
	height: 131px;
	margin-top: -30px
}

.pop-mod {
	opacity: 0;
	visibility: hidden;
	margin-top: 20px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in
}

.pop-mod.x-show {
	opacity: 1;
	visibility: visible;
	margin-top: 0
}

@media screen and (min-width: 1021px) {
	.scaleimg:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.liro:hover:before {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.pointView .list .item:hover .txt {
		color: #ff480c;
		font-weight: bold
	}

	.pointView .list .item:hover .ico1 img.hover {
		opacity: 1;
		visibility: visible
	}

	.home-sub2 .ulBox .li:hover {
		color: #ff480c
	}

	.home-sub2 .ulBox .li .t1:hover+.code {
		opacity: 1;
		margin-bottom: 0
	}

	.special6 .cont .r:hover .sw {
		background: url(/static/image/newyear/png2b.png) center center no-repeat
	}

	.home-sub3 .cont .list .item.other {
		width: calc((100% - 684px) / 6)
	}

	.home-sub3 .cont .list .item.cur .mask {
		right: 0
	}

	.home-sub3 .cont .list .item.cur {
		width: 586px
	}

	.home-sub3 .cont .list .item.cur .text {
		text-align: left
	}

	.home-sub3 .cont .list .item.cur .text .txt {
		display: none
	}

	.home-sub3 .cont .list .item.cur .desc {
		position: relative;
		bottom: 0;
		opacity: 1;
		transition: all 0.3s ease-in-out 0.4s;
		-webkit-transition: all 0.3s ease-in-out 0.4s;
		-ms-transition: all 0.3s ease-in-out 0.4s
	}

	.home-sub4 .cont .more-box .more:hover .t2 {
		transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px)
	}

	.pointView .list .item {
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
		opacity: 0;
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px)
	}

	.pointView.animate .list .item {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0)
	}

	.pointView.showd .list .item {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0)
	}

	.home-sub2 .cont .list .item {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		opacity: 0
	}

	.home-sub2.animate .cont .list .item {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}

	.special6 {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		opacity: 0
	}

	.special6.animate {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}

	.home-sub3 .cont .list .item {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		opacity: 0
	}

	.home-sub3.animate .cont .list .item {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}

	.home-sub4 .scrollx .list .item {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		opacity: 0
	}

	.home-sub4.animate .scrollx .list .item {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}

	.home-sub5 .padd {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		opacity: 0
	}

	.home-sub5.animate .padd {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}

	.home-sub2 .tips1 .ico1 .pp-show {
		-webkit-animation-name: translateXDraw;
		animation-name: translateXDraw;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 5s;
		animation-duration: 5s
	}

	.home-sub4 .tips1 .ico1 .pp-show {
		-webkit-animation-name: translateXDraw;
		animation-name: translateXDraw;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 5s;
		animation-duration: 5s
	}
}

@media screen and (min-width: 1021px) and (max-width: 1279px) {

	.header,
	.body,
	.footer {
		min-width: 1300px
	}

	.special6 .cont {
		height: 670px
	}
}

@media screen and (max-width: 1860px) {
	.special6 .cont .r {
		width: 350px
	}

	.special6 .cont .r .list {
		width: 270px
	}

	.special6 .cont .r .list .item .img {
		height: 184px
	}

	.special6 .cont .r .list .item {
		padding-bottom: 18px
	}

	.special6 .cont .r .moreBox {
		padding-left: 39px
	}

	.special6 .cont .r {
		right: -350px
	}
}

@media screen and (max-width: 1750px) {
	.special6 .cont .r {
		width: 280px
	}

	.special6 .cont .r .list {
		width: 220px
	}

	.special6 .cont .r .list .item .img {
		height: 150px
	}

	.special6 .cont .r .list .item {
		padding-bottom: 10px
	}

	.special6 .cont .r .list .item .t1 {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.special6 .cont .r .moreBox .more {
		padding-top: 12px;
		padding-bottom: 12px
	}

	.special6 .cont .r .moreBox {
		padding-left: 30px
	}

	.special6 .cont .r {
		right: -280px
	}
}

@media screen and (max-width: 1440px) {
	.special6 .cont .r .list .item:nth-child(4) {
		display: none
	}

	.special6 .cont .r .list {
		width: 200px
	}

	.special6 .cont .r .list .item .img {
		height: 136px
	}

	.special6 .cont .r .list .item .t1 {
		padding: 6px 0
	}

	.home-sub2 .l-title {
		left: 555px
	}

	.home-sub2 .cont .list .item1 .img {
		width: 300px;
		height: 500px
	}

	.home-sub2 .cont .list .item2 .img {
		width: 400px;
		height: 260px
	}

	.home-sub2 .cont .list .item4 .img {
		width: 300px;
		height: 436px
	}

	.home-sub2 .cont .list .item5 .img {
		width: 400px;
		height: 244px
	}

	.home-sub2 .cont .fu.f2 {
		left: 1395px
	}

	.home-sub2 .cont .list .item .txt {
		bottom: 30px
	}

	.home-sub2 .cont .fu.f3 {
		width: 130px;
		height: auto;
		left: 1832px
	}

	.home-sub2 .cont {
		height: 840px
	}

	.home-sub3 .cont .list .item .img {
		height: 665px
	}

	.home-sub4 .scrollx .list .item {
		width: 343px
	}

	.home-sub4 .scrollx .list .item .img {
		width: 343px;
		height: 442px
	}

	.home-sub4 .scrollx .list .item2 .img,
	.home-sub4 .scrollx .list .item3 .img,
	.home-sub4 .scrollx .list .item4 .img,
	.home-sub4 .scrollx .list .item5 .img {
		width: 206px;
		height: 163px
	}

	.home-sub4 .scrollx .list .item2,
	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item4,
	.home-sub4 .scrollx .list .item5 {
		width: 206px
	}

	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item5 {
		margin-top: 235px
	}

	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item5 {
		margin-left: -206px
	}

	.home-sub4 .scrollx .list .item7 .img {
		height: 188px
	}

	.home-sub4 .cont .fu {
		width: 180px;
		height: 173px;
		bottom: 60px
	}

	.home-sub5 {
		height: 1036px
	}

	.home-sub5 .cont .pop-ques .pop-dialog {
		padding: 50px 30px 50px
	}

	.home-sub2 .tips1 {
		left: 1070px;
		bottom: 8px
	}

	.home-sub2 .cont .list .item7 {
		margin-top: 150px
	}

	.home-sub3 .cont .list .item .text .txt {
		padding: 300px 0px 40px;
		white-space: nowrap
	}

	.home-sub3 .cont .list .item .text .txt {
		font-size: 20px
	}

	.home-sub3 .cont .list .item .text .desc {
		font-size: 18px
	}

	.home-sub3 .cont .list .item .text .desc .t1 {
		font-size: 24px
	}

	.pointView {
		margin-top: -24px;
		overflow: visible
	}

	.pointView.showd .list .item:nth-child(2) .ico1 {
		margin-top: -6px
	}

	.pointView.showd .list .item:nth-child(3) .ico1 {
		margin-top: -13px
	}

	.pointView.showd .list .item:nth-child(4) .ico1 {
		margin-top: -8px
	}

	.pointView.showd .list .item:nth-child(5) .ico1 {
		margin-top: -15px
	}
}

@media screen and (max-width: 1250px) {
	.header .nav_main {
		width: 710px
	}

	.header .nav_main li a {
		padding: 0 15px
	}

	.header .tools .d span {
		position: relative;
		top: -1px
	}

	.pointView .list .item .ico1 {
		width: 100px
	}

	.pointView .list .item .txt {
		padding-top: 0
	}

	.pointView .list {
		height: 105px
	}

	.pointView.showd .list .item:nth-child(5) .ico1 {
		margin-top: 0
	}
}

@media screen and (max-width: 1024px) {
	.pp-show {
		display: none
	}

	.mm-show {
		display: block
	}

	.h54 {
		font-size: 50px
	}

	.h48 {
		font-size: 44px
	}

	.h32 {
		font-size: 30px
	}

	.h26 {
		font-size: 24px
	}

	.h24 {
		font-size: 22px
	}

	.h20 {
		font-size: 18px
	}

	.h18 {
		font-size: 18px
	}

	.h16 {
		font-size: 16px
	}

	.special6 {
		padding-bottom: 40px
	}
}

@media screen and (max-width: 1024px) {
	.gotop .s {
		font-size: 0.2rem
	}

	.pop-alert .pop-dialog {
		width: 7rem;
		height: 5rem
	}

	.video-box {
		height: 6rem
	}

	.video-box .vjs-big-play-button:before {
		width: 0.94rem;
		font-size: 0.6rem
	}

	.pp-show {
		display: none
	}

	.mm-show {
		display: block
	}

	.h54 {
		font-size: 24px
	}

	.h48 {
		font-size: 24px
	}

	.h32 {
		font-size: 22px
	}

	.h30 {
		font-size: 22px
	}

	.h28 {
		font-size: 20px
	}

	.h26 {
		font-size: 20px
	}

	.h24 {
		font-size: 18px
	}

	.h22 {
		font-size: 18px
	}

	.h20,
	.h18 {
		font-size: 18px
	}

	.h16 {
		font-size: 14px
	}

	.special6 {
		padding: 40px 0
	}

	.special6 .cont {
		display: block;
		padding: 0 0.25rem;
		height: auto
	}

	.special6 .cont .videos .sw {
		display: none
	}

	.special6 .cont .videos {
		width: 100%
	}

	.special6 .cont .r {
		padding: 0;
		margin-left: 0;
		width: auto;
		margin-top: 15px;
		position: static
	}

	.special6 .cont .r span.prev {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	.special6 .cont .r span.next {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	.special6 .cont .r .slick-slide {
		margin: 0 5px
	}

	.special6 .cont .r .mCSB_scrollTools {
		right: 0
	}

	.special6 .cont .r .mCSB_inside>.mCSB_container {
		margin-right: 10px
	}

	.special6 .cont .r .scroll1 {
		height: 2.4rem
	}

	.special6 .cont .r .tit {
		padding-bottom: 0rem;
		text-align: left
	}

	.special6 .cont .r .list {
		margin: 0 -5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: auto
	}

	.special6 .cont .r .list .item {
		text-align: left;
		width: calc(50% - 7.5px)
	}

	.special6 .cont .r .list .item .t1 {
		font-size: 0.28rem;
		padding: 0.2rem 0 0;
		text-align: center
	}

	.special6 .cont .r .list .item .img {
		height: auto
	}

	.special6 .cont .videos.full {
		position: static;
		height: 49.73vw
	}

	.home-sub1 .slick-dots {
		bottom: 10px
	}

	.home-sub1 .slick-dots .slick-dot {
		width: 20px;
		height: 3px
	}

	.pointView .list {
		margin-left: 0;
		height: auto
	}

	.pointView .list .item {
		width: 20%;
		vertical-align: top
	}

	.pointView .list .item .ico1 {
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto
	}

	.pointView .list .item .txt {
		display: block;
		text-align: center;
		font-size: 12px;
		padding: 0 0px;
		width: auto;
		white-space: normal;
		line-height: 1.1
	}

	.pointView {
		margin-top: -10px;
		padding: 0px 0 20px
	}

	.pointView .list .item.now .txt {
		font-weight: normal
	}

	.home-sub2 {
		margin-top: 30px;
		height: auto
	}

	.home-sub2 .cont {
		height: auto;
		padding-bottom: 60px
	}

	.home-sub2 .cont .list {
		padding-left: 20px
	}

	.home-sub2 .cont .list .item {
		margin-top: 0 !important;
		vertical-align: middle
	}

	.home-sub2 .cont .list .item .padd {
		padding: 10px
	}

	.home-sub2 .cont .list .item .img {
		width: 150px !important;
		height: auto !important;
		-webkit-box-sizing: content-box;
		box-sizing: content-box
	}

	.home-sub2 .cont .list .item .txt {
		left: 15px;
		right: 15px;
		width: auto;
		bottom: 10px;
		font-size: 12px
	}

	.home-sub2 .cont .list .item+.item {
		margin-left: 20px !important
	}

	.home-sub2 .cont .fu {
		display: none
	}

	.home-sub2 .l-title {
		position: relative;
		top: auto;
		left: auto;
		padding: 0 20px
	}

	.l-title .tit1 {
		font-size: 20px
	}

	.l-title .tit2 {
		font-size: 14px
	}

	.home-sub2 .cont .contView {
		margin-top: 20px
	}

	.home-sub2 .cont .contView .padd {
		padding: 0 20px
	}

	.home-sub2 .lastView {
		width: auto
	}

	.home-sub2 .tips1 .txt {
		font-size: 16px
	}

	.home-sub2 .tips1 .ico1 {
		width: 30px;
		height: 30px
	}

	.home-sub2 .ulBox {
		margin-top: 0px;
		padding: 0 15px;
		display: block
	}

	.home-sub2 .ulBox .li+.li {
		margin-left: 0
	}

	.home-sub2 .ulBox .li .ico1 {
		width: 30px;
		height: auto;
		margin-left: 15px
	}

	.home-sub2 .ulBox .li .t1 {
		padding-left: 5px;
		width: calc(100% - 55px);
		font-size: 12px
	}

	.home-sub2 .cont .contView .padd .tips {
		font-size: 16px
	}

	.home-sub2 .ulBox .li .code {
		opacity: 1;
		width: 90px;
		height: auto;
		padding-bottom: 1px
	}

	.home-sub2 .ulBox .li .code .codeImg {
		width: 88px;
		height: 88px
	}

	.home-sub2 .tips1 em {
		display: inline
	}

	.home-sub2 .tips1 span {
		display: none
	}

	.special6 .tabBar {
		margin-top: 20px
	}

	.special6 .tabBar .li.cur {
		padding: 4px 20px
	}

	.special6 .tab-cont {
		margin-top: 30px;
		padding: 0 15px
	}

	.special6 .cont {
		padding: 0
	}

	.special6 .cont .videos video {
		position: relative
	}

	.special6 .cont .r .sw {
		display: none
	}

	.special6 .cont .r .list {
		margin: 0
	}

	.special6 .cont .r .list .item .t1 {
		padding: 4px 0 0;
		font-size: 14px
	}

	.special6 .cont .r .list .item:nth-child(3) {
		display: none
	}

	.special6 .cont .r .moreBox {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		padding-left: 0;
		margin-top: 15px
	}

	.special6 .cont .r .moreBox .more {
		font-size: 16px
	}

	.home-sub3 {
		padding: 40px 15px 40px
	}

	.home-sub3 .cont {
		margin-top: 30px
	}

	.home-sub4 {
		padding: 40px 0
	}

	.home-sub4 .scrollx {
		margin-top: 30px;
		padding: 0 15px
	}

	.home-sub4 .cont {
		padding-top: 0;
		white-space: nowrap
	}

	.home-sub4 .cont .fu {
		display: none
	}

	.home-sub4 .scrollx .list .item .img {
		width: 100% !important;
		height: auto !important
	}

	.home-sub4 .scrollx .list .item .txt {
		padding: 8px 0;
		font-size: 14px
	}

	.home-sub4 .scrollx .list .item2,
	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item4,
	.home-sub4 .scrollx .list .item5 {
		margin: 0
	}

	.home-sub4 .scrollx .list .item6,
	.home-sub4 .scrollx .list .item7 {
		margin: 0
	}

	.home-sub4 .scrollx .list .item+.item {
		margin-left: 20px
	}

	.home-sub4 .tips1 .txt {
		font-size: 16px
	}

	.home-sub4 .tips1 .ico1 {
		width: 30px;
		height: 30px
	}

	.home-sub4 .cont .more-box {
		position: relative;
		right: auto;
		bottom: auto;
		display: inline-block;
		vertical-align: top;
		margin-left: 30px
	}

	.home-sub4 .cont .contView {
		display: inline-block;
		vertical-align: top
	}

	.home-sub4 .cont .more-box .more .t1 {
		font-size: 16px
	}

	.home-sub4 .cont .more-box .more .t2 {
		width: 50px;
		height: auto
	}

	.home-sub4 .tips1 {
		padding-bottom: 0
	}

	.home-sub4 .tips1 em {
		display: inline
	}

	.home-sub4 .tips1 span {
		display: none
	}

	.home-sub5 {
		height: calc(100vh - 107px);
		min-height: 560px
	}

	.home-sub5 .padd {
		padding-top: 40px
	}

	.home-sub5 .cont {
		margin-top: 30px
	}

	.home-sub5 .cont .startBox {
		width: 95%
	}

	.home-sub5 .cont .startBox .tit1 {
		font-size: 14px
	}

	.home-sub5 .cont .startBox .startBtn {
		margin-top: 30px
	}

	.home-sub5 .cont .startBox .startBtn .btn1 {
		font-size: 14px;
		padding: 6px 10px;
		height: auto;
		line-height: 1.5
	}

	.home-sub5 .cont .pop-ques {
		width: auto;
		position: fixed;
		z-index: 999;
		min-width: 300px
	}

	.home-sub5 .cont .pop-ques .pop-dialog {
		padding: 30px 15px 15px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .tit1 {
		font-size: 16px
	}

	.home-sub5 .cont .pop-ques .pop-close {
		top: 10px;
		right: 10px;
		width: 20px;
		height: 20px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ans1 {
		margin-top: 20px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ans1 .li {
		width: auto;
		display: block;
		font-size: 16px;
		margin: 0;
		padding: 8px 15px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ans1 .li+.li {
		margin-top: 10px
	}

	.home-sub5 .cont .pageBox {
		bottom: 15px
	}

	.home-sub5 .cont .pageBox .list .li {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		margin: 0 2px;
		background-size: 100% 100%
	}

	.home-sub5 .cont .pageBox .nextBtn {
		font-size: 14px;
		width: 50px;
		margin-left: 5px;
		height: 20px;
		line-height: 20px;
		background-size: 100% 100%
	}

	.catBgBox .cats {
		background-size: 100% auto
	}

	.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox .ico1 {
		width: 30px;
		height: auto
	}

	.home-sub5 .cont .pop-ques .pop-dialog .resultBox .resBox .txt {
		font-size: 16px;
		font-weight: normal;
		padding-left: 12px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .resultBox {
		margin-top: 20px
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ipt {
		line-height: 30px;
		width: 100%;
		padding: 0 4%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 15px 0 0
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ipt input {
		height: 30px
	}

	.pop-mod.pop-desc {
		width: 95%;
		height: auto;
		position: fixed;
		bottom: auto;
		right: auto;
		top: 50%;
		left: 100%;
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		background-size: 100% 100%;
		margin-top: 0
	}

	.pop-mod.pop-desc .pop-close {
		top: 20px;
		right: 45px
	}

	.pop-mod.pop-desc .pop-dialog .pop-cont {
		padding: 46px 25px 30px;
		font-size: 14px;
		line-height: 1.5
	}

	.pop-mod.pop-desc .scroll1 {
		height: 180px
	}

	.pop-mod.pop-desc .catBox {
		width: 70px;
		height: 68px;
		top: -32px;
		margin-left: 0;
		left: 30px;
		background-size: 100% 100%
	}

	.pop-mod.pop-desc.showd {
		bottom: auto;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%)
	}

	.pop-mod.pop-desc.showd .catBox {
		top: -32px;
		margin-left: 0;
		left: 30px
	}

	.pop-mod.pop-desc .catBox {
		left: -65px
	}

	.home-sub3 .cont .list {
		display: block
	}

	.home-sub5 .cont .pop-ques .pop-dialog .ipt {
		font-size: 16px
	}

	.home-sub3 .cont .list .item {
		margin: 0 1px;
		width: calc((100% - 15px) / 7)
	}

	.home-sub4 .scrollx .list .item {
		vertical-align: middle
	}

	.home-sub2 .scrollx,
	.home-sub4 .scrollx {
		overflow: hidden
	}

	.home-sub4 .cont .contView {
		display: block;
		overflow: hidden
	}

	.home-sub4 .cont .more-box {
		vertical-align: middle
	}

	.home-sub3 .cont .list .item .img {
		height: 350px
	}

	.home-sub3 .cont .list .item .text .txt {
		font-size: 16px
	}

	.home-sub3 .cont .list .item .text .txt {
		padding: 100px 0 15px
	}

	.home-sub3 .cont .list .item .text .txt .w1 {
		width: 1em;
		line-height: 1.2;
		margin: 0 auto;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		letter-spacing: 2px
	}

	.home-sub3 .cont .list .item .img {
		background-size: auto 100%
	}

	.home-sub3 .cont .list .item .a {
		display: none
	}

	.home-sub3 .cont .list .item.now .a {
		display: none
	}

	.home-sub3 .cont .list .item.other {
		width: calc((64% - 15px) / 6)
	}

	.home-sub3 .cont .list .item.cur {
		width: 36%
	}

	.home-sub3 .cont .list .item.cur .text .txt {
		display: none
	}

	.home-sub3 .cont .list .item.cur .text .desc {
		bottom: 0;
		opacity: 1;
		transition: all 0.3s ease-in-out 0.4s;
		-webkit-transition: all 0.3s ease-in-out 0.4s;
		-ms-transition: all 0.3s ease-in-out 0.4s
	}

	.home-sub3 .cont .list .item .text .desc {
		padding: 10px;
		text-align: left
	}

	.home-sub3 .cont .list .item .text .desc .t1 {
		font-size: 16px
	}

	.home-sub3 .cont .list .item .text .desc .t2 {
		margin-top: 2px;
		font-size: 14px
	}

	.home-sub3 .cont .list .item .t3 {
		margin-top: 8px
	}

	.home-sub3 .cont .list .item .text .desc {
		font-size: 14px
	}

	.home-sub3 .cont .list .item .t3 .more .a1 {
		font-size: 12px
	}

	.home-sub3 .cont .list .item .t3 .more {
		font-size: 12px
	}

	.home-sub3 .cont .list .item .t3 .more .a2 {
		width: 20px;
		height: auto
	}

	.home-sub3 .cont .list .item.now .text .desc .t1 {
		font-size: 16px;
		padding-bottom: 10px
	}

	.home-sub3 .cont .list .item.now .text .desc .t2 {
		font-size: 14px
	}

	.home-sub3 .cont .list .item.now .text .desc .t3 {
		font-size: 14px
	}

	.special6 .tabBar .li {
		margin: 0 5px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 5px 12px;
		text-align: center
	}

	.special6 .tabBar .li.cur {
		padding: 5px 12px
	}

	.special6 .tabBar {
		padding: 0 15px;
		overflow: hidden
	}

	.special6 .scroll-track {
		display: table;
		white-space: nowrap;
		margin: 0 auto
	}

	.special6 .scroll-box {
		overflow: hidden
	}

	.home-sub3 .cont .list .item.cur .mask {
		right: 0
	}

	.home-sub5 {
		min-height: auto;
		height: 460px
	}

	.home-sub2 .tips1 {
		margin-top: 8px
	}

	.home-sub2 .cont .fu {
		display: block
	}

	.home-sub2 .cont .fu.f1 {
		top: 32px;
		left: 220px;
		width: 100px;
		height: auto
	}

	.home-sub2 .cont .fu.f2 {
		bottom: 0px;
		left: 500px;
		width: 100px;
		height: auto
	}

	.home-sub2 .cont .fu.f3 {
		width: 44px;
		height: auto;
		left: 790px;
		top: 0
	}

	.home-sub2 .cont .fu.f4 {
		width: 100px;
		height: auto;
		right: auto;
		bottom: 10px;
		left: 1070px
	}

	.home-sub2 .ulBox .li .code {
		position: fixed;
		width: auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.3);
		z-index: 999;
		padding-top: 0;
		display: none
	}

	.home-sub2 .ulBox .li .code .codeImg {
		width: 180px;
		height: 180px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.home-sub6 {
		padding-top: 30px
	}

	.home-sub3 .cont .list .item.cur .text .desc {
		position: relative
	}

	.home-sub2 .scrollx {
		overflow: hidden
	}

	.home-sub2 .cont .contView {
		overflow: hidden;
		position: relative
	}

	.home-sub2 .cont .list .item {
		border: none
	}

	.home-sub2 .cont .list .item .padd {
		padding: 0
	}

	.home-sub2 .cont .list .item .img {
		padding: 8px;
		border: 1px solid #e5e5e5;
		background: none;
		position: relative
	}

	.home-sub2 .cont .list .item .img img {
		position: relative;
		z-index: 1
	}

	.home-sub2 .cont .list .item .img::before {
		content: '';
		position: absolute;
		top: 8px;
		right: 8px;
		bottom: 8px;
		left: 8px;
		background: -webkit-gradient(linear, left top, left bottom, from(#c0c2cb), to(#f0f2f4));
		background: linear-gradient(#c0c2cb, #f0f2f4)
	}

	.home-sub2 .cont .list .item .txt {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: 3px
	}

	.home-sub2 .cont {
		padding-bottom: 20px
	}

	.home-sub1 .vjs-big-play-button {
		display: none
	}

	.special6 .cont .r .moreBox {
		text-align: center
	}

	.home-sub2 .l-title {
		text-align: center
	}

	.home-sub2 {
		margin-top: 0
	}

	.home-sub2 .ulBox .li {
		padding-left: 100px
	}

	.home-sub2 .tips1 {
		left: 230px;
		bottom: 18px
	}

	.home-sub2 .ulBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.home-sub2 .ulBox .li {
		width: 50%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 0
	}

	.special6 .tabBar .li {
		font-size: 14px;
		padding: 4px 8px
	}

	.special6 .cont .videos {
		height: 200px;
		overflow: hidden
	}

	.home-sub2 .cont .list {
		padding-right: 20px
	}

	.pointView .list .item .ico1 {
		width: 55px;
		height: 58px
	}

	.home-sub6 {
		padding-top: 0
	}

	.home-sub5 {
		padding-bottom: 0
	}

	.home-sub2 .more-box {
		position: relative;
		right: auto;
		bottom: auto;
		display: inline-block;
		vertical-align: middle;
		margin-left: 30px
	}

	.home-sub2 .more-box .more .t1 {
		font-size: 16px
	}

	.home-sub2 .more-box .more .t2 {
		width: 50px;
		height: auto
	}

	.home-sub4 .scrollx .list .item {
		width: 150px
	}

	.home-sub4 .scrollx .list .item2,
	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item4,
	.home-sub4 .scrollx .list .item5 {
		width: 90px
	}

	.home-sub4 .scrollx .list .item {
		vertical-align: top
	}

	.home-sub4 .scrollx .list .item3,
	.home-sub4 .scrollx .list .item5 {
		margin-top: 122px;
		margin-left: -90px !important
	}

	.home-sub4 .cont .more-box {
		position: absolute;
		right: 20px;
		bottom: 40px;
		width: auto;
		max-width: 120px
	}

	.home-sub3 .cont .list .item .text .txt {
		white-space: normal
	}

	.pointView .list .item .ico2 {
		display: none
	}

	.pointView.fixed .list .item .ico2 {
		display: block
	}

	.pointView.showd .list .item:nth-child(1) .ico1 {
		margin-top: 0
	}

	.pointView.showd .list .item:nth-child(3) .ico1 {
		margin-top: 0
	}

	.home-sub3 .cont .list .item .text .desc .t1 {
		padding-bottom: 10px
	}

	.home-sub3 .cont .list .item .text .desc .t2 .p {
		padding-bottom: 10px
	}

	.home-sub3 .cont .list .item .text .desc .t2 .p+.p {
		padding-bottom: 0
	}

	.home-sub3 .cont .list .item .text .desc .t2 .p span {
		display: block
	}

	.home-sub3 .cont .list .item .text .desc {
		text-align: center
	}

	.home-sub3 .cont .list .item.now .text .desc {
		text-align: left
	}

	.pointView.showd .list .item .ico1 {
		margin-top: 0 !important
	}

	.aUl {
		bottom: auto;
		left: auto;
		top: 5px;
		right: 5px
	}

	.aUl .vida {
		padding: 4px 6px 5px;
		font-size: 12px
	}

	.pointHref {
		top: -106px
	}

	.zhanwei.showd {
		height: 105px
	}
}

@media screen and (max-width: 768px) {
	.body {
		padding-top: 76px
	}
}




.pop-img .box_img {
	max-width: 1230px;
	max-height: 900px
}

.pop-img .img {
	position: relative
}

.pop-img .p {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 16px;
	width: 100%
}

.pop-img .p1 {
	padding: 10px
}

.pop-img-1 .pop-pic2 .pop-dialog {
	max-width: 70%;
	max-height: 70%
}

.pop-img-1 .img {
	overflow: auto;
	height: 100%;
	width: 100%
}

.pop-img-1 .box_img {
	max-width: auto;
	max-height: auto;
	width: auto
}

.whole0 {
	position: relative
}

.whole0 .img {
	height: 100vh;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.whole0 .s-wrap {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100vh
}

.whole0 .tit {
	font-size: 62px;
	line-height: 1.2;
	font-family: sh
}

@media screen and (max-width: 1680px) {
	.whole0 .tit {
		font-size: 54px
	}
}

@media screen and (max-width: 1440px) {
	.whole0 .tit {
		font-size: 48px
	}
}

@media screen and (max-width: 768px) {
	.whole0 .tit {
		font-size: 30px
	}
}

.whole0 .tit b {
	color: #a80706
}

.whole0 .title-party {
	margin-bottom: 43px;
	margin-top: 14px
}

.whole0 .box {
	position: relative;
	z-index: 1
}

.whole0 .p {
	font-size: 16px;
	line-height: 2.125;
	max-width: 775px;
	width: 100%;
	text-indent: 2em
}

body:not(.lang-en) .whole0 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole1 {
	padding-top: 120px;
	padding-bottom: 126px
}

.whole1 .title-party {
	text-align: center
}

.whole1 .p {
	font-size: 16px;
	margin-top: 30px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

.whole1 .s-wrap {
	padding: 0
}

body:not(.lang-en) .whole1 .s-wrap {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole2 {
	padding-top: 123px;
	padding-bottom: 139px;
	background-color: #f7f7f7;
	position: relative
}

.whole2 .title-party {
	text-align: center
}

.whole2 .y {
	font-family: sh;
	font-size: 366px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 65px;
	margin-left: -645px;
	line-height: 1
}

.whole2 .p {
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .whole2 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0 28px 0 42px;
	margin-top: 92px
}

.whole2 .li {
	background-color: #fff;
	padding: 8px;
	padding-bottom: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.whole2 .li:last-child {
	margin-left: -8px;
	margin-top: -50px
}

.whole2 .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	cursor: pointer
}

.whole2 .img::before {
	content: '';
	display: block;
	padding-top: 69.43463%
}

.whole2 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole2 .p1 {
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 80px;
	line-height: 80px
}

@media screen and (max-width: 768px) {
	.whole2 .p1 {
		font-size: 18px
	}
}

.whole2 .dect1 {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	font-size: 16px;
	color: #fff;
	opacity: 0;
	padding: 0 15px
}

.whole2 .dect1 span {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	height: 3em;
	text-overflow: ellipsis;
	overflow: hidden
}

.whole3 {
	background: url(/static/image/party/syb/whole3.jpg) no-repeat bottom center/cover;
	padding: 140px 0;
	position: relative
}

.whole3 .y {
	font-family: sh;
	font-size: 286px;
	color: #f7f6f6;
	position: absolute;
	left: 50%;
	top: 182px;
	line-height: 1;
	margin-left: -20px
}

.whole3 .title-party {
	margin-bottom: 50px
}

.whole3 .s-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.whole3 .list {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 39.512%
}

.whole3 .li {
	margin-bottom: 20px
}

.whole3 .li:last-child {
	margin-bottom: 0
}

.whole3 .img {
	margin-bottom: 18px;
	cursor: pointer;
	width: 100%;
	position: relative;
	overflow: hidden;
	position: relative;
	overflow: hidden
}

.whole3 .img::before {
	content: '';
	display: block;
	padding-top: 70.78189%
}

.whole3 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole3 .img:last-child {
	margin-bottom: 0
}

.whole3 .p1 {
	font-size: 20px;
	position: relative;
	height: 44px;
	line-height: 44px;
	white-space: nowrap;
	line-height: 1.5;
	height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 15px;
	text-align: center
}

@media screen and (max-width: 768px) {
	.whole3 .p1 {
		font-size: 18px
	}
}

.whole3 .dect {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 105px;
	font-size: 16px;
	color: #666;
	line-height: 1.8
}

body:not(.lang-en) .whole3 .dect {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole3 .p {
	width: 100%;
	text-indent: 2em
}

.whole3 .dect1 {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	font-size: 16px;
	color: #fff;
	padding: 15px;
	opacity: 0;
	padding: 0 15px
}

.whole3 .dect1 span {
	display: block
}

.whole3 .link {
	margin-top: 10px;
	font-size: 18px
}

.whole3 .link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.whole3 .link .b {
	margin-top: 0px;
	margin-left: 10px
}

.whole4 {
	background-color: #fffaf4;
	padding: 167px 0
}

.whole4 .s-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.whole4 .img_w {
	width: 49.268%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 46px
}

.whole4 .img_box {
	padding: 8px;
	background-color: #ffffff;
	position: relative
}

.whole4 .img_box::after {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 45px;
	top: 38px;
	content: "";
	display: block
}

.whole4 .img {
	position: relative;
	overflow: hidden;
	z-index: 1;
	cursor: pointer
}

.whole4 .img::before {
	content: '';
	display: block;
	padding-top: 69.45392%
}

.whole4 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole4 .p {
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	text-indent: 2em
}

.whole4 .p:last-child {
	margin-bottom: 0
}

.whole4 .p1 {
	text-align: center;
	font-size: 20px;
	position: relative;
	z-index: 1;
	margin-top: 61px;
	padding-left: 45px
}

@media screen and (max-width: 768px) {
	.whole4 .p1 {
		font-size: 18px
	}
}

.whole4 .dect {
	padding-right: 100px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

body:not(.lang-en) .whole4 .dect {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole5 {
	background: url(/static/image/party/syb/whole5.jpg) no-repeat center center/cover;
	padding-top: 144px;
	padding-bottom: 135px
}

.whole5 .s-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.whole5 .img_w {
	width: 32.601%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.whole5 .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 10px solid #fff;
	cursor: pointer
}

.whole5 .img::before {
	content: '';
	display: block;
	padding-top: 144.09449%
}

.whole5 .img .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole5 .p1 {
	text-align: center;
	font-size: 20px;
	margin-top: 20px
}

@media screen and (max-width: 768px) {
	.whole5 .p1 {
		font-size: 18px
	}
}

.whole5 .dect {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 42px;
	font-size: 16px;
	color: #666;
	line-height: 1.8
}

body:not(.lang-en) .whole5 .dect {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole5 .p {
	width: 100%;
	text-indent: 2em
}

.whole6 {
	padding: 135px 0 140px
}

.whole6 .p {
	color: #666;
	font-size: 16px;
	line-height: 1.8;
	text-indent: 2em
}

body:not(.lang-en) .whole6 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.whole6 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 12px;
	margin-top: 63px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.whole6 .li {
	margin-right: 18px
}

.whole6 .li:last-child {
	margin-right: 0
}

.whole6 .li1 {
	width: 401px
}

.whole6 .li2 {
	width: 386px;
	margin-top: 130px
}

.whole6 .li3 {
	width: 383px;
	margin-top: 19px
}

.whole6 .img {
	margin-bottom: 18px;
	cursor: pointer
}

.whole6 .img .i {
	width: 100%
}

.whole6 .img1 {
	position: relative;
	overflow: hidden
}

.whole6 .img1::before {
	content: '';
	display: block;
	padding-top: 72.3192%
}

.whole6 .img1 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole6 .img2 {
	position: relative;
	overflow: hidden
}

.whole6 .img2::before {
	content: '';
	display: block;
	padding-top: 70.20725%
}

.whole6 .img2 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole6 .img3 {
	position: relative;
	overflow: hidden
}

.whole6 .img3::before {
	content: '';
	display: block;
	padding-top: 66.05744%
}

.whole6 .img3 .i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.whole6 .p1 {
	font-size: 20px;
	text-align: center
}

@media screen and (max-width: 768px) {
	.whole6 .p1 {
		font-size: 18px
	}
}

@media screen and (min-width: 769px) {

	.whole2 .img:hover img,
	.whole3 .img:hover img,
	.whole4 .img:hover img,
	.whole5 .img:hover img,
	.whole6 .img:hover img {
		-webkit-transition: all 0.32s;
		transition: all 0.32s;
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2)
	}

	.whole2 .img:hover .dect1,
	.whole3 .img:hover .dect1,
	.whole4 .img:hover .dect1,
	.whole5 .img:hover .dect1,
	.whole6 .img:hover .dect1 {
		opacity: 1;
		-webkit-transition: all 0.32s;
		transition: all 0.32s;
		padding: 15px
	}
}

@media screen and (max-width: 1680px) {
	.box_img {
		max-width: 1230px;
		max-height: 800px
	}
}

@media screen and (max-width: 1400px) {
	.box_img {
		max-width: 1230px;
		max-height: 550px
	}
}

@media screen and (max-width: 1024px) {
	.whole3 .dect {
		padding-left: 30px
	}

	.whole4 .dect {
		padding-right: 20px
	}
}

@media screen and (max-width: 768px) {
	.whole0 {
		height: 70vh;
		min-height: 540px;
		padding-bottom: 40px
	}

	.whole0 .tit {
		text-align: center;
		font-size: 26px
	}

	.whole0 .img {
		height: 100%;
		position: relative
	}

	.whole0 .title-party {
		margin-bottom: 20px
	}

	.whole0 .s-wrap {
		position: absolute;
		height: auto;
		padding: 0;
		top: 100px;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.whole0 .box {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.whole0 .title-party {
		text-align: center
	}

	.whole0 .p {
		line-height: 1.5
	}

	.whole1 {
		padding: 50px 0 0
	}

	.whole1 .s-wrap {
		padding: 0
	}

	.whole2 {
		padding: 50px 0 40px
	}

	.whole2 .p1 {
		overflow: visible;
		white-space: normal;
		line-height: 1.3;
		padding: 15px;
		height: auto;
		text-align: left
	}

	.whole2 .p1 {
		text-align: center
	}

	.whole2 .y {
		font-size: 100px;
		margin-left: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		display: none
	}

	.whole2 .list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		margin-top: 0
	}

	.whole2 .li {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		margin-top: 18px
	}

	.whole2 .li:last-child {
		margin-top: 18px;
		margin-left: 0
	}

	.whole3 {
		padding: 50px 0 40px
	}

	.whole3 {
		background: url(/static/image/party/syb/whole3.jpg) no-repeat bottom -30px center/cover
	}

	.whole3 .y {
		display: none
	}

	.whole3 .s-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.whole3 .list {
		width: 100%
	}

	.whole3 .dect {
		padding-left: 0;
		margin-top: 18px
	}

	.whole4 {
		padding: 50px 0 40px
	}

	.whole4 .s-wrap {
		display: block
	}

	.whole4 .img_w {
		width: 100%
	}

	.whole4 .img_box::after {
		left: 16px;
		top: 16px
	}

	.whole4 .p1 {
		margin-top: 36px;
		padding-left: 16px
	}

	.whole4 .dect {
		padding: 0;
		margin: 20px 0 0;
		width: auto
	}

	.whole5 {
		padding: 50px 0 40px
	}

	.whole5 .s-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.whole5 .img_w {
		width: 100%
	}

	.whole5 .dect {
		margin-top: 20px;
		padding-left: 0
	}

	.whole6 {
		padding: 50px 0 40px
	}

	.whole6 .p {
		text-align: left
	}

	.whole6 .list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
		padding: 0
	}

	.whole6 .li {
		width: 100%;
		margin: 0;
		padding-bottom: 20px;
		margin-top: 0
	}

	.whole3 .p1 {
		font-size: 20px
	}

	.pop-img .box_img {
		max-width: 100%;
		max-height: 500px;
		width: 100%;
		min-width: 100%
	}

	.pop-img-1 .box_img {
		max-width: none;
		max-height: none;
		width: auto
	}

	.whole3 .title-party {
		margin-bottom: 20px
	}

	.whole6 .img {
		margin-bottom: 10px
	}

	.whole6 .img .i {
		width: 100%
	}
}

.yygg {
	background: url(/static/subject/yygg/yygg-1.jpg) no-repeat center bottom;
	background-size: cover;
	height: 100%;
	overflow: hidden;
	position: relative
}

.yygg .title {
	position: absolute;
	width: 100%;
	height: 18%;
	left: 0;
	top: 17%;
	text-align: center;
	max-height: 163px
}

.yygg .title:after {
	content: "";
	background: url(/static/subject/yygg/yygg-11.png) no-repeat center;
	width: 304px;
	height: 185px;
	position: absolute;
	left: 50%;
	bottom: -90px;
	margin-left: -480px;
	-webkit-animation: opcity1 2s linear 0s infinite alternate;
	animation: opcity1 2s linear 0s infinite alternate
}

.yygg .box1 {
	width: 1230px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -615px;
	height: 30%;
	max-height: 280px
}

.yygg .box1 .item {
	position: absolute;
	height: 100%;
	min-width: 215px
}

.yygg .box1 .item>a {
	position: relative;
	z-index: 2;
	-webkit-animation: yyggIcon 2s linear 0s infinite alternate;
	animation: yyggIcon 2s linear 0s infinite alternate;
	display: block;
	height: 100%
}

.yygg .box1 .item .towbox {
	background: url(/static/subject/yygg/yygg-9.png) no-repeat center -70px;
	background-size: 100%;
	width: 522px;
	height: 380px;
	position: absolute;
	top: -45px;
	left: 0px;
	z-index: 1;
	opacity: 0;
	visibility: hidden
}

.yygg .box1 .item .towbox.bx2 {
	background: none;
	z-index: 3
}

.yygg .box1 .item .towbox.number2 .table.te1 {
	top: 90px;
	left: 290px
}

.yygg .box1 .item .towbox.number2 .table.te2 {
	top: 220px;
	left: 270px
}

.yygg .box1 .item .towbox .table {
	background: #72a387;
	width: 106px;
	height: 106px;
	display: table;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden
}

.yygg .box1 .item .towbox .table:after {
	content: "";
	position: absolute;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	border: 1px dashed #fff;
	opacity: 0.5;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px
}

.yygg .box1 .item .towbox .table.te1 {
	top: 60px;
	left: 270px;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.yygg .box1 .item .towbox .table.te2 {
	top: 175px;
	left: 290px;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.yygg .box1 .item .towbox .table.te3 {
	top: 280px;
	left: 230px;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s
}

.yygg .box1 .item .towbox .tabcell {
	display: table-cell;
	vertical-align: middle
}

.yygg .box1 .item:hover {
	z-index: 3
}

.yygg .box1 .item:hover .towbox {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.yygg .box1 .item:hover .table {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.yygg .box1 .item.i1>a {
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s
}

.yygg .box1 .item.i2>a {
	-webkit-animation-duration: 3.4s;
	animation-duration: 3.4s
}

.yygg .box1 .item.i3>a {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s
}

.yygg .box1 .item.i4>a {
	-webkit-animation-duration: 3.8s;
	animation-duration: 3.8s
}

.yygg .box1 .item.i5>a {
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}

.yygg .box1 .item.i1 {
	left: -2%;
	top: 20px
}

.yygg .box1 .item.i2 {
	left: 16%;
	top: 78px
}

.yygg .box1 .item.i3 {
	left: 30%;
	top: -50px
}

.yygg .box1 .item.i4 {
	left: 47%;
	top: 60px
}

.yygg .box1 .item.i5 {
	left: 63%
}

.yygg .box1 .item.i6 {
	left: auto;
	right: -6%;
	top: 50px
}

.yygg .box1 .item.i6 .towbox {
	left: auto;
	right: 0px
}

.yygg .box1 .item.i6 .towbox .table.te1 {
	left: auto;
	right: 290px
}

.yygg .box1 .item.i6 .towbox .table.te2 {
	left: auto;
	right: 300px
}

.yygg .box1 .item.i6 .towbox .table.te3 {
	left: auto;
	right: 230px
}

.yygg .box1 .item.i6 .towbox .table {
	background: #b36d73
}

.yygg .box1 .item.i5 .towbox .table {
	background: #669f78
}

.yygg .box1 .item.i4 .towbox .table {
	background: #cdae65
}

.yygg .box1 .item.i3 .towbox .table {
	background: #457da0
}

.yygg .box1 .item.i2 .towbox .table {
	background: #a46e54
}

.yygg .fz {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/static/subject/yygg/yygg-7.png) no-repeat top center;
	background-size: auto 100%;
	height: 30%
}

.yygg .yun {
	-webkit-animation: yyggIcon1 8s linear 0s infinite alternate;
	animation: yyggIcon1 8s linear 0s infinite alternate;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1058px;
	width: 2116px;
	height: 204px;
	background: url(/static/subject/yygg/yygg-8.png) no-repeat center top;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.yygg .logo {
	position: absolute;
	left: 50%;
	margin-top: 1%;
	height: 5%;
	min-height: 100px;
	max-height: 100px;
	text-align: center;
	display: block;
	margin-left: -50px
}

.yygg .logo img {
	height: 100%
}

@media screen and (max-height: 680px) {
	.yygg .box1 .item .towbox {
		width: 400px;
		height: 290px;
		background-position: center -60px;
		top: -50px
	}

	.yygg .box1 .item .towbox .table {
		width: 90px;
		height: 90px
	}

	.yygg .box1 .item .towbox .table:after {
		width: 80px;
		height: 80px;
		margin-left: -41px;
		margin-top: -41px
	}

	.yygg .box1 .item .towbox .table.te1 {
		left: 190px;
		top: 30px
	}

	.yygg .box1 .item .towbox .table.te2 {
		left: 210px;
		top: 130px
	}

	.yygg .box1 .item .towbox .table.te3 {
		left: 150px;
		top: 220px
	}

	.yygg .box1 .item .towbox.number2 .table.te1 {
		left: 210px;
		top: 50px
	}

	.yygg .box1 .item .towbox.number2 .table.te2 {
		left: 190px;
		top: 170px
	}

	.yygg .box1 .item.i5 .towbox {
		right: 50px
	}

	.yygg .box1 .item.i5 .towbox .table.te1 {
		right: 210px
	}

	.yygg .box1 .item.i5 .towbox .table.te2 {
		right: 240px
	}

	.yygg .box1 .item.i5 .towbox .table.te3 {
		right: 160px
	}

	.yygg .box1 .item.i6 .towbox {
		left: auto;
		right: 60px
	}

	.yygg .box1 .item.i6 .towbox .table.te1 {
		right: 190px
	}

	.yygg .box1 .item.i6 .towbox .table.te2 {
		right: 220px
	}

	.yygg .box1 .item.i6 .towbox .table.te3 {
		right: 160px
	}
}

@media screen and (max-width: 1180px) {
	.yygg .box1 {
		width: 90%;
		margin-left: -45%
	}

	.yygg .box1 .item.i2 {
		left: 20%
	}

	.yygg .box1 .item.i5 {
		left: 58%;
		top: -80px
	}

	.yygg .box1 .item.i5 .towbox {
		left: auto;
		right: 20px
	}

	.yygg .box1 .item.i5 .towbox .table.te1 {
		left: auto;
		right: 280px
	}

	.yygg .box1 .item.i5 .towbox .table.te2 {
		left: auto;
		right: 300px
	}

	.yygg .box1 .item.i5 .towbox .table.te3 {
		left: auto;
		right: 230px
	}
}

@-webkit-keyframes yyggIcon {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px)
	}

	100% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}
}

@keyframes yyggIcon {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px)
	}

	100% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}
}

@-webkit-keyframes yyggIcon1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes yyggIcon1 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes opcity1 {
	0% {
		opacity: 0.4
	}

	100% {
		opacity: 1
	}
}

@keyframes opcity1 {
	0% {
		opacity: 0.4
	}

	100% {
		opacity: 1
	}
}

@media screen and (max-width: 1000px) {
	.yygg .title {
		width: 80%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.yygg .title img {
		max-width: 100%
	}

	.yygg .box1 .item.i1 {
		top: -50px
	}

	.yygg .box1 .item.i2 {
		left: 0%;
		top: 112px
	}

	.yygg .box1 .item.i4 {
		left: 30%;
		top: 112px
	}

	.yygg .box1 .item.i6 {
		right: auto;
		left: 58%;
		top: 112px
	}
}

@media screen and (max-width: 768px) {
	.ggyy {
		height: 100%;
		background: url(/static/subject/yygg/ggyy-1.jpg) no-repeat center bottom;
		background-size: cover;
		position: relative;
		overflow: hidden
	}

	.ggyy img {
		height: 100%;
		max-width: none
	}

	.ggyy .title1 {
		height: 62.829%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -55%);
		transform: translate(-50%, -55%)
	}

	.ggyy .box1 {
		position: absolute;
		height: 94%;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%
	}

	.ggyy .box1 .item {
		position: absolute;
		height: 24%
	}

	.ggyy .box1 .item.i1 {
		top: 2%;
		left: 2%
	}

	.ggyy .box1 .item.i2 {
		top: 11.77%;
		right: 7%
	}

	.ggyy .box1 .item.i3 {
		top: 28.8%;
		left: -2%
	}

	.ggyy .box1 .item.i4 {
		top: 37.63%;
		right: -1%
	}

	.ggyy .box1 .item.i5 {
		top: 51%;
		left: -3%
	}

	.ggyy .box1 .item.i6 {
		top: 62%;
		right: 0.5%
	}

	.ggyy .alert {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		z-index: 9
	}

	.ggyy .alert.show {
		opacity: 1;
		visibility: visible
	}

	.ggyy .alert .list {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0;
		visibility: hidden
	}

	.ggyy .alert .list.show {
		opacity: 1;
		visibility: visible
	}

	.ggyy .alert .list.l2 .item {
		background: #a46e54
	}

	.ggyy .alert .list.l3 .item {
		background: #457da0
	}

	.ggyy .alert .list.l4 .item {
		background: #b36d73
	}

	.ggyy .alert .list.l5 .item {
		background: #cdae65
	}

	.ggyy .alert .list.l6 .item {
		background: #669f78
	}

	.ggyy .alert .list .item {
		font-size: 0.22rem;
		width: 1.46rem;
		height: 1.46rem;
		background: #72a387;
		border-radius: 50%;
		color: #fff;
		margin-bottom: 0.2rem;
		position: relative;
		-webkit-tap-highlight-color: transparent
	}

	.ggyy .alert .list .item:after {
		content: '';
		display: block;
		width: 1.35rem;
		height: 1.35rem;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border: 1px dashed #fff;
		opacity: 0.8;
		border-radius: 50%;
		z-index: 1
	}

	.ggyy .alert .list .item a {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		line-height: 0.28rem;
		position: relative;
		z-index: 3
	}

	.ggyy .fz {
		background: url(/static/subject/yygg/ggyy-7.png) repeat-x center;
		background-size: auto 100%;
		height: 16.168%;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 3
	}

	.ggyy .yun {
		content: "";
		display: block;
		background: url(/static/subject/yygg/ggyy-8.png) repeat-x center top;
		background-size: auto 100%;
		position: absolute;
		left: -1rem;
		right: -1rem;
		bottom: 0;
		height: 16.168%;
		z-index: 1
	}

	.ggyy .box1 .item {
		-webkit-animation: yyggIcon 2s linear 0s infinite alternate;
		animation: yyggIcon 2s linear 0s infinite alternate
	}

	.ggyy .box1 .item.i1 {
		-webkit-animation-duration: 3.2s;
		animation-duration: 3.2s
	}

	.ggyy .box1 .item.i2 {
		-webkit-animation-duration: 3.4s;
		animation-duration: 3.4s
	}

	.ggyy .box1 .item.i3 {
		-webkit-animation-duration: 3.6s;
		animation-duration: 3.6s
	}

	.ggyy .box1 .item.i4 {
		-webkit-animation-duration: 3.8s;
		animation-duration: 3.8s
	}

	.ggyy .box1 .item.i5 {
		-webkit-animation-duration: 4s;
		animation-duration: 4s
	}

	.ggyy .yun {
		-webkit-animation: yyggIcon1 8s linear 0s infinite alternate;
		animation: yyggIcon1 8s linear 0s infinite alternate;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	.ggyy .ztlogo {
		height: 12%;
		display: block;
		position: absolute;
		top: 0;
		background-size: auto 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
	.page-pbox{text-align: justify;text-indent: 2em;}
}