.p1 .ct img,.p2 .ct img {
	max-width: 100%
}

.p1 .ct .header,.p2 .ct .header {
	width: 100%;
	margin-top: 12.5px;
	background-color: rgba(0,0,0,.1)
}

.p1 .ct .header img,.p2 .ct .header img {
	width: 120px;
	height: 25px
}

.p1 .ct .content1,.p2 .ct .content1 {
	background: #050d3f url(/lab1-bg1_13f56.png) 50% no-repeat;
	background-size: 100% auto;
	margin: 50px 0
}

.p1 .ct .content1 .content,.p2 .ct .content1 .content {
	text-align: center
}

.p1 .ct .content1 .content .title,.p2 .ct .content1 .content .title {
	margin-top: 40px;
	line-height: 1.67;
	font-weight: 500
}

.p1 .ct .content1 .content .title p,.p2 .ct .content1 .content .title p {
	margin-bottom: 0
}

.p1 .ct .content1 .content .desc,.p2 .ct .content1 .content .desc {
	margin: 40px 0;
	opacity: .8;
	line-height: 2
}

.p1 .ct .content1 .content img,.p2 .ct .content1 .content img {
	height: 274px
}

.p1 .ct .content2,.p2 .ct .content2 {
	box-shadow: 0 1px 2px 0 rgba(0,6,68,.06);
	background-image: linear-gradient(180deg,hsla(0,0%,93.3%,.06) 11%,rgba(30,55,81,.22));
	margin: 50px 0;
	padding: 30px
}

.p1 .ct .content2>div:last-child,.p2 .ct .content2>div:last-child {
	border-bottom: unset
}

.p1 .ct .content2>div,.p2 .ct .content2>div {
	border-bottom: .5px solid hsla(0,0%,100%,.3);
	margin-bottom: 20px;
	padding: 20px 0
}

.p1 .ct .content2>div .title,.p2 .ct .content2>div .title {
	font-size: 16px;
	font-weight: 500
}

.p1 .ct .content2>div .desc,.p2 .ct .content2>div .desc {
	font-size: 14px;
	opacity: .8;
	line-height: 2.14;
	width: 50%;
	text-align: justify
}

.p1 .ct .content2>div .advance-list,.p2 .ct .content2>div .advance-list {
	display: flex;
	width: 100%
}

.p1 .ct .content2>div .advance-list>div img,.p2 .ct .content2>div .advance-list>div img {
	margin-right: 20px;
	width: 240px
}

.p1 .ct .content2>div .car-page,.p2 .ct .content2>div .car-page {
	display: flex!important;
	justify-content: space-between;
	margin: 0 0 50px
}

.p1 .ct .content2>div .car-page img,.p2 .ct .content2>div .car-page img {
	width: 342px;
	height: 229px
}

.p1 .ct .content3,.p2 .ct .content3 {
	background: #050d3f url(/lab1-bg3_3dab9.png) 50% no-repeat;
	background-size: 100% auto;
	text-align: center;
	padding: 20px;
	margin-bottom: 50px
}

.p1 .ct .content3>div,.p2 .ct .content3>div {
	opacity: .8
}

.p2 .ct .content2>div .advance-list>div>img:nth-child(2) {
	width: 352px
}

.p2 .ct .content2>div .row {
	display: flex;
	margin: 30px 0
}

.p2 .ct .content2>div .row>img {
	width: 362px;
	height: 228px
}

.p2 .ct .content2>div .row>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.p2 .ct .content2>div .row>div .arrow {
	width: 44px
}

.p2 .ct .content2>div .row>div p {
	text-align: justify;
	padding: 35px;
	opacity: .8;
	line-height: 2.14
}

