@charset "utf-8";
/* CSS Document */
html{height: 100%}
*,body{ margin:0; padding:0; font-size:14px; font-family:"微软雅黑";}
body{ width:100%;height:100%;}
.header{ width:100%; height:auto; position:relative;}
.banner{ width:100%; left:0; right:0}
.nav{ width:1200px; margin:auto;}
.action{ font-size:14px !important; color:#29CA8C !important;}
.header-logo{ position:fixed; padding-top:13px; height:60px; top:0; width:100%; background-color:#2273FF; margin:auto; left:0; right:0; z-index:1111;}
.header-logo-left{ float:left; margin-left:17px;}
.header-logo-right{ float:right; margin-right:17px;}
.header-nav{ display:block;}
.header-nav li{ list-style-type:none; float:left;color:#fff; }
.header-nav li a{ text-decoration:none; color:#fff; margin-right:40px; line-height:49px; cursor:pointer;}
.header-text{ position:absolute; top:255px; width:1200px; margin:auto; left:0; right:0;}
.header-text1{ position:absolute; top:220px; width:600px; margin:auto; left:0; right:0; margin-left:160px}
.header-text2{ position:absolute; top:90px; width:600px; margin:150px 900px auto; left:0; right:0;}
.p-text1{ color:#fff; font-size:48px; line-height:34px; margin-top:9px; text-align: center;}
.p-text2{ color:#9F9FA8; font-size:14px; line-height:24px; margin-top:12px; text-align: left;}
.p-text3{ color:#fff; font-size:32px; line-height:34px; margin-top:9px; text-align: left;}
.p-text4{ color:#9F9FA8; font-size:14px; line-height:22px; margin-top:12px; text-align: center;}
.p-text5{ color:#fff; font-size:14px; line-height:22px; margin-top:12px; text-align: center;}
.header-line{ margin-top:38px; width:100px; background-color:#2776d8; height:10px; margin-left:17px; border-radius:5px;}
.banner-r1{ position:absolute; top:150px; right:140px;z-index:1001;}
.banner-r2{ position:absolute; top:150px; right:140px;z-index:1002;}
.banner-r1 img,.banner-r2 img{ width:400px;}

.header-text3{ position:absolute; top:100px; margin:auto; left:0; right:0;}
.header-text4{ position:absolute; top:100px; margin: 50px auto; left:0; right:0;}

.footerBanner{ height:600px; position:relative;}
.footerBanner-img{ width:auto; height:auto; margin-left:400px; margin-top:132px;}
.footerBanner-img1{ width:auto; height:auto; margin-top:0px;}

.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;width:270px;padding-right:5px;padding-left:5px}

.downloadBox-cent{ position:absolute; top:360px; width:560px; margin:auto; left:0; right:0; height: 88px;
    padding-top: 10px;
    box-sizing: border-box;margin-left:160px}
.downloadBox-cent1{ position:absolute; top:240px; width:560px; margin:auto; left:0; right:0; height: 88px;
    padding-top: 10px;
    box-sizing: border-box;}
.appStoreBtn{
    width: 197px;
    height: 57px;
    display: block;
    background: url(../img/download/appStoreBtn.png) 100%/100%;
    margin: 0 auto;
}
.appStoreBtn:hover{
    background: url(../img/download/appStoreBtn-checked.png) 100%/100%;
}
.googlePlayBtn{
    width: 197px;
    height: 57px;
    display: block;
    background: url(../img/download/googlePlayBtn.png) 100%/100%;
    margin: 0 auto;
}
.googlePlayBtn:hover{
    background: url(../img/download/googlePlayBtn-checked.png) 100%/100%;
}

.center-content{
	position: absolute;
    top:810px; 
    width:1200px;
    left:0;
    right:0;
    height: 340px;
    margin:auto;
    display:block;
    background: #fff;
    border-radius:6px;
    box-shadow:0 0 10px rgba(233, 233, 233, .75);
}

.ind-content1{
	position: relative;
	padding-top:170px;
    background: #f8faff;
	padding-bottom:160px;
}
/*div
{
transition: width 2s;
-moz-transition: width 2s;
-webkit-transition: width 2s;
-o-transition: width 2s;
}
div:hover
{
width:300px;
}

.banner-r2 img.on1{
	animation: xuanzhuan 9s linear infinite;  
	-webkit-animation: xuanzhuan 9s linear infinite;
}
@keyframes xuanzhuan
{
0% {transform:rotate(0)}
100% {transform:rotate(360deg)}
}
@-webkit-keyframes xuanzhuan 
{
0% {transform:rotate(0)}
100% {transform:rotate(360deg)}
}*/
.isLoading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100000000;
    overflow: hidden;
}
.ind-content{
	position: relative;
	padding-top:0px;
}
.fixBox{
	position: fixed;
	right: 20px;
	bottom: 120px;
	z-index: 5;
}
.fixBox .item{
	   
    height: 28px;
    margin-bottom: 6px;
    position: relative;
}
.fixBox .item .h{
	background-color:#2856c5;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 0;
    height: 28px;
    line-height: 28px;
    z-index: 2;
    font-size: 12px;
    text-align: center;
    border-radius: 14px;
	overflow: hidden;
    cursor: pointer;
    
	width: 28px;
    transition: width 1s;
	-moz-transition: width 1s;
	-webkit-transition: width 1s;
	-o-transition: width 1s;
}
.fixBox .item .h.active{
    background-color: #2f86f1
}
.fixBox .item  .h:hover{
	width: 130px;
    padding: 0 10px 0 20px;
    text-align: left;
}
.ind-downloadBox{
    position: fixed;
    height: 100%;
    background-color: rgba(0,0,0,0.63);
    width: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 1112;
    min-width: 1200px
}
.ind-downloadBox .wraper{width: 400px;margin: 0 auto;text-align: right;}
.ind-downloadBox .close{width: 42px;height: 42px; margin: 120px auto 30px;}
.ind-downloadBox .code{width: 132px;height: 132px;display: block; margin: 0 auto 0;}
.ind-downloadBox .text{    text-align: center;
    color: #fff;
    margin: 24px 0;
    line-height: 35px;
    font-size: 24px;}
.ind-downloadBox .button{
    width: 239px;
    height: 56px;
    display: block;
    background: url(../img/download/button.png) 100%/100%;
    margin: 0 auto;
}
.ind-downloadBox .button:hover{
    background: url(../img/download/button-checked.png) 100%/100%;
}

.coreTeam ul{list-style: none}
.coreTeam .sfox{background-color: #F8FAFF}
.coreTeam .ind-content{padding: 91px 0 234px;width: 1200px;margin: 0 auto}
.coreTeam .ind-content .ind-title{color: #363636;font-size: 30px;text-align: center;}
.coreTeam .ind-content  ul li{margin-top: 47px;list-style: none}
.coreTeam .ind-content  ul li .title{color: #646464;font-size: 30px;text-align: center;margin-bottom: 44px;}
.coreTeam .ind-content  ul li .item1{box-shadow: 0 0 10px rgba(233, 233, 233, .75);background-color: #fff;padding: 35px 50px;position: relative;    border-radius: 5px;}
.coreTeam .ind-content  ul li .item1 .bg-title{background: url(../img/coreTeam/b-3.png) no-repeat center center;background-size: 111px 42px;color: #137CFF;font-size: 24px;text-align: center;height: 42px;line-height: 42px;}
.coreTeam .ind-content  ul li .item1 .manage{color: #646464;font-size: 28px;text-align: center;margin: 14px 0 48px;}
.coreTeam .ind-content  ul li .item1 .text{color: #7C8289;font-size: 18px;line-height: 33px;padding-bottom: 30px;}
.coreTeam .ind-content  ul li .item1 .b1{position: absolute;width: 64px;height: 60px;left: 50px;top: 102px;}
.coreTeam .ind-content  ul li .item1 .b2{position: absolute;width: 64px;height: 60px;right:50px;    bottom: 35px;}

.coreTeam .ind-content  ul li .item2{margin-top: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.coreTeam .ind-content  ul li .item2 .ind-li{width: 30%;box-shadow: 0 0 10px rgba(233, 233, 233, .75);background-color: #fff;padding: 43px 36px;position: relative;box-sizing: border-box;border-bottom: 3px solid rgba(39,118,216,0.82);    border-radius: 5px;}
.coreTeam .ind-content  ul li .item2 .bg-title{background: url(../img/coreTeam/b-3.png) no-repeat center center;background-size: 91px 42px;color: #137CFF;font-size: 24px;text-align: center;height: 42px;line-height: 42px;width: 100%}
.coreTeam .ind-content  ul li .item2 .manage{color: #646464;font-size: 21px;text-align: center;margin: 14px 0 39px;width: 100%;height: 23px;}
.coreTeam .ind-content  ul li .item2 .text{color: #7C8289;font-size: 18px;line-height: 33px;}
.coreTeam .ind-content  ul li .item2 .b1{position: absolute;width: 45px;height: 42px;left: 34px;top: 143px;}
.coreTeam .ind-content  ul li .item2 .b2{position: absolute;width: 45px;height: 42px;right:50px;    bottom: 43px;}

.coreTeam .ind-content  ul li .item2.twolist  .bg-title{margin-bottom: 40px}
.coreTeam .ind-content  ul li .item2.twolist  .ind-li{width:49.3%;}
.coreTeam .ind-content  ul li .item2.twolist .b1{top: 109px;}
.coreTeam .ind-content  ul li .item2.twolist .b2{position: absolute;width: 45px;height: 42px;right:50px;    bottom: 43px;}



.bai{ background-color:#fff; width:100%;}
.hui{ background-color:#f8faff; width:100%; height:100%;}
.dark{ background-color:#262636; width:100%; height:800px;}

.cont{ width:1200px; margin:0px auto 110px auto; position: relative;}
.cont-title,.es-title,.features-title{font-size:30px; color:#363636; text-align:center;}
.cont-text{ font-size:18px; color:#696969; line-height:32px; margin-top:60px;}

.es{ width:1200px; margin:auto; padding:0px 0 0px 0; overflow:hidden;}
.es-cont{ width:300px; height:0px; background-color:#fff; float:left; margin-right:0px; margin-top:0px;
    border-radius:6px;box-shadow:0 0 10px rgba(233, 233, 233, .75);}
.es-cont-img{ width:100%; text-align:center; margin-top:37px;}
.es-cont-title{margin-top:10px; font-size:20px; color:#1C1C2A; text-align:center; width:100%;}
.es-cont-text{margin-top:10px; font-size:12px; line-height: 20px; color:#898992; text-align:center; width:100%;}

.es-cont1{ width:300px; height:auto; background-color:#fff; margin-right:0px; margin-top:0px;}

.features{ margin:50px auto 0px auto; overflow:hidden;}
.features-cont{ width:100%; overflow:hidden;}
.features-cont1{ width:400px; margin-right:0px; float:left; margin-top:0px;}
.features-cont1-title{ width:100%; overflow:hidden;}
.features-cont1-title-img{ width:100%; text-align:center; margin-top:100px;}
.features-cont1-title-text{ width:100%; text-align:center; margin-top:24px; font-size:20px; color:#1C1C2A;}
.features-cont1-text{ width:350px; font-size:14px; line-height: 22px; color:#898992; margin-top:12px; margin-left:25px;  text-align:center;}

.features-cont2{ width:380px;float:left; margin-top:65px; margin-left:160px;}
.features-cont2-title{ width:100%; overflow:hidden;}
.features-cont2-title-img{ width:auto; float:left;}
.features-cont2-title-text{ width:auto; float:left; margin-top:20px; font-size:20px; color:#363636; margin-left:20px;}
.features-cont2-text{ font-size:14px; color:#6b6b6b; margin-top:10px; line-height:24px;}

.features-cont3{ width:auto; margin: 0 auto; margin-right:0px; margin-top:0px;}
.features-cont3-text{ width:350px; font-size:14px; color:#898992; margin-top:12px; text-align:center; margin: 0 auto;}

.coop{ width:1200px;padding:90px 0 130px 0; overflow:hidden; margin:auto;}
.coop-title{ font-size:30px; color:#363636; text-align:center;}
.coop-cont{ width:1200px; margin-top:65px; overflow:hidden;}
.coop-cont-left{ float:left; margin-top:50px;}
.coop-cont-img{ float:left;box-shadow:0 0 10px rgba(233, 233, 233, .75);}
.coop-cont-right{ float:right; margin-top:50px;}
.ind-charts{
    background: #F8FAFF
}
.ind-charts .wraper{
	width: 700px;
	margin: 0 auto;
	padding: 93px 0 79px;
}
.ind-charts .title{
	color: #363636;
    text-align: center;
    font-size: 30px;
}

.ind-charts .bottom{
	    color: #363636;
    text-align: right;
    font-size: 22px;
}



.footer{ width:100%;background-color:#212330;}
.footer-cent{    height: 60px;
    padding-top: 20px;
    box-sizing: border-box;text-align: center; }
.footer-cent-img{    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.39);
    color: rgba(255,255,255,0.39);
    text-align: center;
    font-size: 14px;
    width: 220px;height: 32px}
.footer-cent-img:last-child{border-right: none}
.footer-cent-img img{
	    display: block;
    margin: -16px auto 12px;
}

.footer-cent{ height: 210px;
    padding-top: 20px;
    box-sizing: border-box;text-align: center; }
.m-t-10{ margin-top:10px !important;}
.m-t-20{ margin-top:20px !important;}
.m-t-25{ margin-top:25px !important;}
.m-t-50{ margin-top:50px !important;}
.m-t-60{ margin-top:60px !important;}
.m-t-65{ margin-top:65px !important;}
.m-t-70{ margin-top:70px !important;}
.m-t-80{ margin-top:80px !important;}
.m-t-90{ margin-top:90px !important;}
.m-t-100{ margin-top:100px !important;}
.m-t-120{ margin-top:120px !important;}
.m-l-170{ margin-left:170px !important;}
.m-l-70{ margin-left:70px !important;}
.left{ float:left;}
.right{ float:right;}
/* news */
.news{ background-color:#f8faff; width:100%; overflow:hidden; padding:72px 0;}
.news-cont{ width:1144px; height:124px; margin:auto; padding:28px;box-shadow:0px 3px 10px rgba(213, 213, 213, .65); border-radius:4px; overflow:hidden; margin-bottom:20px;}
.news-cont-img{ float:left;}
.news-cont-right{ float:left; padding:0 28px; width:880px;}
.news-cont-right-title{ color:#363636; font-size:20px;}
.news-cont-right-text{ color:#6b6b6b; font-size:16px; margin-top:20px;}
.news-cont-right-time{ color:#a0a0a0; font-size:14px; float:right;margin-top:20px;}


/* app */
.app{width:100%; overflow:hidden; padding:40px 0px 0px 0px;}
.app-cont{ width:1200px; margin:auto;overflow:hidden; position:relative; height:600px; padding:0 40px;}
.app-cont-text{width:600px; overflow:hidden; margin-top:30px;}
.app-cont-text-title{  margin-top:50px; font-size:30px; color:#363636;}
.app-cont-text-line{ margin-top:48px; background-color:#4b80ff; border-radius:3px; height:6px; width:100px;}
.app-cont-text-text{ margin-top:28px; font-size:14px; color:#686868; line-height:24px;}
.app-cont-text-text ul li{ color:#29CA8C; margin-top:20px; margin-left:20px;}
.app-cont-text-text ul li a{ color:#1C1C2A;font-size:16px;}
.app-cont-text-text ul a{ color:#898992;font-size:14px; }
.app-cont-text-btn{ position:absolute; left:10px; }
.app-cont-img{ float:right; overflow:hidden; position:relative; width:400px; height:600px;}
.app-cont-img-right{ float:right; overflow:hidden; width:500px; height:600px;}
.app-cont-img1{ position:absolute; right:30px; top:30px; z-index:1002;}
.app-cont-img2{ position:absolute; right:0px; top:80px;z-index:1001;}

.app-cont2{ width:1200px; margin:auto;overflow:hidden; position:relative; height:auto; padding:0 40px;}
.app-cont2-text{width:600px; overflow:hidden; margin-top:80px; float:right;}
.app-cont2-text-title{  margin-top:50px; font-size:30px; color:#363636;}
.app-cont2-text-line{ margin-top:48px; background-color:#4b80ff; border-radius:3px; height:6px; width:100px;}
.app-cont2-text-text{ margin-top:28px; font-size:14px; color:#686868; line-height:24px;}
.app-cont2-text-btn{ position:absolute; left:10px; }
.app-cont2-img{ float:left; overflow:hidden; position:relative; width:500px; height:500px;}
.app-cont2-img1{ position:absolute; left:30px; top:30px; width:480px; height:400px; z-index:1002;}
.app-cont2-img2{ position:absolute; left:0px; z-index:1001;}

.app-cont3{ width:1200px; margin:auto;overflow:hidden; position:relative; height:auto; padding:0 40px;}
.app-cont3-text{width:600px; overflow:hidden; margin-top:80px; float:right;}
.app-cont3-text-title{  margin-top:50px; font-size:30px; color:#363636; text-align:center}
.app-cont3-text-line{ margin-top:48px; background-color:#4b80ff; border-radius:3px; height:6px; width:100px;}
.app-cont3-text-text{ margin-top:28px; font-size:14px; color:#686868; line-height:24px;}
.app-cont3-text-btn{ position:absolute; left:10px; }
.app-cont3-img{ float:left; overflow:hidden; position:relative; width:400px; height:600px;}
.app-cont3-img1{ position:absolute; left:30px; top:30px; z-index:1002;}
.app-cont3-img2{ position:absolute; left:0px; z-index:1001;}

.app-cont4{ width:auto; margin:auto; overflow:hidden; position:relative; height:auto; padding:0 20px;}
.app-cont4-text{width:auto; overflow:hidden; margin-top:20px; }
.app-cont4-text-title{  margin-top:0px; font-size:22px; color:#363636; text-align: left;}
.app-cont4-text-text{ margin-top:20px; font-size:14px; color:#686868; line-height:24px; margin-left: 10px;
    margin-right: 10px;}
.app-cont4-img{ overflow:hidden; position:relative; width:100%; height:100%; margin-top: 30px;}
.app-cont4-img1{ position:relative; overflow:hidden;}

/* roadmap */
.road{width:100%;  padding:152px 0; position:relative; height:1140px; background-color:#f8faff;}
.road-tree{ position:absolute; left:0; right:0; margin:auto; width:59px;}
.road-tree img{width: 59px;}
.road-17{ width:1200px; margin:auto;}
.road-17-left{ width:540px; float:left; text-align:right; font-size:30px; color:#363636;}
.road-17-right{ float:right; margin:0px 50px 0 50px; position:relative;}
.road-17-right-text{ position:absolute; right:10px; top:50px; font-size:14px; color:#6b6b6b; width:380px;}

.road-18q2{ width:1200px; margin:auto; overflow:hidden;}
.road-18q2-right{ width:500px; float:right; text-align:left; font-size:30px; color:#363636; margin-top:80px;}
.road-18q2-left{ float:left; margin-top:50px; margin-left:100px; position:relative;}
.road-18q2-left-text{ position:absolute; right:30px; top:20px; font-size:14px; color:#6b6b6b; width:360px; line-height:24px;}

.t-30{top:30px !important;}
.t-50{top:50px !important;}
@media only screen and (min-width: 1380px) {
.ind-downloadBox .close{width: 42px;height: 42px; margin: 200px auto 30px;}
.es{ width:1200px; margin:auto; padding:0px 0 0px 0; overflow:hidden;}
.es-cont{ width:300px; height:340px; background-color:#fff; float:left; margin-right:0px; margin-top:0px;
    border-radius:6px;box-shadow:0 0 10px rgba(233, 233, 233, .75);}	
.es-cont-img{ width:100%; text-align:center; margin-top:37px;}
.es-cont-title{margin-top:10px; font-size:20px; color:#1C1C2A; text-align:center; width:100%;}
.es-cont-text{margin-top:10px; font-size:12px; line-height: 20px; color:#898992; text-align:center; width:100%;}

.features{ width:1380px; margin:50px auto 0px auto; overflow:hidden;}
.features-cont1{ width:400px; margin-right:0px; float:left; margin-top:0px;}
.features-cont2{ width:380px;float:left; margin-top:65px; margin-left:180px;}
.features-cont3{ width:auto; margin: 0 auto; margin-right:0px; margin-top:0px;}
.banner-r1{ position:absolute; top:180px; right:300px;z-index:1005;}
.banner-r2{ position:absolute; top:180px; right:300px;z-index:1002;}
.banner-r1 img,.banner-r2 img{ width:560px;}

.header-text1{ position:absolute; top:220px; width:600px; margin:auto; left:0; right:0; margin-left:360px}
.downloadBox-cent{ position:absolute; top:360px; width:560px; margin:auto; left:0; right:0; height: 88px;
    padding-top: 10px;
    box-sizing: border-box;margin-left:360px}
.center-content{
	position: absolute;
    top:820px; 
    width:1200px;
    left:0;
    right:0;
    height: 340px;
    margin:auto;
    display:block;
    background: #fff;
    border-radius:6px;
    box-shadow:0 0 10px rgba(233, 233, 233, .75);}
}
@media only screen and (min-width: 320px) {
.header-text3{ position:absolute; top:60px;}
.header-text4{ position:absolute; top:60px; margin: 0 auto; left:0; right:0;}
}
@media only screen and (min-width: 280px) {
.header-text3{ position:absolute; top:60px;}
.header-text4{ position:absolute; top:60px; margin: 0 auto; left:0; right:0;}
}
@media only screen and (min-width: 375px) {
.header-text3{ position:absolute; top:60px;}
.header-text4{ position:absolute; top:60px; margin: 50px auto; left:0; right:0;}
}