.h-header{
	height: 68px; line-height: 68px;
	position: fixed; left: 0; right: 0; top: 0; 
    color: #2f2f2f;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
    z-index: 99;
    background: hsla(0,0%,100%,.8);
    -webkit-backdrop-filter: saturate(130%) blur(16px);
    backdrop-filter: saturate(130%) blur(16px);
}
.h-header--fixed{
	background: hsla(0,0%,100%,.8);
    -webkit-backdrop-filter: saturate(130%) blur(16px);
    backdrop-filter: saturate(130%) blur(16px);
}
.h-wrapper{
	width: 1280px; margin: 0 auto;
}
.h-header .h-wrapper{
	width: auto; padding: 0 80px;
}
.h-logo{
	padding-top: 14px; float: left;
}
.h-logo img{
	height: 40px;
}
.h-nav{
	float: right; 
}
.h-nav li{
	float: left; margin-left: 20px;
}
.h-nav li a{
	display: inline-block;
height: 40px;
border-radius: 8px;
border: 1px solid #FF4800; text-align: center; line-height: 38px; font-size: 16px; color: #FF4800;
background-size: 16px auto;
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 45px;
padding-right: 20px;
}
.h-nav li a.post{
	background: url(../images/h-nav1@2x.png) no-repeat 20px top/16px auto;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.h-nav li a.post:hover{
	color: #fff;
	background-color: #FF4800;
	background-position: 20px bottom;
}
.h-nav li a.workplace{
	background-image: url(../images/h-nav2@2x.png);
	background-color: #FF4800;
	color: #fff;
}
.h-nav li a.workplace:hover{
	background-color: var(--mainhovercolor);
}
.h-head{
	text-align: center;
}
.h-head h2{
	font-size: 48px;

font-weight: bold;
color: #27343B;
line-height: 48px;
}
.h-head h4{
	font-size: 16px;

margin-top: 40px;
color: #79869F;
line-height: 30px;
}

.h-hero{
	background: #F6FAFD;
	padding-top: 180px;
	/*padding-bottom: 150px;*/
	padding-bottom: 100px;
}
.h-hero .body{
	text-align: center;
}
.h-hero .body p{
	font-size: 12px; color: #79869F; margin-top: -100px;
}

.h-solution{
	padding: 150px 0;
}
.h-solution .body{
	margin-top: 40px;
}
.h-solution .body ul{
	overflow: hidden;
}
.h-solution .body li {
	width: 33.33%; text-align: center; padding: 0 20px; float: left;
}
.h-solution .body li img{
	width: 400px;
}
.h-solution .body li .txt h2{
	font-size: 24px; color: #27343B; font-weight: bold;
}
.h-solution .body li .txt p{
	font-size: 16px; color: #79869F; line-height: 1.8; margin-top: 20px;
}

.h-data{
	background: #F6FAFD;
	padding: 150px 0;
}
.h-data .body{
	position: relative;
}
.h-data .body li{
	overflow: hidden; 
	/*margin-bottom: -150px;*/ 
	height: 750px;
}
.h-data .body li .txt{
	float: left; padding-left: 100px;
	width: 540px;
	padding-top: 300px;
	padding-right: 80px;
}
.h-data .body li .txt h2{
	font-size: 24px; color: #27343B; font-weight: bold;
}
.h-data .body li .txt p{
	font-size: 16px; color: #79869F; margin-top: 40px; line-height: 1.8;
}
.h-data .body li .img{
	float: left; margin-left: -160px; text-align: right;
	position: absolute; right: 0; top: 0;
	width: 898px; 
}
.h-data .body li .img img{
	width: 898px; height: 896px;
	position: absolute; left: 0; top: 0;
}

.h-flow{
	background: #27343B; padding: 150px 0 0; overflow: hidden;
}
.h-flow .head h2{
	color: #fff;
}
.h-flow .body{
	margin-top: 40px; margin-bottom: 30px; 
}
.h-flow .body li{
	overflow: hidden; color: #fff;
}
.h-flow .body li .txt{
	float: left; margin-left: 20px;
	width: 360px;
	padding-top: 300px;

}
.h-flow .body li .txt h2{
	font-size: 24px; color: #fff; font-weight: bold;
}
.h-flow .body li .txt p{
	font-size: 16px; color: #fff; margin-top: 40px; line-height: 1.8;
}
.h-flow .body li .img{
	float: left; margin-left: -115px; position: relative;
}
.h-flow .body li .img img{
	width: 898px;
}

.h-flow .body li .img1 video{
	position: absolute; top: 105px; left: 258px;
	width: 530px; height: 297px;
	border-radius: 10px;
}
.h-flow .body li .img2 video{
	position: absolute; top: 230px; left: 137px;
	width: 536px; height: 298px;
	border-radius: 10px;
}
.mt0{
	margin-top: 0 !important;
}

.h-say{
	padding: 150px 0 100px;
	background: #F6FAFD;
}
.h-say .head{
	text-align: left;
}
.h-say .body{
	margin-top: 60px;
	position: relative;
	overflow: hidden;
	cursor: move;

}
.h-say .body ul{
	/*overflow: hidden; margin: 0 -20px;*/ 
	padding-bottom: 50px;
}
.h-say .body li{

/*float: left;
width: 33.33%; padding: 0 20px;*/
padding: 0 10px;
}
.h-say .body li .box{
	
background: #FFFFFF;
box-shadow: 0px  10px 10px rgba(0,0,0,0.1);
border-radius: 30px;
padding: 24px 24px 22px;
}
.h-say .body li .box-hd{
	overflow: auto;
}
.h-say .body li .box-hd .hd-ava{
	float: left; width: 60px;
}
.h-say .body li .box-hd .hd-ava img{
	border-radius: 60px;
}
.h-say .body li .box-hd .hd-txt{
	float: left;
	margin-left: 20px;
}
.h-say .body li .box-hd .hd-txt h2{
	font-size: 20px; color: #27343B; font-weight: bold;
}
.h-say .body li .box-hd .hd-txt p{
	color: #79869F; font-size: 16px; margin-top: 8px;
}
.h-say .body li .box-bd{
	font-size: 16px; color: #556480; line-height: 1.8;
	margin-top: 24px;
}
.h-start{
	padding-top: 150px;
	background: linear-gradient(315deg, rgba(255,72,0,0.9) 0%, rgba(255,72,0,0.7) 100%);
}
.h-start .head h2{
	font-size: 48px; color: #fff; line-height: 1.8;
}
.h-start .body{
	line-height: 0;
}

.h-footer{
	height: 68px; line-height: 68px;
	background: #F6FAFD;
	/*font-size: 16px;*/ font-size: 14px;
	 color: #79869F;
}
.h-footer a{
	color: #79869F;
}
.h-footer a:hover{
	color: var(--mainhovercolor);
}