.news-box {
		width: 1220px;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.news-box-left{
		width: 60%;
		height: auto;
		
	}
	.news-box-left a{
		text-decoration: none;
		color: black;
	}
      .news-box-left-text{
		width: 100%;
		height: auto;
		display: flex;
		flex-flow: row wrap;
	  }
	  .news-box-left-text a{
		width: 40%;
		height: auto;
	  }
	 
	  .news-box-left-text-box{
		width: 50%;
		height: auto;
		margin: 2% auto;
		/* border-bottom: 1px #dadada solid; */
	  }
	  .news-box-left-text-box h4{
		font-size: 24px;
	 }
	 .news-box-left-text-box h4 a:hover{
		color: #c9a084;
	 }
	  .news-box-left-text-box p{
		font-size: 18px;
	 }
	  .news-box-bottom{
		display: flex;
		justify-content: space-between;
	  }
	.news-box-right{
		width: 30%;
		height: auto;
	}
	.news-box-right .search{

		display: flex;
		flex-flow: row wrap;
	}
	.search input{
		width: 80%;
		border: 1px #c9a084 solid;
	}
	.news-box-right .search-img{
		width: 32px;
		height: 32px;
        background-color: #c9a084;
	}
	.hot{
		width: 100%;
		height: auto;
	}
	.hot-new{

	}
	.hot-new hr{
		width: 90%;
		height: auto;
		color: black;
		float: left;
		background-color:black;
	}
	.hot-news{
		width: 90%;
		height: auto;
		display: flex;
		flex-flow: row wrap;
		padding: 2% 0%;
		border-bottom: 1px #dadada solid;
	}
	.hot-news a{
      width: 48%;
	  height: auto;
	  text-decoration: none;
	  color: black;
	}
	.hot-news a img{
		width: 100%;
		height: auto;
		background-color: yellow;
	}

	.hot-news-text{
		width: 42%;
		height: auto;
		margin: 0 auto;
		
	}
	@media screen and (max-width:1220px){
		.news-box {
			width:98%;
			height: auto;
			margin: 0 auto;
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-left{
			width: 60%;
			height: auto;
			
		}
		.news-box-left a{
			text-decoration: none;
			color: black;
		}
		  .news-box-left-text{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
		  }
		  .news-box-left-text a{
			width: 40%;
			height: auto;
		  }
		 
		  .news-box-left-text-box{
			width: 50%;
			height: auto;
			margin: 2% auto;
			/* border-bottom: 1px #dadada solid; */
		  }
		  .news-box-left-text-box h4{
			font-size: 24px;
		 }
		 .news-box-left-text-box h4 a:hover{
			color: #c9a084;
		 }
		  .news-box-left-text-box p{
			font-size: 18px;
		 }
		  .news-box-bottom{
			display: flex;
			justify-content: space-between;
		  }
		.news-box-right{
			width: 30%;
			height: auto;
		}
		.news-box-right .search{
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-right .search-img{
			width: 32px;
			height: 32px;
			background-color: #c9a084;
		}
		.hot{
			width: 100%;
			height: auto;
		}
		.hot-new hr{
			width: 90%;
			height: auto;
			color: black;
			float: left;
			background-color:black;
		}
		.hot-news{
			width: 90%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			padding: 2% 0%;
			border-bottom: 1px #dadada solid;
		}
		.hot-news a{
		  width: 48%;
		  height: auto;
		  text-decoration: none;
		  color: black;
		}
		.hot-news a img{
			width: 100%;
			height: auto;
			background-color: yellow;
		}
	
		.hot-news-text{
			width: 42%;
			height: auto;
			margin: 0 auto;
			
		}
	}
	@media screen and (max-width:768px){
		.news-box {
			width:98%;
			height: auto;
			margin: 0 auto;
			
		}
		.news-box-left{
			width: 100%;
			height: auto;
			
		}
		.news-box-left a{
			text-decoration: none;
			color: black;
		}
		  .news-box-left-text{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
		  }
		  .news-box-left-text a{
			width: 40%;
			height: auto;
		  }
		 
		  .news-box-left-text-box{
			width: 50%;
			height: auto;
			margin: 2% auto;
			/* border-bottom: 1px #dadada solid; */
		  }
		  .news-box-left-text-box h4{
			font-size: 24px;
		 }
		 .news-box-left-text-box h4 a:hover{
			color: #c9a084;
		 }
		  .news-box-left-text-box p{
			font-size: 18px;
		 }
		  .news-box-bottom{
			display: flex;
			justify-content: space-between;
		  }
		.news-box-right{
			width: 100%;
			height: auto;
		}
		.news-box-right .search{
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-right .search-img{
			width: 32px;
			height: 32px;
			background-color: #c9a084;
		}
		.hot{
			width: 100%;
			height: auto;
		}
		.hot-new hr{
			width: 90%;
			height: auto;
			color: black;
			float: left;
			background-color:black;
		}
		.hot-news{
			width: 90%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			padding: 2% 0%;
			border-bottom: 1px #dadada solid;
		}
		.hot-news a{
		  width: 48%;
		  height: auto;
		  text-decoration: none;
		  color: black;
		}
		.hot-news a img{
			width: 100%;
			height: auto;
			background-color: yellow;
		}
	
		.hot-news-text{
			width: 42%;
			height: auto;
			margin: 0 auto;
			font-size: 24px;
			
		}
	}
	@media screen and (max-width:768px){
		.news-box {
			width:98%;
			height: auto;
			margin: 0 auto;
			
		}
		.news-box-left{
			width: 100%;
			height: auto;
			
		}
		.news-box-left a{
			text-decoration: none;
			color: black;
		}
		  .news-box-left-text{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
		  }
		  .news-box-left-text a{
			width: 40%;
			height: auto;
		  }
		 
		  .news-box-left-text-box{
			width: 50%;
			height: auto;
			margin: 2% auto;
			/* border-bottom: 1px #dadada solid; */
		  }
		  .news-box-left-text-box h4{
			font-size: 16px;
		 }
		 .news-box-left-text-box h4 a:hover{
			color: #c9a084;
		 }
		  .news-box-left-text-box p{
			font-size: 14px;
		 }
		  .news-box-bottom{
			display: flex;
			justify-content: space-between;
		  }
		.news-box-right{
			width: 100%;
			height: auto;
		}
		.news-box-right .search{
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-right .search-img{
			width: 32px;
			height: 32px;
			background-color: #c9a084;
		}
		.hot{
			width: 100%;
			height: auto;
		}
		.hot-new hr{
			width: 90%;
			height: auto;
			color: black;
			float: left;
			background-color:black;
		}
		.hot-news{
			width: 90%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			padding: 2% 0%;
			border-bottom: 1px #dadada solid;
		}
		.hot-news a{
		  width: 48%;
		  height: auto;
		  text-decoration: none;
		  color: black;
		}
		.hot-news a img{
			width: 100%;
			height: auto;
			background-color: yellow;
		}
	
		.hot-news-text{
			width: 42%;
			height: auto;
			margin: 0 auto;
			font-size: 16px;
			
		}
	}
	@media screen and (max-width:500px){
		.news-box {
			width:98%;
			height: auto;
			margin: 0 auto;
			
		}
		.news-box-left{
			width: 100%;
			height: auto;
			
		}
		.news-box-left a{
			text-decoration: none;
			color: black;
		}
		  .news-box-left-text{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
		  }
		  .news-box-left-text a{
			width: 40%;
			height: auto;
		  }
		 
		  .news-box-left-text-box{
			width: 50%;
			height: auto;
			margin: 2% auto;
			/* border-bottom: 1px #dadada solid; */
		  }
		  .news-box-left-text-box h4{
			font-size: 14px;
		 }
		 .news-box-left-text-box h4 a:hover{
			color: #c9a084;
		 }
		  .news-box-left-text-box p{
			font-size: 12px;
		 }
		  .news-box-bottom{
			display: flex;
			justify-content: space-between;
		  }
		.news-box-right{
			width: 100%;
			height: auto;
		}
		.news-box-right .search{
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-right .search-img{
			width: 32px;
			height: 32px;
			background-color: #c9a084;
		}
		.hot{
			width: 100%;
			height: auto;
		}
		.hot-new hr{
			width: 90%;
			height: auto;
			color: black;
			float: left;
			background-color:black;
		}
		.hot-news{
			width: 90%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			padding: 2% 0%;
			border-bottom: 1px #dadada solid;
		}
		.hot-news a{
		  width: 48%;
		  height: auto;
		  text-decoration: none;
		  color: black;
		}
		.hot-news a img{
			width: 100%;
			height: auto;
			background-color: yellow;
		}
	
		.hot-news-text{
			width: 42%;
			height: auto;
			margin: 0 auto;
			font-size: 15px;
			
		}
	}
	@media screen and (max-width:350px){
		.news-box {
			width:98%;
			height: auto;
			margin: 0 auto;
			
		}
		.news-box-left{
			width: 100%;
			height: auto;
			
		}
		.news-box-left a{
			text-decoration: none;
			color: black;
		}
		  .news-box-left-text{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
		  }
		  .news-box-left-text a{
			width: 40%;
			height: auto;
		  }
		 
		  .news-box-left-text-box{
			width: 50%;
			height: auto;
			margin: 2% auto;
			/* border-bottom: 1px #dadada solid; */
		  }
		  .news-box-left-text-box h4{
			font-size: 10px;
		 }
		 .news-box-left-text-box h4 a:hover{
			color: #c9a084;
		 }
		  .news-box-left-text-box p{
			font-size: 8px;
		 }
		 .news-box-left-text-box strong{
			font-size: 8px;
		 }
		 
		  .news-box-bottom{
			display: flex;
			justify-content: space-between;
		  }
		.news-box-right{
			width: 100%;
			height: auto;
		}
		.news-box-right .search{
			display: flex;
			flex-flow: row wrap;
		}
		.news-box-right .search-img{
			width: 32px;
			height: 32px;
			background-color: #c9a084;
		}
		.hot{
			width: 100%;
			height: auto;
		}
		.hot-new hr{
			width: 90%;
			height: auto;
			color: black;
			float: left;
			background-color:black;
		}
		.hot-news{
			width: 90%;
			height: auto;
			display: flex;
			flex-flow: row wrap;
			padding: 2% 0%;
			border-bottom: 1px #dadada solid;
		}
		.hot-news a{
		  width: 48%;
		  height: auto;
		  text-decoration: none;
		  color: black;
		}
		.hot-news a img{
			width: 100%;
			height: auto;
			background-color: yellow;
		}
	
		.hot-news-text{
			width: 42%;
			height: auto;
			margin: 0 auto;
			font-size: 11px;
			
		}
	}