.apply_dialog .isnotNeed,
.clearfix::after {
	visibility: hidden
}

.apply_dialog h1,
.success_dialog h1 {
	padding-bottom: 30px;
	font-weight: 400;
	text-align: center
}

.clearfix::after {
	content: '';
	height: 0;
	display: block;
	clear: both
}

.apply_dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(0, 0, 0, .3);
	z-index: 1000
}

.ad_close,
.sd_close {
	right: -15px;
	cursor: pointer
}

.ad_content {
	width: 578px;
	height: 708px;
	margin-top: 80px;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1000
}

.ad_close {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	top: -15px;
	background: url(../png/close-7b8dfc7a04.png) center no-repeat
}

.apply_dialog h1 {
	padding-top: 50px;
	font-size: 32px;
	color: #2f2f2f
}

.apply_dialog form {
	margin: 0 auto;
	width: 480px
}

.apply_dialog form label {
	width: 20px;
	color: red
}

.apply_dialog form input {
	margin-bottom: 18px;
	padding-left: 18px;
	width: 420px;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #ccc
}

.apply_dialog form select {
	width: 30%;
	height: 50px;
	margin-bottom: 18px;
	padding-left: 18px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: #f9f9f9
}

.apply_dialog form select.ad_source {
	width: 480px
}

.apply_dialog form input.ad_submit {
	width: 100%;
	background-color: #267ad0;
	font-size: 18px;
	color: #fff;
	cursor: pointer
}

.apply_dialog form textarea {
	width: 404px;
	height: 135px;
	padding-top: 15px;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 20px;
	border-radius: 6px;
	border: 1px solid #ccc;
	vertical-align: text-top
}

.apply_dialog .ad_tips {
	margin-left: 48px
}

.apply_dialog .ad_tips span {
	margin-right: 10px;
	color: red
}

.apply_dialog .phone_err {
	display: block;
	padding-left: 48px;
	margin-top: -16px;
	color: red;
	opacity: 0
}

.success_dialog {
	width: 585px;
	height: 247px;
	background: #fff;
	border-radius: 6px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: none;
	z-index: 1000
}

.sd_close {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	top: -15px;
	background: url(../png/close-7b8dfc7a04.png) center no-repeat
}

.success_dialog h1 {
	padding-top: 50px;
	font-size: 32px;
	color: #2f2f2f
}

.success_dialog p {
	text-align: center;
	color: grey;
	font-size: 14px
}

.success_dialog .sd_seconds {
	color: #6689e5;
	font-weight: 700
}

.i_banner .ib_slider li a {
	display: block;
	width: 100%;
	height: 100%
}

.i_banner .ib_slider .ibs1 {
	background: url(../jpg/01-cd63118f24.jpg) center no-repeat
}

.i_banner .ib_slider .ibs2 {
	background: url(../jpg/02-9376e6da81.jpg) center no-repeat
}

.i_banner .ib_slider .ibs3 {
	background: url(../jpg/03-49376d51ac.jpg) center no-repeat
}

.i_banner .ib_mark {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: .2rem;
	z-index: 999
}

.i_banner .ib_mark li {
	width: .5rem;
	height: .02rem;
	margin-right: .1rem;
	float: left
}

.i_banner .ib_mark li a {
	display: block;
	width: 0;
	height: 100%;
	box-sizing: border-box;
	transition: none
}

.i_banner.theme_light .ib_mark li {
	background: rgba(0, 0, 0, .5)
}

.i_banner.theme_light .ib_mark li a.active {
	width: 100%;
	background: #111;
	transition: width 5s
}

.i_banner.theme_dark .ib_mark li {
	background: rgba(255, 255, 255, .5)
}

.i_banner.theme_dark .ib_mark li a.active {
	width: 100%;
	background: #fff;
	transition: width 5s
}

.i_banner.theme_dark .next,
.i_banner.theme_dark .previous {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../png/banner_rows_theme_dark-e48e9be456.png)
}

