@font-face {
	font-family: DIN;
	src: url(../../../../Home/Index/index.html)
}

.container {
	width: 100%;
	margin: 0 auto
}

.container img {
	max-width: 100%;
	vertical-align: middle
}

.container .wh_1200 {
	width: 1200px;
	margin: 0 auto
}

.container .banner-container {
	height: 520px
}

.container .banner-container .banner-wrapper {
	position: absolute;
	left: 0;
	width: 100%;
	height: 520px
}

.container .banner-container .banner-wrapper .banner .banner-content {
	height: 100%;
	box-sizing: border-box;
	padding-left: 243px;
	position: relative
}

.container .banner-container .banner-wrapper .banner .banner-content .left-text .title {
	font-size: 40px;
	font-weight: 600;
	line-height: 70px;
	color: #fff
}

.container .banner-container .banner-wrapper .banner .banner-content .left-text .subtitle {
	font-size: 20px;
	color: #fff;
	line-height: 37px
}

.container .banner-container .banner-wrapper .banner .banner-content .left-text .btn-box {
	margin-top: 70px
}

.container .banner-container .banner-wrapper .banner .banner-content .left-text .btn-box .btn {
	display: inline-block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 6px;
	box-sizing: border-box;
	border: solid 1px #fff;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	margin-right: 20px
}

.container .banner-container .banner-wrapper .banner .banner-content .left-text .btn-box .btn:last-child {
	margin-right: 0;
	background: #fff;
	color: #004BE1
}

.container .banner-container .banner-wrapper .banner .banner-content .right-img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.container .banner-container .banner-wrapper .banner .banner-content .right-img img {
	width: 100%
}

.container .banner-container .banner-wrapper .banner.banner1 .left-text {
	padding-top: 118px
}

.container .banner-container .banner-wrapper .banner.banner1 .right-img {
	width: 565px
}

.container .banner-container .banner-wrapper .banner.banner2 .left-text {
	padding-top: 116px
}

.container .banner-container .banner-wrapper .banner.banner2 .right-img {
	width: 553px
}

.container .banner-container .banner-wrapper .banner.banner3 .left-text {
	padding-top: 115px
}

.container .banner-container .banner-wrapper .banner.banner3 .left-text .solution {
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	font-weight: lighter;
	width: 500px
}

.container .banner-container .banner-wrapper .banner.banner3 .left-text .solution .solution-item {
	display: flex;
	align-items: center;
	margin-top: 20px;
	width: 33%;
	color: #fff
}

.container .banner-container .banner-wrapper .banner.banner3 .left-text .solution .solution-item::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/index/tick.png) no-repeat center/cover;
	margin-right: 10px
}

.container .banner-container .banner-wrapper .banner.banner3 .right-img {
	right: -100px;
	width: 554px
}

.container .banner-container .banner-wrapper .banner.banner4 .left-text {
	padding-top: 147px
}

.container .banner-container .banner-wrapper .banner.banner4 .right-img {
	width: 491px
}

.container .banner-container .banner-wrapper .banner.banner5 .left-text {
	padding-top: 116px
}

.container .banner-container .banner-wrapper .banner.banner5 .right-img {
	width: 557px;
	top: auto;
	bottom: 0;
	transform: translateY(0)
}

.container .banner-container .banner-wrapper .banner.banner6 .left-text {
	padding-top: 116px
}

.container .banner-container .banner-wrapper .banner.banner6 .right-img {
	width: 479px;
	top: auto;
	bottom: 0;
	transform: translateY(0)
}

.container .banner-container .banner-wrapper .swiper-pagination {
	bottom: 25px;
	padding-left: 243px
}

.container .banner-container .banner-wrapper .swiper-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	border-radius: 3px;
	background: #DCE6FE;
	margin: 0 5px
}

.container .banner-container .banner-wrapper .swiper-pagination .swiper-pagination-bullet-active {
	background: #4A86FF
}

.container .banner-container .banner-menu {
	width: 200px;
	height: 100%;
	background: #fff;
	position: relative;
	z-index: 1;
	box-shadow: 2px 4px 10px 2px rgba(67, 70, 117, 0.15)
}

