@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.wrap{ position: relative; width: 1190px; margin: 0 auto;}
.top{ position: fixed; top: 0; left: 0; width: 100%; height: 83px; line-height: 83px; text-align: right; background-color: rgba(0,0,0,0.8); z-index: 5;}
.top a{ margin-left: 40px; font-size: 18px; color: #dedede;}
.logo{ position: absolute; top: 20px; left: 0;}
.box1{ position: relative; height: 580px;}
.box2{ height: 802px; background: url(../images/bg2.jpg) no-repeat center top;}
.box3{ height: 800px; background: url(../images/bg3.jpg) no-repeat center top;}
.box4{ height: 616px; background: url(../images/bg4.jpg) no-repeat center top;}
.slides .prev, .slides .next{ position: absolute; bottom: 0; left: 50%; height: 86px;}
.slides .prev{ width: 72px; margin-left: -596px; background: rgba(0,0,0,0.7) url(../images/slides_prev.png) no-repeat center center;}
.slides .next{ width: 107px; margin-left: 524px; background: rgba(0,0,0,0.7) url(../images/slides_next.png) no-repeat center center;}
.pageState{ padding-left: 10px; color: #d6d6d6;}
.pageState span{ color: #8584ff;}
.slides .hd{ position: absolute; bottom: 0; left: 50%; margin-left: -523px; width: 1046px; height: 86px; line-height: 86px; background-color: rgba(0,0,0,0.7); z-index: 1; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c;}
.slides .hd p a{ float: left; display: block; text-align: center; font-size: 18px; color: #FFF; border-right: 1px solid #6c6c6c; overflow: hidden;}
.slides .hd p a.on{ background-color: #432d5d;}
.slides .bd li{ position: relative; height: 580px; overflow: hidden;}
.slides .bd li img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}
.box2 .wrap{ width: 1193px;}
.feature01{ margin-top: 287px; width: 348px; height: 398px;}
.feature02{ margin-top: 188px; width: 451px; height: 498px;}
.feature{ position: relative; margin-top: 340px; width: 394px; height: 346px; background: url(../images/feature_bg.png) no-repeat 0 0;}
.feature *{ position: absolute;}
.feature .icon{ top: 40px; left: 23px;}
.feature .des{ top: 40px; left: 139px; width: 195px; line-height: 24px; font-size: 16px; color: #11022b;}
.feature .ios{ left: 23px; top: 153px;}
.feature .android{ left: 23px; top: 225px;}
.feature .code{ top: 154px; left: 194px; width: 137px; height: 131px;}
.box3 .wrap{ padding-top: 242px;}
#box{ position:relative; width:980px; margin: 0 auto;}
#box li{ position:absolute; list-style:none; width:0; height:0; top:0; left:0; z-index:0; cursor:pointer; background: url(../images/lb_bg.png) no-repeat 0 0; background-size: 100% auto;}
#box li img{ position: absolute; bottom: 3px; left: -5%; width:110%;}
#box .prev, #box .next{ position: absolute; top: 130px; width: 76px; height: 79px;}
#box .prev{ left: -93px; background: url(../images/prev.png) no-repeat 0 0;}
#box .next{ right: -93px; background: url(../images/next.png) no-repeat 0 0;}
.box4 .wrap{ padding-top: 245px;}
.aboutUs{ width: 508px; margin-left: 190px; line-height: 24px; font-size: 18px; color: #3c3c3c;}
.foot{ height: 130px; padding-top: 58px; background-color: #FFF; line-height: 24px; color: #9b9c9d; font-size: 14px; text-align: center;}