* {
	font-family: "Microsoft Yahei", sans-serif;
}

/* // chrome 和 safari */
.index_4_row::-webkit-scrollbar {
	width: 0 !important
}

/* // ie10+ */
.index_4_row {
	-ms-overflow-style: none;
}

/* // firefox */
element {
	overflow: -moz-scrollbars-none;
}

.index_1::-webkit-scrollbar {
	width: 0 !important
}

/* // ie10+ */
.index_1 {
	-ms-overflow-style: none;
}

/* // firefox */
index_1 {
	overflow: -moz-scrollbars-none;
}

.index_11_row::-webkit-scrollbar {
	width: 0 !important
}

/* // ie10+ */
.index_11_row {
	-ms-overflow-style: none;
}

/* // firefox */
index_11_row {
	overflow: -moz-scrollbars-none;
}

.hero__content::-webkit-scrollbar {
	width: 0 !important
}

/* // ie10+ */
.hero__content {
	-ms-overflow-style: none;
}

/* // firefox */
element {
	overflow: -moz-scrollbars-none;
}

.index_9_right::-webkit-scrollbar {
	width: 0 !important
}

/* // ie10+ */
.index_9_right {
	-ms-overflow-style: none;
}

/* // firefox */
index_9_right {
	overflow: -moz-scrollbars-none;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
	display: table;
	content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
	clear: both;
}


html,
body {
	max-width: 100vw;
	overflow-x: hidden;
}