.container .banner-container .banner-menu .banner-menu-header {
	width: 100%;
	height: 68px;
	box-sizing: border-box;
	padding-top: 14px;
	padding-bottom: 13px;
	box-sizing: border-box;
	padding-left: 20px
}

.container .banner-container .banner-menu .banner-menu-header .title {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	font-weight: 600
}

.container .banner-container .banner-menu .banner-menu-header .desc {
	margin-top: 4px;
	font-size: 12px;
	line-height: 17px;
	color: #999
}

.container .banner-container .banner-menu .banner-menu-body .menu {
	width: 100%;
	height: 45px
}

.container .banner-container .banner-menu .banner-menu-body .menu a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	display: flex;
	align-items: center
}

.container .banner-container .banner-menu .banner-menu-body .menu a .icon {
	width: 20px;
	margin-left: 20px;
	margin-right: 14px
}

.container .banner-container .banner-menu .banner-menu-body .menu a .icon img {
	width: 100%
}

.container .banner-container .banner-menu .banner-menu-body .menu a .text {
	font-size: 14px
}

.container .banner-container .banner-menu .banner-menu-body .menu a .hot {
	width: 20px;
	margin-left: 5px
}

.container .banner-container .banner-menu .banner-menu-body .menu a .hot img {
	width: 100%
}

.container .banner-container .banner-menu .banner-menu-body .menu a:hover {
	background: #F2F6FF;
	color: #004BE1
}

.container .banner-container .banner-menu .banner-menu-footer {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	color: #999;
	background: #F2F6FF;
	box-sizing: border-box;
	padding-left: 20px
}

.container .banner-container .banner-menu .banner-menu-footer span {
	font-size: 14px;
	color: #004BE1;
	margin-left: 10px
}

.container .cDA9807 {
	color: #DA9807 !important
}

.container .content-body .sec {
	background: #F6F7FA
}

.container .content-body .sec .common-title {
	font-size: 36px;
	font-weight: 600;
	color: #333;
	line-height: 50px;
	text-align: center
}

.container .content-body .sec .common-subtitle {
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	line-height: 22px;
	text-align: center
}

.container .content-body .sec:nth-child(2n) {
	background: #fff
}

.container .content-body .sec1 {
	padding: 40px 0 60px
}

.container .content-body .sec1 .sec-content-header {
	padding: 29px 0 35px;
	box-shadow: 0px 2px 10px 3px rgba(67, 70, 117, 0.15);
	border-radius: 10px;
	background: #fff;
	display: flex
}

.container .content-body .sec1 .sec-content-header .left {
	width: 843px;
	box-sizing: border-box;
	padding-left: 32px;
	padding-right: 48px;
	border-right: 1px dashed #DBDBE1
}

.container .content-body .sec1 .sec-content-header .left .form-box {
	padding-bottom: 29px;
	border-bottom: dashed 1px #DBDBE1
}

.container .content-body .sec1 .sec-content-header .left .form-box .title-box {
	line-height: 25px
}

.container .content-body .sec1 .sec-content-header .left .form-box .title-box .title {
	font-size: 18px;
	color: #333;
	font-weight: 600
}

.container .content-body .sec1 .sec-content-header .left .form-box .title-box .subtitle {
	font-size: 14px;
	color: #999;
	margin-left: 14px
}

.container .content-body .sec1 .sec-content-header .left .form-box .title-box .subtitle .num {
	color: #004BE1
}

.container .content-body .sec1 .sec-content-header .left .form-box .form {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.container .content-body .sec1 .sec-content-header .left .form-box .form .input-box {
	width: 180px;
	position: relative
}

.container .content-body .sec1 .sec-content-header .left .form-box .form .input-box input {
	width: 100%;
	height: 48px;
	background: #F2F2F3;
	font-size: 14px;
	box-sizing: border-box;
	padding-left: 10px;
	flex-shrink: 0
}

.container .content-body .sec1 .sec-content-header .left .form-box .form .input-box .submit {
	display: block;
	width: 80px;
	height: 48px;
	background: #004BE1;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	line-height: 48px;
	position: absolute;
		top: -25px;
	right: 0
}

.container .content-body .sec1 .sec-content-header .left .data-box .title {
	margin: 30px 0;
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
	color: #333
}

.container .content-body .sec1 .sec-content-header .left .data-box .data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 35px
}

