body{font-size:14px;font-family:Arial,'微软雅黑','Microsoft Yahei';margin:0px;padding:0px;}
a{text-decoration:none;}
ul,li{ list-style:none}
.clearfix:before{display:table;content:'';}
.clearfix:after{display:table;content:'';clear:both;}
h1{font-size:5em;font-family:arial,helvetica;margin:0;padding:0}
h2{font-size:2em;margin:0 0 18px 0;font-family:arial,helvetica}
img{-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
.section{text-align:center;overflow:hidden}
.wrap{width:1180px;height:100%;margin-left:auto;margin-right:auto;position:relative; }
.layout{background-color:#fafafa}
.box{width:1200px;display:flex;align-items:center;margin:auto;background-color:#fafafa}
.image{margin:10px 30px 20px 30px}
.box-rgt{display: flex;flex-direction: row;justify-content:center;align-items: center;font-size:16px;}
.box-rgt-item1{width:115px;background-color:#e9e9e9;color:#767676;margin-right:10px;line-height:30px;text-align: center;border-radius:5px;}
.box-rgt-item2{width:125px;background-color:#f9823e;color:white;line-height:30px;text-align: center;border-radius:5px;}

.page2{background-image:url(../img/2.jpg);height:600px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0;background-color:#d4d4d2}
    .page3{background-color:#fff;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page4{background-color:#ecda90;background-image:url();height:1030px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page5{background-color:#f9f9f9;background-image:url();height:650px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page6{background-color:#adccfb;background-image:url();height:650px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page7{background-color:#f9f9f9;background-image:url();height:650px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page8{background-color:#f6bf96;background-image:url();height:620px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page9{background-color:#f9f9f9;background-image:url();height:600px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page10{background-color:#71d1df;background-image:url();height:620px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page11{background-color:#f9f9f9;background-image:url();height:600px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page12{background-color:#fde8cd;background-image:url();height:750px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
    .page13{background-color:#f5f5f5;background-image:url();height:700px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}
.footer{background-color:#fff;background-image:url();height:445px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center 0}

.section--title {
    font-size: 50px;
    font-weight: bold;
    text-align: center; margin:20px;
}
.case{ width:1200px; margin:0 auto;}
.case ul{}
.case li{ width:250px; float:left; margin:10px;text-align:center;}
.case li span{ display:block; padding:15px 0; text-align:center; font-size:22px;}
.case img{ width:200px;text-align:center;}



#section0{padding:60px 0}
#section0 img{height:100%;margin:40px 0 0 0}
#section1 img{position:absolute;left:40px;top:100px}
#section1 .box{position:absolute;top:50%;left:50%;margin-top:-192px;margin-left:89px;width:395px;z-index:1}
#section1 .imgsContainer{display:block;position:absolute;z-index:1;top:42%;left:58%;margin-top:-325px;margin-left:-747px;width:800px;height:696px}
#section1 img{height:100%}
@media all and (min-width:620px) and (max-width:800px){#section1 .imgsContainer{margin-top:-278px;margin-left:-685px;width:647px;height:563px}
}
@media all and (max-width:620px){#section1 .imgsContainer{margin-top:-208px;margin-left:-516px;width:534px;height:464px}
}
#iphone2{z-index:10}
#iphone2.active{-webkit-transform:translate3d(-134px,0,0);-moz-transform:translate3d(-134px,0,0);-ms-transform:translate3d(-134px,0,0);transform:translate3d(-134px,0,0)}
#iphone3{z-index:12}
#iphone3.active{-webkit-transform:translate3d(213px,0,0);-moz-transform:translate3d(213px,0,0);-ms-transform:translate3d(213px,0,0);transform:translate3d(213px,0,0)}
#iphone4{z-index:11;left:140px}
#iphone4.active{-webkit-transform:translate3d(548px,0,0);-moz-transform:translate3d(548px,0,0);-ms-transform:translate3d(548px,0,0);transform:translate3d(548px,0,0)}
#section2 img{position:absolute}
#section2 .imgsContainer,#section3 .imgsContainer,#staticImg .imgsContainer{position:absolute;z-index:1;left:50%;display:block;margin-top:-288px;margin-left:-636px;width:0;height:0;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out}
#section2.moveUp .imgsContainer{top:50%}
#section2.moveDown .imgsContainer,#staticImg .imgsContainer{top:90%}
#section2.active .imgsContainer{top:50%}
#section2 .box{top:22%;left:42%;position:absolute;width:582px}
#iphone-yellow{top:-35px;left:-222px}
#iphone-red{top:-194px;left:106px}
#iphone-blue{top:320px;left:448px}
#iphone-green{left:106px;position:absolute}
#staticImg{display:block;position:absolute;z-index:1;top:200%;left:0;width:100%;min-width:980px;height:100%;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#staticImg.moveDown{top:300%}
#staticImg.moveDown .imgsContainer{top:50%}
#staticImg.moveDown img{top:155px}
#staticImg.active .imgsContainer{top:50%}
#staticImg.active img{top:487px}
#section3 .imgsContainer{top:50%}
#section3 img{top:155px;left:455px;position:absolute}
#section3 .box{text-align:center;margin:10% 0 0 0}
#infoMenu.whiteLinks li:nth-child(1) a,#infoMenu.whiteLinks li:nth-child(2) a,#infoMenu.whiteLinks li:nth-child(3) a{color:#fff}
#infoMenu{font-family:arial,helvetica}
.fullPage-tooltip{color:#AAA}
#fullPage-nav span,.fullPage-slidesNav span{border-color:#AAA}
#fullPage-nav li .active span,.fullPage-slidesNav .active span{background:#AAA}
.bodys1{height:71px;width:100%;z-index:9999;background-color:#FFF;position:fixed;top:0;left:0}
.pages{width: 1200px;margin-right: auto;margin-left: auto; background-repeat:no-repeat;background-position:center 0;}
.section1{background-image:url(../img/1.jpg);margin-top: 60px;height:600px;}
.section2{background-image:url(../img/2.jpg);margin-top: 60px;height:600px;}
.section3{background-image:url(../img/3.jpg);margin-top: 20px;height:600px;}
.section4{background-image:url(../img/4.jpg);height:600px;margin-top: 55px;}
.section5{background-image:url(../img/5.jpg);cursor:pointer;height:600px;}
.section6{background-image:url(../img/6.jpg);height:600px;}
.section7{background-image:url(../img/7.jpg);margin-top: 70px;height:600px;}
.section8{background-image:url(../img/81.jpg);height:800px;margin-top: 30px;background-size:90% 90%;}
.section9{background-image:url(../img/82.jpg);margin-top: 50px;height:600px;}




#layer1{background-color:#000000; left:0; opacity:0.7; position:fixed; top:0; z-index:999;filter:alpha(opacity=50); -moz-opacity:0.7; -khtml-opacity:0.5;cursor: pointer; }