body{
	background-color: #f5f5f5;
}
.news-top-center span.prev,.news-top-center span.next{
	background: url(../images/icon/prev-next.png) no-repeat;
}
.news-title,
.news-bottom-bd .item dd label::before{
	width:116px;
	height:26px;
	text-indent: -99999px;
	background: url(../images/icon/newsind-icon.png) no-repeat;
}
.news-ind-content{
	background-color: #f5f5f5;
}
.news-ind-content .news-ind-top{
	padding: 35px 0;
	background-color: #fff;
}
.news-ind-top .news-top-left{
	padding:0 20px;
	width: 300px;
	height:360px;
} 
.news-ind-top .news-top-left .news-title{
	margin: 0 auto 10px;
	background-position: 0 0;
}
.news-ind-top .news-top-center{
	width: 600px;
	height:360px;
	background-color: #0088FE;
} 
.news-ind-top .news-top-right{
	padding:0 20px;
	width: 300px;
	height:360px;
} 
.news-ind-top .news-top-right .news-title{
	margin: 0 auto 10px;
	background-position: 0 -35px;
}
.news-top-left .list li,
.news-top-right .list li{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
	width: 260px;
	height: 49px;
	line-height: 49px;
	font-size:15px;
}
.news-top-left .list li::before,
.news-top-right .list li::before{
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 0;
	    display: block;
	    width: 8px;
	    height: 8px;
	    margin-top: -4px;
		background-color: #1b9dff;
}
.news-top-left .list li a,
.news-top-right .list li a{
	font-size:16px;
	color: #444;
}
.news-top-left .list li a:hover,
.news-top-right .list li a:hover{
	color: #0088fe;
}
.news-top-center {
	position: relative;
	width: 642px;
	height: 405px;
	overflow: hidden;
	background-color: #0088FE;
}

.news-top-center::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	content: '';
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
}
.news-top-center ul.img {
	position: relative;
	width: 720px;
	height: 405px;
}
.news-top-center ul.img a {
	display: block;
	width: 720px;
	height: 405px;
}
.news-top-center ul.img a img {
	display: block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.news-top-center ul.img a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news-top-center ul.btn {
	position: absolute;
	bottom: 14px;
	right: 0;
	left:0;
	height: 20px;
	overflow: hidden;
	z-index: 2;
	text-align: center;

}
.news-top-center ul.btn li {
		display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.75);
	font-size: 0;
	margin-left: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
}
.news-top-center ul.btn li.on {
	width: 25px;
	background-color: #4284d9;
}
.news-top-center h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right:0;
	padding: 0 15px;
	text-align: center;
	font-size: 20px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	z-index: 3;
}
.news-top-center span.prev,.news-top-center span.next {
	position: absolute;
	top: 178px;
	width: 30px;
	height:60px;
	cursor: pointer;
}
.news-top-center span.prev {
	left: 0;
	background-position: 0 -221px;
}
.news-top-center span.next {
	right: 0;
	    background-position: -75px -221px;
}
.news-top-center span.prev:hover {
	background-position: -181px -221px;
}
.news-top-center span.next:hover {
	background-position: -261px -221px;
}

