@import "base.css";

:root {
	--animate-duration: .5s;
	--animate-delay: .5s;
	--animate-repeat: 1
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #303233;
	position: fixed;
	z-index: 9990009;
	display: none
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #014d99 url(../images/zs_r.png) 100% 100% no-repeat;
	z-index: -1
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: #fff;
	border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 10px
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url(/images/bro.png) no-repeat 0 0
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url(/images/bro.png) no-repeat 0 -100px
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url(/images/bro.png) no-repeat 0 -200px
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url(/images/bro.png) no-repeat 0 -300px
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0 auto;
	max-width: 100px;
	width: 100px;
	height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

html,
body {
	height: 100%
}

body {
	overflow-x: hidden;
	padding-top: 162px
}

section,
.w1400 {
	max-width: 1400px;
	margin: 0 auto
}

@font-face {
	font-family: "sySong";
	src: url("/fonts/sySong.woff") format("woff");
	font-style: normal;
	font-weight: normal
}

.sySong {
	font-family: "sySong"
}

.cover_bg,
.cover_img>div:first-child {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.cover_img {
	position: relative;
	overflow: hidden
}

a:hover .cover_img>div:first-child,
.cover_img:hover>div:first-child {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.slick_link .cover_bg:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.link_news a:hover i {
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.cover_img div:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

header section {
	max-width: 1600px
}

.t_top {
	position: relative;
	background: #024894;
	line-height: 40px;
	z-index: 99999;
}

.t_link a {
	padding: 0 14px;
	border-right: 1px solid #fff;
	display: block;
	line-height: 16px;
	font-size: 14px;
}

.t_link li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.t_link .sub_con {
	position: absolute;
	top: calc(100% + 22px);
	font-size: 0;
	background: rgba(255, 255, 255, .9);
	min-width: 140px;
	line-height: 38px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	top: calc(100% + 16px);
	z-index: 999;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: .3s all ease-in;
	-moz-transition: .3s all ease-in;
	-ms-transition: .3s all ease-in;
	transition: .3s all ease-in;
}

.t_link li:hover .sub_con {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	top: calc(100% + 12px);
}


.t_search {
	width: 40px;
	height: 40px;
	background: url(/images/t_search.png) 50% no-repeat
}

.t_bd {
	line-height: 122px;
	background: #fff
}

.t_logo {
	position: relative
}

.t_logo img {
	max-height: 70px
}

.t_nav {
	position: relative;
	line-height: 30px;
	z-index: 99
}

.t_nav li {
	display: inline-block;
	position: relative;
	font-size: 16px;
	vertical-align: top
}

.t_nav li:last-child {
	margin-right: 0
}

.t_nav h3 {
	font-weight: normal;
	position: relative;
	z-index: 3
}

.t_nav h3 a {
	font-size: 18px;
	line-height: 122px;
	display: block;
	color: #181818;
	white-space: nowrap;
	padding: 0 19px
}

.t_nav a {
	display: block;
	color: #fff
}

.t_nav .sub_nav {
	position: absolute;
	top: 100%;
	font-size: 0;
	padding: 15px 20px;
	background: rgba(255, 255, 255, .9);
	min-width: 100%;
	line-height: 38px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.t_nav .sub_nav a {
	display: block;
	font-size: 16px;
	color: #666;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap
}

.t_nav .sub_nav a:hover {
	color: #024894
}

.t_nav h3 a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	margin: 10px 0 0 -12px
}

.t_nav .on h3 a:before {
	background: url(/images/nav_on.png) 50% no-repeat;
	width: 142px;
	height: 74px
}

.t_logo,
.menu {
	z-index: 9999
}

.search_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #666;
	transition: all 0.5s;
	z-index: 99999;
	display: none
}

.search_wrap .search_box {
	position: fixed;
	width: 90%;
	max-width: 540px;
	z-index: 999;
	z-index: 3;
	display: none
}

.search_wrap .i_txt {
	width: 100%;
	height: 46px;
	position: relative;
	border: none;
	background: none;
	padding: 0 96px 0 15px;
	background: #fff;
	font-size: 16px
}

.search_wrap .submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 46px;
	cursor: pointer
}

.search_wrap .close {
	position: fixed;
	right: 5%;
	top: 15%;
	width: 32px;
	height: 32px;
	background: url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MEUwM0UyRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MEUwM0UzRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYwRTAzRTBEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYwRTAzRTFEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tLD5kAAABQ0lEQVR42uyaSwrCMBCGh0LvZmnJGUQ8nidyIbgodF1wI0icSIpS6MOamSQ/Bv5NH5n52jSZzoSstUdWz+pYDYsy0Y51Zl1YNXmIod1ZJgMI430d2rUgohu9W8k6sQyl24z3sfw49nB09Ygu5TdjJnytli4wGUC8fFx9YcoQY5BUYVb5tPnGlCCmQFKB+cqHYB3FhFgCiQWzyaZYx5oQa0G0YH6yoWZIum91g1J9RjMcuq+YTzHo2401roMP0RgfqcikoT1tis18mmuA6FqktSqLL6haIYZ4iKMV9InHaZoRrGjkXBBK+w8t4I8dYvqFWBAhQhSIoBEijIf4sYL41YVIPkCkgyASdBApU4gkNkRZAaLQA1F6gyiGQpSnITYMVABbOBp3ss0EYg6mQ9nm1LuDew/T+mGWy8azyvvsfD88BRgACRoA/Uq+It4AAAAASUVORK5CYII=) no-repeat center;
	background-size: cover;
	cursor: pointer;
	transition-duration: .5s;
	z-index: 9999
}

.search_wrap .close:hover {
	transform: rotate(90deg)
}

.search_wrap .bck {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 3
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-arrow {
	cursor: pointer
}

.slick_bar,
.slick_bar .wrap,
.slick_bar .wrap .slick-list,
.slick_bar .wrap .slick-track,
.slick_bar .wrap .slick-track div,
.slick_bar a {
	height: calc(100vh - 162px);
	overflow: hidden
}

.slick_bar .cover_bg,
.tab_show .cover_bg {
	position: relative;
	transform: translate3d(0, 0, 0) scale(1.1);
	transition: opacity 0.3s ease, transform 0s ease 1s
}

.slick_bar .slick-current .cover_bg,
.tab_show li.on .cover_bg {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 5s cubic-bezier(0, .56, .44, 1)
}

.slick_bar .slick-slide.slick-current {
	position: relative;
	z-index: 6
}

.slick_bar .page {
	bottom: 26px;
	background: #fff;
	border-radius: 40px 0 0 40px;
	height: 80px;
	line-height: 76px;
	padding: 0 120px 0 106px;
	z-index: 3
}

.slick_bar .page em,
.slick_bar .page span {
	display: inline-block;
	font-size: 22px;
	font-family: sySong;
	color: #7f8080;
	vertical-align: bottom;
	position: relative
}

.slick_bar .page em {
	display: inline-block;
	font-size: 32px;
	color: #024894;
	vertical-align: -10px
}

.slick_bar .page span:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 21px;
	background: url(/images/p_line.png) 50% no-repeat;
	margin: 0 10px
}

.slick_bar .slick-dots {
	display: none !important
}

.slick_bar .slick-arrow {
	position: absolute;
	right: 232px;
	bottom: 26px;
	width: 50px;
	height: 80px;
	background: url(/images/prev.png) 50% no-repeat;
	z-index: 99
}

.slick_bar .slick-next {
	right: 38px;
	background-image: url(/images/next.png)
}

.slick_bar .slick-next {
	background: url(/images/next.png) 50% no-repeat
}

.slick_bar .slick-prev:hover {
	-webkit-animation: ani_toleft 1s ease-in infinite;
	animation: ani_toleft 1s ease-in infinite
}

.slick_bar .slick-next:hover {
	-webkit-animation: ani_toRight 1s ease-in infinite;
	animation: ani_toRight 1s ease-in infinite
}

-webkit-@keyframes ani_toleft {

	0%,
	100% {
		margin-right: 4px
	}

	50% {
		margin-right: -4px
	}
}

-moz-@keyframes ani_toleft {

	0%,
	100% {
		margin-right: 4px
	}

	50% {
		margin-right: -4px
	}
}

-ms-@keyframes ani_toleft {

	0%,
	100% {
		margin-right: 4px
	}

	50% {
		margin-right: -4px
	}
}

@keyframes ani_toleft {

	0%,
	100% {
		margin-right: 4px
	}

	50% {
		margin-right: -4px
	}
}

-webkit-@keyframes ani_toRight {

	0%,
	100% {
		margin-right: -4px
	}

	50% {
		margin-right: 4px
	}
}

-moz-@keyframes ani_toRight {

	0%,
	100% {
		margin-right: -4px
	}

	50% {
		margin-right: 4px
	}
}

-ms-@keyframes ani_toRight {

	0%,
	100% {
		margin-right: -4px
	}

	50% {
		margin-right: 4px
	}
}

@keyframes ani_toRight {

	0%,
	100% {
		margin-right: -4px
	}

	50% {
		margin-right: 4px
	}
}

.f1 {
	padding: 80px 0 70px;
	z-index: 6
}

.slick_news {
	width: calc(50% - 17px);
	height: 572px;
	overflow: hidden
}

.slick_news .cover_img {
	padding-top: 438px
}

.slick_news a:hover .cover_img>div:first-child,
.slick_news .cover_img:hover>div:first-child {
	-webkit-transform: scale(1.18);
	transform: scale(1.18)
}

.slick_news .cover_img>div {
	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.slick_news .slick-active .cover_img>div {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.slick_news .txt {
	position: relative;
	padding: 50px 0 0 0;
	z-index: 6
}

.slick_news h3 {
	color: #333;
	font-size: 18px;
	line-height: 30px;
	max-height: 60px
}

.slick_news .txt p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	max-height: 48px;
	margin: 6px 0 0
}

.slick_news .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100px;
	font-size: 0;
	text-align: center
}

.slick-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #0152a4;
	margin: 0 7px;
	cursor: pointer;
	border-radius: 50%
}

