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

/*第一屏*/
.page1{background: url(../images/page1-bg.jpg) top center no-repeat;}


/*第二屏*/
.page2{background: url(../images/2.jpg) top center no-repeat;}
.page2-l{width: 100%;height: 100%;background: url(../images/2-1.png);left: 0;top: 0;}
.page2-2{width: 100%;height: 100%;background: url(../images/2-2.png);left: 0;top: 0;}
.page2-3{width: 100%;height: 100%;background: url(../images/2-3.png);left: 0;top: 0;}
.pageclick2{width: 100%;height: 100%;background: url(../images/click.png);left: 60px;top: 0;}


/*第三屏*/
.page3{background: url(../images/3.jpg) top center no-repeat;}
.page3-l{width: 100%;height: 100%;background: url(../images/3-1.png);left: 0;top: 0;}
.page3-2{width: 100%;height: 100%;background: url(../images/3-2.png);left: 0;top: 0;}
.page3-3{width: 100%;height: 100%;background: url(../images/3-3.png);left: 0;top: 0;}
.pageclick3{width: 100%;height: 100%;background: url(../images/click.png);left: -200px;top: 300px;}


/*第四屏*/
.page4{background: url(../images/4.jpg) top center no-repeat;}
.page4-l{width: 100%;height: 100%;background: url(../images/4-1.png);left: 0;top: 0;}
.page4-2{width: 100%;height: 100%;background: url(../images/4-2.png);left: 0;top: 0;}
.page4-3{width: 100%;height: 100%;background: url(../images/4-3.png);left: 0;top: 0;}
.pageclick4{width: 100%;height: 100%;background: url(../images/click.png);left: -300px;top: 200px;}

/*第五屏*/
.page5{background: url(../images/5.jpg) top center no-repeat;}
.page5-l{width: 100%;height: 100%;background: url(../images/5-1.png);left: 0;top: 0;}
.page5-2{width: 100%;height: 100%;background: url(../images/5-2.png);left: 0;top: 0;}
.page5-3{width: 100%;height: 100%;background: url(../images/5-3.png);left: 0;top: 0;}
.pageclick5{width: 100%;height: 100%;background: url(../images/click.png);left: -80px;top: 300px;}

/*第六屏*/
.page6{background: url(../images/6.jpg) top center no-repeat;}
.page6-l{width: 100%;height: 100%;background: url(../images/6-1.png);left: 0;top: 0;}
.page6-2{width: 100%;height: 100%;background: url(../images/6-2.png);left: 0;top: 0;}
.page6-3{width: 100%;height: 100%;background: url(../images/6-3.png);left: 0;top: 0;}
.pageclick6{width: 100%;height: 100%;background: url(../images/click.png);left: -120px;top: 40px;}

/*第七屏*/
.page7{background: url(../images/7.jpg) top center no-repeat;}
.page7-l{width: 100%;height: 100%;background: url(../images/7-1.png);left: 0;top: 0;}
.page7-2{width: 100%;height: 100%;background: url(../images/7-2.png);left: 0;top: 0;}
.page7-3{width: 100%;height: 100%;background: url(../images/7-3.png);left: 0;top: 0;}
.pageclick7{width: 100%;height: 100%;background: url(../images/click.png);left: -50px;top: 300px;}

/*第八屏*/
.page8{background: url(../images/8.jpg) top center no-repeat;}
.page8-l{width: 100%;height: 100%;background: url(../images/8-1.png);left: 0;top: 0;}
.page8-2{width: 100%;height: 100%;background: url(../images/8-2.png);left: 0;top: 0;}
.page8-3{width: 100%;height: 100%;background: url(../images/8-3.png);left: 0;top: 0;}
.pageclick8{width: 100%;height: 100%;background: url(../images/click.png);left: -500px;top: 300px;}

/*第九屏*/
.page9{background: url(../images/9.jpg) top center no-repeat;}
.page9-l{width: 100%;height: 100%;background: url(../images/9-1.png);left: 0;top: 0;}
.page9-2{width: 100%;height: 100%;background: url(../images/9-2.png);left: 0;top: 0;}
.page9-3{width: 100%;height: 100%;background: url(../images/9-3.png);left: 0;top: 0;}
.pageclick9{width: 100%;height: 100%;background: url(../images/click.png);left: -200px;top: 300px;}

