@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	list-style-type:none;
}
body{
	margin:0;
	padding:0;
	font:12px "微软雅黑",arial;
	background:#fff;
	margin: 0 auto;
}



/*wrapper*/
.wrapper{
	width: 100%;
	height: auto;
	min-height: 514px;
	overflow: hidden;
}



/*index-01*/
.index-01,.index-02,.index-03,.index-04,.index-05,.index-06,.index-07,.index-08,.index-09{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;	
}



.index-01 .img{
	width: 100%;
	height: 711px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-02 .img{
	width: 100%;
	height: 490px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-03 .img{
	width: 100%;
	height: 780px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-04 .img{
	width: 100%;
	height: 815px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-05 .img{
	width: 100%;
	height: 743px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-06 .img{
	width: 100%;
	height: 773px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}
.index-07 .img{
	width: 100%;
	height: 506px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}

.index-08 .img{
	width: 100%;
	height: 693px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}

.index-09 .img{
	width: 100%;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
	display: block;		
}



.index-03-nr{
	width: 838px;
	height: 306px;
	margin: 0 auto;
	display: block;	
	margin-top:344px;
	  
}


.index-03-nr-zuo{
	width: 408px;
	height: 306px;
	margin-left: 4px;
	display: block;	
	margin-top:344px;
	/*background:#000;*/
	  
}


.index-04-nr{
	width: 834px;
	height: 200px;
	margin: 0 auto;
	display: block;	
	margin-top:460px;
/*	background:#000;*/
	  
}




.index_Rollaf { width:834px; margin:0 auto;overflow:hidden;}
#demoaf { overflow:hidden;  width:980px; margin:0 auto;} 
#indemoaf { float: left; width:2000%; ;}
#demoaf #indemoaf .img { width:271px;height:200px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoaf #indemoaf img {max-width:315px; max-height:627px; vertical-align:middle;}
#demoaf #indemoaf li { display:block; width:auto; float:left; margin:6px 6px 0px 6px;}
#demoaf #indemoaf p { text-align:center;  line-height:36px; width:100%; font-size: 18px; color: #333;  margin-top:10px;}
#demoaf1 { float: left;}
#demoaf2 {float: left;}







.index_Rollag { width:834px; margin:0 auto;overflow:hidden;}
#demoag { overflow:hidden;  width:968px; margin:0 auto;} 
#indemoag { float: left; width:2000%; ;}
#demoag #indemoag .img { width:271px;height:200px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoag #indemoag img {max-width:271px; max-height:200px; vertical-align:middle;}
#demoag #indemoag li { display:block; width:auto; float:left; margin:6px 6px 0px 6px;}
#demoag #indemoag p { text-align:center;  line-height:36px; width:100%; font-size: 18px; color: #333;  margin-top:10px;}
#demoag1 { float: left;}
#demoag2 {float: left;}




.index-05-nr{
	width: 834px;
	height: 200px;
	margin: 0 auto;
	display: block;	
	margin-top:413px;
/*	background:#000;*/
	  
}



.index-06-nr{
	width: 838px;
	height: 306px;
	margin: 0 auto;
	display: block;	
	margin-top:314px;
/*	background:#000;*/
	  
}


.index-06-nr-zuo{
	width: 408px;
	height: 306px;
	margin-left: 4px;
	display: block;	
/*	margin-top:344px;*/
	/*background:#000;*/
	  
}



.index-08-nr{
	width: 1076px;
	height: 644px;
	margin: 0 auto;
	display: block;	
	margin-top:36px;
/*	background:#000;*/
}




/*p.round3 {
  border: 2px solid red;
  border-radius: 13px;
  width: 264px;
  height: 198px;
}*/