@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{ font-size:1em; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:#f7f9fd; -webkit-text-size-adjust:100%; color:#1d1d1d;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
@media screen and (max-width:700px){
	body{
		font-size:0.8em;
		}
	h1,h2,h3,h4,h5,h6{font-size:0.8em;}
	}
a:hover{color:#072666;text-decoration:none;}
em{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;}
p{word-wrap:break-word}


/*header start*/
.header{
	  height:88px;
	  display:-webkit-box;
	  display:-moz-box;
	  display:-ms-flexbox;
	  display:-webkit-flex;
	  display:flex;
	  -webkit-box-pack:center;
	  -moz-justify-content:center;
	  -webkit-justify-content:center;
	  justify-content:center;
	  background-color:#0a4dd6;
	}
@media screen and (max-width:700px){
	.header{
		height:60px;
		}
	}
.header .h-cont-box{
	flex-basis:60%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;

}
@media screen and (max-width:700px){
	.header .h-cont-box{
		flex-basis:90%;
		}
	}
.header .logo{
    flex-basis:10%;
	height:100%;
    background:url(../image/logo.png) center center no-repeat;
    background-size:contain;
	text-indent:-9999px;
	display:block;
	}
@media screen and (max-width:700px){
	.header .logo{
		flex-basis:25%;
		}
	}
.header .nav{
	flex-basis:50%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;

	}
@media screen and (max-width:700px){
	.header .nav{
		flex-basis:60%;
		text-align:right;
		}
	}
.header .nav li{
	-webkit-box-flex:1.0;
	-moz-flex-grow:1;
	-webkit-flex-grow:1;
	flex-grow:1;

	}
.header .nav a{
	color:#ffffff;
	text-decoration:none;
	}
.header .nav li:hover a{
	   border-bottom:solid 2px #00c0ff;
	   color: #00c0ff;
	   padding-bottom:10px;
	}
/*header end*/

/*banner start*/
.banner{
	height:500px;
	background:url(../image/banner.png) top no-repeat;
	background-color:#0a4dd6;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	background-size:contain;

	}
@media screen and (max-width: 700px){
	.banner{
		height:140px;
		}
	}
.ban-box{
	width:50%;
	height:500px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	}
@media screen and (max-width: 700px){
.ban-box{
	width:90%;
	height:140px;
	}
}
.ban-txt{
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#fff;
	}
@media screen and (max-width: 700px){
.ban-txt{
	font-size:0.8em;

	}
}
.ban-txt h1{
		font-size:2em;
		font-style:normal;
		font-weight:bold;
		padding-bottom:20px;
	}
@media screen and (max-width: 700px){
.ban-txt h1{
	font-size:1.8em;
	padding:0;
	}
}
.ban-txt p{
	 padding:6px 0;
	}
@media screen and (max-width: 700px){
.ban-txt p{
	padding:2px 0;
	font-size:0.8em;
	}
}
.ban-txt .but{
		width:90px;
		display:block;
		color: #fff;
		padding:10px 25px;
		background-color: #b44dc9;
		margin-top:20px;
		text-align:center;
		border-radius:5px;
		font-size:18px;
	}
@media screen and (max-width: 700px){
.ban-txt .but{
	width:60px;
	font-size:14px;
	margin-top:10px;
	padding:5px 10px;
	}
}
.ban-txt a{
	text-decoration:none;
	}
.ban-txt:hover a{
	background-color: #9046b2;
	}

/*banner end*/

/*介绍 start*/
.jianjie-cont{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
    display:flex;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	align-items: center;
	}
.cont-imgbox{
	width:50%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	padding:30px 0;

	}
@media screen and (max-width: 700px){
.cont-imgbox{
      width:90%;
	  padding:30px 0 0 7px;
	}
}
.cont-imgbg{
	flex-basis:100%;
	height:500px;
	background:url(../image/cont_js.png) top no-repeat;
	background-size: contain;

	}
@media screen and (max-width: 700px){
.cont-imgbg{
      height:200px;
	}
}
.jianjie-cont ul{
	width:50%;
	}
@media screen and (max-width: 700px){
.jianjie-cont ul{
     width:90%;
	}
}
.jianjie-cont li{
	 line-height: 40px;
    }
.jianjie-cont li span{
	color:#bfbfbf;
	font-size:20px;
	padding-right:10px;

	}
.more-but{
	    width:90px;
		display:block;
		color: #fff;
		padding:10px 25px;
		background-color: #1e76ff;
		margin-top:20px;
		text-align:center;
		border-radius:5px;
		font-size:1em;
		margin:50px 0;
	}
.jianjie-cont a.more-but,.butbox a.more-but, .bb-txt a.more-but{
	text-decoration:none;
	}
.jianjie-cont a.more-but:hover,.butbox a.more-but:hover, .bb-txt a.more-but:hover{
	background-color:#00c0ff;
	}
/*介绍 end*/

/*功能 start*/
.gongneng-cont{
	background-color:#0a4dd6;
	}
.gongneng-cont h2{
	 text-align:center;
	 color:#fff;
	 font-size:2em;
	 padding:50px 0;
	}
@media screen and (max-width: 700px){
.gongneng-cont h2{
    padding:30px 0;
	}
}
.gn-iconbox {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;
	color:#fff;
	}
.gn-iconbox ul{
	flex-basis:60%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-bottom:60px;
	}
@media screen and (max-width: 700px){
.gn-iconbox ul{
     flex-basis:90%;
	 padding-left:25px;
	}
}
.gn-iconbox .icon01{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon01.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon02{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon02.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon03{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon03.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon04{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon04.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon05{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon05.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon06{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon06.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon07{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon07.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox .icon08{
	flex-basis:25%;
	height:140px;
	background:url(../image/icon08.png) center no-repeat;
	background-size: contain;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	}
.gn-iconbox li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-align:end;
	-moz-align-items:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content:center;
	margin:40px 0;

	}
@media screen and (max-width: 700px){
.gn-iconbox li{
    margin:10px 0;
	}
}
.gn-iconbox li span{
	padding-right:70px;

	}
@media screen and (max-width: 700px){
.gn-iconbox li span{
     padding-right:30px;
	}
}
/*功能 end*/

/*优势 start*/
.youshi-cont h2{
	text-align:center;
	 font-size:2em;
	 padding:30px 0;
	 }
.ys-contbox{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content:center;
	}

.ys-contbox ul{
	flex-basis:50%;
	}
@media screen and (max-width: 700px){
.ys-contbox ul{
     flex-basis:90%;
	}
}
.ys-contbox li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items: center;
	margin-bottom:60px;
	}
@media screen and (max-width: 700px){
.ys-contbox li{
     margin-bottom:0;
	}
}
.ys-contbox .left-txt{
	flex-basis:40%;
	}
@media screen and (max-width: 700px){
.ys-contbox .left-txt{
     flex-basis:60%;
	}
}
.left-txt h3{
	font-size:1.5em;
	font-weight:bold;
	padding:10px 0;
	}
@media screen and (max-width: 700px){
    .left-txt h3{
     font-size:1.2em;
	}
}
.ys-contbox .right-img01{
	flex-basis:30%;
	height:200px;
	background:url(../image/img01.png) center no-repeat;
	background-size: contain;
	}
@media screen and (max-width: 700px){
    .ys-contbox .right-img01{
     flex-basis:40%;
	}
}
.ys-contbox .right-img02{
	flex-basis:30%;
	height:200px;
	background:url(../image/img02.png) center no-repeat;
	background-size: contain;
	}
@media screen and (max-width: 700px){
	  .ys-contbox .right-img02{
	   flex-basis:50%;
	}
}
.ys-contbox .right-img03{
	flex-basis:30%;
	height:200px;
	background:url(../image/img03.png) center no-repeat;
	background-size: contain;
	}
@media screen and (max-width: 700px){
    .ys-contbox .right-img03{
     flex-basis:40%;
	}
}
.ys-contbox .txtright{
	text-align:right;
	}
.ys-contbox .left-txt .txt-cor01{
	color:#666;
	line-height:30px;
	}
.butbox	{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content:center;

	}
@media screen and (max-width: 700px){
    .butbox{
		padding-left:25px;
	}
}
.butbox a{
	margin-right:30px;
	}
/*优势 end*/

/*footer start*/
#footer{
	text-align:center;
	background-color:#272536;
	height:300px;
	color:#6e6c7c;
	}
@media screen and (max-width: 700px){
    #footer{
		height:200px;
	}
}
.footer-box	{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content:center;
	}
#footer ul{
	flex-basis:50%;
	height:140px;
	border-bottom:1px solid #3a3a3f;
	display:flex;
	justify-content:space-around;
    flex-wrap: wrap;
	padding-top:60px;
	}
@media screen and (max-width: 700px){
#footer ul{
     flex-basis:100%;
	 font-size:0.8em;
	 height:100px;
	}
}

#footer li{
	flex-basis:30%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	height:100px;
	color:#adabb9;
	}
@media screen and (max-width: 700px){
  #footer li{
     flex-basis:42%;
	}
}
@media screen and (max-width: 700px){
  #footer li.w-libox{
     flex-basis:29%;
	}
}