/*第十屏*/
.page10{background: url(../images/10.jpg) top center no-repeat;}
.page10-l{width: 100%;height: 100%;background: url(../images/10-1.png);left: 0;top: 0;}
.page10-2{width: 100%;height: 100%;background: url(../images/10-2.png);left: 0;top: 0;}
.page10-3{width: 100%;height: 100%;background: url(../images/10-3.png);left: 0;top: 0;}
.pageclick10{width: 100%;height: 100%;background: url(../images/click.png);left: -100px;top: 250px;}

/*第十一屏*/
.page11{background: url(../images/11.jpg) top center no-repeat;}
.page11-l{width: 100%;height: 100%;background: url(../images/11-1.png);left: 0;top: 0;}
.page11-2{width: 100%;height: 100%;background: url(../images/11-2.png);left: 0;top: 0;}
.page11-3{width: 100%;height: 100%;background: url(../images/11-3.png);left: 0;top: 0;}
.pageclick11{width: 100%;height: 100%;background: url(../images/click.png);left: 10px;top: 300px;}

/*第十二屏*/
.page12{background: url(../images/12.jpg) top center no-repeat;}
.page12-l{width: 100%;height: 100%;background: url(../images/12-1.png);left: 0;top: 0;}
.page12-2{width: 100%;height: 100%;background: url(../images/12-2.png);left: 0;top: 0;}
.page12-3{width: 100%;height: 100%;background: url(../images/12-3.png);left: 0;top: 0;}
.pageclick12{width: 100%;height: 100%;background: url(../images/click.png);left: -100px;top: 0px;}

/*第十三屏*/
.page13{background: url(../images/13.jpg) top center no-repeat;}
.page13-l{width: 100%;height: 100%;background: url(../images/13-1.png);left: 0;top: 0;}
.page13-2{width: 100%;height: 100%;background: url(../images/13-2.png);left: 0;top: 0;}
.page13-3{width: 100%;height: 100%;background: url(../images/13-3.png);left: 0;top: 0;}
.pageclick13{width: 100%;height: 100%;background: url(../images/click.png);left: -200px;top: 300px;}

/*动态*/
.active .page2-l,.active .page3-l,.active .page4-l,.active .page5-l,.active .page6-l,.active .page7-l,.active .page8-l,.active .page9-l,.active .page10-l,.active .page11-l,.active .page12-l,.active .page12-l,.active .page13-l{-moz-animation: leftIn 1s ease-out both;-webkit-animation: leftIn 1s ease-out both;-o-animation: leftIn 1s ease-out both;animation: leftIn 1s ease-out both}

.active .page2-2,.active .page3-2,.active .page4-2,.active .page5-2,.active .page6-2,.active .page7-2,.active .page8-2,.active .page9-2,.active .page10-2,.active .page11-2,.active .page12-2,.active .page12-2,.active .page13-2{-moz-animation: rightIn 1s 1s ease-out both;-webkit-animation: rightIn 1s 1s ease-out both;-o-animation: rightIn 1s 1s ease-out both;animation: rightIn 1s 1s ease-out both}

.active .page2-3,.active .page3-3,.active .page4-3,.active .page5-3,.active .page6-3,.active .page7-3,.active .page8-3,.active .page9-3,.active .page10-3,.active .page11-3,.active .page12-3,.active .page12-3,.active .page13-3{-moz-animation: downIn 1s 2s ease-out both;-webkit-animation: downIn 1s 2s ease-out both;-o-animation: downIn 1s 2s ease-out both;animation: downIn 1s 2s ease-out both}

.active .pageclick2,.active .pageclick3,.active .pageclick4,.active .pageclick5,.active .pageclick6,.active .pageclick7,.active .pageclick8,.active .pageclick9,.active .pageclick10,.active .pageclick11,.active .pageclick12,.active .pageclick13{-moz-animation: downIn 1s 3s ease-out both;-webkit-animation: downIn 1s 3s ease-out both;-o-animation: downIn 1s 3s ease-out both;animation: downIn 1s 3s ease-out both}

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

}