#MAIN {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%
}

body,html {
	min-width: 100%;
	min-height: 100%;
	overflow-y: hidden;
	width: 100%;
	height: 100%
}

.lb-number {
	opacity: 0
}

.fp-prev {
	left: 10% !important;
	border: 0;
	background: none;
	font-size: 30px;
	color: #eee;
	opacity: 0.8;
	width: 41px !important;
	text-align: center;
	height: 41px;
	line-height: 42px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center
}

.fp-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
	box-sizing: border-box;
	position: relative;
	left: 2px
}

.fp-next {
	right: 10% !important;
	border: 0;
	background: none;
	font-size: 30px;
	color: #eee;
	opacity: 0.8;
	width: 41px !important;
	text-align: center;
	height: 41px;
	line-height: 42px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center
}

.fp-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
	position: relative;
	right: 2px
}

.fp-bottom {
	display: none
}

#fp-nav {
	left: 20px;
	right: inherit !important
}

.p_box_mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: 109;
	background: #000
}

#DIING {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	height: 70px;
	top: -70px;
	line-height: 70px;
	z-index: 101;
	background: #000
}

#DIING .kong {
	width: 75%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

#DIING .kong .l {
	color: #999;
	display: flex
}

#DIING .kong .l a {
	margin: 0 10px 0 0;
	font-size: 14px;
	display: flex;
	color: #888
}

#DIING .kong .l a:hover {
	color: #aaa
}

#DIING .kong .l .jiao {
	width: 10px;
	height: 100%;
	justify-content: center;
	align-items: center;
	align-content: center
}

#DIING .kong .l .jiao:before {
	content: '';
	width: 6px;
	height: 6px;
	display: block;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	transform: rotate(45deg)
}

#DIING .kong .r {
	display: flex
}

#DIING .kong .r a {
	display: flex;
	align-items: center;
	align-content: center;
	margin: 0 0 0 28px
}

#DIING .kong .r a b {
	width: 7px;
	height: 1px;
	overflow: hidden;
	background: #000;
	margin: 0 5px 0 0
}

#DIING .kong .r a span {
	font-size: 14px;
	color: #666
}

#DIING .kong .r a:hover span {
	color: #aaa
}

#DIING .kong .r a.selected b {
	background: #ef6d00
}

#DIING .kong .r a.selected span {
	color: #ef6d00
}

#RUNBANNER .pages {
	min-height: 100%;
	position: absolute;
	height: 100%;
	transition-property: all;
	transition-duration: 0.8s;
	transition-timing-function: linear;
	overflow: hidden
}

#RUNBANNER .pages .kox__ {
	width: 100%;
	margin: 0 auto 0 auto;
	height: 100%
}

#RUNBANNER .fp-tableCell {
	transition-property: all;
	transition-duration: 0.8s;
	transition-timing-function: linear;
	overflow: hidden;
	position: relative
}

#RUNBANNER .fp-section.fp-table {
	display: flex
}

#RUNBANNER .pages {
	padding: 0 0 0 0;
	position: absolute;
	overflow: hidden
}

#RUNBANNER .page_0 {
	background: #1a1f22
}

#RUNBANNER .page_0 .bgi {
	height: 96%;
	position: relative;
	top: 70px;
	background-size: cover
}

#RUNBANNER .page_1 {
	background: #1a1f22
}

#RUNBANNER .page_1 .hhh {
	height: 55%;
	position: relative;
	margin: 0 auto;
	width: 75%;
	top: 15%;
	display: flex;
	flex-wrap: nowrap
}

#RUNBANNER .page_1 .hhh .l {
	width: 32%;
	position: relative
}

#RUNBANNER .page_1 .hhh .l .line {
	width: 40px;
	background: #ef6d00;
	height: 2px;
	overflow: hidden
}

#RUNBANNER .page_1 .hhh .l .t0 {
	font-family: dense;
	font-size: 5.5vw;
	color: #bbb;
	position: absolute;
	white-space: nowrap;
	top: 5vw;
	letter-spacing: 0.03em
}

#RUNBANNER .page_1 .hhh .l .t00 {
	font-size: 1.8vw;
	color: #bbb;
	position: absolute;
	font-weight: bold;
	white-space: nowrap;
	top: 10.5vw;
	letter-spacing: 0.03em
}

#RUNBANNER .page_1 .hhh .l .t1 {
	color: #565656;
	font-size: 14px;
	letter-spacing: 0.01em;
	position: absolute;
	bottom: 28px;
	left: 0
}

