@charset "utf-8";

html,
body {
	font-family: "Helvetica", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif;
	overflow-x: hidden;
}

body,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
em,
strong,
a,
button {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding-top: 90px;
}

ul,
ol {
	list-style: none;
}

img {
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: inherit;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

textarea {
	resize: none;
}

em,
i {
	font-style: normal;
}

i {
	display: inline-block;
}

.max_img img {
	max-width: 100%;
}

.full {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.wrap1920 {
	max-width: 1920px;
	margin: 0 auto;
}

.wrap1400 {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.wrap1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}


.o1 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.o2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o5 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o6 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o7 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.o8 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.clearfix:after {

	content: "";

	display: block;

	visibility: hidden;

	clear: both;

}

.fl {
	float: left;
}

.fr {
	float: right;
}

.common-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	z-index: 999;
}

.common-header .wrap1400 {
	height: 90px;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
}
.common-header .wrap1400 .logo img{
	height: 45px;
}

.common-header .wrap1400 .nav{
	margin-left: 50px;
}

.common-header .wrap1400 .nav ul {
	display: flex;
}

.common-header .wrap1400 .nav ul li {
	padding: 0 6px;
	line-height: 30px;
	font-size: 22px;
	color: #505050;
	position: relative;
}

.common-header .wrap1400 .nav ul li+li {
	margin-left: 43px;
}

.common-header .wrap1400 .nav ul li.active,
.common-header .wrap1400 .nav ul li:hover {
	color: #0052D9;
	font-weight: bold;
}

.common-header .wrap1400 .nav ul li.active::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	background: #0052D9;
	border-radius: 28px 28px 28px 28px;
	opacity: 1;
	left: 0;
	top: 56px;
}

