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

.fenyezong{
	width:100%;
	float:left;
	margin-bottom:50px;
	margin-top:50px;
	}
.top{
	width:100%;
	float:left;

}

.banner{
	width:100%;
	float:left;
	height:260px;
	
	    background-size: cover;
    background-position: center center;
	margin-top:40px;
	
	}
	
	.banner1{
		width:100%;
		float:left;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		line-height:60px;
		margin-top:100px;
		font-size:44px;
		
		
		}
		
		
		.gongchengzong{
			width:100%;
			float:left;overflow:hidden;
	
			}
			.gongcheng{
			width:33.33333333%;
			float:left;overflow:hidden;
			position:relative;
			}
					.gongchengzhezhao{
						width:100%;
						height:100%;
						
						position:absolute;
						z-index:1;
						color:#fff;
						background-color:rgba(0,0,0,0.74);
					    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
						}
						
						.gongcheng:hover .gongchengzhezhao{    opacity: 1;
							
							}
							.gongchengzhezhao p{
								display:inline-block;
								width:100%;
								position:absolute;	left:0px;
								padding-left:20px;
								padding-right:20px;
								bottom:45px;
								font-size:18px;box-sizing:border-box;
								
								font-weight:bold;
								line-height:25px; overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;

								}
								
									.gongchengzhezhao span{
								display:inline-block;position:absolute;
								width:100%;
								left:20px;
								right:20px;
								bottom:20px;line-height:25px;
								
									
									}
			
			.gongcheng1{
				float:left;
				width:100%;
				overflow:hidden;
				}
				
				.gongcheng1 img{
					width:100%;
					display:block;
					height:auto;}
	

@media screen and (min-width:320px) and (max-width:399px) {
	
			
		.banner {
			margin-top:0px;}
		.gongcheng {
				width:100%;}
										
	.gongchengzhezhao {
		background:none;opacity: 1;
		}
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
					
							
		.banner {
			margin-top:0px;}
				
			.gongcheng {
				width:100%;}	.gongchengzhezhao {
		background:none;opacity: 1;
		}
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			
					
		.banner {
			margin-top:0px;}
			.gongcheng {
				width:50%;}	.gongchengzhezhao {
		background:none;opacity: 1;
		}

			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
					
		.banner {
			margin-top:0px;}
				.gongcheng {
				width:50%;}

				.gongchengzhezhao {
		background:none;opacity: 1;
		}
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
					
		.banner {
			margin-top:0px;}

			.gongcheng {
				width:50%;}
				
					.gongchengzhezhao {
		background:none;opacity: 1;
		}
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
			
					
		.banner {
			margin-top:0px;}
	
							.gongchengzhezhao {
		background:none;opacity: 1;
		}		
			
			}

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