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


/*背景代码开始 */


.beijing{
	width:100%;
	float:left;
	height:540px;

	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	

	
	}

/*背景代码结束 */

/*分类代码开始 */

.shaixuanzong{
	width:100%;
	float:left;
	
	padding:40px 20px 40px 20px;
	background-color:#fff;
	overflow:hidden;
	}
	
	.shaixuan{
		width:100%;
		max-width:1200px;
		margin:auto;	
		overflow:hidden;
	
	
	}
.shaixuan1{
	display:inline-block;
	float:left;
	
	}
	.shaixuan1 a{
		display:inline-block;
		line-height:30px;float:left;
		text-align:center;
		padding:0px 20px 0px 20px;
		color:#000;
		margin-right:20px;
		position:relative;
		
		
		}
			.shaixuan1 a p{
				position:relative;
				z-index:1;
					transition:all 0.5s 0.1s;
				}
		.shaixuan1 a:before{
			
			background-color:#000;
			position:absolute;
			z-index:0;
			left:0px;
			top:0px;
			width:0%;
			height:100%;
			transition:all 0.5s;
			content:""
			
			}
			
			.shaixuan1 a:hover:before{width:100%;
				
				}
				
				.shaixuan1 a:hover p{
					color:#fff;}
		
			
	
	.shaixuanxuanzhong{background-color:#000;
	color:#fff!important;
		
		}
		
		
		.shaixuan2{
	display:inline-block;
	float:right;
	width:260px;
	position:relative;
	
	}
	
				.form-control{
		width:100%;
		display:inline-block;
		padding:0px 15px 0px 0px;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
    -ms-transition: 0.5s all;
		box-sizing:border-box;
		
	height:35px; outline:none;    border-bottom: 1px solid #e4eaec;
		}
		.shaixuan2::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #000;
    bottom: 0px;
	left:0px;
    width: 0px;
    transition: width 0.5s;
}

.chang::before{
	    width: 100%;
	}
		.input-search-btn{
			background:none;
			outline:none;
			position:absolute;
			right:7%;
			top:10px;
			
			z-index:1;
			cursor:pointer;
			
			}
			.sou {
				transition:all 0.5s;}
				.input-search-btn:hover .sou {
		fill:#000;
		
		
		}
	

/*分类代码结束 */



			/*新闻代码开始*/
			
			.xinwenzong{
					width:100%;float:left;
						padding:0px 20px 60px 20px;
						background-color:#fff;
				}
			
			
			.xinwen{
					width:100%;
					margin:auto;
					max-width:1230px;
				}
			.xinwen::after{
					content:"";
					display:block;
					clear:both;
				}
				
				.xinwen1{
					width:380PX;
					height:400PX;
					float:left;
					margin-left:15px;
					margin-bottom:40px;
					margin-right:15px;
					padding:15px;
				 box-shadow:0px 0px 8px rgba(51,51,51,0.6);
				 text-align:center;
				 transition:all 0.5s;
					
					}
					
						.xinwen1 a{
							display:inline-block;
							width:100%;
							height:100%;
							}
					
					
					.xinwen1:hover{
						transform:translateY(-20px);
						 box-shadow:0px 0px 40px rgba(51,51,51,0.6);
						}
					
					.xinwen1-1{
						width:100%;
						float:left;
						margin-bottom:20px;
						
						overflow:hidden;
						}
						
						
						.xinwen1-1 img{
							display:inline-block;
							width:100%;
						transition:all 0.5s;
							height:170px;
							}
							
								.xinwen1:hover img{
									transform:scale(1.1,1.1);
									
									
									
									
									
									}
				
						
						
						
						.xinwen1-2{
						width:100%;
						height:24px;
						 overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;

						float:left;
						font-size:18px;padding:0px 30px 0px 30px;
						margin-bottom:20px;
						color:#000;
						}
									.xinwen1-3{
						width:100%;
						color:#666;
						float:left;
						line-height:25px;
						height:75px;
						overflow:hidden;
						}
							.xinwen2{
						width:100%;
						float:left;
						text-align:center;
						margin-top:65px;
							
							}
							
							
			.xinwen2 p a{
				font-size:12px;}
		/*新闻代码结束*/
		
		
		
					@media screen and (min-width:320px) and (max-width:399px) {
	
		/*背景代码开始 */

.beijing{
	height: 200px;
	
	
	
	
	}
/*背景代码结束 */
	/*筛选代码开始*/
	.shaixuan1{
				width:100%;
				text-align:center;
				}
				.shaixuan1 a{margin-right: 10px;
				margin-left:10px;
					float:none;
					display:inline-block;
					margin-bottom:15px;}
				/*筛选代码结束*/
				/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;
			width:280px;
			height:auto;
			margin-left: 0px;
margin-right: 0px;
			}
			
			
				.xinwen1 img{    width: 100%;
				height:auto;
					
					
					}		.xinwen1-2{
				padding:0px;}

					/*新闻代码结束*/					
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
	/*背景代码开始 */

.beijing{
	height: 200px;
	
	
	
	
	}
/*背景代码结束 */
/*筛选代码开始*/
.shaixuan1{
				width:100%;
				text-align:center;
				}
				.shaixuan1 a{margin-right: 10px;
				margin-left:10px;
					float:none;
					display:inline-block;
					margin-bottom:15px;}
				/*筛选代码结束*/
/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;
			width:350px;		height:auto;
			margin-left: 0px;
margin-right: 0px;
			}
			
			.xinwen1-1 img{
				height:auto;
				
				
				
				}			.xinwen1-2{
				padding:0px;}
		
					/*新闻代码结束*/	
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			/*背景代码开始 */

.beijing{
	height: 200px;
	
	
	
	
	}
/*背景代码结束 */
/*筛选代码开始*/
	.shaixuan1{
				width:100%;
				}
				/*筛选代码结束*/
	/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;		height:auto;
			width:350px;
			
			}
			
	
					/*新闻代码结束*/	
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
				/*背景代码开始 */

.beijing{
	height: 200px;
	
	
	
	
	}
/*背景代码结束 */


		/*筛选代码开始*/
	.shaixuan1{
				width:100%;
				}
				/*筛选代码结束*/
				
				
				/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;		height:auto;
			width:350px;
			
			}
			
		
				
			
					/*新闻代码结束*/	
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
	/*背景代码开始 */

.beijing{
	height: 200px;
	
	
	
	
	}
/*背景代码结束 */

/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;
			width:350px;		height:auto;
			
			}
			
		
					/*新闻代码结束*/	
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){

						/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;		height:auto;
			width:350px;
			
			}
			
		
					/*新闻代码结束*/	
			
			}
@media screen and (min-width: 1200px)and (max-width:1310px){
	/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;
			width:350px;		height:auto;
			
			}
			
			
					/*新闻代码结束*/	
	

}
	@media screen and (min-width: 1311px)and (max-width:1450px){
		/*新闻代码开始*/	
			
			.xinwen{
				text-align:center;}	
		.xinwen1{
			display:inline-block;
			margin-bottom:30px;
			float:none;
			width:350px;		height:auto;
			
			}
			
			
					/*新闻代码结束*/	
				}
	
					@media screen and (min-width: 1401px){
					
					
					}