html{ 
	overflow-x: hidden;
}
.gavinPlay{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
    /* background:red url("https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2406548182,3889596045&fm=80") center no-repeat;
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    /* background-size:cover; */ 
    /* 随便设置宽高值，测试 */
    /* width:200px;
    height:200px; */
    /* 设置默认样式，开启3d硬件加速 */
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation: float 8.5s ease-in-out infinite;
    -moz-animation: float 8.5s ease-in-out infinite;
     animation: float 8.5s ease-in-out infinite;
}

@keyframes float {
  0% {
	transform: translatey(0px);
  }
  50% {
	transform: translatey(-50px);
  }
  100% {
	transform: translatey(0px);
  }
}
.banner .swiper-container {
	  width: 100%;
	  height: 100%;
}

.swiper-slide {
	width: 100%; 
	background-size: 100%;
	background-repeat: no-repeat;
}
.swiper-slide img{
	width: 100%;
}
.swiper-pagination-bullet{
	display: block;
	width: 20px !important;
	height: 20px !important;
	margin-right: 10px !important;
}
.swiper-pagination-bullet{
	background: #ffffff !important;
	opacity:0.4 !important;
}
.swiper-pagination-bullet-active{
	background: #fff !important;
	opacity:0.8 !important;	
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px!important;
}
.banner{
	 width: 100%; 
	
	 position: relative;
}
.logoSpan{
	position: absolute;
	top: 38px;
	left: 238px;
	z-index: 99;
}
.banner img{
	width: 100%;
}
.pice1{
	position: absolute;
	top: 0; 
	right: 52px;
}
.logo{
	position: absolute;
	left:286px;
	top:95px;
}
.logotext {
	position: absolute;
	left: 286px;
	top:305px;
}
.logotext h1{ 
	font-size: 58px; 
	font-weight: bold;
	color: #333333;  
}
#main{
	width: 1290px;
	height: 603px;
}
.codeImg_left{
	width:157px;
	height: 176px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 2px solid #333333; 
	
	text-align: center;
	
}
 .codeImg{
	 position: absolute;
	 left:286px;
	 top:487px;
 }
