<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">



/*-------baner begin----*/
.banner {
  width: 100%;
  position: relative;
  height: 700px;
  background: transparent;
}
.banner .bd {
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 0;

}
.banner .bd ul {
  height: 100%;
  width: 100%;
}
.banner .bd li {
  height: 100%;
  overflow: hidden;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.banner .bd li a {
  display: block;
  height: 100%;
  width: 100%;
}
.banner .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.banner .hd ul {
  text-align: center;
  margin-bottom: 10px;
}
.banner .hd ul li {
  background: #478beb;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 42px;
  height: 11px;
  margin: 1px;
  overflow: hidden;
  *filter: alpha(opacity=50);
  *opacity: .5;
  line-height: 999px;
}
.banner .hd ul .on {
  background: #154fa2;
}
.banner .prev,
.banner .next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 15%;
  z-index: 1;
  width: 40px;
  height: 60px;
  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;
  cursor: pointer;
  *filter: alpha(opacity=50);
  *opacity: .5;
  display: none;

}
.banner .next {
  left: auto;
  right: 15%;
  background-position: -6px -137px;

}


/*--baner end--*/


.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(../image/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(../image/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(../image/index_banner8-f5df5cac7c.jpg) center no-repeat
}
.i_banner .ib_slider .ibs2 {
	background: url(../image/index_banner1-5684ef9233.jpg) center no-repeat
}
.i_banner .ib_slider .ibs3 {
	background: url(../image/index_banner9-d2e4d160eb.jpg) center no-repeat
}
.i_banner .ib_mark {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
	z-index: 999
}
.i_banner .ib_mark li {
	width: 50px;
	height: 2px;
	margin-right: 10px;
	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 .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: 60px;
	height: 60px;
	z-index: -1;
	cursor: pointer
}
.i_banner .previous {
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.i_banner.theme_dark .previous {
	background: url(../image/banner_rows_theme_dark-e48e9be45.png) -180px 0 no-repeat
}
.i_banner.theme_dark .next {
	background: url(../image/banner_rows_theme_dark-e48e9be45.png) -60px 0 no-repeat
}
.i_banner.theme_light .previous {
	background: url(../image/banner_rows_theme_light-e6ee247d.png) -180px 0 no-repeat
}
.i_banner.theme_light .next {
	background: url(../image/banner_rows_theme_light-e6ee247d.png) -60px 0 no-repeat
}
.i_banner .next {
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.i_banner:hover .next, .i_banner:hover .previous {
	z-index: 9999
}
.i_banner .previous:hover {
	background-position: -120px 0;
	z-index: 9999
}
.i_banner .next:hover {
	background-position: 0 0;
	z-index: 9999
}

@media screen and (min-width:1680px) {
.i_banner {
	position: relative;
	height: 700px;
	width: 100%
}
.i_banner .ib_slider {
	position: absolute;
	width: 100%;
	height: 700px;
	overflow: hidden
}
.i_banner .ib_slider li {
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden
}
}

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


/*home*/

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__title {
	color: #fff;
	opacity: .85;
	font-size: .36rem
}
.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__content {
	color: #fff;
	opacity: .85;
	font-size: .16rem
}
.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions {
	color: #fff;
	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: #fff;
	transition: all .3s
}
.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action:hover::before {
	width: 100%
}

/*end*/


/*home2*/


.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__title {
	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 .core_business__tabpane__content {
	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 .core_business__tabpane__actions {
		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 .core_business__tabpane__actions .action {
	margin: 0 .5rem
}
.core_business .core_business__container .core_business__tabpanes .core_business__tabpane .core_business__tabpane__actions .action::before {

}


/*end2*/




.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(../image/hotel_1.jpg) center/cover no-repeat;
}


.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) {
	background: url(../image/hotel_2.jpg) center/cover no-repeat;
}


.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(3) {
		background: url(../image/hotel_3.jpg) center/cover no-repeat;
}


.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(4) {
		background: url(../image/hotel_4.jpg) center/cover no-repeat;
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(5) {
		background: url(../image/hotel_5.jpg) center/cover no-repeat;
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(6) {
		background: url(../image/hotel_6.jpg) center/cover no-repeat;
}
.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(7) {
		background: url(../image/hotel_7.jpg) center/cover no-repeat;
}




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



/*ç™½è‰²å­—*/

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__title {
	color: #fff;
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__content {
	color: #fff;
}

.core_business .core_business__container .core_business__tabpanes .core_business__tabpane:nth-child(2) .core_business__tabpane__actions {
	color: #fff;
}

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


/*ç™½è‰²å­—end*/












.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%;
	min-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: #fff;
}
.aboutus .aboutus__banner .content {
	position: absolute;
	top: 2.5rem;
	left: .9rem;
	width: 4.52rem;
	font-size: .16rem;
	line-height: .26rem;
	letter-spacing: .01rem;
	color: #fff;
}
.aboutus .aboutus__banner .more {
	position: absolute;
	left: .9rem;
	top: 4.15rem;
	color: #fff;
	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 .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(../image/store-qrcode-21243b5f7e.png) center no-repeat;
	background-size: cover
}
.nav_index &gt; a{
	background:#ff6702;
	color:#fff!important;
	border-radius:5px;
	height:35px;
}

li &gt; a.nav_index {
	background:#ff6702;
	color:#fff!important;
	border-radius:5px;
	height:35px;
}


.nav_index a{
color:#fff;
}
.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(../image/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
}



.links{
	width:82%;
	margin:20px auto;
	height:auto;
}
.links h3{
	text-align:center;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede;
}
.links .links_list{
	margin-top:20px;
}
.links .links_list li{
	float:left;
	margin:15px 20px;
	font-size:14px;
}
.links .links_list a{
	color:#666;
	transition:0.3s;
}
.links .links_list a:hover{
	color:#ff6702;
}






</pre></body></html>