.i_banner .navigation {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%
}

.i_banner .next,
.i_banner .previous {
	position: absolute;
	top: 50%;
	width: .6rem;
	height: .6rem;
	z-index: -1;
	cursor: pointer
}

.i_banner .previous {
	left: .2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.i_banner.theme_dark .previous {
	background-position: -1.8rem 0
}

.i_banner.theme_dark .next {
	background-position: -.6rem 0
}

.i_banner.theme_light .next,
.i_banner.theme_light .previous {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../png/banner_rows_theme_light-e6ee247dd4.png)
}

.i_banner.theme_light .previous {
	background-position: -1.8rem 0
}

.i_banner.theme_light .next {
	background-position: -.6rem 0
}

.i_banner .next {
	right: .2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.i_banner:hover .next,
.i_banner:hover .previous {
	z-index: 9999
}

.i_banner .previous:hover {
	background-position: -1.2rem 0;
	z-index: 9999
}

.i_banner .next:hover {
	background-position: 0 0;
	z-index: 9999
}

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

	.i_banner .ib_slider,
	.i_banner .ib_slider li {
		width: 100%;
		height: calc((100vw / 1920) * 700);
		overflow: hidden
	}

	.i_banner {
		position: relative;
		height: calc((100vw / 1920) * 700);
		width: 100%
	}

	.i_banner .ib_slider {
		position: absolute
	}

	.i_banner .ib_slider li {
		position: relative
	}

	.i_banner .ib_slider .ibs1,
	.i_banner .ib_slider .ibs2,
	.i_banner .ib_slider .ibs3 {
		background-size: cover
	}
}

@media (min-width:1440px) and (max-width:1680px) {

	.i_banner .ib_slider,
	.i_banner .ib_slider li {
		width: 100%;
		height: calc((100vw - 80px)/ 1600 * 700);
		overflow: hidden
	}

	.i_banner {
		position: relative;
		height: calc((100vw - 80px)/ 1600 * 700);
		width: 100%
	}

	.i_banner .ib_slider {
		position: absolute
	}

	.i_banner .ib_slider li {
		position: relative
	}

	.i_banner .ib_slider .ibs1,
	.i_banner .ib_slider .ibs2,
	.i_banner .ib_slider .ibs3 {
		background-size: cover
	}
}

@media screen and (max-width:1440px) {
	.i_banner {
		position: relative;
		height: 525px;
		width: 100%;
		min-width: 1280px
	}

	.i_banner .ib_slider {
		position: absolute;
		width: 100%;
		height: 525px;
		overflow: hidden
	}

	.i_banner .ib_slider li {
		width: 100%;
		height: 525px;
		position: relative;
		overflow: hidden
	}

	.i_banner .ib_slider .ibs1,
	.i_banner .ib_slider .ibs2,
	.i_banner .ib_slider .ibs3 {
		background-size: auto 525px
	}
}

.advantage {
	padding-top: 1rem
}

.advantage .advantage__title {
	font-size: .36rem;
	text-align: center;
	letter-spacing: 2px;
	color: #111
}

.advantage .advantage__cards {
	padding: .3rem 0 .7rem;
	display: flex;
	justify-content: space-between
}

.advantage .advantage__cards .advantage__cards__card {
	flex: 0 0 auto;
	background: #f8f9fa;
	width: 2.41rem;
	height: 3.44rem
}

.advantage .advantage__cards .advantage__cards__card .advantage__card__icon {
	margin: .85rem auto 0;
	width: .9rem
}

.advantage .advantage__cards .advantage__cards__card .advantage__card__icon img {
	width: 100%;
	display: block
}

.advantage .advantage__cards .advantage__cards__card .advantage__card__desc {
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	color: #111;
	font-size: .22rem;
	margin-top: .45rem
}

.core_business {
	margin-bottom: .8rem
}

