@import url(https://fonts.googleapis.com/css?family=Nunito);

#news-banner-title {	
	width: 100%;
	height: 200px;
	background: #171717;  
	align-items: center;
	display: flex;
	position: relative;
}

#news-content {
    background: #171717;
    width:100%;
}

.contact-banner-title{
	font-size:3rem;
	font-weight:600;
	color:#fff;	
	text-align:center;
	width:100%;
}

.news-content-head {
    max-width: 1290px;
    margin: 0 auto;
    position: relative;    
    padding:0 2% 30px 2%;    
}

.news-content-head2 {
    max-width: 1000px;
    margin: 0 2% 30px 2%;
    position: relative;    
    /*padding:0 2% 30px 2%;    */
}

.news-content-box {
    max-width: 1370px;
    margin: 0 auto;
    position: relative;    
    padding:10px 10px;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;    
}

.news-warp-1{
	max-width:1270px;    
    padding: 0 10px;
	margin: 0 auto;
	display:inline-block;
	/*flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;*/
}

#myParentSelect {
    font-size:1.125rem;
	font-family: helvetica,arial,sans-serif; 
	color:#b0b0b0;
	width:18.75rem;  
	border:1px solid transparent;	
	background-color: #3b3b3b;
  
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20x%3D%2212px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%225px%22%20viewBox%3D%220%200%206%203%22%20enable-background%3D%22new%200%200%206%203%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23fff%22%3E%3Cpolygon%20points%3D%225.992%2C0%202.992%2C3%20-0.008%2C0%20%22/%3E%3C/svg%3E);
	background-position: 98% center;
	background-repeat: no-repeat;
	outline: none;
	border-radius: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
	padding: 8px 12px;
}

.news-select-style-1 {
    display:block;
    margin:15px 0;
    max-width:18.75rem;
}

.news-title-style {
      font-size:1.25rem;
      font-weight:600;
      text-align:left;
      color:#b0b0b0;
	  margin-left:1%;
}

.news-div-id-1 {
    display:block;
    width:100%;
    border-radius: 8px;    
}

.news-div-id-2 {
    display:block;
    width:100%;
    border-radius: 8px;    
}

.news-div-id-3 {
    display:block;
    width:100%;
    border-radius: 8px;    
}

.news-div-id-4 {
    display:block;
    width:100%;
    border-radius: 8px;    
}

.news-inner {
    width:100%;
}

.news-inner-read-content {
    display: block;
    max-width:23rem;
	max-height:11.25rem;
    /*background:#000;*/
    padding:5px 10px 10px 10px;
    /*overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.news-inner-p {
    font-size:1rem;    
    color:#fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
	color:#b0b0b0;
}

.date-title {
    font-size:14px;    
    color:#fff;
    max-width:23rem;
    padding:15px 10px 10px 10px;
}
.news-title {
    font-size:1.125rem;    
    color:#fff;
    /*background:#000;*/
    padding:5px 10px 5px 10px;	
	font-weight:600;
	min-height:120px;
}

.pic-news-1 {    
	/*max-width:23rem;*/
	width:100%;
	/*height:100%;*/
}

.pic-news-2 {
    width:100%;    
}

.pic-news-3 {
    width:100%;    
}

.pic-news-4 {
    width:100%;    
}

.news-layer {
    height:100%;
    margin:30px;
}

.news-col-1-con {
    display:inline-block;
    margin:20px 20px;
	max-width:23rem;
}

.news-col-1 {
    display:inline-block;
    margin:auto;
    max-width:23rem;    
}

.news-col-2 {
    display:inline-block;
    margin:auto;
    padding: 15px 15px;
    width:100%;
}

.news-col-3 {
    display:inline-block;
    margin:auto;
    padding: 15px 15px;
    width:100%;
}

.news-col-4 {
    display:inline-block;    
    padding: 15px 15px;
    width:100%;
}

.news-bottom-style-1 {
    display:inline-block;    
    color:#fff;
    width:500px;
    height:20px;
    margin:0 auto;
    padding:60px 10px;
}
.news-bottom-style-2 {
    display:inline-block;
    background: #3b3b3b;
    color: #fff;
    width:20px;
    height:20px;
    margin:auto;
    padding:0 6px;
}
.news-page-num {
    display:flex;
	flex-direction:row;
	justify-content:center;
    width:100%;
    text-align:right;
    padding:30px 0;
    margin:auto;    
}

.news-msg-show {
    display:block;
    font-size: 24px; 	
    font-weight:600;
    color:#EADF8C;  
    text-align:center;
	margin:0 80px;
}

.news-col-1-con a:hover, a:active
{  
  color:none;
  text-decoration: none;
  font-weight:400;
}

.news-col-1 a:hover, a:active {
  color: none;
  text-decoration: none;
  font-weight:400;
}

.news-pagination {
	display:flex;
	justify-content:center;
	list-style:none;
}

.news-page-link {
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	background-color:#3B3B3B;
	border:1px solid #212529;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	line-height:1.25;
	/*border-top-left-radius:.25rem;
	border-bottom-left-radius:.25rem;*/
	margin-left:0;
	padding:.375rem .75rem;
	
}

.news-page-link:hover {
	z-index:2;
	color:#0a58ca;
	background-color:#000;
	border-color:#dee2e6;	
}

.news-page-item {
    z-index:2;
	color:#dee2e6;
	background-color:#000;
	border-color:#000;
    width:34px;
    height:34px;	
}