.container .content-body .sec1 .sec-content-header .left .data-box .data .user .num::after {
	content: '+'
}

.container .content-body .sec1 .sec-content-header .left .data-box .data .num {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	line-height: 32px;
	font-family: DIN
}

.container .content-body .sec1 .sec-content-header .left .data-box .data .text {
	margin-top: 5px;
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.container .content-body .sec1 .sec-content-header .left .service-letters {
	height: 18px;
	overflow: hidden;
	margin-top: 30px;
	display: flex;
	border-left: solid 4px #004BE1;
	padding-left: 6px
}

.container .content-body .sec1 .sec-content-header .left .service-letters .letters-title {
	font-size: 16px;
	line-height: 18px;
	color: #333;
	flex-shrink: 0
}

.container .content-body .sec1 .sec-content-header .left .service-letters .letters-swiper {
	margin-left: 0
}

.container .content-body .sec1 .sec-content-header .left .service-letters .letters-content {
	margin-left: 10px
}

.container .content-body .sec1 .sec-content-header .left .service-letters .letters-content li {
	font-size: 16px;
	color: #999;
	line-height: 18px;
	overflow: hidden
}

.container .content-body .sec1 .sec-content-header .left .service-letters .letters-content li .tag {
	margin-left: 15px;
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 14px;
	color: #004BE1;
	border: solid 1px #004BE1;
	border-radius: 10px
}

.container .content-body .sec1 .sec-content-header .right {
	width: 357px;
	padding: 0 25px
}

.container .content-body .sec1 .sec-content-header .right .support .title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	line-height: 25px
}

.container .content-body .sec1 .sec-content-header .right .support .item-box {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.container .content-body .sec1 .sec-content-header .right .support .item-box .item {
	cursor: pointer
}

.container .content-body .sec1 .sec-content-header .right .support .item-box .item .img-box {
	width: 80px
}

.container .content-body .sec1 .sec-content-header .right .support .item-box .item .text {
	font-size: 16px;
	color: #333;
	margin-top: 7px;
	line-height: 22px;
	text-align: center
}

.container .content-body .sec1 .sec-content-header .right .advertising {
	width: 100%;
	margin-top: 34px
}

.container .content-body .sec1 .sec-content-body {
	width: 100%;
	display: flex;
	margin-top: 40px;
	justify-content: space-between
}

.container .content-body .sec1 .sec-content-body .tab {
	width: 360px;
	height: 126px;
	box-shadow: 0px 2px 10px 3px rgba(67, 70, 117, 0.15);
	border-radius: 6px;
	background: #fff
}

.container .content-body .sec1 .sec-content-body .tab>a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 34px;
	padding-right: 26px;
	box-sizing: border-box
}

.container .content-body .sec1 .sec-content-body .tab>a .left-img {
	width: 60px;
	margin-right: 10px;
	flex-shrink: 0
}

.container .content-body .sec1 .sec-content-body .tab>a .right-right {
	width: 208px
}

.container .content-body .sec1 .sec-content-body .tab>a .right-right .title {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-weight: 600
}

.container .content-body .sec1 .sec-content-body .tab>a .right-right .desc {
	font-size: 12px;
	margin-top: 6px;
	color: #666;
	line-height: 20px
}

.container .content-body .sec1 .sec-content-body .tab>a .arrow-right {
	width: 16px;
	flex-shrink: 0;
	margin-left: 6px
}

.container .content-body .sec2 {
	height: 634px;
	padding-top: 60px;
	box-sizing: border-box
}