.core_business .core_business__container .core_business__tabs {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 auto .2rem
}

.core_business .core_business__container .core_business__tabs .line {
	height: 2px;
	width: 64px;
	background-color: #111;
	margin-top: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s
}

.product .product__action::before,
.product .product__desc::before {
	content: '';
	bottom: -2px;
	transition: all .3s
}

.core_business .core_business__container .core_business__tabs .core_business__tabs__tab {
	cursor: pointer;
	position: relative;
	font-size: .24rem;
	line-height: .32rem;
	color: #111;
	text-align: center;
	margin: 0 .4rem .04rem
}

.core_business .core_business__container .core_business__tabpanes {
	position: relative;
	height: 6.4rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane {
	display: none;
	width: 100%;
	overflow: hidden;
	position: absolute;
	height: 100%
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane.active {
	display: block
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__title {
	color: #111;
	opacity: .85;
	font-size: .36rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__content {
	color: #111;
	opacity: .85;
	font-size: .16rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions {
	color: #111;
	opacity: .85;
	font-size: .16rem;
	display: flex
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action {
	position: relative;
	cursor: pointer;
	font-size: .2rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action::before {
	position: absolute;
	bottom: -2px;
	content: '';
	width: 0;
	height: 2px;
	background-color: #111;
	transition: all .3s
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action:hover::before {
	width: 100%
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action a {
	color: inherit;
	text-decoration: none;
	padding: 4px 0;
	position: relative
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:first-child {
	background: url(../png/home.png) center/cover no-repeat
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:first-child .core_business__tabpane__title {
	margin-top: 1.98rem;
	text-align: center;
	color: #fff
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:first-child .core_business__tabpane__content {
	text-align: center;
	color: #fff
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:first-child .core_business__tabpane__actions {
	position: absolute;
	top: 3.65rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:first-child .core_business__tabpane__actions .action {
	margin: 0 .3rem;
	color: #fff
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) {
	background: url(../png/hotel-b5a478ca95.png) center/cover no-repeat
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__title {
	position: absolute;
	top: 1.5rem;
	left: 1.4rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__content {
	position: absolute;
	top: 2.2rem;
	left: 1.4rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__actions {
	position: absolute;
	top: 3.75rem;
	left: 1.4rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__actions .action {
	margin-right: 1rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) {
	background: url(../jpg/office-18d3902fa1.jpg) center/cover no-repeat
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) .core_business__tabpane__title {
	color: #111;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 1.5rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) .core_business__tabpane__content {
	color: #111;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	top: 2.2rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) .core_business__tabpane__actions {
	color: #111;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 3.75rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) .core_business__tabpane__actions .action {
	margin: 0 .5rem
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) .core_business__tabpane__actions .action::before {
	background: #111
}

.product .product__desc::before {
	width: 0;
	height: 2px;
	background: #7c7c7c;
	position: absolute
}

.product .product__tabpane__bottom:hover .product__desc::before,
.product .product__tabpane__left:hover .product__desc::before,
.product .product__top:hover .product__desc::before,
.product .product__top__right:hover .product__desc::before {
	width: 100%
}

.product .product__action {
	font-size: .2rem
}

.product .product__action::before {
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute
}

.product .product__tabpane__left:hover .product__action::before,
.product .product__top__left:hover .product__action::before {
	width: 5em
}

.product .theme_drak::before {
	background: #fff !important
}

.product .product__container .product__tabs {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 auto .2rem
}

.product .product__container .product__tabs .line {
	height: 2px;
	width: 64px;
	background-color: #111;
	margin-top: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s
}

.product .product__container .product__tabs .product__tabs__tab {
	cursor: pointer;
	float: left;
	position: relative;
	font-size: .24rem;
	line-height: .32rem;
	color: #111;
	text-align: center;
	margin: 0 .4rem
}

.product .product__container .product__tabpanes .product__tabpane {
	display: none;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 8.4rem
}

.product .product__container .product__tabpanes .product__tabpane.active {
	display: block
}

.product .product__container .product__tabpanes .product__tabpane .product__tabpane__left,
.product .product__container .product__tabpanes .product__tabpane .product__tabpane__right {
	position: relative;
	float: left;
	width: 50%;
	height: 100%
}

.product .product__container .product__tabpanes .product__tabpane .product__tabpane__top {
	position: relative;
	height: 51.2%
}

.product .product__container .product__tabpanes .product__tabpane .product__tabpane__bottom {
	position: relative;
	height: 48.8%
}

.product .product__container .product__tabpanes .product__tabpane .product__top__left,
.product .product__container .product__tabpanes .product__tabpane .product__top__right {
	position: relative;
	width: 50%;
	height: 100%;
	float: left
}

.product .product__container .product__tabpanes img {
	display: block;
	width: 100%;
	height: 100%
}

.product .product__container .product__tabpanes .product__desc {
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	font-size: .14rem
}

.aboutus .aboutus__banner .more::before,
.news .news__title a::before {
	bottom: -2px;
	content: '';
	transition: all .3s
}

.product .product__container .product__tabpanes .theme_drak {
	color: #fff;
	opacity: .6
}

.product .product__container .product__tabpanes .theme_light {
	color: #7c7c7c
}

.product .product__container .product__tabpanes .product__title {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	top: 1.25rem;
	font-size: .3rem
}

.product .product__container .product__tabpanes .product__content {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	opacity: .7;
	text-align: center;
	top: 1.8rem;
	font-size: .16rem;
	width: 2.95rem
}

@media (max-width:1440rem) {
	.product .product__container .product__tabpanes .product__content.mensuo {
		width: 2.4rem
	}
}

.product .product__container .product__tabpanes .product__action {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	top: 3.65rem;
	width: 2.95rem
}

.product .product__container .product__tabpanes .product__title.menchuang {
	text-align: left;
	color: #fff;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 3.15rem;
	left: 4.3rem;
	width: 2.95rem
}

.product .product__container .product__tabpanes .product__content.menchuang {
	text-align: left;
	color: #fff;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 3.7rem;
	left: 4.3rem
}

.product .product__container .product__tabpanes .product__action.menchuang {
	text-align: left;
	color: #fff;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 5.15rem;
	left: 4.3rem
}

.product .product__container .product__tabpanes .product__title.nuantong {
	text-align: left;
	color: #111;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 2.85rem;
	left: 1.55rem;
	width: 2.95rem
}

.product .product__container .product__tabpanes .product__content.nuantong {
	text-align: left;
	color: #7c7c7c;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 3.45rem;
	left: 1.55rem
}

.product .product__container .product__tabpanes .product__action.yingyin::before {
	background: #111 !important
}

.product .product__container .product__tabpanes .product__action.nuantong {
	text-align: left;
	color: #111;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	top: 5.3rem;
	left: 1.55rem
}

.product .product__container .product__tabpanes .product__action.nuantong::before {
	background: #111
}

.product .product__container a {
	display: block;
	width: 100%;
	height: 100%
}

.aboutus {
	margin-top: .8rem
}

.aboutus .aboutus__banner {
	background-size: cover;
	background-repeat: no-repeat;
	width: 16rem;
	height: 6rem;
	position: relative
}

.aboutus .aboutus__banner .title {
	position: absolute;
	top: 1.88rem;
	left: .9rem;
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #111
}

.aboutus .aboutus__banner .content {
	position: absolute;
	top: 2.5rem;
	left: .9rem;
	width: 4.52rem;
	font-size: .16rem;
	line-height: .26rem;
	letter-spacing: .01rem;
	color: #111
}

.aboutus .aboutus__banner .more {
	position: absolute;
	left: .9rem;
	top: 4.15rem;
	color: #111;
	font-size: .2rem
}

.aboutus .aboutus__banner .more::before {
	width: 0;
	height: 2px;
	background: #111;
	position: absolute
}

.aboutus .aboutus__banner .more:hover::before {
	width: 100%
}

.aboutus .aboutus__content {
	display: flex
}

.aboutus .aboutus__content .card {
	flex: 1;
	height: 2rem;
	background: #eeeff0;
	cursor: pointer
}

.aboutus .aboutus__content .card:hover .title {
	color: #0d7fef
}

.aboutus .aboutus__content .card .content,
.aboutus .aboutus__content .card .title {
	text-align: center;
	line-height: 1em
}

.aboutus .aboutus__content .card .title {
	margin-top: .75rem;
	font-size: .24rem;
	letter-spacing: .01rem;
	color: #111
}

.aboutus .aboutus__content .card .content {
	margin-top: .16rem;
	font-size: .16rem;
	letter-spacing: .01rem;
	color: #111;
	opacity: .6
}

.aboutus .aboutus__content .line {
	flex: 0 0 auto;
	width: 1px;
	height: 2rem;
	background: #d2d2d2
}

.news {
	margin-top: .8rem
}

.news .news__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .3rem
}

.news .news__title .title {
	color: #111;
	font-size: .3rem
}

.news .news__title a {
	position: relative;
	display: block
}

.news .news__title a::before {
	width: 0;
	height: 2px;
	background: #111;
	position: absolute
}

.news .news__title a:hover::before {
	width: 100%
}

.news .news__container {
	display: grid;
	grid-column-gap: .3rem;
	grid-row-gap: .3rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(3, 1.8rem)
}

.news .news__container .news__card {
	background: #f8f9fa;
	position: relative;
	padding: .2rem .4rem .2rem .3rem;
	cursor: pointer
}

.news .news__container .news__card a {
	display: block;
	width: 100%;
	height: 100%
}

.news .news__container .news__card img {
	display: block;
	width: 1.88rem;
	height: 1.4rem;
	border-radius: .06rem
}

.news .news__container .news__card .title {
	position: absolute;
	top: .24rem;
	left: 2.45rem;
	width: 5rem;
	font-size: .2rem;
	line-height: .24rem;
	letter-spacing: .01rem;
	color: #111
}

.news .news__container .news__card .content,
.news .news__container .news__card .time,
.news .news__container .news__card .type {
	position: absolute;
	font-size: .16rem;
	letter-spacing: .01rem;
	opacity: .6
}

.news .news__container .news__card .content {
	top: .6rem;
	left: 2.45rem;
	width: 5rem;
	color: #111
}

.news .news__container .news__card .time {
	left: 2.45rem;
	bottom: .2rem;
	color: #111
}

.news .news__container .news__card .type {
	left: 4.2rem;
	bottom: .2rem
}

.news .news__container .news__card .activity {
	color: #de4e3f
}

.news .news__container .news__card .chronicle {
	color: #f0a903
}

.news .news__container .news__card .new {
	color: #d66577
}

.news .news__container .news__card .industry {
	color: #33c68f
}

.news .news__container .news__card:hover .title {
	color: #0d7fef
}

.experience {
	margin: .8rem auto
}

.experience .experience__banner {
	background-size: cover;
	background-repeat: no-repeat;
	width: 16rem;
	height: 6rem;
	position: relative
}

.experience .experience__banner .title {
	position: absolute;
	top: 2.15rem;
	left: 6.75rem;
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #fff
}

.experience .experience__banner .content {
	position: absolute;
	top: 2.75rem;
	left: 5.25rem;
	width: 6rem;
	font-size: .16rem;
	line-height: .26rem;
	letter-spacing: .01rem;
	color: #fff
}

.experience .experience__banner .more {
	position: absolute;
	top: 3.5rem;
	left: 7.25rem;
	color: #fff;
	font-size: .2rem
}

.experience .experience__banner .more::before {
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -2px;
	transition: all .3s
}

.experience .experience__banner .more:hover::before {
	width: 100%
}

.experience .experience__content {
	display: flex
}

.experience .experience__content .card {
	flex: 1;
	height: 2rem;
	background: #eeeff0;
	cursor: pointer
}

.experience .experience__content .card:hover .title {
	color: #0d7fef
}

.experience .experience__content .card .content,
.experience .experience__content .card .title {
	text-align: center;
	line-height: 1em
}

.experience .experience__content .card .title {
	margin-top: .75rem;
	font-size: .24rem;
	letter-spacing: .01rem;
	color: #111
}

.experience .experience__content .card .content {
	margin-top: .16rem;
	font-size: .16rem;
	letter-spacing: .01rem;
	color: #111;
	opacity: .6
}

.experience .experience__content .line {
	flex: 0 0 auto;
	width: 1px;
	height: 2rem;
	background: #d2d2d2
}

.experience .experience__content .store {
	position: relative
}

.experience .experience__content .store .qrcode {
	display: none;
	position: absolute;
	width: 2.48rem;
	height: 2.8rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 80%;
	background: url(../png/store-qrcode-21243b5f7e.png) center no-repeat;
	background-size: cover
}

.nav_index {
	color: rgba(255, 255, 255, .6) !important
}

.video_center {
	margin-top: .8rem
}

.video_center .video_center__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .3rem
}

.video_center .video_center__title .title {
	color: #111;
	font-size: .3rem
}

.video_center .video_center__title a {
	position: relative;
	display: block
}

.video_center .video_center__title a::before {
	content: '';
	width: 0;
	height: 2px;
	background: #111;
	position: absolute;
	bottom: -2px;
	transition: all .3s
}

.video_center .video .bg:after,
.video_center .video .bg:before {
	opacity: 0;
	content: '';
	transition: .5s all ease
}

.video_center .video_center__title a:hover::before {
	width: 100%
}

.video_center .videos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.video_center .video {
	flex: 0 0 auto;
	width: 5.13rem
}

.video_center .video .bg {
	height: 3.4rem;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.video_center .video .bg:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: .8rem;
	height: .8rem;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../png/icon_play-525abb68fd.png) center no-repeat;
	background-size: cover
}

.video_center .video .bg:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .2)
}

.video_center .video .bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: -1
}

.video_center .video .bg:hover img {
	width: 110%;
	height: 110%
}

.video_center .video .bg:hover:after,
.video_center .video .bg:hover:before {
	opacity: 1
}

.video_center .video:first-child,
.video_center .video:nth-child(2) {
	width: 7.85rem
}

.video_center .video:first-child .bg,
.video_center .video:nth-child(2) .bg {
	height: 4.7rem
}

.video_center .video .title {
	font-size: .2rem;
	font-weight: 500;
	color: #18181c;
	line-height: .28rem;
	margin: .16rem auto .4rem
}

.banner {
	margin: 0 auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.banner .title {
	position: absolute;
	top: 175px;
	left: 50%;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	color: #fff;
	font-size: 36px;
	letter-spacing: 5px
}

.banner .desc,
.banner .subtitle {
	-webkit-transform: translateX(30px);
	position: absolute;
	left: 50%
}

.banner .subtitle {
	top: 270px;
	transform: translateX(30px);
	color: #fff;
	font-size: 28px;
	letter-spacing: 3px
}

.banner .desc {
	top: 335px;
	transform: translateX(30px);
	color: #adadad;
	font-size: 16px;
	letter-spacing: 2px
}

.banner .actions {
	position: absolute;
	top: 483px;
	left: 50%;
	-webkit-transform: translateX(30px);
	transform: translateX(30px)
}

.banner .actions .btn {
	float: left;
	margin-right: 16px;
	display: block;
	padding: 8px 40px;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 2px;
	color: #fff;
	transition: all .3s
}

.banner .actions .btn:hover {
	color: #18181c;
	background: #fff
}