body {
	font-family: PingFangSC-Medium, PingFang SC, Microsoft YaHei;
	color: #333333;
}

/* 头部样式修改 */

.nav {
	position: fixed;
	z-index: 999;
}

.head-conter-left {
	margin-top: 28px;
}

.financial-cloud {
	font-size: 60px;
	letter-spacing: 8px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 0;
	font-family: PingFangSC-Semibold, PingFang SC, Microsoft YaHei;
}

.financial-cloud-conter {
	height: 90px;
	width: 548px;
	margin-bottom: 60px;
	font-family: PingFangSC-Medium, PingFang SC, Microsoft YaHei;
}

.shuju-paiming {
	width: 500px;
	padding-left: 5px;
	font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei;
}

.clause a {
	color: #00FFFE;
}

.nav-button {
	margin-left: 30px;
	width: 104px;
	height: 35px;
	line-height: 35px;
	background: linear-gradient(315deg, #00BBF9 0%, #0086F1 100%);
	border-radius: 4px;
	text-align: center;
}

.nav-button-title {
	font-size: 15px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 21px;
}

/* 主要内容区域样式 */

.content-box {
	width: 1200px;
	margin: 0 auto;
}

.mainContent .challenge-box {
	background: #F3F6FA;
	padding-top: 75px;
}

.challenge-title, .demand-title, .solution-title, .blueprint-title, .product-title {
	font-size: 36px;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;
	color: #000;
}

.challenge-content, .demand-content, .solution-content {
	display: flex;
	justify-content: space-between;
}

.challenge-content .item-box {
	text-align: center;
	width: 233px;
	margin: 49px 0 60px 0;
}

.challenge-content .title {
	font-size: 22px;
	font-weight: 500;
	margin: 25px 0 13px 0;
	color: #000;
}

.challenge-content .describe {
	font-size: 14px;
	font-weight: 400;
	height: 114px;
	line-height: 21px;
	letter-spacing: 1px;
	text-align: left;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
	padding-left: 5px;
	color: #444;
}

.mainContent .demand-box {
	background: #fff;
	padding: 84px 0 79px 0;
}

.demand-content .item-box {
	text-align: center;
	width: 224px;
	margin-top: 68px;
}

.demand-content .title, .solution-content .title {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	color: #000;
	line-height: 33px;
	letter-spacing: 1px;
	margin: 21px 0 13px 0;
}

.demand-content .describe {
	height: 54px;
	font-size: 14px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
	font-weight: 400;
	color: #444;
	line-height: 20px;
	letter-spacing: 1px;
}

.mainContent .solution-box {
	height: 774px;
	width: 100%;
	background: url(../image02/solution.png) no-repeat;
	background-size: 100% 100%;
}

.solution-box .solution-title {
	padding-top: 72px;
}

.solution-second-title, .blueprint-second-title {
	width: 768px;
	height: 114px;
	font-size: 14px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	letter-spacing: 1px;
	margin: 23px auto 20px;
	color: #444;
}

.solution-content .experience-button {
	width: 227px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	padding-left: 72px;
	transition: all 0.4s ease;
}

.solution-content .experience-button:hover {
	padding-left: 68px;
	color: #FFFFFF;
}

.solution-content .experience-button-title {
	margin-right: 11px;
	transition: all 0.4s;
}

.solution-content .experience-button:hover .experience-button-title {
	margin-right: 17px;
}

.solution-content .item-box {
	width: 300px;
	height: 494px;
	background: #FFFFFF;
	border: 2px solid #F3F6FA;
	text-align: center;
	transition: all 0.2s;
}

.solution-content .item-box:hover {
	transform: translateY(-12px) scale(1.04, 1.04);
	box-shadow: 0px 0px 40px 0px rgba(212, 216, 221, 0.5);
	transition: all 0.3s;
}

.solution-content .item-box>img {
	margin: 50px 0 37px 0;
}

.solution-content .title {
	margin: 20px 0 0 0;
}

.solution-content .item-box .describe {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 7px 34px 0px 37px;
	text-align: left;
	letter-spacing: 1px;
	height: 128px;
	color: #444;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.blueprint-box {
	padding: 92px 0 86px 0;
}

.blueprint-second-title {
	width: 1124px;
	height: 114px;
	margin: 24px auto 0;
}

.blueprint-content {
	height: 682px;
}

.mainContent .product-box {
	height: 866px;
	width: 100%;
	background: url(../image02/dark-background.png) no-repeat;
	background-size: 100% 100%;
}

.product-box .product-title {
	padding-top: 87px;
	color: #FFF;
}

.product-content {
	position: relative;
	height: 513px;
	margin-top: 67px;
}

.product-content .tab-title {
	position: absolute;
	width: 268px;
	top: 14px;
	left: 446px;
}

.product-content .tab-title ul {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}

.product-content .tab-title ul li {
	cursor: pointer;
	height: 38px;
}

.product-content .tab-box1, .product-content .tab-box2 {
	display: flex;
	height: 513px;
	width: 100%;
	background: url(../image02/tab-left2.png) no-repeat;
	background-size: 100% 100%;
}

.product-content .tab-box1 .tab-left, .product-content .tab-box2 .tab-left {
	width: 574px;
	height: 342px;
	margin: 111px 0 60px 70px;
	background: #FFFFFF;
	border-radius: 6px;
}

.product-content .tab-left .tab-left-content {
	padding: 52px 50px 0 52px;
}

.tab-left-content .tab-left-title {
	font-size: 24px;
	font-weight: 600;
	color: #1989FA;
	line-height: 33px;
	letter-spacing: 1px;
}

.tab-left-content .tab-left-second-title {
	height: 21px;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	margin-top: 6px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.tab-left .tab-left-menu {
	margin-top: 38px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.tab-left .tab-left-menu div, .tab-left .tab-left-menu a {
	display: flex;
	align-items: end;
	cursor: default;
}

.tab-left .tab-left-menu span {
	font-size: 15px;
	font-weight: 400;
	color: #333333;
	line-height: 21px;
}

.tab-left .tab-left-menu img {
	margin-right: 10px;
}

.tab-left .tab-left-button {
	margin-top: 42px;
	display: flex;
}

.experience-button {
	display: flex;
	align-items: center;
	justify-content: left;
	box-sizing: border-box;
	width: 160px;
	height: 51px;
	background: linear-gradient(315deg, #00BBF9 0%, #0086F1 100%);
	border-radius: 4px;
	margin-right: 12px;
	line-height: 51px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
	padding-left: 44px;
	transition: all 0.4s ease;
	letter-spacing: 1px;
}

.experience-button:hover {
	padding-left: 40px;
	color: #FFFFFF;
}

.experience-button-title {
	margin-right: 8px;
	transition: all 0.4s;
}

.experience-button:hover .experience-button-title {
	margin-right: 16px;
}

.watch-button-title {
	margin-right: 6px;
	transition: all 0.4s;
}

.watch-button:hover .watch-button-title {
	margin-right: 12px;
}

.watch-button {
	display: flex;
	align-items: center;
	justify-content: left;
	box-sizing: border-box;
	width: 158px;
	height: 49px;
	border-radius: 4px;
	border: 2px solid #3399FF;
	line-height: 51px;
	font-size: 16px;
	font-weight: 550;
	color: #1989FA;
	cursor: pointer;
	padding-left: 38px;
	transition: all 0.4s ease;
	letter-spacing: 1px;
}

.watch-button:hover {
	padding-left: 34px;
}

.product-content .tab-box1 .tab-right, .product-content .tab-box2 .tab-right {
	margin: 111px 0 0 74px;
}

.product-content .tab-box1 .tab-right .tab-right-top, .product-content .tab-box2 .tab-right .tab-right-top {
	height: 236px;
	width: 420px;
}

.tab-right-item1 {
	background: url(../image02/tips-left.png) no-repeat;
	background-size: 420px 236px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.tab-right-item2 {
	background: url(../image02/tips-center.png) no-repeat;
	background-size: 420px 236px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.tab-right-item3 {
	background: url(../image02/tips-right.png) no-repeat;
	background-size: 420px 236px;
	font-family: PingFangSC-Light, PingFang SC, Microsoft YaHei;
}

.tab-right-top div {
	padding: 25px 23px 41px 24px;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	color: #E9F3FD;
	line-height: 24px;
}

.tab-right-top span {
	display: block;
}

.product-content .tab-right .tab-right-bottom {
	margin-top: 13px;
	padding: 0 7px 0 9px;
	display: flex;
	justify-content: space-between;
}

.product-content .tab-right .tab-right-bottom img {
	cursor: pointer;
}

.product-content .tab-box2 {
	background: url(../image02/tab-right2.png) no-repeat;
}

.tab-content .tab_hide {
	display: none;
}

.tab-content .tab_show {
	display: flex;
}

.item_hide {
	display: none;
}

.item_show {
	display: block;
}

.solution-content .item-box .card_hide {
	display: none;
}

.solution-content .item-box .card_show {
	display: flex;
}

/* 右侧浮框 */

.after-sale-box {
	position: fixed;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
}

.after-sale-box .after-sale-box-item {
	display: flex;
	flex-direction: column;
	justify-content: end;
	width: 54px;
	height: 95px;
	background: #3399FF;
	border-radius: 10px 0px 0px 10px;
}

.after-sale-box-item .dtu {
	width: 31px;
	height: 31px;
}

.after-sale-box .after-sale-box-item-text {
	font-size: 11px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 16px;
	padding-bottom: 3px;
	width: 26px;
	margin-top: 8px;
}

.after-sale-box .up-box {
	width: 54px;
	height: 55px;
	background: #3399FF;
	border-radius: 10px 0px 0px 10px;
	justify-content: center;
	cursor: pointer;
}

.after-sale-box .up-box img {
	width: 29px;
	height: 16px;
}

.after-sale-dialog-tips {
	width: 274px;
	height: 125px;
	position: absolute;
	left: -272px;
	top: -15px;
	background: url(../image02/business-card.png) no-repeat;
	background-size: 274px 125px;
}

.after-sale-dialog-content {
	padding: 12px 0 0 10px;
	display: flex;
}

.after-sale-dialog-content div {
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 20px;
}

.after-sale-dialog-content span {
	display: block;
	font-size: 10px;
	color: #848586;
	line-height: 20px;
}

.after-sale-dialog-center, .after-sale-dialog-center2 {
	width: 194px;
	height: 84px;
	position: absolute;
	left: -190px;
	top: 6px;
	display: none;
}

.after-sale-dialog-content-bottom {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.after-sale-dialog-content-bottom span {
	font-size: 12px;
	font-weight: 600;
	color: #333333;
	line-height: 16px;
	padding-left: 5px;
}

/* 视频播放 */

.video-mask {
	position: fixed;
	z-index: 9999;
	background: rgba(33, 33, 33, .8);
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.videoCanvas {
	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.video-shut {
	position: absolute;
	height: 32px;
	width: 32px;
	margin: 10px 10px 0 0;
	right: 0px;
	text-align: center;
	display: block;
	z-index: 9999;
	cursor: pointer;
	display: none;
}