@media screen and (min-width: 1024px) {.brainpp-banner {
	height: 450px;
	background-size: auto 100%;
}}
@media screen and (max-width: 1024px) {.brainpp-banner {
	height: 450px;
	background-size: auto 100% !important;
}}
.brainpp-banner .page-content {
	padding-top: 149px
}

.brainpp-banner .brainpp-banner-title {
	margin-bottom: 8px;    text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	font-family: PingFangSC-Semibold,PingFang SC
}
@media screen and (min-width: 1024px) {.brainpp-banner .brainpp-banner-title sup {
	line-height: 28px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	font-family: PingFangSC-Semibold,PingFang SC
}

.brainpp-banner .brainpp-banner-description {
	width: 100%;    text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	font-family: PingFangSC-Regular,PingFang SC
}

.brainpp-banner.brainpp-banner-en .brainpp-banner-description {
	width: 1000px;
	text-align: justify
}
}
@media screen and (max-width: 1024px) {.brainpp-banner .brainpp-banner-title sup {
	line-height: 28px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	font-family: PingFangSC-Semibold,PingFang SC
}

.brainpp-banner .brainpp-banner-description {
	width: 90%;    text-align: center;
	line-height: 28px; margin:0px auto;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-family: PingFangSC-Regular,PingFang SC
}

.brainpp-banner.brainpp-banner-en .brainpp-banner-description {
	width: 1000px;
	text-align: justify
}
}

@media screen and (max-width:767px) {
	.brainpp-banner {
		margin-top: .44rem;
		height: 2.4rem;
		
	}

	.brainpp-banner .page-content {
		padding-top: 0;
		height: 100%;
		justify-content: center;
		align-items: center
	}

	.brainpp-banner .brainpp-banner-title {
		line-height: .28rem; width:100%; padding-top:24px;
		font-size: .2rem;
		text-align: center
	}

	.brainpp-banner .brainpp-banner-title sup {
		line-height: .2rem;
		font-size: .14rem
	}

	.brainpp-banner .brainpp-banner-description {
	
	}

	.brainpp-banner .brainpp-banner-button {
		text-align: center
	}
}

