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

/*newslist*/
#news{ background-color:#f0f3f5;}
#news .grid{
	display: -webkit-grid; 
 	display: grid;
	grid-template-columns:1fr 3fr;
	justify-content: space-between;	
	grid-column-gap:4rem;
	padding:15px 2rem; 
	background-color:#fff;
	margin-bottom:4rem; 
}
#news h2{
	font-size:3rem;
	color: #333;
	letter-spacing:0px;
	text-align:left;
	line-height:1.2em;
}
#news p{
	color: #666;
	word-wrap:break-word;
	word-break:break-all;
	margin-bottom:1rem;
	margin-top:2rem;
	}
#news a:hover img{
	filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}
#more{
	margin-top:2.5rem;
}
#more button{
	border:none;
	background-color: transparent;
	border-radius:0px;
}
#more .gengduo{
	width:9em;
	height:3.5em;
	background-color:#e60012;
	color:#FFF;	
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	font-size:1em;
}

#more .enter{
	width:4em;
	height:3.5em;
	background-color:#333;
	color:#fff;
	
}
#more a:hover .gengduo{
	  background-color:#333;
	  color:#fff;
}		
#more a:hover .enter{
	background-color:#e60012;
}
.news-time{ padding-top:1.4rem;}

/*-----
newsdeail
-------*/
#newsview{ padding-bottom:18rem;}
#newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
	 border-radius:20px;
}
#newsview .sy-container{ max-width:1000px;}
#newsview  h2,.newsview-name{
	text-align:center;
	color:#333;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink a{
	color:var(--web-theme-color-blue);
}
.SiteLink a:hover{
	text-decoration:underline;
}
.newsview-name{
	font-size:1.6em;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:2rem;
	margin-bottom:2.5rem;
	padding-bottom:1em;
	border-bottom:#eeeeee solid 2px;
}
.SiteLink{
padding-top:3rem;
}

.newsview-div{
	text-align:right;
	border-bottom:#CCC solid 3px;
}
.newsview-page{
	color:#999;
	padding-top:1rem;
}
.newsview-page a{
	color:#787878;
	text-decoration:none;
}
#newsview  .newsview-page a:hover{
	color:var(--web-theme-color-blue);
	cursor:pointer;
}


/*mobile phone*/
@media (max-width:1023px){
#news{ padding-top:2rem; padding-bottom:4rem;}
#news .grid{
	display: -webkit-grid; 
 	display: grid;
	grid-template-columns:1fr;
	justify-content: space-between;	
	grid-column-gap:0;
	grid-row-gap:4rem;
	padding:15px 2rem; 
	background-color:#fff;
	margin-bottom:4rem; 
}
#newsview{ padding-top:4rem; padding-bottom:4rem;}
#news .wrap-flex{flex-direction: column;}
#news .news-item:last-child{ padding-top:4rem;}
#news .news-itemimg img{ width:16%;}

}