.mobie-icon{
	flex-basis:40%;
	height:50px;
	background:url(../image/mobie.png) center no-repeat;
	background-size: contain;
}
@media screen and (max-width: 700px){
.mobie-icon{
     flex-basis:20%;
	}
}
#footer ul span{
	margin-top:10px;
	font-size:1em;
	}
.qq-icon{
	flex-basis:40%;
	height:50px;
	background:url(../image/qq.png) center no-repeat;
	background-size: contain;

}
@media screen and (max-width: 700px){
.qq-icon{
     flex-basis:20%;
	}
}
.mail-icon{
	flex-basis:40%;
	height:50px;
	background:url(../image/mail.png) center no-repeat;
	background-size: contain;

}
@media screen and (max-width: 700px){
.mail-icon{
     flex-basis:20%;
	}
}
#footer .cp-font01{
	margin-top:40px;
	font-size:0.8em;
	}

@media screen and (max-width: 700px){
#footer .cp-font01{
     margin-top:10px;
	}
}


/*footer end*/
/*---------------------试用体验 start-------------------------------------*/
.download-hbg{
	background-color:#602ba3;
	}
.download-hbg .nav li:hover a{
	   border-bottom: solid 2px #af41f0;
	   color: #af41f0;
	   padding-bottom:10px;
	}
