@charset "utf-8";
/* CSS Document */
html,body{
    overflow: hidden;
}
.logo{
    width: 88px;
    height: 91px;
    position:absolute;
    left:50%;
    margin-left:-515px;
    z-index: 18;
}
/*顶部背景*/
#top_slide{
    position:absolute;
}
#top_slide>li{
    position:absolute;
    font-size:0;
    overflow: hidden;
}
#big_ul{
    position:absolute;
    top:0;
    z-index: 14
}
#big_ul>li{
    font-size:0;
    position:relative;
}
/*背景切换*/
#leftBtn,#rightBtn{
    background: url(../images/erweima.png) no-repeat;
    position:absolute;
    display: block;
    width: 50px;
    height: 108px;
    top:50%;
    margin-top:-54px;
    z-index: 2;
}
#leftBtn{
    left:50%;
    margin-left:-590px;
    background-position: -586px 0;
}
#rightBtn{
    right:50%;
    margin-right:-590px;
    background-position: -645px 0;
}
/*顶部左侧区域*/
.top_area{
    height: 520px;
    width: 596px;
    position:absolute;
    left:50%;
    margin-left:-490px;
    top:50%;
    margin-top:-230px;
    z-index: 1;
}
/*文字图片 S*/
.title_01,.slogan_01,.slogan_02,.slogan_03{
    background: url(../images/title.png) no-repeat;
}
.slogan_01{
    width: 591px;
    height: 63px;
    background-position: 0 0;
}
.slogan_02{
    width: 591px;
    height: 63px;
    background-position: 0 -82px;
}
.slogan_03{
    width: 591px;
    height: 63px;
    background-position: 0 -167px;
}
.title_01{
    margin-top:70px;
    width: 592px;
    height: 169px;
    background-position: 0 -254px ;
}
.title_02{
    position:absolute;
    width: 462px;
    height: 373px;
    top:50%;
    margin-top:-286px;
    left:50%;
    margin-left:-420px;
    background: url(../images/title_02.png) no-repeat;
}
.title_03{
    position:absolute;
    width: 575px;
    height: 296px;
    top:50%;
    margin-top:-260px;
    left:50%;
    margin-left:-50px;
    background: url(../images/title_03.png) no-repeat;
}
.title_04{
    position:absolute;
    width: 810px;
    height: 295px;
    top:50%;
    margin-top:-310px;
    left:50%;
    margin-left:-405px;
    background: url(../images/title_04.png) no-repeat;
}
.title_05_1{
    position:absolute;
    width: 541px;
    height: 114px;
    top:50%;
    margin-top:-300px;
    left:50%;
    margin-left:-500px;
    background: url(../images/title_05_1.png) no-repeat;
}
.title_05_2{
    position:absolute;
    width: 810px;
    height: 295px;
    top:50%;
    margin-top:150px;
    left:50%;
    margin-left:50px;
    background: url(../images/title_05_2.png) no-repeat;
}
.title_06{
    position:absolute;
    width: 445px;
    height: 208px;
    left: 50%;
    margin-left:-222px;
    top:50%;
    margin-top:-200px;
    background: url(../images/title_06.png) no-repeat;
}
.bg_06{
    background:#fff url(../images/bg_06.png) repeat;
}
/*下载容器 S*/
.ios,.android{
    margin-top:15px;
    background: url(../images/erweima.png) no-repeat;
}
.downBox{
    width: 279px;
    margin:0 auto;
}
.ios{
    width: 128px;
    height: 161px;
    background-position: 0 0;
    float: left;
}
.android{
    width: 128px;
    height: 161px;
    background-position: -153px 0;
    float: right;
}
.downBtn{
    margin:10px 0 0 0;
    display: block;
    width: 274px;
    height: 66px;
    color:#fff;
    font: 500 24px/45px 微软雅黑;
    text-align:center;
    float:left;
    background: url(../images/downBtn.png) no-repeat;
}
/*iphone S*/
.iphone_01{
    width: 283px;
    height: 541px;
    position:absolute;
    right:50%;
    margin-right:-490px;
    top:50%;
    margin-top:-260px;
    z-index: 2;
}
.iphone_02{
    width: 633px;
    height: 606px;
    position:absolute;
    background: url(../images/iphone_02.png);
    bottom:0;
    left: 50%;
    margin-left:-50px;
    z-index: 2;
}
.iphone_03{
    width: 634px;
    height: 650px;
    position:absolute;
    background: url(../images/iphone_03.png);
    bottom:0;
    left: 50%;
    margin-left:-490px;
    z-index: 2;
}
.iphone_04{
    width: 810px;
    height: 330px;
    position:absolute;
    background: url(../images/iphone_04.png);
    bottom:0;
    left: 50%;
    margin-left:-405px;
    z-index: 2;
}
/*页码*/
.page{
    position:absolute;
    left:50%;
    margin-left:520px;
    bottom:50px;
    overflow: hidden;
    z-index: 15;
}
.page li{
    overflow: hidden;
    margin:6px 0;
    display: block;
}
.page a{
    display: block;
    width: 14px;
    height:18px;
    background: url(../images/img.png);
    background-position:0 0;
    margin:2px 0;
}
#active{
    background-position:0 20px;  
}
/*底部版权信息*/
.ft{
    position:absolute;
    bottom:0;
    width: 100%;
    padding:20px;
    color:#fff;
    font:500 12px/24px 宋体;
    text-align:center;
    background:#4d4d4d;
}
.ft em{
    font-family:arial;
}
.ft a:link{
    color:#fff
}
.ft a:hover{
    text-decoration:underline;
}
.ft a:visited{
    color:#fff
}/*层级hack*/
.zIndex2{
    z-index: 2;
}
a:link{
    text-decoration:none;
}
/*2014年6月5日 增加导航*/
.top-nav{
    position: absolute;
    left:50%;
    margin:0px 0 0 -515px;
    width: 1030px;
    height: 37px;
    font:300 16px/32px 微软雅黑;
    text-align: center;
    z-index: 17;
    color:#fff;
    background: url(../images/nav_bg.png) no-repeat;
}
.top-nav b{
    cursor:pointer;
    *display: inlnie;
}