.news-ind-bottom{
	padding: 20px 20px 30px 0;
	background-color: #fff;
	margin-bottom: 60px;
}
.news-ind-bottom .news-bottom-hd {
	width:80px;
}
.news-bottom-hd ul li{
	position: relative;
	padding-left: 10px;
	text-align: right;
}
.news-bottom-hd ul li a span{
	display: inline-block;
	margin-bottom: 20px;
	width:60px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size:15px;
	font-weight: bold;
}
.news-bottom-hd ul li .item_a span{
	display: inline-block;
	color:#0088fe;
	border: 1px solid #0088fe;
}
.news-bottom-hd ul li .item_b span{
	display: inline-block;
	color:#fe5417;
	border: 1px solid #fe5417;
}
.news-bottom-hd ul li .item_c span{
	display: inline-block;
	color:#ff9800;
	border: 1px solid #ff9800;
}
.news-bottom-hd ul .current .item_a span,
.news-bottom-hd ul li:hover .item_a span{
	display: inline-block;
	border: 1px solid #0088fe;
	background-color: #0088fe;
	color: #fff;
}
.news-bottom-hd ul .current .item_b span,
.news-bottom-hd ul li:hover .item_b span{
	display: inline-block;
	border: 1px solid #fe5417;
	background-color: #fe5417;
	color: #fff;
}
.news-bottom-hd ul .current .item_c span,
.news-bottom-hd ul li:hover .item_c span{
	display: inline-block;
	border: 1px solid #ff9800;
	background-color: #ff9800;
	color: #fff;
}
.news-bottom-hd ul .current a:before{
	position: absolute;
	top:8px;
	left:0;
	content: "";
	width:4px; 
	height:24px;
}
.news-bottom-hd ul .current .item_a:before,
.news-bottom-hd ul li:hover .item_a:before{
	background-color: #0088fe;
}
.news-bottom-hd ul .current .item_b:before,
.news-bottom-hd ul li:hover .item_b:before{
	background-color: #fe5417;
}
.news-bottom-hd ul .current .item_c:before,
.news-bottom-hd ul li:hover .item_c:before{
	background-color: #ff9800;
}



.news-ind-bottom .news-bottom-bd {
	width:1085px;
}

.news-bottom-bd .item {
	overflow: hidden;
}

.news-bottom-bd .item dl {
	float: left;
	width: 260px;
	height: 360px;
	margin: 0 0 15px 15px;
	overflow: hidden;
	border:2px solid #fff;
	transition:  all .3s;
}

.news-bottom-bd .item dl:nth-child(4n+1) {
	margin-left: 0;
}

.news-bottom-bd .item dt {
	width: 260px;
	height: 176px;
	overflow: hidden;
}

.news-bottom-bd .item dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.news-bottom-bd .item dt span {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	font-size:14px;
	line-height: 30px;
	color: #fff;
	padding: 0 15px;
	background-color: #ff9600;
	z-index: 9;
}

.news-bottom-bd .item dt img {
	display: block;
	object-fit: cover;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.news-bottom-bd .item dt:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.news-bottom-bd .item dd {
	height: 180px;
	border: solid 1px #ededed;
	padding: 15px 20px 15px;
	overflow: hidden;
}

.news-bottom-bd .item dd h4 {
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	color: #444;
	margin-bottom: 20px;
	text-align: justify;
	cursor: pointer;
	overflow: hidden;
}

.news-bottom-bd .item dd a:hover {
	color: #0088fe;
}

.news-bottom-bd .item dd p {
	margin-bottom: 20px;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-bottom-bd .item dd span {
	float: right;
	font: 12px/16px "";
	color: #999;
	margin-top: 10px;
}

.news-bottom-bd .item dd label {
	position: relative;
	display: block;
	width:100px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	padding-left: 20px;
	overflow: hidden;
}

.news-bottom-bd .item dd label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	background-position: right 0;
}

.news-bottom-bd .item dd label a {
	color: #666;
}

.news-bottom-bd .item dd label a:hover {
	color: #0088fe;
}

.news-bottom-bd .item dl:hover {
/* 	box-shadow: 0 5px 14px rgba(125, 125, 125, 0.1); */
    border:2px solid #0088fe;
}
.news-ind-bottom .btn {
	margin-top: 20px;
	height: 38px;
}

.news-ind-bottom .btn button {
	position: relative;
	display: block;
	width: 130px;
	height: 38px;
	margin: 0 auto;
	border: solid 1px #1981eb;
	background-color: #fff;
	border-radius: 5px;
	font-size:14px;
	line-height: 38px;
}

.news-ind-bottom .btn button {
	position: relative;
	color: #1981eb;
}
.news-ind-bottom .btn button:hover{
	background-color: #1981eb;
	color: #fff;
}