@charset "gb2312";
.main{width:1200px;margin:0 auto;position:relative;height:100%;}
.main>div{position: absolute;}
.fp-scrollable,.section{position: relative;}


/*第一屏*/
.page1{background: #e6e2d9;}
.page1-l{width: 50%;height: 100%;background: url(../images/page1-l.jpg);position: absolute;left: -50%;top: 0;}
.page1-r{width: 50%;height: 100%;background: url(../images/page1-r.jpg);position: absolute;right: -50%;top: 0;}
.page1-title{width: 88px;height: 508px;background: url(../images/page1-title.png);left: 680px;top: 268px;}
.page1-sub{width: 460px;height: 378px;background: url(../images/page1-sub.png);left: 80px;top: 350px;}
.page1-lbw{width: 119px;height: 247px;background: url(../images/page1-lbw.png);left: 990px;top: 546px;}
.yz2016{width: 61px;height: 121px;background: url(../images/yz2016.png);left: 580px;top: 657px;}


/*第二屏*/
.page2{background: url(../images/page2-bg.jpg) top center no-repeat;}
.pre-bg{width: 1200px;height: 734px;background: url(../images/pre-bg.png) no-repeat;left: 0;top: 131px;}
.words{width: 728px;height: 512px;background: url(../images/words.png) no-repeat;left: 334px;top: 192px;}
.page2-lbw{width: 158px;height: 244px;background: url(../images/page2-lbw.png) no-repeat;left: 136px;top: 465px;}


/*第三屏*/
.page3{background: url(../images/page3-bg.jpg) top center no-repeat;}
.page3-word{width: 144px;height: 259px;background: url(../images/page3-word.png) no-repeat;left: 0px;top: 166px;}
.page3-lbw{width: 264px;height: 594px;background: url(../images/page3-lbw.png) no-repeat;left: 276px;top: 232px;}
.page3-yz{width: 50px;height: 118px;background: url(../images/page3-yz.png) no-repeat;left: 173px;top: 681px;}
.page3-title{width: 457px;height: 182px;background: url(../images/page3-title.png) no-repeat;left: 626px;top: 132px;}
.jieshao{width: 430px;height: 66px;left: 767px;top: 257px;font-family: "微软雅黑";font-size: 14px;line-height: 24px;color: #040404;}
.page3-content{left: 600px;top: 363px;width: 600px;height: 460px;}
.page3-new{height: 150px;margin-bottom: 20px;width: 600px;}
.page3-newl-l{width: 210px;height: 150px;}
.page3-newl-l a img{width: 210px;height: 150px;}
.page3-newl-r{height: 150px;width: 370px;}
.page3-newl-r h2{margin-bottom: 20px;}
.page3-newl-r p{line-height: 24px;}

.page3-list{height: 300px;width: 600px;overflow: hidden;}
.page3-list ul{width: 630px;}
.page3-list ul li{float: left;width: 180px;height: 300px;margin-right: 30px;}
.page3-list ul li h4{text-align: center;margin: 10px 0;}
.page3-list ul li img{width: 180px;height: 150px;}
.page3-list ul li p{line-height: 20px;}

/*第四屏*/
.page4{background: url(../images/page4-bg.jpg) top center no-repeat;}
.page4-word{width: 263px;height: 520px;background: url(../images/page4-word.png) no-repeat;left: 173px;top: 196px;}
.page4-title{width: 476px;height: 192px;background: url(../images/page4-title.png) no-repeat;left: 600px;top: 132px;}
.page4-content{left: 600px;top: 280px;width: 600px;height: 460px;}
.page4-new{height: 165px;width: 600px;}
.pag4-newl-r{width: 210px;height: 165px;}
.pag4-newl-r a,.page4-list ul li a{display: block;width: 100%;height: 100%;position: relative;}
.pag4-newl-r a p,.page4-list ul li a p{position: absolute;width: 206px;height: 30px;line-height: 30px;text-align: center;left: 2px;bottom: 2px;opacity: 0.6;filter: alpha(opacity=60);background: #000;color: #fff;}

.pag4-newl-r img{border: 2px solid #c9c7c6;width: 206px;height: 161px;}

.page4-newl-l{width: 384px;}
.page4-newl-l p{font-family: "微软雅黑";font-size: 18px;line-height: 28px;}
.space1{display: inline-block;width: 160px;}
.space2{display: inline-block;width: 72px;}

.page4-list{height: 180px;width: 600px;overflow: hidden;margin: 20px 0;}
.page4-list ul{width: 630px;}
.page4-list ul li{float: left;width: 180px;height: 300px;margin-right: 30px;}
.page4-list ul li a{height: 170px;}
.page4-list ul li a p{width: 176px;}
.page4-list ul li img{width: 176px;height: 166px;border: 2px solid #c9c7c6;}

.page4-circle{height: 155px;}
.page4-circle-l img{width: 155px;height: 155px;border-radius: 100%;border: 2px solid #c9c7c6;}
.page4-circle-r{width: 410px;}
.page4-circle-r p{font-family: "微软雅黑";font-size: 18px;line-height: 32px;}


/*第五屏*/
.page5{background: url(../images/page5-bg.jpg) top center no-repeat;}
.page5-word{width: 204px;height: 423px;background: url(../images/page5-word.png) no-repeat;left: 200px;top: 131px;}
.page5-title{width: 472px;height: 181px;background: url(../images/page5-title.png) no-repeat;left: 600px;top: 148px;}
.page5-content{left: 600px;top: 246px;width: 600px;height: 460px;}

.page5-circle{position: relative;width: 600px;height: 220px;margin-bottom: 20px;}
.page5-circle-l{width: 88px;height: 88px;top: 0;right: 73px;position: absolute;}
.page5-circle-l img{width: 88px;height: 88px;border-radius: 88px;border: 2px solid #c9c7c6;}
.page5-circle-r{width: 600px;height: 140px;top: 80px;left: 0;position: absolute;}
.page5-circle-r p,.page6-news p,.page7-content p,.page8-content p{font-family: "微软雅黑";font-size: 18px;line-height: 28px;}

/*第六屏*/
.page6{background: url(../images/page6-bg.jpg) top center no-repeat;}
.page6-word{width: 198px;height: 534px;background: url(../images/page6-word.png) no-repeat;left: 0px;top: 132px;}
.page6-title{width: 461px;height: 178px;background: url(../images/page6-title.png) no-repeat;left: 600px;top: 112px;}
.page6-lbw{width: 293px;height: 538px;background: url(../images/page6-lbw.png) no-repeat;left: 266px;top: 272px;}
.page6-content{left: 600px;top: 290px;width: 600px;height: 460px;}

.page6-circle{position: relative;width: 600px;height: 126px;background: url(../images/page6-circle-bg.png) no-repeat;}
.page6-circle img,.page7-circle img,.page9-circle img{border: 2px solid #c9c7c6;}
.page6-circle>div{position: absolute;}
.page6-circle-1{width: 71px;height: 71px;left: 0;top: 44px;border-radius: 71px;}
.page6-circle-2{width: 150px;height: 60px;border-radius: 75px/30px;left: 129px;top: 45px;}
.page6-circle-3{width: 71px;height: 71px;left: 354px;top: 0px;border-radius: 71px;}
.page6-circle-4{width: 106px;height: 106px;right: 5px;top: 17px;border-radius: 106px;}

.page6-circle-1 img{width: 71px;height: 71px;border-radius: 71px;}
.page6-circle-2 img{width: 150px;height: 60px;border-radius: 75px/30px;}
.page6-circle-3 img{width: 71px;height: 71px;border-radius: 71px;}
.page6-circle-4 img{width: 106px;height: 106px;border-radius: 106px;}

.page6-imgs{position: relative;width: 600px;height: 260px;margin-top: 15px;}
.page6-imgs>div{position: absolute;top: 0;height: 260px;overflow: hidden;}
.page6-imgs>div img{height: 260px;}

.page6-imgs-1{width: 130px;left: 0;}
.page6-imgs-2{width: 150px;left: 130px;}
.page6-imgs-3{width: 320px;right: 0;}
.page6-imgs>div a{display: block;position: relative;width: 100%;height: 100%;color: #fff;}
.page6-imgs>div a div{position: absolute;display: none;}
.page6-imgs>div h4{margin-bottom: 5px;}
.page6-imgs>div a p{line-height: 20px;}

.page6-imgs-1 img{width: 130px;}
.page6-imgs-2 img{width: 150px;}
.page6-imgs-3 img{width: 320px;}

.page6-imgs-1 div{width: 95px;top:95px;left:15px;height: 152px;}
.page6-imgs-2 div{width: 110px;height: 133px;left: 21px;top: 12px;}
.page6-imgs-3 div{width: 207px;height: 180px;left: 0;top: 72px;}


/*第七屏*/
.page7{background: url(../images/page7-bg.jpg) top center no-repeat;}
.page7-title{width: 218px;height: 366px;background: url(../images/page7-title.png) no-repeat;left: 200px;top: 405px;}
.page7-word{width: 492px;height: 176px;background: url(../images/page7-word.png) no-repeat;left: 605px;top: 120px;}
.page7-content{left: 600px;top: 260px;width: 600px;height: 500px;}
.page7-content p .space3{display: inline-block;width: 180px;}
.page7-content p .space4{display: inline-block;width: 70px;}

.page7-circle{width: 600px;height: 273px;position: relative;margin-top: 30px;background: url(../images/page7-circle-bg.png) no-repeat;}
.page7-circle>div{position: absolute;}
.page7-circle-1{width: 106px;height: 106px;left: 40px;top: 0px;border-radius: 106px;}
.page7-circle-2{width: 71px;height: 71px;border-radius: 71px;left: 0px;top: 129px;}
.page7-circle-3{width: 98px;height: 98px;left: 114px;top: 174px;border-radius: 98px;}
.page7-circle-4{width: 210px;height: 210px;left: 200px;top: 6px;border-radius: 210px;border: 8px solid #c9c7c6;text-align: center;}
.page7-circle-5{width: 126px;height: 126px;right: 0px;bottom: 15px;border-radius: 126px;}
.page7-circle-6{width: 71px;height: 71px;right: 60px;top: 10px;border-radius: 71px;}

.page7-circle-1 img{width: 106px;height: 106px;border-radius: 106px;}
.page7-circle-2 img{width: 71px;height: 71px;border-radius: 71px;}
.page7-circle-3 img{width: 98px;height: 98px;border-radius: 98px;}
.page7-circle-4 img{width: 170px;height: 170px;border-radius: 205px;margin-top: 20px;}
.page7-circle-5 img{width: 126px;height: 126px;border-radius: 126px;}
.page7-circle-6 img{width: 71px;height: 71px;border-radius: 71px;}


/*第八屏*/
.page8{background: url(../images/page8-bg.jpg) top center no-repeat;}
.page8-title{width: 347px;height: 194px;background: url(../images/page8-title.png) no-repeat;left: 610px;top: 111px;}
.page8-word{width: 185px;height: 567px;background: url(../images/page8-word.png) no-repeat;left: 321px;top: 111px;}
.page8-lbw{width: 220px;height: 313px;background: url(../images/page8-lbw.png) no-repeat;left: 60px;top: 435px;}
.page8-content{left: 600px;top: 260px;width: 600px;height: 500px;}
.page4-list p{font-size: 14px;font-family: "宋体";}

/*第九屏*/
.page9{background: url(../images/page9-bg.jpg) top center no-repeat;}
.page9-title{width: 467px;height: 176px;background: url(../images/page9-title.png) no-repeat;left: 600px;top: 100px;}
.page9-word{width: 211px;height: 425px;background: url(../images/page9-word.png) no-repeat;left: 16px;top: 350px;}
.page9-lbw{width: 214px;height: 332px;background: url(../images/page9-lbw.png) no-repeat;left: 296px;top: 154px;}
.page9-content{left: 600px;top: 200px;width: 600px;height: 560px;background: url(../images/page9-content-bg.png) no-repeat;}

.page9-circle{width: 100%;height: 100%;position: relative;}
.page9-circle>div{position: absolute;}
.page9-circle-1{width: 120px;height: 120px;right: 16px;top: 10px;}
.page9-circle-2{width: 57px;height: 57px;left: 345px;top: 93px;}
.page9-circle-3{width: 330px;height: 180px;left: 17px;top: 198px;}
.page9-circle-4{width: 115px;height: 115px;right: 105px;bottom: 36px;}
.page9-circle-5{width: 57px;height: 57px;left: 240px;bottom: 5px;}

.page9-circle-1 img{width: 118px;height: 118px;border-radius: 115px;}
.page9-circle-2 img{width: 60px;height: 60px;border-radius: 60px;}
.page9-circle-3 img{width: 330px;height: 180px;border-radius: 165px/90px;}
.page9-circle-4 img{width: 115px;height: 115px;border-radius: 115px;}
.page9-circle-5 img{width: 60px;height: 60px;border-radius: 60px;}

.page9-circle p{font-family: "微软雅黑";font-size: 12px;line-height: 22px;text-indent: 2em;}
.page9-circle-p1{width: 293px;height: 75px;left: 156px;top: 42px;}
.page9-circle-p2{width: 196px;height: 50px;right: 18px;top: 138px;}
.page9-circle-p3{width: 232px;height: 93px;left: 360px;top: 236px;}
.page9-circle-p4{width: 230px;height: 93px;left: 0px;top: 412px;}

/*第十屏*/
.page10{background: url(../images/page10-bg.jpg) top center no-repeat;}
.page10-title{width: 141px;height: 184px;background: url(../images/page10-title.png) no-repeat;left: 1004px;top: 116px;}
.page10-word{width: 196px;height: 362px;background: url(../images/page10-word.png) no-repeat;left: 329px;top: 131px;}
.page10-lbw{width: 298px;height: 506px;background: url(../images/page10-lbw.png) no-repeat;left: 10px;top: 376px;}
.page10-content{left: 600px;top: 200px;width: 600px;height: 560px;}
.page10-content{width: 600px;height: 681px;left: 600px;top: 130px;}
.page10-box{width: 100%;height: 100%;position: relative;}
.iphone{width: 344px;height: 681px;background: url(../images/iphone.png) no-repeat;position: absolute;left: 0;top: 0;}

.yx-rotaion{margin: 84px 0 0 31px;}
.yx-rotaion img{width: 285px;height: 510px;}

.page10-box-p{width: 240px;height: 435px;position: absolute;left: 363px;top: 225px;}
.page10-box-p p{font-family: "微软雅黑";font-size: 18px;line-height: 32px;text-indent: 2em;}


/*动画*/
.active .page1-l{-moz-animation: page1L 1.5s ease-out both;-webkit-animation: page1L 1.5s ease-out both;-o-animation: page1L 1.5s ease-out both;animation: page1L 1.5s ease-out both}
.active .page1-r{-moz-animation: page1R 1.5s ease-out both;-webkit-animation: page1R 1.5s ease-out both;-o-animation: page1R 1.5s ease-out both;animation: page1R 1.5s ease-out both}

.active .page1-title{-moz-animation: rightIn .6s 2s ease-out both;-webkit-animation: rightIn .6s 2s ease-out both;-o-animation: rightIn .6s 2s ease-out both;animation: rightIn .6s 2s ease-out both}
.active .page1-sub{-moz-animation: leftIn .6s 3s ease-out both;-webkit-animation: leftIn .6s 3s ease-out both;-o-animation: leftIn .6s 3s ease-out both;animation: leftIn .6s 3s ease-out both}
.active .page1-lbw{-moz-animation: rightIn .6s 1.5s ease-out both;-webkit-animation: rightIn .6s 1.5s ease-out both;-o-animation: rightIn .6s 1.5s ease-out both;animation: rightIn .6s 1.5s ease-out both}
.active .yz2016{-moz-animation: leftIn .6s 2.5s ease-out both;-webkit-animation: leftIn .6s 2.5s ease-out both;-o-animation: leftIn .6s 2.5s ease-out both;animation: leftIn .6s 2.5s ease-out both}

.active .pre-bg{-moz-animation: downIn 1s ease-out both;-webkit-animation: downIn 1s ease-out both;-o-animation: downIn 1s ease-out both;animation: downIn 1s ease-out both}
.active .words{-moz-animation: downIn 1s 1s ease-out both;-webkit-animation: downIn 1s 1s ease-out both;-o-animation: downIn 1s 1s ease-out both;animation: downIn 1s 1s ease-out both}
.active .page2-lbw{-moz-animation: leftIn .6s 2s ease-out both;-webkit-animation: leftIn .6s 2s ease-out both;-o-animation: leftIn .6s 2s ease-out both;animation: leftIn .6s 2s ease-out both}

.active .page3-yz,.active .page3-lbw,.active .page3-word,.active .page4-word,.active .page5-word,.active .page6-lbw,.active .page6-word,.active .page7-title,.active .page8-lbw,.active .page8-word,.active .page9-lbw,.active .page9-word,.active .page10-word,.active .page10-lbw{-moz-animation: downIn 1s ease-out both;-webkit-animation: downIn 1s ease-out both;-o-animation: downIn 1s ease-out both;animation: downIn 1s ease-out both}

.active .jieshao,.active .page3-content,.active .page3-title,.active .page4-content,.active .page4-title,.active .page5-content,.active .page5-title,.active .page6-content,.active .page6-title,.active .page7-word,.active .page7-content,.active .page8-content,.active .page8-title,.active .page9-content,.active .page9-title,.active .page10-title,.active .page10-content{-moz-animation: upIn 1s ease-out both;-webkit-animation: upIn 1s ease-out both;-o-animation: upIn 1s ease-out both;animation: upIn 1s ease-out both}


@-webkit-keyframes page1L{
            0%{

                left: -50%;
            }
            100%{
                left:0;
            }
        }

@-webkit-keyframes page1R{
          0%{
                right: -50%;
            }
            100%{
                right:0;
            }
}


@keyframes fadeInLeftBottom {
    0%{
        opacity: 0;
        -webkit-transform:translate(-50%,50%);
        transform: translate(-50%,50%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate(0);
        transform:translate(0);
    }
}
@-webkit-keyframes fadeInLeftBottom {
    0%{
        opacity: 0;
        -webkit-transform:translate(-50%,50%);
        transform: translate(-50%,50%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate(0);
        transform:translate(0);
    }
}
@keyframes moveMark {
    0%{
        -webkit-transform:translate(-500px,350px);
        transform: translate(-500px,350px);
    }
    100%{
        -webkit-transform: translate(0);
        transform:translate(0);
    }
}
@-webkit-keyframes moveMark {
    0%{
        -webkit-transform:translate(-500px,350px);
        transform: translate(-500px,350px);
    }
    100%{
        -webkit-transform: translate(0);
        transform:translate(0);
    }
}
@keyframes movePic2{
    0%{
        -webkit-transform:translate(210px, 400px) rotate(7deg);
        transform: translate(210px, 400px) rotate(7deg);
    }
    50%{
        -webkit-transform: translate(210px, 82px) rotate(7deg);
        transform: translate(210px, 82px) rotate(7deg);
    }
    70%{
        -webkit-transform: translate(210px, 82px) rotate(7deg);
        transform: translate(210px, 82px) rotate(7deg);
    }
    100%{
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes movePic2{
    0%{
        -webkit-transform:translate(210px, 400px) rotate(7deg);
        transform: translate(210px, 400px) rotate(7deg);
    }
    50%{
        -webkit-transform: translate(210px, 82px) rotate(7deg);
        transform: translate(210px, 82px) rotate(7deg);
    }
    70%{
        -webkit-transform: translate(210px, 82px) rotate(7deg);
        transform: translate(210px, 82px) rotate(7deg);
    }
    100%{
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@keyframes movePic1{
    0%{
        z-index: 1;
        -webkit-transform: translate(-269px,100px) rotate(-12deg);
        transform: translate(-269px,100px) rotate(-12deg);
    }
    50%{
        -webkit-transform: translate(-269px,-110px) rotate(-12deg);
        transform: translate(-269px,-110px) rotate(-12deg);
    }
    70%{
        -webkit-transform: translate(-269px,-110px) rotate(-12deg);
        transform: translate(-269px,-110px) rotate(-12deg);
    }
    100%{
        z-index: 2;
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes movePic1{
    0%{
        z-index: 0;
        -webkit-transform: translate(-269px,100px) rotate(-12deg);
        transform: translate(-269px,100px) rotate(-12deg);
    }
    50%{
        -webkit-transform: translate(-269px,-97px) rotate(-12deg);
        transform: translate(-269px,-97px) rotate(-12deg);
    }
    70%{
        -webkit-transform: translate(-269px,-97px) rotate(-12deg);
        transform: translate(-269px,-97px) rotate(-12deg);
    }
    100%{
        z-index: 2;
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@keyframes movePic{
    0%{
        -webkit-transform: translateY(200px) rotate(21deg);
        transform: translateY(200px) rotate(21deg);
    }
    50%{
        -webkit-transform: translateY(0px) rotate(21deg);
        transform: translateY(0px) rotate(21deg);
    }
    70%{
        -webkit-transform: translateY(0px) rotate(21deg);
        transform: translateY(0px) rotate(21deg);
    }
    100%{
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes movePic{
    0%{
        -webkit-transform: translateY(200px) rotate(21deg);
        transform: translateY(200px) rotate(21deg);
    }
    50%{
        -webkit-transform: translateY(0px) rotate(21deg);
        transform: translateY(0px) rotate(21deg);
    }
    70%{
        -webkit-transform: translateY(0px) rotate(21deg);
        transform: translateY(0px) rotate(21deg);
    }
    100%{
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes moveBg
{
    0%
    {
        background-position: 0 0;
    }
    100%{
        background-position: 100% 0;
    }
}
@keyframes moveBg
{
    0%
    {
        background-position: 0 0;
    }
    100%{
        background-position: 100% 0;
    }

}
@media screen and (min-height: 1000px) {
    .main{
        width:1000px;
        margin:0 auto;
        position:absolute;
        height:950px;
        bottom: 100px;
        left: 50%;
        margin-left: -500px;
    }

}