@charset "utf-8";
/* CSS Document */
.top{
	width:100%;
	float:left;

}
.banner{
	width:100%;
	float:left;
	height:460px;
	overflow:hidden;

	    background-size: cover;
    background-position: center center;
	margin-top:40px;
	display:table;
	
	}
.bannerzong {
  vertical-align:middle;
  display:table-cell;
  text-align:center;
  
 }
	.banner1{
	width:100%;
	color:#fff;
	font-size:44px;
	font-weight:bold;
	text-align:center;

	float:left;
	}
	
		.banner2{
	width:100%;	text-align:center;
	margin-top:10px;	color:#fff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
	float:left;
	text-transform:uppercase;
	}
	
	.shuomingzong{
		width:100%;
		overflow:hidden;
		padding:0px 20px 0px 20px; box-sizing:border-box;
		float:left;
		}
		
		.shuoming{
			width:100%;
			max-width:990px;
			margin:auto;
			margin-top:100px;
			
			overflow:hidden;}
			
			.shuoming1{
				width:100%;
				float:left;
				overflow:hidden;
				border-bottom:#dddddd solid 1px;
				padding-bottom:100px;
				text-align:center;
			}
			
			.shuoming1 img{    height: auto;

    max-width: 100% !important;
				}
				
				
				
						.shuoming2{
		width:100%;
		float:left;
		line-height:30px;
		font-size:16px;
		margin-top:70px;
		text-align:center;
		
		overflow:hidden;
		color:#111111;
						
						}
						
								.shuoming2 p,.shuoming2 span,.shuoming2 i,.shuoming2 em{
									text-align:left;
	
								}
		
		.shuoming2 img{
			height:auto;
	
			
			margin-bottom:20px;
			margin-top:20px;
			max-width:100% !important;}
			
			
		
.xian {
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-bottom: 50px;
    background-color: #383131;
    height: 1px;
}
@media screen and (min-width:320px) and (max-width:399px) {
			
		.banner {
			margin-top:0px;}
				.shuoming {
					margin-top:50px;}						
	.shuoming1 {
	padding-bottom:30px;}
			.shuoming2 {
				margin-top:30px;}
				
					.xian {
					margin-top:50px;
					margin-bottom:0px;}
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
							
		.banner {
			margin-top:0px;}
					.shuoming {
					margin-top:50px;}			
.shuoming1 {
	padding-bottom:30px;}
			.shuoming2 {
				margin-top:30px;}
				
				.xian {
					margin-top:50px;
					margin-bottom:0px;}
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
		
		
		.banner {
			margin-top:0px;}
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
		
		.banner {
			margin-top:0px;}
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){

					
		.banner {
			margin-top:0px;}
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
	
						
		.banner {
			margin-top:0px;}	
			
			}

	@media screen and (min-width: 1200px)and (max-width:1279px){
				
		.banner {
			margin-top:0px;}
					
				}
				
				
					@media screen and (min-width: 1280px)and (max-width:1400px){
						
					
				}