.slick-dot.slick-active {
	background: #0152a4
}

.f1 .list_news {
	width: calc(49.8% - 17px)
}

.list_news {
	border-bottom: 1px solid #e5e5e5
}

.list_news a {
	display: block;
	padding: 20px 28px;
	color: #fff;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	height: 88px;
	z-index: 6
}

.con_wrap .list_news a:first-child {
	border: none
}

.list_news a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: url(/images/news_on.jpg) 50% no-repeat;
	background-size: cover;
	z-index: -1
}

.list_news .on time,
.list_news a:hover time {
	color: #fff
}

.list_news .on h3,
.list_news a:hover h3,
.list_recruit a:hover h3 {
	color: #fff;
	font-weight: 700
}

.list_news .on:before,
.list_news a:hover:before {
	height: 100%
}

.list_news h3 {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	height: 44px
}

.list_news time {
	float: left;
	font-size: 12px;
	color: #16529f;
	width: 90px
}

.list_news time span {
	font-size: 24px;
	display: block;
	border-right: 1px solid #dbdbdb
}

.list_news .txt {
	float: right;
	width: calc(100% - 110px);
	font-size: 16px;
	color: #cccccc
}

.list_news h3 {
	font-size: 18px;
	color: #333
}

.list_news .txt p {
	line-height: 24px;
	height: 0;
	overflow: hidden
}

.list_news .on,
.list_news a:hover {
	height: 134px
}

.list_news .on .txt p,
.list_news a:hover .txt p {
	height: 48px
}

.list_news .on .txt p {
	line-height: 24px;
	height: 48px
}

.f2 {
	padding: 54px 0 68px;
	background: url(/images/bg_notice.jpg) 0 50% no-repeat;
	background-size: 86.5% 100%;
	height: 480px;
	overflow: hidden;
	position: relative
}

.tit {
	margin: 0 0 50px;
	color: #16529f;
	position: relative;
	height: 64px;
	line-height: 60px
}

.tit h2 {
	font-size: 36px;
	font-family: sySong;
	position: relative;
	z-index: 3;
	background: url(/images/tit_line.png) 50% 0 no-repeat;
	background-size: 100%;
	position: relative;
	min-width: 243px;
	text-align: center
}

.tit h2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: url(/images/tit_line.png) 50% 0 no-repeat
}

.tit.white h2:before,
.tit.white h2 {
	background-image: url(/images/tit_line_on.png)
}

.more {
	color: #0152a4 !important;
	font-size: 14px;
	line-height: 27px;
	padding: 0 8px 0 0;
	text-align: center
}

.more b {
	display: block;
	width: 84px;
	height: 1px;
	background: #0152a4;
	position: relative;
	z-index: 6;
	margin: 0 -8px 0 0
}

.more b:before {
	content: '';
	position: absolute;
	right: -2px;
	bottom: calc(100% + 3px);
	width: 14px;
	height: 1px;
	background: #0152a4;
	transform: rotate(35deg);
	overflow: hidden
}

.more:hover b {
	animation: to_Right linear 1s infinite
}

@-webkit-keyframes to_Right {

	0%,
	100% {
		margin: 0 -10px 0 0
	}

	50% {
		margin: 0 -6px 0 0
	}
}

@keyframes to_Right {

	0%,
	100% {
		margin: 0 -10px 0 0
	}

	50% {
		margin: 0 -6px 0 0
	}
}

.f3 {
	background: url(/images/bg_zs.jpg) 50% 0 no-repeat;
	padding: 80px 0 0
}

.tab_wrap .hd {
	position: absolute;
	top: 55px;
	bottom: 55px;
	left: 0;
	width: 26.14%;
	font-family: 'sySong';
	padding: 50px 3% 60px 0;
	z-index: 6;
	overflow: hidden
}

.tab_wrap .hd:before {
	content: '';
	position: absolute;
	left: -82px;
	top: 0;
	right: 0;
	bottom: 0;
	transform: skewX(9deg);
	background: url(/images/zs_l.jpg) 50% no-repeat;
	z-index: -1
}

.tab_wrap .hd li {
	cursor: pointer;
	font-size: 30px;
	margin: 30px 0 0
}

.tab_wrap .hd h3 {
	padding: 0 28px 10px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 36px
}

.tab_wrap .hd h3:before,
.tab_wrap .hd h3:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2px;
	background: #fff
}

.tab_wrap .hd h3:before {
	left: 0;
	width: 0;
	bottom: 0;
	height: 2px
}

.tab_wrap .hd h3:after {
	right: 100%;
	width: 22px;
	bottom: 4px;
	height: 2px;
	transform: rotate(45deg)
}

.tab_wrap .hd .on h3:before {
	width: 100%
}

.tab_wrap .hd .on h3:after {
	right: -6px
}

.tab_wrap .hd .more {
	display: none
}

.tab_wrap .hd .on .more {
	display: block;
	margin-top: 8px
}

.tab_wrap .con {
	float: right;
	width: calc(100% - 130px);
	padding: 22px 5% 66px 23.62%;
	position: relative;
	z-index: 1;
	height: 634px;
	overflow: hidden
}

.tab_wrap .con:before {
	content: '';
	position: absolute;
	left: 50px;
	top: 0;
	right: -50px;
	bottom: 0;
	background: #014d99 url(../images/zs_r.png) 100% 100% no-repeat;
	transform: skewX(9deg);
	z-index: -1
}

.i_more {
	position: absolute;
	left: 50%;
	bottom: 70px;
	width: 76px;
	height: 54px;
	background: url(/images/i_more.png) 50% no-repeat;
	background-size: cover;
	margin: 0 0 0 -70px;
	display: none
}

.tab_wrap .on .i_more {
	display: block
}

