html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;} 
body{font-family: "minijianxiyuan45f76c61162ff";} 
ol, ul{ list-style: none;} 
a{text-decoration: none;}
#logo{position: fixed;z-index: 999;top:10px;left: 10%;}
#logo img{width: 150px;}
.content{max-width: 1240px;margin: 0 auto;font-weight: lighter;line-height: 1.5em;overflow: hidden;}
@media(min-width: 768px){
    .content{padding-top:12%;}
    .weix{width: 400px;left: 50%;top: 50%;}
}
@media screen and (min-width:1000px) and (max-width:1440px){
    #logo{left: 7%;}
    .content{padding-top:5%;}
    .w120{width: 150%;}
}
@media(min-width: 1440px){
    .content{padding-top:15%;}
    .w120{width: 150%;}
   
}

.content:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.content{*+height:1%;}
.img-left{float: left;width: 50%;height: 500px;position: relative;text-align: center;text-align: center;}
.img-left img{position: absolute;display: none;}
.txt-right{width: 50%;float: left;margin-top: 45px;}
.txt-right h2{margin: 0;display: none;}
.txt-right p{font-size: 26px;line-height: 1.5;margin-top: 5px;color: #fff;display: none;}
.txt-right p.ctxts{margin-left: -20px;}
.hide{display: none;}

.weix{position: fixed;z-index: 999;display: flex; align-items:center;}
.weix>img{margin-right:1.2rem;width: 40%;border-radius: 6px;}
.weix .atxt{flex:1;}
.weix a{width: 100%;display: block;border:1px solid #fff;color: #fff;font-size: 1.4rem;border-radius: 6px;padding:1.2rem 0;text-align: center;}
.weix a>img{margin-bottom: -8px;}
.weix a:last-child{margin-top: 1rem;}
.weix a:hover{background:#ec7712;border:1px solid #ec7712;}
.weix .animated {animation-delay: 1.3s;-webkit-animation-delay: 1.3s;-moz-transition-delay: 1.3s;-o-transition-delay: 1.3s;}

.section p.animated {animation-delay: .5s;-webkit-animation-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;}
.section h2.animated {animation-duration: .8s;-webkit-animation-duration: .8s;}
#img01{position: static;}
.img-round {display: none;}
.img-round span{display: block;border-radius: 50%;text-align: center;color: #fff;position: absolute;}
.sh1{width: 110px;height: 110px;left: 18%;top: 60px;background:#61beff;font-size: 36px;line-height: 105px;
   animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
.sh2{width: 100px;height: 100px;left: 17%;top: 265px;background:#f07366;font-size: 30px;line-height: 95px;
    animation-duration: 1.2s;-webkit-animation-duration: 1.2s;animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.sh3{width: 90px;height: 90px;right: 19%;top: 255px;background:#12b052;font-size: 30px;line-height: 90px;
    animation-duration: 1.2s;-webkit-animation-duration: 1.2s;animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.sh4{width: 80px;height: 80px;right: 23%;top: 330px;background:#f57e16;font-size: 24px;line-height: 75px;
    animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.fz1{width: 64px;height: 64px;left: 16%;top: 150px;background:rgba(255,255,255,.2);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.0s;-webkit-animation-delay: 1.0s; } 
.fz2{width: 84px;height: 84px;left: 15%;top: 365px;background:rgba(255,255,255,.3);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.0s;-webkit-animation-delay: 1.0s; } 
.fz3{width: 24px;height: 24px;left: 12%;top: 360px;background:rgba(255,255,255,.3);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s; } 
.fz4{width: 16px;height: 16px;right: 18%;top: 110px;background:rgba(255,255,255,.7);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.7s;-webkit-animation-delay: 1.7s; } 
.fz5{width: 68px;height: 68px;right: 20%;top: 120px;background:rgba(255,255,255,.25);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.5s;-webkit-animation-delay: 1.5s; } 
.fz6{width: 34px;height: 34px;right: 19%;top: 240px;background:rgba(255,255,255,.35);
    animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.6s;-webkit-animation-delay: 1.6s; } 

#section2 .img-left .iPhone{bottom: 100px;left: 0;animation-delay: .3s;-webkit-animation-delay: .3s;}
#section2 .ts1{left: 235px;bottom: 175px; animation-duration: .6s;-webkit-animation-duration: .6s;animation-delay: .6s;-webkit-animation-delay: .6s;}
#section2 .ts2{left: 70px;bottom: 175px;animation-duration: .6s;-webkit-animation-duration: .6s;animation-delay: .8s;-webkit-animation-delay: .8s; }
#section2 .ts3{left: 60px;bottom: 155px;animation-duration: .5s;-webkit-animation-duration: .5s;animation-delay: 1s;-webkit-animation-delay: 1s; }
#section2 .ts4{left: 215px;bottom: 140px;animation-delay: .2s;-webkit-animation-delay:.2s;animation-duration: 3.5s;-webkit-animation-duration: 3.5s;
                transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; }

#section4 .tx1{left: 110px;top: 140px;}
#section4 .tx2{left: 220px;top: 180px;animation-duration: .8s;-webkit-animation-duration: .8s;}
#section4 .tx3{left: 285px;top: 0px;}
#section4 .tx4{left: 292px;top: 7px;transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in; }
#section4 .tx5{left: 355px;top: 216px;}

#section3 .td1{left: 112px;
    top: 77px;
    z-index: 11;}
#section3 .td2{left: 110px;top: 110px;animation-duration: .8s;-webkit-animation-duration: .8s;}
.like1{left: 77px;;top: -20px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.like2{left: 56px;top: 165px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 2.4s;-webkit-animation-delay: 2.4s;}
.like3{left: 38px;;top: 42px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}
.like4{left: 362px;;top: 132px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}
.like5{left: 335px;;top: 265px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.like6{left: 228px;;top: 245px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 1.7s;-webkit-animation-delay: 1.7s;}
.like7{left: 425px;;top: 25px; animation-duration: .8s;-webkit-animation-duration: .8s;animation-delay: 2s;-webkit-animation-delay: 2s;}
#img03{top:40px;left:86px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}
.tc1{left: 175px;top: 0px;animation-duration: .5s;-webkit-animation-duration: .5s;}
.tc6{left: 175px;top: 0px;animation-delay: 0.5s;-webkit-animation-delay: .5s;  }
.tc2{left: 90px;top: 40px;animation-delay: 0.6s;-webkit-animation-delay: .6s;}
.tc3{left: 70px;top: 90px;animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.tc4{left: 74px;top: 94px;animation-duration: 1.2s;-webkit-animation-duration: 1.2s;animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}

.bobtxt{font-family: "΢ÈíÑźÚ";position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;color: #fff;padding: 20px;background:rgba(0,0,0,.1);line-height: 26px;box-sizing: border-box;}

@media(max-width: 768px){
    #logo{left: 3%;}
    .img-left{width: 100%;position: relative;float:none;}
    .txt-right{float: none;width: 100%;text-align: center;padding-top: 0;}
    .weix{width: 380px;left: 50%;bottom: 10%;margin-left: -190px;}
    #section1 .img-left {margin-left: 10%;}
    #section2 .img-left {margin-left: 15%;}
    #section2 .txt-right{margin-top: -5%;}
    #section3 .img-left {margin-left: 10%;height: 420px;}
    #section4 .img-left {margin-left: 5%;}
	.bobtxt{display:none;}
}

@media(max-width: 480px){
    #logo img{width: 50%;}
    .weix{-moz-transform:scale(.6); -webkit-transform:scale(.6); -o-transform:scale(.6);transform:scale(0.6);bottom:0%;}
    .img-left{-moz-transform:scale(.6); -webkit-transform:scale(.6); -o-transform:scale(.6);transform:scale(0.6);}
    .txt-right {margin-top: -25%;}
    .txt-right img{width: 75%;} 
    .txt-right p{font-size: 28px;}
    .img-left {margin-top: -12%;}
    #section1 .img-left {margin-left: -12%;}
    #section2 {padding-top: 10%;}
    #section2 .img-left {margin-left: -8%;}   
    #section2 .txt-right {margin-top: -35%;}
    #section3 {padding-top: 5%;}
    #section3 .img-left {margin-left: -15%;margin-top: 0;}
    #section4 .img-left {margin-left: -20%;} 
}
@media(max-width: 375px){
    #logo img{width: 30%;;left:0;}
    .content{display:inline-block;}
    .img-left{-moz-transform:scale(.5); -webkit-transform:scale(.5); -o-transform:scale(.5);transform:scale(0.5);margin-top: -20%;}
    .txt-right{margin-top: -25%;}  
    .txt-right p{font-size: 24px;padding: 0 15px;}
    #section1 .img-left {margin-left: -24%;}
    #section2 .img-left {margin-left: -12%;}
    #section2 .txt-right{margin-top: -40%;}
    #section3 .img-left {margin-left: -18%;margin-top: -12%;-moz-transform:scale(.55); -webkit-transform:scale(.55); -o-transform:scale(.55);transform:scale(0.55);}
    #section4 .img-left {margin-left: -20%;} 
}
@media(max-width: 375px){
    .txt-right p{font-size: 16px;}
}
@media(max-width: 320px){
    .txt-right p{display: none!important;}
}