html {
	font-size: 100px;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}

body {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
	font-size: .14rem;
	color: #fff;
}

html,
body {
	width: 100%;
	visibility: hidden;
}

img {
	border: 0;
	max-width: 100%;
}

ul,
li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

a,
a:link {
	text-decoration: none;
	color: #333
}

a:active,
a:hover {
	outline: 0;
	color: #D5B019;
	text-decoration: none
}

.clear {
	clear: both;
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.trans,
.trans * {
	transition: all 0.5s ease
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

.al {
	text-align: left !important
}

.ac {
	text-align: center !important
}

.ar {
	text-align: right !important
}

.aj {
	text-align: justify !important
}

.fl {
	float: left
}

.fr {
	float: right !important
}

.rel {
	position: relative
}

.abl {
	position: absolute
}

.ovh {
	overflow: hidden
}

.upp {
	text-transform: uppercase
}

.fb {
	font-weight: bold
}

input,
button,
textarea {
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: inherit;
}

.ep1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ep2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.ep3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.img-auto {
	display: inline-block;
	max-width: 100%;
	height: auto
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px !important;
	padding-right: 16px !important
}

.h100 {
	height: 100%
}

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

.flex-inline {
	display: inline-flex
}

.flex-reverse {
	flex-direction: row-reverse
}

.flex-column {
	flex-direction: column
}

.flex-column .flex-reverse {
	flex-direction: column-reverse
}

.flex-nowrap {
	flex-wrap: nowrap
}

.flex-wrap {
	flex-wrap: wrap
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse
}

.flex-center {
	justify-content: center
}

.flex-end {
	justify-content: flex-end
}

.flex-bet {
	justify-content: space-between
}

.flex-items {
	align-items: center
}

.grid {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.grid-y {
	flex-direction: column;
	-webkit-flex-direction: column
}

.grid-small {
	padding: 10px 0
}

.grid-small>.grid {
	margin: -10px
}

.grid-small>.grid>[class*='x'],
.grid-small>.grid>[class*='y'] {
	padding: 10px
}

.grid-middle {
	padding: 15px 0
}

.grid-middle>.grid {
	margin: -15px
}

.grid-middle>.grid>[class*='x'],
.grid-middle>.grid>[class*='y'] {
	padding: 15px
}

.grid-big {
	padding: 20px 0
}

.grid-big>.grid {
	margin: -20px
}

.grid-big>.grid>[class*='x'],
.grid-big>.grid>[class*='y'] {
	padding: 20px
}

.grid-large {
	padding: 35px 0
}

.grid-large>.grid {
	margin: 35px
}

.grid-large>.grid>[class*='x'],
.grid-large>.grid>[class*='y'] {
	padding: 35px
}

.x,
.x0,
.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.xl1,
.xl2,
.xl3,
.xl4,
.xl5,
.xl6,
.xl7,
.xl8,
.xl9,
.xl10,
.xl11,
.xl12,
.xs0,
.xs1,
.xs2,
.xs3,
.xs4,
.xs5,
.xs6,
.xs7,
.xs8,
.xs9,
.xs10,
.xs11,
.xs12,
.xm0,
.xm1,
.xm2,
.xm3,
.xm4,
.xm5,
.xm6,
.xm7,
.xm8,
.xm9,
.xm10,
.xm11,
.xm12,
.xb0,
.xb1,
.xb2,
.xb3,
.xb4,
.xb5,
.xb6,
.xb7,
.xb8,
.xb9,
.xb10,
.xb11,
.xb12,
.xg0,
.xg1,
.xg2,
.xg3,
.xg4,
.xg5,
.xg6,
.xg7,
.xg8,
.xg9,
.xg10,
.xg11,
.xg12 {
	position: relative;
	width: 100%
}

.x {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.x0,
.xl0,
.xs0,
.xm0,
.xb0,
.xg0 {
	max-width: 100%
}

.x0 {
	width: auto
}

.x1 {
	width: 8.33333333%
}

.x2 {
	width: 16.66666667%
}

.x20 {
	width: 20%
}

.x3 {
	width: 25%
}

.x4 {
	width: 33.33333333%
}

.x5 {
	width: 41.66666667%
}

.x6 {
	width: 50%
}

.x7 {
	width: 58.33333333%
}

.x8 {
	width: 66.66666667%
}

.x9 {
	width: 75%
}

.x10 {
	width: 83.33333333%
}

.x11 {
	width: 91.66666667%
}

.x12 {
	width: 100%
}

.y,
.y1,
.y2,
.y20,
.y3,
.y4,
.y5,
.y6,
.y7,
.y8,
.y9,
.y10,
.y11,
.y12 {
	position: relative;
	max-height: 100%
}

.y {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.y0 {
	height: auto
}

.y1 {
	height: 8.33333333%
}

.y2 {
	height: 16.66666667%
}

.y20 {
	height: 20%
}

.y3 {
	height: 25%
}

.y4 {
	height: 33.33333333%
}

.y5 {
	height: 41.66666667%
}

.y6 {
	height: 50%
}

.y7 {
	height: 58.33333333%
}

.y8 {
	height: 66.66666667%
}

.y9 {
	height: 75%
}

.y10 {
	height: 83.33333333%
}

.y11 {
	height: 91.66666667%
}

.y12 {
	height: 100%
}

@media (min-width:572px) {
	.container {
		max-width: 540px
	}

	.xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.xl0 {
		width: auto
	}

	.xl1 {
		width: 8.33333333%
	}

	.xl2 {
		width: 16.66666667%
	}

	.xl20 {
		width: 20%
	}

	.xl3 {
		width: 25%
	}

	.xl4 {
		width: 33.33333333%
	}

	.xl5 {
		width: 41.66666667%
	}

	.xl6 {
		width: 50%
	}

	.xl7 {
		width: 58.33333333%
	}

	.xl8 {
		width: 66.66666667%
	}

	.xl9 {
		width: 75%
	}

	.xl10 {
		width: 83.33333333%
	}

	.xl11 {
		width: 91.66666667%
	}

	.xl12 {
		width: 100%
	}
}

@media (min-width:762px) {
	.container {
		max-width: 730px
	}

	.xs {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.xs0 {
		width: auto
	}

	.xs1 {
		width: 8.33333333%
	}

	.xs2 {
		width: 16.66666667%
	}

	.xs20 {
		width: 20%
	}

	.xs3 {
		width: 25%
	}

	.xs4 {
		width: 33.33333333%
	}

	.xs5 {
		width: 41.66666667%
	}

	.xs6 {
		width: 50%
	}

	.xs7 {
		width: 58.33333333%
	}

	.xs8 {
		width: 66.66666667%
	}

	.xs9 {
		width: 75%
	}

	.xs10 {
		width: 83.33333333%
	}

	.xs11 {
		width: 91.66666667%
	}

	.xs12 {
		width: 100%
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}

	.xm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.xm0 {
		width: auto
	}

	.xm1 {
		width: 8.33333333%
	}

	.xm2 {
		width: 16.66666667%
	}

	.xm20 {
		width: 20%
	}

	.xm3 {
		width: 25%
	}

	.xm4 {
		width: 33.33333333%
	}

	.xm5 {
		width: 41.66666667%
	}

	.xm6 {
		width: 50%
	}

	.xm7 {
		width: 58.33333333%
	}

	.xm8 {
		width: 66.66666667%
	}

	.xm9 {
		width: 75%
	}

	.xm10 {
		width: 83.33333333%
	}

	.xm11 {
		width: 91.66666667%
	}

	.xm12 {
		width: 100%
	}
}

@media (min-width:1232px) {
	.container {
		max-width: 1200px;
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.xb {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.xb0 {
		width: auto
	}

	.xb1 {
		width: 8.33333333%
	}

	.xb2 {
		width: 16.66666667%
	}

	.xb20 {
		width: 20%
	}

	.xb3 {
		width: 25%
	}

	.xb4 {
		width: 33.33333333%
	}

	.xb5 {
		width: 41.66666667%
	}

	.xb6 {
		width: 50%
	}

	.xb7 {
		width: 58.33333333%
	}

	.xb8 {
		width: 66.66666667%
	}

	.xb9 {
		width: 75%
	}

	.xb10 {
		width: 83.33333333%
	}

	.xb11 {
		width: 91.66666667%
	}

	.xb12 {
		width: 100%
	}
}

@media (min-width:1632px) {
	.container {
		max-width: 1400px
	}

	.xg0 {
		width: auto
	}

	.xg1 {
		width: 8.33333333%
	}

	.xg2 {
		width: 16.66666667%
	}

	.xg20 {
		width: 20%
	}

	.xg3 {
		width: 25%
	}

	.xg4 {
		width: 33.33333333%
	}

	.xg5 {
		width: 41.66666667%
	}

	.xg6 {
		width: 50%
	}

	.xg7 {
		width: 58.33333333%
	}

	.xg8 {
		width: 66.66666667%
	}

	.xg9 {
		width: 75%
	}

	.xg10 {
		width: 83.33333333%
	}

	.xg11 {
		width: 91.66666667%
	}

	.xg12 {
		width: 100%
	}
}

.show,
.show-xm {
	display: block !important
}

.hidden,
.show-xs {
	display: none !important
}

@media screen and (max-width:980px) {
	.show-xm {
		display: none !important;
	}

	.show-xs {
		display: block !important;
	}
}

.flex-s {
	align-items: flex-start;
}

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

.fb {
	font-family: PingFang SC-Semibold, PingFang SC;
}

/* animation */
@keyframes opacity {
	0% {
		opacity: 1;
		transform: scale(0.9);
	}

	50% {
		opacity: .6;
		transform: scale(1);
	}

	100% {
		opacity: 1;
		transform: scale(0.9);
	}

	;
}

@keyframes fadenum {
	0% {
		transform: rotate(0deg);
	}

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

	;
}

@keyframes bounceDown {
	25% {
		transform: translateY(-3px);
	}

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

	75% {
		transform: translateY(3px);
	}

	;
}

@keyframes scale {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}

	;
}

@keyframes mymove {
	0% {
		bottom: 30px;
	}

	100% {
		bottom: 20px;
	}

	;
}

.wrap {
	width: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.wrap1 {
	width: 100%;
	max-width: 1410px;
	margin-left: auto;
	margin-right: auto;
}

.lightbox {
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}

.c99 {
	color: #999;
}

/*网站默认滚动条的样式*/
::-webkit-scrollbar {
	width: 8px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	background: #333;
}

.transy {
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s
}

.transy:hover {
	transform: translateY(-5px)
}

.pic {
	overflow: hidden;
}

.biao img {
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	cursor: pointer
}

.biao:hover img {
	transform: scale(1.09) !important
}

.bimg,
.pimg {
	overflow: hidden
}

.bimg img {
	display: block;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.bimgs img {
	display: inline-block;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	object-fit: cover;
	width: 153px;
	height: 212px
}

.bimg:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1)
}

.pimg {
	height: 100%;
	width: 100%;
	transition: all 2.6s ease-in 0s
}

.pimg:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1)
}

@media screen and (max-width:750px) {
	.bimgs img {
		display: inline-block;
		transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		object-fit: cover;
		height: 40px
	}
}

@media screen and (max-width:1620px) {
	.wrap {
		padding: 0 .5rem;
		max-width: 100%;
	}
}

@media screen and (max-width:1420px) {
	.wrap1 {
		padding: 0 50px;
	}
}

@media screen and (max-width:1220px) {
	.wrap {
		padding: 0 30px;
	}

	.wrap1 {
		padding: 0 40px;
	}
}

@media screen and (max-width:980px) {
	img {
		max-width: 100%;
		height: auto;
	}

	.wrap,
	.wrap1 {
		padding: 0 15px !important
	}

	.mgrid {
		flex-wrap: wrap !important;
	}

	.grid-small {
		padding: 3px 0
	}

	.grid-small>.grid {
		margin: -3px
	}

	.grid-small>.grid>[class*='x'],
	.grid-small>.grid>[class*='y'] {
		padding: 3px
	}

	.grid-middle {
		padding: 8px 0
	}

	.grid-middle>.grid {
		margin: -8px
	}

	.grid-middle>.grid>[class*='x'],
	.grid-middle>.grid>[class*='y'] {
		padding: 8px
	}

	.grid-big {
		padding: 10px 0
	}

	.grid-big>.grid {
		margin: -10px
	}

	.grid-big>.grid>[class*='x'],
	.grid-big>.grid>[class*='y'] {
		padding: 10px
	}
}

@keyframes mymove {
	0% {
		bottom: 25px
	}

	100% {
		bottom: 45px
	}
}

.p100 {
	padding: 1rem 0;
}

.f172 {
	font-size: 1.5rem
}

.f80 {
	font-size: .65rem
}

.f70 {
	font-size: .7rem
}

.f60 {
	font-size: .6rem
}

.f40 {
	font-size: .4rem;
}

.f36 {
	font-size: .36rem
}

.f30 {
	font-size: .3rem;
}

.f28 {
	font-size: .28rem
}

.f24 {
	font-size: .24rem
}

.f20 {
	font-size: .2rem
}

.f18 {
	font-size: .18rem
}

.f16 {
	font-size: .16rem;
}

.iconfont {
	font-size: .16rem
}

.p60 {
	padding: .6rem 0;
}

@media screen and (max-width:1280px) {
	.f60 {
		font-size: .5rem
	}
}

@media screen and (max-width:980px) {
	.p100 {
		padding: .7rem 0;
	}

	.f172 {
		font-size: .72rem
	}

	.iconfont {
		font-size: 14px
	}

	.f80 {
		font-size: .9rem
	}

	.f70 {
		font-size: .8rem
	}

	.f60 {
		font-size: .6rem
	}

	.f40 {
		font-size: .5rem;
	}

	.f36 {
		font-size: .46rem
	}

	.f30 {
		font-size: .40rem;
	}

	.f28 {
		font-size: .38rem
	}

	.f26{
		font-size: 0.3rem;
	}
	.f24{
		font-size: 0.3rem;
	}
	
	.f20{
		font-size: 0.28rem;
	}
	
	.f18 {
	    font-size: .28rem;
	}
	
	.f16{
		font-size: .28rem;
	}

	.p60 {
		padding: .4rem 0;
	}
}