.i_more:hover {
	-webkit-animation: ani_tabRight 1s ease-in infinite;
	animation: ani_tabRight 1s ease-in infinite
}

-webkit-@keyframes ani_tabRight {

	0%,
	100% {
		margin-left: -70px
	}

	50% {
		margin-left: -60px
	}
}

-moz-@keyframes ani_tabRight {

	0%,
	100% {
		margin-left: -70px
	}

	50% {
		margin-left: -60px
	}
}

-ms-@keyframes ani_tabRight {

	0%,
	100% {
		margin-left: -70px
	}

	50% {
		margin-left: -60px
	}
}

@keyframes ani_tabRight {

	0%,
	100% {
		margin-left: -70px
	}

	50% {
		margin-left: -60px
	}
}

.list_recruit {
	overflow: hidden;
	margin: 0 -15px;
	padding: 0 0 6px
}

.list_recruit a {
	float: left;
	width: calc(50% - 30px);
	padding: 30px 0 30px;
	margin: 0 15px;
	border-bottom: 1px dashed rgba(255, 255, 255, .2);
	position: relative
}

.list_recruit a:hover:before {
	left: calc(100% - 18px)
}

.list_recruit a:before {
	content: '';
	position: absolute;
	left: 0;
	width: 18px;
	height: 11px;
	background: url(/images/next_white.png) 50% no-repeat;
	bottom: -5px
}

.list_recruit time {
	font-size: 14px
}

.list_recruit h3 {
	font-size: 18px;
	margin: 16px 0 10px
}

.list_recruit p {
	font-size: 14px;
	color: #ccc;
	line-height: 24px;
	height: 48px
}

.res_wrap {
	margin: 80px 0 0
}

.list_res {
	margin: 0 0 0 58px
}

.list_res li {
	float: left;
	width: calc(16.666666% + 30px);
	margin-left: -30px;
	position: relative
}

.list_res a {
	display: block;
	padding: 56px 0 60px;
	font-size: 18px;
	color: #fff;
	box-shadow: -8px 0 15px rgba(0, 0, 0, .25);
	transform: skewX(7.565deg);
	text-align: center
}

.list_res li:hover {
	z-index: 6
}

.list_res a:hover {
	transform: scale(1.05) skewX(7.565deg)
}

.list_res li:nth-child(2n) {
	margin-top: 20px
}

.list_res a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #0152a4
}

.list_res li:nth-child(6n-4) a:before {
	background: #3e7ad2
}

.list_res li:nth-child(6n-3) a:before {
	background: #4cada7
}

.list_res li:nth-child(6n-2) a:before {
	background: #707684
}

.list_res li:nth-child(6n-1) a:before {
	background: #e19e2d
}

.list_res li:nth-child(6n) a:before {
	background: #7c65ac
}

.list_res .txt {
	margin: 0 auto
}

.list_res i {
	display: block;
	width: 94px;
	height: 94px;
	border-radius: 50%;
	position: relative;
	margin: 0 auto 12px
}

.list_res i,
.list_res p {
	transform: skewX(-7deg);
	padding: 0 16px 0 0
}

.list_res i:before,
.list_res i:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%
}

.list_res i:before {
	border: 1px dashed #fff;
	border-radius: 50%;
	-webkit-animation: ani_rotate 12s 0s linear infinite;
	-moz-animation: ani_rotate 12s 0s linear infinite;
	-ms-animation: ani_rotate 12s 0s linear infinite;
	animation: ani_rotate 12s 0s linear infinite
}

.list_res i:after {
	background-position: 50%;
	background-repeat: no-repeat
}

.i1:after {
	background-image: url(/images/i1.png)
}

.i2:after {
	background-image: url(/images/i2.png)
}

.i3:after {
	background-image: url(/images/i3.png)
}

.i4:after {
	background-image: url(/images/i4.png)
}

.i5:after {
	background-image: url(/images/i5.png)
}

.i6:after {
	background-image: url(/images/i6.png)
}

.list_res a:hover i:after,
.f_unit:hover img {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-ms-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate
}

.list_media {
	margin: -15px 0
}

.list_media a {
	display: block;
	padding: 15px 0;
	overflow: hidden
}

.list_media .cover_img {
	float: left;
	width: 176px;
	height: 120px
}

.list_media .txt {
	float: right;
	width: calc(100% - 220px);
	padding: 16px 0 0
}

.list_media time {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 6;
	color: #fff;
	line-height: 30px;
	padding: 0 11px 0 17px;
	font-family: aleo;
	font-size: 16px
}

.list_media time:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: -20px;
	bottom: 0;
	background: rgba(34, 75, 164, .9);
	transform: skew(-20deg);
	z-index: -1
}

.list_media h3 {
	display: inline-block;
	font-size: 18px;
	color: #333;
	margin: 0 0 16px;
	max-width: 100%;
	position: relative;
	background-image: linear-gradient(#024894, #024894);
	background-position: 0 100%;
	background-size: 0 1px;
	background-repeat: no-repeat;
	transition: background-size .3s;
	padding: 0 0 2px
}

.list_media a:hover h3 {
	color: #024894;
	background-size: 100% 1px
}

.list_media p {
	color: #666;
	line-height: 24px;
	max-height: 48px
}

.slick_media {
	padding: 0 70px 0 0
}

.slick_media .slick-prev:hover {
	background: #024894 url() 50% no-repeat
}

.slick_media .slick-next:hover {
	background: #024894 url() 50% no-repeat
}

.slick_media .slick-arrow:hover:before {
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px
}

.slick_media .slick-arrow {
	position: absolute;
	bottom: 22px;
	right: 6px;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.slick_media .slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px dashed #c6c6c6;
	border-radius: 50%;
	-webkit-animation: ani_rotate 6s 0s linear infinite;
	-moz-animation: ani_rotate 6s 0s linear infinite;
	-ms-animation: ani_rotate 6s 0s linear infinite;
	animation: ani_rotate 6s 0s linear infinite
}

.slick_media .slick-prev {
	bottom: 82px;
	background: url() 50% no-repeat
}

.slick_media .slick-next {
	background: url(/images/down.png) 50% no-repeat
}

-webkit-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

-moz-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

-ms-@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes ani_rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.media_wrap {
	width: 26.875%
}

.slick_notice .slick-list {
	margin: 0 -17px
}

.slick_notice .slick-slide {
	margin: 0 17px
}

.list_notice a {
	display: block;
	padding: 46px 28px 48px;
	font-size: 0;
	border: 1px solid #ccc;
	border-bottom: 6px solid #0152a4;
	background: url(/images/item_notice.jpg) 50% no-repeat;
	background-size: cover;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .25);
	margin: 0 0 26px
}

.list_notice time,
.list_notice .txt {
	display: inline-block;
	vertical-align: top
}

.list_notice time {
	width: 70px;
	font-size: 14px;
	text-align: center;
	line-height: 34px
}

.list_notice time em {
	font-size: 30px;
	border-bottom: none;
	display: block;
	line-height: 22px;
	border: 1px solid #024894;
	margin: 0 0 -1px 0;
	line-height: 56px;
	border-radius: 35px 35px 0 0
}

.list_notice time p {
	border: 1px solid #024894;
	line-height: 22px
}

.list_notice .txt {
	width: calc(100% - 92px);
	margin: -3px 0 0 22px;
	color: #666
}

.list_notice h3 {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	height: 48px;
	margin: 12px 0 8px
}

.list_notice .txt p {
	font-size: 14px;
	line-height: 20px;
	height: 40px
}

.list_notice a:hover h3 {
	font-weight: 700
}

.topic_wrap {
	display: inline-block;
	width: 100%;
	padding: 240px 0 66px;
	overflow: hidden;
	background: url(/images/bg_topic.jpg) 50% 100% no-repeat;
	background-size: cover;
	margin: -164px 0 0
}

.slick_topic {
	margin: 0 -15px
}