@media (max-width:768px) {
	.p1 .ct,.p2 .ct {
		padding: 20px
	}

	.p1 .ct .desc,.p2 .ct .desc {
		font-size: 13px!important
	}

	.p1 .ct .header,.p2 .ct .header {
		margin-top: 0
	}

	.p1 .ct .content1,.p2 .ct .content1 {
		background: #050d3f url(/lab1-bg1-mb_de297.png) 50% no-repeat;
		background-size: 100% auto;
		margin: 50px 0 0;
		padding: 10px
	}

	.p1 .ct .content1 .title,.p2 .ct .content1 .title {
		font-size: 18px
	}

	.p1 .ct .content1 .desc-container,.p2 .ct .content1 .desc-container {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.p1 .ct .content1 .desc-container .desc,.p2 .ct .content1 .desc-container .desc {
		width: 72%;
		text-align: left
	}

	.p1 .ct .content1 .desc-container img,.p2 .ct .content1 .desc-container img {
		height: 150px
	}

	.p1 .ct .content2,.p2 .ct .content2 {
		margin: 20px 0;
		padding: 10px;
		background-image: unset
	}

	.p1 .ct .content2>div,.p2 .ct .content2>div {
		padding: 15px 0;
		margin-bottom: 0
	}

	.p1 .ct .content2>div .desc,.p2 .ct .content2>div .desc {
		width: 100%
	}

	.p1 .ct .content2>div .advance-list,.p2 .ct .content2>div .advance-list {
		flex-direction: column
	}

	.p1 .ct .content2>div .advance-list>div img,.p2 .ct .content2>div .advance-list>div img {
		margin-right: unset;
		margin-top: 10px;
		width: 100%
	}

	.p1 .ct .content2>div .car-page img,.p2 .ct .content2>div .car-page img {
		width: 100%;
		height: 225px;
		max-height: 237.38px
	}

	.p1 .ct .content3,.p2 .ct .content3 {
		background: #050d3f url(/lab1-bg3-mb_e4b79.png) 50% no-repeat;
		background-size: 100% auto;
		text-align: left;
		padding: 10px
	}

	.p1 .ct .content3>p:first-child,.p2 .ct .content3>p:first-child {
		font-size: 16px;
		font-weight: 500
	}

	.p1 .ct .content3>div,.p2 .ct .content3>div {
		font-size: 13px
	}

	.p2 .ct .content2>div .row:nth-child(3) {
		margin-top: 35px
	}

	.p2 .ct .content2>div .row {
		margin: 20px 0;
		flex-direction: column
	}

	.p2 .ct .content2>div .row img {
		width: 100%;
		height: unset
	}

	.p2 .ct .content2>div .row>div p {
		margin: 0;
		padding: 20px 0;
		font-size: 13px
	}
}

.mobile-only {
	display: none
}

.pc-only {
	display: unset
}

.ct {
	width: 1200px;
	margin: 0 auto
}

.pause {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.play {
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.font-size-12 {
	font-size: 12px
}

.font-size-14 {
	font-size: 14px
}

.font-size-16 {
	font-size: 16px
}

.font-size-24 {
	font-size: 24px
}

.gray-text {
	color: #999
}

.blue-text {
	color: #91c7ff
}

.margin-top-10 {
	margin-top: 10px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-40 {
	margin-top: 40px
}

.margin-top-50 {
	margin-top: 50px
}

.ant-modal-mask {
	background-color: rgba(0,0,0,.65)!important
}

.ant-layout-content {
	color: #fff;
	background-color: #050d3f
}

.slick-slider .slick-dots button {
	width: 24px!important
}

.ant-modal-content {
	border-radius: 8px;
	color: #fff
}

.ant-modal-content .ant-modal-header {
	text-align: center;
	background-color: #131c48;
	border-bottom: .5px solid #232967;
	padding: 20px
}

.ant-modal-content .ant-modal-header .ant-modal-title {
	color: #fff
}

.ant-modal-content .ant-modal-body {
	background-color: #131c48;
	padding: 20
}

.ant-modal-content .ant-modal-body .list:first-child {
	border-bottom: .5px solid #232967;
	padding-bottom: 20px
}

.ant-modal-content .ant-modal-body .list:nth-child(2) {
	padding-top: 20px
}

.ant-modal-content .ant-modal-body .list {
	display: flex
}

.ant-modal-content .ant-modal-body .list a {
	display: flex;
	align-items: center;
	opacity: .8;
	font-size: 14px;
	color: #fff
}

.ant-modal-content .ant-modal-body .list p {
	margin-left: 20px
}

.ant-modal-content .ant-modal-body .list div,.ant-modal-content .ant-modal-body .list img {
	width: 80px;
	height: 80px;
	-webkit-filter: brightness(105%);
	filter: brightness(105%)
}

.ant-modal-content .ant-modal-footer {
	display: none
}

.footer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 55px;
	font-size: 14px;
	letter-spacing: -.23px;
	color: #fff;
	background-color: #060f47
}

.footer>div {
	opacity: .8
}

.page .container .tab-card-left-arrow,.page .container .tab-card-right-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	color: #49c1bd;
	height: 20px;
	width: 20px;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.page .container .tab-card-left-arrow {
	left: 24px
}

.page .container .tab-card-right-arrow {
	right: 24px
}

.page .container .header {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 1280px;
	width: 100%;
	height: 50px;
	z-index: 1001;
	background-color: rgba(0,0,0,.1)
}

.page .container .header.offtop {
	background-color: #040b38
}

.page .container .header .logo {
	float: left;
	width: 120px;
	height: 25px;
	margin-top: 12.5px
}

.page .container .header a,.page .container .header a:hover {
	color: #fff
}

.page .container .header .menu {
	float: right;
	height: 50px;
	font-size: 14px;
	position: relative;
	line-height: 50px
}

.page .container .header .ant-menu-horizontal,.page .container .header .ant-menu-item {
	border-bottom: none
}

.page .container .header .ant-menu-item:before {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%)
}

.page .container .header .ant-menu-item-active,.page .container .header .ant-menu-item-selected {
	color: #fff;
	border-bottom: none
}

.page .container .header .ant-menu-item-active:before,.page .container .header .ant-menu-item-selected:before {
	background-color: #fff
}

.page .container .header .ant-btn,.page .container .header .ant-menu {
	color: #fff;
	background: none
}

.page .container .header .ant-btn .ant-btn,.page .container .header .ant-menu .ant-btn {
	border: 0
}

.page .container .header .changeLan {
	position: relative;
	top: 1px
}

.page .container .content .banner {
	position: relative;
	padding-top: 75px;
	width: 100%;
	height: 100vh
}

.page .container .content .banner .banner-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.page .container .content .banner .container {
	position: relative;
	z-index: 3;
	margin: 13% auto;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.88;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.page .container .content .banner .container p:first-child {
	margin-bottom: auto;
	font-size: 38px
}

.page .container .content .banner .container p:last-of-type {
	margin-bottom: 40px;
	font-size: 32px
}

.page .container .content .banner .container .btn-list {
	display: flex;
	justify-content: center
}

.page .container .content .banner .container .btn-list .btn {
	font-size: 14px;
	width: 130px
}

.page .container .content .banner .container .btn-list .white-paper {
	color: #4071ed
}

.page .container .content .banner .container .btn-list .github,.page .container .content .banner .container .btn-list .laboratory {
	background-color: #4071ed;
	border-color: #4071ed;
	margin-left: 40px
}

.page .container .content .mouse {
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index: 3;
	width: 12px;
	margin-left: -6px
}

.page .container .content .solution-tec {
	width: 100%
}

.page .container .content .solution-tec .part1 {
	padding-top: 100px;
	padding-bottom: 100px
}

.page .container .content .solution-tec .part1 .chain1 {
	position: absolute;
	right: 0;
	width: 320px
}

.page .container .content .solution-tec .part1 .chain2 {
	position: absolute;
	margin-top: 450px;
	width: 320px
}

.page .container .content .solution-tec .part1 .text {
	text-align: justify
}

.page .container .content .solution-tec .part1 .text .title {
	height: 33px;
	font-size: 24px;
	font-weight: 500;
	text-align: left
}

.page .container .content .solution-tec .part1 .text .desc {
	width: 651px;
	opacity: .8;
	font-size: 14px;
	line-height: 2;
	letter-spacing: -.23px
}

.page .container .content .solution-tec .part1 .text .but {
	opacity: .8;
	font-size: 14px;
	line-height: 2.25;
	letter-spacing: -.23px
}

.page .container .content .solution-tec .part1 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
	color: #91c7ff!important;
	background-color: #151d4b!important
}

.page .container .content .solution-tec .part1 .card-container {
	margin-top: 50px;
	position: relative
}

.page .container .content .solution-tec .part1 .card-container img {
	height: 450px
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-nav-container {
	height: auto
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card {
	color: #fff;
	overflow: unset
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-content {
	margin-top: -16px
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-content .ant-tabs-tabpane {
	background: #151d4b;
	padding: 80px;
	text-align: center
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-bar {
	border-bottom: unset
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-bar .ant-tabs-nav {
	width: 1180px
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-bar .ant-tabs-tab {
	color: #4374a7;
	border-color: transparent;
	background: transparent;
	max-width: 25%;
	height: 80px;
	line-height: 1.67;
	text-align: center;
	word-wrap: normal;
	white-space: normal;
	vertical-align: bottom;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.page .container .content .solution-tec .part1 .card-container .ant-tabs-card .ant-tabs-bar .ant-tabs-tab .ant-tabs-tab-active {
	border-color: #fff;
	background-color: #fff
}

.page .container .content .solution-tec .part2 {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #060f47 url(/tec-sup-bg_06ea1.png) bottom no-repeat;
	background-size: 100% 50%
}

.page .container .content .solution-tec .part2 .title {
	font-size: 24px;
	font-weight: 500;
	text-align: center
}

.page .container .content .solution-tec .part2 .content {
	margin-top: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff!important
}

.page .container .content .solution-tec .part2 .content img {
	margin-right: 25px;
	width: 595px
}

.page .container .content .solution-tec .part2 .content .ant-avatar-image img {
	width: 30px!important
}

.page .container .content .solution-tec .part2 .content .ant-list-split .ant-list-item {
	border-bottom: none
}

.page .container .content .solution-tec .part2 .content .ant-list {
	margin-left: 25px;
	width: 462px
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item-meta-title {
	font-size: 14px;
	color: #fff;
	letter-spacing: -.2px
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item-meta-description {
	font-size: 12px;
	color: #fff;
	letter-spacing: -.17px;
	opacity: .8
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item {
	padding-top: 20px;
	padding-bottom: 0
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item:last-child .ant-list-item-meta-content {
	border-bottom: none
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item .ant-list-item-meta-avatar {
	position: relative;
	top: 23px;
	margin-right: 32px
}

.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item .ant-list-item-meta-content {
	padding-bottom: 30px;
	border-bottom: 1px solid #2a306c
}

.page .container .content .solution-tec .part2 .carousel-out {
	position: relative
}

.page .container .content .solution-tec .part2 .carousel-out .tab-card-left-arrow,.page .container .content .solution-tec .part2 .carousel-out .tab-card-right-arrow {
	top: 60%
}

.page .container .content .solution-tec .part2 .carousel-out .tab-card-left-arrow {
	left: -20px
}

.page .container .content .solution-tec .part2 .carousel-out .tab-card-right-arrow {
	right: -20px
}

.page .container .content .solution-tec .part2 .carousel .ant-carousel .slick-dots-bottom {
	bottom: -50px
}

.page .container .content .solution-tec .part2 .carousel .car-page {
	display: flex!important;
	justify-content: space-evenly;
	margin-top: 120px;
	margin-bottom: 20px
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg1 {
	background-image: linear-gradient(137deg,#46d2cb,#249897)
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg2 {
	background-image: linear-gradient(137deg,#4896e4,#3a50af)
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg3 {
	background-image: linear-gradient(137deg,#efdd70,#ab8b20)
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg4 {
	background-image: linear-gradient(137deg,#8948e4,#703aaf)
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg4 .desc {
	display: block!important
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg5 {
	background-image: linear-gradient(137deg,#99e448,#5c942f)
}

.page .container .content .solution-tec .part2 .carousel .car-page .bg6 {
	background-image: linear-gradient(137deg,#313131,#272727)
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel {
	width: 290px;
	height: 350px;
	color: #fff;
	opacity: .9;
	border-radius: 8px;
	padding: 32px 20px;
	text-align: center;
	transition: all .5s
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel:hover {
	transition: all .5s;
	transform: scale(1.1)
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .title {
	font-size: 16px;
	height: 48px
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 150px;
	overflow: auto;
	margin-bottom: 30px
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .desc.qrcode {
	margin-top: -24px
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .desc pre {
	white-space: pre-line
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .desc img {
	width: 112px
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel a {
	font-size: 14px;
	width: 160px;
	height: 40px;
	border-radius: 20px;
	border-color: #fff
}

.page .container .content .solution-tec .part2 .carousel .car-page .panel .other {
	width: 243px;
	height: 40px;
	padding: 0 35px;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
	color: #fff
}

.page .container .content .solution-tec .part3 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 342px;
	-o-object-fit: contain;
	object-fit: contain;
	background: #050d3f url(/hope-bg_0e071.png) 50% no-repeat;
	background-size: 70% auto
}

.page .container .content .solution-tec .part3 .ct {
	padding: 50px 225px
}

.page .container .content .solution-tec .part3 .ct .title {
	font-size: 24px;
	font-weight: 500
}

.page .container .content .solution-tec .part3 .ct .desc {
	opacity: .8;
	font-size: 14px;
	line-height: 2;
	letter-spacing: -.23px
}

.page .container .content .example {
	height: 1959px;
	text-align: center;
	background-color: #060f47
}

.page .container .content .example .jnb {
	min-height: 1033px;
	padding-top: 100px;
	padding-bottom: 100px
}

.page .container .content .example .jnb .bg1 {
	position: absolute;
	left: 0;
	margin-top: -100px;
	width: 198px
}

.page .container .content .example .jnb .bg2 {
	position: absolute;
	right: 0;
	margin-top: -100px;
	width: 198px
}

.page .container .content .example .jnb .title {
	font-size: 24px;
	font-weight: 500
}

.page .container .content .example .jnb .sub-title {
	font-size: 16px
}

.page .container .content .example .jnb .desc {
	padding: 20px 200px;
	font-size: 14px;
	opacity: .8;
	line-height: 2;
	text-align: left;
	text-align: justify
}

.page .container .content .example .jnb img {
	margin-top: 75px;
	width: 1087px
}

.page .container .content .example .more {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 826px;
	background: #050d3f url(/example-more-bg_51b87.png) 50% no-repeat;
	background-size: 70% auto
}

.page .container .content .example .more .ct {
	display: flex;
	justify-content: space-between
}

.page .container .content .example .more .ct>div {
	width: 50%
}

.page .container .content .example .more .ct .part-left {
	text-align: left;
	margin-right: 25px;
	padding: 25px
}

.page .container .content .example .more .ct .part-left .title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 46px
}

.page .container .content .example .more .ct .part-left .desc {
	margin-top: 5px;
	opacity: .8;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	margin-bottom: 89px
}

.page .container .content .example .more .ct .part-left .btn {
	margin-top: 50px;
	font-size: 14px;
	width: 112px
}

.page .container .content .example .more .ct .part-left .white-paper {
	color: #4071ed
}

.page .container .content .example .more .ct .part-right {
	text-align: left;
	margin-left: 25px
}

.page .container .content .example .more .ct .part-right .ant-list {
	margin-left: 25px
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item-meta-avatar {
	width: 70px
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item-meta-avatar img {
	height: 64px;
	margin-right: 16px
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item-meta-title {
	font-size: 14px;
	color: #fff;
	letter-spacing: -.2px;
	margin-bottom: 16px
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item-meta-description {
	font-size: 12px;
	color: #fff;
	letter-spacing: -.17px;
	opacity: .8
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item {
	border-bottom: unset;
	margin-bottom: 74px
}

.page .container .content .example .more .ct .part-right .ant-list .ant-list-item:last-child {
	margin-bottom: 0
}

.page .container .content .progress {
	height: 1000px;
	padding-top: 100px;
	background: #060f47 url(/progress-bg_621fb.png) bottom no-repeat;
	background-size: 80% auto
}

.page .container .content .progress .title {
	font-size: 24px;
	font-weight: 500;
	text-align: left
}

.page .container .content .progress .content .line-title {
	font-size: 16px;
	padding: 25px 0
}

.page .container .content .progress .content .line-title li {
	list-style: none
}

.page .container .content .progress .content .line-title .block {
	color: #50b1cf
}

.page .container .content .progress .content .progress-line {
	margin-left: 12px;
	width: 1180px
}

.page .container .content .progress .content .progress-point {
	margin-top: -28px
}

.page .container .content .progress .content .progress-point img {
	width: 38px
}

.page .container .content .progress .content .progress-vline .len1 {
	height: 492px
}

.page .container .content .progress .content .progress-vline .len1 .item {
	height: 120px
}

.page .container .content .progress .content .progress-vline .len1 .item.long-item {
	height: 135px
}

.page .container .content .progress .content .progress-vline .len2 {
	height: 311.2px
}

.page .container .content .progress .content .progress-vline .len2 .item {
	height: 95px
}

.page .container .content .progress .content .progress-vline .len3 {
	height: 404px
}

.page .container .content .progress .content .progress-vline .len3 .item {
	height: 95px
}

.page .container .content .progress .content .progress-vline .len4 {
	height: 311.2px
}

.page .container .content .progress .content .progress-vline .len4 .item {
	height: 95px
}

.page .container .content .progress .content .progress-vline .vline {
	width: 2px;
	margin-left: 18px;
	margin-top: -18px;
	opacity: .8;
	border: 1px solid rgba(130,207,224,.2)
}

.page .container .content .progress .content .progress-vline .vline .vline-point {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin-left: -4px
}

.page .container .content .progress .content .progress-vline .vline .mt1 {
	margin-top: -410px
}

.page .container .content .progress .content .progress-vline .vline .mt2 {
	margin-top: -229px
}

.page .container .content .progress .content .progress-vline .vline .mt3 {
	margin-top: -325px
}

.page .container .content .progress .content .progress-vline .vline .mt4 {
	margin-top: -229px
}

.page .container .content .progress .content .progress-vline .vline .content {
	width: 250px;
	margin-left: 20px
}

.page .container .content .progress .content .progress-vline .vline .content .item {
	position: relative
}

.page .container .content .progress .content .progress-vline .vline .content .item:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #82d2e3;
	position: absolute;
	top: 7px;
	left: -24px
}

.page .container .content .progress .content .progress-vline .vline .content .item .title {
	color: #82d2e3;
	font-size: 14px;
	margin-bottom: 0
}

.page .container .content .progress .content .progress-vline .vline .content .item .desc {
	font-size: 12px;
	line-height: 1.2
}

.page .container .content .partner {
	height: 750px;
	padding-top: 100px;
	text-align: center;
	background-color: #050c3f
}

.page .container .content .partner .bg1 {
	position: absolute;
	left: 0;
	margin-top: -120px;
	width: 298px
}

.page .container .content .partner .bg2 {
	position: absolute;
	right: 0;
	margin-top: 290px;
	width: 298px
}

.page .container .content .partner .ct img {
	width: 922px
}

.page .container .content .partner div {
	height: 340px
}

.page .container .content .partner div p {
	font-size: 24px;
	font-weight: 500
}

.page .container .content .contact {
	height: 600px;
	padding-top: 185px;
	padding-bottom: 145px;
	background: #050c3f url(/contact-bg_6de9d.png) top no-repeat;
	background-size: 80% auto
}

.page .container .content .contact .content {
	text-align: center;
	margin: 0 auto;
	width: 375px;
	height: 180px;
	font-size: 20px
}

.page .container .content .contact .content img {
	width: 38px
}

.page .container .content .contact .content p {
	font-size: 24px;
	font-weight: 500
}

.page .container .content .contact .content p>a {
	font-size: 16px;
	color: #fff;
	opacity: .8
}

.page .container .content .contact .content .ant-row {
	line-height: 50px
}

.page .container .content .contact .content .ant-row .ant-col-6 {
	text-align: center
}

.page .container .content .contact .content .ant-row .ant-col-6.wechatIcon:hover .contact-qrcode-out {
	display: block
}

.page .container .content .contact .content .ant-row .ant-col-6 .tip {
	position: absolute;
	top: -5px;
	right: 3px;
	width: 55px;
	height: 17px;
	border-radius: 10px;
	background-color: #5c86ef;
	line-height: 18px;
	font-size: 12px;
	text-align: center
}

.page .container .content .contact .content .ant-row .ant-col-6 .contact-qrcode-out {
	display: none;
	width: 128px;
	height: 128px;
	background-color: transparent;
	border-radius: 2px;
	box-shadow: 0 4px 8px 0 hsla(0,0%,78.8%,.5);
	position: absolute;
	top: 65px;
	right: -20px;
	padding-top: 5px;
	text-align: center;
	box-sizing: border-box
}

.page .container .content .contact .content .ant-row .ant-col-6 .contact-qrcode-out:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left: 0;
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translateY(-50%)
}

.page .container .content .contact .content .ant-row .ant-col-6 .contact-qrcode-out img {
	width: 123px;
	height: 123px
}

@media (max-width:768px) {
	.pc-only {
		display: none
	}

	.mobile-only {
		display: unset
	}

	.ct {
		width: unset;
		padding: 50px 40px 40px
	}

	.ReactModal__Overlay {
		z-index: 2048!important
	}

	.ReactModal__Overlay .ril__inner {
		background-color: #131c48
	}

	.ReactModal__Overlay .ril__caption,.ReactModal__Overlay .ril__toolbar {
		background-color: unset
	}

	.ant-modal-content {
		width: 82%;
		left: 9%;
		border-radius: 8px!important
	}

	.ant-popover-inner-content {
		padding: unset!important
	}

	.ant-popover {
		position: fixed!important;
		width: 100%;
		top: 50px!important;
		left: 0;
		padding-top: 0!important;
		z-index: 1001!important
	}

	.ant-popover .ant-popover-inner {
		border-radius: 0
	}

	.ant-popover .ant-popover-inner-content,.ant-popover .lan-menu-mb>.ant-menu {
		color: #fff;
		opacity: .99;
		box-shadow: 0 2px 4px 0 #201738;
		background-color: #050d3f
	}

	.ant-popover .ant-menu-item>a,.ant-popover .ant-menu-item>a:hover {
		color: #fff;
		opacity: .3;
		font-size: 16px
	}

	.ant-popover .ant-popover-arrow {
		display: none
	}

	.ant-popover .ant-menu-inline,.ant-popover .ant-menu-vertical,.ant-popover .ant-menu-vertical-left {
		border-right: unset
	}

	.ant-popover .ant-menu-item-active,.ant-popover .ant-menu-item-selected>a,.ant-popover .ant-menu-item-selected>a:hover,.ant-popover .ant-menu-item:hover,.ant-popover .ant-menu-submenu-active,.ant-popover .ant-menu-submenu-title:hover,.ant-popover .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,.ant-popover .lan-menu-mb .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
		color: #fff;
		opacity: 1!important
	}

	.ant-popover .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
		background-color: unset
	}

	.ant-popover .lan-menu-mb>.ant-menu>li,.ant-popover hr {
		opacity: .3;
		font-size: 16px
	}

	.ant-popover hr {
		width: 92%
	}

	.footer {
		height: 50px
	}

	.page {
		min-width: unset
	}

	.page .container .header {
		min-width: unset;
		width: 100%;
		z-index: 1001
	}

	.page .container .header .ct {
		padding: unset
	}

	.page .container .header .ct .menu-list-mb {
		width: 20px;
		float: right;
		margin: 12.5px 15px
	}

	.page .container .header .logo {
		margin-left: 15px
	}

	.page .container .header .menu li {
		display: none
	}

	.page .container .content .banner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 750px;
		padding-top: 5px;
		background-image: url(/banner-bg-mb_83d64.png);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 750px
	}

	.page .container .content .banner .banner-video {
		display: none
	}

	.page .container .content .banner .container {
		width: unset;
		height: unset;
		font-size: 1.5rem;
		margin: unset
	}

	.page .container .content .banner .container>div {
		margin-top: -50px
	}

	.page .container .content .banner .container p:first-child {
		font-size: 24px
	}

	.page .container .content .banner .container p:last-of-type {
		font-size: 20px;
		padding: 0 40px
	}

	.page .container .content .banner .container .btn-list {
		display: unset;
		justify-content: unset
	}

	.page .container .content .banner .container .btn-list .btn {
		display: block;
		margin: 15px auto;
		width: 60%
	}

	.page .container .content .banner .container .btn-list .white-paper {
		margin-top: 50px!important
	}

	.page .container .content .banner .mouse {
		display: none
	}

	.page .container .content .solution-tec {
		height: unset
	}

	.page .container .content .solution-tec .part1 {
		height: unset;
		padding-top: unset;
		padding-bottom: 0
	}

	.page .container .content .solution-tec .part1 .chain1,.page .container .content .solution-tec .part1 .chain2 {
		display: none
	}

	.page .container .content .solution-tec .part1 .chain-mb {
		position: absolute;
		width: 146px;
		right: 0;
		margin-top: 40px
	}

	.page .container .content .solution-tec .part1 .text .title {
		height: unset;
		font-size: 20px
	}

	.page .container .content .solution-tec .part1 .text .desc {
		width: unset;
		margin-top: 20px;
		text-align: left
	}

	.page .container .content .solution-tec .part1 .text .but {
		margin-top: 20px
	}

	.page .container .content .solution-tec .part1 .card-container {
		display: none
	}

	.page .container .content .solution-tec .part1 .ant-list-split .ant-list-item {
		margin: 5px 0;
		border-bottom: 1px solid #212761
	}

	.page .container .content .solution-tec .part1 .ant-list-split .ant-list-item i {
		position: absolute;
		right: 0;
		color: #5694ed
	}

	.page .container .content .solution-tec .part1 .ant-list-split .ant-list-item:last-child {
		border-bottom: 1px solid #212761
	}

	.page .container .content .solution-tec .part2 {
		height: unset;
		padding-top: unset;
		padding-bottom: 40px;
		background: unset
	}

	.page .container .content .solution-tec .part2 .title {
		font-size: 20px
	}

	.page .container .content .solution-tec .part2 .content {
		display: unset
	}

	.page .container .content .solution-tec .part2 .content img {
		width: 100%;
		margin-right: unset
	}

	.page .container .content .solution-tec .part2 .content .ant-avatar-img img {
		width: 30px!important
	}

	.page .container .content .solution-tec .part2 .content .mobile-only {
		margin-top: 20px
	}

	.page .container .content .solution-tec .part2 .content .ant-list {
		width: unset;
		margin-left: unset;
		margin-top: 20px
	}

	.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item {
		padding-top: 10px;
		padding-bottom: 0
	}

	.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item .ant-list-item-meta-content {
		padding-bottom: 10px
	}

	.page .container .content .solution-tec .part2 .content .ant-list .ant-list-item .ant-list-item-meta-avatar img {
		width: 32px
	}

	.page .container .content .solution-tec .part2 .carousel .car-page .panel:hover {
		transition: unset;
		transform: unset
	}

	.page .container .content .solution-tec .part2 .carousel .slick-list {
		margin-top: -30px
	}

	.page .container .content .solution-tec .part3 {
		height: unset
	}

	.page .container .content .solution-tec .part3 .ct {
		padding: 40px
	}

	.page .container .content .solution-tec .part3 .ct .title {
		font-size: 20px
	}

	.page .container .content .solution-tec .part3 .ct .desc {
		text-align: left
	}

	.page .container .content .example {
		height: unset
	}

	.page .container .content .example .jnb {
		height: unset;
		padding: unset
	}

	.page .container .content .example .jnb .bg1,.page .container .content .example .jnb .bg2 {
		display: none
	}

	.page .container .content .example .jnb .title {
		font-size: 20px
	}

	.page .container .content .example .jnb .sub-title {
		font-size: 16px;
		font-weight: 500
	}

	.page .container .content .example .jnb .desc {
		padding: unset;
		text-align: left
	}

	.page .container .content .example .jnb img {
		width: 100%;
		margin-top: 20px
	}

	.page .container .content .example .more {
		height: unset;
		display: unset
	}

	.page .container .content .example .more .ct {
		display: unset
	}

	.page .container .content .example .more .ct>div {
		width: unset
	}

	.page .container .content .example .more .ct .part-left {
		text-align: justify;
		margin-right: 0;
		padding: 20px 40px
	}

	.page .container .content .example .more .ct .part-left .title {
		font-size: 20px;
		margin-bottom: 20px;
		text-align: left
	}

	.page .container .content .example .more .ct .part-left .desc {
		margin-bottom: 0;
		text-align: left
	}

	.page .container .content .example .more .ct .part-left .btn {
		display: none
	}

	.page .container .content .example .more .ct hr {
		display: block;
		width: 80%;
		opacity: .2
	}

	.page .container .content .example .more .ct .part-right {
		padding: 20px 40px;
		margin-left: 0
	}

	.page .container .content .example .more .ct .part-right .example-more-bg-mb {
		position: absolute;
		margin-left: -40px;
		width: 100%
	}

	.page .container .content .example .more .ct .part-right .ant-list {
		margin-left: 0
	}

	.page .container .content .example .more .ct .part-right .ant-list .ant-list-item-meta-avatar>img {
		width: unset
	}

	.page .container .content .example .more .ct .part-right .ant-list .ant-list-item {
		margin-bottom: 0
	}

	.page .container .content .progress {
		display: none
	}

	.page .container .content .partner {
		height: unset;
		padding-top: unset
	}

	.page .container .content .partner .bg1,.page .container .content .partner .bg2 {
		display: none
	}

	.page .container .content .partner .ct {
		padding: 20px 20px 40px
	}

	.page .container .content .partner div {
		height: unset
	}

	.page .container .content .partner div .title {
		font-size: 20px
	}

	.page .container .content .partner div p {
		margin-top: 1.5em
	}

	.page .container .content .partner div .ant-row img {
		width: 100%
	}

	.page .container .content .contact {
		height: unset;
		padding: 40px 0;
		background: unset;
		background-color: #050c3f
	}

	.page .container .content .contact .content {
		width: 100%
	}

	.page .container .content .contact .content .title {
		font-size: 20px!important
	}

	.page .container .content #contact>div>div>div:nth-child(3)>.contact-qrcode-out {
		top: -140px!important;
		right: -10px!important
	}

	.page .container .content #contact>div>div>div:nth-child(4)>.contact-qrcode-out {
		top: -140px!important;
		right: 0!important
	}
}  /* i i s 7 . c o m */