@media screen and (min-width: 1024px) {.characteristic-list{margin-top:-140px;display:flex;    padding: 24px; border-radius: 0px; background: #fff;justify-content:space-between;    box-shadow: 0 0 11px #000;border: 1px solid #fff;}
.characteristic-list .characteristic-item{width:290px;text-align:center;margin-right:80px;flex:1}
.characteristic-list .characteristic-item:last-child{margin-right:0}
.characteristic-list .characteristic-item .characteristic-img{width:80px;height:90px;margin:0 auto;display:inline-block}
.characteristic-item-title{margin:12px auto 0;line-height:28px;font-size:18px;font-weight:700;color:#333}
.characteristic-introduce{margin:16px auto 0;line-height:24px;font-size:14px;color:#666}#mobile{display:none}
}
@media screen and (max-width: 1024px) {.characteristic-list{margin-top:40px;padding: 24px; border-radius: 20px; justify-content:space-between}
.characteristic-list .characteristic-item{width:90%;text-align:center;margin:0px auto;flex:1}
.characteristic-list .characteristic-item:last-child{margin-right:0}
.characteristic-list .characteristic-item .characteristic-img{width:80px;height:90px;margin:0 auto;display:inline-block}
.characteristic-item-title{margin:12px auto 0;line-height:28px;font-size:18px;font-weight:700;color:#333}
.characteristic-introduce{margin:16px auto 0;line-height:24px;font-size:14px;color:#666}
}



.gegeqi01{ color:#349bf1; font-size:44px; font-weight:100; line-height:200%;}

/* 4 */
.serJszcBox {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #f0f7ff;
}

.serJszc {
    position: relative;
    z-index: 7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (min-width: 1024px) {.serJsItem {
    width: calc(33.33% - 10px);
    margin-bottom: 15px;
    padding: 30px;
    background: #ececec;
    border-radius: 3px;
    position: relative;

}}
@media screen and (max-width: 1024px) {.serJsItem {
    width: calc(100% - 10px);
    margin-bottom: 15px;
    padding: 30px;
    background: #ececec;
    border-radius: 3px;
    position: relative;

}}


.serJsItem::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-image: url(../images/serJs_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all.48s;
}

.serJsText {
    position: relative;
    top: 0;
    z-index: 2;
    margin-top: 35px;
    min-height: 92px;
    transition: all.48s;
}

.serJsText span {
    display: block;
    font-size: 18px;
    color: #006fed;
    margin-bottom: 10px;
    transition: all.48s;
}

.serJsText p {
    font-size: 14px; line-height:200%;
    transition: all.48s;
}

@media screen and (min-width: 1024px) {.serJsImg {
    left: 30px;
    top: 30px;
    z-index: 2;
    transition: all.48s;
}

.serJsImg img {
    width: 330px;
}}
@media screen and (max-width: 1024px) {.serJsImg {
    left: 30px;
    top: 30px;
    z-index: 2;
    transition: all.48s;
}

.serJsImg img {
    width: 100%;
}}


.serJsItem:hover::after {
    opacity: .68;
    transition: all.48s;
}

.serJsItem:hover .serJsImg {
    opacity: 0;
    transition: all.48s;
}

.serJsItem:hover .serJsText {
    margin-top: 0;
    transition: all.48s;
}

.serJsItem:hover .serJsText span {
    color: #fff;
    transition: all.48s;
}

.serJsItem:hover .serJsText p {
    color: #fff;
    overflow: initial;
    transition: all.48s;
}

.jingli01{ font-weight:100; font-size:14px; line-height:200%;}
.jingli02{ font-weight:800; font-size:14px; line-height:200%;}
.jingli03{ clear:both; height:4px;}

.solution-banner-container {
	height:450px;    background-size: cover;
	padding-top:134px;
	background-color:#000;
	background-position:center;
	background-repeat:no-repeat
}

.solution-banner-container .solution-banner-content {
	color:#fff;
	margin:-10px auto 0
}

.solution-banner-container .solution-banner-content .solution-banner-title {
	font-size:32px;
	line-height:60px;
	font-weight:600;
	text-align:left;
	margin-bottom:12px
}

.solution-banner-container .solution-banner-content .solution-banner-desc {
	width:612px;
	font-size:16px;
	line-height:22px;
	text-align:left;
	margin-bottom:32px
}

.solution-banner-container .btn-container .button:first-child {

}

@media screen and (max-width:767px) {
	.solution-banner-container {
		width:100%;
		height:initial;
		padding-bottom:.48rem;
		padding-top:.93rem
	}

	.solution-banner-container .solution-banner-content {
		color:#fff;
		width:100%;
		margin:0 auto;
	}

	.solution-banner-container .solution-banner-content .solution-banner-title {
		margin-bottom:.14rem;
		font-size:.24rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:500;
		text-align:center;
		color:#fff;
		line-height:.33rem
	}

	.solution-banner-container .solution-banner-content .solution-banner-desc {
		width:3.17rem;
		text-align:left;
		font-size:.14rem;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:#fff;
		line-height:.24rem;
		margin:0 auto
	}
    .solution-banner-container .solution-banner-content .btn-container{margin-top:10px;}
}

.algorithm-intro-container {
	position:relative;
	background-color:#fff
}

.algorithm-intro-container .intro-tab-header-fixed {
	background-color:#fff;
	min-width:1240px;
	box-shadow:0 2px 10px 0 rgba(10,35,73,.09);
	top:0!important
}

.bg-ele-fixed-top {
	position:fixed!important;
	top:96px!important
}

.intro-tab-header .tab-content {
	position:relative
}

.intro-tab-header .tab-container {
	display:flex;
	align-items:flex-end;
	position:relative
}

.intro-tab-header .tab-content:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-66px;
	height:66px;
	background:linear-gradient(180deg,#0e57a2 0,rgba(14,87,162,0) 100%)
}

.algorithm-intro-container .intro-tab-header {
	position:relative;
}

.algorithm-intro-container .intro-tab-header .item {
	flex:1;
	border-radius:1px;
	border-right:1px solid #cfddec;
	height:68px;
	padding:0 40px;
	text-align:center;
	background-color:#fff;
	color:#333;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	transition:width,color,background-image .1s linear
}

.algorithm-intro-container .item .icon {
	width:24px;
	height:24px
}

.algorithm-intro-container .item .title {
	font-size:16px;
	font-weight:600;
	line-height:28px;
	margin-top:4px;
	position:relative;
	display:inline-block;
	height:auto;
	width:100%
}

.algorithm-intro-container .item-en .title {
	font-size:14px!important;
	line-height:18px!important
}

.algorithm-intro-container .item:hover {
	color:#0e57a2
}

.algorithm-intro-container .intro-tab-header .active {
	color:#fff;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/intro-active.ebdf89c5.jpg);
	border:0!important
}

.algorithm-intro-container .active .icon {
	width:48px;
	height:48px
}

.algorithm-intro-container .active .title {
	font-size:16px;
	font-weight:600;
	line-height:32px;
	margin-top:4px;
	color:#fff!important;
	width:100%
}

.algorithm-intro-container .active .title:before {
	right:-20px
}

.algorithm-intro-container .active .title:after {
	left:-20px
}

.algorithm-intro-container .intro .content-bg img {
	position:absolute;
	width:1160px;
	margin:auto;
	height:520px
}

.algorithm-intro-container .intro {
	padding-bottom:-30px;
	position:relative
}

.algorithm-intro-container .intro .content .desc {
	font-size:16px;
	font-weight:500;
	color:#fff;
	line-height:28px;
	margin:0 188px 48px;
	text-align:center;
	position:relative
}

.algorithm-intro-container .intro .content {
	position:relative;
	top:14px
}

.algorithm-intro-container .intro-card-container {
	margin:0 0 30px 16px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}

.algorithm-intro-container .intro-card-container .card-item {
	margin-right:16px;
	margin-bottom:16px
}

.algorithm-intro-container .intro-card-container .adv-card,.algorithm-intro-container .intro-card-container .card-item {
	background-color:#fff;
	border-radius:1px;
	border:1px solid rgba(208,208,208,.4);
	height:400px;
	width:365px;
	position:relative;
	transition:all .1s linear
}

.algorithm-intro-container .intro-card-container .card-item .pic {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:200px;
	width:100%;
	background-size:100% 100%;
	transition:all .1s linear
}

.algorithm-intro-container .intro-card-container .card-content {
	padding:36px 24px 24px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all .1s linear
}

.algorithm-intro-container .intro-card-container .adv-card .title,.algorithm-intro-container .intro-card-container .card-content .title {
	position:relative;
	font-size:20px;
	color:#349bf1;
	line-height:28px;
	margin-bottom:16px
}

.algorithm-intro-container .intro-card-container .adv-card .title:after,.algorithm-intro-container .intro-card-container .adv-card .title:before,.algorithm-intro-container .intro-card-container .card-content .title:after,.algorithm-intro-container .intro-card-container .card-content .title:before {
	content:"";
	position:absolute;
	top:-4px;
	height:37px;
	transform:skew(-10deg)
}

.algorithm-intro-container .intro-card-container .card-content .title:before {
	left:-15px;
	width:6px;
	
}

.algorithm-intro-container .intro-card-container .card-content .title:after {
	left:-10px;
	right:0;
	opacity:.15;
	/*background-image:linear-gradient(255deg,rgba(37,144,242,0) 3%,#cecece 100%)*/
}

.algorithm-intro-container .intro-card-container .card-item .card-content .card-desc {
	font-size:14px;
	color:#666;
	line-height:24px;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	height:100px;
	position:relative
}

.algorithm-intro-container .intro-card-container .card-item .card-content {
	transition:all .1s linear
}

.algorithm-intro-container .intro-card-container .adv-card {
	margin:0;
	padding:32px 24px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border:0
}

.algorithm-intro-container .intro-card-container .adv-card .title:before {
	background-image:linear-gradient(140deg,#349bf1 0,rgba(37,144,242,.28) 100%);
	left:-15px;
	width:6px
}

.algorithm-intro-container .intro-card-container .adv-card .title:after {
	left:-10px;
	right:0;
	opacity:.15;
	background-image:linear-gradient(255deg,rgba(37,144,242,0) 3%,#349bf1 100%)
}

.algorithm-intro-container .intro-card-container .adv-card .card-desc {
	overflow:visible;
	text-overflow:initial;
	white-space:initial;
	font-size:14px;
	color:#666;
	line-height:24px
}

.algorithm-intro-container .intro-card-container .adv-card .card-desc li {
	margin-top:8px;
	position:relative;
	padding-left:15px
}

.algorithm-intro-container .intro-card-container .adv-card .card-desc li::before {
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:7px;
	height:6px;
	background-color:rgba(37,144,242,.5);
	transform:skew(-10deg)
}

.algorithm-intro-container .intro-card-container .card-adv-1 {
	width:746px;
	background-image:url(../images/default-card-l.a797b95a.jpg)
}

.algorithm-intro-container .intro-card-container .card-adv-2 {
	background-image:url(../images/default-card-s.e63a4ed2.jpg)
}

@media screen and (min-width:768px) {
	.algorithm-intro-container .intro-card-container .card-item:hover {
		box-shadow:0 0 10px 0 rgba(10,35,73,.3)
	}

	.algorithm-intro-container .intro-card-container .card-item:hover .pic {
		box-shadow:0 100px 100px 0 rgba(255,255,255) inset
	}

	.algorithm-intro-container .intro-card-container .card-item:hover .card-content .card-desc {
		overflow:visible;
		text-overflow:initial;
		-webkit-line-clamp:initial;
		-webkit-box-orient:initial;
		font-size:14px;
		color:#666;
		line-height:24px
	}
}

@media screen and (max-width:767px) {
	.intro-tab-header {
		position:relative
	}

	.intro-tab-header .tab-content {
		display:flex;
		align-items:flex-end;
		position:relative;
		width:100%;
		overflow-y:auto;
		height:initial
	}

	.algorithm-intro-container .intro .content,.algorithm-intro-container .intro .content-bg img,.algorithm-intro-container .intro-tab-header {
		top:0
	}

	.algorithm-intro-container .intro-tab-header .item {
		height:.48rem;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0 .21rem;
		border-radius:initial
	}

	.algorithm-intro-container .intro-tab-header .active .title {
		font-weight:700
	}

	.algorithm-intro-container .item .title {
		white-space:nowrap;
		font-size:.14rem;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:#0e57a2
	}

	.algorithm-intro-container .active .title:after,.algorithm-intro-container .active .title:before {
		width:0
	}

	.intro-tab-header .tab-content:after {
		content:"";
		position:absolute;
		left:0;
		right:0;
		width:0;
		height:0;
		background:linear-gradient(180deg,#0e57a2 0,rgba(14,87,162,0) 100%)
	}

	.algorithm-intro-container .intro .content-bg img {
		width:100vw
	}

	.algorithm-intro-container .intro .content .desc {
		margin:0;
		padding:.48rem .24rem .24rem;
		font-size:.14rem;
		font-weight:400;
		color:#fff;
		line-height:.24rem;
		text-align:left
	}

	.algorithm-intro-container .intro .content {
		padding-bottom:.24rem
	}

	.algorithm-intro-container .intro-card-container .adv-card,.algorithm-intro-container .intro-card-container .card-item {
		width:100vw;
		margin:0 0 .24rem;
		height:370px;
	}
    .algorithm-intro-container .intro-card-container .card-item{height:auto;}

	.algorithm-intro-container .intro-card-container .card-content {
		padding:.16rem .16rem 0;
		position:initial
	}

	.algorithm-intro-container .intro-card-container .adv-card .title,.algorithm-intro-container .intro-card-container .card-content .title {
		display:flex;
		align-items:center;
		font-size:.18rem;
		font-weight:700;
		margin-bottom:.08rem;
	}

	.algorithm-intro-container .intro-card-container .adv-card .title:after,.algorithm-intro-container .intro-card-container .adv-card .title:before,.algorithm-intro-container .intro-card-container .card-content .title:after,.algorithm-intro-container .intro-card-container .card-content .title:before {
		height:.26rem;
		top:0
	}

	.algorithm-intro-container .intro-card-container .card-item .card-content .card-desc {
		font-size:.14rem;
		line-height:.18rem;
		padding-bottom:1.8rem;
		height:initial;
		display:block
	}

	.algorithm-intro-container .intro-card-container .card-item .pic {
		height:1.7rem;
		background-size:100% 100%
	}

	.card-adv-1 {
		display:none
	}

	.mobile-mask {
		position:absolute;
		top:0;
		left:calc(100vw - .94rem);
		width:.94rem;
		height:.48rem;
		background:linear-gradient(270deg,#cfddec 0,#d4e1ee 18%,rgba(236,242,248,0) 100%)
	}

	.algorithm-intro-container .intro-card-container {
		width:100vw;
		margin:0;
		padding:0 .24rem
	}
}

.algorithm-adv-bar-contianer {
	height:366px;
	color:#fff;
	text-align:center;
	padding:72px;
	background-color:#0a2349;
	background-position:center;
	background-repeat:no-repeat;
	background-size:1240px 366px
}

.algorithm-adv-bar-contianer .title {
	font-size:32px;

	font-weight:500;
	line-height:60px;
	margin-bottom:8px
}

.algorithm-adv-bar-contianer .desc {
	font-size:18px;
	font-weight:500;
	line-height:24px;
	margin-bottom:64px
}

.mobile-algorithm-adv-bar-contianer {
	display:none!important
}

@media screen and (max-width:767px) {
	.pc-algorithm-adv-bar-contianer {
		display:none!important
	}

	.mobile-algorithm-adv-bar-contianer {
		display:block!important
	}

	.algorithm-adv-bar-contianer {
		width:100vw;
		height:2.2rem;
		padding:.46rem 0 0;
		background-size:cover
	}

	.algorithm-adv-bar-contianer .title,.button {
		font-size:.16rem;
		line-height:.28rem;
		font-weight:500;
		font-family:PingFangSC-Medium,PingFang SC
	}

	.algorithm-adv-bar-contianer .desc {
		font-size:.12rem;
		margin-bottom:.24rem;
		line-height:.2rem
	}

	.button {
		width:1.54rem;
		height:.3rem;
		background:rgba(255,255,255,1);
		border-radius:1px;
		    border: 1px solid rgba(14,87,162,.2);
		font-size:.14rem;
		line-height:.3rem
	}
}

.algorithm-contact-us-container {
	height:260px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:1240px 260px;
	background-color:#ecf2f8;
	overflow:hidden
}

.algorithm-contact-us-container .page-content {
	position:relative;
	color:#333;
	text-align:center;
	min-width:1160px;
	height:100%;
	overflow:hidden
}

.algorithm-contact-us-container .content {
	position:absolute;
	right:-890px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	top:0;
	bottom:0;
	height:260px;
	width:813px;
	transition:all .5s;
	opacity:0
}

.divNone {
	display:none!important
}

.algorithm-contact-us-container .content.show-out {
	opacity:1;
	transform:translateX(-850px)
}

.algorithm-contact-us-container .page-content .mobile-info-none,.mobile-info {
	display:none
}

@media screen and (max-width:767px) {
	.algorithm-contact-us-container {
		background-size:cover;
		height:1.48rem;
		background-position:-80px
	}

	.algorithm-contact-us-container .page-content {
		min-width:100vw;
		height:1.48rem
	}

	.algorithm-contact-us-container .content {
		position:absolute;
		right:0;
		background:0 0;
		top:0;
		bottom:0;
		transition:all .5s;
		opacity:0;
		right:-2rem;
		height:1.48rem;
		width:100vw
	}

	.algorithm-contact-us-container .content.show-out {
		opacity:1;
		transform:translateX(-100px)
	}

	.mobile-info {
		display:flex;
		flex-direction:column;
		padding-top:.35rem
	}

	.mobile-info p {
		font-size:.14rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:500;
		color:#333;
		line-height:.24rem;
		margin-bottom:.12rem
	}

	.mobile-info .number {
		font-size:.13rem;
		font-family:PingFangSC-Semibold,PingFang SC;
		font-weight:600;
		color:#0e57a2;
		line-height:.19rem
	}
}


@media screen and (max-width: 1024px) {
    .characteristic-list .characteristic-item{margin:0 auto !important;}
}