.slick_topic .slick-slide {
	margin: 0 15px
}

.slick_topic .cover_img {
	padding-top: 46.88%;
	border-radius: 10px
}

.slick_topic .slick-dots {
	margin: 28px 0 0
}

@keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-moz-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-o-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

footer {
	position: relative;
	background: #0152a4;
	z-index: 99;
	padding: 30px 0 0
}

footer,
footer a {
	color: #ccc
}

.f_logo {
	line-height: 90px;
	margin: 0 5% 0 0
}

.f_logo img {
	max-height: 55px;
	display: inline-block;
	vertical-align: middle
}

.f_bd {
	padding: 30px 20px 40px
}

.f_nav {
	line-height: 42px
}

.f_nav a {
	font-size: 14px;
	display: inline-block;
	padding: 0 10px;
	color: #ccc;
	line-height: 14px
}

.f_nav a:hover {
	color: #fff
}

.f_nav a:not(:first-child) {
	border-left: 1px solid #ccc
}

.f_link li {
	display: inline-block;
	width: 252px;
	position: relative
}

.f_link li:not(:first-child) {
	margin-left: 46px
}

.f_link li:hover .con {
	bottom: 100%;
	opacity: 1;
	visibility: visible;
	max-height: 260px;
	overflow-y: auto;
	border-radius: 10px
}

.f_link h3 {
	line-height: 40px;
	padding: 0 40px 0 14px;
	color: #fff;
	position: relative;
	z-index: 3;
	font-size: 15px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 10px
}

.f_link h3:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	background: url(/images/i_down.png) 50% no-repeat
}

.f_link li:hover h3:before {
	transform: rotate(-180deg)
}

.f_link .con {
	position: absolute;
	left: 0;
	min-width: 100%;
	bottom: calc(100% + 20px);
	background: rgba(255, 255, 255, .9);
	opacity: 0;
	visibility: hidden;
	padding: 15px 15px;
	box-shadow: 0 -2px 6px rgba(0, 0, 0, .1);
	z-index: 6
}

.f_link .con a {
	display: block;
	padding: 6px 0;
	font-size: 14px;
	color: #555
}

.f_contact h3 {
	font-size: 18px;
	padding: 0 0 0 10px;
	border-left: 3px solid #fff;
	margin: 0 0 26px
}

.f_contact .txt {
	line-height: 24px
}

.f_unit img {
	margin: 0 auto 6px
}

.f_adr {
	max-width: 352px
}

.f_adr .con {
	line-height: 2;
	margin: -8px 0 0
}

.f_code {
	margin-top: 20px
}

.f_code li {
	display: inline-block
}

.f_code li:not(:first-child) {
	margin: 0 0 0 20px
}

.f_code img {
	width: 120px
}

.f_copy {
	line-height: 30px;
	background: #0a3f89;
	padding: 10px 0;
	line-height: 24px
}

.f_copy span {
	margin: 0 10px;
	display: inline-block;
	font-size: 14px
}

.inset_bar {
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-size: 32px
}

.inset_bar:before {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 60px;
	background: url(/images/bot_inset.png) 50% no-repeat
}

.inset_bar img {
	display: block;
	width: 100%
}

.bar_tit {
	margin-top: -36px;
	padding: 0 0 14px
}

.bar_tit:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -1em;
	bottom: 0;
	width: 2em;
	height: 3px;
	background: #3f7bd2
}

.inset_img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1
}

aside {
	width: 320px;
	margin: 0px 0 50px;
	border-radius: 6px;
	overflow: hidden
}

.aside_tit {
	position: relative;
	padding: 20px 20px 20px 30px;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
	background: url(/images/news_on.jpg) 100% 100% no-repeat;
	background-size: cover
}

.aside_tit h2 {
	font-size: 30px;
	line-height: 46px;
	font-family: 'sySong'
}

.aside_tit p {
	opacity: .5
}

.nav_list a {
	position: relative;
	line-height: 24px;
	display: block;
	font-size: 18px;
	padding: 20px 40px 20px 24px;
	color: #333
}

.nav_list>a {
	padding-right: 26px;
	background: url(/images/item_notice.jpg) 50% 30% no-repeat
}

.nav_list>a:before {
	content: '';
	position: absolute;
	left: 0;
	width: 3px;
	height: 0;
	background: #024894
}

.nav_list>a.on:before {
	height: 50%
}

.nav_list a b {
	position: absolute;
	top: 50%;
	width: 50px;
	top: 0;
	bottom: 0;
	right: 0;
	color: #999;
	font-size: 16px
}

.nav_list a b:before {
	content: '';
	position: absolute;
	font-family: monospace, serif;
	z-index: 6;
	background: url(/images/down.png) 50% no-repeat;
	z-index: 6;
	width: 20px;
	height: 20px
}

.nav_list {
	padding: 0 0 78px
}

.nav_list .on {
	color: #024894
}

.nav_list .on b {
	right: 0;
	font-size: 12px;
	color: #fff
}

.nav_list a.on b {
	transform: rotate(90deg)
}

.nav_list a b:after {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #aaa
}

.nav_list .on b:after,
.nav_list .sub_con .active:before {
	background: #224ba4
}

.nav_list .sub_con {
	margin-top: -10px;
	padding: 18px 0 15px;
	background-size: cover;
	display: none
}

.nav_list .sub_con a {
	padding-left: 46px;
	font-size: 15px;
	background: none;
	line-height: 1.6;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px
}

.nav_list .sub_con a:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	background: #999;
	border-radius: 100px;
	left: 28px;
	top: 50%;
	margin-top: -3px
}

.nav_list .active,
.nav_list .active:hover,
.nav_list a:hover {
	color: #224ba4
}

.pb_sys_common {
	font-size: 13px;
	font-family: SimSun;
	line-height: 12px;
	color: #222
}

.pb_sys_common a {
	text-decoration: none
}

.pb_sys_common .p_pages {
	margin-left: -5px
}

.pb_sys_common .p_fun_d,
.pb_sys_common .p_no_d,
.pb_sys_common .p_no_o,
.pb_sys_common .p_fun a,
.pb_sys_common .p_no a {
	border: 1px solid #ccc;
	padding: 5px 8px;
	margin: 0 0 0 5px;
	height: 24px;
	-height: auto;
	line-height: 12px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle
}

.pb_sys_common .p_t {
	line-height: 12px;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle
}

.pb_sys_common .p_fun_d,
.pb_sys_common .p_no_d,
.pb_sys_common .p_no_o {
	color: #ccc
}

.pb_sys_common .p_fun a,
.pb_sys_common .p_no a {
	color: #222
}

.pb_sys_common .p_dot {
	margin-left: 4px;
	margin-right: -4px;
	color: #222
}

.pb_sys_common .p_goto input,
.pb_sys_common .p_search input {
	font-family: SimSun;
	font-size: 12px;
	border: 1px solid #aaa;
	height: 22px;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: middle;
	outline-width: thin;
	outline-color: #034794;
	margin: 0 2px;
	padding: 0 1px
}

.pb_sys_common .p_goto input {
	width: 22px;
	text-align: center
}

.pb_sys_common .p_search input {
	width: 100px;
	text-align: left
}

.pb_sys_common .p_goto input:hover,
.pb_sys_common .p_goto input:focus,
.pb_sys_common .p_search input:hover,
.pb_sys_common .p_search input:focus {
	border: 1px solid #034794
}

.pb_sys_common .p_goto a,
.pb_sys_common .p_search a {
	border: 1px solid #ccc;
	padding: 5px 6px;
	color: #222;
	margin: 0;
	height: 24px;
	-height: auto;
	line-height: 12px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle
}

.pb_sys_common .p_dosize_d,
.pb_sys_common .p_dosize a {
	border-right: 1px solid #ccc;
	padding: 1px 5px;
	color: #888
}

.pb_sys_common .p_dosize_d {
	color: #222
}