#RUNBANNER .page_1 .hhh .l .t2 {
	color: #565656;
	font-size: 19px;
	letter-spacing: 0.02em;
	position: absolute;
	font-family: 'Trebuchet MS';
	font-weight: bold;
	bottom: 0;
	left: 0
}

#RUNBANNER .page_1 .hhh .c {
	width: 26%;
	height: 100%;
	background: url(../img/prodinfo_0_0.jpg) no-repeat center;
	background-size: cover
}

#RUNBANNER .page_1 .hhh .r {
	width: 31%;
	margin: 0 0 0 11%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: center
}

#RUNBANNER .page_1 .hhh .r .cp {
	height: 40%;
	overflow: hidden;
	width: 100%
}

#RUNBANNER .page_1 .hhh .r .cp img {
	width: 100%;
	height: 100%
}

#RUNBANNER .page_1 .hhh .r .t3 {
	color: #666;
	line-height: 1.8vw;
	font-size: 15px;
	letter-spacing: 0.05em
}

#RUNBANNER .page_1 .hhh .r .t4 {
	color: #666;
	line-height: 1.8vw;
	font-size: 15px;
	letter-spacing: 0.05em
}

#RUNBANNER .page_3 .slide_0 .hhh,#RUNBANNER .page_3 .slide_1 .hhh,#RUNBANNER .page_3 .slide_2 .hhh {
	position: relative;
	top: 20%;
	text-align: center;
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap
}

#RUNBANNER .page_3 .slide_0 .hhh .line,#RUNBANNER .page_3 .slide_1 .hhh .line,#RUNBANNER .page_3 .slide_2 .hhh .line {
	width: 58px;
	height: 4px;
	background: #ef6d00;
	margin: 0 auto
}

#RUNBANNER .page_3 .slide_0 .hhh .ttt,#RUNBANNER .page_3 .slide_1 .hhh .ttt,#RUNBANNER .page_3 .slide_2 .hhh .ttt {
	font-family: dense;
	font-size: 5.5vw;
	width: 100%;
	color: #5a5657;
	white-space: nowrap;
	padding: 1vw 0 0 0;
	letter-spacing: 0.3vw
}

#RUNBANNER .page_3 .slide_0 .hhh .lw,#RUNBANNER .page_3 .slide_1 .hhh .lw,#RUNBANNER .page_3 .slide_2 .hhh .lw {
	font-size: 1vw;
	width: 100%;
	color: #5a5657;
	white-space: nowrap;
	padding: 0 0 1vw 0;
	letter-spacing: 0.05vw;
	font-weight: bold
}

#RUNBANNER .page_3 .slide_0 .hhh .icon,#RUNBANNER .page_3 .slide_1 .hhh .icon,#RUNBANNER .page_3 .slide_2 .hhh .icon {
	padding: 4vw 0 4vw 0;
	width: 100%;
	text-align: center;
	height: 9vw;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}

#RUNBANNER .page_3 .slide_0 .hhh .en_ms,#RUNBANNER .page_3 .slide_1 .hhh .en_ms,#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
	color: #585858;
	width: 56%;
	margin: 0 22%;
	letter-spacing: 0.04em;
	line-height: 1.5vw;
	font-weight: 200;
	font-size: 14px
}

#RUNBANNER .page_3 .slide_0 .hhh .cn_ms,#RUNBANNER .page_3 .slide_1 .hhh .cn_ms,#RUNBANNER .page_3 .slide_2 .hhh .cn_ms {
	color: #585858;
	width: 84%;
	margin: 0 8%;
	padding: 0.8vw 0 0 0;
	letter-spacing: 0.04em;
	line-height: 1.5vw;
	font-weight: 200;
	font-size: 14px
}

#RUNBANNER .page_3 .slide_0 {
	background: #8e9295
}

#RUNBANNER .page_3 .slide_1 {
	background: #5a5657
}

#RUNBANNER .page_3 .slide_1 .hhh .ttt {
	color: #898989
}

#RUNBANNER .page_3 .slide_1 .hhh .lw {
	color: #898989
}

#RUNBANNER .page_3 .slide_1 .hhh .en_ms,#RUNBANNER .page_3 .slide_1 .hhh .cn_ms {
	color: #898989
}

#RUNBANNER .page_3 .slide_2 {
	background: #bbbbbb
}

#RUNBANNER .page_3 .slide_2 .hhh .ttt {
	color: #424242
}

#RUNBANNER .page_3 .slide_2 .hhh .lw {
	color: #424242
}

#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
	color: #424242
}

#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
	color: #424242
}

#RUNBANNER .page_2 {
	background: #1a1f22
}

