﻿.news_slider{
	padding: 0px;}
.layui-carousel>[carousel-item]{
	overflow: hidden;}
.layui-carousel>[carousel-item]>*{
	height: auto;}

#news_slider img{
	width: 100%;}
.news_slider .title{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #980000;
	color: #ffffff;
	padding-left: 30px;
	position: absolute;
	bottom: 0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	overflow: hidden;}
.news_list {
    background-color: #ffffff;
    line-height: 24px;
	padding: 0px;}
.news_list .newstitle{
	padding-top: 30px;}
.news_list .newstitle a{
	font-size: 40px;
	color: #961d3c;}
.news_list img{
    width: 100%;
    height: 100%;}
.news_list li{
    border-bottom: 1px solid #ddd;
    padding: 20px 0px;
    overflow: hidden;}
.news_list li a{
    color: #000000;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;}
.news_list li a:hover{
	color: #961d3c;}
.news_list li .list_r{
    padding-left: 20px;
    overflow: hidden;
    color: #999;}
.news_list li .list_r .date{
    color: #000;}
.news_list .list_name{
	background-color: #961d3c;
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	padding: 50px;}
.news_list .list_name a{
	color: #ffffff;
	font-size: 30px;}
.news_list .list_name a:hover{
	color: #ffffff;}
@media screen and (min-width: 1024px) and (max-width: 1200px)
{
   
}
@media screen and (max-width: 1024px) 
{
	.news_list .list_name{
		font-size: 26px;}

}
@media screen and (max-width: 812px){


}
@media screen and (max-width: 768px){
	.pagination li{
		display: none;}
	.pagination .first,.pagination .last,.pagination .shang,.pagination .xia,.pagination .active{
		display: block;}

}
@media screen and (max-width: 736px){

}
@media screen and (max-width: 667px){

}
@media screen and (max-width: 425px){

}
@media screen and (max-width: 375px){


}
@media screen and (max-width: 320px){


}