@charset "utf-8";
html{overflow-x:hidden;}
body,div,p,img{padding:0;margin:0;}
body{font-size:12px;font-family: Helvetica,"Microsoft YaHei";background: #fff}
img{border:none; display:block;}
a,area{blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;}
a:hover{text-decoration:none;}

.center{width:1000px; height:100%;margin-left:auto; margin-right:auto;position: relative;}
.section{height: 700px;overflow: hidden;}
.section img{margin: 0 auto}
.down,.section img{position:absolute;}

.header{width:100%;height: 700px; background:url(../images/bg.jpg) no-repeat center; margin:0 auto;}
.main{ background:url(../images/main.jpg) no-repeat center; margin:0 auto; position:relative;}
.down{top:61%; right:160px; width:365px; height:135px;}
.ios{margin-bottom:15px;background:url(../images/ios.png) no-repeat;}
.android{background:url(../images/and.png) no-repeat;}
.ios,.android{display:block; cursor:pointer; width:216px; height:58px;}
.qcode{display: none;top: 1px;left: 230px;padding: 10px;background: #fff;border-radius: 10px;-webkit-border-radius: 10px;}
a.ios:hover .qcode,a.android:hover .qcode{display: block;}

.second{background: url(../images/bg1.jpg) no-repeat center top;}
.second .center{background: url(../images/f1.jpg) no-repeat center;}
.se-phone{left: 95px;top: 70px;z-index: 33}
.se-txt{right: 170px;top: 65px;}
.se-icon{left: -60px;bottom: 170px;z-index: 22; -webkit-animation-delay:600ms; animation-delay:600ms; animation-timing-function:cubic-bezier(.5,.49,0,1); 
-webkit-animation-timing-function:cubic-bezier(.5,.49,0,1);}

.third{background: #fff;}
.th-phone{bottom: 0;right: 20px;}
.th-txt{top: 250px;left: 16px;}
.th-t1,.th-t2,.th-t3{-webkit-animation-delay:600ms; animation-delay:600ms; }
.th-t1{right: 310px;top: 95px}
.th-t2{top: 75px;right: 275px;}
.th-t3{right: 30px;bottom:32px;}

.fourth{background: url(../images/bg2.jpg) no-repeat center top;}
.fourth .center{background: url(../images/f3.jpg) no-repeat center;}
.fo-txt{left: 230px;top: 70px;}
.fo-txt1{right: 90px;bottom: 75px}
.fo-phone{left: -20px;top: 320px}
.fo-t1{left: 290px;top: 175px;-webkit-animation-delay:600ms; animation-delay:600ms;}
.fo-t2{left: 40px;top: 240px;-webkit-animation-delay:600ms; animation-delay:600ms;}
.fo-t3{left: 230px;top: 250px;-webkit-animation-delay:800ms; animation-delay:800ms;}
.fo-t4{left: 398px;top: 238px;-webkit-animation-delay:850ms; animation-delay:850ms;}
.fo-t5{left: 150px;top: 290px;-webkit-animation-delay:700ms; animation-delay:700ms;}
.fo-t6{left: -15px;top: 340px;-webkit-animation-delay:800ms; animation-delay:800ms;}

.five{background: url(../images/bg3.jpg) no-repeat center top;}
.five .center{background: url(../images/f4.jpg) no-repeat center top;}
.fi-phone{left:248px;top: 100px;z-index: 9}
.fi-phone1{left: 112px;top: 140px;-webkit-animation-delay:600ms; animation-delay:600ms;}
.fi-txt{top: 228px;right: 30px;}

/**底**/
.footer{height:200px ; position:relative; padding-top: 150px;*padding-top: 180px;*height: 170px;background: #2D2E31}
.download{width:476px; height:60px; border:1px solid #fff; border-radius:5px; position:absolute; margin:0 auto; left:0; right:0; top:70px;
 _left:50%; _margin-left:-238px; *left:50%; *margin-left:-238px;border:1px solid #fff}
.download a{float:left; height:28px;}
a.d_ios{width:159px; padding:14px 36px 18px; border-right:1px solid #fff;}
a.d_android{width:169px; padding:17px 36px 15px;}
.about{width:1000px; margin:30px auto 20px; padding-top:24px; border-top:1px solid #999;}
.about p{font-size:12px;width:100%; line-height:22px; color:#999; text-align:center; font-family:"simsun";}