.common-header .wrap1400 .contact-us {
	width: 88px;
	line-height: 30px;
	background: #0052D9;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.index-banner {
	background-image: url(../img/Group9530.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.index-banner .wrap1400 {
	display: flex;
	height: 575px;
}

.index-banner .wrap1400 .banner-txt {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index-banner .wrap1400 .banner-txt .banner-txt-logo {
	height: 62px;
	background-repeat: no-repeat;
	background-image: url(../img/Frame2451.png);
}

.index-banner .wrap1400 .banner-txt .banner-txt-title {
	font-size: 64px;
	font-family: PangMenZhengDao-Regular, PangMenZhengDao;
	font-weight: 400;
	color: #2F2F2F;
	line-height: 75px;
	margin-top: 60px;
}

.index-banner .wrap1400 .banner-txt .banner-txt-content {
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	font-size: 26px;
	color: #2F2F2F;
	line-height: 39px;
	margin-top: 10px;
}
.index-banner .wrap1400 .banner-txt .banner-links{
	display: flex;
	padding: 20px 0;
}
.index-banner .wrap1400 .banner-txt .banner-links .left {
	display: block;
	width: 136px;
	line-height: 46px;
	background: #0052D9;
	box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.15);
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	cursor: pointer;
}

.index-banner .wrap1400 .banner-txt .banner-links .right {
	display: block;
	width: 136px;
	height: 46px;
	box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.15);
	border-radius: 6px 6px 6px 6px;
	border: 2px solid #0052D9;
	text-align: center;
	line-height: 42px;
	box-sizing: border-box;
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #0052D9;
	cursor: pointer;
	margin-left: 20px;
}
.index-banner .wrap1400 .banner-txt .more {
	width: 188px;
	height: 50px;
	border-radius: 6px 6px 6px 6px;
	border: 2px solid #2F2F2F;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #2F2F2F;
	margin-top: 30px;
	cursor: pointer;
}

.index-banner .wrap1400 .banner-img {
	width: 611px;
	background-image: url(../img/未标题-41.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.index-common-title {
	position: relative;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

.index-common-title::before {
	content: '';
	display: none;
	position: absolute;
	right: 300px;
	top: 50%;
	transform: translateY(-50%);
	width: 363px;
	height: 2px;
	opacity: 1;
	background-image: linear-gradient(112deg, rgba(137, 67, 193, 1), rgba(72, 186, 255, 1), rgba(24, 167, 224, 1));
}

.index-common-title::after {
	content: '';
	display: none;
	position: absolute;
	left: 300px;
	top: 50%;
	transform: translateY(-50%);
	width: 363px;
	height: 2px;
	opacity: 1;
	background-image: linear-gradient(292deg, rgba(137, 67, 193, 1), rgba(72, 186, 255, 1), rgba(24, 167, 224, 1));
}

.index-common-title .cn {
	font-size: 40px;
	font-family: Microsoft PhagsPa-Bold, Microsoft PhagsPa;
	font-weight: bold;
	color: #505050;
	line-height: 47px;
	letter-spacing: 4px;
}

.index-common-title .eg {
	font-size: 28px;
	font-family: Glory-Regular, Glory;
	font-weight: 400;
	color: #505050;
	line-height: 33px;
}

.index-common-introduce {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #7E7E7E;
	line-height: 36px;
	text-align: center;
	margin-top: 19px;
}

.index-areas-covered {
}

.index-data-governance {
	margin-top: 87px;
}

.index-device-connection {
	margin-top: 80px;
	padding-top: 57px;
	padding-bottom: 50px;
	background: #F3F5F8
}

.index-device-connection .device-connection-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
	padding-left: 50px;
}

.device-connection-list .item {
	width: 260px;
	height: 176px;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	border-radius: 12px 12px 12px 12px;
	margin-right: 50px;
	display: flex;
	align-items: center;
	padding: 30px 25px;
	box-sizing: border-box;
	transform: scale(1);
	transition: all .5s;
}

.device-connection-list .item:hover {
	transform: scale(1.05);
}

.device-connection-list .item:nth-child(n+5) {
	margin-top: 36px;
}

.device-connection-list .item .title {
	width: 26px;
	font-size: 26px;
	font-family: Montserrat-ExtraBold, Montserrat;
	font-weight: 800;
	color: #0052D9;
	line-height: 29px;
	padding-right: 9px;
	border-right: 2px solid #0052D9;
	position: relative;
}

.device-connection-list .item .content {
	font-size: 18px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #5F5F5F;
	line-height: 20px;
	margin-left: 10px;
	word-break: break-all;
}

.index-core-features {
	margin-top: 57px;
}

.core-features-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 60px;
}

.core-features-list .item {
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	border-radius: 12px 12px 12px 12px;
	box-sizing: border-box;
	padding: 3px;
	cursor: pointer;
	transform: scale(1);
	transition: all .5s;
}

.core-features-list .item.active,
.core-features-list .item:hover {
	background-image: linear-gradient(to right, #0052D9, #0052D9);
	transform: scale(1.05);
}

.core-features-list .item .item-box {
	width: 265px;
	height: 422px;
	padding: 153px 37px 0;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 12px;
	background-position: center 62px;
	background-repeat: no-repeat;
	text-align: center;
}

.core-features-list .item+.item {
	margin-left: 39px;
}

.core-features-list .item .item-box .item-title {
	padding-bottom: 19px;
	border-bottom: 2px solid #dbdbdb;
	background-repeat: no-repeat;
}

.core-features-list .item:nth-child(1) .item-box {
	background-image: url(../img/v11.png);
}

.core-features-list .item:nth-child(2) .item-box {
	background-image: url(../img/v12.png);
}

.core-features-list .item:nth-child(3) .item-box {
	background-image: url(../img/v13.png);
}

.core-features-list .item:nth-child(4) .item-box {
	background-image: url(../img/v14.png);
}

.core-features-list .item.active .item-box .item-title {
	border-image: linear-gradient(to right, #8845C2, #19A7E0) 3 3;
}

.core-features-list .item .item-box .item-title .main-title {
	font-size: 30px;
	font-family: Montserrat-ExtraBold, Montserrat;
	font-weight: 800;
	color: #0052D9;
	line-height: 33px;
}

.core-features-list .item .item-box .item-title .sub-title {
	font-size: 24px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #5F5F5F;
	line-height: 26px;
	margin-top: 6px;
}

.core-features-list .item .item-box .item-introduce {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 30px;
	margin-top: 30px;
}

.areas-covered-list {
	margin: 80px auto 0;
	display: flex;
	min-width: 1400px;
}

/* @media screen and (max-width:1920px) {
	.areas-covered-list {
		min-width: 1400px;
	}

	.areas-covered-list .item {
		height: 493px;
	}
}

@media screen and (min-width:1920px) {
	.areas-covered-list {
		width: 1920px;
	}

	.areas-covered-list .item {
		height: 676px;
	}
} */

.areas-covered-list .item {
	flex: 1;
	position: relative;
	transition: all .5s;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transition: all .5s;
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
}
.areas-covered-list .item + .item{
	margin-left: 40px;
}
.areas-covered-list .item .img img{
	width: 100%;
}
.areas-covered-list .item .mask {
	box-sizing: border-box;
	padding: 40px 33px;
	display: flex;
}


.areas-covered-list .item .mask .title {
	width: 27px;
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #0052D9;
	line-height: 29px;
	position: relative;
	padding-left: 0;
	padding-right: 9px;
	transition: all .5s;
}

.areas-covered-list .item .mask .title::before {
	content: '';
	position: absolute;
	left: 36px;
	top: 0;
	width: 3px;
	height: 67px;
	background: #0052D9;
	transition: all .5s;
}


.areas-covered-list .item .mask .content {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #929292;
	line-height: 30px;
	margin-left: 18px;
	/* display: none; */
	/* transition: all .5s .5s; */
}



.index-bottom-banner {
	height: 190px;
	background-image: url(../img/Frame2458.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-top: 60px;
	background-color: #000612;
}

.index-bottom-banner .title {
	padding-top: 13px;
	font-size: 64px;
	font-family: PangMenZhengDao-Regular, PangMenZhengDao;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 75px;
	text-align: center;
}

.index-bottom-banner .btns {
	display: flex;
	justify-content: center;
	margin-top: 23px;
}

.index-bottom-banner .btns .btn {
	width: 136px;
	background: linear-gradient(112deg, #8943C1 0%, #48BAFF 62%, #18A7E0 100%);
	box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.15);
	border-radius: 6px 6px 6px 6px;
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 46px;
	text-align: center;
}

.index-bottom-banner .btns .btn+.btn {
	margin-left: 60px;
}

.index-data-map {
	position: relative;
	width: 1489px;
	height: 1210px;
	margin: 60px auto 0;
	background-image: url(../img/d2.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	transition: all .5s;
}

.index-data-map.active {
	-webkit-filter: grayscale(0%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}

.index-data-map .img {
	width: 452px;
	height: 263px;
	position: absolute;
	opacity: 0;
	transform: scale(0);
}

.index-data-map.active .img {
	opacity: 1;
	transform: scale(1);
}

.index-data-map .img:nth-child(1) {
	left: 72px;
	top: 113px;
	background-image: url(../img/c1.png);
	transition: all 1s;
}

.index-data-map .img:nth-child(2) {
	left: 581px;
	top: -57px;
	background-image: url(../img/c2.png);
	transition: all 1s 1s;
}

.index-data-map .img:nth-child(3) {
	left: 1049px;
	top: 154px;
	background-image: url(../img/c3.png);
	transition: all 1s 2s;
}

.index-data-map .img:nth-child(4) {
	left: 784px;
	top: 535px;
	background-image: url(../img/c4.png);
	transition: all 1s 3s;
}

.common-footer {
	background-color: #fff;
	padding-top: 84px;
	padding-bottom: 30px;
}

.common-footer .footer-box {
	display: flex;
	justify-content: space-between;
	padding-bottom: 83px;
	border-bottom: 1px dashed #656565;
}

.common-footer .footer-box .left .logo img {
	height: 62px;
	margin-left: -30px;
}

.common-footer .footer-box .left .title {
	font-size: 28px;
	font-family: PangMenZhengDao-Regular, PangMenZhengDao;
	font-weight: 400;
	color: #505050;
	line-height: 33px;
	margin-top: 13px;
}
.common-footer .footer-box .center  img {
	height: 120px;
}
.common-footer .footer-box .right {
	display: flex;
}

.common-footer .footer-box .right .list+.list {
	margin-left: 100px;
}

.common-footer .footer-box .right .list .title {
	font-size: 26px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #505050;
	line-height: 30px
}

.common-footer .footer-box .right .list p {
	font-size: 16px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #505050;
	line-height: 19px;
	margin-top: 14px;
}

.copyright {
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #4A4A4A;
	line-height: 22px;
	padding: 30px 0;
	text-align: center;
}

.case-page-box .color-title {
	font-size: 36px;
	font-family: Microsoft PhagsPa-Bold, Microsoft PhagsPa;
	font-weight: bold;
	line-height: 46px;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 40px;
}

.case-page-box .color-title span {
	background: linear-gradient(to right, #0052D9 0%, #48BAFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
}

.case-page-box .case-type {
	display: flex;
	justify-content: space-around;
}

.case-page-box .case-type .item {
	width: 122px;
	line-height: 39px;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	text-align: center;
	font-size: 26px;
	font-family: Microsoft PhagsPa-Regular, Microsoft PhagsPa;
	font-weight: 400;
	color: #505050;
	cursor: pointer;
	transition: all .5s;
}

.case-page-box .case-type .item.active,
.case-page-box .case-type .item:hover {
	background: #0052D9;
	color: #fff;
}

.case-list .case-img {
	margin-top: 40px;
}

.case-list .case-img img {
	width: 100%;
	display: none;
	opacity: 0;
}

.case-list .case-img img.active {
	display: block;
	opacity: 1;
}

.conmon-case-title {
	padding-left: 36px;
	padding-bottom: 10px;
	position: relative;
	border-bottom: 1px solid #d6d6d6;
}

.conmon-case-title::before {
	content: "";
	display: block;
	width: 3px;
	height: 30px;
	background: linear-gradient(112deg, #0052D9 0%, #0052D9 62%, #0052D9 100%);
	border-radius: 0px 0px 0px 0px;
	position: absolute;
	left: 0;
	top: 0;
}

.conmon-case-title .eg {
	font-size: 26px;
	font-family: Glory-Regular, Glory;
	font-weight: 400;
	color: #D6D6D6;
	line-height: 30px;
	padding-top: 11px;
}

.conmon-case-title .cn {
	font-size: 30px;
	font-family: Microsoft PhagsPa-Bold, Microsoft PhagsPa;
	font-weight: bold;
	color: #505050;
	line-height: 35px;
	position: absolute;
	left: 9px;
	top: -3px;
}

.customer-demand {
	margin-top: 42px;
}

.demand-list {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.demand-list .item {
	box-sizing: border-box;
	padding: 2px;
	width: 380px;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	opacity: 1;
	background-image: linear-gradient(to right, #0052D9, #0052D9);
}

.demand-list .item .box {
	border-radius: 10px;
	background-color: #fff;
	padding: 13px 18px;
}

.demand-list .item .box .title {
	padding-left: 36px;
	font-size: 22px;
	font-family: Montserrat-Bold, Montserrat;
	font-weight: bold;
	color: #5F5F5F;
	line-height: 24px;
	background-image: url(../img/Frame2428.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.demand-list .item .box .content {
	font-size: 16px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #959595;
	line-height: 21px;
}

.program-features {
	margin-top: 70px;
}

.features-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.features-list .item {
	width: 510px;
	padding: 40px 40px 0;
}

.features-list .item .title {
	font-size: 24px;
	font-family: Montserrat-Bold, Montserrat;
	font-weight: bold;
	color: #5F5F5F;
	line-height: 26px;
}

.features-list .item .content {
	font-size: 20px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #959595;
	line-height: 26px;
	margin-top: 16px;
}

.application-scenario {
	margin-top: 70px;
}

.scenario-list {
	display: flex;
	margin-top: 40px;
}

.scenario-list .item {
	flex: 1;
	position: relative;
}

.scenario-list .item img {
	width: 100%;
}

.scenario-list .item .title {
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 29px;
	position: absolute;
	left: 40px;
	top: 397px;
}

.scenario-list .item .title::before {
	content: '';
	display: block;
	width: 84px;
	height: 3px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 36px;
}

.success-cases {
	margin-top: 70px;
}

.cases-list {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.cases-list .item {
	width: 376px;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.cases-list .item .case-img {
	width: 100%;
	height: 382px;
}

.cases-list .item .sub {
	padding: 16px 18px 11px;
	font-size: 22px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #929292;
	line-height: 26px;
}

.cases-list .item .line {
	width: 138px;
	height: 4px;
	background: #0052D9;
	margin-left: 18px;
}

.cases-list .item .title {
	padding: 6px 18px 16px;
	font-size: 28px;
	font-family: Montserrat-Bold, Montserrat;
	font-weight: bold;
	color: #6B6B6B;
	line-height: 33px;
}

.cases-list .item .more {
	position: absolute;
	right: 12px;
	bottom: 20px;
	width: 26px;
	height: 26px;
	background-image: url(../img/more.png);
	cursor: pointer;
}

.partner-list {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	/* width: 1240px; */
}
.partner-list  .item{
	width: 267px;
	height: 117px;
	margin-right: 43px;
	background-color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	transform: scale(1);
	transition: all .5s;
	text-align: center;
	line-height: 117px;
}
.partner-list img {
	max-height: 90px;
	max-width: 220px;
	vertical-align: middle;
	object-fit: cover;
}

.partner-list .item:hover {
	transform: scale(1.05);
}

.partner-list .item:nth-child(n+5) {
	margin-top: 30px;
}

.product-banner img {
	width: 100%;
}

.common-product-title {
	text-align: center;
}

.common-product-title .cn {
	font-size: 40px;
	font-family: Microsoft PhagsPa-Bold, Microsoft PhagsPa;
	font-weight: bold;
	color: #505050;
	line-height: 49px;
	letter-spacing: 4px;
}

.common-product-title .eg {
	font-size: 28px;
	font-family: Glory-Regular, Glory;
	font-weight: 400;
	color: #505050;
	line-height: 33px;
}

.common-product-title .line {
	display: none;
	margin: 10px auto 0;
	width: 1007px;
	height: 3px;
	background-image: linear-gradient(to right, rgba(137, 67, 193, 1), rgba(72, 186, 255, 1), rgba(24, 167, 224, 1));
}

.product-characteristics {
	margin-top: 87px;
}

.characteristics-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.characteristics-list .item {
	box-sizing: border-box;
	width: 385px;
	height: 217px;
	padding: 30px 27px;
	background: #F5F5F5;
	border-radius: 12px 12px 12px 12px;
	transform: scale(1);
	transition: all .5s;
}

.characteristics-list .item:hover {
	transform: scale(1.05);
}

.characteristics-list .item:nth-child(n+4) {
	margin-top: 30px;
}

.characteristics-list .item .line {
	width: 107px;
	height: 4px;
	background-image: linear-gradient(to right, #0052D9, #0052D9);
	margin-bottom: 10px;
}

.characteristics-list .item .title {
	font-size: 30px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: bold;
	color: #505050;
	line-height: 33px;
	margin-bottom: 20px;
}

.characteristics-list .item .content {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 30px;
	word-break: break-all;
}

.cap-list {
	margin-top: 30px;
}

.cap-list .item {
	display: flex;
	justify-content: space-between;
}

.cap-list .item+.item {
	margin-top: 50px;
}

.cap-list .item .img-num {
	width: 537px;
}

.cap-list .item .img-num .num {
	font-size: 180px;
	font-family: PangMenZhengDao-Regular, PangMenZhengDao;
	font-weight: 400;
	color: #EFEFEF;
	line-height: 211px;
}

.cap-list .item .img-num img {
	width: 537px;
	height: 283px;
	margin-top: -69px;
}
.cap-list .item .img-num video {
	width: 537px;
	height: 420px;
	margin-top: -119px;
}

.cap-list .item .con {
	width: 626px;
	padding-top: 130px;
}

.cap-list .item .con .title {
	font-size: 48px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #2B2B2B;
	line-height: 72px;
	letter-spacing: 3px;
}

.cap-list .item .con .content {
	font-size: 26px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #959595;
	line-height: 39px;
	letter-spacing: 1px;
	margin-bottom: 13px;
}

.cap-list .item .con .icons {
	display: flex;
}

.cap-list .item .con .icon+.icon {
	margin-left: 40px;
}

.cap-list .item .con .icon {
	width: 120px;
	text-align: center;
}

.cap-list .item .con .icon img {
	width: 50px;
	height: 50px;
}

.cap-list .item .con .icon .name {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 30px;
	letter-spacing: 1px;
}

.product-capability {
	margin-top: 70px;
}

.technical-architecture {
	margin-top: 80px;
}

.t-a-img {
	text-align: center;
	padding-top: 40px;
	height: 967px;
	background-image: url(../img/t-a-b.png);
	background-size: auto 967px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.t-b-img {
	text-align: center;
	padding-top: 40px;
	height: 967px;
	background-image: url(../img/functionalArchitecture.png);
	background-size: auto 967px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.authorized-version {
	margin-top: 92px;
}

.version-list {
	margin-top: 103px;
	display: flex;
	justify-content: space-between;
}

.version-list .item {
	width: 367px;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	border-radius: 36px 36px 36px 36px;
	overflow: hidden;
}

.version-list .item .title {
	line-height: 59px;
	text-align: center;
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	background: #0052D9;

}

.version-list .item:nth-child(2) .title {
	background: #4F92FF;
}

.version-list .item:nth-child(3) .title {
	background: #8AB6FF;
}

.version-list .item .intro {
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #ADADAD;
	line-height: 24px;
	padding: 16px 20px 20px;
	min-height: 48px;
}

.version-list .item .dot {
	font-size: 22px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #0052D9;
	line-height: 33px;
	letter-spacing: 1px;
	padding: 0 20px 6px;
}

.version-list .item:nth-child(2) .dot {
	color: #4F92FF;
}

.version-list .item:nth-child(3) .dot {
	color: #8AB6FF;
}

.version-list .item:nth-child(2) .btns .s-btn {
	background: #4F92FF;
}

.version-list .item:nth-child(2) .btns .k-btn {
	border: 2px solid #4F92FF;
	color: #4F92FF;
}

.version-list .item:nth-child(3) .btns .s-btn {
	background: #8AB6FF;
}

.version-list .item:nth-child(3) .btns .k-btn {
	border: 2px solid #8AB6FF;
	color: #8AB6FF;
}

.version-list .item p {
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #5F5F5F;
	line-height: 30px;
	letter-spacing: 1px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.version-list .item .btns {
	padding: 20px 35px 20px;
	display: flex;
	justify-content: space-between;
}

.version-list .item .btns .s-btn {
	width: 136px;
	line-height: 46px;
	background: #0052D9;
	box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.15);
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	cursor: pointer;
}

.version-list .item .btns .k-btn {
	width: 136px;
	height: 46px;
	box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.15);
	border-radius: 6px 6px 6px 6px;
	border: 2px solid #0052D9;
	text-align: center;
	line-height: 42px;
	box-sizing: border-box;
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #0052D9;
	cursor: pointer;
}
.index-cooperative-customer{
	margin-top: 80px;
		padding-top: 57px;
		padding-bottom: 50px;
		/* background: #F3F5F8 */
}

.partner-list {
	margin: 80px auto 0;
		display: flex;
		min-width: 1400px;
		flex-wrap: wrap;
}

.partner-item {
	width: 33%;
	position: relative;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	background-position: center center;
	height: 200px;
	background: #fff;	
}
.partner-item  img {
	min-width: 80%;
	min-height: 80%;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-bottom: 10px;
}
.partner-item p{
	position: absolute;
	bottom: 0;
	font-size: 17px;
	left: 0 auto;
	top: 185px;
	opacity: 0;
}


.partner-item:hover {
	transform: scale(1.1);
	transition: all 1s;
	border: none;
	z-index: 100;
	/* box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); */
	p{
		opacity: 1;
	}
}

/* 如果需要，可以为更小的屏幕添加额外的媒体查询 */
.backTop {
	width: 40px;
	height: 40px;
	background-color: #0052D9;
	text-align: center;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	border-radius: 50%;
	cursor: pointer;
}

.g-container {
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	height: 100vh;
	display: none;
	pointer-events: none;
}

.g-line {
	position: absolute;
	left: 200px;
	width: 100px;
	height: 100px;
	border-radius: 0 0 0 120px;
	border: 1px solid #000;
	border-top: none;
	/* border-bottom: none; */
	border-right: none;
	transform-origin: 0 0;
	animation: lineMove 6s ease-in-out infinite;
	transform: rotate(-90deg);
}

.g-man {
	position: absolute;
	top: 240px;
	left: 170px;
	width: 1px;
	height: 40px;
	background: #0052D9;
	opacity: 0;
	animation: manShow 6s infinite ease-in-out;


}

.g-man::before {
	position: absolute;
	content: "";
	top: -100%;
	left: -12px;
	width: 25px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #0052D9;
	animation: headrotate 6s infinite ease-in-out;
}

.g-man::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 110%;
	transform: translate(-50%, 0) rotate(45deg);
	transform-origin: center center;
	width: 30px;
	height: 30px;
	border: 1px solid #0052D9;
	border-right: none;
	border-bottom: none;
	animation: footerShrink 6s infinite ease-in-out;
}

.g-hand {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-20%, 0);
	width: 50px;
	height: 1px;
	background: #0052D9;
	animation: manhandmove 6s infinite ease-in-out;
}

.g-ground {
	position: absolute;
	width: 120px;
	height: 1px;
	margin-top: 300px;
	margin-left: 100px;
	animation: groundShow 6s infinite;
}

@keyframes lineMove {
	15% {
		width: 80px;
		height: 270px;
	}

	27% {
		border-radius: 0 0 0 90%;
	}

	35% {
		width: 0px;
		height: 290px;
		border-radius: 0 0 0 90%;
		transform: rotate(20deg);
	}

	45% {
		width: 0px;
		height: 300px;
		border-radius: 0 0 0 0px;
		transform: rotate(-8deg);
	}

	53% {
		width: 0px;
		height: 300px;
		border-radius: 0 0 0 0px;
		transform: rotate(3deg);
	}

	60% {
		width: 0px;
		height: 300px;
		border-radius: 0 0 0 0px;
		transform: rotate(0deg);
	}

	85% {
		width: 0px;
		height: 25px;
		border-radius: 0 0 0 0px;
		transform: rotate(0deg);
	}

	100% {
		width: 0px;
		height: 0px;
		border-radius: 0 0 0 0px;
		transform: rotate(0deg);
	}

}

@keyframes groundShow {
	29% {
		background: opacity;
	}

	30% {
		background: #000;
	}

	31.9% {
		backgroun: #000;
	}

	32% {
		background: opacity;
	}

	33.9% {
		background: opacity;
	}

	34% {
		background: #000;
	}

	60% {
		background: #000;
	}

	61% {
		background: opacity;
	}
}

@keyframes manShow {
	30% {
		top: 240px;
		opacity: 1;
	}

	60% {
		top: 240px;
	}

	85% {
		top: 0;
		opacity: 1;
	}

	100% {
		top: -10px;
		opacity: 0;
	}
}

@keyframes manhandmove {
	55% {
		transform: translate(-20%, 0) rotate(0deg);
	}

	60% {
		transform: translate(-24%, 0) rotate(-30deg);
	}

	100% {
		ransform: translate(-24%, 0) rotate(-30deg);
	}
}

@keyframes headrotate {
	55% {
		transform: rotate(0);
	}

	60% {
		transform: rotate(-25deg);
	}

	100% {
		transform: rotate(-20deg);
	}
}
.help-banner{
	height: 545px;
	background-origin: center center;
	background-size: 100% 100%;
	background-image: url(../img/help-bg.jpg);
}

.help-banner-title{
	font-size: 58px;
	font-family: Montserrat-Black, Montserrat;
	font-weight: 900;
	color: #FFFFFF;
	line-height: 68px;
	padding-top: 194px;
}

.help-banner-content{
	font-size: 22px;
	font-family: Montserrat-SemiBold, Montserrat;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	margin-top: 20px;
}

.conmon-help-title{
	text-align: center;
}
.conmon-help-title .cn{
	font-size: 42px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #2B2B2B;
	line-height: 49px;
	letter-spacing: 4px;
}
.conmon-help-title .eg{
	font-size: 32px;
	font-family: Glory-Regular, Glory;
	font-weight: 400;
	color: #505050;
	line-height: 38px;
}

.service-support{
	padding-top: 80px;
}
.s-s-flex{
	display: flex;
	padding-top: 80px;
}
.s-s-flex .item{
	text-align: center;
	width: 265px;
	height: 353px;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	border: 1px solid rgba(0,0,0,0.1);
	margin-right: 40px;
}
.s-s-flex .item .title{
	font-size: 28px;
	font-family: Montserrat-SemiBold, Montserrat;
	font-weight: 600;
	color: #505050;
	line-height: 42px;
	padding-top: 40px;
}
.s-s-flex .item .code{
	width: 200px;
	height: 200px;
	padding: 25px;
	box-sizing: border-box;
	margin: 0 auto;
}
.s-s-flex .item .code img{
	width: 150px;
	height: 150px;
}
.s-s-flex .item .intro{
	font-size: 16px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #5F5F5F;
	line-height: 24px;
	margin-top: 6px;
}
.s-s-flex .info{
	padding-left: 20px;
	padding-top: 16px;
	flex: 1;
}
.s-s-flex .info .col{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 7px;
}
.s-s-flex .info .col+.col{
	margin-top: 23px;
}
.s-s-flex .info .col .title{
	font-size: 24px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #2A2A2A;
	line-height: 36px;
}
.s-s-flex .info .col .con{
	font-size: 22px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #5F5F5F;
	line-height: 33px;
}
.s-s-flex .info .col .intro{
	font-size: 16px;
	font-family: Montserrat-Medium, Montserrat;
	font-weight: 500;
	color: #C6C6C6;
	line-height: 24px;
}
.s-s-flex .info .col:nth-child(1){
	background-image: url(../img/h1.png);
	
}
.s-s-flex .info .col:nth-child(2){
	background-image: url(../img/h2.png);
	
}
.s-s-flex .info .col:nth-child(3){
	background-image: url(../img/h3.png);	
}
.help-documents{
	display: flex;
	justify-content: space-between;
	padding-top: 48px;
	padding-bottom: 80px;
}
.help-documents .item{
	display: block;
	width: 579px;
	height: 315px;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
	border-radius: 0px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
}
.help-documents .item .img{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
}
.help-documents .item .title{
	font-size: 24px;
	font-family: PingFang SC-Semibold, PingFang SC;
	font-weight: 600;
	color: #505050;
	line-height: 38px;
}
.help-documents .item .intro{
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #6B6B6B;
	line-height: 29px;
	margin-top: 6px;
}
.about-us{
	padding: 60px 0 140px;
	background-color: #F5F7FA;
}
.about-us .tuwen{
	display: flex;
	margin-top: 60px;
}
.about-us .tuwen .main-img{
	width: 743px;
}
.about-us .tuwen .main-img img{
	width: 100%;
}
.about-us .tuwen .con{
	margin-left: 20px;
	flex: 1;
}
.about-us .tuwen .con p{
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #6B6B6B;
	line-height: 29px;
}
.about-us .tuwen .con p+p{
	margin-top: 12px;
}
.about-us .tuwen .flex-dot{
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.about-us .tuwen .flex-dot .item{
	width: 50%;
	font-size: 20px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #2A2A2A;
	line-height: 32px;
	padding-left: 38px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.about-us .tuwen .flex-dot .item:nth-child(n+3){
	margin-top: 32px;
}
.about-us .tuwen .flex-dot .item:nth-child(1){
	background-image: url(../img/o1.png);
}
.about-us .tuwen .flex-dot .item:nth-child(2){
	background-image: url(../img/o2.png);
}
.about-us .tuwen .flex-dot .item:nth-child(3){
	background-image: url(../img/o3.png);
}
.about-us .tuwen .flex-dot .item:nth-child(4){
	background-image: url(../img/o4.png);
}
.help-page+.index-bottom-banner{
	margin-top: 0;
}