/* CSS Document */

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
html,body{ width:100%; height:100%; font-size:16px;}


.wrap{ width:100%; height:100%; position: relative; overflow:hidden; background-color:#29b3bd; background:linear-gradient(left,#289fc9,#29ccae); background:-webkit-linear-gradient(left,#289fc9,#29ccae); background:-moz-linear-gradient(left,#289fc9,#29ccae);}
.page{ width:100%; height:100%; position: absolute; background-color:#29b3bd; overflow:hidden; background:linear-gradient(left,#289fc9,#29ccae); background:-webkit-linear-gradient(left,#289fc9,#29ccae); background:-moz-linear-gradient(left,#289fc9,#29ccae);}
.aside_nav{ max-height:160px; position:absolute; top:0; bottom:0; right:30px; margin:auto; z-index:11;}
.aside_nav a{ width:12px; height:12px; display:block; margin-top:10px; border-radius:100%; background-color:#fff; opacity:0.3; transition:opacity 0.5s ease-in-out; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out;}
.aside_nav .aside_nav_sel{ opacity:1;}
.page_sel{ z-index:10;}
.page_imgs{ display:none;}
.wn_block{ width:1536px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.page1 .wn_block{ height:440px;}
.page2 .wn_block{ height:580px;}
.page3 .wn_block{ height:540px;}
.page4 .wn_block{ height:500px;}
.page5 .wn_block{ height:530px;}
.page6 .wn_block{ height:670px;}
.wn_block_text{width:47%;}
.wn_block_right{ width:768px; position:relative;}

.wn_block_text h1,.wn_block_text h2,.wn_block_text>p,.wn_block_text .wn_btn{transform:translateY(400px); -webkit-transform:translateY(400px); -moz-transform:translateY(400px); opacity:0;}
.wn_block_text h2,.wn_block_text h1{ font-size:60px; color:#fff;}
.wn_block_text>p{ margin-top:30px; font-size:22px; color:#fff; line-height:1.63;}
.wn_block_text .wn_btn{ width:220px; height:60px; display: inline-block; margin:30px 10px 0 0; position:relative; border:2px solid #fff; line-height:60px; font-size:22px; color:#fff; text-align:center; overflow:hidden;}

.wn_btn:after{ font-family:"iconfont"; margin-left:5px;}
.wn_btn_dl:after{ content:"\e901";}
.wn_btn_buy:after{ content:"\e903"; font-size:30px; vertical-align:middle;}
.wn_btn:before{ content:""; width:100%; height:100%; display:block; background-color:#fff; position:absolute; opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; z-index:-1}
.wn_btn:hover::before{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity:1;}

.wn_block_text .wn_btn:hover{ text-decoration:none; color:#28a6c5; transition:color 0.5s ease-in-out; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out;}
.page_sel .wn_block_text h2,.page_sel .wn_block_text h1,.page_sel .wn_block_text p,.page_sel .wn_btn{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity:1; transition:transform 1s ease-in-out,opacity 1s ease-in-out; -webkit-transition:transform 1s ease-in-out,opacity 1s ease-in-out; -moz-transition:transform 1s ease-in-out,opacity 1s ease-in-out;}
.page_sel .wn_block_text p{ transition-delay:0.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s;}
.page_sel .wn_btn{ transition-delay:1s; -transition-delay:1s; -moz-transition-delay:1s;}


.wn_block1_right{ height:100%; perspective: 1000px; -webkit-perspective: 1000px;}
.wn_block1_imgs{transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.wn_block1_imgs,.wn_block1_imgs>img{max-width:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; text-align: center;}
.wn_block1_imgs1{transform: translateZ(50px); -webkit-transform: translateZ(50px); -moz-transform: translateZ(50px);}
.wn_block1_imgs2{transform: translateZ(350px); -transform: translateZ(350px); -moz-transform: translateZ(350px);}
.wn_block1_imgs3{transform: translateZ(50px); -transform: translateZ(50px); -moz-transform: translateZ(50px);}

.page_sel .wn_block1_imgs1,.page_sel .wn_block1_imgs2,.page_sel .wn_block1_imgs3{ transform:rotateY(-30deg) rotateX(15deg) translateZ(0); -webkit-transform:rotateY(-30deg) rotateX(15deg) translateZ(0); -moz-transform:rotateY(-30deg) rotateX(15deg) translateZ(0); transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out;}
.page_sel .wn_block1_right>p img{ animation:rotate360 4s 0.5s linear infinite; -webkit-animation:rotate360 4s 0.5s linear infinite; -moz-animation:rotate360 4s 0.5s linear infinite;}

@keyframes rotate360{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotate360{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate360{
	0%{-moz-transform:rotate(0);}
	100%{-moz-transform:rotate(360deg);}
}

.wn_block2_right{height:550px;}
.wn_block2_bg{bottom:0;}
.wn_block2_right img,.wn_block2_right>div{ position:absolute;}
.wn_block2_icon1{bottom:65px; left:310px; transform:translateY(-300px); -webkit-transform:translateY(-300px); -moz-transform:translateY(-300px); opacity:0;}
.wn_block2_icon2{bottom:162px; left:145px; transform:translateY(-300px); -webkit-transform:translateY(-300px); -moz-transform:translateY(-300px); opacity:0;}
.windmill1{left:590px; bottom:400px;}
.windmill2{bottom:410px; left:75px;}
.windmill3{left:350px; bottom:350px;}

.windmill1 .windmill{top:-110px; left:-93px;}
.windmill2 .windmill{top:-90px; left:-76px;}
.windmill3 .windmill{top:-60px; left:-50px;}

.wn_block2_tree1{bottom:60px; left:330px;}
.wn_block2_tree2{bottom:70px; left:495px;}
.page_sel .wn_block2_icon1{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity:1; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out;}
.page_sel .wn_block2_icon2{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity:1; transition:all 0.8s 0.2s ease-in-out; -webkit-transition:all 0.8s 0.2s ease-in-out; -moz-transition:all 0.8s 0.2s ease-in-out;}
.page_sel .windmill1 .windmill{ animation: rotate360 3s 0.8s linear infinite; -webkit-animation: rotate360 3s 0.8s linear infinite; -moz-animation: rotate360 3s 0.8s linear infinite; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%;}
.page_sel .windmill2 .windmill{ animation: rotate360 3.5s 0.8s linear infinite; -webkit-animation: rotate360 3.5s 0.8s linear infinite; -moz-animation: rotate360 3.5s 0.8s linear infinite; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%;}
.page_sel .windmill3 .windmill{ animation: rotate360 4s 0.8s linear infinite; -webkit-animation: rotate360 4s 0.8s linear infinite; -moz-animation: rotate360 4s 0.8s linear infinite; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%;}

.wn_block3_right{ height:670px;}
.wn_block3_right .dna{perspective: 1000px; -webkit-perspective: 1000px; position:absolute;}
.dna span{ width:175px; height:5px; display:block; margin:50px auto 0 auto; background-color:#fff; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.dna span:before{ content:""; width:45px; height:45px; border-radius:100%; background-color:#fff; display:block; position:absolute; top:-22px; left:-22px; z-index:2; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.dna span:after{content:""; width:40px; height:40px; border-radius:100%; background-color:#fff; display:block; position:absolute; top:-20px; right:-20px; z-index:2; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}

.dna1{ height:460px; transform:scale(1.2); top:0; bottom:0; left:0; right:0; margin:auto;}
.dna2{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); opacity:0.22; right:-80px; top:-100px;}
.dna3{ transform:scale(0.3); -webkit-transform:scale(0.3); -moz-transform:scale(0.3); opacity:0.2; left:-120px; top:320px;}

.page_sel .dna1 span{ animation:dna 3s linear infinite; -webkit-animation:dna 3s linear infinite; -moz-animation:dna 3s linear infinite;}
.page_sel .dna1 span:before{ animation:dna2 3s linear infinite; -webkit-animation:dna2 3s linear infinite; -moz-animation:dna2 3s linear infinite;}
.page_sel .dna1 span:after{ animation:dna2 3s linear infinite; -webkit-animation:dna2 3s linear infinite; -moz-animation:dna2 3s linear infinite;}
.page_sel .dna2 span{ animation:dna 4s linear infinite; -webkit-animation:dna 4s linear infinite; -moz-animation:dna 4s linear infinite;}
.page_sel .dna2 span:before{ animation:dna2 4s linear infinite; -webkit-animation:dna2 4s linear infinite; -moz-animation:dna2 4s linear infinite;}
.page_sel .dna2 span:after{ animation:dna2 4s linear infinite; -webkit-animation:dna2 4s linear infinite; -moz-animation:dna2 4s linear infinite;}
.page_sel .dna3 span{ animation:dna 5s linear infinite; -webkit-animation:dna 5s linear infinite; -moz-animation:dna 5s linear infinite;}
.page_sel .dna3 span:before{ animation:dna2 5s linear infinite; -webkit-animation:dna2 5s linear infinite; -moz-animation:dna2 5s linear infinite;}
.page_sel .dna3 span:after{ animation:dna2 5s linear infinite; -webkit-animation:dna2 5s linear infinite; -moz-animation:dna2 5s linear infinite;}

.dna span:nth-of-type(1){ margin-top:120px;}
.dna1 span:nth-of-type(2),.dna1 span:nth-of-type(2):before,.dna1 span:nth-of-type(2):after{animation-delay:0.2s; -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s;}
.dna1 span:nth-of-type(3),.dna1 span:nth-of-type(3):before,.dna1 span:nth-of-type(3):after{animation-delay:0.4s; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s;}
.dna1 span:nth-of-type(4),.dna1 span:nth-of-type(4):before,.dna1 span:nth-of-type(4):after{animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s;}
.dna1 span:nth-of-type(5),.dna1 span:nth-of-type(5):before,.dna1 span:nth-of-type(5):after{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s;}
.dna1 span:nth-of-type(6),.dna1 span:nth-of-type(6):before,.dna1 span:nth-of-type(6):after{animation-delay:1s; -webkit-animation-delay:1s; -moz-animation-delay:1s;}
.dna1 span:nth-of-type(7),.dna1 span:nth-of-type(7):before,.dna1 span:nth-of-type(7):after{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s;}
.dna2 span:nth-of-type(2),.dna2 span:nth-of-type(2):before,.dna2 span:nth-of-type(2):after{animation-delay:0.3s; -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s;}
.dna2 span:nth-of-type(3),.dna2 span:nth-of-type(3):before,.dna2 span:nth-of-type(3):after{animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s;}
.dna2 span:nth-of-type(4),.dna2 span:nth-of-type(4):before,.dna2 span:nth-of-type(4):after{animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s;}
.dna2 span:nth-of-type(5),.dna2 span:nth-of-type(5):before,.dna2 span:nth-of-type(5):after{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s;}
.dna2 span:nth-of-type(6),.dna2 span:nth-of-type(6):before,.dna2 span:nth-of-type(6):after{animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s;}
.dna2 span:nth-of-type(7),.dna2 span:nth-of-type(7):before,.dna2 span:nth-of-type(7):after{animation-delay:1.8s; -webkit-animation-delay:1.8s; -moz-animation-delay:1.8s;}
.dna3 span:nth-of-type(2),.dna3 span:nth-of-type(2):before,.dna3 span:nth-of-type(2):after{animation-delay:0.4s; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s;}
.dna3 span:nth-of-type(3),.dna3 span:nth-of-type(3):before,.dna3 span:nth-of-type(3):after{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s;}
.dna3 span:nth-of-type(4),.dna3 span:nth-of-type(4):before,.dna3 span:nth-of-type(4):after{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s;}
.dna3 span:nth-of-type(5),.dna3 span:nth-of-type(5):before,.dna3 span:nth-of-type(5):after{animation-delay:1.6s; -webkit-animation-delay:1.6s; -moz-animation-delay:1.6s;}
.dna3 span:nth-of-type(6),.dna3 span:nth-of-type(6):before,.dna3 span:nth-of-type(6):after{animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s;}
.dna3 span:nth-of-type(7),.dna3 span:nth-of-type(7):before,.dna3 span:nth-of-type(7):after{animation-delay:2.4s; -webkit-animation-delay:2.4s; -moz-animation-delay:2.4s;}
@keyframes dna{
	0% {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}
@-webkit-keyframes dna{
	0% {-webkit-transform:rotateY(0deg);}
  100% {-webkit-transform:rotateY(360deg);}
}
@-moz-keyframes dna{
	0% {-moz-transform:rotateY(0deg);}
  100% {-moz-transform:rotateY(360deg);}
}

@keyframes dna2{
	0% { transform: scale(1) rotateY(0deg);}
	50%{transform: scale(0.7) rotateY(-180deg);}
  100% { transform:scale(1) rotateY(-360deg);}
}

@-webkit-keyframes dna2{
	0% {-webkit-transform: scale(1) rotateY(0deg);}
	50%{-webkit-transform: scale(0.7) rotateY(-180deg);}
  100% {-webkit-transform:scale(1) rotateY(-360deg);}
}
@-moz-keyframes dna2{
	0% {-moz-transform: scale(1) rotateY(0deg);}
	50%{-moz-transform: scale(0.7) rotateY(-180deg);}
  100% {-moz-transform:scale(1) rotateY(-360deg);}
}



.wn_block4_right{ height:600px; overflow: hidden; background: url(https://imobie-resource.com/en/phonerescue/img/wn_block4_imgs.png) bottom no-repeat;}
.wn_block4_right>img{ max-width:100%; position:absolute; bottom:0; left:0; right:0; margin:auto; display:block;}
.wn_block4_imgs1{ top:140px;}
.wn_block4_imgs2{ top:-40px;  transform:translateY(80px) scale(0.90); -webkit-transform:translateY(80px) scale(0.90); -moz-transform:translateY(80px) scale(0.90); }
.wn_block4_imgs3{ top:-260px; transform:translateY(170px) scale(0.90); -webkit-transform:translateY(170px) scale(0.90); -moz-transform:translateY(170px) scale(0.90);}
.wn_block4_right>div{ width:30px; height:30px; position: absolute; border-radius:100%; border:2px solid #4ae7f0; opacity:0; transform:translateY(180px); -webkit-transform:translateY(180px); -moz-transform:translateY(180px);}
.wn_block4_right>div span{ width:100%; height:100%; display:block; border-radius:100%; border:1px solid #4ae7f0; position:absolute; top:-1px; left:-1px;}
.wn_block4_right>div:after{ content:""; width:1px; height:100px; display:block; margin:34px auto 0 auto; border-left:2px dotted #4ae7f0;}
.wn_block4_right>div>img{ position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.wn_block4_msg{ left:20px; top:0; bottom:0; margin:auto;}
.wn_block4_note{ left:0; right:0; bottom:160px; margin:auto;}
.wn_block4_phone{right:10px; top:0; bottom:0; margin:auto;}

 .page_sel .wn_block4_imgs2{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); animation:icloud 4s 1s linear alternate infinite; -webkit-animation:icloud 4s 1s linear alternate infinite; -moz-animation:icloud 4s 1s linear alternate infinite;}
.page_sel .wn_block4_imgs3{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); animation:icloud 3.5s 1.5s linear alternate infinite; -webkit-animation:icloud 3.5s 1.5s linear alternate infinite; -moz-animation:icloud 3.5s 1.5s linear alternate infinite;}
.page_sel .wn_block4_right>div{ opacity:0.8; transform:translateY(0); -webkit-transform:translateY(0); transition: all 0.5s 0.5s ease-in-out; -webkit-transition: all 0.5s 0.5s ease-in-out;}
.page_sel .wn_block4_right>div span{ animation:scalein 1s 1s linear infinite; -webkit-animation:scalein 1s 1s linear infinite; -moz-animation:scalein 1s 1s linear infinite;}
.page_sel .wn_block4_right>div span:nth-of-type(2){ animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s;}
.page_sel .wn_block4_right>div span:nth-of-type(3){ animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s;}
 
@keyframes scalein{
	0%{ transform:scale(1); opacity:0;}
	50%{ opacity:1;}
	100%{ transform:scale(2); opacity:0;}
}
@-webkit-keyframes scalein{
	0%{ -webkit-transform:scale(1); opacity:0;}
	50%{ -webkit-opacity:1;}
	100%{ -webkit-transform:scale(2); opacity:0;}
}
@-moz-keyframes scalein{
	0%{ -moz-transform:scale(1); opacity:0;}
	50%{ -moz-opacity:1;}
	100%{ -moz-transform:scale(2); opacity:0;}
}


@keyframes icloud{
	0%{transform: translateY(0);}
	90%,100%{transform: translateY(30px);}
}
@-webkit-keyframes icloud{
	0%{-webkit-transform: translateY(0);}
	90%,100%{-webkit-transform: translateY(30px);}
}
@-moz-keyframes icloud{
	0%{-moz-transform: translateY(0);}
	90%,100%{-moz-transform: translateY(30px);}
}
 
.wn_block5_right{height:670px;}
.wn_block5_right>img{ position:absolute; display:block;}
.wn_block5_right>div{ position:absolute;}
.trophy_bg{ position:absolute; bottom:25px; left:290px; transform:rotateY(46deg) rotateX(-56deg) scale(1.3); -webkit-transform:rotateY(46deg) rotateX(-56deg) scale(1.3); -moz-transform:rotateY(46deg) rotateX(-56deg) scale(1.3); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; opacity:0;}
.ellipses1{width:450px; height:450px; bottom:40px; left: 110px; transform:rotateY(60deg) rotateX(-55deg); -webkit-transform:rotateY(60deg) rotateX(-55deg); -moz-transform:rotateY(60deg) rotateX(-55deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; opacity:0;}
.ellipses2{width:550px; height:550px; transform:rotateY(78deg) rotateX(-52deg); -webkit-transform:rotateY(78deg) rotateX(-52deg); -moz-transform:rotateY(78deg) rotateX(-52deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; top:-70px; left: -30px; opacity:0;}
.trophy{transform:translate(360px,360px); -webkit-transform:translate(360px,360px); -moz-transform:translate(360px,360px); opacity:1;}
.debris{transform:translate(-50px,-110px); -webkit-transform:translate(-50px,-110px); -moz-transform:translate(-50px,-110px); opacity:0;}
.page_sel .trophy{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out;}
.page_sel .debris{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:all 0.3s 0.8s ease-in-out; -webkit-transition:all 0.3s 0.8s ease-in-out; -moz-transition:all 0.3s 0.8s ease-in-out;}
.page_sel .trophy_bg { opacity:1; transition:opacity 0.3s 0.8s ease-in-out; -webkit-transition:opacity 0.3s 0.8s ease-in-out; -moz-transition:opacity 0.3s 0.8s ease-in-out;}
.page_sel .trophy_bg img{animation: rotate360 2s 1s linear infinite; -webkit-animation: rotate360 2s 1s linear infinite; -moz-animation: rotate360 2s 1s linear infinite;}
.page_sel .ellipses1, .page_sel .ellipses2{opacity:1; transition:opacity 0.5s 1s ease-in-out; -webkit-transition:opacity 0.5s 1s ease-in-out; -moz-transition:opacity 0.5s 1s ease-in-out;}
.page_sel .ellipses1 img,.page_sel .ellipses2 img{ opacity:1; animation: rotate360 2s 1.5s linear infinite; -webkit-animation: rotate360 2s 1.5s linear infinite; -moz-animation: rotate360 2s 1.5s linear infinite;}
@keyframes ellipses{
	0%{transform:rotate(0);}
	100%{transform:rotate(-360deg);}
}
@-webkit-keyframes ellipses{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes ellipses{
	0%{-moz-transform:rotate(0);}
	100%{-moz-transform:rotate(-360deg);}
}
.wn_block6_right{height:670px; overflow:hidden;}
.wn_block6_right>img{ position:absolute; opacity:0;}
.wn_block6_imgs1{left:0; bottom:0; transform:translateY(220px); -webkit-transform:translateY(220px); -moz-transform:translateY(220px);}
.wn_block6_imgs2{right:30px; bottom:140px; transform:translateY(280px); -webkit-transform:translateY(280px); -moz-transform:translateY(280px);}
.wn_block6_imgs3{bottom: 280px; left: 90px; transform:translateY(-220px); -webkit-transform:translateY(-220px); -moz-transform:translateY(-220px);}
.wn_block6_imgs4{bottom: 420px; right: 130px; transform:translateY(-220px); -webkit-transform:translateY(-220px); -moz-transform:translateY(-220px);}
.wn_block6_imgs5{ width:300px; height:0; position:absolute; bottom: 227px; left: 41px; overflow:hidden; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.wn_block6_imgs6{ width:300px; height:0; position:absolute; bottom: 365px; right: 70px; overflow:hidden; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.wn_block6_imgs5 img,.wn_block6_imgs6 img{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg);}
.wn_block6_right span{ width:5px; height:5px; display:block; border-radius:100%; background-color:#fff; position:absolute; bottom:-10px; opacity:0}
.wn_block6_point1{left: 0;}
.wn_block6_point2{left: 80px;}
.wn_block6_point3{left: 240px;}
.wn_block6_point4{left: 440px}
.wn_block6_point5{right: 100px;}
.wn_block6_point6{right: 0;}
.page_sel .wn_block6_imgs1,.page_sel .wn_block6_imgs2{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.page_sel .wn_block6_imgs3,.page_sel .wn_block6_imgs4{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:all 0.5s 0.5s ease-in-out; -webkit-transition:all 0.5s 0.5s ease-in-out; -moz-transition:all 0.5s 0.5s ease-in-out;}
.page_sel .wn_block6_imgs5,.page_sel .wn_block6_imgs6{ height:258px; transition:height 0.5s 0.5s ease-in-out; -webkit-transition:height 0.5s 0.5s ease-in-out; -moz-transition:height 0.5s 0.5s ease-in-out;}
.page_sel .wn_block6_right>span{ animation:point 5s linear infinite; -webkit-animation:point 5s linear infinite; -moz-animation:point 5s linear infinite;}
.page_sel .wn_block6_right .wn_block6_point1{ animation-delay:1s; -webkit-animation-delay:1s; -moz-animation-delay:1s;}
.page_sel .wn_block6_right .wn_block6_point6{ animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s;}
.page_sel .wn_block6_right .wn_block6_point2{ animation-delay:2s; -webkit-animation-delay:2s; -moz-animation-delay:2s;}
.page_sel .wn_block6_right .wn_block6_point4{ animation-delay:2.5s; -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s;}
.page_sel .wn_block6_right .wn_block6_point3{ animation-delay:3s; -webkit-animation-delay:3s; -moz-animation-delay:3s;}
.page_sel .wn_block6_right .wn_block6_point5{ animation-delay:3.5s; -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s;} 
 
@keyframes point{
	0%{ transform:translate(0); opacity:0;}
	30%{ opacity:1;}
	80%{ opacity:1;}
	100%{ transform: translateY(-600px); opacity:0;}
}
@-webkit-keyframes point{
	0%{ -webkit-transform:translate(0); opacity:0;}
	30%{ opacity:1;}
	80%{ opacity:1;}
	100%{ -webkit-transform: translateY(-600px); opacity:0;}
}
@-moz-keyframes point{
	0%{ -moz-transform:translate(0); opacity:0;}
	30%{ opacity:1;}
	80%{ opacity:1;}
	100%{ -moz-transform: translateY(-600px); opacity:0;}
}

.page7{ background:#595959 url(https://imobie-resource.com/en/phonerescue/img/wn_page7_bg.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.page7 footer{ width:100%; position: absolute; bottom:0; background-color:#595959; border-top:none;}
.page7 footer p{ color:#fff !important;}
.page7 footer a{ color:#fff !important;}
.btn{ display:inline-block; color:#fff !important; text-align:center;}
.btn img{ margin:0 5px;}
.dl_btn{background-color:#26b8a7;}
.buy_btn{background-color:#f39b11;}
.dl_btn:hover{ background-color:#3fd5c3; text-decoration:none;}
.buy_btn:hover{ background-color:#ffb848; text-decoration:none;}
.page7 h3{ color:#fff;}
.wn_block7{ margin-top:8%; min-height:600px;}
.wn_block7>p{max-width: 740px; margin: 30px auto 40px auto; color:#fff;}
.wn_block7>a{ width:240px; height:65px; line-height:65px; }
.wn_block7 .buy_btn{ margin-left:30px;}
.iosidx_dltimes{display:inline-block; padding:15px; border-radius:5px; border:1px solid #f2f2f2; vertical-align:top; color:#fff;}
.iosidx_dltimes span{display:inline-block; font-size:inherit; padding:5px; border:1px solid #ecf1f4; color:inherit;}
.iosidx_dltimes p{ margin-top:5px; color:inherit;}
.iosidx_rated_main{ width:170px; display:inline-block; padding:5px 25px; margin-left:35px; background:url(https://imobie-resource.com/en/phonerescue/img/iosidx_rated_bg.png) center bottom no-repeat; border-radius:5px; border:1px solid #f2f2f2; color:#fff
}
.iosidx_rated_main img{ margin:3px 0;}
.iosidx_rated_main p{ max-width:130px; margin:0 auto; line-height:1.2; color:inherit;}

.wn_block7>img,.wn_block7>h3,.wn_block7>p,.wn_block7>a,.wn_block7 .iosidx_rated{ transform:translateY(200px); -webkit-transform:translateY(200px); -moz-transform:translateY(200px); opacity:0;}
.page_sel .wn_block7>img, .page_sel .wn_block7>h3, .page_sel .wn_block7>p, .page_sel .wn_block7>a, .page_sel .wn_block7 .iosidx_rated{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out; -webkit-transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}

.page_sel .wn_block7>h3{transition-delay:0.1s; -webkit-transition-delay:0.1s; -moz-transition-delay:0.1s;}
.page_sel .wn_block7>p{transition-delay:0.2s; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s;}
.page_sel .wn_block7>a{transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s;}
.page_sel .wn_block7 .iosidx_rated{transition-delay:0.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s;}




.downarrow{ z-index:10; position:absolute; bottom:40px; left:0; right:0; margin:auto; cursor:pointer; animation:downarrow 2s 1s linear alternate infinite forwards; -webkit-animation:downarrow 2s 1s linear alternate infinite forwards; -moz-animation:downarrow 2s 1s linear alternate infinite forwards;}
.downarrow img{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.downarrow .downarrow2{ margin-top:0;}

@keyframes downarrow{
	0%{ transform: translateY(0); opacity:1;}
	50%{ transform:translateY(10px); opacity:0.5;}
	100%{transform:translateY(0); opacity:1;}
}

@-webkit-keyframes downarrow{
	0%{ -webkit-transform: translateY(0); opacity:1;}
	50%{ -webkit-transform:translateY(10px); opacity:0.5;}
	100%{-webkit-transform:translateY(0); opacity:1;}
}
@-moz-keyframes downarrow{
	0%{ -moz-transform: translateY(0); opacity:1;}
	50%{ -moz-transform:translateY(10px); opacity:0.5;}
	100%{-moz-transform:translateY(0); opacity:1;}
}

@media screen and (max-width: 1536px){
	.wrap .wn_block{ width:98%;}
	.wn_block_text{ margin-left:3%;}
	.wn_block_text h2,.wn_block_text h1{ font-size:50px;}
	.wn_block_right{ max-width:48%; transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85);}
	
	.wn_block_text>p{ font-size:20px;}
	
}
@media screen and (max-width: 1200px){
	.wn_block_text h2,.wn_block_text h1{ font-size:40px;}
	.wn_block_text>p{ font-size:18px; line-height:1.8;}
	.wn_block_text .wn_btn{ max-width:40%; height:auto; line-height:1.5; padding:10px 3%;}
	.wn_block_right{transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
}
@media screen and (max-width:980px){
	.pw980{width:98%;}
	.nva_meau{display:block;}
	.nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow-y:auto; display: none;}
	.nav_cont ul li{float:none; text-align:left;}
	.nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
	.nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	.language{display:none;}
	.nav_pro_list{margin-left:50px; display:none;}
	.nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
	.nav_pro_list>a:hover{text-decoration: underline;}
	.wn_block_text h2,.wn_block_text h1{ font-size:30px;}
}

@media screen and (max-width:900px){
html, body,.wrap{ height:auto; overflow:auto;}	
.wrap .wn_block{ height: 100%;}
.aside_nav,.wn_block_right{ display:none;}
.wn_block_text>p{ margin-top:20px;}
.wn_block_text h2,.wn_block_text h1{ margin-top: 20px;}
.wrap .page{ height: auto; position: relative; margin-bottom:20px; overflow: hidden;}
.wn_block{ position:relative;}
.page_sel{ z-index:auto;}
.wn_block_text{ width:90%; margin:0 auto; float:none; text-align:center;}
.page_imgs{display:block; opacity:0; transform:translateY(300px); -webkit-transform:translateY(300px); -moz-transform:translateY(300px);}
.page_sel .page_imgs{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;}
.page_imgs img{max-height:300px; width: auto; display:block; margin: 0 auto;}
.page7 footer{ position: relative;}
.wn_block_text .wn_btn{ display: none;}
}

@media screen and (max-width:736px){
}
@media screen and (max-width: 568px){
.wn_block_text>h2,.wn_block7 h3{ font-size: 28px;}
.wn_block_text>p,.wn_block7>p{ font-size: 16px;}
.wn_block7 .btn{ display:block; margin:0 auto 10px auto;}
.wn_block7 .iosidx_rated>div{ float: none; margin:10px auto;}
}

@media screen and (max-width: 375px){
.page_imgs>img{max-height:160px; margin-top:20px;}
.wn_block_text h2{ font-size:22px;}	
.wn_block_text p{ font-size:15px;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
	.iosidx_rated_main{background:url(https://imobie-resource.com/en/phonerescue/img/iosidx_rated_bg@2x.png) center bottom no-repeat; background-size:170px 57px;}

}