.screen_third {
	max-height: 865px;
	width: 100vw;
	padding-bottom: 70px;
	overflow: hidden;
	background: url(third-third_bg.png) no-repeat right;
	background-size: 100% 865px;
}

.screen_third .third-inner {
	margin: 50px auto 0
}


.screen_third .clear {
	overflow: hidden
}

.screen_third .xxzx_con_tit {
	margin-top: 30px;
	margin-right: 10px
}

.screen_third .xxzx_con_tit li {
	float: left
}

.screen_third .xxzx_con_tit div {
	min-width: 160px;
	padding: 0 30px;
	box-sizing: border-box;
	cursor: pointer;
	height: 50px;
	transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	background: #e9eef2;
	margin-right: 5px;
	text-align: center
}

.screen_third .xxzx_con_tit li div span {
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #333;
	transform: skew(30deg);
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
}

.screen_third .xxzx_con_tit li.active div, .screen_third .xxzx_con_tit li:hover div {
	background: linear-gradient(90deg, #0a4e7e 0%, #7fbb1c 99%)
}

.screen_third .xxzx_con_tit li.active div span, .screen_third .xxzx_con_tit li:hover div span {
	color: #fff
}

.screen_third .left {
	float: left
}

.screen_third .right {
	float: right
}

.screen_third .new-center-wrap .center-container {
	margin-top: 61px;
	width: 100%;
	display: flex;
	justify-content: center
}

.screen_third .new-center-wrap .center-container .left .img-wrap {
	overflow: hidden;
	transition: all .3s;
	width: 677px;
	height: 381px;
	display: block;
	box-shadow: 6px 7px 14px 0px rgba(0, 0, 0, .08);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.screen_third .new-center-wrap .center-container .left .img-wrap .swiper-slide {
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.screen_third .new-center-wrap .center-container .left .img-wrap .bottom-desc {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-left: 33px;
	box-sizing: border-box;
	height: 48px;
	background: rgba(0, 0, 0, .35);
	border-radius: 2px;
	font-weight: 600;
	color: #fff;
	line-height: 48px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.screen_third .new-center-wrap .center-container .right {
	flex: 1;
	margin-left: 20px;
	padding-left: 35px;
	height: 583px;
	background: #fff
}

.screen_third .new-center-wrap .center-container .right .time-line {
	transition: all .3s;
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.screen_third .new-center-wrap .center-container .right .time-line:last-child .time-item {
	margin-bottom: 0;
	font-family: num;
}

.screen_third .new-center-wrap .center-container .right .time-line:last-child .time-item:after {
	height: 0
}

.screen_third .new-center-wrap .center-container .right .time-wrap {
	margin: 55px 0 0 0;
	display: none;
	visibility: visible !important
}

.screen_third .new-center-wrap .center-container .right .time-wrap:first-of-type {
	display: block;
	visibility: visible !important
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-item {
	min-width: 100px;
	padding-right: 25px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 35px;
	font-size: 28px;
	font-family: num;
	text-align: left;
	color: #c9c9c9
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-item p {
	font-size: 16px;
	margin-left: -2px;
	font-weight: 700;
	text-align: right;
	color: #c9c9c9
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-item span {
	position: absolute;
	width: 12px;
	height: 12px;
	right: -10px;
	top: 12px;
	background: #e1e5ec;
	border-radius: 50%
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-item:after {
	position: absolute;
	content: "";
	width: 1px;
	top: 24px;
	right: -5px;
	height: 106px;
	background: #e1e5ec
}

.screen_third .new-center-wrap .center-container .right .desc-container {
	flex: 1;
	width: 0
}

.screen_third .new-center-wrap .center-container .right .desc-container .desc-item {
	padding: 12px 14px 12px 40px;
	border-radius: 10px;
	box-sizing: border-box;
	transition: all .3s;
	margin-top: -12px
}

.screen_third .new-center-wrap .center-container .right .desc-container .desc-item .title {
	font-size: 16px;
	color: #262626;
	transition: all .3s;
	cursor: pointer
}

.screen_third .new-center-wrap .center-container .right .desc-container .desc-item .desc {
	font-size: 14px;
	font-family: Heiti SC;
	font-weight: 300;
	color: #666;
	transition: all .3s;
	line-height: 25px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-line:hover .time-item {
	color: #1d438f
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-line:hover .time-item span {
	background: #1d438f
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-line:hover .time-item p {
	color: #1d438f
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-line:hover .desc-container .desc-item .title {
	color: #1d438f
}

.screen_third .new-center-wrap .center-container .right .time-wrap .time-line:hover .desc-container .desc-item .desc {
	color: #1d438f
}

.screen_third .news-swiper-container {
	width: 700px;
	height: 381px;
	display: block;
	overflow: hidden
}

.screen_third .news-swiper-container a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

.screen_third .news-swiper-container a img {
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	position: relative
}

.screen_third .news-swiper-pagination {
	position: absolute;
	right: 0;
	padding-right: 24px;
	box-sizing: border-box;
	bottom: 14px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 20px;
	z-index: 2
}

.screen_third .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	transition: all .3s;
	cursor: pointer
}

.screen_third .swiper-pagination-bullet:not(:last-child) {
	margin-right: 5px
}

.screen_third .swiper-pagination-bullet-active {
	width: 21px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .85)
}

.screen_third .swiper-desc {
	padding: 28px 0 0;
	width: 677px;
	box-sizing: border-box
}

.screen_third .swiper-desc h3 {
	font-size: 22px;
	font-weight: 500;
	text-align: left;
	color: #333;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 8px;
	text-overflow: ellipsis
}

.screen_third .swiper-desc p {
	font-size: 16px;
	;
	text-align: left;
	color: #666;
	line-height: 29px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 13px
}

.screen_third .swiper-desc>a:hover h3,
.screen_third .swiper-desc>a:hover p {
	color: #1d438f;
}