body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
ol,ul{ list-style:none;}
img,fieldset{ border:0 none; display:block;}
	html,body{
    margin: 0 ;
    height:100%;
	font-family:'Myriad Set Pro' ;
}

html {
    -webkit-text-size-adjust: none;
}

.kheader{ height:70px; width:90%; background-color:#161528; padding:10px 5%; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; left:0; z-index:300; }
.kheader a.klogo{ display:block; float:left; width:260px; height:60px; padding:5px 0; opacity:1;}
.kheader ul.kmenu{ display:block; float:right;}
.kheader ul.kmenu li{ display:block; float:left; height:50px; line-height:50px; padding:15px 0;}
.kheader ul.kmenu li a{ color:#ffffff; font-size:18px; height:30px; line-height:30px; margin:10px 40px 10px 10px;}
.kheader ul.kmenu li a.active, .kheader ul.kmenu li a:hover{ color:#b697ff;}
.kheader ul.kmenu li ul{display:block; padding:5px 15px; width:150px; background:#130b25; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity:95); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; z-index:100; position:absolute; top:75px;}
.kheader ul.kmenu li ul li{ display:block; height:20px; padding:10px 0; float:left; border-bottom:1px solid #473373;}
.kheader ul.kmenu li ul li a{ display:block; float:left; color:#ffffff; font-size:14px; width:150px; height:20px; line-height:20px; margin:0;}
.kheader ul.kmenu li ul li a.active{ color:#b697ff;}

a{ text-decoration:none;}
a:focus{ -moz-outline:none;}
:focus {outline: none; }

    .wrapper{
	    position : relative ;
		width:100%;
		margin: auto ;
		height : 100% ;
	}
	
	
	
	.part{
	   position: relative ;
	   width: 100% ;
	   height: 100% ; margin-top : 0 ; 
	   overflow: hidden ;
	}
	
	
	
	#part1{
	     background-color : black  ;
		 
	}
	
	#part2{
	   
	}
	
	#part3{
	     
	     background: url('../images/content3_bg.jpg') repeat ;
		 overflow : hidden ;
	}
	
	#part4{
	   
	}
	
	#part5{
	     background: url('../images/content4_bg.jpg') repeat ;
		
	}
	
	#section6{
	    height : 70% ;
	}
	
	#part6{
	     
	    
		
	}
	#part7{
	    
	    height: 20% ;
		background:#161528;  color:#dad8e1; padding:30px 5% 0 auto;
	}
	
	
	.easyhtml5video{
       position:absolute ;
	   z-index : 200 ;
	   top: 0% ;
	   width:100% ;
	   height : 100% ;
	   
   }
	
	
	
	
	
	.left{ 
        position : relative ;
		float: left ;
		width: 50% ;
		height : 100% ;
	}
	#part1 .left{
	    position : absolute ;
		width : 100% ;
		height : 100% ;
		z-index : 201 ;	
		text-align : center ;
		}
	.right{
	     position : relative ;
		 float : right ;
		 width: 50%;
		 height: 100%;
		
	}
	
	.middle{
	    position: relative ;
		width : 35%  ;
		height : 40% ;
	    margin: auto ;
	    top : 20% ;
		
	}
	
	#logo{
	     position: relative ;
		 float : left ;
		 width : 25%  ;
		 height: 100% ;
		 left: 0 ;
		 background: url('../images/logo.png') no-repeat ;
		 background-size :  auto 100%; 
	}
	
	#container{
	    position: relative ;
		float : right ;
		width : 75%  ;
		height: 100% ;
		
		 font-size : 32px ;
		 font-family:'Myriad Set Pro' ;
		 
		
	 }
	
	#button{
	    position: relative ;
		 width : 20%;
		 height: 14% ;
		 background: url('../images/content1_button.png') no-repeat ;
		 background-size : 100% auto; 
		 margin-left :  40%  ;
		 margin-top : 1% ;
		 
		 
	}
	
	#button1{
	    position: relative ;
		 width : 50%;
		 height: 100% ;
		 background: url('../images/content1_button.png') no-repeat ;
		 background-size : 100% auto; 
		 margin-left :  25%  ;
		 margin-top : 1% ;
		 
	}
	
	 #get{
	    color: white ;
	 }
	 
	
	 .pcolor1{
	     color : white ;
	 }
	 
	 .pcolor2{
	     color : white ;
	 }
	
	 .words {
	     position: relative ;
		 font-size : 3em;
		 font-family:'Myriad Set Pro' ;
		 margin-left :  20%  ;
		 margin-top : 20% ;
	    
	 }
	 
	 #part1 .words{
	      margin-left : 0  ;
	 }
	 
	
	 
	 .contentWords{
	     position: relative ;
		 font-size : 1.8em ;
		 font-family:'Myriad Set Pro' ;
		 margin-left :  20%  ;
		 top : 5% ;
	 }
	 .bottomWords{
	     position: relative ;
		 font-size : 2.5em ;
		 font-family:'Myriad Set Pro' ;
		 
		  margin-bottom: 5% ;
		  text-align: center;
	 }
	 
	  .rightWords {
	    
		 float: left ;
		 margin-left : 5% ;
		
	    
	 }
	 
	 .limitWords{
	    width: 80% ;
	 }
	 
	 
	 
	 .specialWords{
	     position: relative ;
		 font-size : 1.8em ;
		 font-family:'Myriad Set Pro' ;
		 margin-left :  10%  ;
		 width : 65% ;
		 margin-top :1% ;
	 }
	 
	 .topWords {
	     position: relative ;
		 font-size : 3em ;
		 font-family:'Myriad Set Pro' ;
		 margin-left :  10%  ;
		margin-top : 1% ;
	    
	 }
	 
	 .specialTop{
	      
		  
	 }
	 
	 .words p{
	     display: inline ;
		 font-weight: bold ;
	 }
	 
	 .topWords p{
	     display: inline ;
		 font-weight: bold ;
	 }
	 
	
	 
	 
	 
	 
	 #img1{
	     position: absolute ;
		 left:0 ;
		 background: url('../images/content1_phone.png') no-repeat ;
		 background-size : auto 100%;
         background-position: 50% 0 ;		 
		 width : 100% ;
		 height : 89.5% ;
		 max-height:902px;
		 
	 }
	 #img2{
	     
	     position: relative ;
		 top: 0 ;
         margin-left :  20%  ;
		 background: url('../images/content2_phone.gif') no-repeat ;
		 background-size : auto 100%; 
		 
		 width : 80% ;
		 height : 87% ;
		 max-height:902px;
	 }
	 
	 #images{
	     position: absolute ;
		 top: 36% ;
		 margin-left : 15% ;
		 height: 65% ;
		 width: 100% ;
	 }
	 
	 
	 
	 #img3{
	     
	     position: absolute ;
		 float: left ;
		 top : 10%;
		 left : 14% ;
		 width: 35% ;
		 height: 80%;
		 background : url('../images/content3_phone.png') no-repeat ;
		 background-size : auto 100%; 
	 }
	 
	  .smallGroup{
	      position: absolute ;
		 
		  top : 20%;
		  margin-left: 28% ;
		  width : 66%;
		  height : 80% ;
		  overflow: hidden;
		  
	 }
	 
	 @media (max-width: 1100px) { 
	 
	 #img3{
	     
	     position: absolute ;
		 float: left ;
		 top : 5%;
		 left : 14% ;
		 width: 35% ;
		 height: 80%;
		 background : url('../images/content3_phone.png') no-repeat ;
		 background-size : auto 100%; 
	 }
	 
	  .smallGroup{
	      position: absolute ;
		 
		  top : 20%;
		  margin-left: 32% ;
		  width : 66%;
		  height : 80% ;
		  overflow: hidden;
		  
	 }
	 
	 
	 
	 }
	 
	  .smallP{
	     
	     position: relative ;
		 float: left ;
		 width: 16% ;
		 padding-left : 4% ;
		 margin-left : 2% ;
		 height : 100%;
		 
	 }
	 
	 #img4{
	     
		 background : url('../images/content3_phone1.png') no-repeat ;
		 background-size : 100% auto;
	 }
	 
	 #img5{
	     
		 background : url('../images/content3_phone2.png') no-repeat ;
		   background-size : 100% auto;
	 }
	 #img6{
	     
		 background : url('../images/content3_phone3.png') no-repeat ;
		  background-size : 100% auto;
	 }
	 
	 #img7{
		 background : url('../images/content3_phone4.png') no-repeat ;
		  background-size : 100% auto ;
		 overflow : hidden ;
	 }
	 
	#img8{
	      position: relative ;
		 background : url('../images/content4_phone.png') no-repeat ;
		 background-size :  auto 100%; 
		 margin-left : 20% ;
		 margin-top: 5% ;
		 width : 90% ;
		 height : 83% ;
		 max-height:902px;
	 }
	 
	 #img9{
	     position: relative ;
		 background : url('../images/content5_phone.png') no-repeat ;
		 background-size : auto 100%; 
		 top: 7%;
		 left : 5% ;
		 width : 100% ;
		 height : 83% ;
		 max-height:902px;
	 }
	 
	 .small{
	 
	 font-size: 0.6em ; 
	 }
	 
	 .inlineImg{
	     display: inline; margin-left: 2%;
	 }
	 



	.landscape {
	    position: fixed;
		z-index : 999999 ;
		width : 100% ;
		height: 120%;
		display: block;
		background-color: #2f68ea;

	}

	

	
		.iphone {
			background-image: url('../images/iphone.png');
			background-repeat: no-repeat;
			width: 73px;
			height: 109px;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-top: -54px;
			margin-left: -36px;
			background-size: 73px 109px;
			animation: zhuan 1.5s;
			-moz-animation: zhuan 1.5s;
			-webkit-animation: zhuan 1.5s;
			-o-animation: zhuan 1.5s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-delay: 0.3s;
		}
		.iphone_text {
			width: 173px;
			height: 29px;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-top: 71px;
			margin-left: -86px;
			color: #fff;
		}
	


	 
	
	 