.pb_sys_common .p_dosize a:hover {
	color: #222
}

.pb_sys_common .p_dosize_last_d,
.pb_sys_common .p_dosize_last a {
	border-right-width: 0
}

.pb_sys_normal .p_first,
.pb_sys_normal .p_first_d,
.pb_sys_normal .p_last,
.pb_sys_normal .p_last_d {
	display: none
}

.pb_sys_normal2 .p_first,
.pb_sys_normal2 .p_first_d,
.pb_sys_normal2 .p_last,
.pb_sys_normal2 .p_last_d,
.pb_sys_normal2 .p_prev_d,
.pb_sys_normal2 .p_next_d {
	display: none
}

.pb_sys_full2 .p_first_d,
.pb_sys_full2 .p_last_d,
.pb_sys_full2 .p_prev_d,
.pb_sys_full2 .p_next_d {
	display: none
}

.pb_sys_short .p_no,
.pb_sys_short .p_no_d,
.pb_sys_short .p_no_o,
.pb_sys_short .p_dot {
	display: none
}

.pb_sys_short2 .p_no,
.pb_sys_short2 .p_no_d,
.pb_sys_short2 .p_no_o,
.pb_sys_short2 .p_dot,
.pb_sys_short2 .p_first,
.pb_sys_short2 .p_first_d,
.pb_sys_short2 .p_last,
.pb_sys_short2 .p_last_d {
	display: none
}

.pb_sys_style1 .p_no a:hover,
.pb_sys_style1 .p_fun a:hover,
.pb_sys_style1 .p_goto a:hover,
.pb_sys_style1 .p_search a:hover,
.pb_sys_style2 .p_no a:hover,
.pb_sys_style2 .p_fun a:hover,
.pb_sys_style2 .p_goto a:hover,
.pb_sys_style2 .p_search a:hover,
.pb_sys_style3 .p_no a:hover,
.pb_sys_style3 .p_fun a:hover,
.pb_sys_style3 .p_goto a:hover,
.pb_sys_style3 .p_search a:hover,
.pb_sys_style4 .p_no a:hover,
.pb_sys_style4 .p_fun a:hover,
.pb_sys_style4 .p_goto a:hover,
.pb_sys_style4 .p_search a:hover {
	background-color: #f5f5f5
}

.pb_sys_style1 .p_no_d {
	border: 1px solid #034794;
	color: #fff;
	background-color: #034794
}

.pb_sys_style2 .p_no_d {
	border: 1px solid #f04646;
	color: #fff;
	background-color: #f04646
}

.pb_sys_style3 .p_no_d {
	border: 1px solid #32b907;
	color: #fff;
	background-color: #32b907
}

.pb_sys_style4 .p_no_d {
	border: 1px solid #888;
	color: #fff;
	background-color: #888
}

.pb_sys_style5 .p_fun_d,
.pb_sys_style5 .p_no_d,
.pb_sys_style5 .p_no_o,
.pb_sys_style5 .p_fun a,
.pb_sys_style5 .p_no a,
.pb_sys_style5 .p_goto a,
.pb_sys_style5 .p_search a,
.pb_sys_style6 .p_fun_d,
.pb_sys_style6 .p_no_d,
.pb_sys_style6 .p_no_o,
.pb_sys_style6 .p_fun a,
.pb_sys_style6 .p_no a,
.pb_sys_style6 .p_goto a,
.pb_sys_style6 .p_search a,
.pb_sys_style7 .p_fun_d,
.pb_sys_style7 .p_no_d,
.pb_sys_style7 .p_no_o,
.pb_sys_style7 .p_fun a,
.pb_sys_style7 .p_no a,
.pb_sys_style7 .p_goto a,
.pb_sys_style7 .p_search a,
.pb_sys_style8 .p_fun_d,
.pb_sys_style8 .p_no_d,
.pb_sys_style8 .p_no_o,
.pb_sys_style8 .p_fun a,
.pb_sys_style8 .p_no a,
.pb_sys_style8 .p_goto a,
.pb_sys_style8 .p_search a {
	border: 1px solid transparent
}