#RUNBANNER .page_2 .hhh {
	position: relative;
	top: 18%;
	height: 70%;
	margin: 0 auto;
	width: 75%
}

#RUNBANNER .page_2 .hhh .ttt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

#RUNBANNER .page_2 .hhh .ttt h3 {
	font-family: dense;
	height: 5vw;
	font-size: 6vw;
	color: #434343;
	letter-spacing: 0.4vw;
	font-weight: normal
}

#RUNBANNER .page_2 .hhh .ttt .option {
	display: flex
}

#RUNBANNER .page_2 .hhh .ttt .option a {
	height: 40px;
	line-height: 30px;
	position: relative;
	top: 1px;
	display: inline-flex;
	color: #595959;
	padding: 0 26px;
	border-bottom: 2px solid #292e31;
	font-size: 15px
}

#RUNBANNER .page_2 .hhh .ttt .option a:hover {
	color: #aaa;
	border-bottom: 2px solid #aaa
}

#RUNBANNER .page_2 .hhh .ttt .option a.selected {
	color: #ef6d00;
	border-bottom: 2px solid #ef6d00
}

#RUNBANNER .page_2 .hhh .table {
	background: #eee;
	margin: 40px 0 0 0;
	overflow: hidden;
	height: 80%
}

#RUNBANNER .page_2 .hhh .table .scroll {
	height: 100%;
	width: 100000px;
	display: flex
}

#RUNBANNER .page_2 .hhh .table .ul_0 {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center
}

#RUNBANNER .page_2 .hhh .table .ul_0 a {
	margin: 0 10px
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li {
	width: 100%;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li .img {
	width: auto;
	height: auto;
	text-align: center;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li .img .zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/icon_zoom.png) no-repeat center;
	background-size: 50px;
	transform: scale(0)
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li .name {
	font-size: 14.5px;
	text-align: center;
	color: #666;
	padding: 14px 0 0 0;
	letter-spacing: 0.04em
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li .line {
	position: absolute;
	bottom: -53px;
	height: 2px;
	width: 100%;
	background: #ccc
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li .line:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 40%;
	width: 20%;
	background: #ef6d00;
	height: 100%;
	top: 0
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .zoom {
	transform: scale(1)
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .name {
	color: #ef6d00
}

#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .line {
	opacity: .2
}

#RUNBANNER .page_2 .hhh .table .ul_1 {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap
}

#RUNBANNER .page_2 .hhh .table .ul_1 .tooo {
	border-bottom: 2px solid #ddd;
	bottom: -50px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center
}

#RUNBANNER .page_2 .hhh .table .ul_1 .tooo span {
	font-size: 15px;
	color: #666;
	position: relative;
	top: 2px;
	line-height: 24px;
	display: inline-block;
	padding: 0 12px;
	border-bottom: 2px solid #ef6d00;
	height: 30px;
	letter-spacing: 0.06em
}

#RUNBANNER .page_2 .hhh .table .ul_1 .sss {
	display: block;
	position: relative;
	flex-wrap: wrap
}

#RUNBANNER .page_2 .hhh .table .ul_1 a {
	display: flex;
	width: 100%
}

#RUNBANNER .page_2 .hhh .table .ul_1 li {
	width: auto;
	margin: 1px 1px;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_1 li .img {
	width: auto;
	height: auto;
	text-align: center;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_1 li .img .zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/icon_zoom.png) no-repeat center;
	background-size: 50px;
	transform: scale(0)
}

#RUNBANNER .page_2 .hhh .table .ul_1 li:hover .zoom {
	transform: scale(1)
}

#RUNBANNER .page_2 .hhh .table .ul_1 li:hover .name {
	color: #ef6d00
}

#RUNBANNER .page_2 .hhh .table .ul_2 {
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}

#RUNBANNER .page_2 .hhh .table .ul_2 .sss {
	height: 100%;
	display: flex;
	box-sizing: border-box;
	padding: 0 5vw;
	justify-content: center;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	height: auto
}