.footer{  height: 20% ; position: relative ; } 
.footer ul.sitemap{ width:60%;  float:left;}
.footer ul.sitemap li{ display:block; float:left; width:25%;}
.footer ul.sitemap li a, .footer ul.sitemap li ul, .footer ul.sitemap li ul li{ display:block; width:100%; float:left; margin-bottom:15px;}
.footer ul.sitemap li a.navTitle{ font-size:16px; font-weight:bold; color:#dad8e1;}
.footer ul.sitemap li ul li a{ width:auto; font-size:16px; color:#747379; margin-bottom:0px; height:20px; line-height:20px;}
.footer ul.sitemap li a:hover{ color:#a59be0;}
.footer .social .socialBox, .footer .social p.copyright, .footer p.semail{ width:100%; margin:0 0 10px 0; float:left; color:#747379;}
.footer p.semail a{ color:#747379;}
.footer p.semail a:hover{color:#a59be0;}
.footer .social{width:35%; float:right;}
.footer .social .socialBox a{ display:block; width:44px; height:44px; float:left; margin-right:30px; background:url(http://www.touchpal.com/en/ios8/images/touchpalelement.png) no-repeat; background-position:0 -30px; text-indent:-9999px; overflow:hidden;}
.footer .social .socialBox a.stwitter{ background-position:-50px -30px;}
.footer .social .socialBox a.syoutube{ background-position:-100px -30px;}
.footer .social .socialBox a.sgplus{background-position:-150px -30px;}
.footer .social .socialBox a:hover{ opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity:70);}