.container .content-body .sec2 .sec-content {
	position: relative;
	margin-top: 50px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper {
	position: absolute;
	background: #F6F7FA;
	left: 50%;
	top: 0px;
	transform: translateX(-50%)
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-header {
	height: 60px;
	box-sizing: border-box;
	border-bottom: solid 1px #ECEAEA;
	padding: 0 162px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-header li {
	height: 100%;
	font-size: 16px;
	color: #16181A;
	position: relative;
	line-height: 60px;
	cursor: pointer;
	box-sizing: border-box
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-header li.active {
	font-weight: 600;
	color: #004BE1;
	border-bottom: solid 2px #004BE1
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-header li .hot {
	width: 24px;
	position: absolute;
	top: 0px;
	right: -7px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body {
	height: 495px;
	box-sizing: border-box;
	overflow: hidden
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item {
	display: none
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item.active {
	display: block
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner {
	width: 100%;
	height: 240px;
	box-sizing: border-box;
	padding-top: 42px;
	padding-left: 66px;
	border-bottom: solid 1px #ECEAEA;
	position: relative
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .title {
	font-size: 24px;
	font-weight: 600;
	color: #16181A;
	line-height: 33px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .desc {
	width: 563px;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	margin-top: 24px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .more {
	display: inline-block;
	margin-top: 25px;
	font-size: 16px;
	color: #004BE1
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .more i {
	display: inline-block;
	width: 7px;
	margin-left: 16px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .video {
	width: 260px;
	height: 152px;
	background: rgba(10, 27, 55, 0.81);
	position: absolute;
	top: 50%;
	right: 66px;
	transform: translateY(-50%);
	cursor: pointer
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .video .cover {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .video .video-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: rgba(10, 27, 55, 0.81);
	display: flex;
	align-items: center
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .video .video-bottom img {
	width: 16px;
	margin-left: 14px;
	margin-right: 10px;
	flex-shrink: 0
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-banner .video .video-bottom span {
	font-size: 14px;
	color: #fff;
	line-height: 14px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case {
	padding: 50px 66px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .title .tag {
	display: inline-block;
	font-size: 14px;
	color: #535B6B;
	line-height: 28px;
	border: solid 1px #D7DBE6;
	border-radius: 20px;
	padding: 0 10px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box {
	margin-top: 15px;
	display: flex
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case {
	flex: 1;
	box-sizing: border-box;
	border-right: solid 1px #ECEAEA
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case:first-child {
	padding-right: 49px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case:last-child {
	padding-left: 42px;
	border-right: 0
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case .name {
	font-size: 16px;
	font-weight: 600;
	color: #16181A;
	line-height: 22px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case .desc {
	margin-top: 20px;
	display: flex;
	align-items: center
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case .desc .text {
	width: 332px;
	height: 68px;
	font-size: 14px;
	color: #333;
	line-height: 22px
}

.container .content-body .sec2 .sec-content .sec-content-wrapper .sec-content-body .item .item-case .case-box .case .desc .logo {
	width: 139px;
	flex-shrink: 0;
	margin-left: 20px
}

.container .content-body .sec3 {
	width: 100%;
	background: url(../../images/new_index/sec3_bg.png) no-repeat top/100%;
	padding-top: 63px
}

.container .content-body .sec3 .sec-content {
	background: linear-gradient(180deg, #0082F2 0%, #0E5EFF 100%);
	box-sizing: border-box;
	padding-top: 110px;
	padding-bottom: 40px
}

.container .content-body .sec3 .sec-content .common-title {
	color: #fff
}

.container .content-body .sec3 .sec-content .btn {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin: 30px auto 0;
	box-sizing: border-box;
	border: solid 1px #fff;
	border-radius: 6px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.container .content-body .sec3 .sec-content .item-box {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 60px
}

.container .content-body .sec3 .sec-content .item-box .item .title .icon {
	display: inline-block;
	width: 20px;
	vertical-align: middle
}

.container .content-body .sec3 .sec-content .item-box .item .title .text {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 500;
	margin-left: 4px;
	vertical-align: middle
}

.container .content-body .sec3 .sec-content .item-box .item .subtitle {
	font-size: 14px;
	color: #C2D4F9;
	line-height: 20px;
	margin-top: 6px
}

.container .content-body .sec4 .sec-content-wrapper {
	display: flex
}

.container .content-body .sec4 .sec-content-wrapper .left-nav {
	width: 219px;
	padding-top: 8px
}

.container .content-body .sec4 .sec-content-wrapper .left-nav li {
	display: flex;
	align-items: center;
	margin-top: 31px;
	height: 30px;
	cursor: pointer
}

.container .content-body .sec4 .sec-content-wrapper .left-nav li .line {
	width: 23px;
	height: 3px;
	background: #E5E5E5;
	margin-right: 25px;
	transition: all .3s
}

.container .content-body .sec4 .sec-content-wrapper .left-nav li .text {
	font-size: 16px;
	font-weight: 600;
	color: #16181A
}

.container .content-body .sec4 .sec-content-wrapper .left-nav li.active .line {
	width: 48px;
	margin-right: 18px;
	background: #004BE1
}

.container .content-body .sec4 .sec-content-wrapper .left-nav li.active .text {
	color: #004BE1
}

.container .content-body .sec4 .sec-content-wrapper .right-con {
	width: 981px;
	padding-bottom: 122px;
	position: relative
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item {
	display: none;
	box-shadow: 0px 2px 10px 3px rgba(67, 70, 117, 0.15)
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item.active {
	display: block
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list {
	overflow: hidden
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li {
	width: 328px;
	float: left;
	box-sizing: border-box;
	border: solid 1px #EEEFEE;
	position: relative;
	padding-top: 20px;
	padding-left: 70px;
	padding-bottom: 41px;
	margin-left: -1px;
	margin-top: -1px;
	cursor: pointer
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .img-box {
	width: 60px
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .title {
	margin-top: 20px;
	font-size: 16px;
	color: #16181A;
	line-height: 22px;
	font-weight: 600
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .desc {
	width: 181px;
	margin-top: 13px;
	font-size: 14px;
	color: #666;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: box;
	-webkit-display: box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	box-orient: vertical;
	-webkit-box-orient: vertical
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	display: flex;
	transition: height .3s
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .bottom .free-trial {
	width: 50%;
	background: #0C62FE
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li .bottom .goOnline {
	width: 50%;
	background: #216FFD
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li:hover {
	box-shadow: 0px 2px 10px 3px rgba(67, 70, 117, 0.15)
}

.container .content-body .sec4 .sec-content-wrapper .right-con .right-item .list .list-li:hover .bottom {
	height: 32px
}

.container .content-body .sec4 .sec-content-wrapper .right-con .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	bottom: 80px
}

.container .content-body .sec4 .sec-content-wrapper .right-con .swiper-pagination .swiper-pagination-bullet {
	width: 50px;
	height: 4px;
	background: #c8c8c8;
	margin: 0 5px;
	border-radius: 0px
}

.container .content-body .sec4 .sec-content-wrapper .right-con .swiper-pagination .swiper-pagination-bullet-active {
	background: #0C62FE
}

.container .content-body .sec5 {
	padding: 100px 0;
	background: url(../../images/new_index/sec5_bg.png) no-repeat center/cover
}

.container .content-body .sec5 .sec-content-wrapper {
	display: flex;
	margin-top: 60px
}

.container .content-body .sec5 .sec-content-wrapper .left-nav {
	width: 205px;
	background: #fff;
	padding-top: 10px;
	box-shadow: 4px 6px 10px 3px rgba(216, 222, 232, 0.5)
}

.container .content-body .sec5 .sec-content-wrapper .left-nav li {
	height: 44px;
	padding-left: 44px;
	color: #16181A;
	font-size: 18px;
	line-height: 44px;
	border-left: solid 4px transparent;
	margin-top: 9px;
	cursor: pointer
}

.container .content-body .sec5 .sec-content-wrapper .left-nav li.active {
	color: #004BE1;
	border-left-color: #004BE1
}

.container .content-body .sec5 .sec-content-wrapper .right-con {
	width: 995px;
	box-shadow: inset 0px 16px 25px 0px rgba(221, 228, 239, 0.69);
	background: #fff;
	box-sizing: border-box;
	padding: 63px 60px 82px
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item {
	display: none
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item.active {
	display: block
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box {
	display: flex;
	justify-content: space-between
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box .title {
	font-size: 24px;
	color: #16181A;
	line-height: 36px;
	font-weight: 600
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box .title:hover {
	color: #004BE1
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box .btn-box a {
	display: inline-block;
	width: 88px;
	height: 36px;
	border-radius: 4px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	box-sizing: border-box
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box .btn-box a.free-trial {
	border: solid 1px #004BE1;
	color: #004BE1
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .title-box .btn-box a.goOnline {
	background: #004BE1;
	color: #fff;
	margin-left: 20px
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .desc {
	margin-top: 24px;
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .plan-box {
	margin-top: 60px;
	overflow: hidden
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .plan-box .plan-item {
	margin-left: 79px;
	float: left
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .plan-box .plan-item:first-child {
	margin-left: 0
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .plan-box .plan-item>img {
	width: 80px
}

.container .content-body .sec5 .sec-content-wrapper .right-con .right-item .plan-box .plan-item>p {
	font-size: 14px;
	line-height: 20px;
	color: #16181A;
	margin-top: 12px;
	text-align: center
}

.container .content-body .sec6 {
	padding: 89px 0 80px
}

.container .content-body .sec6 .title-more {
	margin-top: 10px;
	text-align: center
}

.container .content-body .sec6 .title-more a {
	font-size: 16px;
	line-height: 22px;
	color: #004BE1
}

.container .content-body .sec6 .title-more img {
	width: 10px;
	margin-left: 5px
}

.container .content-body .sec6 .sec-content {
	margin-top: 30px
}

.container .content-body .sec6 .sec-content .sec-content-top {
	height: 64px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E2E7E7
}

.container .content-body .sec6 .sec-content .sec-content-top li {
	flex: 1;
	text-align: center;
	line-height: 64px;
	font-size: 16px;
	color: #16181A;
	cursor: pointer;
	box-sizing: border-box
}

.container .content-body .sec6 .sec-content .sec-content-top li.active {
	color: #004BE1;
	border-bottom: 2px solid #004BE1;
	font-weight: 600
}

.container .content-body .sec6 .sec-content .sec-content-center {
	margin-top: 40px
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con {
	display: none;
	height: 360px
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con.active {
	display: flex
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left {
	flex: 1;
	height: 100%;
	background: linear-gradient(270deg, #0082F2 0%, #0E5EFF 100%)
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con {
	width: 600px;
	padding-left: 60px;
	float: right;
	padding-top: 67px
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .title {
	font-size: 30px;
	font-weight: 600;
	line-height: 33px;
	color: #fff;
	position: relative
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .title::before {
	content: '';
	display: block;
	width: 25px;
	height: 21px;
	background: url(../../images/new_index/quotes.png) no-repeat center/cover;
	position: absolute;
	top: 0;
	right: 100%;
	transform: translateX(-17px)
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .desc {
	margin-top: 20px;
	font-size: 16px;
	line-height: 35px;
	color: #fff
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box {
	margin-top: 50px;
	display: flex
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box .data {
	width: 136px;
	box-sizing: border-box
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box .data:first-child {
	border-right: solid 2px #3395FA
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box .data:last-child {
	padding-left: 40px
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box .data .name {
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .left .left-con .data-box .data .num {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	margin-top: 10px;
	color: #fff;
	font-family: DIN
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .right {
	flex: 1;
	height: 100%;
	background: url(../../images/new_index/sec6_bg.png) no-repeat center/cover;
	position: relative
}

.container .content-body .sec6 .sec-content .sec-content-center .sec-content-center-con .right img {
	width: 537px;
	position: absolute;
	left: 38px;
	bottom: 0
}

.container .content-body .sec6 .sec-content .sec-content-bottom {
	margin-top: 20px;
	overflow: hidden
}

.container .content-body .sec6 .sec-content .sec-content-bottom .logo {
	float: left;
	width: 150px;
	margin-top: 20px;
	margin-right: 20px
}

.container .content-body .sec6 .sec-content .sec-content-bottom .logo:nth-child(7n) {
	margin-right: 0
}

.container .content-body .sec7 {
	height: 824px;
	box-sizing: border-box;
	padding-top: 80px;
	background: url(../../images/new_index/sec7_bg.png) no-repeat center/cover
}

.container .content-body .sec7 .title-more {
	margin-top: 10px;
	text-align: center
}

.container .content-body .sec7 .title-more a {
	font-size: 16px;
	color: #004BE1
}

.container .content-body .sec7 .title-more img {
	width: 10px;
	margin-left: 5px
}

.container .content-body .sec7 .sec-content-wrapper {
	padding-left: 118px
}

.container .content-body .sec7 .sec-content-wrapper .item {
	margin-top: 80px
}

.container .content-body .sec7 .sec-content-wrapper .item:first-child {
	margin-top: 0
}

.container .content-body .sec7 .sec-content-wrapper .item .num {
	color: #004BE1;
	font-size: 36px;
	font-family: DIN;
	line-height: 42px
}

.container .content-body .sec7 .sec-content-wrapper .item .num .unit {
	font-size: 16px;
	margin-left: 3px;
	line-height: 42px
}

.container .content-body .sec7 .sec-content-wrapper .item .text {
	font-size: 14px;
	color: #16181A
}

.container .content-body .sec8 {
	padding: 80px 0 100px
}

.container .content-body .sec8 .sec-content {
	margin-top: 60px
}

.container .content-body .sec8 .sec-content .list {
	overflow: hidden
}

.container .content-body .sec8 .sec-content .list .list-li {
	width: 213px;
	margin-left: 116px;
	float: left
}

.container .content-body .sec8 .sec-content .list .list-li:first-child {
	margin-left: 0
}

.container .content-body .sec8 .sec-content .list .list-li .img-box {
	width: 80px;
	margin: auto
}

.container .content-body .sec8 .sec-content .list .list-li .title {
	margin-top: 40px;
	font-size: 24px;
	font-weight: 500;
	color: #16181A;
	line-height: 33px;
	text-align: center
}

.container .content-body .sec8 .sec-content .list .list-li .desc {
	margin-top: 16px;
	font-size: 16px;
	color: #666;
	line-height: 28px;
	text-align: center
}

.container .content-body .sec9 {
	padding: 100px 0
}

.container .content-body .sec9 .sec-content {
	margin-top: 65px
}

.container .content-body .sec9 .sec-content .left .title {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 35px
}

.container .content-body .sec9 .sec-content .left .desc {
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	line-height: 22px
}

.container .content-body .sec9 .sec-content .right {
	margin-left: 154px
}

.container .content-body .sec9 .sec-content .right li {
	margin-left: 120px
}

.container .content-body .sec9 .sec-content .right li:first-child {
	margin-left: 0
}

.container .content-body .sec9 .sec-content .right li .num {
	font-size: 40px;
	font-weight: DIN;
	font-weight: bold;
	color: #333
}

.container .content-body .sec9 .sec-content .right li .num sub {
	font-size: 16px;
	font-weight: normal
}

.container .content-body .sec9 .sec-content .right li .line {
	width: 49px;
	height: 4px;
	background: #004BE1;
	margin-top: 14px
}

.container .content-body .sec9 .sec-content .right li .text {
	margin-top: 20px;
	font-size: 16px;
	color: #666;
	line-height: 22px
}

.container .content-body .sec10 {
	padding: 80px 0 50px
}

.container .content-body .sec10 .sec-content {
	margin-top: 80px
}

.container .content-body .sec10 .sec-content .newsList {
	display: flex;
	justify-content: space-between
}

.container .content-body .sec10 .sec-content .newsList .newsCon {
	width: 361px
}

.container .content-body .sec10 .sec-content .newsList .newsCon .newsBg {
	width: 100%
}

.container .content-body .sec10 .sec-content .newsList .newsCon .new-more {
	overflow: hidden;
	line-height: 60px
}

.container .content-body .sec10 .sec-content .newsList .newsCon .new-more h6 {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #333333
}

.container .content-body .sec10 .sec-content .newsList .newsCon .new-more a {
	float: right;
	font-size: 14px;
	color: #666
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul {
	width: 100%;
	height: 220px;
	overflow: hidden
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul li {
	width: 100%;
	margin-bottom: 10px
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul li a {
	display: block;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul li a span {
	color: #666;
	margin-right: 5px
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul li>a:hover {
	color: #5097ff !important
}

.container .content-body .sec10 .sec-content .newsList .newsCon ul li>a:hover>span {
	color: #5097ff !important
}

.mp4-pop {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	display: none
}

.mp4-pop #video {
	border-radius: 20px
}

.mp4-pop .closeVideo {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-moz-transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	cursor: pointer
}

.mp4-pop .closeVideo img {
	width: 100%;
	vertical-align: middle
}