* {
	margin: 0;
	padding: 0;
}

/* .custom-header .g-headertop,
.custom-header .page-header-wrapper {
	display: none !important;
}
 */
body,
html {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

ul,
li {
	list-style: none;
}

.center {
	width: 1240px;
	margin: 0 auto;
}

.digital_box {
	width: 100%;
	display: flex;
	flex-direction: column;
}


.db_top {
	width: 100%;
	height: 706px;
	background: rgba(235, 235, 235, 1);
}

.top_box {
	display: flex;
	flex-direction: column;
}

.tb_1 {
	margin-top: 195px;
	margin-bottom: 35px;
	width: 298px;
	height: 35px;
}

.tb_1>img {
	width: 100%;
	height: 100%;
}

.tb_2 {
	width: 626px;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 45px;
}

.tb_2_1 {
	height: 72px;
	font-size: 54px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 64px;
	letter-spacing: 2px;
	margin-bottom: 40px;
}

.tb_2_1>span {
	background: linear-gradient(121deg, #26C59E 0%, #6C32E7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.tb_2_2 {
	text-align: right;
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #454545;
	line-height: 23px;
	letter-spacing: 1px;
	margin-right: 10px;
}

.tb_2_3 {
	width: 771px;
	height: 643px;
	position: absolute;
	right: -760px;
	top: -203px;
}

.tb_2_3>img {
	width: 100%;
	height: 100%;
}

.tb_3 {
	display: flex;
	flex-direction: row;
}

.tb_3_item {
	width: 122px;
	height: 42px;
	line-height: 42px;
	background: #0C4AE7;
	border-radius: 9px 9px 9px 9px;
	font-size: 17px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin-right: 25px;
}

.db_1 {
	width: 100%;
	height: 753px;
	background: url('../../images/digital/db_1.png') no-repeat center;
}

.db_1_main {
	width: 100%;
	height: 753px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.db_1_title {
	width: 100%;
	height: 753px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}

.db_1_title_1 {
	width: 453px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 58px;
	letter-spacing: 2px;
	font-size: 50px;
}

.db_1_title_1>span {
	color: rgba(200, 0, 16, 1);
}

.db_2 {
	width: 100%;
	height: 1072px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.db_2_top {
	width: 100%;
}

.db_2_bottom {
	width: 100%;
}


.db_2_bg1 {
	width: 100%;
	height: 546px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: url('../../images/digital/db_2.png') no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.db_2_bg2 {
	width: 100%;
	height: 624px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: url('../../images/digital/db_3.png') no-repeat;
	background-size: cover;
}

/* .db_2_bg2>img {
	width: 100%;
	height: 100%;
} */

.db_2_title {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
/* 	margin-top: 173px;
	margin-bottom: 343px; */
}

.db_2_title1 {
	width: 100%;
	text-align: center;
	height: 73px;
	font-size: 55px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 64px;
	letter-spacing: 2px;
	margin-bottom: 17px;
}

.db_2_title1>span {
	color: #C80010;
}



.db_2_all {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 221px;
}


.roundbox {
	width: 40px;
	height: 40px;
	position: relative;
	margin-right: 15px;
}

.round1 {
	position: absolute;
	width: 27px;
	height: 27px;
	left: 0;
	top: 0;
	border-radius: 50%;
	background: rgba(236, 236, 236, 0.4);
}

.round2 {
	position: absolute;
	width: 27px;
	height: 27px;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: #0C4AE7;
}

.db_2_main {
	display: flex;
	flex-direction: column;
}

.db_2_main_title {
	width: 428px;
	height: 32px;
	margin-bottom: 30px;
	position: relative;
}

.db_2_main_title_in{
	width: 428px;
	height: 32px;
	font-size: 24px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
	letter-spacing: 1px;
	position: absolute;
	left: 0;
	top: 0;
}


.db_2_main_title_mask {
	position: absolute;
	right: 50px;
	bottom: -3px;
	width: 104px;
	height: 17px;
	background: #F6871E;
	opacity: 0.8;
}

.db_2_main_desc {
	width: 710px;
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
}

/* .db_3{
	width: 100%;
} */
.db_3_main {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 60px 0 150px 0;
}

.db_3_title {
	height: 32px;
	font-size: 24px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 28px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.db_3_title2 {
	width: 312px;
	height: 54px;
	line-height: 54px;
	background: #0C4AE7;
	border-radius: 35px 35px 35px 35px;
	position: relative;
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.db_3_title2_mask {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 40px;
	height: 40px;
	background: rgba(236, 236, 236, 0.4);
	border-radius: 50%;
}

.db_3_val {
	width: 100%;
	height: 730px;
	background: url('../../images/digital/db_4.png') no-repeat;
	position: relative;
}

.db_3_item {
	width: 388px;
	height: 388px;
}

.itemline {
	width: 2px;
	height: 388px;
	background-image: linear-gradient(to bottom,
			#0C4AE7 0%,
			#0C4AE7 50%,
			transparent 50%);
	background-size: 2px 20px;
	background-repeat: repeat-y;

}

.db_3_item_in {
	width: 388px;
	height: 388px;
	border-radius: 50%;
	border-left: 1px solid rgba(12, 74, 231, 1);
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.db_3_item_in_box {
	width: 346px;
	height: 346px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.db_3_item_title {
	height: 34px;
	font-size: 26px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.db_3_item_desc {
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 21px;
}

.ser1 {
	width: 346px;
	height: 346px;
	background: url('../../images/digital/ser1.png') no-repeat;
}

.ser2 {
	width: 346px;
	height: 346px;
	background: url('../../images/digital/ser2.png') no-repeat;
}

.ser3 {
	width: 346px;
	height: 346px;
	background: url('../../images/digital/ser3.png') no-repeat;
}

.ser4 {
	width: 346px;
	height: 346px;
	background: url('../../images/digital/ser4.png') no-repeat;
}

.p1 {
	position: absolute;
	top: 107px;
	left: 33px;

}

.p2 {
	position: absolute;
	top: 0px;
	left: 515px;
}

.p3 {
	position: absolute;
	top: 450px;
	left: 362px;
}

.p4 {
	position: absolute;
	top: 334px;
	left: 844px;
}



.db_4 {
	width: 100%;
	height: 578px;
	background: url('../../images/digital/db_5.png') no-repeat;
}

.db_4_main {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.db_4_title {
	height: 63px;
	font-size: 48px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 56px;
	letter-spacing: 2px;
	margin-top: 63px;
	margin-bottom: 28px;
}

.db_4_title2 {
	margin-bottom: 38px;
	width: 390px;
	height: 54px;
	line-height: 54px;
	background: #0C4AE7;
	border-radius: 35px 35px 35px 35px;
	font-size: 26px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.db_4_items {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}

.db_4_item {
	width: 113px;
	height: 46px;
	line-height: 46px;
	background: #F6871E;
	border-radius: 10px 10px 10px 10px;
	font-size: 20px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-right: 232px;
}

.db_4_item:nth-last-child(1) {
	margin-right: 0;
}

.db_4_steps {
	width: 1045px;
	height: 10px;
	background: #F6871E;
	position: relative;
	margin-bottom: 60px;
}

.point {
	width: 18px;
	height: 18px;
	background: #D9D9D9;
	opacity: 1;
	border-radius: 50%;
	border: 4px solid #F6871E;
	position: absolute;
}

.po1{
	left: -5px;
	top: -5px;
}
.po2{
	left: 335px;
	top: -5px;
}
.po3{
	right: 335px;
	top: -5px;
}
.po4{
	right: -5px;
	top: -5px;
}



.step {
	width: 325px;
	height: 10px;
	background: #F6871E;
}

.db_4_serves {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.db_4_serve {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 80px;
}

.db_4_serve:nth-last-child(1) {
	margin-right: 0;
}

.db_4_round {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	position: relative;
}

.db_4_round1 {
	position: absolute;
	left: -5px;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(236, 236, 236, 0.4);
	z-index: 2;
}

.db_4_round2 {
	position: absolute;
	right: -5px;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #0C4AE7;
	z-index: 1;
}

.db_4_serve_val {
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 19px;
}

.db_5{
	width:100%;
	height: 606px;
	background: linear-gradient(90deg, #E2E8FF 0%, #FFFFFF 100%);
	position: relative;
}
.db_5_main{
	width:100%;
	display: flex;
	flex-direction: column;
	
}
.db_5_title{
	margin-top: 70px;
	margin-bottom: 45px;
	height: 53px;
	font-size: 40px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 47px;
	letter-spacing: 2px;	
}
.db_5_desc{
	width: 572px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
	margin-bottom: 53px;
	
}
.db_5_desc_all{
	display: flex;
	flex-direction: row;
}
.db_5_desc2{
	display: flex;
	flex-direction: column;
	margin-right: 110px;
}
.db_5_desc2:nth-last-child(1){
	margin-right: 0;
}


.db_5_desc2_1{
	height: 48px;
	font-size: 36px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 42px;
	letter-spacing: 1px;
	margin-bottom: 13px;
}
.db_5_desc2_2{
	height: 95px;
	font-size: 72px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #0C4AE7;
	line-height: 84px;
	letter-spacing: 3px;
	margin-bottom: 13px;
}

.db_5_desc2_2>span{
	height: 32px;
	font-size: 24px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 28px;
	letter-spacing: 1px;
	margin-left: 13px;
}

.db_5_desc2_3{
	height: 32px;
	font-size: 24px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 28px;
	letter-spacing: 1px;	
}

.db_5_swiper{
	position: absolute;
	right: 0;
	top: 57px;
	width: 814px;
	height:508px;
	animation: bgrock linear 45s infinite;
	background-size: auto 100%!important;
	background: url(https://mall.global8.cn/app3/2022-04-07/624e943532be8.png) repeat;
}

@media screen and (max-width: 1536px) {
	.db_5_swiper{
		position: absolute;
		right: 0;
		top: 57px;
		width: 614px;
		height:508px;
	}
} 

/* .db_5_swiper .swiper{
	width: 814px;
	height:508px;
}
.db_5_swiper .swiper-slide{
	width: 180px !important;
}

.db5_items{
	width: 180px;
	display: flex;
	flex-direction: column;
}
.db5_item{
	width: 180px;
	height: 160px;
	margin-bottom: 10px;
	object-fit: contain;
}

@media screen and (max-width: 1536px) {
	.db_5_swiper{
		position: absolute;
		right: 0;
		top: 57px;
		width: 614px;
		height:508px;
	}
	.db_5_swiper .swiper{
		width: 614px;
		height:508px;
	}
} */



.db5_item>img{
	width: 100%;
	height: 100%;
}
.db5_item:nth-last-child(1){
	margin-bottom: 0;
}

.db_6{
	width: 100%;
	height: 700px;
	background: #282F9D;
	display: flex;
	flex-direction: row;
}
.db_6_main{
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid #fff;
}
.db_6_title{
	height:105px;
	line-height: 105px;
	font-size: 36px;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding: 0 20px;
}
.db_6_val{
	width: 100%;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #fff;
}
.db_6_val_left{
	width: 615px;
	display: flex;
	flex-direction: column;
}
.db_6_item{
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	border-bottom: 1px solid #fff;
	border-right:1px solid #fff ;
}

.db_6_item:nth-last-child(1){
	border-bottom: none;
}

.db_6_item_title{
	width: 168px;
	height: 90px;
	line-height: 90px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0 20px;
}
.db_6_item_input{
	flex: 1;
	height: 90px;
	background: rgba(255, 255, 255, 0.05);
	padding: 0 26px;
	display: flex;
	align-items: center;
}

.db_6_item_input>input{
	width: 100%;
	height: 90px;
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.db_6_val_right{
	display: flex;
	flex-direction: column;
	flex: 1;
	padding:35px 20px;
	position: relative;
}
.db_6_val_right_title{
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 21px;
}
.db_6_val_right_main{
	height: 200px;
	width: 100%;
	margin-top: 15px;
}
.db_6_val_right_main>textarea{
	height: 200px;
	width: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.db_6_val_right_submit{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 202px;
	height: 55px;
	background: #F6871E;
	border-radius: 59px 59px 59px 59px;
	line-height: 55px;
	font-size: 18px;
	font-family: Microsoft YaHei-Regular, Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

.db_6_left{
	display: flex;
	flex-direction: column;
	width: calc((100%-1240px)/2);
	height: ;
}
.fn1{
	margin-top: 100px;
	border-top:1px solid #fff;
	width: 100%;
	height:105px;
}
.fn2{
	border-top:1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 100%;
	height:365.5px;
}

.db_6_line{
	width: 100%;
	height: 100px;
	border-right: 1px solid #fff;
}
.db_6_line2{
	width: 100%;
	height: 130px;
	border-left: 1px solid #fff;
}