@charset "utf-8";
/* CSS Document */
body 
{
	background-image:url(../images/bg01.png);
	background-repeat:repeat;}
					.banner{
			
			    background-position: center;
    background-size: cover;
	height:230px;
	position:relative;
	width:100%;
			}	
			
			
				.banner1{
					width:100%;
					position:relative;
				
					height:100%;
					
					margin:auto;
					max-width:1060px;padding:0px 20px 0px 20px;
							line-height:30px;
							z-index:2;box-sizing:border-box;
							
					
					
					
					}
					
					.banner1-1{
						position:absolute;box-sizing:border-box;
						left:0px;padding:0px 20px 0px 20px;
						width:100%;
						font-size:16px;
						bottom:20px;
						
						
						
						
						}
						
						.banner1-1 a{
							color:#333;
							}
							
								.banner1-1 a:hover{
								
							color:#326eb7;
							}			
						
						.zhanshi{	width:100%;
				
				
				
					
					margin:auto;
					max-width:1060px;padding:100px 20px 100px 20px;
					overflow:hidden;
							
						box-sizing:border-box;
							
							}
							
							.zhanshi1{
								border-bottom:#cccccc solid 1px;
								    float: left;
									width:100%;
									overflow:hidden;
    padding: 50px 0px 150px 0px;
								
								}
								.zhanshi1:nth-child(even) .zhanshi1-1{
									float:right!important;}
								.zhanshi1-1{
									width:50%;
									float:left;
								
							
									
									}	
									
									
									
									
									
.sj {width: 436px;
    background-image: url(../images/iphone.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 650px;
  
   }

.slides {
	width:100%;
	overflow:hidden;
	}
.slides_container { width: 260px; overflow: hidden; position: relative; display: none;
margin-top:84px;
margin-left:156px;
}


.slides .next, .slides .prev { position: absolute; top: 200px; left: -110px; width: 24px; height: 43px; display: block; z-index: 101; }
.slides .next, .slides .prev a { color: #888888; text-decoration: none; }
.slides .next, .slides .prev a:hover { text-decoration: underline; }
.slides .next { left: 330px; }
.pagination { margin: 130px 205px 0; width: 165px; }
.pagination li { float: left; margin: 0 4px; list-style: none; }
.pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../images/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.pagination li.current a { background-position: 0 -12px; }

/* 效果CSS结束 */
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
								
																.zhanshi1-2{
									width:50%;
									float:left;
									margin-top:200px;
									
							
									
									}	
									
										.zhanshi1-2-1{ width:100%;
										
										float:left;}
						.zhanshi1-2-1 span{
	    font-size: 93.52px;
    font-family: "TypoUpright BT";
    margin-right: 15px;
    line-height: 25px;
    float: left;
    display: inline-block;
							
							
							}
							
							.zhanshi1-2-1 p{	display:inline-block;
							border-bottom:#326eb7 solid 4px;
							padding-bottom:20px;
							font-size:24px;
								}
								
								.zhanshi1-2-1 i{	display:inline-block;
								font-style:normal;font-size:24px;
								}
								
								
									.zhanshi1-2-2{ width:100%;
										overflow:hidden;
										font-size:16px;
										font-weight:bold;
										margin-top:30px;
										padding-left:40px;box-sizing:border-box;
										float:left;}
										
										.zhanshi1-2-3{ width:100%;
										overflow:hidden;
										font-size:16px;
										line-height:30px;
										
										
										margin-top:30px;
										padding-left:40px;box-sizing:border-box;
										float:left;}
	
@media screen and (min-width:320px) and (max-width:399px) {
	
	.zhanshi {
		padding:0px;
		}
	.zhanshi1-1 {
    width: 300px;
    float:none;
    margin: auto;}
	.slides_container {
		margin-left:15px;}
		
		.pagination {margin: 130px auto 0;
			
			}
	
	.sj {
    width: 300px; 
	background-image:url(../images/iphone-1.png);background-position: center top;}
	
	.zhanshi1-2{
		width:100%;margin-top: 90px;
		padding:0px 20px 0px 20px;box-sizing: border-box;
		}
			
			
			.zhanshi1:nth-child(2n) .zhanshi1-1 {
    float: none !important;
}
								
			}
			
				
				
				
				
@media screen and (min-width: 400px) and (max-width:499px){
.zhanshi1-1 {
    width: 300px;
    float:none;
    margin: auto;}
	.slides_container {
		margin-left:20px;}
		
		.pagination {margin: 130px auto 0;
			
			}
	
	.sj {
    width: 300px;}
	
	.zhanshi1-2{
		width:100%;margin-top: 90px;
		}
			
			
			.zhanshi1:nth-child(2n) .zhanshi1-1 {
    float: none !important;
}
			
			}
		
@media screen and (min-width: 500px) and (max-width:639px){
		
			.zhanshi1-1 {
    width: 436px;
    float:none;
    margin: auto;}
	
	.zhanshi1-2{
		width:100%;margin-top: 90px;
		}
			
			
			.zhanshi1:nth-child(2n) .zhanshi1-1 {
    float: none !important;
}
			}
		
		
		
		
		
@media screen and (min-width: 640px) and (max-width:767px){
			.zhanshi1-1 {
    width: 436px;
    float:none;
    margin: auto;}
	
	.zhanshi1-2{
		width:100%;margin-top: 90px;
		}
			
			
			.zhanshi1:nth-child(2n) .zhanshi1-1 {
    float: none !important;
}
			
			
			}
		
		
		
		
@media screen and (min-width: 768px) and (max-width:991px){
.zhanshi1-1 {
    width: 436px;
    float:none;
    margin: auto;}
	
	.zhanshi1-2{
		width:100%;margin-top: 90px;
		}
			
			
			.zhanshi1:nth-child(2n) .zhanshi1-1 {
    float: none !important;
}
			}
		
@media screen and (min-width: 992px)and (max-width:1199px){

						
			
			}

@media screen and (min-width: 1200px)and (max-width:1399px){
				}
	
	
	
@media screen and (min-width: 1400px)and (max-width:1499px){
					
					}
				
				
@media screen and (min-width: 1500px)and (max-width:1630px){
							
							}		
						
						
						
@media screen and (min-width: 1631px){}