.banner {
	height: 570px;
	margin-bottom: 0;
	overflow: hidden;
}
.banner-text2 {
	padding-bottom: 50px;
}
.banner-text2 .desc {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}
.banner-text2 .title {
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 40px;
}
.banner-text2 .title2 {
	margin-top: 150px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	height: 28px;
	line-height: 28px;
}
.banner-text2 .title2 span {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 16px;
}
.page-wrap3 {
	height: 590px;
	padding-top: 70px;
	background: url(../images/robot-w/robotbg.png) no-repeat center top;
	text-align: center;
}
.page-wrap3 .page-box3 .title_en{
	height: 60px;
	line-height: 60px;
	font-size: 72px;
	font-weight: 500;
	color: #2F4056;
	text-align:center;
	text-transform:uppercase;
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page-wrap3 .page-box3 .title{
	margin-top:-40px;
}
.page-box4>.title_en {
	height: 60px;	
	line-height: 60px;
	margin-top: 80px;
	font-size: 72px;
	font-weight: 500;
	color: #2F4056;
	text-align:center;
	text-transform:uppercase;
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page-box4>.title {
	margin-top:-40px;
	line-height: 40px;		
	margin-bottom: 50px;
	font-size: 32px;
	color: #2F4056;
	font-weight: 600;	
	text-align: center;	
}
.page-box4>.desc {
	text-align: center;
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 48px;
	font-weight: 400;
	color: rgba(47, 64, 86, 0.7);
	line-height: 22px;
}
.page-box3-nav>div {
	margin-right: 30px;
	display: inline-block;
	width: 270px;
	height: 320px;
	background: #FFFFFF;
	border-radius: 26px;
	border: 1px solid #0075FF;
}
.page-box3-nav {
	position: relative;
	margin-bottom: 50px;
}
.page-box3>.title {
	margin-bottom: 64px;
	font-size: 32px;
	font-weight: 600;
	color: #142030;
	line-height: 40px;
}
.page-box3-nav>div:last-child {
	margin-right: 0;
}
.page-box3-nav>.img-line {
	z-index: 9;
	position: absolute;
	overflow: hidden;
	width: 1180px;
	bottom: 45px;
}
.page-box3-nav .page-box3-nav-item .icon {
	z-index: 990;
	position: absolute;
	bottom: 42px;
}
.page-box3-nav .page-box3-nav-item>.desc {
	font-size: 14px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 40px;
	color: rgba(47, 64, 86, 0.7);
	line-height: 22px;
}
.page-box3-nav .page-box3-nav-item>.title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 28px;
	line-height: 28px;
}
.page-box3-nav .page-box3-nav-item {
	padding-top: 40px;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: middle;
	/* background-color: red; */
	position: relative;
	box-sizing: border-box;
}
.page-box3-nav .page-box3-nav-item.on .desc {
	color: white;
}
/* .page-box3-nav .page-box3-nav-item.on */
.page-box3-nav .page-box3-nav-item.on .icon {
	bottom: 50px;/* background: red; *//* transform:translate3d(0,0,1); */
}
.page-box3-nav .page-box3-nav-item.on {
	height: 360px;
	/* transform: scale(1.1); */
	background: linear-gradient(360deg, #005BFF 0%, rgba(16, 125, 255, 0.94) 100%);
	box-shadow: 2px 8px 34px 1px #B8D1EE;
	border-radius: 28px;
	border: 4px solid #0075FF;
	color: #FFFFFF;
}
.page-box3-nav .page-box3-nav-item.on img {
	margin-top: 16px;
}
.page-box3-nav .page-box3-nav-item.on .circle {
	margin-top: 68px;
	color: rgba(47, 64, 86, 0.7);
}
.page-box3-nav .page-box3-nav-item .circle {
	margin: 0 auto;
	margin-top: 60px;
	width: 184px;
	height: 44px;
	line-height: 44px;
	background: #FFFFFF;
	box-shadow: 3px 4px 14px 0px rgba(54, 122, 203, 0.23);
	border-radius: 35px;
	border: 1px solid #0075FF;
}
.page-box3-nav .page-box3-nav-item .circle span {
	color: #005BFF;
	font-weight: 800;
	font-size: 20px;
}
.page-box3-nav .page-box3-nav-item .circle img {
	width: 20px;
	transform: rotate(270deg);
}
.page-wrap6 {
	margin-bottom:80px;
}
.page-box6>.title_en {
	height: 60px;
	line-height: 60px;
	margin-top: 80px;
	font-size: 72px;
	font-weight: 500;
	color: #2F4056;	
	text-align:center;
	text-transform:uppercase;
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page-box6>.title {
	margin-top:-40px;	
	margin-bottom: 80px;	
	line-height: 40px;	
	font-size: 32px;
	font-weight: 600;
	color: #142030;
	text-align: center;
}
.page-box6-nav li .desc {
	display: none;
	padding-right:25px;
	padding-left:25px;
}
.page-box6-nav li .title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}
.page-box6-nav li{
	width: 236px;
	height: 262px;	
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	color: rgba(47, 64, 86, 0.7);	
}
.page-box6-nav li img{
	margin-top:70px;
	margin-right:auto;
	margin-left:auto;
}
.page-box6-nav li .img02{
	display:none;
	width:50px;
	height:50px;
}
.page-box6-nav li:hover {
	background: linear-gradient(180deg, #1D84FF 0%, #005CFF 100%);
	box-shadow: 0px 8px 26px 0px rgba(0, 77, 167, 0.32);
	border-radius: 20px;
	color: white;
}
.page-box6-nav li:hover img{
	margin-top:24px;
	margin-bottom:10px;
}
.page-box6-nav li:hover .img01{
	display:none;
}
.page-box6-nav li:hover .img02{
	display:block;
}
.page-box6-nav li:hover .desc {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.8;
	line-height: 20px;
}
.page-box2-body {
	height: 502px;
	background: url(../images/bg.png);
}
.page-box2-body .title {
	margin-top: 40px;
	margin-bottom: 30px;
	height: 56px;
	font-size: 24px;
	box-sizing: border-box;
	font-weight: 600;
	line-height: 56px;
}
.page-wrap2 {
	overflow: hidden;
	height: 750px;
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.06) 0%, rgba(0, 117, 255, 0) 100%);
}
.page-box2>.title_en{
	height: 60px;
	line-height: 60px;	
	margin-top: 80px;
	font-size: 72px;
	font-weight: 500;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;	
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.page-box2>.title {
	margin-top:-40px;
	text-align: center;
	height: 43px;
	font-weight: 700;
	font-size: 32px;
	color: #142030;
	line-height: 43px;
}
.page-box2-body .text1 {
	color: #142030
}
.page-box2-body .text2 {
	color: #fff;
	margin-left: -90px;
	font-size: 20px;
	font-weight: 600;
}
.page-box2-body .text3 {
	font-weight: 400;
	color: rgba(47, 64, 86, 0.7);
	line-height: 22px;
}
.page-box2-body .flex-item:first-child {
	margin-left: 50px;
	text-align: left;
}
.page-box2-body .flex-item:last-child {
	margin-right: 50px;
	text-align: right;
}
.page-box2-nav li {
	line-height: 70px;
	height: 60px;
}
.page-box4 {
	position: relative;
	height: 640px;
}
.page-box4-nav {
	display: inline-block;
	text-align: left;
}
.page-box4-nav li {
	position:relative;
	display: inline-block;
	width: 300px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}
.page-box4-nav li .robotbg01{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(38, 79, 128, 0.36);
}
.page-box4-nav li .robot_text{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.page-box4-nav li.on .robotbg01{
	z-index:3;
	background: rgba(31, 52, 77, 0.75);
}
.page-box4-nav li.on .robot_text{
	z-index:3;
}
.page-box4-nav li.on {
	z-index:3;
	transform: scale(1.2);
}
.page-box4-nav li.on .desc {
	display: block;
}
.page-box4-nav li.on .line {
	background: linear-gradient(138deg, #009CFF 0%, #0060FF 100%);
}
.page-box4-nav li.on .play-btn {
	display: block;
}
.page-box4-nav li .line {
	width: 24px;
	height: 2px;
	background: #FFFFFF;
	margin: 20px auto;
}
.page-box4-nav li {
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.page-box4-nav li .title {
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 28px;
}
.page-box4-nav li .desc {
	display: none;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
}
.page-box4-nav li .icon {
	margin-top: 80px;
}
.page-box4 .btn-left {
	display: inline-block;
	width: 0;
	height: 0;
	border: 20px solid;
	margin-right: 10px;
	border-color: transparent #0075FF transparent transparent;
	position: absolute;
	bottom: 180px;
	left: -55px;
}
.page-box4 .btn-left.disabled {
	border-color: transparent #EBEEF2 transparent transparent;
}
.page-box4 .btn-right.disabled {
	border-color: transparent transparent transparent #EBEEF2;
}
.page-box4 .btn-right {
	margin-left: 10px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 20px solid;
	border-color: transparent transparent transparent #0075FF;
	position: absolute;
	bottom: 180px;
	right: -55px;
}
.page-box4-nav .stopping .stop-btn{
display: none!important;
} 
.page-box4-nav .playing .stop-btn{
display:block!important;
} 
.page-box4-nav .playing .play-btn{
display: none!important;
} 
.page-box4-nav li.on .play-btn {
	display: block;
}
.page-box4 .stop-btn {
	display: none;
	width: 120px;
	margin: 10px auto;
	display: none;
}
.page-box4 .play-btn {
	width: 40px;
	margin: 10px auto;
	display: none;
}
.hx-box {
	margin-top: 236px;
}
.common_cont{
	margin-top:100px;
}
.common_cont2{
	margin-top:100px;
	padding-top:80px;
	height: 696px;
	background: linear-gradient(270deg, #FFFFFF 0%, #F3F9FF 100%);
}
.common_cont2 .text_en{
	height: 60px;
	line-height: 60px;
	font-size: 72px;
	font-weight: 500;
	color: #2F4056;
	text-align:center;
	text-transform:uppercase;	
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.common_cont3{
	margin-top:60px;
}
.common-body{
	margin-top:72px;
} 
.common-box>.title_en {
	height: 60px;
	line-height: 60px;
	font-size: 72px;
	font-weight: 500;
	color: #2F4056;
	text-align:center;
	text-transform:uppercase;
	background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.common-box>.title {
	line-height: 40px;
	margin-top:-40px;		
	font-size: 32px;
	font-weight: 600;
	color: #142030;
	text-align: center;	
}
.common-box>.desc {
	margin-top: 16px;
	margin-bottom: 40px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #2F4056;
	text-align: center;
	
}
.common-body-nav {
	float:left;
	width: 400px;
}
.common-body-nav3 {
	float:right;
	width: 400px;
}
.common-body-nav li {
	height:88px;
	padding-top: 36px;
	box-sizing: border-box;
	position: relative;
	background: linear-gradient(270deg, rgba(0, 117, 255, 0) 0%, rgba(0, 117, 255, 0.06) 100%);
}
.common_cont3 .common-body-nav li{
	padding-top:0;
	line-height:80px;
}
.common-body-img{
	float:right;
	width:670px;
}
.common-body-img3{
	float:left;
	width:670px;
}
.common-body-img4{
	float:right;
	width:600px;
}
.common-body-nav li>.title {
	font-size: 20px;
}
.common-body-nav li>.title i {
	vertical-align: middle;
	display: inline-block;
	margin-left: 32px;
	margin-right: 20px;
	width: 16px;
	height: 16px;
	background: #B7D8FF;
	border-radius: 2px;
}
.common-body-nav li>.desc {
	display: none;
	padding-top:10px;
	padding-right: 30px;
	margin-left: 68px;
	line-height: 22px;	
	font-size:16px;
}
.common-body-nav li.on i {
	background: white
}
.common-body-nav li.on::after {
	position: absolute;
	right: -20px;
	top: 70px;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent transparent #0075FF;
}
.common-body-nav li.on {
	height: 160px;
	background: #0075FF;
	color: #fff;
}
.common-body-nav.nav-right li.on::after {
	border-color: transparent #0075FF transparent transparent;
	left: -20px;
}
.common-body-nav.nav2 li.on::after {
	top: 30px;
}
.common-body-nav.nav2 li.on {
	height: 80px;
}
.common-body-nav li.on .title {
	font-size: 24px;
}
.common-body-nav li.on .desc {
	display: block;
}