.codeImg_left .imgrwm{
	display: block;
	width:125px;
	height:125px; 
	margin: 0 auto; 
	font-size: 0;
	margin-top: 12px;
}
#videoContainer1{
	width: 638px;
	height: 408px;
}
#videoContainer2{
	width: 638px;
	height: 408px;
}
#videoContainer3{
	width: 638px;
	height: 408px;
}
#videoContainer4{
	width: 638px;
	height: 408px;
}
#videoContainer5{
width: 638px;
	height: 408px;
}
.imgrwm img{
	width:125px;
	height:125px;
}
.nav h1{
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	text-align: center; 
}
.nav p{
	font-size: 16px;
	color: #999999;
	text-align: center;
	line-height: 25px;
	}
}
.codeImg_left .Textrwm{
	display: block;
	font-size: 18px; 
	font-weight: bold;
	color: #333333; 
	margin-top: 10px;
}
.codeImg_right a{
	display: block;
	width: 186px;
	line-height:54px;
	height: 54px;
	background: #FFFFFF;
	border-radius: 27px;
	border: 2px solid #333333;
	font-size: 20px;
	text-align: center;
	color: #333333;
}
.Store{
	margin-top: 16px;
	margin-left: 78px;
}
.Android{
	margin-top: 36px;
	margin-left: 78px;
}
.nav{
	width: 100%;
	padding-top: 36px;
	height: 284px;
	/* background: #FFF8DB; */
}
.navBox{
	width: 1440px;
	margin: 0 auto;
}
.navBox li{
	margin-top: 25px;
	float: left;
	width:280px;
	height: 97px;
	font-size: 28px; 
	text-align: center;
	color: #333333;
	line-height: 97px;
	cursor: pointer;
}
.f-nav li.current{
	/* background: #fff; */
	border-radius: 5px 5px 0 0;
	font-size: 28px; 
	font-weight: bold;
	color: #0484FF; 
	height: 84px;
} 
.navBox li.current2{
	background: #fff; 
	border-radius: 5px 5px 0 0;
	font-size: 36px; 
	font-weight: bold;
	color: #3195F9;
	border-bottom: 4px solid #3195F9;
}
.navBox li.current3{
	background: #fff; 
	border-radius: 5px 5px 0 0;
	font-size: 36px; 
	font-weight: bold;
	color: #52FFAD;
	border-bottom: 4px solid  #52FFAD;
}
.navBox li.current4{
	background: #fff; 
	border-radius: 5px 5px 0 0;
	font-size: 36px; 
	font-weight: bold;
	color: #3590FB;
	border-bottom: 4px solid #3590FB;
}
.navBox li.current5{
	background: #fff; 
	border-radius: 5px 5px 0 0;
	font-size: 36px; 
	font-weight: bold;
	color: #48E2B4;
	border-bottom: 4px solid #48E2B4;
}
.navBoxList{
	width: 100%;
	height: 600px;
	
	position: relative;
}
.navBoxListTab{
	width: 1440px;
	margin: 0 auto;
	display: none; 
}
.navImg1{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.navImg2{
	position: absolute;
	left:-42px;
	bottom: 1px;
	z-index: -1;
	width: 286px;
	height: 286px; 
}
.navImg2  img{
	width: 286px;
	height: 286px;
}
.navBoxList_left{
	width: 638px;
	height: 408px; 
}
.provide1{
	margin-left: 95px;
}
.provide2{
	width: 473px;
	min-height: 200px;
	font-size: 24px; 
	font-weight: bold;
	color: #333333;
	margin-left: 128px;
	text-align: justify;
}
.provide3{
	margin-left: 95px;
	
}
.provide3 a{
	display: block;
	width: 238px;
	height: 62px;
	background: linear-gradient(90deg, #FB4CA1 0%, #FC4B4B 100%);
	border-radius: 30px; 
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 62px;
	text-align: center;
	margin-top: 45px;
	cursor: pointer;
	margin-left: 34px;
}
#videoContainer{
	width: 638px;
	height: 408px;
}
.Growth{
	width: 100%; 
	height: 338px;
	background: #CEFAF6;
	z-index: 999;
	padding-top:48px;
}
.GrowthContent{
	width: 1840px;
	height: 338px;
	background: #FFFFFF; 
	position: relative;
}
.GrowthContentBg{
	position: absolute;
	font-size: 0;
	right:109px;
	/* top: -0.1rem; */
}
.GrowthContent h1{ 
	display: block;
	font-size: 42px; 
	font-weight: bold;
	color: #333333; 
	text-align: center;
	padding-top: 84px;
}
.GrowthContent p{ 
	font-size: 16px;  
	color: #999999;  
	text-align: center;
	line-height: 25px;
}
.revenue .revenue_title{ 
	display: inline-block;
	width:220px;
	height: 56px; 
	background: url(../img/platform.png) no-repeat;
	margin-left:378px; 
	position: relative;
	 
}
.revenue_title em{
	position: absolute;
	font-size: 36px;
	font-weight: bold;
	color: #333333; 
	top: -10px;
}

.revenueSpanLine{
	display: block;
	width: 34px;
	height:8px;
	background: #FCE276;
	border-radius: 4px;
	margin-left:380px;
	margin-top: -25px;
}
.GrowthMain{
	width:1440px;
	height: 783px;
	position: relative;
	margin: 0 auto;
}
.GrowthMain1{
	position: absolute;
	top: 228px;
	right: -480px;
}
.GrowthMain2{
	position: absolute;
	bottom: -100px;
	left:-88px;
}
.GrowthMain_left{
	width:147px;
	height: 603px;  
}
.GrowthMain_right{
	width: 1290px;
	height:623px;
	background: url(../img/sjb1.svg) no-repeat;
	background-size: 100% !important;
}
.GrowthMain_leftUL li{
	margin-bottom: 52px;	 
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	
}
.GrowthMainLi1{
	width:58px;
	height:58px;
	background: url(../img/p1.svg) no-repeat;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
	 
}
.GrowthMainLi1:hover{
	background: url(../img/p1.svg) no-repeat;
}
.GrowthMainLi2{
	width:58px;
	height:58px; 
	background: url(../img/p02.svg) no-repeat;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
	position: relative;
}
.GrowthMainLi2:hover{ 
	background: url(../img/p2.svg) no-repeat;
}
.GrowthMainLi3{
	width:58px;
	height:58px; 
	background: url(../img/p03.svg) no-repeat;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
}
.GrowthMainLi3:hover{ 
	background: url(../img/p3.svg) no-repeat;
}
.GrowthMainLi4{
	width:58px;
	height:58px;  
	background: url(../img/p04.svg) no-repeat;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
}
.GrowthMainLi4:hover{ 
	background: url(../img/p4.svg) no-repeat;
}
.GrowthMainLi5{
	width:58px;
	height:58px;  
	background: url(../img/p05.svg) no-repeat;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
}
.GrowthMainLi5:hover{ 
	background: url(../img/p5.svg) no-repeat;
}

.GrowthMain_leftUL li span{ 
	width: 18px;
	height: 20px; 
	position: absolute;
	left: 84px;
	top: 18px;
	display: none;
}
.OurStory_top{
	height:106px;
	position: relative;
}
.OurStory_top h1{ 
	font-size: 42px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.OurStory_top p{ 
	font-size: 16px;
	color: #999999;
	text-align: center;
}
.OurStory_top span{
	position: absolute;
	right: 70px;
	top: -26px;
}
.OurStoryMainUl{
	width:1440px;
	margin: 0 auto;
	height:524px;
	margin-top:82px; 
}
.OurStoryMainUl li{
	float: left;
	width:448px;
	height: 524px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(204, 218, 255, 0.18);
	border-radius:12px;
	margin-right:48px;
	
}
.OurStoryMainUl li:last-child{
	margin-right: 0;
}
.regenerationText1{
	display: block;
	width: 100px;
	height:29px;
	background: #CFE3FF;
	border-radius: 4px;
	line-height:29px;
	text-align: center; 
	font-size:12px; 
	color: #149FFE; 
	margin: 32px 0 38px 26px;
}
.regenerationText2{
	display: block;
	width:76px;
	height:29px;
	line-height: 29px;
	background: #D5F6F2;
	border-radius: 4px; 
	font-size:12px; 
	color: #03DE9C;  
	text-align: center;
	margin: 32px 0 38px 26px;
}
.regenerationText3{
	display: block;
	width: 88px;
	height:29px;
	line-height: 29px;
	background: #CFE3FF;
	border-radius: 4px; 
	font-size:12px; 
	color: #149FFE;
	text-align: center;
	margin: 32px 0 38px 26px;
}
.ourselves{
	position: relative;
	height: 780px;
}
.ourselvesTop{
	width: 1440px;
	height: 600px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 154px;
}
.OurStoryMainUl li p{ 
	font-size: 18px; 
	font-weight: 500;
	color: #333333;
	padding: 0  26px;
	text-align:justify;
	text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
	word-break: break-word;
}
.ourselves_right h1{ 
	font-size:36px;
	font-weight: bol;
	color: #333333;
	margin-left: 84px;
	margin-top: 74px;
}
.ourselvesContentright{
	margin-top:36px;
}
.ourselvesContentright p{
	text-indent: 2em; 
	font-size:18px;
	color: #333333;
	width: 660px;
	text-align:justify;
	text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
	line-height:32px;

}
.ourselvesContentLeft{
	margin-left:47px;
	margin-top:44px;
	margin-right: 6px;
}
.ourselves1{
	position: absolute;
	right:75px;
	top: -88px;
	z-index: -1;
}
.ourselves2{
	position: absolute;
	left: 0;
	bottom: 0;
}
.ourselvesBoxUl{
	width: 1440px;
	margin: 0 auto;
	margin-top: 24px; 
	margin-bottom: 50px;
}
.ourselvesBoxUl .swiper-slide{
	float: left;
	width:262px !important;
	height:124px !important;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
	border-radius: 4px;
	line-height: 124px;
	text-align: center; 
	font-size:28px;
	color: #666666; 
	margin-right: 32px;
	cursor: pointer;
}
.ourselvesBoxUl .swiper-slide.swiper-slide-thumb-active{
		color: #fff;
		background: #0484FF; 
		z-index: 888;
	}
 
.footer{
	height: 240px;
	background: #F7FAFF;
}
.footerBox{
	width: 1440px;
	margin: 0 auto;
}
.technology1{ 
	font-size: 20px; 
	font-weight: bold;
	color: #333333; 
	margin-top: 32px;
}
.technology2{ 
	font-size: 14px; 
	color: #666666;  
	margin-top: 8px;
}
.technology3{
	font-size: 16px;
	color: #666666;  
	margin-top: 8px;
}
.technology4{ 
	font-size: 20px;  
	color: #333333;  
	margin-top: 38px;
}
.technology5{
	margin-top: 10px;
}
.footer_right{
	text-align: center;
	margin-top:56px;
}
.footer_right p{
	margin-top: 58px; 
	font-size: 12px; 
	color: #666666;  
}
.footer_right p span{
	margin-left: 12px;
	margin-right: 8px;
}
.footer_right p em{
	margin-left: 12px;
}


@media screen and (max-width:1440px) {
    html{
    	overflow-x: hidden;
    }
    .banner{
    	width: 100%; 
    	/*background: linear-gradient(90deg, #E3ECFF 0%, rgb */a(227, 236, 255, 0.14) 100%);
    }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
				bottom: 20px!important;
			 }
	 .logoSpan {
		position: absolute;
		top: 34px;
		left: 177px;
		z-index: 99;
	 }
	 .logoSpan img{
		 width: 220px;
		 height: 45px;
	 }
	 
    .pice1{
    	position: absolute;
    	top: 0; 
    	right: 43px;
    }
    .logo{
    	position: absolute;
    	left:237px;
    	top:79px;
    }
    .logotext {
    	position: absolute;
    	left: 237px;
    	top:175px;
    }
    .logotext h1{ 
    	font-size: 40px; 
    	font-weight: bold;
    	color: #333333;  
    }
    .codeImg_left{
    	width:130px;
    	height: 146px;
    	background: #FFFFFF;
    	border-radius: 8px;
    	border: 2px solid #333333; 
    	
    	text-align: center;
    	
    }
     .codeImg{
    	 position: absolute;
    	 left:238px;
    	 top:296px;
     }
    .codeImg_left .imgrwm{
    	display: block;
    	width:104px;
    	height:104px; 
    	margin: 0 auto; 
    	font-size: 0;
    	margin-top: 12px;
    }
    .imgrwm img{
    	width:104px;
    	height:104px;
    }
    .codeImg_left .Textrwm{
    	display: block;
    	font-size: 14px; 
    	font-weight: bold;
    	color: #333333; 
    	margin-top: 8px;
    }
    .codeImg_right a{
    	display: block;
    	width: 154px;
    	line-height:44px;
    	height: 44px;
    	background: #FFFFFF;
    	border-radius: 27px;
    	border: 2px solid #333333;
    	font-size: 16px;
    	text-align: center;
    	color: #333333;
    }
    .Store{
    	margin-top: 16px;
    	margin-left: 64px;
    }
    .Android{
    	margin-top: 36px;
    	margin-left: 64px;
    }
    .nav{
    	width: 100%; 
		padding-top:48px;
		height: 200px;
    	/* height: 102px; */
    	/* background: #FFF8DB; */
    }
    .navBox{
    	width: 1200px;
    	margin: 0 auto;
    }
    .navBox li{
    	margin-top: 25px;
    	float: left;
    	width:234px;
    	height: 80px;
    	font-size: 28px; 
    	text-align: center;
    	color: #333333;
    	line-height: 82px;
    	cursor: pointer;
    }
    .navBox li.current{
		width:234px;
		height: 80px;
    	background: url(../img/current1.svg) no-repeat; 
    	font-size: 30px; 
    	font-weight: bold;
    	color: #FC4B4C;
		background-size: 100%;
    }
	#videoContainer1{
		width: 532px;
		height: 338px;
	}
	#videoContainer2{
		width: 532px;
		height: 338px;
	}
	#videoContainer3{
		width: 532px;
		height: 338px;
	}
	#videoContainer4{
		width: 532px;
		height: 338px;
	}
	#videoContainer5{
		width: 532px;
		height: 338px;
	}
    .navBoxList{
    	width: 100%;
    	height:492px;
    	
    	position: relative;
    }
    .navBoxListTab{
    	width: 1200px;
    	margin: 0 auto;
		display: none;
    	margin-top:74px;
    }
    .navImg1{
    	position: absolute;
    	bottom: 0;
    	right: 0;
		z-index: -1;
    }
	.navImg1 img{
		width: 816px;
		height: 358px;
	}
    .navImg2{
    	position: absolute;
		left: -81px;
		bottom: -38px;
		z-index: -1;
    }
	.navImg2 img{
		width: 195px;
		height: 278px;
	}
    .navBoxList_left{
    	width: 529px;
    	height: 338px;
    }
	.navBoxList_left img{
		width: 529px;
		height: 338px;
	}
    .provide1{
    	margin-left: 78px;
		margin-top: -10px;
    }
    .provide2{
    	    width: 392px;
    	    height: 74px;
    	    font-size: 24px;
    	    font-weight: bold;
    	    color: #333333;
    	    margin-left: 106px;
    }
    .provide3{
    	margin-left: 79px;
		margin-top: -10px;
    }
    .provide3 a{
    display: block;
        width: 198px;
        height: 52px;
        background: linear-gradient(90deg, #FB4CA1 0%, #FC4B4B 100%);
        border-radius: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 52px;
        text-align: center;
        margin-top: 28px;
        cursor: pointer;
    }
    }
    .Growth{
    	width: 100%; 
    	height: 280px;
    	background: #fff;
    	z-index: 999;
    	padding-top:40px;
    }
    .GrowthContent{
    	width: 1440px;
    	height: 280px;
    	background: #FFFFFF; 
		margin: 0 auto;
    	position: relative;
    }
    .GrowthContentBg{
    	position: absolute;
    	font-size: 0;
    	right:72px;
		
    	/* top: -0.1rem; */
    }
	.GrowthMain {
		margin-top: 10px;
	}
	.GrowthContentBg img{
		width: 306px;
		height: 114px;
	}
    .GrowthContent h1{ 
    	display: block;
    	font-size: 36px; 
    	font-weight: bold;
    	color: #333333; 
    	text-align: center;
    	padding-top: 70px;
    }
    .GrowthContent p{ 
    	font-size: 16px;  
    	color: #999999;  
    	text-align: center;
    	line-height: 25px;
		margin-bottom: 30px;
    }
    .revenue .revenue_title{ 
		display: inline-block;
		width: 182px;
		height: 46px;
		background: url(../img/platform.png) no-repeat;
		margin-left:184px;
		position: relative;
		background-size: 100%;
    }
    .revenue_title em{
    	position: absolute;
    	font-size: 32px;
    	font-weight: bold;
    	color: #333333; 
    	top: -10px;
    }
    
    .revenueSpanLine{
    	display: block;
		width: 28px;
		height: 6px;
		background: #FCE276;
		border-radius: 4px;
		margin-left:184px;
		margin-top: 0px;
    }
    .GrowthMain{
    	width:1200px;
    	height:650px;
    	position: relative;
    	margin: 0 auto;
    }
    .GrowthMain1{
    	position: absolute;
    	top: 190px;
    	right: -202px;
    }
	.GrowthMain1 img{
		width: 200px;
		height: 346px;
	}
    .GrowthMain2{
    	position: absolute;
    	bottom: -100px;
    	left:-120px;
    }
	.GrowthMain2 img{
		width: 214px;
		height: 214px;
	}
    .GrowthMain_left{
    	width:106px;
    	height:500px;  
    }
    .GrowthMain_right{
    	width: 1090px;
    	height:520px;
    	border-radius: 4px;
    }
    .GrowthMain_leftUL li{
    	margin-bottom: 52px;	 
    	position: relative;
    	cursor: pointer;
    	border-radius: 50%;
    }
    .GrowthMainLi1{
    	width:48px;
    	height:48px;
    	background: url(../img/p1.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
    	background-size: 100% !important;
    }
    .GrowthMainLi1:hover{
		width:48px;
		height:48px; 
    	background: url(../img/p1.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi2{
    	width:48px;
    	height:48px;
    	background: url(../img/p02.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
    	position: relative;
		background-size: 100% !important;
    }
    .GrowthMainLi2:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p2.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi3{
    	width:48px;
    	height:48px; 
    	background: url(../img/p03.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi3:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p3.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi4{
    	width:48px;
    	height:48px;
    	background: url(../img/p04.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi4:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p4.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi5{
		width:48px;
		height:48px;
    	background: url(../img/p05.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi5:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p5.svg) no-repeat;
		background-size: 100% !important;
    }
    
    .GrowthMain_leftUL li span{ 
    	width: 15px;
    	height: 16px; 
    	position: absolute;
		left: 66px;
        top: 15px;
		display: none;
    }
    .OurStory_top{
    	height:100px;
    	position: relative;
    }
    .OurStory_top h1{ 
    	font-size: 36px;
    	font-weight: bold;
    	color: #333333;
    	text-align: center;
    }
    .OurStory_top p{ 
    	font-size: 16px;
    	color: #999999;
    	text-align: center;
    }
    .OurStory_top span{
    	position: absolute;
    	right: 70px;
    	top: -26px;
    }
	.OurStory_top span img{
		width: 204px;
		height: 114px;
	}
    .OurStoryMainUl{
    	width:1200px;
    	margin: 0 auto;
    	height:434px;
    	margin-top:68px; 
    }
	#main{
		width: 1080px;
		height:476px;
	}
    .OurStoryMainUl li{
    	float: left;
    	width:374px;
    	height:436px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 0px rgba(204, 218, 255, 0.18);
    	border-radius:12px;
    	margin-right:39px;
    	
    }
    .OurStoryMainUl li:last-child{
    	margin-right: 0;
    }
    .regenerationText1{
    	display: block;
    	width: 100px;
    	height:29px;
    	background: #CFE3FF;
    	border-radius: 4px;
    	line-height:29px;
    	text-align: center; 
    	font-size:12px; 
    	color: #149FFE; 
    	margin: 32px 0 38px 26px;
    }
    .regenerationText2{
    	display: block;
    	width:76px;
    	height:29px;
    	line-height: 29px;
    	background: #D5F6F2;
    	border-radius: 4px; 
    	font-size:12px; 
    	color: #03DE9C;  
    	text-align: center;
    	margin: 32px 0 38px 26px;
    }
    .regenerationText3{
    	display: block;
    	width: 88px;
    	height:29px;
    	line-height: 29px;
    	background: #CFE3FF;
    	border-radius: 4px; 
    	font-size:12px; 
    	color: #149FFE;
    	text-align: center;
    	margin: 32px 0 38px 26px;
    }
    .ourselves{
    	position: relative;
    	height: 652px;
    }
    .ourselvesTop{
    	width: 1200px;
    	height: 498px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
    	border-radius: 4px;
    	margin: 0 auto;
    	margin-top: 128px;
		position: relative;
    }
    .OurStoryMainUl li p{ 
    	font-size: 14px; 
    	font-weight: 500;
    	color: #333333;
    	padding: 0  26px;
		text-align:justify;
		text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
    	word-break: break-word;
    }
    .ourselves_right h1{ 
    	font-size:28px;
    	font-weight: bol;
    	color: #333333;
    	margin-left: 84px;
    	margin-top: 48px;
    }
    .ourselvesContentright{
    	margin-top:36px;
    }
    .ourselvesContentright p{
    	text-indent: 2em; 
    	font-size:14px;
    	color: #333333;
    	width: 520px;
    	line-height:25px;
		text-align:justify;
		text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
    
    }
    .ourselvesContentLeft{
    	margin-left:47px;
    	margin-top:44px;
    	margin-right: 6px;
    }
    .ourselves1{
    	position: absolute;
    	right:-137px;
    	top: -88px;
    	z-index: -1;
    }
	.ourselves1 img{
		width: 274px;
		height: 335px;
	}
    .ourselves2{
    	position: absolute;
    	left: -35px;
    	bottom: 0;
    }
	.ourselves2 img{
		width: 100px;
		height: 124px;
	}
    .ourselvesBoxUl{
    	width: 1200px;
    	margin: 0 auto;
    	margin-top: 24px; 
		margin-bottom: 50px;
    }
    .ourselvesBoxUl .swiper-slide{
    	float: left;
    	width:218px !important;
    	height:102px !important;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
    	border-radius: 4px;
    	line-height: 102px;
    	text-align: center; 
    	font-size:22px;
    	color: #666666; 
    	margin-right: 27px;
    	cursor: pointer;
    }
	.ourselvesBoxUl .swiper-slide.swiper-slide-thumb-active{
		color: #fff;
		background: #0484FF; 
	}
    
	.pice1 img{
		width: 588px;
		height:463px;
	}
	.logo img{
		width: 264px;
		height: 60px;
	}
	.OurStoryMainUl  li img{
		width: 374px;
		height: 234px;
	}
	.ourselves_left  img{
		width: 550px;
		height: 498px;
	}
	
	
	
	.footer{
		height: 240px;
		background: #F7FAFF;
	}
	.footerBox{
		width: 1200px;
		margin: 0 auto;
	}
	.technology1{ 
		font-size: 24px; 
		font-weight: bold;
		color: #333333; 
		margin-top: 32px;
	}
	.technology2{ 
		font-size: 16px; 
		color: #666666;  
		margin-top: 12px;
	}
	.f-nav li.current{
		/* background: #fff; */
		border-radius: 5px 5px 0 0;
		font-size: 24px; 
		font-weight: bold;
		color: #0484FF; 
		height: 84px;
	} 
	.technology3{
		font-size: 16px;
		color: #666666;  
		margin-top: 8px;
	}
	.technology4{ 
		font-size: 20px;  
		color: #333333;  
		margin-top: 20px;
	}
	.technology5{
		margin-top: 10px;
	}
	.footer_right{
		text-align: center;
		margin-top:56px;
	}
	.footer_right p{
		margin-top: 58px; 
		font-size: 12px; 
		color: #666666;  
	}
	.footer_right p span{
		margin-left: 12px;
		margin-right: 8px;
	}
	.footer_right p em{
		margin-left: 12px;
	}
}











@media screen and (max-width:1200px) { 
	html{
		overflow: scroll;
		width: 100% !important; 
		height: 100% !important;
		min-width: 1200px;
	}
    .banner{
    	width: 100%;
    	height:463px;
    	/* background: linear-gradient(90deg, #E3ECFF 0%, rgba(227, 236, 255, 0.14) 100%); */
    }
    .pice1{
    	position: absolute;
    	top: 0; 
    	right: 43px;
    }
    .logo{
    	position: absolute;
    	left:237px;
    	top:79px;
    }
    .logotext {
    	position: absolute;
    	left: 237px;
    	top:175px;
    }
    .logotext h1{ 
    	font-size: 40px; 
    	font-weight: bold;
    	color: #333333;  
    }
    .codeImg_left{
    	width:130px;
    	height: 146px;
    	background: #FFFFFF;
    	border-radius: 8px;
    	border: 2px solid #333333; 
    	
    	text-align: center;
    	
    }
     .codeImg{
    	 position: absolute;
    	 left:238px;
    	 top:296px;
     }
    .codeImg_left .imgrwm{
    	display: block;
    	width:104px;
    	height:104px; 
    	margin: 0 auto; 
    	font-size: 0;
    	margin-top: 12px;
    }
    .imgrwm img{
    	width:104px;
    	height:104px;
    }
    .codeImg_left .Textrwm{
    	display: block;
    	font-size: 14px; 
    	font-weight: bold;
    	color: #333333; 
    	margin-top: 8px;
    }
    .codeImg_right a{
    	display: block;
    	width: 154px;
    	line-height:44px;
    	height: 44px;
    	background: #FFFFFF;
    	border-radius: 27px;
    	border: 2px solid #333333;
    	font-size: 16px;
    	text-align: center;
    	color: #333333;
    }
    .Store{
    	margin-top: 16px;
    	margin-left: 64px;
    }
    .Android{
    	margin-top: 36px;
    	margin-left: 64px;
    }
    .nav{
    	width: 100%;
    	/* height: 102px;
    	background: #CDE1FF; */
    }
    .navBox{
    	width: 1200px;
    	margin: 0 auto;
    }
    .navBox li{
    	margin-top: 25px;
    	float: left;
    	width:234px;
    	height: 80px;
    	font-size: 28px; 
    	text-align: center;
    	color: #333333;
    	line-height: 82px;
    	cursor: pointer;
    }
   
    .navBoxList{
    	width: 100%;
    	height:492px;
    	
    	position: relative;
    }
    .navBoxListTab{
    	width: 1200px;
    	margin: 0 auto;
		display: none;
    	margin-top: 106px;
    }
    .navImg1{
    	position: absolute;
    	bottom: 0;
    	right: 0;
		z-index: -1;
    }
	.navImg1 img{
		width: 816px;
		height: 358px;
	}
    .navImg2{
    	position: absolute;
		left: -81px;
		bottom: -70px;
		z-index: -1;
    }
	.navImg2 img{
		width: 195px;
		height: 278px;
	}
    .navBoxList_left{
    	width: 529px;
    	height: 338px;
    }
    .provide1{
    	margin-left: 78px;
		margin-top: -10px;
    }
    .provide2{
    	width: 392px;
    	height: 74px;
    	font-size: 32px; 
    	font-weight: bold;
    	color: #333333;
    	margin-left: 106px;
    }
    .provide3{
    	margin-left: 106px;
    }
    .provide3 a{
    	display: block;
    	width: 198px;
    	height: 52px;
    	background: linear-gradient(90deg, #FB4CA1 0%, #FC4B4B 100%);
    	border-radius: 30px; 
    	font-size: 22px;
    	font-weight: bold;
    	color: #FFFFFF;
    	line-height: 52px;
    	text-align: center;
    	margin-top: 70px;
    	cursor: pointer;
    }
    .Growth{
    	width: 100%; 
    	height: 280px;
    	background: #CEFAF6;
    	z-index: 999;
    	padding-top:40px;
    }
    .GrowthContent{
    	width: 96%;
    	height: 280px;
    	background: #FFFFFF; 
    	position: relative;
    }
    .GrowthContentBg{
    	position: absolute;
    	font-size: 0;
    	right:72px;
		
    	/* top: -0.1rem; */
    }
	.GrowthContentBg img{
		width: 306px;
		height: 114px;
	}
    .GrowthContent h1{ 
    	display: block;
    	font-size: 48px; 
    	font-weight: bold;
    	color: #333333; 
    	text-align: center;
    	padding-top: 70px;
    }
    .GrowthContent p{ 
    	font-size: 18px;  
    	color: #999999;  
    	text-align: center;
    	line-height: 25px;
    }
    .revenue .revenue_title{ 
    	display: inline-block;
    	width:182px;
    	height: 46px; 
    	background: url(../img/platform.png) no-repeat;
    	margin-left:180px; 
    	position: relative;
		background-size: 100%;
    	 
    }
	f-nav li.current{
		background: #fff; 
		border-radius: 5px 5px 0 0;
		font-size: 28px; 
		font-weight: bold;
		color: #FFCE00; 
		height: 84px;
	} 
    .revenue_title em{
    	position: absolute;
    	font-size: 36px;
    	font-weight: bold;
    	color: #333333; 
    	top: -10px;
    }
    
    .revenueSpanLine{
    	display: block;
    	width: 28px;
    	height:6px;
    	background: #FCE276;
    	border-radius: 4px;
    	margin-left:180px;
    	margin-top: 8px;
    }
    .GrowthMain{
    	width:1200px;
    	height:650px;
    	position: relative;
    	margin: 0 auto;
    }
    .GrowthMain1{
    	position: absolute;
    	top: 190px;
    	right: -202px;
    }
	.GrowthMain1 img{
		width: 200px;
		height: 346px;
	}
    .GrowthMain2{
    	position: absolute;
    	bottom: -100px;
    	left:-40px;
    }
	.GrowthMain2 img{
		width: 214px;
		height: 214px;
	}
    .GrowthMain_left{
    	width:106px;
    	height:500px;  
    }
    .GrowthMain_right{
    	width: 1090px;
    	height:520px;
    	border-radius: 4px;
    }
    .GrowthMain_leftUL li{
    	margin-bottom: 52px;	 
    	position: relative;
    	cursor: pointer;
    	border-radius: 50%;
    }
    .GrowthMainLi1{
    	width:48px;
    	height:48px;
    	background: url(../img/p1.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
    	background-size: 100% !important;
    }
    .GrowthMainLi1:hover{
		width:48px;
		height:48px; 
    	background: url(../img/p1.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi2{
    	width:48px;
    	height:48px;
    	background: url(../img/p02.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
    	position: relative;
		background-size: 100% !important;
    }
    .GrowthMainLi2:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p2.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi3{
    	width:48px;
    	height:48px; 
    	background: url(../img/p03.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi3:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p3.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi4{
    	width:48px;
    	height:48px;
    	background: url(../img/p04.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi4:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p4.svg) no-repeat;
		background-size: 100% !important;
    }
    .GrowthMainLi5{
		width:48px;
		height:48px;
    	background: url(../img/p05.svg) no-repeat;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.08);
		background-size: 100% !important;
    }
    .GrowthMainLi5:hover{ 
		width:48px;
		height:48px;
    	background: url(../img/p5.svg) no-repeat;
		background-size: 100% !important;
    }
    
    .GrowthMain_leftUL li span{ 
    	width: 15px;
    	height: 16px; 
    	position: absolute;
		left: 66px;
        top: 15px;
		display: none;
    }
    .OurStory_top{
    	height:176px;
    	position: relative;
    }
    .OurStory_top h1{ 
    	font-size: 48px;
    	font-weight: bold;
    	color: #333333;
    	text-align: center;
    }
    .OurStory_top p{ 
    	font-size: 18px;
    	color: #999999;
    	text-align: center;
    }
    .OurStory_top span{
    	position: absolute;
    	right: 70px;
    	top: -26px;
    }
	.OurStory_top span img{
		width: 204px;
		height: 114px;
	}
    .OurStoryMainUl{
    	width:1200px;
    	margin: 0 auto;
    	height:434px;
    	margin-top:68px; 
    }
	#main{
		width: 1080px;
		height:476px;
	}
    .OurStoryMainUl li{
    	float: left;
    	width:374px;
    	height:436px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 0px rgba(204, 218, 255, 0.18);
    	border-radius:12px;
    	margin-right:39px;
    	
    }
    .OurStoryMainUl li:last-child{
    	margin-right: 0;
    }
    .regenerationText1{
    	display: block;
    	width: 100px;
    	height:29px;
    	background: #CFE3FF;
    	border-radius: 4px;
    	line-height:29px;
    	text-align: center; 
    	font-size:12px; 
    	color: #149FFE; 
    	margin: 32px 0 38px 26px;
    }
    .regenerationText2{
    	display: block;
    	width:76px;
    	height:29px;
    	line-height: 29px;
    	background: #D5F6F2;
    	border-radius: 4px; 
    	font-size:12px; 
    	color: #03DE9C;  
    	text-align: center;
    	margin: 32px 0 38px 26px;
    }
    .regenerationText3{
    	display: block;
    	width: 88px;
    	height:29px;
    	line-height: 29px;
    	background: #CFE3FF;
    	border-radius: 4px; 
    	font-size:12px; 
    	color: #149FFE;
    	text-align: center;
    	margin: 32px 0 38px 26px;
    }
    .ourselves{
    	position: relative;
    	height: 652px;
    }
    .ourselvesTop{
    	width: 1200px;
    	height: 498px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
    	border-radius: 4px;
    	margin: 0 auto;
    	margin-top: 128px;
    }
    .OurStoryMainUl li p{ 
    	font-size: 16px; 
    	font-weight: 500;
    	color: #333333;
    	padding: 0  26px;
		text-align:justify;
		text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
    	word-break: break-word;
    }
    .ourselves_right h1{ 
    	font-size:48px;
    	font-weight: bol;
    	color: #333333;
    	margin-left: 84px;
    	margin-top: 48px;
    }
    .ourselvesContentright{
    	margin-top:36px;
    }
    .ourselvesContentright p{
    	text-indent: 2em; 
    	font-size:16px;
    	color: #333333;
    	width: 520px;
    	line-height:32px;
		text-align:justify;
		text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
    
    }
    .ourselvesContentLeft{
    	margin-left:47px;
    	margin-top:44px;
    	margin-right: 6px;
    }
    .ourselves1{
    	position: absolute;
    	right:-6px;
    	top: -88px;
    	z-index: -1;
    }
	.ourselves1 img{
		width: 274px;
		height: 335px;
	}
    .ourselves2{
    	position: absolute;
    	left: -35px;
    	bottom: 0;
    }
	.ourselves2 img{
		width: 100px;
		height: 124px;
	}
    .ourselvesBoxUl{
    	width: 1200px;
    	margin: 0 auto;
    	margin-top: 24px; 
		margin-bottom: 50px;
    }
    .ourselvesBoxUl .swiper-slide{
    	float: left;
    	width:218px !important;
    	height:102px !important;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 20px 6px rgba(4, 132, 255, 0.06);
    	border-radius: 4px;
    	line-height: 102px;
    	text-align: center; 
    	font-size:22px;
    	color: #666666; 
    	margin-right: 27px;
    	cursor: pointer;
    }
	.ourselvesBoxUl .swiper-slide.swiper-slide-thumb-active{
		color: #fff;
		background: linear-gradient(45deg, #43D0BF 0%, #369DE0 55%, #3371FF 100%); 
	}
    
	.pice1 img{
		width: 588px;
		height:463px;
	}
	.logo img{
		width: 264px;
		height: 60px;
	}
	.OurStoryMainUl  li img{
		width: 374px;
		height: 234px;
	}
	.ourselves_left  img{
		width: 550px;
		height: 498px;
	}
	
	
	
	.footer{
		height: 240px;
		background: #F7FAFF;
	}
	.footerBox{
		width: 1200px;
		margin: 0 auto;
	}
	.technology1{ 
		font-size: 24px; 
		font-weight: bold;
		color: #333333; 
		margin-top: 32px;
	}
	.technology2{ 
		font-size: 16px; 
		color: #666666;  
		margin-top: 12px;
	}
	.technology3{
		font-size: 16px;
		color: #666666;  
		margin-top: 8px;
	}
	.technology4{ 
		font-size: 20px;  
		color: #333333;  
		margin-top: 20px;
	}
	.technology5{
		margin-top: 10px;
	}
	.footer_right{
		text-align: center;
		margin-top:56px;
	}
	.footer_right p{
		margin-top: 58px; 
		font-size: 12px; 
		color: #666666;  
	}
	.footer_right p span{
		margin-left: 12px;
		margin-right: 8px;
	}
	.footer_right p em{
		margin-left: 12px;
	}
}