@charset "utf-8";

/* banner */
.banner {
	position: relative;
	overflow: hidden;
}

.banner .slider {
	overflow: hidden;
	width: 100%;
}

.banner .slider img {
	width: 100%;
	transform: scale(1.2);
	transition: opacity 0.3s ease, transform 0s ease 1s;
}

.banner .slick-active img {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 5s cubic-bezier(0, .56, .44, 1);
}

.banner .slick-prev,.banner .slick-next{
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 999;
	width: 77px;
	height: 144px;
}
.banner .slick-prev{
	background: url(../img/left.png) no-repeat center;
	left: 60px;
}
.banner .slick-next{
	background: url(../img/right.png) no-repeat center;
	right: 60px;
}

.xxhd{
	position: absolute;
	left: 0;
	right: 0;
	width: 80px;
	bottom: 85px;
	z-index: 999999;
	margin: auto;
	text-align: center;
	margin: 0 auto;
}

.xxhd p{
	font-size:14px;
	color:#fff;
	margin-top:10px;
}

.main .w1600{
	background: #fff;
	padding: 40px;
	margin-top: -62px;
	position: relative;
	z-index: 9999;
}
.title h2{
	font-size: 30px;
	color: #444444;
	font-weight: normal;
}
.title a{
	font-size: 16px;
	color: #333;
}
.title a img{
	margin-left: 12px;
}
.main .news,.main .xsdt,.main .notice{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.main .notice{
	margin-right: 0;
}

.news .first {
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 20px;
}
.news .first h2{
	font-size: 20px;
	color: #333;
	font-weight: normal;
	line-height: 32px;
	margin-bottom: 12px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news .first p{
	font-size: 13px;
	color: #848484;
	line-height: 22px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .li {
	margin: 15px 0;
}
.news .li:last-child {
	margin-bottom:0;
}
.news .li p{
	font-size: 15px;
	color: #999;
	margin-bottom: 5px;
	background: url(../img/time.png) no-repeat left center;
	line-height: 25px;
	padding-left: 25px;
}
.news .li h2{
	font-size: 17px;
	font-weight: normal;
	line-height: 30px;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 60px;
}

.xsdt ul,.notice ul{
	margin-top: 25px;
}

.xsdt li{
	line-height: 30px;
	margin-bottom: 32px;
	position: relative;
}
.xsdt li a{
	font-size: 17px;
	color: #444;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 64px;
	line-height: 32px;
	width: 100%;
}
.xsdt li span{
	font-size: 15px;
	color: #999;
	padding-left: 14px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
}

.notice li{
	margin-bottom: 35px;
}
.notice li:last-child,.xsdt li:last-child{
	margin:0;
}
.notice .time{
	width: 85px;
	height: 85px;
	float: left;
	background: #eff3f9;
	text-align: center;
	padding-top: 15px;
	transition: all 0.5s;
}
.notice .time p{
	color: #1956b1;
	line-height: 1;
	font-weight: bold;
}
.notice .time p:nth-child(1){
	font-size: 30px;
	margin-bottom: 12px;
}
.notice .time p:nth-child(2){
	font-size: 14px;
}
.notice li a{
	line-height: 35px;
	font-size: 17px;
	color: #333;
	margin-left: 15px;
	float: right;
	width: calc( 100% - 100px);
	margin-top: 5px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 70px;
}

.bottom{
	padding: 40px 0;
	background: url(../img/bottom-bg.png) no-repeat center;
	margin-top: 60px;
	background-size: cover;
}
.bottom .tsxm h2{
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 15px;
	line-height: 1;
}
.bottom .tsxm li{
	float: left;
	margin-right: 2%;
	width: 31%;
}
.bottom .tsxm li img{
	width: 100%;
	height: 160px;
	/* object-fit: cover; */
}
.bottom .tsxm{
	width: 68%;
}

.bottom .jmzc{
	margin-right: 60px;
}
.bottom .jmzc img{
	width: 376px;
	height: 234px;
	object-fit: cover;
}

.news li:hover h2,.xsdt li:hover a,.notice li:hover a{
	color: #1956b1;
}
.notice li:hover .time{
	background: #184797;
}
.notice li:hover .time p{
	color: #d7e5f9;
}