#RUNBANNER .page_2 .hhh .table .ul_2 a {
	align-content: flex-end;
	align-items: flex-end;
	display: flex
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li {
	margin: 0 0.6vw 1.2vw 0.6vw;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li .img {
	width: auto;
	height: auto;
	text-align: center;
	position: relative
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li .img .zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/icon_zoom.png) no-repeat center;
	background-size: 30px;
	transform: scale(0)
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li .name {
	font-size: 14.5px;
	color: #666;
	padding: 14px 0 0 0;
	width: 100%;
	letter-spacing: 0.04em
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li .size {
	font-size: 12px;
	width: 100%;
	color: #aaa;
	padding: 0;
	letter-spacing: 0.04em
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li:hover .zoom {
	transform: scale(1)
}

#RUNBANNER .page_2 .hhh .table .ul_2 a li:hover .name {
	color: #ef6d00
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss {
	display: flex;
	flex-wrap: wrap;
	height: 100%
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .ifm {
	width: 75%;
	height: 100%
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .ifm iframe {
	width: 96%;
	height: 96%;
	border: 0;
	margin: 1%
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-self: center
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode {
	width: 100%;
	position: relative;
	text-align: center
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode img {
	width: 7.8vw;
	margin: 0 auto;
	outline: 7px solid #fff;
	box-shadow: 0 0 13px rgba(0,0,0,0.4)
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode .icon {
	position: absolute;
	left: 0;
	width: 100%;
	top: 3.4vw;
	background: url(../img/logo_icon.png) no-repeat center;
	background-size: 1.6vw;
	height: 1.6vw
}

#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .t {
	width: 100%;
	text-align: center;
	padding: 16px 0 0 0;
	font-size: 13px;
	color: #555
}

#RUNBANNER .page_4 .hhh {
	display: none;
	position: absolute;
	right: 15%;
	bottom: 10%;
	z-index: 10
}

#RUNBANNER .page_4 .hhh .line {
	width: 60px;
	overflow: hidden;
	height: 4px;
	background: #ef6d00;
	margin: 0 0 1.1vw auto
}

#RUNBANNER .page_4 .hhh .h5 {
	font-family: dense;
	height: 6vw;
	font-size: 6vw;
	color: #fff;
	opacity: 0.7;
	letter-spacing: 0.03em
}

#RUNBANNER .page_5 {
	background: #262827
}

#RUNBANNER .page_5 .hhh {
	position: absolute;
	right: 12.5%;
	top: 18%;
	width: 75%
}

#RUNBANNER .page_5 .hhh .h4 {
	font-family: dense;
	height: 6vw;
	font-size: 6vw;
	color: #5b5756;
	letter-spacing: 0.08em;
	text-align: center;
	padding: 0 0 5vw 0
}

#RUNBANNER .page_5 .hhh .other {
	position: relative
}

#RUNBANNER .page_5 .hhh .other .lll {
	left: 10%;
	position: absolute;
	top: 43%;
	font-size: 30px;
	color: #aaa;
	cursor: pointer
}

#RUNBANNER .page_5 .hhh .other .rrr {
	right: 10%;
	position: absolute;
	top: 43%;
	font-size: 30px;
	cursor: pointer;
	color: #aaa
}

#RUNBANNER .page_5 .hhh .other .cps {
	width: 70%;
	margin: 0 auto;
	overflow: hidden
}

