@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:#928c83;
	text-align:center;
	font-size:44px;
	font-weight:bold;
	margin-top:100px;
	
	
	}
	
	
	.banner2{
	width:100%;
	float:left;
	text-align:center;
	line-height:30px;
	font-size:16px;
	margin-top:45px;
	font-weight:bold;
	
	
	
	
	}
	
	
	.banner2 p{
		display:inline-block;
		
		}
		
			.banner2 p a{color:#383131;
			position:relative;
				}
				
				.banner2 p a em{
				
					position:absolute;
					left:0px;
					bottom:-5px;
				width:0;
					height:2px;background-color:#383131;
					    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
					}
	
					.banner2 p a:hover em{
					width:100%;
					height:2px;background-color:#383131;
					
				}
		
			.banner2 i{
		display:inline-block;
		font-style:normal;	color:#383131;
		}
		
		.xuanzhong em{
				
				
			
			
					width:100%!important;
					height:2px!important;
				
			}
			
			.liebiaozong{
					width:100%;
				float:left;
				overflow:hidden;
				margin-bottom:30px;
				}
			
			.liebiao{
				width:25%;
				overflow:hidden;
				margin-bottom:50px;
				
				float:left;}
				
				.liebiao a{
					display:inline-block;
					width:100%;
					height:100%;
					}
				
					.liebiao:hover .liebiao1 img{		   -webkit-filter: opacity(70%); /* Chrome, Safari, Opera */
    filter: opacity(70%);
					
					}
				.liebiao1{
					width:100%;
					float:left;
					overflow:hidden;
					
					}
					
						.liebiao1 img{
							width:100%;
							float:left;
							height:auto;
							display:block;
			
    transition: all 1s ease-in-out;
							}
							
									.liebiao:hover .liebiao2{
										color:#f3960f;}
							.liebiao2{
					width:100%;
					float:left;
					color:#010101;
					font-size:20px;
					line-height:30px;
					margin-top:40px;
					height:60px;
					text-align:center;
		transition: all 1s ease-in-out;
					overflow:hidden;
								padding:0px 50px 0px 50px;
							   box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
					font-weight:bold;
					
							
							
							}
							
							
							
								.liebiao3{
					width:100%;
					float:left;
					text-align:center;
					margin-top:20px;
				
				
				}
				
				.liebiao3 p{
					display:inline-block;
					color:#f3960f;
					font-weight:bold;
					text-decoration:underline;
					
					
					}
					
						.liebiao3 i{
					display:inline-block;
					margin-left:15px;
					margin-right:15px;
					font-style:normal;
					color:#777777
					}
					
					
							.liebiao3 span{
					display:inline-block;
					color:#777777;
					}
					
					
							.liebiao4{
					width:100%;
					float:left;
					color:#444444;	margin-top:20px;
					line-height:25px;
					height:75px;
					overflow:hidden;
					
								padding:0px 30px 0px 30px;
							   box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
							
							}
							
							
							
							
							
												@media screen and (min-width:320px) and (max-width:399px) {
			
		.banner {
			margin-top:0px;}
										
		.liebiao{
				width:100%;
				}
				
				.liebiao2 {
					padding:0px 20px 0px 20px;}			
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
						
		.banner {
			margin-top:0px;}
		.liebiao{
				width:100%;
				}
				
				.liebiao2 {
					padding:0px 20px 0px 20px;}		
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
		
								
		.banner {
			margin-top:0px;}
		.liebiao{
				width:50%;
				}
				
				.liebiao2 {
					padding:0px 20px 0px 20px;}		
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
					
		.banner {
			margin-top:0px;}
		.liebiao{
				width:50%;
				}
				
				.liebiao2 {
					padding:0px 20px 0px 20px;}		
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
			
					
		.banner {
			margin-top:0px;}
	.liebiao{
				width:33.33333333%;
				}
				
				.liebiao2 {
					padding:0px 20px 0px 20px;}		
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
					
		.banner {
			margin-top:0px;}
			.liebiao{
				width:33.33333333%;
				}

				.liebiao2 {
					padding:0px 20px 0px 20px;}				
					
			
			}

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