.download-baner{
	height:500px;
	background:url(../image/download_img.png) center no-repeat;
	background-color:#602ba3;
	-webkit-box-pack:end;
	-moz-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	background-size: contain;
	}
@media screen and (max-width: 700px){
.download-baner{
    height: 140px;
	}
}
.download-cont h2{
	 text-align:center;
	 font-size:2em;
	 padding:50px 0;
	}
@media screen and (max-width: 700px){
.download-cont h2{
    padding:20px 0;
	}
}
.dl-iconbox{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	font-size:1.5em;
	}
.dl-iconbox ul{
	flex-basis:60%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-bottom:50px;
	}
@media screen and (max-width: 700px){
.dl-iconbox ul{
    flex-basis:90%;
	}
}
.dl-iconbox li{
	flex-basis:30%;
	height:500px;
    text-align:center;
	border:1px solid #e0e0e0;
    border-radius: 5px;
    font-size:0.8em;
	background-color:#fff;
	-webkit-box-shadow:-1px -1px 10px rgba(184, 184, 184, .3);
    -moz-box-shadow:-1px -1px 10px rgba(184, 184, 184, .3);
	box-shadow:-1px -1px 10px rgba(184, 184, 184, .3);
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	color:#6a6b6b;
	}
@media screen and (max-width: 700px){
.dl-iconbox li{
    flex-basis:50%;
	margin-bottom:20px;
	}
}
.dl-iconbox .iconbg01{
	height:200px;
	background-color:#f0eff2;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:50px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	}
.dl-iconbox p{
	padding:10px 0;
	}
.dl-iconbox .bb-txt{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	}
.Android-icon{
	flex-basis:30%;
	height:90px;
	display:block;
	background:url(../image/Android.png) center no-repeat;
	background-size: contain;

	}
.ios-icon{
	flex-basis:30%;
	height:90px;
	display:block;
	background:url(../image/ios.png) center no-repeat;
	background-size: contain;
	}
.web-icon{
	flex-basis:30%;
	height:90px;
	display:block;
	background:url(../image/web.png) center  no-repeat;
	background-size: contain;
	}
.download-fp{ padding-left:100px;}
@media screen and (max-width: 700px){
.download-fp{
    padding-left:150px;
	}
}
@media screen and (max-width: 700px){
.dl-but-mar{
	margin:50px 10px;
	}
}


/*---------------------试用体验 end-------------------------------------*

/*---------------------联系我们 start-------------------------------------*/
.contact-hbg{
	background-color:#0536c0;
	}
.contact-baner{
	height:500px;
	background:url(../image/contact_img.png) center no-repeat;
	background-color:#0536c0;
	-webkit-box-pack:end;
	-moz-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	background-size: contain;
	}
@media screen and (max-width: 700px){
.contact-baner{
	height:140px;
	}
}
.contact-txtbox{
    width:100%;
	height:500px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	text-align:center;
	}
@media screen and (max-width: 700px){
.contact-txtbox{
	height:140px;
	}
}
.contact-txtbox .ct-flh30{
	padding-top:50px;
	}
@media screen and (max-width: 700px){
.contact-txtbox .ct-flh30{
	padding-top:15px;
	}
}
.contact-table{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;

	}
.table-bor{
	flex-basis:60%;
	flex-wrap:nowrap;
	font-size:1em;
	background-color:#fff;
	margin-bottom:50px;
	text-align:center;
	-webkit-box-shadow:-1px -1px 10px rgba(144, 144, 144, .2);
    -moz-box-shadow:-1px -1px 10px rgba(144, 144, 144, .2);
	box-shadow: -1px -1px 10px rgba(144, 144, 144, .2);
	}
@media screen and (max-width: 700px){
.table-bor{
	flex-basis:90%;
	}
}

.table-bor table,.details-tab table{
	width:100%;
	border:1px solid #e9eaeb;
	}
.table-bor table th,.table-bor table tb{
	height:200px;
	}
.table-tr{
	border-bottom:1px solid #e9eaeb;
	}
.table-td{
	border-left:1px solid #e9eaeb;
	line-height:30px;
	color:#6a6b6b;
	text-align:center;
	}

.table-bor table th{
	background-color:#f5f5f5;
	}
@media screen and (max-width: 700px){
.table-bor table th{
	width:20%;
	padding:0 5px;
	font-size:0.8em;
	}
}
@media screen and (max-width: 700px){
.table-bor table td{
	width:20%;
	padding:0 5px;
	font-size:0.8em;
	}
}
/*---------------------联系我们 end-------------------------------------*/

.details-tab .details-titbg{
	background-color:#0871ff;
	color:#fff;
	font-weight:normal;
	height:50px;
	text-align:center;
	}
@media screen and (max-width: 700px){
.table-bor table td{
	padding:0 5px;
	font-size:0.8em;
	}
}
.details-tab table tr{
	border-bottom:1px solid #e9eaeb;
	line-height:60px;
	text-align:left;
	}
.details-tab table .td-br{
	border-right:1px solid #e9eaeb;
	}
.details-tab .font-or{
	font-weight:bold;
	color:#F60;
	}
.details-tab table td{
	padding-left:160px;
	}
@media screen and (max-width: 700px){
.details-tab table td{
	padding:0 5px;
	}
}
@media screen and (max-width: 700px){
.details-tab table td{
	width:auto;
	}
}

.cp-font01 a{color: #6e6c7c;text-decoration:none;}
.cp-font01 a:hover {color: #6e6c7c;}
.cp-font01 a:active {color: #6e6c7c;}
.cp-font01 a:visited {color: #6e6c7c;}