#RUNBANNER .page_5 .hhh .other .cps .scroll {
	display: flex;
	width: 100000px
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic {
	position: relative;
	width: 100%
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic .cp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic .eff {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic img {
	width: 100%
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li .name {
	color: #565656;
	text-align: center;
	padding: 9px 0 0 0;
	font-size: 15px
}

#RUNBANNER .page_5 .hhh .other .cps .scroll li:hover .cp {
	opacity: 1
}

.__mask {
	opacity: 1;
	background-size: cover;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.__mask .sfs {
	width: 71%;
	border-radius: 14vw 0 0 0;
	right: 0;
	top: 18%;
	position: absolute;
	height: 71%;
	box-shadow: #1a1f22 0 0 0 140vw;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: linear
}

.__mask .sfs img {
	width: 100%;
	height: 100%;
	cursor: pointer
}

.__mask .sfs.zoom {
	transform: scale(2);
	transition-property: all;
	transition-duration: 1.3s;
	transition-timing-function: linear
}

.__mask .sfs.c0 {
	box-shadow: #424242 0 0 0 140vw
}

@media screen and (max-width: 650px) {
	.__leftlin {
		display: none !important
	}

	#MAIN {
		background: #1A1F22
	}

	#HEAD {
		position: relative;
		margin: 5vw auto;
		z-index: 100;
		top: inherit;
		left: inherit;
		width: 84%;
		height: 8vw
	}

	#MAIN {
		min-width: inherit;
		min-height: inherit;
		width: inherit;
		overflow-y: scroll;
		height: inherit
	}

	body,html {
		min-width: inherit;
		min-height: inherit;
		overflow-y: scroll;
		width: inherit;
		height: inherit
	}

	#DIING {
		position: fixed;
		left: 0;
		width: 100%;
		top: 0;
		height: 49px;
		top: 15.5vw;
		line-height: 49px;
		z-index: 101;
		background: #000
	}

	#DIING .kong {
		width: 84%;
		margin: 0 auto;
		display: block;
		justify-content: space-between
	}

	#DIING .kong .back {
		position: absolute;
		top: 0;
		right: 8%
	}

	#DIING .kong .back a {
		display: inline-block;
		width: 60px;
		height: 27px;
		line-height: 27px;
		color: #888;
		border: 1px solid #666;
		text-align: center;
		font-size: 13px
	}

	#DIING .kong .l {
		color: #999;
		display: block
	}

	#DIING .kong .l a {
		margin: 0 10px 0 0;
		font-size: 13px;
		display: inline-block;
		color: #888
	}

	#DIING .kong .l a:hover {
		color: #aaa
	}

	#DIING .kong .l a:nth-child(1) {
		display: none
	}

	#DIING .kong .l a:nth-child(2) {
		display: none
	}

	#DIING .kong .l a:nth-last-child(1) {
		display: none
	}

	#DIING .kong .l a:nth-last-child(2) {
		display: none
	}

	#DIING .kong .l .jiao {
		width: 10px;
		height: 100%;
		justify-content: center;
		align-items: center;
		align-content: center
	}

	#DIING .kong .l .jiao:before {
		content: '';
		width: 6px;
		height: 6px;
		display: block;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		transform: rotate(45deg)
	}

	#DIING .kong .r {
		display: none
	}

	#DIING .kong .r a {
		display: flex;
		align-items: center;
		align-content: center;
		margin: 0 0 0 28px
	}

	#DIING .kong .r a b {
		width: 7px;
		height: 1px;
		overflow: hidden;
		background: #000;
		margin: 0 5px 0 0
	}

	#DIING .kong .r a span {
		font-size: 14px;
		color: #666
	}

	#DIING .kong .r a:hover span {
		color: #aaa
	}

	#DIING .kong .r a.selected b {
		background: #ef6d00
	}

	#DIING .kong .r a.selected span {
		color: #ef6d00
	}

	#RUNBANNER .pages {
		min-height: auto;
		position: inherit;
		height: auto;
		transition-property: all;
		transition-duration: 0.8s;
		transition-timing-function: linear;
		overflow: hidden
	}

	#RUNBANNER .pages .kox__ {
		width: 100%;
		margin: 0 auto 0 auto;
		height: 100%
	}

	#RUNBANNER .fp-tableCell {
		transition-property: all;
		transition-duration: 0.8s;
		transition-timing-function: linear;
		overflow: hidden;
		position: relative
	}

	#RUNBANNER .fp-section.fp-table {
		display: flex
	}

	#RUNBANNER .pages {
		padding: 0 0 0 0;
		position: inherit;
		overflow: hidden
	}

	#RUNBANNER .page_0 {
		height: 160vw;
		background: #1a1f22
	}

	#RUNBANNER .page_0 .bgi {
		height: 96%;
		position: relative;
		top: 0px;
		background-size: cover
	}

	#RUNBANNER .page_1 {
		height: inherit;
		background: #1a1f22
	}

	#RUNBANNER .page_1 .hhh {
		height: inherit;
		position: inherit;
		margin: 2vw auto;
		width: 84%;
		top: inherit;
		display: block;
		flex-wrap: nowrap
	}

	#RUNBANNER .page_1 .hhh .l {
		width: 100%;
		height: inherit;
		position: inherit
	}

	#RUNBANNER .page_1 .hhh .l .line {
		width: 40px;
		background: #ef6d00;
		height: 2px;
		overflow: hidden
	}

	#RUNBANNER .page_1 .hhh .l .t0 {
		font-family: dense;
		font-size: 5.5vw;
		color: #bbb;
		position: inherit;
		white-space: nowrap;
		margin: 2vw 0 0 0;
		top: 5vw;
		letter-spacing: 0.03em
	}

	#RUNBANNER .page_1 .hhh .l .t00 {
		font-size: 3.8vw;
		color: #bbb;
		position: inherit;
		font-weight: bold;
		white-space: nowrap;
		top: 10.5vw;
		letter-spacing: 0.03em
	}

	#RUNBANNER .page_1 .hhh .l .t1 {
		margin: 2vw 0 0 0;
		color: #565656;
		font-size: 14px;
		letter-spacing: 0.01em;
		position: inherit;
		bottom: 28px;
		left: 0
	}

	#RUNBANNER .page_1 .hhh .l .t2 {
		color: #565656;
		font-size: 19px;
		letter-spacing: 0.02em;
		position: inherit;
		font-family: 'Trebuchet MS';
		font-weight: bold;
		bottom: 0;
		left: 0;
		margin: 0 0 10px 0
	}

	#RUNBANNER .page_1 .hhh .c {
		display: none
	}

	#RUNBANNER .page_1 .hhh .r {
		width: 100%;
		margin: 0;
		height: inherit;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
		align-content: center
	}

	#RUNBANNER .page_1 .hhh .r .cp {
		height: 30vw;
		overflow: hidden;
		width: 100%
	}

	#RUNBANNER .page_1 .hhh .r .cp img {
		width: 100%;
		height: 100%
	}

	#RUNBANNER .page_1 .hhh .r .t3 {
		color: #666;
		line-height: 4vw;
		font-size: 3vw;
		padding: 4vw 0 2vw 0;
		letter-spacing: 0.05em
	}

	#RUNBANNER .page_1 .hhh .r .t4 {
		color: #666;
		line-height: 3.2vw;
		padding: 2vw 0;
		font-size: 2.5vw;
		letter-spacing: 0.05em
	}

	#RUNBANNER .page_3 .slide_0,#RUNBANNER .page_3 .slide_1,#RUNBANNER .page_3 .slide_2 {
		padding: 10vw 0
	}

	#RUNBANNER .page_3 .slide_0 .hhh,#RUNBANNER .page_3 .slide_1 .hhh,#RUNBANNER .page_3 .slide_2 .hhh {
		position: relative;
		top: 20%;
		text-align: center;
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap
	}

	#RUNBANNER .page_3 .slide_0 .hhh .line,#RUNBANNER .page_3 .slide_1 .hhh .line,#RUNBANNER .page_3 .slide_2 .hhh .line {
		width: 38px;
		height: 2px;
		background: #ef6d00;
		margin: 0 auto
	}

	#RUNBANNER .page_3 .slide_0 .hhh .ttt,#RUNBANNER .page_3 .slide_1 .hhh .ttt,#RUNBANNER .page_3 .slide_2 .hhh .ttt {
		font-family: dense;
		font-size: 3.5vw;
		width: 100%;
		color: #5a5657;
		white-space: nowrap;
		padding: 2vw 0 0 0;
		letter-spacing: 0.3vw
	}

	#RUNBANNER .page_3 .slide_0 .hhh .lw,#RUNBANNER .page_3 .slide_1 .hhh .lw,#RUNBANNER .page_3 .slide_2 .hhh .lw {
		font-size: 5vw;
		width: 100%;
		color: #5a5657;
		white-space: nowrap;
		padding: 0 0 1vw 0;
		letter-spacing: 0.05vw;
		font-weight: bold
	}

	#RUNBANNER .page_3 .slide_0 .hhh .icon,#RUNBANNER .page_3 .slide_1 .hhh .icon,#RUNBANNER .page_3 .slide_2 .hhh .icon {
		padding: 4vw 0 4vw 0;
		width: 100%;
		text-align: center;
		height: 18vw;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center
	}

	#RUNBANNER .page_3 .slide_0 .hhh .icon img,#RUNBANNER .page_3 .slide_1 .hhh .icon img,#RUNBANNER .page_3 .slide_2 .hhh .icon img {
		width: auto !important;
		height: auto !important;
		max-width: 30vw;
		max-height: 10vh;
	}

	#RUNBANNER .page_3 .slide_0 .hhh .en_ms,#RUNBANNER .page_3 .slide_1 .hhh .en_ms,#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
		color: #585858;
		width: 100%;
		margin: 0 auto;
		letter-spacing: 0.02em;
		line-height: 4vw;
		font-weight: 500;
		font-size: 3vw
	}

	#RUNBANNER .page_3 .slide_0 .hhh .cn_ms,#RUNBANNER .page_3 .slide_1 .hhh .cn_ms,#RUNBANNER .page_3 .slide_2 .hhh .cn_ms {
		display: none;
		color: #585858;
		width: 84%;
		margin: 0 8%;
		padding: 0.8vw 0 0 0;
		letter-spacing: 0.04em;
		line-height: 1.5vw;
		font-weight: 200;
		font-size: 14px
	}

	#RUNBANNER .page_3 .slide_0 {
		background: #8e9295
	}

	#RUNBANNER .page_3 .slide_1 {
		background: #5a5657
	}

	#RUNBANNER .page_3 .slide_1 .hhh .ttt {
		color: #898989
	}

	#RUNBANNER .page_3 .slide_1 .hhh .lw {
		color: #898989
	}

	#RUNBANNER .page_3 .slide_1 .hhh .en_ms,#RUNBANNER .page_3 .slide_1 .hhh .cn_ms {
		color: #898989
	}

	#RUNBANNER .page_3 .slide_2 {
		background: #bbbbbb
	}

	#RUNBANNER .page_3 .slide_2 .hhh .ttt {
		color: #424242
	}

	#RUNBANNER .page_3 .slide_2 .hhh .lw {
		color: #424242
	}

	#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
		color: #424242
	}

	#RUNBANNER .page_3 .slide_2 .hhh .en_ms {
		color: #424242
	}

	#RUNBANNER .page_2 {
		background: #1a1f22;
		padding: 0 0 15vw 0
	}

	#RUNBANNER .page_2 .hhh {
		position: inherit;
		top: 18%;
		height: auto;
		margin: 0 auto;
		padding: 4vw 0 0 0;
		width: 84%
	}

	#RUNBANNER .page_2 .hhh .ttt {
		display: block;
		justify-content: space-between;
		align-items: flex-end
	}

	#RUNBANNER .page_2 .hhh .ttt h3 {
		font-family: dense;
		height: 15vw;
		font-size: 12vw;
		color: #434343;
		letter-spacing: 0.4vw;
		font-weight: normal;
		text-align: center;
		text-shadow: 0 2px 5px rgba(0,0,0,0.1)
	}

	#RUNBANNER .page_2 .hhh .ttt .option {
		display: flex;
		width: 100%
	}

	#RUNBANNER .page_2 .hhh .ttt .option a {
		height: 30px;
		line-height: 23px;
		position: relative;
		top: 1px;
		display: initial;
		color: #595959;
		padding: 0 5vw;
		flex: 1;
		text-align: center;
		border-bottom: 2px solid #292e31;
		font-size: 14px
	}

	#RUNBANNER .page_2 .hhh .ttt .option a:hover {
		color: #aaa;
		border-bottom: 2px solid #aaa
	}

	#RUNBANNER .page_2 .hhh .ttt .option a.selected {
		color: #ef6d00;
		border-bottom: 2px solid #ef6d00
	}

	#RUNBANNER .page_2 .hhh .table {
		background: #eee;
		margin: 40px 0 0 0;
		overflow: hidden;
		height: 80%
	}

	#RUNBANNER .page_2 .hhh .table .scroll {
		height: 100%;
		width: 100000px;
		display: flex;
		align-items: center
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		padding: 10vw 0 4vw 0;
		flex-wrap: wrap
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a {
		margin: 0 10px 40px 10px
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li {
		width: 100%;
		position: relative
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .img {
		width: auto;
		height: auto;
		text-align: center;
		position: relative
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .img img {
		max-width: 13rem !important;
		max-height: 13rem !important
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .img img.m__cp {
		width: 13rem !important;
		height: auto !important
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .img .zoom {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../img/icon_zoom.png) no-repeat center;
		background-size: 50px;
		transform: scale(0)
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .name {
		font-size: 13.5px;
		text-align: center;
		color: #666;
		padding: 14px 0 0 0;
		letter-spacing: 0.04em
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .line {
		position: absolute;
		bottom: -53px;
		height: 2px;
		width: 100%;
		background: #ccc
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li .line:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 40%;
		width: 20%;
		background: #ef6d00;
		height: 100%;
		top: 0
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .zoom {
		transform: scale(1)
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .name {
		color: #ef6d00
	}

	#RUNBANNER .page_2 .hhh .table .ul_0 a li:hover .line {
		opacity: .2
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		padding: 10vw 0 20vw 0
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 .tooo {
		border-bottom: 2px solid #ddd;
		bottom: -50px;
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 .tooo span {
		font-size: 15px;
		color: #666;
		position: relative;
		top: 2px;
		line-height: 24px;
		display: inline-block;
		padding: 0 12px;
		border-bottom: 2px solid #ef6d00;
		height: 30px;
		letter-spacing: 0.06em
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 .sss {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 a {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li {
		width: 25%;
		margin: 1px 1px;
		position: initial;
		box-sizing: border-box
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li .img {
		width: auto;
		height: auto;
		text-align: center;
		position: relative
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li .img img {
		max-width: 100% !important;
		max-height: 100% !important
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li .img .zoom {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../img/icon_zoom.png) no-repeat center;
		background-size: 50px;
		transform: scale(0)
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li:hover .zoom {
		transform: scale(1)
	}

	#RUNBANNER .page_2 .hhh .table .ul_1 li:hover .name {
		color: #ef6d00
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 {
		height: 100%;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		padding: 10vw 0
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 .sss {
		height: 100%;
		display: flex;
		box-sizing: border-box;
		padding: 0 5vw;
		justify-content: center;
		align-content: flex-end;
		align-items: flex-end;
		flex-wrap: wrap;
		height: auto
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a {
		align-content: flex-end;
		align-items: flex-end;
		display: flex
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li {
		margin: 0 0.6vw 20px 0.6vw;
		position: relative
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li .img {
		width: auto;
		height: auto;
		text-align: center;
		position: relative
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li .img img {
		width: 13rem !important;
		height: auto !important
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li .img .zoom {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../img/icon_zoom.png) no-repeat center;
		background-size: 30px;
		transform: scale(0)
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li .name {
		font-size: 13px;
		color: #666;
		padding: 14px 0 0 0;
		text-align: center;
		width: 100%;
		letter-spacing: 0.04em
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li .size {
		font-size: 12px;
		width: 100%;
		text-align: center;
		color: #aaa;
		padding: 0;
		letter-spacing: 0.04em
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li:hover .zoom {
		transform: scale(1)
	}

	#RUNBANNER .page_2 .hhh .table .ul_2 a li:hover .name {
		color: #ef6d00
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss {
		display: flex;
		flex-wrap: wrap;
		height: 100%
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .ifm {
		display: none;
		width: 100%;
		height: 100%
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .ifm iframe {
		width: 96%;
		height: 96%;
		border: 0;
		margin: 1%
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-self: center
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode {
		width: 100%;
		position: relative;
		text-align: center
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode img {
		width: 42vw;
		margin: 0 auto;
		outline: 7px solid #fff;
		box-shadow: 0 0 13px rgba(0,0,0,0.4)
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .qrcode .icon {
		position: absolute;
		left: 0;
		width: 100%;
		top: 17.7vw;
		background: url(../img/logo_icon.png) no-repeat center;
		background-size: 7vw;
		height: 7vw
	}

	#RUNBANNER .page_2 .hhh .table .ul_3 .sss .forphone .t {
		width: 100%;
		text-align: center;
		padding: 16px 0 0 0;
		font-size: 13px;
		color: #555
	}

	#RUNBANNER .page_4 .slide {
		height: 100%
	}

	#RUNBANNER .page_4 .slide img {
		width: 100%
	}

	#RUNBANNER .page_4 .hhh {
		display: none;
		position: absolute;
		right: 15%;
		bottom: 10%;
		z-index: 10
	}

	#RUNBANNER .page_4 .hhh .line {
		width: 60px;
		overflow: hidden;
		height: 4px;
		background: #ef6d00;
		margin: 0 0 1.1vw auto
	}

	#RUNBANNER .page_4 .hhh .h5 {
		font-family: dense;
		height: 6vw;
		font-size: 6vw;
		color: #fff;
		opacity: 0.7;
		letter-spacing: 0.03em
	}

	#RUNBANNER .page_5 {
		background: #262827;
		padding: 10vw 0 20vw 0
	}

	#RUNBANNER .page_5 .hhh {
		position: inherit;
		right: inherit;
		top: inherit;
		width: 84%;
		margin: 0 auto
	}

	#RUNBANNER .page_5 .hhh .h4 {
		font-family: dense;
		height: 6vw;
		font-size: 7vw;
		color: #5b5756;
		letter-spacing: 0.08em;
		text-align: center;
		padding: 0 0 8vw 0
	}

	#RUNBANNER .page_5 .hhh .other {
		position: relative
	}

	#RUNBANNER .page_5 .hhh .other .lll {
		display: none;
		left: 10%;
		position: absolute;
		top: 43%;
		font-size: 30px;
		color: #aaa;
		cursor: pointer
	}

	#RUNBANNER .page_5 .hhh .other .rrr {
		display: none;
		right: 10%;
		position: absolute;
		top: 43%;
		font-size: 30px;
		cursor: pointer;
		color: #aaa
	}

	#RUNBANNER .page_5 .hhh .other .cps {
		width: 100%;
		margin: 0 auto;
		overflow: hidden
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll {
		display: flex;
		flex-wrap: wrap;
		width: 100%
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li {
		width: 48%;
		margin: 0 4% 4% 0
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic {
		position: relative;
		width: 100%
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic .cp {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 2
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic .eff {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li .pic img {
		width: 100%
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li .name {
		color: #565656;
		text-align: center;
		padding: 9px 0 0 0;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li:hover .cp {
		opacity: 1
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li:nth-child(2n) {
		margin-right: 0
	}

	#RUNBANNER .page_5 .hhh .other .cps .scroll li:nth-child(n+7) {
		display: none
	}
}