/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,
blockquote { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var
{ font-style:normal; font-weight:normal; }
ol,ul { padding-left:0; }
ul { list-style-type:none; }
ol { list-style-type:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
body{font-family:"微软雅黑";background:#fceeee}

/*============nav 开始==========================*/
.top{width:100%;height:80px;background-color:#F1F1F1;}
.top .top-in{width:976px;height:80px;margin:0 auto;}
.top .top-in .logo{width:233px;height:64px;float:left;background:url(../image/logo.jpg) no-repeat;margin-top:10px;}
.top .top-in .nav{float:right;font-size:20px;margin-top:25px;}
.top .top-in .nav li{float:left;margin-left:15px;}
.top .top-in .nav li a{color:#666;text-decoration:none;}
.top .top-in .nav li a:hover{color:#1A8541;}
/*==================版一开始======================*/
.one{width:100%;height:548px;background:url(../image/bg-1.jpg) no-repeat top center;}
.one .one-in{width:976px;height:548px;margin:0 auto;position:relative;}
.one .one-in .jiemian{width:242px;height:391px;position:absolute;bottom:0;left:68px;}
.one .one-in .jiemianin{width:242px;height:391px;overflow: hidden;position: relative;}
.one .one-in .jiemianin ul{width:1210px;position: absolute;top:0;left: 0;}
.one .one-in .jiemianin ul li{float:left;}
.one .one-in .nav-right{width:600px;height: 548px;float: right;}
.one .one-in .nav-right-text{margin-top:70px; width:600px;height: 110px;}
.one .one-in .nav-right-text h1{color: green;font-size:30px}
.one .one-in .nav-right-text h3{color: green;}
.one .one-in .app-part{width:600px;height: 165px;}
.one .one-in .app-part a{width:226px;height:89px;display:block;background:url(../image/Android.png) no-repeat 0 0;position:absolute;top:220px;}
.one .one-in .app-part .app-intro{position:absolute;top:250px;left:630px}
.one .one-in .qrcode{position:absolute;top:205px;right: 30px}
.one .one-in .ios-part{width:600px;height: 165px;}
.one .one-in .ios-part a{width:226px;height:89px;display:block;background:url(../image/IOS.png) no-repeat 0 0;position:absolute;top:345px;}
.one .one-in .ios-part .ios-intro{position:absolute;top:368px;left:630px}
.one .one-in .iosspeed-part{width:600px;height: 165px;}
.one .one-in .iosspeed-part a{width:226px;height:89px;display:block;background:url(../image/IOS_SPEED.png) no-repeat 0 0;position:absolute;top:460px;}
.one .one-in .iosspeed-part .iosspeed-intro{position:absolute;top:482px;left:630px}
#versions-info{width: 100%;height: 320px;background:url(../image/bg-2.jpg) no-repeat scroll center 0;}
.versions-info_box{width:1280px; margin:auto; padding-top:40px;}
#versions-info .app-versions-info{width:35%;height: 220px;float:left}
#versions-info .ios-versions-info{width:35%;height: 220px;float:left}
#versions-info .iosspeed-versions-info{width:30%;height: 220px;float:left}
td{padding-left:10px}

/*====================版二弄17姄17=====================*/
.speedbox{width:100%;height:375px;background:url(../image/bg-2.jpg) no-repeat scroll center 0;}
.speed{width:976px;height:375px;margin:0 auto;position:relative;}
.speed img{width:976px;height:375px;}
.two{width:100%;height:658px;background:url(../image/bg-2.jpg) no-repeat scroll center 0;}
.two .two-in{width:976px;height:658px;margin:0 auto;position:relative;}
.two .two-in .icon-it3{width:376px;height:47px;background:url(../image/title.png) no-repeat 0 -151px;position:absolute;top:39px;left:324px;display:none;}
.two .two-in .icon-it4{width:379px;height:28px;background:url(../image/title.png) no-repeat 0 -340px;position:absolute;top:97px;left:324px;display:none;}
.two .two-in .phone1{width:832px;height:101px;position:absolute;bottom:50px;left:75px;}
.two .two-in .phone1 img{width:832px;height:101px;}
.two .two-in .book1{width:128px;height:179px;position:absolute;bottom:278px;left:355px;background:url(../image/1.png) no-repeat;/* transition-delay:1s; */display: none;}
.two .two-in .book2{width:220px;height:235px;position:absolute;bottom:200px;right:156px;background:url(../image/2.png) no-repeat;/* transition-delay:1s; */display: none;}
.two .two-in .book3{width:148px;height:196px;position:absolute;bottom:325px;right:355px;background:url(../image/3.png) no-repeat;/* transition-delay:1.25s; */display: none;}
.two .two-in .book4{width:218px;height:248px;position:absolute;bottom:267px;left:176px;background:url(../image/4.png) no-repeat;/* transition-delay:1.55s; */display: none;}
.two .two-in .book5{width:169px;height:215px;position:absolute;bottom:277px;right:255px;background:url(../image/5.png) no-repeat;/* transition-delay:1.75s; */display: none;}
.two .two-in .book6{width:166px;height:176px;position:absolute;bottom:175px;right:267px;background:url(../image/6.png) no-repeat;/* transition-delay:2s; */display: none;}
.two .two-in .book7{width:100px;height:144px;position:absolute;bottom:147px;right:412px;background:url(../image/7.png) no-repeat;/* transition-delay:2.25s; */display: none;}
.two .two-in .book8{width:142px;height:184px;position:absolute;bottom:213px;right:398px;background:url(../image/8.png) no-repeat;/* transition-delay:2.5s; */display: none;}
.two .two-in .book9{width:131px;height:170px;position:absolute;bottom:183px;left:260px;background:url(../image/9.png) no-repeat;/* transition-delay:3s; */display: none;}
.two .two-in .book10{width:84px;height:103px;position:absolute;bottom:112px;left:282px;background:url(../image/10.png) no-repeat;/* transition-delay:3.5s; */display: none;}
.two .two-in .book11{width:63px;height:92px;position:absolute;bottom:139px;left:431px;background:url(../image/11.png) no-repeat;/* transition-delay:4s; */display: none;}
.two .two-in .book12{width:83px;height:118px;position:absolute;bottom:126px;right:363px;background:url(../image/12.png) no-repeat;/* transition-delay:4.5s; */display: none;}
.two .two-in .book13{width:176px;height:221px;position:absolute;bottom:159px;left:134px;background:url(../image/13.png) no-repeat;/* transition-delay:5s; */display: none;}
.two .two-in .book14{width:98px;height:135px;position:absolute;bottom:145px;left:373px;background:url(../image/14.png) no-repeat;/* transition-delay:5.5s; */display: none;}
.two .two-in .book15{width:96px;height:134px;position:absolute;bottom:116px;left:342px;background:url(../image/15.png) no-repeat;/* transition-delay:6s; */display: none;}
/*====================版三开始======================*/
.three{width:100%;height:677px;background:url(../image/bg-3.jpg) no-repeat scroll center 0;}
.three .three-in{width:976px;height:677px;margin:0 auto;position:relative;}
.three .three-in .direction{width:68px;height:48px;background:url(../image/title.png) no-repeat -199px -101px;position:absolute;top:247px;left:432px;}
.three .three-in .icon-it5{width:395px;height:48px;background:url(../image/title.png) no-repeat 0 -200px;position:absolute;top:306px;left:78px;display:none;}
.three .three-in .icon-it6{width:330px;height:45px;background:url(../image/title.png) no-repeat 0 -248px;position:absolute;top:383px;left:109px;display:none;}
.three .three-in .phone2{width:232px;height:510px;position:absolute;top:111px;right:223px;}
.three .three-in .shang{width:125px;height:116px;position:absolute;bottom:295px;right:94px;}
.three .three-in .xia{width:155px;height:137px;position:absolute;bottom:122px;right:65px;}
/*====================版四开始======================*/
.four{width:100%;height:658px;background:url(../image/bg-4.jpg) no-repeat scroll center 0; overflow:hidden;}
.four .four-in{width:976px;height:658px;margin:0 auto;position:relative; }
.four .four-in .icon-it7{animation:15s pppp infinite 0.3s;right:20%; margin-right: -300px;width:88px;height:47px;background:url(../image/title.png) no-repeat 0 -293px;position:absolute;bottom:307px;}
@keyframes pppp{

    0%{
        left:20%; 
    }
    50%{
        left:60%;t
    }
    100%{
        left:20%;
    }
}
.four .four-in .icon-it8{animation:13s ppp infinite 1s;right:40%; margin-right: -300px;width:121px;height:42px;background:url(../image/title.png) no-repeat -88px -293px;position:absolute;bottom:257px;}
@keyframes ppp{

    0%{
        left:40%; 
    }
    50%{
        left:60%;t
    }
    100%{
        left:40%;
    }
}
.four .four-in .icon-it9{animation:6s pp infinite;width:196px;height:48px;background:url(../image/title.png) no-repeat 0 -102px;position:absolute;bottom:174px;/* right:11px; */right:50%; margin-right: -500px;}
@keyframes pp{

    0%{
        right:50%; 
    }
    50%{
        right:60%;
    }
    100%{
        right:50%;
    }


}