/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
}
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 14px;
    margin:15px 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
    -o-opacity:1;
    filter:alpha(opacity=100);
}
#fullPage-nav span,
.fullPage-slidesNav span {
    display: block;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #222;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    opacity:.5;
    -moz-opacity:.5;
    -webkit-opacity:.5;
    -o-opacity:.5;
    filter:alpha(opacity=50);
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}
.index-page .yw-header{   
    z-index:100;
    position: absolute;
    top:0;
    left:0;
}
#full-screen-slider { 
  width:100%; 
  height:100%; 
  position:relative;
  z-index: 10;
}
#slides { 
  display:block; 
  width:100%; 
  min-width:100%;
  height:100%; 
  list-style:none; 
  padding:0; 
  margin:0; 
  position:relative;
}
#slides li { 
  display:block; 
  width:100%; 
  min-width:100%;
  height:100%; 
  list-style:none; 
  padding:0; 
  margin:0; 
  position:absolute;
  background-repeat: no-repeat;
  background-position:50% 80px;
}
#slides li .box{
    position: relative;
    height:100%;
    width:100%;
}
.button-link,.button-link:visited{
  color:#fff;
  display: inline-block;
  *display:inline;
  *zoom:1;
  width:150px;
  text-align: center;
  padding:10px;
  line-height: 30px;
  font-size:20px;
  border:#fff 1px solid;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.button-link:hover{
  background-color:rgba(255,255,255,.2);
  text-decoration: none;
  color:#fff;
}
#pagination { 
  display:block; 
  list-style:none; 
  position:absolute; 
  left:0; 
  bottom:20px; 
  z-index:9900;  
  padding:5px 0; 
  margin:0;
  width:100%;
  height:20px;
  text-align: center;
}
#pagination li { 
  display:inline-block; 
  *display:inline;
  *zoom:1;
  width:14px; 
  height:14px; 
  margin:0 10px; 
  border:#fff 1px solid;
  border-radius:8px; 
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  background:transparent;
}
#pagination li a { 
  display:block;
  width:100%; 
  height:100%; 
  padding:0; 
  margin:0; 
  text-indent:-9999px;
  overflow: hidden;
}
#pagination li.current { 
  background:#fff;
}
.slide-m .box{
  position: relative;
  width:220px;
  height:390px;
  overflow: hidden;
}
.slide-m .box ol{
  position:absolute;
  bottom:30px;
  left:0;
  width:220px;
  margin: 0 0 0 90px;
  padding: 0;  
}
.slide-m .box ol li{
  float:left;
  display:inline-block;
  margin: 0 2px;
  padding: 0; 
  width:6px;
  height:6px;
  background: #00cccc;
  text-indent: -999em;
  overflow: hidden;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  opacity: .4;
  -moz-opacity:.4;
  -webkit-opacity:.4;
  -o-opacity:.4;
  filter:alpha(opacity=40);
}
.slide-m .box ol li.cur{
  opacity: 1;
  -moz-opacity:1;
  -webkit-opacity:1;
  -o-opacity:1;
  filter:alpha(opacity=100);
}
.slide-m ul{
  padding:0;
  margin:0;
  white-space: nowrap;
  position: absolute;
  top:0;
  left:0;
}
.slide-m ul li{
  padding:0;
  margin:0;
  white-space: nowrap;
  list-style: none;
  float:left;
  background:#fff;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
}
.slide-m ul li img{
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
}
.list{
  color:#00cccc;
  list-style: disc inset; 
  padding:0 0 0 15px; 
}
.list li{
    margin:15px 0;
}
.list li p{
  color:#888;
}
.grid-photo .grid,
.section h2,
.section1 .cur h1,
.section1 .button-link,
.section3 .iphone,
.section3 .hand,
.section3 .slide-m,
.section3 .list,
.section5 .weixin-code,
.section5 .weixin-title,
.section5 .download,
.section5 .split,
.section5 .email,
.section5 .list{
  transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
}
.grid-photo{
  width:100%; 
  display:block;
}
.grid-photo .grid{
  width:12.5%;
  float:left;
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
}
.grid-photo .grid img{
  width:100%;
  transition: opacity 1s;
-moz-transition: opacity 1s; 
-webkit-transition: opacity 1s; 
-o-transition: opacity 1s; 
}
.grid-photo .grid:hover img{
  opacity: .8;
  -moz-opacity: .8;
  -webkit-opacity: .8;
  filter:alpha(opacity=80);
}
.grid-item{
  position: relative;
  display: block;;
  cursor:default;  
}
.grid-item img{
  width:100%;
}
.grid-item h4{
  color:#fff;
  position: absolute;;
  bottom:10px;
  left:0;
  text-align: center;
  width:100%;
  line-height: 1.6;
  font-weight:400;
}
.grid-item .mask{
  display: block;
  position: absolute;
  bottom:0;
  left:0; 
  height:100%; 
  width:100%;
  background-color: #111;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .8);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .8);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, .8);
  opacity: 0;
  -moz-opacity:0;
  -webkit-opacity:0;
  transition: opacity 1.2s;
-moz-transition: opacity 1.2s; 
-webkit-transition: opacity 1.2s; 
-o-transition: opacity 1.2s; 
  filter:alpha(opacity=0);
}
.grid-item:hover{
  text-decoration: none;
}
.grid-item:hover .mask{  
  opacity: 0.4;
  -moz-opacity:0.4;
  -webkit-opacity:0.4;
  -o-opacity:0.4;
  filter:alpha(opacity=40);
}
.section h2,.section1 #slides h1 {
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 45px;
    left: 50%;
    margin-left: -250px;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 20%;
    transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
    width: 500px;
    z-index: 10;
}
.section .brief {
    color:#888;
    font-size: 18px;
    font-weight: 400;
    height: 45px;
    left: 50%;
    margin-left: -256px;
    margin-top: 80px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    position: absolute;
    top: 40%;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    width: 512px;
    text-align: center;
    z-index: 10;
}
.section5 a{
  color:#888;
  text-decoration: underline;
}
.section1 .tableCell,.section2 .tableCell{
    vertical-align: top;
}
.section3 .tableCell,.page5 .tableCell{
    vertical-align: bottom;
}
.section1 #slides h1{  
    background-position: 0 0;
    width:500px;
    height:79px;
    margin-left:50px;
    top:50%;
    margin-top:-400px;
    padding:0;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
}
.section1 #slides h1.title1{
  background-image: url(../images/i_banner/banner_1_text1.png);
}
.section1 #slides h1.title2{
  background-image: url(../images/i_banner/banner_2_text1.png);
}
.section1 #slides h1.title3{
  background-image: url(../images/i_banner/banner_3_text1.png);
}
.section1 p.brief{
    width:600px;
    height:80px;
    top:50%;
    left:50%;
    margin-left:655px;
    margin-top: -40px;
    line-height: 1.5;
    text-align: left;
    color:#fff;
}
.section1 .button-link{
    left: 50%;
    margin-left: 55px;
    margin-top: 240px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    position: absolute;
    top: 50%;
    width: 170px;
    z-index: 10;
}
.section2 h2 {
    background-image: url(../images/introduce_title.png);
    top:15%;
}
.section2 p{ font-size: 16px;}
.section2 .brief{
  top:15%;
  margin-top:30px;
}
.section3{
    background:#ececf4 url(img/find_partner_bg.jpg) no-repeat center bottom;
    background-size:cover;
    background-repeat: repeat-x;
}
.section3 h2 {
    background-image: url(../images/find_partner_title.png);
    background-position:0 0;
    top:50%;
    margin-top:-230px;
    margin-left:130px;
}
.section3 .iphone{
    position: absolute; 
    z-index: 1; 
    width:642px; 
    height:681px;
    left: 25%; 
    bottom:0; 
    margin-left:-621px;
}
.section3 .hand{
    position: absolute; 
    z-index: 5; 
    width:358px; 
    height:362px;
    left: 25%; 
    bottom:-300px;; 
    margin-left:140px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.section3 .slide-m{
    position: absolute;
    z-index: 3;
    width:220px;
    height:390px;
    bottom:233px;
    left:25%;
    margin-left:-266px;
}
.section3 .list{
    left: 50%;
    margin-left: 135px;
    margin-top: 200px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0.5, 0.5); 
    -moz-transform: scale(0.5, 0.5);    
    -webkit-transform: scale(0.5, 0.5);    
    -o-transform: scale(0.5, 0.5);       
    width: 500px;
    text-align: left;
    z-index: 10;
    font-size:18px;
}
.bg51, .bg52, .bg53, .bg54 { 
    position: absolute; 
    z-index: 1; 
    width:230px; 
    left: 50%; 
    top:15%; 
    color: #fff;
    margin-top:130px;    
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.section5 h2.title1{
    top:20%;
    width:300px;
    height:31px;
    margin-left:-500px;
    background-image: url(../images/download_focus_title.png);
     background-position: 0 0;
}
.section5 .weixin-code{
    top:20%;
    position:absolute;
    width:300px;
    height:175px;
    left:50%;
    margin-left:-1310px;
    margin-top:80px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.section5 .weixin-title{
    position:absolute;
    width:300px;
    height:175px;
    top:20%;
    left:50%;
    margin-left:-480px;
    margin-top:970px;
    font-size: 16px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
a.btn-app,a.btn-app i{
  display: inline-block;
  *display:inline;
  *zoom:1;
}
a.btn-app i{
   background: url(img/icon_2.png) no-repeat 0 50%;
   width:30px;
   height:30px;
   position: absolute;
   top:11px;
   left:10px;  
}
.btn-app.android i{
  background-position: -30px 50%;
}
a.btn-app{ 
  width:100px;
  height:60px;
  padding-left: 60px;
  line-height: 60px;
  color:#333;
  margin: 15px 0 8px 0;
  position: relative;
  z-index: 0;
  text-decoration: none;
  font-size:20px;
  border:#aaa 1px solid;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
}
a.btn-app:active,a.btn-app:focus{
  background-color: #eee;
}
.btn-app.iphone{
  background-position: 0 0;
}
.btn-app.android{
  background-position: 0 -68px;
}
.section5 .download{
  top:20%;
  position:absolute;
  width:100px;
  height:200px;
  left:50%;
  margin-left:-300px;
  margin-top:90px;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
}
.section5 .download p{
  width:160px;
  margin-top: 12px;
  text-align: center;
  font-size:16px;
}
.section5 .split{
  position:absolute;
  top:20%;
  height:0px;
  margin-left:100px;
  border-left:#ececec 1px solid;
  width:0;
  left:50%;
}
.section5 h2.title2{
    top:20%;
    left:50%;
    width:500px;
    height:31px;
    margin-left:150px;
    background-image: url(../images/contact_title.png);
    background-position: 0 0;
}
.section5 .email{
    position:absolute;
    width:500px;
    height:175px;
    top:20%;
    left:50%;
    margin-left:800px;
    margin-top:60px;
    font-size: 18px;
    color: #00cccc;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.section5 .list{
    position:absolute;
    width:500px;
    height:175px;
    top:20%;
    left:50%;
    margin-left:605px;
    margin-top:120px;
    font-size: 16px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.section5 .footer{
    display:block;
    position: absolute;
    bottom:0;
    width:100%;
}
.section5 .footer a{
  color:#fff;
}
.section5 .friend-link{
  text-align:center;
  padding:0 0 15px 0;
  
}
.section5 .friend-link a{
  text-decoration: none;
  margin:0 10px;
}
.section5 .friend-link a:hover{
  text-decoration: underline;
}
.bg51 { 
  margin-left: -851px; 
}
.bg52 { 
  margin-left: -403px; 
}
.bg53 { 
  margin-left: 195px; 
}
.bg54 { 
  margin-left: 645px;
}

.active h2,.section4.active .grid,.ie7 .section h2,.ie8 .section h2,.ie7 .section4 .grid,.ie8 .section4 .grid{ 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  -webkit-transform:scale(1, 1); 
  transform:scale(1, 1);  
  -o-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
}
.section1.active #full-screen-slider .cur h1,.ie8 .section1 #full-screen-slider h1,.ie7 .section1 #full-screen-slider h1{ 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-top:-150px; 
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
}
.section1.active .cur .brief,.ie7 .section1 #full-screen-slider .brief,.ie8 .section1 #full-screen-slider .brief{ 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-left:55px; 
  -webkit-transform:scale(1, 1); 
  transform:scale(1, 1);  
  -o-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
}
.section1.active .cur .button-link,.ie7 .section1 #full-screen-slider .button-link,.ie8 .section1 #full-screen-slider .button-link{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-top: 50px;
  transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
}
.section2.active .brief,.ie7 .section2 .brief,.ie8 .section2 .brief{ 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  top: 20%;
  -webkit-transform:scale(1, 1); 
  transform:scale(1, 1);  
  -o-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
}
.section3.active .list,.ie7 .section3 .list,.ie8 .section3 .list{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-top:-180px;
  -webkit-transform:scale(1, 1); 
  transform:scale(1, 1);  
  -o-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
}
.active .bg51,.ie7 .section .bg51,.ie8 .section .bg51 { 
  margin-left: -461px; 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.active .bg52,.ie7 .section .bg52,.ie8 .section .bg52 { 
  margin-left: -223px; 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.active .bg53,.ie7 .section .bg53,.ie8 .section .bg53{ 
  margin-left: 15px; 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.active .bg54,.ie7 .section .bg54,.ie8 .section .bg54{ 
  margin-left: 254px; 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.section3.active .iphone,.ie7 .section3 .iphone,.ie8 .section3 .iphone{
  margin-left:-321px; 
  transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
}
.active .slide-m,.ie7 .section .slide-m,.ie8 .section .slide-m{
  margin-left:44px; 
  transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
}
.active .hand,.ie7 .section .hand,.ie8 .section .hand{
  bottom:0; 
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1;  
  transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
}
.active .weixin-code,.ie7 .section .weixin-code,.ie8 .section .weixin-code{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-left:-510px;
   transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.active .download,.ie7 .section .download,.ie8 .section .download{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1;
  transition-delay: 2s;
  -moz-transition-delay: 2s;
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
}
.active .weixin-title,.ie7 .section .weixin-title,.ie8 .section .weixin-title{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-top:250px;
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.section5.active .list,.ie7 .section5 .list,.ie8 .section5 .list{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-left:160px;
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.section5.active .email,.ie7 .section5 .email,.ie8 .section5 .email{
  opacity: 1; 
  -moz-opacity: 1; 
  -webkit-opacity: 1; 
  -o-opacity: 1; 
  margin-left:150px;
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}
.section5.active .split,.ie7 .section5 .split,.ie8 .section5 .split{
  height:360px; 
  transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
}

@media (max-width: 1200px) {
  .section3 h2{
    margin-left:-70px;
    margin-top: -230px;
  }
  .section3 .list{
    margin-left:-65px;
    margin-top:150px;
  }
  .section5 .split{
    margin-left:50px;
  }
  .section5 h2.title1{
    margin-left:-400px;
  }
  .section5 .weixin-title{
    margin-left:-380px;
  }
  .section5 h2.title2{
    margin-left:100px;
  }
  .section3.active .iphone,.ie7 .section3 .iphone,.ie8 .section3 .iphone{margin-left:-521px; }
  .active .slide-m,.ie7 .section .slide-m,.ie8 .section .slide-m{margin-left:-156px;}
  .active .hand,.ie7 .section .hand,.ie8 .section .hand{margin-left:-60px;}
  .section3.active .list,.ie7 .section3 .list,.ie8 .section3 .list{margin-top:-170px;}
  .active .weixin-code,.ie7 .section5 .weixin-code,.ie8 .section5 .weixin-code{ margin-left:-410px; }
  .active .weixin-title,.ie7 .section5 .weixin-title,.ie8 .section5 .weixin-title{margin-top:270px;}
  .active .download,.ie7 .section .download,.ie8 .section .download{margin-left:-210px;}
  .section5.active .list,.ie7 .section5 .list,.ie8 .section5 .list{margin-left:105px;}
  .section5.active .email,.ie7 .section5 .email,.ie8 .section5 .email{margin-left:100px;}
}