canvas {
	display: block;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

@media (min-width: 992px) {
	.navbar__menu a {
		opacity: 1;
	}
}

.navbar__menu ul .active span {
	display: inline-block;
	height: 1px;
	width: 30px;
	background-color: #01FFBF;
	line-height: 0;
}

.navbar__menu ul .active a:after {
	display: block;
	content: '';
	border-bottom: solid 1px #fff;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

.navbar {}

.hero {
	position: relative;
	height: 100vh;
	width: 100%;
	background-image: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
}

.business {
	width: 100vw;
	position: absolute;
	bottom: 0px;
	z-index: 9;
	background: rgba(30, 32, 37, 0.7);
	padding: 30px 0px;
}

.business_b {
	display: flex;
	justify-content: space-between;
}

.business_content {
	padding: 1% 0;
	
}

.content_r {
	border-left: none
}

.business_content h4 {
	margin: 0px;
	color: #FFFFFF;

}


.business_content span {
	color: #9b9ea0;
	padding-right: 5px;
	padding-top: 5px;
	display: inline-block;
	font-size: 14px;
}

.business_content span a:hover {
	color: #01FFBF;
}

.hero__overlay--gradient {
	background: none;
}

@media (max-height: 720px) {


	.business_content {
		padding: 0.625rem 1.25rem;
	}
}

@media (max-width: 768px) {
	.business {
		display: none;
	}
}

@media (max-width: 768px) {
	.business {
		display: none;
	}
}

.business_m {
	display: none;
}

.business_m .business_content {
	width: 100%;
	float: right;
	padding: 30px;
	border-left: none;
	border-bottom: 1px solid #eee;
}

.business_m .business_content h4 {
	margin: 0px;
	color: #111;
}

.business_m .business_content span {
	color: #9b9ea0;
	padding: 0;
	font-size: 16px;
	padding-top: 20px;
	display: block;
}

@media (max-width: 768px) {
	.business_m {
		display: block;
	}
}

.hero__text {
	text-align: center;
}

.hero__content__inner {
	max-width: 1200px;
	font-size: 20px;
}

@media (max-width: 768px) {
	.hero__content__inner {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	#demo-canvas {
		display: none;
	}
}



.titlet h2 i {
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #06d19c;
	margin: 7px
}

@media (max-width: 768px) {
	.titlet h2 i {
		background: #17293A;
	}
}

.steps {
	padding: 50pt 0
}

.landing__section {
	padding: 66px 0;
}

.step_con {
	width: 90%;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 10px 15px;
	box-shadow: 0 3px 10px #e7e7e7;
	height: 100%;
	transition: all 0.4s;
	border-radius: 5px;
}



.step:hover .step_con {
	box-shadow: 0px 0px 8px #06d19c;
	transform: scale(1.1);
}

.step h4 i {
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #06d19c;
	margin: 6px
}

.but {
	display: inline-block;
	padding: 4px 14px;
	border: 1px solid #C0C0C0;
	color: #C0C0C0;
	border-radius: 20px;
	/*font-size:10px ;*/
}

.but:hover {
	background: #06d19c;
	color: #F7F7F7;
	border: 1px solid #06d19c;
}

.ptjjfa .step img {
	height: 50px;
}

.cta--reverse {
	position: relative;
	background-image: url(../images/yyfc.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}




.logo_hz img {
	height: 190px;
	padding: 50px;
}

@media (max-width: 768px) {
	.logo_hz img {
		height: 60px;
		padding: 10px 10px;
	}

	.button_b {
		display: block;
	}
}

@media (min-width: 768px) {
	.expanded__title {
		color: #06d19c
	}
}

img {
	transition: all 0.4s;
}

img:hover {
	transform: scale(1.04);
}

.goTop>img {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.goTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

@media (max-width: 768px) {
	.goTop>img {
		width: 40px;
		height: 40px;
	}
}

.down {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #333;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 50px;
	text-align: center;
}











/*解决方案*/
.page__header {
	position: relative;
	color: #ffffff;

	width: 100%;
}

.page__header_top {
	background: url(../images/banner_2.jpg) center top;
	overflow: hidden;
}



/*特效*/

/*#wrapper {
	height:100%;
	width:100%;
	text-align:center;
	display:table;
	position:absolute;
}
#title {
	display:table-cell;
	vertical-align:middle;
	z-index:999;
}
#title h2 {
	color:#fff;
	font-size:45px;
	font-family:"museo-slab";
}
#title h3 {
	color:#fff;
	font-size:25px;
	font-family:"museo-sans";
	font-weight:300
}
#wrapper canvas {
	position:absolute;
	top:0;
	left:0;
	width:1950px;
	height:auto;
}
#canvas {
	z-index:1;
}
#canvasbg {
	z-index:-10;
	-webkit-filter:blur(3px);
	-moz-filter:blur(3px);
	-o-filter:blur(3px);
	filter:blur(3px);
	opacity:0.6;
}*/





.qukuiallian .container .steps__inner .step {
	padding: 0px 40px;
}

.qukuiallian .container .steps__inner .step img {
	width: 100px;
}







/*.fuwujiagou{background: url(../images/service_banner.jpg);}*/
.service__header_top {
	background: url(../images/slide_3.jpg);
}






/* service */
.service_boy img:hover {
	transform: none
}










.sereice_img:hover {
	transform: none
}

.step_con:hover {}

.huoer_b {
	position: absolute;
}

.huoer {
	position: relative;
	top: 50%;
}

.service_anli {
	padding: 50px 0;
}

.service_anli_body ul li {
	float: left;
	width: 33.33%;
	overflow: hidden;
	padding: 30pt 30pt;
}


.service_anli_body ul {
	padding: 0px;
}

.service_anli_body ul li .service_anli_img {
	background: #000;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 12.5rem;
	border-radius: 8px;



}

.service_anli_body ul li:hover .service_anli_img img {
	opacity: 0.5;
}

.service_anli_body_but {
	position: absolute;
	right: 50%;
	top: 50%;
	display: none;
	color: #fefefe;
	transform: translate(50%, -50%);


}

.service_anli_body_but a {
	padding: 8px 20px;
	display: block;
	border: 1px solid #fefefe;
	border-radius: 50px;
}

.service_anli_body ul li:hover .service_anli_body_but {
	display: block;
}

@media (max-width: 768px) {
	.service_anli_body ul li {
		width: 100%;
	}

}








.news_img {
	float: left;
	width: 30%;
	padding-top: 20px;
}

.news_img img {
	width: 240px;
	height: 150px;
}

.news_text {
	float: left;
	width: 70%;
}

@media (max-width: 768px) {
	.news_img {
		float: left;
		width: 100%;
		text-align: center;
		padding: 10px;
	}

	/* .news_img img{width: 100%;} */
	.news_text {
		float: left;
		width: 100%;
	}

}

.news_body ul {
	padding: 0;
}

.page_con {
	text-align: center;
}

.page_con i {
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer
}

.page_con span:hover {
	background: #0099FF;
	color: #fff;
}

.news_header_top {
	background: url(../images/slide_4.jpg) center top;
	overflow: hidden;
}

.about_us_top {
	background: url(../images/banner_about_us.jpg) center top;
	overflow: hidden;
}

/* 新的CSS */

.d-block {
	display: block;
}

/* 首页CSS */

.index_1_bg {
	width: 100vw;
	height: 100vh;
}



.index_1_left {
	float: left;
}

.index_1_left_bor {
	border-right: 1px solid #D3D3D3;
	margin-right: -2px;
}

.index_1_left_bor li {
	font-size: 16px;
	text-align: right;
	padding: 15px;
	border: 1px solid rgba(68, 75, 90, 0);
	border-right: 4px solid rgba(1, 255, 191, 0);
	cursor:pointer
}

.index_1_left_bor li:hover {
	color: #01FFBF;
	background: linear-gradient(270deg, rgba(71, 76, 88, 0.5) 1.57%, rgba(99, 99, 99, 0) 100%);
	border: 1px solid rgba(68, 75, 90, 0.4);
	border-right: 4px solid rgba(1, 255, 191, 1);
}

.index_1_left_bor .active {
	color: #01FFBF;
	background: linear-gradient(270deg, rgba(71, 76, 88, 0.5) 1.57%, rgba(99, 99, 99, 0) 100%);
	border: 1px solid rgba(68, 75, 90, 0.4);
	border-right: 4px solid rgba(1, 255, 191, 1);
}

.index_1_right {
	display: none;
}
.index_1_right_con{
	float: left;
	width: 1000px;
	margin-left: 100px;
}
.index_1_right_con .active{
	display: block;
}

.index_1_right h1 {
	margin: 0rem 0 0.5rem;
	font-family: 'Source Han Sans CN';
	font-style: normal;
	font-weight: 700;
	font-size: 38px;
	line-height: 60px;
	letter-spacing: 2px;
	text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.25);
	

}

.index_1_right p {
	font-family: 'Source Han Sans CN';
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	margin-top: 28px;
	text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5);

}

.index_1_right_b {
	margin-top:100px;
}
.index_1_right_texe_1{
	margin-top: 30px;
}
.index_1_right_texe{
	display: flex;
	margin-top: 20px;
}
.index_1_right_texe h4{
	display: inline-block;
	margin: 0;
	
}
.index_1_right_texe img{
	width: 35px;
	height: 35px;
	margin-right: 10px;
	
}
.index_1_right_button {
	display: inline-block;
	font-size: 14px;
	padding: 10px 30px;
	background: linear-gradient(270deg, rgba(0, 111, 255, 0.2) 0%, rgba(1, 255, 191, 0.2) 100%);
	backdrop-filter: blur(4px);
	border: 1px solid #06d19c;
	margin-top: 30px;
	
}

.index_1_right_button:hover {
	background: #06d19c;
}

.index_1_right_b_row {
	text-align: center;
	border: 1px solid rgba(180, 180, 180, 1);
	height: 60px;
	width: 165px;
	float: left;
	margin-right: 10px;
}

.index_1_right_b_row:hover {
	background: linear-gradient(270deg, rgba(0, 111, 255, 0.2) 0%, rgba(1, 255, 191, 0.2) 100%);
	backdrop-filter: blur(4px);
	border: 1px solid #06d19c;
	/* Note: backdrop-filter has minimal browser support */
}
.index_1_right_b .active{
	background: linear-gradient(270deg, rgba(0, 111, 255, 0.2) 0%, rgba(1, 255, 191, 0.2) 100%);
	backdrop-filter: blur(4px);
	border: 1px solid #06d19c;
	/* Note: backdrop-filter has minimal browser support */
}
.index_1_right_b_row img {
	height: 80%;
	padding-top: 6%;
}

.business_content h4 span {
	padding: 0px 5px;
	color: #01FFBF;
	font-size: 12px;
	background-image: url(../images/button_border_2.png);
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}






.index_2_backward {
	background-image: url(../images/index_02.png);
	background-position: center 0;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
	position: relative;
}

.index_2row {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

.index_2_list {
	width: 22%;
}

.index_2_list_con {
	position: relative;
	background-image: url(../images/index_2_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.index_2_list_title {
	margin-bottom: 20px;
	;
}

.index_2_list_con img {
	margin-bottom: 22px;
	display: none;
	transform: none;
}

.index_2_list_con .active {
	display: block;
}
.index_2_list_con_bg{
	position: absolute;
	bottom: 33%;
	left: -3%;
	width: 106%;
	display: flex;
	justify-content: space-between;
}
.index_2_list_con_bg img{
	display: inline-block;
}

.index_2_list_con_text {
	position: absolute;
	bottom: 0px;
	left: -3%;
	width: 106%;
	background: url(../images/index_2_list_con_text.png), rgba(0, 0, 0, 0.6);
	box-shadow: 0px -5px 4px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(9px);
	padding: 40px;
	
}

.index_2_list_con_text span {
	display: block;
	font-size: 16px;
	color: #01FFBF;
	text-decoration-line: underline;
	line-height: 30px;

}

.index_2_list_con_text .active {
	display: none;
}



.index_3_row {
	display: flex;
	flex-wrap: wrap
}

.index_3_row_1 {
	border-right: #333 solid 2px;
	border-bottom: #333 solid 2px;
	border-top: #333 solid 2px;
	width: 20%;
	padding: 40px 20px;
}

.index_3_row_1 img {
	width: 40px;
}

.index_3_row_1:hover {
	border: #01FFBF solid 2px;
	background-image: url(../images/index_03_row_hover.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.index_3_row .active {
	border: #01FFBF solid 2px;
	background-image: url(../images/index_03_row_hover.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.index_3_row_2 {
	border-right: #333 solid 2px;
	border-bottom: #333 solid 2px;
	width: 20%;
	padding: 40px 20px;
	float: left;
}

.index_3_row_2 img {
	width: 30px;
}

.index_3_row_2:hover {
	border: #01FFBF solid 2px;
	background-image: url(../images/index_03_row_hover.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


/* 客户资讯 */
.index_4 {
	background-image: url(../images/index_04.png);
	background-position: center 0;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
	position: relative;
}

.index_4_row {
	height: auto;
	overflow: hidden;
	overflow-x: auto;
	/* white-space: nowrap; */
	/* 元素不换行 */
	width: auto;
	/* (宽度) */
}

.Info_box {
	display: flex;
	justify-content: space-between;

}

.Info_row {
	width: 32%;
	position: relative;
	overflow: hidden;
}

.Info_text {
	background: rgba(41, 41, 45, 0.74);
	padding: 0 30px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	transition: .5s;
}

.Info_text h3 {
	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
}

.Info_text span {
	color: #F7F7F7;
	height: 66%;
	display: none;
	padding-top: 30px;
}

.Info_text i {
	color: #01FFBF;
	display: block;
	font-size: 20px;
	text-align: right;
	display: none;

}



.Info_row:hover .Info_text {
	top: 0%;
}

.Info_row:hover .Info_text span {
	display: block;
}

.Info_row:hover .Info_text i {
	display: block;
}

.Info_box_tab_lift {
	/* float: left; */
	width: 70%;
	background-color: rgba(255, 255, 255, 0.3);
	color: #01FFBF;
	height: 2px;
}

.Info_box_tab_lift span {
	display: inline-block;
	width: 20px;
	height: 2px;
	line-height: ;
}

.Info_box_tab_right {
	float: left;
	width: 20%;
}

.Info_box_tab_right i {
	font-size: 3.75rem;
}

.index_6 {
	background-image: url(../images/index_6.png);
	background-position: center 0;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	position: relative;
}

.index_7 {
	background-image: url(../images/index_7.png);
	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}

.index_7_img {
	width: 19%;
	margin-right: 1%;
	margin-top: 1%;


}

.index_7_row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.index_7_img2 {
	display: none;
}

.index_7_img:hover .index_7_img2 {
	display: block;
}

.index_7_img:hover .index_7_img1 {
	display: none;
}

.index_7_row .active .index_7_img2 {
	display: block;
}

.index_7_row .active .index_7_img1 {
	display: none;
}


/* 8年技术沉淀 成就行业口碑 */
.index_9 {
	background-image: url(../images/index_9.png);
	` background-position: center 0;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	position: relative;
}

.index_9_content {}

.index_9_lift {
	float: left;
	width: 14%;
}

.index_9_lift li h3 {
	display: inline-block;
	padding: 0rem 1.25rem 2.5rem 1.25rem;
	margin: 0rem 1.25rem 2.5rem 1.25rem;
	;
}

.index_9_lift li span {
	color: rgba(1, 255, 191, 0);
	;
}

.index_9_lift li span {
	color: rgba(1, 255, 191, 0);
	;
}

.index_9_lift .active span {
	color: rgba(1, 255, 191, 1);
}

.index_9_lift .active h3 {
	font-size: 1.875rem;
	color: rgba(1, 255, 191, 1);
}

.index_9_lift li:hover span {
	color: rgba(1, 255, 191, 1);
	;
}

.index_9_right_row {
	width: 300vw;
}

.index_9_right {
	height: auto;
	overflow: hidden;
	overflow-x: auto;
	/* 设置x轴可滑动 */
	white-space: nowrap;
	width: auto;
	/* (宽度) */
}

.index_9_right_comtent {
	float: left;
	position: relative;
	margin-right: 1.875rem;
	overflow: hidden;
}

.index_9_right_comtent p,
span {
	color: azure;
}

.index_9_right_comtent img {
	width: 60rem;
}

.index_9_right_comtent div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4.25rem;
	width: 100%;
}

/* 新闻资讯 */
.index_11_h b {
	display: inline-block;
	background-color: aliceblue;
	width: 1px;
	height: 10px;
	margin: 0 20px;
}

.index_11_h a {
	font-size: 16px;
}

.index_11_h a:hover {
	font-size: 16px;
	color: #01FFBF;
}

.index_11_h .active {
	color: #01FFBF;
}

.index_11_h i {
	font-size: 16px;
	margin: 0 20px;
}

.index_11_row {
	overflow-x: auto;
	margin-left: 6%;
}

.index_11_row_list {
	width: 31.25rem;
	position: relative;
	float: left;
	margin-right: 60px;
	height: 28.75rem;
}

.index_11_row_title h3 {
	margin: 0;
	padding: 0;
}

.index_11_row_title h4 {
	margin: 0;
	padding: 0;
}

.index_11_row_content {
	position: absolute;
	width: 31.25rem;
	height: 260px;
	padding: 20px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(0%, 100%, 0);
	transform: translate3d(0%, 100%, 0);
	background: rgba(41, 47, 58, 0.7);
	box-shadow: inset -1px -1px 2px rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(16px);
	/* display: none; */
}

.index_11_row_box .active {
	margin-right: 270px;
}

.index_11_row_list:hover .index_11_row_content {
	display: block;
	top: 50%;
	left: 60%;
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, -50%, 0);
	transition: 0.6s;
}

.index_11_row_list:hover .index_11_row_title {
	display: none;
}

.index_11_row_list:hover .index_11_row_img {
	-webkit-transform: translate3d(0%, -42%, 0);
	transform: translate3d(0%, -50%, , 0);
}

.index_11_row_img {
	background-color: ;
	position: absolute;
	width: 31.25rem;
	height: 260px;
	top: 50%;
	left: 0%;
	-webkit-transform: translate3d(0%, -50%, 0);
	transform: translate3d(0%, -50%, , 0);
	transition: .5s;
}

.index_11_row_box .active .index_11_row_content {
	display: block;
	top: 50%;
	left: 60%;
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, -50%, 0);
	transition: 0.6s;
}

.index_11_row_box .active .index_11_row_title {
	display: none;
}

.index_11_row_box .active .index_11_row_img {
	-webkit-transform: translate3d(0%, -42%, 0);
	transform: translate3d(0%, -50%, , 0);
}

.index_11_row_list:hover {
	margin-right: 270px;

}

.index_11_row_img img:hover {
	transform: scale(1);
}

.index_11_row_content p {
	line-height: 200%;
	color: aliceblue;
}

.index_11_time1 {
	font-size: 4.125rem;
	color: #01FFBF;
}

.footer__row h4 {
	float: left;
	padding: 0;
	margin: 0;
}

.footer__data__item h3 {
	padding-bottom: 1.875rem;
}

.footer__row div {
	float: left;
}







/* APP/小程序开发 */
.app_applet_1 {
	height: 60ch;
	background-image: url(../images/app-applet_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

}

.app_applet_1_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.app_applet_1_row h3 {
	margin: 0;
}

.app_applet_1_list {
	background: rgba(41, 47, 58, 0.5);
	border: 1px solid #454B56;
	backdrop-filter: blur(31px);
	padding: 1.875rem;
	width: 30%;

}

.app_applet_3 {
	background-image: url(../images/app-applet_6.png);
	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}

.app_applet_3_row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.app_applet_3_row ul {
	width: 24%;
	background: #292F3A;
	border: 1px solid #424854;
}

.app_applet_3_row ul li {
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
}

.app_applet_3_row ul li:hover {
	background: linear-gradient(275.17deg, #006FFF 31.9%, #01FFBF 100%);
}

.app_applet_3_row ul .active {
	background: linear-gradient(275.17deg, #006FFF 31.9%, #01FFBF 100%);
}

.app_applet_3_Content {
	background: url(../images/app-applet_3.png);
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: 100% 100%;
	position: relative;
	width: 75%;
	height: 70ch;
	padding: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.app_applet_3_Content_text{
	display: none;
}
.app_applet_3_Content .active{
	display: block;
}

.app_applet_3_Content_text{
	display: none;
}
.app_applet_3_Content p {
	color: #fff;
	font-size: 1rem
}

.app_applet_3_Content h3 {
	margin-bottom: 5rem;
}

.app_applet_3_button {
	width: 170px;
	height: 40px;
	border: 1px solid #01FFBF;
	text-align: center;
	line-height: 40px;
	color: #01FFBF;
}

.app_applet_4 {
	padding-bottom: 0;
}




.cases_1 {
	height: 60ch;
	background-image: url(../images/cases_1.png);
	background-repeat: no-repeat;
	background-size: cover;

}

.app_applet_1_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.app_applet_1_list {
	background: rgba(41, 47, 58, 0.5);
	border: 1px solid #454B56;
	backdrop-filter: blur(31px);
	padding: 1.875rem;
	width: 30%;

}
.cases_row_l{
	margin-left: 150px;
}
.cases_row_1 ul{
	position: fixed;
	padding-top: 100px;
}
.cases_row_1 ul li{
	padding: 1.875rem;
	width: 150px;
	color: #fff;
	font-size: 1.125rem;
}
.cases_row_1 ul li a:hover{
	color: #01FFBF;
}
.cases_row_1 ul .active a{
	color: #01FFBF;
	font-size: 1.3rem;
	font-weight: bold;
}

.cases_1_list {
	height: auto;
	overflow-y: auto;
	padding-left: 10.5%;
}

.cases_1_list_box {
	width: 300%;
	display: flex;
}

.cases_1_list_box li {
	height: 370px;
	width: 310px;
	border-radius: 0px;
	overflow: hidden;
	position: relative;
	margin-right: 1.25rem;
	transition: all 0.2s;
}

.cases_1_list_box :hover {
	height: 370px;
	width: 496px;
}

.cases_1_list_box .active {
	height: 370px;
	width: 496px;
}

.cases_1_list_box .active .cases_1_list_box_text {
	display: none;
}

.cases_1_list_box li img {
	height: 370px;
	position: absolute;
	left: 0px;
	top: 0px;

}

.cases_1_list_box_text {
	background: rgba(21, 21, 22, 0.74);
	backdrop-filter: blur(20px);
	/* Note: backdrop-filter has minimal browser support */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	padding: 30px;
}

.cases_1_list_box_text h3 {
	display: inline;
}

.cases_2_row_options {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.cases_2_row_options li {
	color: #fff;
	font-size: 1rem;
}

.cases_2_row_options .active {
	color: #01FFBF;
}

.cases_2_row_content {
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

.cases_2_row_content li {
	width: 19%;
	overflow: hidden;
	padding: 0.625rem;
}

.cases_2_row_content img {}


.cases_row img{
	display: block;
	width: 100%;
	transform:none
}


.solutions_1 {
	height: 60ch;
	background-image: url(../images/solutions_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.solutions_1_row {
	align-items: center;
	justify-content: flex-start;
}

.solutions_1_row h1 {
	text-align: left;
	font-family: PingFang SC;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-bottom: 0;

}

.solutions_1_row p {
	text-align: left;
	font-size: 18px;
}

.solutions_1_row_button {
	width: 147px;
	height: 40px;
	line-height: 40px;
	font-size: 1.125rem;
	color: #01FFBF;
	background-image: url(../images/button_border.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.solutions_2_row_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;

}

.solutions_2_row_content li {
	width: 25%;
	overflow: hidden;
	padding: 1%;
}

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

.solutions_2_row_list {}

.solutions_2_row_list h2 {
	background: linear-gradient(270deg, #01FFBF 0%, #006FFF 100%);
	margin: 0;
	padding: 1.875rem;
	font-weight: 900;
}

.solutions_2_row_list_row {
	padding: 1.875rem;
	background-image: url(../images/solutions_2_row_list_row.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-bottom: 1.25rem;
}

.solutions_2_row_list_1 p {
	color: #fff;
}

.solutions_2_row_list_button a {
	color: #01FFBF;
}

.nav_Second {
	position: fixed;
	z-index: 999;
	top: 60px;
	width: 100%;
	background-image: url(../images/nav_second.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;

}

.nav_Second_block {
	display: block;
}

.nav_Second_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5% 0;
}

.nav_Second_list {
	width: 19%;
	margin-top: 1.25rem;
	background: rgba(252, 252, 253, 0.5);
	border: 1px solid #ECEDEE;
	padding: 1.25rem;
	position: relative;
}

.nav_Second_list h3 {
	margin-top: 1.125rem;
}

.nav_Second_list img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: -3;
	display: none;
}

.nav_Second_list:hover {
	background: rgba(252, 252, 253, 0);
}

.nav_Second_list:hover img {
	display: block;
}

.nav_Second_list:hover h3 {
	color: #fff;
}

.nav_Second_list:hover p {
	color: #fff;
}

.nav_Second_row .active {
	display: block;
}

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

.nav_Second_list_2_row {
	position: absolute;
	bottom: -110%;
	left: 0;
	width: 100%;
	z-index: 100;
	background: rgba(252, 252, 253, 1);
	border: 1px solid #ECEDEE;
	padding: 1.25rem;
	display: none;
}

.nav_Second_list h3 {
	color: #000;
}

.nav_Second_list_2_row li {
	width: 50%;
	font-size: 14px;
	line-height: 40px;
}

.nav_Second_list_2_row li:hover {
	font-weight: 400;
	line-height: 40px;
	/* identical to box height */
	text-decoration-line: underline;
}


.introduction_1 {
	height: 75vh;
	background-image: url(../images/introduction_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}

.introduction_1_row {
	align-items: center;
	justify-content: flex-start;
}

.introduction_1_row h1 {
	text-align: left;
	font-family: PingFang SC;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-bottom: 0;
}

.introduction_1_row h1 {
	text-align: left;
	font-family: PingFang SC;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-bottom: 0;

}

.introduction_1_list_box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
}

.introduction_1_list_box li {
	width: 14%;
	padding: 2rem;
	background: rgba(26, 29, 34, 0.9);
}

.introduction_1_list_box h3 {
	font-size: 1.125rem;
	text-align: center;
}


.introduction_1_list_box img {
	width: 40%;
}

.introduction_3 {
	background-image: url(../images/introduction_3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.introduction_3_row {
	display: flex;
}

.introduction_3_left {
	width: 24%;
}

.introduction_3_right {
	width: 76%;
}

.introduction_3_left li {
	display: flex;
}

.introduction_3_left p {
	margin: 0;
	color: #fff;
}

.introduction_3_left_l {
	width: 10%;
	color: #01FFBF;
	font-weight: bold;
	line-height: 85px;
}

.introduction_5_row {
	background: url(../images/introduction_5.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

.introduction_5_row_con {
	display: flex;
	justify-content: space-between;
}

.introduction_5_l {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: space-between;
	height: 500px;
}

.introduction_5_l_t h1 {
	position: relative;
	font-size: 48px;
}

.introduction_5_l_t_1 {
	display: none;
	margin-top: 120px;
}
.introduction_5_l_t_1 p{
	color: #fff;
}
.introduction_5_l_t .cative {
	display: block;
}

.introduction_5_l_t_1 h1 i {
	display: block;
	position: absolute;
	height: 10px;
	width: 100px;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, #01FFBF 0%, rgba(1, 255, 191, 0) 100%);
}

.introduction_5_l_t_1 h1 span {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
}

.introduction_5_l_t_1 p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 32px;
}

.introduction_5_l_b {
	display: flex;
	justify-content: flex-start;
}

.introduction_5_l_b img {
	width: 25%;
	margin-right: 1.25rem;
}

.introduction_5_l_b .active {
	border: 1px solid #01FFBF;
}

.introduction_5_r {
	height: 500px;
}

.introduction_5_r img {
	height: 565px;
}

.introduction_6_row {
	padding-left: 6%;
}

.introduction_6_row_con {
	display: flex;
}

.introduction_6_row_con li {
	display: flex;
	width: 18%;
	margin-left: 1%;
}

.introduction_6_row_con .active {
	width: 43%;
}

.introduction_6_row_con .active .introduction_6_row_l_text {
	display: none;
}

.introduction_6_row_con .active .introduction_6_row_l {
	width: 42%;
}

.introduction_6_row_r {
	width: 58%;
	padding: 20px;
	display: none;
	background-color: #292F3A;
}

.introduction_6_row_r h3 {
	display: inline-block;
	margin: 0;
}


.introduction_6_row_con .active .introduction_6_row_r {
	display: block;
}

.introduction_6_row_l {
	position: relative;
}

.introduction_6_row_l_text {
	position: absolute;
	top: 0;
	left: 1.25rem;
}

.introduction_6_row_r p {
	color: rgba(255, 255, 255, .5);
}

.introduction_7 {
	padding-bottom: 0;
}


.benefits_1_row {
	max-width: 120ch;
}

.benefits_1_row_list {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.benefits_1 {
	height: 60ch;
	background-image: url(../images/benefits_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.benefits_2 {
	padding-top: 28px;
	padding-bottom: 0;
}

.benefits_2row_list {
	display: flex;
}

.benefits_1_row_list li {
	text-align: left;
}

.benefits_2row_list {
	display: flex;
}

.benefits_2row_img {
	width: 50%;
}

.benefits_2row_img {
	width: 50%;
	position: relative;
	overflow: hidden;
	transition: 0.7s;
	height: 342px;
}

.benefits_2row_text {
	width: 50%;
	padding: 80px 30px 80px 80px;
	display: flex;
	justify-content: space-between;
	background-color: #292F3A;
	transition: 0.7s;
	border-top: solid 2px #292F3A;
}

.benefits_2row_text2 {
	display: flex;
	align-items: flex-end;
	/* padding: 1.875rem; */
	width: 26%;
}

.benefits_2row_text1 p {
	margin-bottom: 0;
}

.benefits_2row_img span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.345em;
	text-align: center;
}

.benefits_2row_img img {
	opacity: 0.3;
	width: 100%;
}

.benefits_2row_list:hover .benefits_2row_text {
	/* width: 30%; */
	border-top: solid 2px #01FFBF;
}

.benefits_2row_list:hover .benefits_2row_img {
	/* width: 70%; */
}

.benefits_2row_list:hover .benefits_2row_img img {
	opacity: 1;
}

.benefits_2row_list:hover .benefits_2row_text2 {}

.business_1 {
	flex-direction: row;
	justify-content: center;
}

.business_1_row {
	text-align: center;
}

.business_2 {
	background: url(../images/business_2.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


.business_3_row {
	display: flex;
	flex-wrap: wrap
}

.business_3_row_1 {
	width: 33.33%;
	padding: 40px 40px;
	border: solid 1px #404040;
}

.business_3_row_1 h2 {
	margin: 0;
}

.business_3_row_1 span {
	margin-bottom: 6.25rem;
	display: block;
}

.business_3_row_1 p {
	color: aliceblue;
}

.business_3_row_1:hover {
	background-image: url(../images/business_3_row_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.business_3_row .active {
	background-image: url(../images/business_3_row_1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.join_us_1 {
	height: 70ch;
	background-image: url(../images/join_us_1.png);
	background-repeat: no-repeat;
	background-size: cover;
}