@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {
	overflow-y: scroll;
}

.transition-wrapper {
	opacity: 0;
	transform: translate(0, 60px);
	transition: all 0.7s;
}

.transition-wrapper.active {
	opacity: 1;
	transform: translate(0, 0);
}

.channel-banner-container {
    height: 450px;
    background-size: cover;
    background-color: #000;
    background-position: center;
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    flex-direction: column;
}

.channel-banner-container .title {
    font-size: 36px;
    height: 50px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #3d3d3d;
    line-height: 45px;
    padding-left: 150px;
}
.channel-banner-container .desc{
    width: 700px;
    font-size: 24px;
    color: #979797;
    line-height: 35px;
    padding-left: 150px;
}
.product_banner {
   width:100%;
   height:500px;
	position: relative;
   background-color:#ffffff
}

.product_banner::after {
	content: '';
	background-image: url(img/product_bg_banner.png);
	background-size: cover;
	background-position: center;
	width: 1920px;
	height: 96px;
	position: absolute;
	left: 0;
	bottom: 0;
   display:none;
}

@media screen and (max-width: 767px) {

	.channel-banner-container {
		width: 100vw;
		height: 2.4rem;
		margin-top: 0.48rem;
		background-position: center;
	}

	.channel-banner-container .title {
		font-size: .24rem;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		color: #fff;
		line-height: .33rem;
		height: 0.33rem;
      padding-left: 50px;
	}
	.channel-banner-container .desc{
      width: calc(100% - 50px);
      font-size: .16rem;
  	   padding-left: 50px;
      color: #ffffff;
	}
}
/*分页*/
.pagination {
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin: 40px auto 60px;
}
.JZD_PAGE_XIEGANG {
	font-size: 14px;
	font-weight: 300;
	color: #dddddd;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.JZD_PAGE_PREVIOUS a,
.JZD_PAGE_NEXT a {
	margin-right: 15px;
	width: 80px;
	background: #f2f3f5;
	font-size: 14px;
	font-weight: 300;
	color: #121111;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}

.JZD_PAGE_NEXT a {
	margin-left: 15px;
}

.JZD_PAGE_NUMBER {
	font-size: 14px;
	font-weight: 300;
	color: #121111;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}



@media screen and (min-width:768px) {
	html {
		overflow: -moz-hidden-unscrollable;
		height: 100%;
		/*scrollbar-width: none*/
	}

	body::-webkit-scrollbar {
		/*display: none*/
	}

	body {
		-ms-overflow-style: none;
		/*scrollbar-width: none;*/
		overflow: auto
	}
}

@-webkit-keyframes zb {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}
}

@keyframes zb {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}
}

@-webkit-keyframes heroArrow {
	0% {
		transform: translate(-.078125rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

@keyframes heroArrow {
	0% {
		transform: translate(-.078125rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

.banner~*,
.new-footer,
.page-footer {
	position: relative;
	z-index: 1;
	clear: both;
}

.banner {
	z-index: 0
}

.banner .banner-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.757813rem;
	min-width: 1240px
}

.banner,
.banner .banner-wrapper {
	position: relative;
	width: 100%;
	height: 1.757813rem;
	overflow: hidden
}

.banner .banner-wrapper .banner-wrapper-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.banner .banner-wrapper .banner-wrapper-item .video-wrapper,
.banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content,
.banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content .video-js {
	width: 100%;
	height: 100%
}

.banner .banner-wrapper .banner-wrapper-item.active {
	z-index: 2;
	pointer-events: auto
}

.banner .banner-wrapper .banner-wrapper-item.active .banner-item-detail div {
	opacity: 1;
	transform: translate(0, 0)
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-inner {
	position: relative;
	width: 100%;
	height: 1.757813rem
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-bg {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item img,
.banner .banner-wrapper .banner-wrapper-item .banner-item-bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%)
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail div {
	opacity: 0;
	transform: translate(0, .1875rem);
	transition: all 1s
}

.banner .banner-wrapper .banner-wrapper-item .banner-item-detail img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.banner .banner-control {
	position: absolute;
	right: .260417rem;
	bottom: .104167rem;
	z-index: 101
}

.banner .banner-control .banner-control-pagination {
	display: flex;
	margin-left: .054688rem
}

.banner .banner-control .banner-control-pagination .control-pagination-item {
	padding: .03125rem .007813rem;
	cursor: pointer
}

.banner .banner-control .banner-control-pagination .control-pagination-item.active div {
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/banner-pager-active.png)
}

.banner .banner-control .banner-control-pagination .control-pagination-item div {
	width: .018229rem;
	height: .015625rem;
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/banner-pager-normal.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.banner .banner-control .banner-control-thumbnail {
	display: flex;
	height: .3125rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-split {
	margin-right: .0625rem;
	width: 1px;
	height: 100%;
	background: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list {
	position: relative;
	margin-right: .0625rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	width: .546875rem;
	height: 100%;
	background: 0 0
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item {
	position: absolute;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all .8s
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item.active {
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next {
	position: relative;
	box-sizing: border-box;
	width: .3125rem;
	height: .3125rem;
	background: 0 0;
	cursor: pointer
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-inner {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px)
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-arrow div {
	-webkit-animation: heroArrow 2s ease infinite;
	animation: heroArrow 2s ease infinite
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-inner {
	position: relative;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .3);
	width: 100%;
	height: 100%;
	transition: all .6s;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px)
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content {
	display: flex;
	align-items: center;
	line-height: .052083rem;
	color: #fff;
	font-size: .036458rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content span {
	margin-right: .020833rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow {
	width: .052083rem;
	height: .052083rem;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow div {
	display: flex
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img {
	margin-right: .026042rem;
	width: .052083rem;
	height: .052083rem
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img:last-child {
	margin-right: 0
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01.active div {
	transform: translate(0, 0);
	transition: transform .75s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 div {
	position: relative;
	right: -1px;
	width: 100%;
	height: 100%;
	transform: translate(100%, 0);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02.active div,
.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03.active div,
.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04.active div {
	transform: translate(0, 0);
	transition: transform 1.5s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 div {
	position: relative;
	top: -1px;
	width: 100%;
	height: 100%;
	transform: translate(0, -100%);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 div {
	position: relative;
	left: -1px;
	width: 100%;
	height: 100%;
	transform: translate(-100%, 0);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 div {
	position: relative;
	bottom: -1px;
	width: 100%;
	height: 100%;
	transform: translate(0, 100%);
	background-color: #fff
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 1px;
	overflow: hidden
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05.active div {
	transform: translate(0, 0);
	transition: transform .75s linear
}

.banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 div {
	position: relative;
	right: -1px;
	width: 100%;
	height: 100%;
	transform: translate(100%, 0);
	background-color: #fff
}

.banner-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.banner {
		display: none
	}

	.banner-mobile {
		display: block
	}

	.banner-mobile .swiper-container,
	.banner-mobile .swiper-img {
		width: 3.75rem;
		height: 3rem
	}

	.banner-mobile .swiper-img img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet {
		position: relative;
		margin: 0 .06rem 0 0;
		border-radius: 0;
		width: .07rem;
		height: .06rem;
		background-color: rgba(255, 255, 255, .3);
		transform: skew(-10deg)
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet:last-child {
		margin-right: 0
	}

	.banner-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
		background-color: #fff
	}
}

@-webkit-keyframes heroArrow2 {
	0% {
		transform: translate(-.104167rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

@keyframes heroArrow2 {
	0% {
		transform: translate(-.104167rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

.scene {
	width: 3.75rem;
	overflow: hidden;
	background: #f2f3f5;
	position: relative
}

.scene .scene-header {
	padding: .260417rem 0 .15625rem
}

.scene .scene-header .scene-header-desc,
.scene .scene-header .scene-header-title {
	margin: 0 auto;
	width: 1.953125rem;
	text-align: center;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.scene .scene-header .scene-header-title {
	margin-bottom: .0625rem;
	line-height: .161458rem;
	color: #000;
	font-size: .114583rem
}

.scene .scene-header .scene-header-desc {
	line-height: .078125rem;
	color: #777;
	font-size: .041667rem
}

.scene .scene-hot {
	position: absolute;
	top: .78125rem;
	left: 0;
	width: 100%;
	height: .625rem
}

.scene .scene-content {
	display: flex;
	width: 4.048177rem;
	height: 1.666667rem;
	overflow: hidden
}

.scene .scene-content:hover+.scene-hot,
.scene-mobile {
	display: none
}

.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {
	opacity: .8
}

.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg>img {
	transform: translate(0, 0)
}

.scene .scene-content:hover .item-thumb {
	opacity: 0;
	z-index: 1
}

.scene .scene-content .scene-content-item {
	position: relative;
	flex: 1 1 .298177rem;
	transition: all 1s;
	will-change: auto
}

.scene .scene-content .scene-content-item:hover {
	flex: 1 0 3.451823rem
}

.scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {
	opacity: 0;
	visibility: hidden
}

.scene .scene-content .scene-content-item:hover .item-detail {
	opacity: 1;
	z-index: 2
}

.scene .scene-content .scene-content-item .scene-wrapper {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transform: skew(-10.15deg);
	transform-origin: left top;
	overflow: hidden
}

.scene .scene-content .scene-content-item .scene-wrapper .scene-modal {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	z-index: 100;
	transition: all .6s
}

.scene .scene-content .scene-content-item .scene-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transition: all .6s
}

.scene .scene-content .scene-content-item .scene-wrapper-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -.149089rem;
	width: 3.75rem;
	height: 100%;
	transform: translate(-50%, 0) skew(10.15deg);
	transform-origin: left top
}

.scene .scene-content .scene-content-item .scene-wrapper-bg>img {
	width: 100%;
	height: 100%;
	transition: transform .5s
}

.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper {
	position: relative
}

.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 2px;
	height: 100%;
	background-color: #fff;
	opacity: .3
}

.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg>img {
	transform: translate(-.260417rem, 0)
}

.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {
	overflow: initial;
	z-index: 0
}

.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg>img {
	transform: translate(.260417rem, 0)
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {
	position: relative
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 2px;
	height: 100%;
	background-color: #fff;
	opacity: .3
}

.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg>img {
	transform: translate(-.182292rem, 0)
}

.scene .scene-content .scene-content-item .item-thumb {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #0a2349 0, rgba(10, 35, 73, 0) 100%);
	transition: opacity .5s
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-title {
	margin-top: .893229rem;
	margin-bottom: .03125rem;
	line-height: .138021rem;
	text-align: center;
	color: #fff;
	font-size: .07rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-desc {
	margin-bottom: .101563rem;
	line-height: .057292rem;
	text-align: center;
	color: #fff;
	font-size: .041667rem;
	font-weight: .041667rem;
	font-family: PingFangSC-Light, PingFang SC
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action {
	display: flex;
	justify-content: center
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,
.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
	position: relative;
	width: .049479rem;
	height: .135417rem;
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/rect-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left {
	left: .010417rem
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
	left: -.010417rem
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center {
	width: .1875rem;
	height: .135417rem;
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/rect.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center
}

.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center img {
	width: .0625rem;
	height: .0625rem
}

.scene .scene-content .scene-content-item .item-detail {
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
	transition: opacity .6s
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header {
	margin-bottom: .3125rem;
	padding:.208rem 0.588542rem 0 0.588542rem;
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header:hover .item-detail-arrow div {
	-webkit-animation: heroArrow2 1s ease infinite;
	animation: heroArrow2 1s ease infinite
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title {
	margin-bottom: .041667rem;
	line-height: .138021rem;
	color: #fff;
	font-size: .098958rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-desc {
	margin-bottom: .041667rem;
	line-height: .065104rem;
	color: #fff;
	font-size: .046875rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow {
	width: .078125rem;
	height: .052083rem;
	overflow: hidden
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow div {
	display: flex
}

.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img {
	margin-right: .026042rem;
	width: .078125rem;
	height: .052083rem
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a:last-child,
.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img:last-child {
	margin-right: 0
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content {
	position: relative;
	margin-left: .588542rem
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item {
	margin-bottom: .083333rem;
	line-height: .078125rem;
	color: #fff;
	font-size: .041667rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-name,
.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item:hover .item-detail-name {
	color: #fff;
	font-size: .052083rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-info {
	display: block;
	width:100%;
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-name {
	width: .3125rem;
	line-height: .078125rem;
	color: #fff;
	font-size: .041667rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC;
	cursor: pointer;
	transition: all .4s
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info {
	display: none;
	position: absolute;
	left: .395833rem;
	top: 0
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs {
	display: flex;
	margin-bottom: .083333rem;
	width: calc(100%);
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a {
	margin-right: .083332rem
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img {
	position: relative;
	width: .677082rem;
	height: .401042rem;
	padding: 0 .041667rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	will-change: background-size;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	transition: background-size .6s
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, .4);
	box-sizing: border-box
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img:hover {
	background-size: 106% 106%
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img span {
	padding-bottom: .041667rem;
	line-height: .057292rem;
	color: #000;
	font-size: .041667rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more {
	text-align: center
}

.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more .button {
	cursor: pointer;
	width: .354167rem;
	height: .114583rem;
	line-height: .109375rem
}

@media screen and (max-width:767px) {
	.scene {
		display: none
	}

	.scene-mobile {
		display: block;
		background: #f2f3f5
	}

	.scene-mobile .scene-header {
		padding: .48rem 0
	}

	.scene-mobile .scene-header .scene-header-title {
		margin-bottom: .08rem;
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 400;
		font-family: PingFangSC-Regular, PingFang SC
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-title,
	.scene-mobile .scene-header .scene-header-desc {
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 200;
		font-family: PingFangSC-Thin
	}

	.scene-mobile .scene-header .scene-header-desc b {
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.scene-mobile .scene-content .scene-item-inner {
		padding-top: .53rem;
		width: 100%;
		height: 2.4rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-title {
		margin-bottom: .12rem;
		color: #fff;
		font-family: PingFangSC-Light
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-desc {
		margin-bottom: .24rem;
		line-height: .2rem;
		text-align: center;
		color: #ffffffcc;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-arrow {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-left,
	.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-right {
		width: .16rem;
		height: .42rem
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-center {
		width: .56rem;
		height: .42rem
	}

	.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow {
		position: absolute;
		top: .08rem;
		left: 50%;
		transform: translate(-50%, 0);
		width: .24rem;
		height: .24rem
	}
}

@-webkit-keyframes productMoreArrow {
	0% {
		transform: translate(-.088542rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

@keyframes productMoreArrow {
	0% {
		transform: translate(-.088542rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

.product {
   position: relative;
	padding: .08rem .260417rem;
	background: #f2f3f5
}

.product .product-desc,
.product .product-title {
	margin: 0 auto;
	margin-bottom: .0625rem;
	width: 1.953125rem;
	line-height: .161458rem;
	text-align: center;
	color: #000;
	font-size: .114583rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.product .product-desc {
	margin-bottom: .15625rem;
	line-height: .078125rem;
	color: #777;
	font-size: .041667rem
}

.product .product-desc.product-desc-en {
	width: 2.161458rem
}

.product .product-main {
	margin-right: -.065104rem
}

.product .product-main::after {
	content: "";
	display: block;
	clear: both
}

.product .product-main .product-item {
	position: relative;
	float: left;
	margin: 0 .0625rem .0625rem 0;
	width: 1.033854rem;
	height: .625rem;
	overflow: hidden;
	border-radius: 6px;
}

.product .product-main .product-item:nth-child(1) .product-item-hidden {
	max-width: 1.302083rem
}

.product .product-main .product-item:nth-child(1),
.product .product-main .product-item:nth-child(2) {
	height: .9375rem
}

.product .product-main .product-item:nth-child(1) {
	width: 2.130208rem
}

.product .product-main .product-item:hover .product-item-img img {
	transform: scale(1.05)
}

.product .product-main .product-item:hover .product-item-mask {
	background: #0e57a27f
}

.product .product-main .product-item:hover .product-item-name {
	transform: translate(0, -.09375rem)
}

.product .product-main .product-item:hover.product-item-line1 .product-item-name {
	transform: translate(0, -.177083rem)
}

.product .product-main .product-item:hover.product-item-line2 .product-item-name {
	transform: translate(0, -.229167rem)
}

.product .product-main .product-item:hover.product-item-line3 .product-item-name {
	transform: translate(0, -.260417rem)
}

.product .product-main .product-item:hover.product-item-line4 .product-item-name {
	transform: translate(0, -.34375rem)
}

.product .product-main .product-item:hover .product-item-hidden {
	opacity: 1;
	transform: translate(.0625rem, 0)
}

.product .product-main .product-item:hover .product-viewmore-wrapper {
	-webkit-animation: productMoreArrow 1s ease infinite;
	animation: productMoreArrow 1s ease infinite
}

.product .product-main .product-item .product-item-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

.product .product-main .product-item .product-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .4s linear
}

.product .product-main .product-item .product-item-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .4s ease
}

.product .product-main .product-item .product-item-name {
	position: absolute;
	left: .0625rem;
	bottom: .0625rem;
	line-height: .072917rem;
	color: #fff;
	font-size: .052083rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC;
	transition: all .3s ease-out
}

.product .product-main .product-item .product-item-name.product-item-name-en {
	padding: 0 .0625rem 0 0
}

.product .product-main .product-item .product-item-hidden {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-right: .0625rem;
	padding-bottom: .0625rem;
	box-sizing: content-box;
	max-width: .911458rem;
	opacity: 0;
	transform: translate(-100%, 0);
	transition: all .4s ease-out
}

.product .product-main .product-item .product-item-hidden .product-item-desc {
	padding: .03125rem 0 .041667rem;
	box-sizing: content-box;
	line-height: .052083rem;
	color: #fff;
	font-size: .036458rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.product .product-main .product-item .product-item-hidden .product-item-arrow {
	width: .0625rem;
	height: .052083rem;
	overflow: hidden
}

.product .product-main .product-item .product-item-hidden .product-item-arrow .product-viewmore-wrapper {
	width: .151042rem;
	height: .052083rem;
	display: flex
}

.product .product-main .product-item .product-item-hidden .product-item-arrow .product-viewmore-wrapper img {
	width: .0625rem;
	height: .041667rem;
	-o-object-fit: cover;
	object-fit: cover
}

.product .product-main .product-item .product-item-hidden .product-item-arrow .product-viewmore-wrapper img:first-child {
	margin-right: .026042rem
}

.product-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.product {
		display: none
	}

	.product-mobile {
		display: block;
		padding: .2rem .24rem;
		background: #f2f3f5
	}

	.product-mobile .product-title {
		margin-bottom: .16rem;
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.product-mobile .product-desc {
		margin-bottom: .24rem;
		line-height: .24rem;
		text-align: center;
		color: #777;
		font-size: .12rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.product-mobile .product-main {
		display: flow-root;
		margin-right: -.04rem
	}

	.product-mobile .product-main .product-item {
		float: left
	}

	.product-mobile .product-main .product-item:nth-child(2n+2) {
		margin-right: 0;
		width: 1.62rem
	}

	.product-mobile .product-main .product-item-inner {
		position: relative;
		margin-right: .04rem;
		margin-bottom: .04rem;
		width: 1.61rem;
		height: 1.3rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover
	}

	.product-mobile .product-main .product-item-inner .product-item-name {
		position: absolute;
		left: 0;
		bottom: .08rem;
		width: 100%;
		line-height: .2rem;
		text-align: center;
		color: #fff;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.product-mobile .product-main .product-item-inner .product-item-name.product-item-name-en {
		font-size: .12rem;
		padding: 0 .08rem
	}
}

.brainpp-brain {
	padding: .260417rem 0 .203125rem;
	background-color: #fcfcfc
}

.brainpp-brain .brainpp-brain-description,
.brainpp-brain .brainpp-brain-title {
	margin-bottom: .0625rem;
	line-height: .161458rem;
	text-align: center;
	color: #000;
	font-size: .114583rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.brainpp-brain .brainpp-brain-description {
	margin: 0 auto;
	margin-bottom: .15625rem;
	width: 2.447917rem;
	line-height: .078125rem;
	color: #777;
	font-size: .041667rem
}

.brainpp-brain .brainpp-brain-description-mobile {
	display: none
}

.brainpp-brain .brain-content {
	position: relative
}

.brainpp-brain .brain-content .brain-video {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	width: 3.020833rem;
	height: 1.518229rem
}

.brainpp-brain .brain-content .brain-video .video {
	width: 100%;
	height: 100%
}

.brainpp-brain .brain-content .brain-button {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: .057292rem;
	transform: translate(-50%, 0)
}

.brainpp-brain .brain-content .brain-button .button {
	width: .5rem;
	height: .148438rem;
	font-size: .046875rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	line-height: .143229rem;
	text-align: center
}

.brainpp-brain .brain-content-mobile {
	display: none
}

.brainpp-brain .brainpp-brain-tooltip {
	position: absolute;
	top: -10000px;
	left: -10000px;
	z-index: 1;
	padding: .041667rem;
	border: 1px solid rgba(14, 87, 162, .2);
	border-radius: .005208rem;
	box-shadow: 0 8px 14px -4px rgba(164, 164, 166, .15);
	width: .786458rem;
	background: #fff;
	line-height: .059896rem;
	color: #777;
	font-size: .036458rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC;
	text-align: justify;
	display: none
}

.brainpp-brain .brainpp-brain-tooltip[data-show=""] {
	display: block
}

.brainpp-brain #drawing {
	margin: 0 auto;
	width: 2.278646rem;
	height: 1.299479rem
}

.brainpp-brain .brainpp-brain-content {
	position: relative;
	top: -.039063rem;
	margin: 0 auto;
	text-align: center;
	z-index: 1
}

.brainpp-brain .brainpp-brain-content .button {
	width: .5rem;
	height: .148438rem;
	font-size: .046875rem;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	line-height: .143229rem;
	text-align: center
}

.brainpp-brain .brainpp-brain-content-mobile {
	display: none
}

.brainpp-brain.brainpp-brain-en .brainpp-brain-tooltip {
	width: 314px
}

@media screen and (max-width:767px) {
	.brainpp-brain {
		padding: .48rem 0;
		background-color: #fff
	}

	.brainpp-brain .brainpp-brain-title {
		margin-bottom: .16rem;
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.brainpp-brain .brainpp-brain-description {
		margin: 0 auto;
		margin-bottom: .32rem;
		width: 3.27rem;
		line-height: .24rem;
		color: #777;
		font-size: .12rem;
		font-weight: 200;
		font-family: PingFangSC-Light;
		text-align: center
	}

	.brainpp-brain .brainpp-brain-description span,
	.brainpp-brain .brainpp-brain-description-pc {
		display: none
	}

	.brainpp-brain .brainpp-brain-description-mobile {
		display: block
	}

	.brainpp-brain .brain-content {
		display: none
	}

	.brainpp-brain .brain-content-mobile {
		display: block;
		position: relative
	}

	.brainpp-brain .brain-content-mobile .brain-video {
		position: relative;
		z-index: 0;
		margin: 0 auto;
		width: 3.55rem;
		height: 2.28rem
	}

	.brainpp-brain .brain-content-mobile .brain-video .img,
	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-image img {
		width: 100%;
		height: 100%
	}

	.brainpp-brain .brain-content-mobile .brain-button {
		position: absolute;
		z-index: 1;
		left: 50%;
		bottom: .057292rem;
		transform: translate(-50%, 0);
		width: 1.36rem;
		height: .4rem
	}

	.brainpp-brain .brain-content-mobile .brain-button .brainpp-brain-content-button-inner,
	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-button .brainpp-brain-content-button-inner {
		padding: .09rem 0;
		border: 1px solid #cfddec;
		text-align: center;
		background: #fff;
		line-height: .2rem;
		color: #0e57a2;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.brainpp-brain .brainpp-brain-content {
		display: none
	}

	.brainpp-brain .brainpp-brain-content-mobile {
		display: block;
		padding: 0 .24rem
	}

	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-image {
		margin-bottom: .24rem;
		width: 3.27rem;
		height: 1.72rem
	}

	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-button {
		margin: 0 auto;
		width: 1.36rem;
		height: .4rem
	}
}

@-webkit-keyframes heroArrow {
	0% {
		transform: translate(-.078125rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

@keyframes heroArrow {
	0% {
		transform: translate(-.078125rem, 0)
	}

	to {
		transform: translate(0, 0)
	}
}

.activity {
	padding:0.1rem .260417rem;
	background: #f2f3f5
}

.activity .activity-title {
	margin: 0 auto;
	margin-bottom: .15625rem;
	line-height: .161458rem;
	text-align: center;
	color: #000;
	font-size: .114583rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.activity .activity-main {
	display: flex;
	justify-content: space-between;
	height: .854167rem
}

.activity .activity-main .activity-list {
	margin-top: .041667rem
}

.activity .activity-main .activity-list .activity-list-item {
	margin-bottom: .052083rem;
	line-height: .057292rem;
	color: #2d2d2d;
	font-size: .041667rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC;
	cursor: pointer;
	transition: all .4s
}

.activity .activity-main .activity-list .activity-list-item.active,
.activity .activity-main .activity-list .activity-list-item:hover {
	color: #0e57a2;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.activity .activity-main .activity-list .activity-viewmore {
	display: flex;
	margin-top: .145833rem;
	cursor: pointer
}

.activity .activity-main .activity-list .activity-viewmore:hover>:nth-child(2) .activity-viewmore-wrapper {
	-webkit-animation: heroArrow 1s ease infinite;
	animation: heroArrow 1s ease infinite
}

.activity .activity-main .activity-list .activity-viewmore>:nth-child(1) {
	margin-right: .015625rem;
	line-height: .057292rem;
	color: #2d2d2d;
	font-size: .041667rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.activity .activity-main .activity-list .activity-viewmore>:nth-child(2) {
	position: relative;
	width: .052083rem;
	height: .052083rem;
	overflow: hidden
}

.activity .activity-main .activity-list .activity-viewmore>:nth-child(2) .activity-viewmore-wrapper {
	display: flex
}

.activity .activity-main .activity-list .activity-viewmore>:nth-child(2) img {
	width: .052083rem;
	height: .052083rem;
	-o-object-fit: cover;
	object-fit: cover
}

.activity .activity-main .activity-list .activity-viewmore>:nth-child(2) img:first-child {
	margin-right: .026042rem
}

.activity .activity-main .activity-detail {
	position: relative;
	width: 2.786458rem
}

.activity .activity-main .activity-detail .activity-detail-wrapper {
	display: none;
	margin-right: -5px
}

.activity .activity-main .activity-detail .activity-detail-wrapper.active {
	display: block
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item {
	float: left;
	margin-right: .104167rem;
	width: .859375rem
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item:hover .detail-item-img img {
	transform: scale(1.05)
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item:hover .detail-item-title {
	color: #0e57a2
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item:last-child {
	margin-right: 0
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item .detail-item-img {
	margin-bottom: .03125rem;
	width: 100%;
	height: .583333rem;
	overflow: hidden
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item .detail-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .4s linear
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item .detail-item-date {
	margin-bottom: .005208rem;
	line-height: .078125rem;
	color: #777;
	font-size: .041667rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.activity .activity-main .activity-detail .activity-detail-wrapper .activity-detail-item .detail-item-title {
	line-height: .078125rem;
	color: #000;
	font-size: .046875rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC;
	transition: all .4s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.activity-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.activity {
		display: none
	}

	.activity-mobile {
		display: block;
		padding: .2rem 0;
		background: #f2f3f5
	}

	.activity-mobile .activity-title {
		margin-bottom: .32rem;
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.activity-mobile .activity-tabs {
		margin-left: .44rem;
		margin-bottom: .33rem
	}

	.activity-mobile .activity-tabs::after {
		content: "";
		display: block;
		clear: both
	}

	.activity-mobile .activity-tabs .activity-tab {
		float: left;
		position: relative;
		margin-right: .52rem;
		line-height: .22rem;
		text-align: center;
		color: #000;
		font-size: .16rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.activity-mobile .activity-tabs .activity-tab::after {
		display: none;
		content: "";
		position: absolute;
		left: 0;
		bottom: -.08rem;
		width: 100%;
		height: 1px;
		background: #0e57a2
	}

	.activity-mobile .activity-tabs .activity-tab.active {
		color: #0e57a2;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.activity-mobile .activity-panel.active,
	.activity-mobile .activity-tabs .activity-tab.active::after {
		display: block
	}

	.activity-mobile .activity-tabs .activity-tab:last-child {
		margin-right: 0
	}

	.activity-mobile .activity-panel {
		display: none
	}

	.activity-mobile .activity-panel .swiper-container {
		margin-bottom: .32rem
	}

	.activity-mobile .activity-panel .swiper-wrapper {
		padding-left: .24rem
	}

	.activity-mobile .activity-panel .activity-panel-item {
		width: 2.82rem
	}

	.activity-mobile .activity-panel .activity-panel-item .panel-item-img {
		margin-bottom: .08rem;
		width: 100%;
		height: 1.78rem
	}

	.activity-mobile .activity-panel .activity-panel-item .panel-item-img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.activity-mobile .activity-panel .activity-panel-item .panel-item-date {
		margin-bottom: .08rem;
		line-height: .17rem;
		color: #777;
		font-size: .12rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.activity-mobile .activity-panel .activity-panel-item .panel-item-title {
		line-height: .24rem;
		text-align: justify;
		color: #000;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.activity-mobile .activity-panel .activity-panel-button {
		line-height: .2rem;
		text-align: center
	}

	.activity-mobile .activity-panel .activity-panel-button a {
		display: inline-flex;
		justify-content: center;
		align-items: center
	}

	.activity-mobile .activity-panel .activity-panel-button span {
		margin-right: .06rem;
		color: #0e57a2;
		font-size: .14rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.activity-mobile .activity-panel .activity-panel-button img {
		width: .14rem;
		height: .14rem
	}
}

.contact {
	width: 3.75rem;
	height: 1.367188rem;
	background: #fff;
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/contact.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	cursor: pointer;
	overflow: hidden
}

.contact .contact-inner {
	padding: .260417rem;
	width: 100%;
	height: 100%;
	background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/contact-mask.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%
}

.contact .contact-title {
	margin-bottom: .020833rem;
	line-height: .174479rem;
	color: #fff;
	font-size: .125rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.contact .contact-subtitle {
	margin-bottom: .0625rem;
	line-height: .153646rem;
	color: #fff;
	font-size: .109375rem;
	font-weight: 100;
	font-family: PingFangSC-Thin, PingFang SC
}

.contact .contact-desc {
	margin-bottom: .208333rem;
	line-height: .078125rem;
	color: #fff;
	font-size: .041667rem;
	font-weight: 300;
	font-family: PingFangSC-Light, PingFang SC
}

.contact .contact-button {
	padding: .041667rem 0;
	width: .5rem;
	height: .148438rem;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .6);
	line-height: .065104rem;
	color: #fff;
	font-size: .046875rem;
	font-weight: 400;
	font-family: PingFangSC-Regular, PingFang SC
}

.contact .contact-button:hover {
	background: rgba(255, 255, 255, .2);
	border: 1px solid rgba(255, 255, 255, .6)
}

.contact-mobile {
	display: none
}

@media screen and (max-width:767px) {
	.contact {
		display: none
	}

	.contact-mobile {
		display: block;
		height: 2.45rem;
		background: #fff;
		background-image: url(//filecdn.ify.cn/skin/mrfa10396/img/contact-mobile.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%
	}

	.contact-mobile .contact-title {
		margin-bottom: .16rem;
		padding-top: .48rem;
		line-height: .37rem;
		text-align: center;
		color: #fff;
		font-size: .26rem;
		font-weight: 200;
		font-family: PingFangSC-Thin
	}

	.contact-mobile .contact-title b {
		margin-right: .08rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.contact-mobile .contact-button,
	.contact-mobile .contact-desc {
		color: #fff;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.contact-mobile .contact-desc {
		margin-bottom: .32rem;
		line-height: .24rem;
		text-align: center
	}

	.contact-mobile .contact-button {
		margin-left: 1.2rem;
		width: 1.36rem;
		height: .4rem;
		line-height: .38rem
	}
}

.amap-logo,.amap-copyright{display:none!important}