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



/*内容代码开始 */

.show {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.show_content {
	width: 100%;
	margin: auto;
	height: 100%;
	max-width: 1620px;
	overflow: hidden;
	padding: 0px 20px 0px 20px;
}
.news_left {
	width: calc(100% - 460px);
	float: left;
}
.news_article {
	width: 100%;
	float: left;
}
.news_article-1 {
	width: 100%;
	float: left;
	overflow: hidden;
	padding-left: 20px;
	line-height: 50px;
}
.news_list {
	width: 100%;
	float: left;
	position: relative;
	height: 185px;
	margin-bottom: 20px;
}
.news_list_img {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}
.news_list_title {
	background-color: #fff;
	height: 100%;
	padding: 20px 20px 20px 260px;
	width: 100%;
}
.news_title {
	width: 100%;
	line-height: 30px;
	color: #27282d;
	font-size: 16px;
	padding-left: 20px;
	transition: all 0.5s;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_des {
	width: 100%;
	float: left;
	margin-top: 10px;
	box-sizing: border-box;
	padding-left: 20px;
	height: 50px;
	overflow: hidden;
	color: #666;
	line-height: 25px;
}
.news_date {
	width: 100%;
	float: left;
	padding-left: 20px;
	margin-top: 15px;
}
.news_list_img img {
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
	transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
}
.news_list:hover .news_list_img img {
	-webkit-clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);
}
.news_list:hover .news_title {
	color: #960000;
}
.news_date-1 span {
	display: inline-block;
	float: left;
	line-height: 40px;
	color: #27282d;
}
.news_date_ymd {
	display: inline-block;
	line-height: 40px;
	float: right;
	color: #666666;
}
.news_left4 {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.news_right{
	width: 460px;
	float: left;
	overflow: hidden;
}
.news_right_img {
	padding-left: 50px;
	margin-bottom: 30px;
	float: right;
}
.news_right_img img {
	max-width: 100%;
	height: auto;
}
.hot_label {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	padding-left: 60px;
}
.hot_label_title {
	width: 100%;
	color: #666;
	float: left;
	margin-bottom: 10px;
	line-height: 30px;
}
.hot_label_title p {
	display: inline-block;
	float: left;
	margin-right: 15px;
	padding-top: 10px;
}
.hot_label_title span {
	display: inline-block;
	float: left;
}
.hot_label_list {
	width: 100%;
	float: left;
}
.hot_label_list a {
	display: inline-block;
	line-height: 30px;
	margin-right: 15px;
	text-align: center;
	float: left;
	padding: 0px 15px 0px 15px;
	background-color: #fff;
}
.hot_label_list a:hover {
	background-color: #000;
	color: #fff;
}
.rank {
	width: 100%;
	padding-left: 60px;
	float: left;
	margin-bottom: 30px;
}
.rank_top {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.rank_top p {
	display: inline-block;
	float: left;
	color: #666;
}
.rank_top span {
	display: inline-block;
	font-weight: bold;
	color: #00aeef;
	float: left;
	margin-left: 10px;
}
.rank_list {
	width: 100%;
	background-color: #fff;
	height: 330px;
	padding: 20px 15px;
	float: left;
	line-height: 20px;
}
.rank_txt {
	display: inline-block;
	width: 100%;
	float: left;
}
.rank_no {
	display: inline-block;
	width: 20px;
	font-size: 12px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #960000;
	height: 20px;
	border-radius: 100%;
	color: #fff;
	line-height: 20px;
}
.rank_txt:nth-child(n+4) .rank_no {
	background-color: #999999;
}
.rank_title {
	display: inline-block;
	width: 340px;
	float: left;
	line-height: 30px;

}
.rank_title a {
	display: inline-block;
	width:100%;
	text-align:left;
	color: #666666;	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.rank_title a:hover {
	color: #960000;
}
		

	
/*内容代码结束 */





 @media screen and (min-width:320px) and (max-width:399px) {
/*内容代码开始 */
	  

.show_content {
	padding: 0px;
}
.news_left {
	width: 100%;
}
.art_top {
	display: none;
}
.news_left2 {
	padding: 10px;
}
.art_title h1 {
	font-size: 16px;
}
.news_left2-3-1 {
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 {
	margin-top: 10px;
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 a {
	display: inline-block;
	float: left;
}
.news_left2-3-1-2 {
	display: none;
}
.news_left2-3-2-2 {
	display: none;
}
.news_list_img {
	display: none;
}
.news_list_title {
	padding: 20px 20px 20px 20px;
}
.news_title {
	padding-left: 0px;
}
.news_des {
	padding-left: 0px;
}
.news_date {
	padding-left: 0px;
}
.news_left4 {
	margin-top: 20px;
}
.news_left4-2 {
	padding: 15px;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}

.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:280px;
	float:none;
	display:inline-block;
	}
	.rank_title{	width:220px;
		}
/*内容代码结束 */
}
 @media screen and (min-width: 400px) and (max-width:499px) {
/*内容代码开始 */

.news_left {
	width: 100%;
}
.art_top {
	display: none;
}
.news_left2 {
	padding: 10px;
}
.news_left2-3-1 {
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 {
	margin-top: 10px;
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 a {
	display: inline-block;
	float: left;
}
.news_list_img {
	display: none;
}
.news_list_title {
	padding: 20px 20px 20px 20px;
}
.news_title {
	padding-left: 0px;
}
.news_des {
	padding-left: 0px;
}
.news_date {
	padding-left: 0px;
}
.news_left4 {
	margin-top: 20px;
}
.news_left4-2 {
	padding: 15px;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}

.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:350px;
	float:none;
	display:inline-block;
	}
	.rank_title{	width:280px;
		}
/*内容代码结束 */
}
 @media screen and (min-width: 500px) and (max-width:639px) {
/*内容代码开始 */
	  

.news_left {
	width: 100%;
}
.art_top {
	display: none;
}
.news_left2 {
	padding: 10px;
}
.news_left2-3-1 {
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 {
	margin-top: 10px;
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 a {
	display: inline-block;
	float: left;
}
.news_list_img {
	display: none;
}
.news_list_title {
	padding: 20px 20px 20px 20px;
}
.news_title {
	padding-left: 0px;
}
.news_des {
	padding-left: 0px;
}
.news_date {
	padding-left: 0px;
}
.news_left4 {
	margin-top: 20px;
}
.news_left4-2 {
	padding: 15px;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}

.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:400px;
	float:none;
	display:inline-block;
	}
/*内容代码结束 */
}
 @media screen and (min-width: 640px) and (max-width:767px) {
/*内容代码开始 */
.news_left {
	width: 100%;
}
.news_left2 {
	padding: 10px;
}
.news_left2-3-1 {
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 {
	margin-top: 10px;
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 a {
	display: inline-block;
	float: left;
}
.news_list_img {
	display: none;
}
.news_list_title {
	padding: 20px 20px 20px 20px;
}
.news_title {
	padding-left: 0px;
}
.news_des {
	padding-left: 0px;
}
.news_date {
	padding-left: 0px;
}
.news_left4 {
	margin-top: 20px;
}
.news_left4-2 {
	padding: 15px;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}

.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:400px;
	float:none;
	display:inline-block;
	}
/*内容代码结束 */
}
 @media screen and (min-width: 768px) and (max-width:991px) {
/*内容代码开始 */
.news_left {
	width: 100%;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}
.news_left2 {
	padding: 10px;
}
.news_left2-3-1 {
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 {
	margin-top: 10px;
	float: left;
	width: 100%;
	max-width: none;
}
.news_left2-3-2 a {
	display: inline-block;
	float: left;
}

.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:400px;
	float:none;
	display:inline-block;
	}
/*内容代码结束 */	 
	 
}
 @media screen and (min-width: 992px)and (max-width:1199px) {
/*内容代码开始 */
.news_left {
	width: 100%;
}
.news_right{
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
.news_right_img {
	padding-left: 0px;
	margin-left: 10px;
	float: none;
	display: inline-block;
	margin-right: 10px;
}
.hot_label{padding-left: 0px;
	text-align:center;}
	
		.hot_label_title p{
		    float: none;}
			
			
	.hot_label_title span{
		    float: none;}
			.hot_label_list a{    float: none;
				}
.rank{    padding-left: 0px;
	text-align:center;}
	
	.rank_top p{
		    float: none;}
			
			
	.rank_top span{
		    float: none;}
.rank_list{
	width:400px;
	float:none;
	display:inline-block;
	}
/*内容代码结束 */

.art_text{
	padding-top: 100px
}


	 
	 
}
 @media screen and (min-width: 1200px)and (max-width:1366px) {
}
 @media screen and (min-width: 1367px)and (max-width:1582px) {
}