.pb_sys_style5 .p_no_d,
.pb_sys_style5 .p_no a:hover,
.pb_sys_style6 .p_no_d,
.pb_sys_style6 .p_no a:hover,
.pb_sys_style7 .p_no_d,
.pb_sys_style7 .p_no a:hover,
.pb_sys_style8 .p_no_d,
.pb_sys_style8 .p_no a:hover {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.pb_sys_style5 .p_fun a:hover,
.pb_sys_style5 .p_goto a:hover,
.pb_sys_style5 .p_search a:hover,
.pb_sys_style6 .p_fun a:hover,
.pb_sys_style6 .p_goto a:hover,
.pb_sys_style6 .p_search a:hover,
.pb_sys_style7 .p_fun a:hover,
.pb_sys_style7 .p_goto a:hover,
.pb_sys_style7 .p_search a:hover,
.pb_sys_style8 .p_fun a:hover,
.pb_sys_style8 .p_goto a:hover,
.pb_sys_style8 .p_search a:hover {
	text-decoration: underline
}

.pb_sys_style5 .p_no_d,
.pb_sys_style5 .p_no a:hover {
	border: 1px solid #034794;
	color: #fff;
	background-color: #034794
}

.pb_sys_style6 .p_no_d,
.pb_sys_style6 .p_no a:hover {
	border: 1px solid #f04646;
	color: #fff;
	background-color: #f04646
}

.pb_sys_style7 .p_no_d,
.pb_sys_style7 .p_no a:hover {
	border: 1px solid #32b907;
	color: #fff;
	background-color: #32b907
}

.pb_sys_style8 .p_no_d,
.pb_sys_style8 .p_no a:hover {
	border: 1px solid #888;
	color: #fff;
	background-color: #888
}

.p_fun_d {
	padding: 0 10px
}

.pb_sys_common .p_pages span,
.pb_sys_common .p_pages span a {
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666;
	padding-top: 0;
	padding-bottom: 0
}

.pb_sys_common .p_pages span {
	margin: 0 1px;
	position: relative;
	display: inline-block
}

.pb_sys_common .p_pages span a {
	margin: 0;
	padding: 0 10px;
	position: relative
}

.pb_sys_common .p_fun_d,
.pb_sys_common .p_pages span a {
	border-color: #e1e6ea
}

.pb_sys_style1 .p_pages .p_no_d {
	background: #024894;
	border-color: #024894;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	min-width: 30px
}

.pb_sys_common .p_t {
	margin-left: 10px !important
}

.con_wrap {
	width: calc(100% - 380px);
	position: relative
}

.i_pos {
	width: 17px;
	height: 21px;
	background: url('/images/i_pos.png') 50% no-repeat;
	margin-right: 10px;
	vertical-align: -5px
}

.site_nav {
	color: #666;
	margin-bottom: 34px;
	height: auto;
	min-height: auto;
	padding: 25px 0;
	overflow: hidden;
	border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.site_nav h2 {
	float: left;
	color: #333;
	font-size: 26px;
	font-weight: 700
}

.site_nav b {
	color: #bbb;
	font-size: 16px
}

.site_nav a,
.site_nav em {
	color: #666;
	display: inline-block;
	padding: 0 10px;
	font-size: 16px
}

.site_nav a:hover {
	color: #024894
}

.site_nav em {
	color: #024894
}

.site_wrap {
	float: right;
	margin: 6px -10px 0
}

.tit.site_nav h2 {
	padding: 20px 0 0
}

.con_wrap .news_wrap {
	padding: 0;
	margin: -15px
}

.con_wrap .news_wrap a {
	margin: 15px;
	width: calc(33.333333% - 30px)
}

.list_avatar .cover_img {
	padding-top: 151%
}

.list_avatar .txt h3 {
	height: 26px;
	text-align: center
}

article {
	position: relative;
	overflow: hidden
}

.bg_inset {
	background: #f0f4f8;
	padding: 50px 0 80px
}

.page_wrap {
	margin-top: 60px
}



.zsgz_box{padding:0 20px}
.r_line{display:block;padding-top: 8.83%;border-radius: 100px;}

.r_link{margin: 40px -40px;overflow: hidden;}
.r_link a{float:left;width: calc(33.333333% - 90px);background:#fff;padding: 24px 0;margin: 20px 40px;border-left: 4px solid #0152a3;}
.r_link a:hover{border-left-color:#4cada7;background: #0152a3 url(../images/r_bg_on.png) 0 100% no-repeat;color: #fff;}
.r_link a:hover h3{color:#fff}
.r_link a:last-child{margin-left: 40px;}
.r_link .w50{width: calc(50% - 80px);padding-right: 20px;}
.r_link .txt{float:left;width:50%;padding: 14px 24px;}
.r_link .w50 .txt{width: 56%;}
.r_link .img{float:left;width: calc(50% + 50px);margin:0 -50px 0 0;position: relative;transition:.3s all ease-in}
.r_link .img:before{content:'';position:absolute;left:-6px;bottom:-6px;background:#0152a3;width:100%;height:100%;transition: .3s all ease-in}
.r_link a:hover .img:before{background:#fff}
.r_link .cover_img{padding-top: 61%;}
.r_link .w50 .img{margin: 0;width: 44%;}
.r_link .w50 .cover_img{padding-top: 55%;}
.r_link h3{font-size: 24px;font-weight:700;color:#0152a3;}



.list_row a {
	display: block;
	line-height: 60px;
	position: relative;
	padding: 0 120px 0 0
}

.list_row a:before,
.list_row a:after {
	content: '';
	position: absolute;
	left: 70px;
	width: 100%;
	bottom: 0;
	height: 1px;
	background: #eee
}

.list_row a:after {
	width: 0;
	background: #436bd9
}

.list_row a:hover:after {
	width: 100%
}

.list_row .arrow {
	margin: 0 16px 0 0
}

.list_row time {
	position: absolute;
	right: 0;
	top: 0;
	font-family: aleo;
	color: #024894;
	font-size: 18px
}

.news_hd {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 20px;
	margin: 0 0 36px;
	color: #333
}

.news_hd h3 {
	font-size: 26px;
	color: #333;
	margin-bottom: 16px;
	font-weight: 700
}

.news_hd p {
	line-height: 40px
}

.news_hd p span {
	margin: 0 14px;
	color: #999
}

.news_bd {
	font-size: 16px;
	line-height: 1.8;
	color: #555
}

.news_bd p {
	margin-bottom: 14px
}

.list_dept {
	margin: -15px
}

.list_dept a {
	position: relative;
	float: left;
	width: calc(33.333333% - 30px);
	margin: 15px;
	background-size: cover;
	line-height: 66px;
	border-bottom: 1px dashed #ddd;
	font-size: 18px
}

.list_dept a:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 18px;
	height: 11px;
	background: url(/images/next_blue.png) 50% no-repeat;
	z-index: 6
}

.list_dept a:hover:before {
	left: calc(100% - 18px)
}

.list_dept a:hover,
.list_img a:hover {
	color: #024894
}

.list_dept span {
	display: block
}

.list_img {
	font-size: 16px;
	margin: -26px -15px;
	overflow: hidden
}

.list_img a {
	float: left;
	width: calc(50% - 30px);
	margin: 26px 15px;
	font-size: 18px;
	color: #333
}

.list_img .cover_img {
	float: none;
	width: auto;
	padding-top: 66%;
	margin: 0 0 16px
}

.list_img .txt {
	float: none;
	width: auto;
	padding: 24px 0 0;
	font-size: 14px
}

.list_avatar {
	margin: 0 -20px -72px
}

.list_avatar a {
	float: left;
	width: calc(25% - 40px);
	margin: 0 20px 36px;
	position: relative
}

.list_avatar .cover_img {
	padding-top: 141.6%
}

.list_avatar h3 {
	line-height: 24px;
	bottom: 30px;
	padding: 10px 22px 10px 12px;
	font-size: 16px;
	position: absolute;
	max-width: calc(100% - 20px);
	overflow: hidden;
	z-index: 3
}

.list_avatar h3:before,
.list_img time:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background: #024894;
	left: -10px;
	right: 6px;
	z-index: -1;
	transform: skew(16deg)
}

.list_avatar em {
	display: block;
	position: relative;
	z-index: 3
}

@media (max-width:1640px) {
	header section {
		padding-left: 20px;
		padding-right: 20px;
		max-width: none
	}
}

@media (max-width:1540px) {
	.t_nav h3 a {
		font-size: 15px;
		padding: 0 14px
	}
}

@media (min-width:1240px) {

	.menu,
	.t_nav h3 b {
		display: none
	}

	.t_nav,
	.sub_nav {
		-webkit-transition: .3s all ease-in;
		-moz-transition: .3s all ease-in;
		-ms-transition: .3s all ease-in;
		transition: .3s all ease-in
	}

	.t_nav li .sub_nav {
		opacity: 0;
		filter: alpha(opacity=0);
		visibility: hidden;
		top: calc(100% + 16px)
	}

	.t_nav li:hover .sub_nav {
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
		top: 100%;
		min-width: 120px
	}

	.t_nav .sub_nav:before,
	.t_nav .sub_nav:after {
		content: '';
		position: absolute
	}

	.t_nav .sub_nav:before {
		top: -6px;
		border-style: solid;
		border-width: 0 6px 6px 6px;
		border-color: transparent transparent #024894 transparent
	}

	.t_nav .sub_nav:after {
		left: 0;
		right: 0;
		top: 0;
		height: 4px;
		background: #024894
	}


	
}

@media (min-width:1024px) {
	.aside_tit b {
		display: none
	}
}

@media (max-width:1440px) {

	section,
	.w1400 {
		padding-left: 20px;
		padding-right: 20px;
		max-width: none
	}

	.f2 {
		background-size: 95% 100%
	}

	.tab_wrap .hd:before {
		right: 15%
	}

	.tab_wrap .hd h3 {
		font-size: 30px
	}

	.tab_wrap .con {
		padding: 22px 5% 66px 20%
	}

	.list_res {
		margin: 0 28px 0 58px
	}

	
	.r_link{margin: 40px -20px 40px -40px;}

}

@media (max-width:1360px) {
	body {
		padding-top: 142px
	}

	.t_logo img {
		max-height: 46px
	}

	.t_bd,
	.t_nav h3 a {
		line-height: 102px
	}

	.t_nav h3 a {
		padding: 0 14px
	}

	.t_nav .on h3 a:before {
		transform: scale(.9) translate(-50%, -50%);
		margin: 2px 0 0 -22px
	}
}

@media (max-width:1299px) {
	.t_logo img {
		max-height: 42px
	}

	.t_nav h3 a {
		padding: 0 12px
	}
}

@media (max-width:1239px) {
	body {
		padding-top: 122px
	}

	.t_bd,
	.t_nav h3 a {
		line-height: 82px
	}

	.menu {
		right: 20px;
		display: block;
		width: 50px;
		height: 50px;
		transition: all .3s ease;
		margin-top: 0;
		z-index: 99999;
		text-align: center;
		padding: 14px 0 0;
		border-radius: 4px
	}

	.menu span {
		width: 30px;
		height: 2px;
		display: block;
		background: #024894;
		transition: all .3s ease;
		border-radius: 100px;
		margin: 0 auto
	}

	.menu span+span {
		margin-top: 8px
	}

	.menu.on span {
		transform: rotate(45deg) translate(7px, 7px)
	}

	.menu.on span:nth-child(2) {
		transform: rotate(-45deg) translate(0, 0)
	}

	.menu.on span:nth-child(3) {
		display: none
	}

	.t_nav {
		height: calc(100vh - 122px);
		position: fixed;
		top: 122px;
		left: 0;
		right: 0;
		background: #024894;
		text-align: left;
		z-index: 999;
		margin-right: 0;
		display: none;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 30px;
		padding-bottom: 20px;
		margin: 0
	}

	.t_nav .on h3 a:before {
		content: none
	}

	.t_nav li {
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		padding: 0
	}

	.t_nav h3 a {
		font-size: 16px;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
		line-height: 1.8;
		padding: 10px 50px 10px 15px;
		border-top: none;
		color: #fff;
		white-space: initial
	}

	.t_nav h3 b {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 50px;
		text-align: center;
		line-height: 44px;
		height: 46px;
		color: #999;
		font-size: 20px;
		cursor: pointer;
		font-weight: normal;
		top: 50%;
		margin-top: -23px
	}

	.t_nav .on h3 a {
		color: #f3ae18
	}

	.t_nav .on b {
		transform: rotate(-45deg);
		margin-top: -22px
	}

	.t_nav .on h3 a {
		height: auto
	}

	.t_nav .sub_nav {
		position: initial;
		top: 0;
		background: none;
		padding: 5px 0 10px;
		width: auto;
		background: rgba(0, 0, 0, .1);
		left: initial;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		min-width: auto;
		display: none
	}

	.t_nav .sub_nav a {
		padding: 0 30px;
		color: #fff;
		opacity: .7;
		display: block;
		width: auto;
		background-position: 20px 13.5px;
		text-align: left
	}

	.t_nav .sub_nav a:hover {
		background-position: 20px -25.5px
	}

	.slick_bar,
	.slick_bar .wrap,
	.slick_bar .wrap .slick-list,
	.slick_bar .wrap .slick-track,
	.slick_bar .wrap .slick-track div,
	.slick_bar a {
		height: 42vw
	}

	.f1 {
		padding: 70px 0 60px
	}

	.tit {
		line-height: 54px;
		height: 62px;
		margin: 0 0 40px
	}

	.tit h2 {
		font-size: 30px
	}

	.f2 {
		height: 440px;
		padding: 54px 0 48px
	}

	.list_notice a {
		padding: 36px 28px 38px
	}

	.f3 {
		padding: 70px 0
	}

	.res_wrap {
		margin: 70px 0 0
	}

	.topic_wrap {
		padding: 180px 0 66px
	}

	.tab_wrap .hd h3 {
		font-size: 26px
	}

	.list_res {
		margin: 0 18px 0 38px
	}

	.list_res li {
		width: calc(16.666666% + 20px);
		margin-left: -20px
	}

	.list_res a {
		padding: 36px 0 40px
	}

	.list_res i {
		width: 80px;
		height: 80px
	}

	.list_res i:after {
		transform: scale(.8)
	}

	.nav_list .on {
		font-size: 16px
	}

	.nav_list a {
		padding: 14px 40px 14px 15px;
		font-size: 14px
	}

	.inset_bar img {
		position: relative;
		left: 50%;
		margin-left: -55%;
		width: 110%;
		max-width: initial
	}

	aside {
		width: 260px
	}

	.con_wrap {
		width: calc(100% - 310px)
	}

	.con_wrap .news_wrap a {
		width: calc(50% - 30px)
	}

	.con_wrap .list_avatar {
		margin: -10px
	}

	.list_dept {
		margin: -10px
	}

	.list_dept a {
		width: calc(50% - 20px);
		margin: 10px
	}

	.news_hd h3 {
		font-size: 20px
	}

	.news_hd p {
		line-height: 32px
	}

	.page_wrap {
		margin-top: 40px
	}



	.r_link h3{font-size: 18px;}
	.r_link .txt{padding: 14px 0 14px 16px;}


}

@media (min-width:1023px) and (max-width:1239px) {
	.slick_news {
		height: auto
	}

	.slick_news .cover_img {
		padding-top: 340px
	}

	.list_news a {
		padding: 12px 28px;
		height: 72px
	}

	.list_news .on {
		height: 118px
	}
}

@media (max-width:1024px) {

	::-webkit-scrollbar,
	::-webkit-scrollbar-track {
		width: 0
	}
}

@media (max-width:1023px) {
	.slick_bar .page {
		height: 50px;
		line-height: 46px;
		padding: 0 40px 0 44px
	}

	.slick_bar .slick-arrow {
		width: 40px;
		height: 50px;
		background-size: 50%
	}

	.slick_bar .slick-prev {
		right: 152px
	}

	.slick_bar .slick-next {
		right: 8px
	}

	.slick_bar .page span {
		font-size: 20px
	}

	.slick_bar .page em {
		font-size: 26px
	}

	.slick_news,
	.list_news,
	.f_nav,
	.f_link,
	.f_logo,
	.f_contact,
	.f_unit {
		width: auto !important;
		float: none;
		width: auto
	}

	.slick_news {
		height: calc(61vw + 135px);
		margin: 0 0 50px
	}

	.slick_news .cover_img {
		padding-top: 61vw
	}

	.list_news .txt {
		font-size: 14px
	}

	.slick_news h3,
	.list_news h3,
	.list_notice h3,
	.list_recruit h3,
	.list_res a {
		font-size: 16px
	}

	.f2 {
		background-size: cover;
		background-position: 20% 50%
	}

	.tab_wrap .hd {
		width: 32.14%;
		padding: 40px 5% 50px 0
	}

	.tab_wrap .hd h3 {
		font-size: 22px
	}

	.list_recruit a {
		padding: 20px 0
	}

	.list_recruit p {
		line-height: 20px;
		height: 40px
	}

	.tab_wrap .con {
		padding: 22px 5% 46px 20%;
		height: 521px;
		width: calc(100% - 100px)
	}

	.tab_wrap .con:before {
		background-size: 80%
	}

	.list_res a {
		padding: 20px 0 30px
	}

	.list_res i {
		width: 60px;
		height: 60px
	}

	.list_res i:after {
		transform: scale(.6)
	}

	.topic_wrap {
		padding: 160px 0 66px
	}

	footer {
		text-align: center
	}

	.f_link {
		margin: 20px 0 0
	}

	.f_logo {
		margin: 0 auto;
		display: block
	}

	.f_contact {
		display: inline-block;
		margin: 30px 0
	}

	.f_contact {
		text-align: left
	}

	.aside_tit {
		padding: 10px 20px
	}

	.aside_tit h2 {
		font-size: 20px;
		line-height: 36px
	}

	.nav_list {
		display: none
	}

	.con_wrap,
	aside.fl {
		width: auto;
		float: none
	}

	aside {
		margin: -50px -20px 50px;
		border-radius: 0
	}

	.aside_tit {
		padding: 10px 15px;
		background-position: 50% 100%;
		position: relative;
		cursor: pointer
	}

	.aside_tit b {
		position: absolute;
		top: 0;
		right: 6px;
		width: 40px;
		line-height: 48px;
		text-align: center
	}

	.aside_tit.on b {
		transform: rotate(45deg)
	}

	.nav_list a b:after {
		width: 16px;
		height: 16px
	}

	.nav_list {
		display: none
	}

    .r_link .w50 .txt{width:50% !important}

	.r_link a{width: calc(50% - 95px);padding-right: 0 !important;}
	.r_link .w50{width: calc(50% - 95px)}
	.r_link .w50 .img{width:calc(50% + 50px);margin-right: -50px}
	.r_link .w50 .cover_img{padding-top: 61%;}
}

@media (max-width:767px) {
	body {
		padding-top: 102px
	}

	.menu {
		right: 5px;
		width: 50px;
		height: 50px;
		padding: 16px 0 0
	}

	.menu span {
		width: 24px
	}

	.menu span+span {
		margin-top: 6px
	}

	.menu.on span {
		transform: rotate(45deg) translate(6px, 5px)
	}

	.t_top {
		line-height: 30px
	}

	.t_link a {
		font-size: 12px;
		padding: 0 8px
	}

	.t_bd {
		line-height: 60px
	}

	article .fl,
	article .fr,
	.list_news a,
	.tab_wrap .con {
		float: none;
		width: auto;
		display: block
	}

	section,
	.w1400,
	header section {
		padding-left: 15px;
		padding-right: 15px
	}

	.slick_bar h2 {
		left: 15px
	}

	.t_logo {
		max-width: calc(100% - 70px)
	}

	.t_nav {
		padding-top: 40px;
		top: 100px;
		height: calc(100vh - 100px)
	}

	.t_nav h3 a {
		font-size: 16px
	}

	.slick_bar,
	.slick_bar .wrap,
	.slick_bar .wrap .slick-list,
	.slick_bar .wrap .slick-track,
	.slick_bar .wrap .slick-track div,
	.slick_bar a {
		height: 46vw
	}

	.slick_bar .slick-dot {
		font-size: 18px
	}

	.slick_bar .slick-dot.slick-active {
		font-size: 32px
	}

	.slick_bar .slick-dot:not(:first-child) {
		margin: 0 0 0 16px
	}

	.tit {
		margin: 0 0 30px
	}

	.tit.tc {
		text-align: left
	}

	.slick_bar .page {
		height: 34px;
		line-height: 30px;
		bottom: 10px
	}

	.slick_bar .page em {
		font-size: 20px
	}

	.slick_bar .page span {
		font-size: 14px
	}

	.slick_bar .slick-arrow {
		height: 34px;
		width: 34px;
		bottom: 10px
	}

	.slick_bar .slick-prev {
		right: 104px
	}

	.slick_bar .slick-next {
		right: 0
	}

	.slick_bar .page span:before {
		height: 12px;
		background-size: auto 100%;
		margin: 0 6px
	}

	.f1 {
		padding: 50px 0 40px
	}

	.tit h2 {
		font-size: 26px;
		min-width: 50%
	}

	.list_news {
		margin: -15px 0
	}

	.list_news a {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.list_news a:nth-child(even) {
		float: none
	}

	.list_news a {
		padding-left: 20px;
		padding-right: 20px
	}

	.f2 {
		padding: 44px 0 38px;
		height: 400px
	}

	.f2 .more {
		color: #fff !important
	}

	.more b,
	.more b:before {
		background: #fff
	}

	.f3 {
		padding: 56px 0
	}

	.tab_wrap .hd {
		width: auto
	}

	.tab_wrap .con {
		padding: 52px 20px 50px
	}

	.topic_wrap {
		padding: 160px 0 40px
	}

	.tab_wrap .hd {
		position: relative;
		padding: 30px 0 60px;
		margin: 0 20px -60px;
		top: 0;
		bottom: inherit
	}

	.tab_wrap .hd:before {
		top: -20px;
		right: 0;
		transform: skew(0, 4deg);
		left: 0;
		bottom: 12px
	}

	.tab_wrap .hd li {
		display: inline-block;
		margin: 0
	}

	.tab_wrap .hd h3 {
		font-size: 18px;
		padding: 0 16px 10px 0
	}

	.tab_wrap .hd h3:before {
		height: 1px
	}

	.tab_wrap .hd h3:after {
		height: 1px;
		width: 12px
	}

	.tab_wrap .hd .on h3:after {
		right: -2px
	}

	.tab_wrap .con {
		height: 1002px
	}

	.tab_wrap .con:before {
		top: 18px;
		bottom: -19px;
		left: 0;
		right: 0;
		transform: skewY(6deg)
	}

	.list_recruit a {
		float: none;
		width: auto;
		display: block
	}

	.i_more {
		bottom: 24px;
		margin: 0;
		left: inherit;
		right: 26px;
		width: 50px;
		height: 36px
	}

	.res_wrap {
		margin: 50px 0 0
	}

	.list_res {
		margin: 0
	}

	.list_res li {
		width: 33.333333%;
		margin: 0 !important
	}

	.list_res a {
		transform: skew(0);
		padding: 18px 0;
		box-shadow: none
	}

	.list_res i,
	.list_res p {
		transform: skew(0);
		padding: 0
	}

	.list_res i {
		width: 50px;
		height: 50px
	}

	.list_res li:nth-child(2n) {
		margin: 0 0 -14px 0
	}

	.slick-dot {
		width: 8px;
		height: 8px;
		margin: 0 2px
	}

	.slick_topic {
		margin: 0 -8px
	}

	.slick_topic .slick-slide {
		margin: 0 8px
	}

	footer {
		font-size: 14px
	}

	.f_link li {
		display: block;
		width: auto
	}

	.f_link li:not(:first-child) {
		margin: 16px 0 0
	}

	.news_wrap {
		padding: 0 0 20px
	}

	.f_code li {
		width: calc(25% - 8px)
	}

	.f_code li:not(:first-child) {
		margin: 0 0 0 10px
	}

	.f_code img {
		width: auto
	}

	.f_copy span {
		margin: 0
	}

	.site_nav h3 {
		font-size: 32px
	}

	.con_wrap {
		margin: 0
	}

	.con_wrap .list_avatar {
		margin: -10px
	}

	.con_wrap .list_avatar a {
		float: left;
		width: calc(50% - 20px);
		margin: 10px
	}

.aside_tit{
    margin: 8px 0;
}
	.aside_tit h2 {
		font-size: 16px;
		line-height: 30px
	}

	.aside_tit em {
		font-size: 22px
	}

	.aside_tit b {
		line-height: 50px
	}

	.news_hd {
		font-size: 14px
	}

	.news_hd p span {
		margin: 0 8px
	}

	.list_row a {
		line-height: 50px;
		padding: 0 88px 0 0
	}

	.list_row a:before,
	.list_row a:after {
		content: '';
		position: absolute;
		left: 70px;
		width: 100%;
		bottom: 0;
		height: 1px;
		background: #eee
	}

	.list_row .arrow {
		margin: 0 10px 0 0
	}

	.list_row time {
		font-size: 16px
	}

	.list_img {
		margin: -40px 0
	}

	.list_img a {
		float: none;
		display: block;
		width: auto;
		margin: 40px 0;
		font-size: 16px
	}

	.list_dept {
		margin: -15px -10px
	}

	.list_dept a {
		width: calc(50% - 20px);
		margin: 15px 10px;
		line-height: 46px;
		font-size: 16px
	}

	.tab_tit {
		margin: 0 0 30px
	}

	.news_hd h3 {
		margin-bottom: 6px
	}

	.news_hd {
		margin: 0 0 20px;
		padding: 0 0 10px
	}

	.news_bd img {
		height: auto !important
	}

	.site_nav {
		padding: 16px 0
	}

	.site_nav h2 {
		font-size: 22px;
		float: none
	}

	.bg_inset {
		padding: 40px 0 50px
	}

	aside {
		margin: -50px -15px 20px
	}

	.site_wrap {
		float: none !important;
		display: block
	}

	.i_pos {
		display: none
	}

	.p_no_d,
	.p_no,
	.p_dot {
		display: none !important
	}


    .r_link{margin:20px -20px 40px -40px}

	.r_link a{width: calc(100% - 110px) !important;margin: 10px 40px;}
	.r_link .txt,.r_link .w50 .txt{width:60% !important}
	.r_link .img{width:calc(40% + 50px) !important}
	
}

@media (max-width:640px) {
	.news_hd h3 {
		font-size: 20px
	}

	.tit h3 {
		font-size: 18px
	}

	.page_wrap {
		margin-top: 30px
	}
}

@media (max-width:539px) {

	.site_nav a,
	.site_nav em {
		font-size: 13px
	}
}

@media (max-width:374px) {

	.f18,
	.t_nav h3 a {
		font-size: 14px
	}
}

@media (max-width:340px) {

	.site_nav a,
	.site_nav em {
		font-size: 12px
	}

	.news_hd {
		font-size: 14px
	}

	.tab_wrap .hd li:not(:first-child) {
		margin-left: -20px
	}
}