@charset "utf-8";
/* CSS Document */
.banner{position:relative;height:817px;overflow:hidden;min-width:1000px;}
.banner>img{position:absolute;left:50%;margin-left:-960px;}
.banner .btn{position:absolute;left:50%;margin-top:446px;margin-left:200px;}
.banner .button{border-width: 1px;border-color: rgb(255, 255, 255);border-style: solid;border-radius: 10px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  width: 146px;line-height:70px;color:white;font-size:24px;}
.button:hover{background-color: rgba(255, 255, 255, 0.2);}
.android{background-image:url(images/app_android.png);background-repeat:no-repeat;background-position:39px 14px;padding-left:98px;margin-top:30px;}
.appstore{background-image:url(images/app_ios.png);background-repeat:no-repeat;background-position:39px 14px;padding-left:98px;}
/* banner文字内容 */
.wenzi{position:absolute;left:50%;top:130px;}
.light01{position:absolute;left:0px;top:112px;opacity:0;}
.light02{position:absolute;left:416px;top:-46px;opacity:0;}
.appban{position:absolute;left:87px;top:0px;opacity:0;}
.shangxian{position:absolute;left:156px;top:200px;opacity:0;}
.shangxian img{width:150px;}


/* 字体 */
h1{text-align:center;color:#ff0066;font-size:24px;line-height:24px;margin-bottom:20px;}
h2{text-align:center;color:#878787;font-size:18px;line-height:18px;margin-bottom:40px;}
h3{text-align:center;text-transform:uppercase;font-size:12px;color:#b2b2b2;line-height:12px;margin-bottom:20px;font-family:Arial;}
h4{font-size:16px;line-height:16px;}
p{font-size:14px;}
/* 字体 */
.download{margin-top:100px;width:1000px;margin-left:auto;margin-right:auto;}
.download .content{margin-left:240px;}
.download img{float:left;}

.gray{background-color:#f7f7f7;padding-top:100px;padding-bottom:100px;background-image:url(images/app_service.jpg);background-repeat:no-repeat;background-position:bottom;margin-top:-1px;}

.function{width:1000px;margin-left:auto;margin-right:auto;}
.function .left{margin-left:52px;}
.box{width:211px;text-align:center;float:left;}
.box img{display:inline;}
.box h4{font-weight:bold;color:#3e3e3e;margin-top:26px;}
.box p{color:#787878;}

.service{width:1000px;margin-left:auto;margin-right:auto;margin-top:100px;}

.knowmore{width:700px;margin-left:auto;margin-right:auto;margin-top:100px;padding-left:150px;padding-right:150px;}
.knowmore h1{color:#605459;}
.knowmore .content{float:left;width:310px;margin-top:60px;}
.knowmore .content img{float:left;}
.knowmore .content .word{float:left;color:#666666;font-size:18px;margin-left:30px;}
.sao{margin-left:72px;position:relative;left:18px;top:6px;border-radius: 6px;background-color: rgb(252, 191, 22);box-shadow: 0px 11px 24px 0px rgba(255, 0, 102, 0.1);
	line-height:40px;padding-left:23px;width:119px;color:white;}
.sao .ewm{position:absolute;left:-40px;top:40px;opacity:0;background-image:url(images/app_ewm.png);background-position:}
.sao .ewm img{margin-left:46px;margin-right:47px;margin-top:47px;margin-bottom:58px;}
.sao:hover{background-color:#f7b500;}
.one{margin-top:16px;}
.two{line-height:30px;}
.three{margin-left:80px;}


.last{line-height:40px;background-color:#0d0d0d;color:white;font-size:12px;text-align:center;}
span{font-family:"Arial";}