@import "base.css";
//#vsb_content table{border-color: #666666!important;border-collapse: collapse!important;}
//#vsb_content table tr {border-width: 1px!important;padding: 8px!important;border-style: solid!important;border-color: #666666!important;}
//#vsb_content table tr td {border-width: 1px!important;padding: 8px!important;border-style: solid!important;border-color: #666666!important;background-color: #ffffff!important;}
//#vsb_content table tr td  p{text-indent:0em!important;}
:root {
	--animate-duration: .5s;
	--animate-delay: .5s;
	--animate-repeat: 1
}.pb_sys_style3 .p_no_d {
    border: 1px solid #1a4f93 !important;
    color: #fff;
    background-color: #1a4f93 !important;
}
span.sj{
    position: absolute;
    right: 0;
    top: 50%;
    color: #08745a;
    font-size: 16px;
    // width: 30%; 
    height: 26px;
    line-height: 6px;
    // background-color: #cfa972; 
    transform: translateY(-50%);
    text-align: center;
    }
.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;
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #011c3c;
	opacity: .9;
	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
}


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

.guide_wrap section {
	max-width: 1440px;
	margin: 0 auto
}

.ani.showdiv, .showdiv.list_news a, .showdiv.slick_news, .showdiv.list_notice a {
	transform: none !important;
	opacity: 1 !important
}

.ani {
	transition: all 1s ease-out;
	transform: translateY(50px);
	opacity: 0
}

.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)
}

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

.slick-dots li {
	cursor: pointer
}

.no_scroll {
	overflow: hidden
}



[ani-delay='2'] {
	transition-delay: .6s
}

[ani-delay='3'] {
	transition-delay: 1.2s
}

[ani-delay='4'] {
	transition-delay: 1.8s
}

[ani-delay='5'] {
	transition-delay: 2.4s
}




.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 .wrap a {
	height: 100%
}

.slick_bar {
	text-align: center
}

.slick_bar .slick-dots {
	position: absolute;
	display: inline-block;
	bottom: .8rem;
	font-size: 0;
	text-align: center;
	z-index: 6;
	line-height: .54rem;
	background: linear-gradient(to left, #12afb2, #026eb6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff026eb6', endColorstr='#ff12afb2', GradientType=1)
}

.slick_bar .slick-dots:before, .slick_bar .slick-dots:after {
	content: '';
	position: absolute;
	top: 0;
	width: .28rem;
	height: 100%;

	background-size: 100% 100%;
}

.slick_bar .slick-dots:before {
	left: -.28rem
}

.slick_bar .slick-dots:after {
	right: -.28rem;

	background-size: 100% 100%;
}

.slick_bar .slick-dot {
	width: .26rem;
	height: .26rem;
	
	background-size: cover;
	margin: 0 .12rem;
	display: inline-block;
	vertical-align: middle;
	background-size: cover !important;
}

.slick_bar .slick-dots .slick-active {

	width: .42rem;
	height: .26rem;
	transform: none
}



.main_wrap {
	position: fixed;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e9edf3;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 99;
}

.f1 {
	padding: 1.8rem 0 0;

}

.f1:before {
	content: '';
	position: absolute;
	width: 5.63rem;
	height: 1.3rem;
	left: 0;
	bottom: 0;
	
	background-size: cover;
}

.slogan_wrap {
	width: 36%;
	margin: -.28rem 0;
	font-size: 0;
	color: #333;
}

.slogan_wrap li {
	margin: .28rem 0;
	transition: all .7s ease-out 0s;
	opacity: 0;
	transform: translateX(20px);
	font-size: 0;
}

.slogan_wrap li:nth-child(2n) {
	transform: translateX(-20px)
}

.showdiv.slogan_wrap li {
	transform: translateX(0);
	opacity: 1
}

.slogan_wrap em, .sub_tit {
	font-family: sySong;
	display: inline-block;
	font-size: .18rem;
	line-height: .34rem;
	margin: 0 .3rem 0 .04rem;
	position: relative;
	background: linear-gradient(to left, #12afb2, #0068b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b7', endColorstr='#ff12afb2', GradientType=1);
	vertical-align: middle;
	color: #fff;
	width: 1.08rem;
	text-align: center;
}

.slogan_wrap p {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1.42rem);
	font-size: .15rem
}

.slogan_wrap em:before, .sub_tit:before {
	content: '';
	position: absolute;
	left: -.04rem;
	top: 0;
	bottom: 0;
	width: .02rem;
	background: #0068b7
}

.slogan_wrap em:after, .sub_tit:after {
	content: '';
	position: absolute;
	top: 0;
	right: -.12rem;
	width: .12rem;
	height: 100%;

	background-size: 100% 100%;
}

.sub_tit {
	line-height: .54rem;
	font-size: .26rem;
	padding: 0 .3rem;
	width: auto
}

.sub_tit:after {
	right: -.2rem;
	width: .2rem;
	background-image: url(../images/tit_rl.png)
}

.list_deptlink {
	overflow: hidden;
	margin: .2rem -.14rem .34rem;
}

.list_deptlink a {
	float: left;
	width: calc(25% - .5rem);
	margin: .15rem .25rem;
	position: relative;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: .54rem;
	padding: 0 .5rem 0 .17rem
}

.list_deptlink a:hover {
	color: #fff;
	background: linear-gradient(to left, #12afb2, #0068b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b7', endColorstr='#ff12afb2', GradientType=1);
	transform: translateY(-5px)
}

.list_deptlink a:before, .list_deptlink a:after {
	content: '';
	position: absolute;
	top: 0;
	width: .11rem;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.list_deptlink a:before {
	left: -.11rem;
	background-image: url(../images/dept_l.png)
}

.list_deptlink a:after {
	right: -.11rem;
	background-image: url(../images/dept_r.png)
}

.list_deptlink a:hover:before {
	background-image: url(../images/dept_l_on.png)
}

.list_deptlink a:hover:after {
	background-image: url(../images/dept_r_on.png)
}

.list_deptlink em {
	display: block
}

.list_deptlink b {
	position: absolute;
	right: .1rem;
	top: 0;
	bottom: 0;
	width: .2rem;
	background: url(../images/arrow.png) 50% no-repeat;
	background-size: .19rem;
}

.list_deptlink a:hover b {
	background-image: url(../images/arrow_on.png);
	-webkit-animation: ani_toRight 1s ease-in infinite;
	animation: ani_toRight 1s ease-in infinite
}

.list_deptlink span {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	background: url(../images/item.png) 100% 100% no-repeat;
}


@keyframes ani_toRight {
	0%, 100% {
		right: .13rem
	}

	50% {
		right: .07rem
	}
}

.icon_wrap {
	width: 55.7143%
}

.icon_wrap a {
	float: left;
	width: 20%;
	padding: .3rem 0 .31rem;
	transition: all 1s ease-out 0s;
	transform: scaleX(0);
	opacity: 0
}

.showdiv a {
	opacity: 1;
	transform: none;
}

.icon_wrap a:hover i, .t_link a:hover i, .slick_depticon .item:hover i, .link_btn a:hover i, .link_guide a:hover i {
	-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
}

.icon_wrap a:first-child {
	background: #fff;
	margin: 0 20%;
	color: #444;
}

.icon_wrap a:nth-child(2) {
	background: #0068b7
}

.icon_wrap a:nth-child(3) {
	background: #448aca
}

.icon_wrap a:nth-child(4) {
	background: #65b0d4
}

.icon_wrap a:nth-child(5) {
	background: #00479d
}

.icon_wrap a:nth-child(6) {
	background: #0068b7
}

.icon_wrap a:nth-child(7) {
	background: #13b5b1;
	margin: 0 20% 0 0;
}

.icon_wrap a:nth-child(8) {
	background: #00a0e9;
	margin: 0 0 0 20%;
}

.icon_wrap a:nth-child(9) {
	background: #313131
}

.icon_wrap i {
	display: block;
	height: 56px;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0 0 .1rem
}

.icon_wrap .i1 {
	
}

.icon_wrap .i2 {

}

.icon_wrap .i3 {

}

.icon_wrap .i4 {
	
}

.icon_wrap .i5 {
	
}

.icon_wrap .i6 {

}

.icon_wrap .i7 {

}

.icon_wrap .i8 {

}

.icon_wrap .i9 {

}


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

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

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

	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(8deg);
		-ms-transform: rotate(8deg);
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg)
	}

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

	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(8deg);
		-ms-transform: rotate(8deg);
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg)
	}

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

	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(8deg);
		-ms-transform: rotate(8deg);
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg)
	}

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

	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)
	}
}


.f2 {
	padding: 1.1rem 0 0
}

.f2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.2rem;
	
}

.tit h2 {
	position: relative;
	line-height: 1em;
	color: #333;
	z-index: 6;
	font-size: .32rem
}

.more {
	z-index: 6
}

.f2 .list_news {
	width: calc(55% - .4rem);
	margin: 0 0 0 .8rem
}

.list_news a {
	float: left;
	width: 50%;
	padding: .39rem .28rem;
	transition: all 1s ease-out 0s;
	transform: scaleX(0);
	opacity: 0;
	transform: translate(20px, 20px);
}

.f2 .list_news a:first-child {

	background-size: cover;
}

.f2 .list_news a:nth-child(3) h3 {
	color: #333
}

.f2 .list_news a:nth-child(3) {
	color: #666
}

.f2 .list_news a:nth-child(3) time {
	color: #0e419a
}

.f2 .list_news a:last-child {
	
	background-size: cover;
}

.list_news h3 {
	font-size: .18rem;
	line-height: .22rem;
	color: #fff;
	font-family: sySong;
}

.list_news h5 {
	line-height: .26rem;
	height: .52rem;
	margin: .18rem 0;
	font-size: .14rem;
}

.list_news time {
	position: relative;
	font-size: .22rem;
	line-height: .22rem;
	font-family: sySong;
	display: block;
}

.list_news time:before {
	content: '';
	position: absolute;
	left: .8rem;
	top: 50%;
	right: 0;
	height: 1px;
	background: rgba(0, 0, 0, .1);
}

.slick_news {
	width: calc(45% - .4rem);
	transition: all 1s ease-out 0s;
	opacity: 0;
	transform: translate(-20px, 20px)
}

.slick_news a {
	position: relative;
}

.slick_news .cover_img {
	padding-top: 4.2rem
}

.slick_news h3 {
	font-size: .2rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .6rem .22rem .2rem;
	background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

.slick_news .slick-dots {
	position: absolute;
	right: .2rem
}

.slick_news .slick-dot {
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	margin: .22rem 0
}

.slick_news .slick-dot.slick-active {
	background: #38b78e
}




.f3 {

	background-size: cover;
	padding: 2.7rem 0 1rem;
	margin-top: -2.1rem;
}

.f3 .tit.col, .list_notice a {
	transform: translate(20px, 0);
	transition: all 1s ease-out;
	opacity: 0;
}

.notice_wrap .list_notice {
	width: calc(100% - .8rem);
	margin: 0 -.38rem 0 .8rem;
	transform: translateY(0)
}

.list_notice a:nth-child(2n) {
	margin-left: .76rem
}

.list_notice a:nth-child(2n-1) {
	transition-delay: .4s
}

.list_notice a:nth-child(2n) {
	transition-delay: .8s
}

.list_notice a {
	float: left;
	line-height: .4rem;
	padding: .22rem 0 .22rem .78rem;
	color: #444;
	position: relative;
	width: calc(50% - .38rem);
}

.list_notice a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	border-bottom: 1px dashed #ccc;
}

.list_notice a:hover:after {
	content: '';
	position: absolute;
	right: -.18rem;
	bottom: 0;
	width: 1.12rem;
	height: .7rem;

	background-size: cover
}

.list_notice a:hover:before {
	left: -.2rem;
	right: -.2rem;
	bottom: -1px;
	height: calc(100% + 2px);
	background: linear-gradient(to left, #12afb2, #0068b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b7', endColorstr='#ff12afb2', GradientType=1);
	border: none;
}

.list_notice time {
	font-size: .22rem;
	color: #0e419a;
	margin: 0 .2rem 0 0;
	vertical-align: middle;
	position: absolute;
	top: .2rem;
	left: 0;
	z-index: 6
}

.list_notice p {
	position: relative;
	z-index: 6
}

.list_notice a:hover p, .list_notice a:hover time {
	color: #fff
}


.list_img a {
	display: block;
	background: #fff;
	overflow: hidden
}

.list_img a:not(:first-child) {
	margin: .2rem 0 0
}

.list_img .cover_img {
	padding-top: 1.84rem
}

.list_img .cover_img, .list_img .txt {
	float: left;
	width: 50%
}

.list_img a:nth-child(2n) .cover_img {
	float: right
}

.list_img a:nth-child(2n) .txt {
	float: left;
	border: 1px solid #ddd;
	border-right: none
}

.list_img .txt {
	padding: .17rem .24rem;
	border: 1px solid #ddd;
	border-left: none
}

.list_img .txt i {
	display: inline-block;
	width: .14rem;
	height: .15rem;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0 .1rem 0 0
}

.list_img h3 {
	font-size: .18rem;
	line-height: .26rem;
	height: .52rem;
	margin: 0 0 .24rem;
	color: #333
}

.list_img p {
	line-height: .24rem
}



.f4 {
	position: relative;
}

.slick_deptimg {
	width: calc(50% - .2rem)
}

.slick_deptimg .cover_img {
	padding-top: 6.3rem
}

.dept_r {
	width: calc(50% + .2rem);
	height: 6.3rem;
	padding: .78rem 0 0 .50rem;

	background-size: cover
}

.dept_r .con {
	max-width: 7.5rem
}

.list_dept {
	margin: .7rem 0 0
}

.list_dept a {
	float: left;
	width: 25%;
	line-height: .4rem;
	padding: 0 .10rem 0 .16rem;
	position: relative;
}

.list_dept a:hover {
	color: #13b5b1
}

.list_dept a:before, .list_imgtxt a:not(.hd):before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: .06rem;
	height: .06rem;
	margin-top: -.03rem;
	background: #13b5b1;
	border-radius: 50%;
}

.list_imgtxt a:not(.hd):before {
	left: -.1rem;
	width: .04rem;
	height: .04rem;
	margin-top: -.02rem
}

.list_imgtxt a:not(.hd):hover:before {
	left: 0;
	background: #fff
}

.slick_depticon {
	left: -3.3rem;
	right: -1.9rem;
	bottom: .96rem;
	position: absolute;
	transform: translate(50px, 0);
}

.slick_depticon .slick-list {
	padding: 0 0 0 .1rem
}

.slick_depticon .slick-slide {
	margin-right: .6rem
}

.slick_depticon i, .slick_depticon .txt {
	display: inline-block;
	vertical-align: middle
}

.slick_depticon i {
	width: 1.08rem;
	height: 1.08rem;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 50%;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50%
}

.slick_depticon i:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.3rem;
	height: 1.3rem;
	margin-top: -.65rem;
	margin-left: -.65rem;
	border: 1px dashed rgba(255, 255, 255, .3);
	border-radius: 50%;
	-webkit-animation: ani_rotate 10s 0s linear infinite;
	-moz-animation: ani_rotate 10s 0s linear infinite;
	-ms-animation: ani_rotate 10s 0s linear infinite;
	animation: ani_rotate 10s 0s linear infinite
}

.d1 {

}

.d2 {
	
}

.d3 {

}

.d4 {
	
}

.slick_depticon .txt {
	width: calc(100% - 1.13rem);
	padding: 0 0 0 .36rem
}

.slick_depticon .txt h3 {
	font-size: .24rem;
	font-family: sySong;
	margin: 0 0 .3rem
}

.slick_depticon .txt a {
	font-weight: normal;
	line-height: .24rem;
	font-size: .12rem;
	padding: 0 .08rem;
	border: 1px solid #fff;
	border-radius: 1rem;
	display: inline-block;
	white-space: nowrap;
}

.slick_depticon .item {
	display: block;
	padding: .26rem 0 .26rem .42rem;
	background: #448aca;
	position: relative;
	font-size: 0;
}

.slick_depticon .item:before, .slick_depticon .item:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: .1rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.slick_depticon .item:before {
	left: -.1rem;
	
}

.slick_depticon .item:after {
	right: -.1rem;
	
}

.slick_depticon .slick-current .item {
	background: linear-gradient(to left, #13b4b1, #0069b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0069b7', endColorstr='#ff13b4b1', GradientType=1)
}

.slick_depticon .slick-current .item:before {

}

.slick_depticon .slick-current .item:after {

}


-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)
	}
}


.f5 {
	padding: .80rem 0 .92rem;

	background-size: cover;
	position: relative;
	overflow: hidden
}

.tit.tc h2 {
	font-size: .28rem;
	margin: 0 0 .08rem
}

.news_wrap {
	width: calc(33.333333% - .48rem)
}

.news_wrap:nth-child(2) {
	margin: 0 .72rem
}

.list_imgtxt {
	padding: .2rem .2rem .3rem;
	margin: .34rem 0 0;
	position: relative
}

.list_imgtxt:before {
	content: '';
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	width: 1.27rem;
	height: .8rem;

	background-size: cover;
}

.list_imgtxt .cover_img {
	padding-top: 68.138%;
	margin: 0 0 .24rem;
	text-align: center
}

.list_imgtxt h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: .18rem;
	padding: .3rem .15rem .16rem;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

.list_imgtxt a {
	display: block;
	position: relative;
}

.list_imgtxt a:not(.hd) {
	line-height: .36rem;
	padding: 0 .8rem 0 0
}

.list_imgtxt a:not(.hd):hover {
	padding-left: .12rem
}

.list_imgtxt a time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .18rem;
	font-family: sySong;
}

.g1 {

}

.g2 {

}

.g_about {
	padding: .25rem .36rem;
	line-height: .3rem;
	background: rgba(0, 0, 0, .6);
}

.link_guide {
	width: calc(76.38889% - .2rem);
	margin: 0 -.04rem;
}

.link_guide a {
	float: left;
	width: calc(33.333333% - .04rem);
	position: relative;
	padding-top: 3.4rem;
	background: rgba(0, 0, 0, .6);
	position: relative;
	margin: 0 .02rem;
}

.link_guide a:hover {
	transform: scale(1.139);

	background-size: cover;
	z-index: 3;
}

.link_guide .pa.c {
	width: 100%;
}

.link_guide i {
	display: block;
	height: .66rem;
	margin: 0 0 .32rem;
}

.v1 {

}

.v2 {

}

.v3 {

}

.f_copytxt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: .5rem;
	opacity: .7;
	z-index: 6
}

.f_copytxt span {
	margin: 0 .15rem;
	display: inline-block;
}





footer {
	position: relative;
	
	background-size: cover;
	z-index: 6
}

footer, footer a {
	color: #fff
}

.f_bd {
	padding: .46rem 0;
}

.f_btn {
	margin: 0 0 20px
}

.f_btn a {
	display: inline-block;
	background: #00a0e9;
	line-height: .46rem;
	padding: 0 .24rem;
}

.f_btn a:hover {
	transform: translateY(-6px)
}

.f_btn a:nth-child(2n) {
	background: #13b5b1
}

.f_btn a:not(:first-child) {
	margin: 0 0 0 20px
}

.f_about {
	line-height: .3rem
}

.f_about span {
	display: inline-block
}

.f_about span:not(:first-child), .f_copy a:not(:first-child) {
	margin-left: .3rem;
}


.f_bot {
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: .19rem 0 .19rem 1.54rem;
	line-height: .42rem;
	margin: 0 0 0 -1.54rem;
}

.f_logo img {
	max-height: .8rem;
}

.link_txt {
	margin: .3rem -.16rem 0;
	text-align: right;
}

.link_txt a {
	padding: 0 .16rem;
	line-height: .16rem;
	display: inline-block;
}

.link_txt a:not(:first-child) {
	border-left: 1px solid #24b4c9
}

.i_link {
	width: 44px;
	height: 44px;
	
	position: relative;
	margin: 0 8px 0 0
}

.i_link:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	background: #009852;
	transform: translate(-50%, -50%) rotate(45deg);
	z-index: -1
}

.f_link {
	width: 2.6rem;
}

.f_link li {
	position: relative
}

.f_link li:hover .con {
	opacity: 1;
	visibility: visible;
	max-height: 260px;
	overflow-y: auto;
	z-index: 6;
	box-shadow: 3px -3px 3px rgba(0, 0, 0, .1);
}

.f_link h3 {
	line-height: .42rem;
	padding: 0 40px 0 14px;
	color: #bbcbde;
	position: relative;
	z-index: 3;
	font-size: .16rem;
	cursor: pointer;
	background: rgba(0, 0, 0, .2);
}

.f_link h3:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 9px;
	width: 12px;
	height: 7px;
	margin-top: -3px;
	
	z-index: 3
}

.f_link h3:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: .3rem;
	height: 100%;
}

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

.f_link .con {
	position: absolute;
	left: 0;
	min-width: 100%;
	bottom: 100%;
	background: rgba(255, 255, 255, .9);
	opacity: 0;
	visibility: hidden;
	padding: 10px 15px
}

.f_link .con a {
	display: block;
	padding: 10px 0;
	color: #666;
	line-height: 22px;
}

.f_link .con a:not(:first-child) {
	border-top: 1px dashed #bbcbde
}

.f_copy a {
	display: inline-block
}




.inset_bar {
	width: 100%;
	overflow: hidden
}

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

aside {
	width: 22.858%;
	background: #f5f5f5;
	margin-bottom: 50px;
	position: relative;
}

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




.pos {
	margin-right: 10px
}

.site_nav {
	color: #666
}

.site_nav b {
	color: #bbb
}

.site_nav a, .site_nav em {
	color: #666;
	display: inline-block;
	line-height: 30px;
	padding: 0 10px
}


.aside_tit {
	padding: 1rem .2rem .5rem .42rem;
	background: url(../images/top_aside.png) 50% 0 no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 18px;
	margin: -1.91rem 0 0;
	overflow: hidden;
}

.aside_tit h2 {
	font-size: .32rem;
	line-height: .41rem;
	font-family: sySong;
}

.aside_tit p {
	opacity: .5
}

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

.nav_list>a {
	padding-right: 26px
}

.nav_list>a:before {
	content: '';
	position: absolute;
	left: -4px;
	width: 4px;
	height: 0;
	background: #13b5b1;
}

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

.nav_list>a:not(:first-child) {
	border-top: 2px solid #fff
}

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

.nav_list a b:before {
	content: '';
	position: absolute;
	z-index: 6;
	background: url(../images/down.png) 50% no-repeat;
	z-index: 6;
	width: .18rem;
	height: .18rem;
}

.nav_list {
	padding: 32px 0 78px;
	border-left: 4px solid #003f78;
}

.nav_list .on {
	background: #fff;
	color: #007b87;
}

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

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

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

.nav_list .on b:after {
	background: #13b5b1;
}

.nav_list .sub_con {
	margin-top: -10px;
	padding: 10px 0;
	//display: none
}

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

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

.nav_list .sub_con a:not(:first-child) {
	border-top: 1px dashed #ddd
}

.nav_list .active, .nav_list .active:hover {
	color: #007b87;
}



article {
	position: relative;

}

.con_wrap {
	width: calc(77.142% - .6rem);
	padding: 30px 0 80px 0;
	position: relative
}

.dept_box {
	line-height: .36rem
}

.i_pos {
	width: 17px;
	height: 20px;
	
	margin-right: 10px;
	vertical-align: -5px
}

.site_nav {
	color: #666;
	margin-bottom: .4rem;
	line-height: .32rem;
	padding: .24rem 0 .16rem 1.12rem;
	border-bottom: 1px solid #ddd;
	background: url(../images/tit-g.png) 0 50% no-repeat;
	background-size: .89rem;
}

.site_nav h3 {
	color: #222;
	font-size: .36rem;
	display: inline-block;
	font-family: sySOng;
	position: relative;
}

.site_nav h3:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border: 2px solid #ca983a;
	border-radius: 50%;
	right: -4px;
	bottom: -4px;
	z-index: -1;
}

.site_nav b {
	color: #bbb
}

.site_wrap {
	margin: 0 0 0 -16px;
}

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

.site_nav a:hover {
	color: #124489
}

.site_nav em, .list_link a:hover, .nav_list>a:hover {
	color: #007b87;
}

.list_time {
	margin: -.27rem 0;
}

.list_time a {
	display: block;
	font-size: 0;
	padding: .27rem 0;
	color: #333;
	position: relative;
}

.list_time a:hover {
	color: #0064b0;
	padding: 27px 0 27px 10px;
}

.list_time a:hover:before {
	left: 4px
}

.list_time time, .list_time .txt {
	display: inline-block;
	vertical-align: middle;
}

.list_time time {
	font-size: .15rem;
	width: .8rem;
	height: .9rem;
	color: #fff;
	background: #1a4f93;
	text-align: center;
	position: relative;
}

.list_time a:before, .list_time time:after {
	content: '';
	position: absolute;
	width: .16rem;
	height: .16rem;
}

.list_time a:before {
	border: 1px solid #1a4f93;
	left: -.06rem;
	top: .21rem;
}

.list_time time:after {
	background: #1a4f93;
	right: -8px;
	bottom: -8px;
}

.list_time time em {
	font-size: .42rem;
	font-family: Georgia;
	display: block;
	margin: 0 0 .06rem;
}

.list_time .txt {
	width: calc(100% - 1.22rem);
	margin: 0 0 0 .32rem;
	font-size: .14rem;
}

.list_time .txt h3 {
	font-size: .18rem;
	line-height: .2rem;
	margin: 0 0 .14rem;
}

.list_time .txt p {
	color: #666;
	line-height: .24rem;
	max-height: .48rem
}



.full_wrap {
	width: auto !important;
	padding: 30px 0 80px 0
}

.page_wrap {
	margin-top: 50px
}

.news_hd {
	padding: 0 0 40px;
	color: #333
}

.news_hd h3 {text-align: justify;
	font-size: .3rem;
	color: #333;
	padding: 0 0 .3rem;
	margin-bottom: .3rem;
	position: relative;
}

.news_hd h3:before {
	content: '';
	position: absolute;
	bottom: 0;
	width: .8rem;
	height: .05rem;
	    background: linear-gradient(to left, #bccfe7, #0068b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b7', endColorstr='#ff12afb2', GradientType=1);
}

.news_hd p {
	// line-height:44px; 
}

.news_hd p span {
	margin: 0 14px;
	color: #999;
	display: inline-block;
}

.news_bd {
	font-size: .16rem;
	line-height: 2;
	color: #555;
}

.news_bd img {
	display: block;
	margin: auto;
	max-width: 90%;
	height: auto  !important;
}

.dept_info {
	margin: .4rem 0 .6rem;
	line-height: .36rem;
}


.pb_sys_style1 .p_no_d {
    border: 1px solid #01818c !IMPORTANT;
    color: #fff;
    background-color: #01818e !important;
}
.list_expert {
	margin: .3rem -.25rem;
}

.list_expert a {
	float: left;
	width: calc(20% - .5rem);
	margin: .2rem .25rem;
}

.list_expert .cover_img {
	padding-top: 122.5%;
}

.list_expert h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 .58rem 0 .2rem;
	line-height: .9rem;
	// z-index: 999999999999; 
	z-index: 6;
	color: #fff;
	width: 100%;
	height: 80px;
	font-size: .24rem;
	font-family: sySong;
	width: 100%;
	max-width: 100%;
}

.list_expert h3:before {
	// content: '';
	// position: absolute;
	// top: 0;
	// left: -.2rem; 
	// bottom: 0; 
	// right: .16rem; 
	z-index: -1;
	// background: linear-gradient(to left, #12afb2, #0068b7); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0068b7', endColorstr='#ff12afb2', GradientType=1);
	// transform: skew(32deg); 
	content: "";
	position: absolute;
	left: 0;
	z-index: -1;
	right: 0;
	top: 1px;
	bottom: 0;
	width: 100%;
	background: url(../images/s4-tbj.png) no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	// z-index: 8; 
}

.list_expert .txt {
	background: #f5f5f5;
	line-height: .3rem;
	padding: .15rem .22rem;
	color: #666;
}

.ex_info {
	margin: 0 0 .5rem;
	font-size: 0;
}

.ex_info .cover_img {
	width: 2.4rem;
	padding-top: 2.94rem;
	display: inline-block;
	vertical-align: middle;
}

.ex_info .txt {
	display: inline-block;
	width: calc(100% - 2.8rem);
	vertical-align: middle;
	margin: 0 0 0 .3rem;
	font-size: .18rem;
	line-height: .4rem;
}

.ex_info h3 {
	padding: 0 0 .2rem;
	margin: 0 0 .3rem;
	border-bottom: 1px dashed #d3d9e8;
}

.ex_info svg text {
	font-size: .32rem;
	font-family: sySong;
	display: block;
	margin: 0 auto;
}

.ex_info .txt em {
	color: #007b87;
}

.ex_info .txt time {
	color: #ff0000;
}

.list_view {
	margin: -15px
}

.list_view a {
	float: left;
	width: calc(33.3333% - 30px);
	margin: 15px;
	color: #333
}

.list_view .cover_img {
	padding-top: 68%
}

.list_view h3 {
	padding: 10px 0
}

.list_patner a {
	width: calc(25% - 30px);
	border: 1px solid #eee;
}

.list_patner .cover_img {
	padding-top: 7.4%
}

.con_wrap .list_news {
	margin-top: -16px
}

.con_wrap .list_news h3 {
	height: auto;
	white-space: nowrap;
	display: block
}

.m-news table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #333;
}

.m-news table td {
	padding: 10px;
}

.m-news table td hr {
	margin: 0 auto;
	max-width: 400px;
	width: auto !important;
}

.m-news table td input {
	border: 1px solid #999;
	padding: 1px 2px;
}

.m-news table td input[type='file'] {
	border: none;
}

.Wdate {
	border: #999 1px solid;
	height: 20px;
	background: #fff url(../images/datePicker.gif) no-repeat right;
}

.WdateFmtErr {
	font-weight: bold;
	color: red;
}

.govitemcontent{
	overflow:auto hidden;
}

@media (min-width:1300px) {



	.t_nav .sub_nav:before, .f_share .con:before {
		content: '';
		position: absolute;
		top: 50%;
		left: -8px;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 8px 0;
		border-color: transparent rgba(255, 255, 255, .9) transparent transparent;
	}

	.t_nav .sub_nav {
		opacity: 0;
		visibility: hidden
	}

	.t_nav li:hover .sub_nav {
		opacity: 1;
		visibility: visible;
		left: 100%;
	}

	.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;
	}
}

@media (min-width:1024px) {

	.aside_tit b {
		display: none
	}
}

@media (min-width:768px) {

.news_hd h3{font-size: .2rem;}
.news_bd p{    font-size: 14px !important;
    line-height: 25px !important;}
	.tit.col {
		width: .8rem;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: .8rem
	}

	.f3 .tit.col {
		top: .3rem;
	}

	.tit.col .more {
		position: absolute;
		bottom: -.15rem;
		left: -.35rem;
	}

	.tit.col h2 {
		writing-mode: tb-lr;
		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-lr;
		word-break: break-all;
		white-space: nowrap
	}

	.tit.col .more {
		transform: rotate(90deg)
	}

	.tit.col .more svg {
		width: 1rem;
		height: .36rem;
	}

	.tit.col .more svg text {
		font-size: .16rem;
	}

}



@media (max-width:1680px) {
	section, .w1400 {
		padding: 0 .6rem;
		max-width: none;
	}


	.icon_wrap i {
		height: .56rem;
		background-size: contain;
	}

	.slick_depticon {
		left: -3.4rem;
	}

	.f2 .tit.col {
		left: .6rem;
	}

	.f_bd {
		padding: .46rem .6rem;
	}

	.f_bot {
		padding: .19rem 0 .19rem 1.98rem;
		line-height: .42rem;
		margin: 0 0 0 -1.98rem;
	}
}


@media (max-width: 1299px) {



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

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

	.slick_bar .slick-dots {
		bottom: .3rem;
	}


	.main_wrap {
		position: initial;
		top: initial
	}


	.fn {
		float: none;
		width: auto;
	}

	.f1 {
		padding: .8rem 0 0;
	}

	.f1:before {
		width: 3.03rem;
		height: .7rem;
	}

	.icon_wrap a {
		padding: .22rem 0;
	}

	.icon_wrap i {
		height: .42rem
	}

	.f2 .tit.col {
		left: 20px
	}


	.slick_news .cover_img {
		padding-top: 3.59rem
	}

	.list_news a {
		padding: .26rem .22rem .25rem;
	}

	.list_news h5 {
		line-height: .25rem;
		height: .5rem;
		margin: .18rem 0
	}

	.f2:before {
		height: 2.9rem
	}


	.f3 {
		padding: 2.2rem 0 .9rem;
		margin-top: -1.8rem;
	}

	.list_dept {
		margin: .4rem 0 0
	}

	.dept_r {
		width: calc(50% + .2rem);
		height: 5rem;
		padding: .6rem 0 0 .4rem
	}

	.dept_r .con {
		padding: 0 20px 0 0
	}

	.slick_depticon {
		bottom: .66rem
	}

	.slick_depticon .item {
		padding: .26rem 0 .26rem .22rem
	}

	.slick_deptimg .cover_img {
		padding-top: 5rem
	}

	.slick_depticon i {
		width: .6rem;
		height: .6rem;
		background-size: 56%;
	}

	.slick_depticon i:before {
		width: .8rem;
		height: .8rem;
		margin-top: -.41rem;
		margin-left: -.41rem;
	}

	.slick_depticon .txt {
		width: calc(100% - .6rem);
		padding: 0 0 0 .26rem;
	}

	.slick_depticon .txt h3 {
		font-size: .2rem
	}

	.slick_depticon {
		left: -2.4rem;
	}

	.slick_depticon .slick-slide {
		margin-right: .4rem
	}


	.news_wrap {
		width: calc(33.333333% - .36rem)
	}

	.news_wrap:nth-child(2) {
		margin: 0 .54rem
	}



	.f_bd {
		padding: .46rem 20px
	}


	.aside_tit {
		padding: .9rem .2rem .52rem .42rem;
		margin: -1.82rem 0 0;
	}

	.aside_tit h2 {
		font-size: .3rem;
	}

	.nav_list {
		padding: 16px 0 40px
	}

	.nav_list a {
		padding: 12px 40px 12px 15px;
		font-size: .16rem;
	}

	.nav_list .sub_con a, .current, .nav_list a b {
		font-size: .14rem;
	}

	.nav_list a b {
		transform: scale(.7) !important
	}


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

	.news_hd {
		font-size: 14px
	}

	.page_wrap {
		margin-top: 50px
	}

}


@media (max-width: 1199px) {
	.guide_wrap {
		background-position: 29% 50%
	}

	.guide_l {
		width: calc(26% - .2rem)
	}

	.link_btn a {
		padding: .252rem 0;
	}

	.link_guide {
		width: calc(74% - .2rem)
	}

	.link_guide a {
		padding-top: 3rem
	}

	.list_expert .txt {
		padding: .15rem .1rem;
	}
}

@media (max-width:1024px) {

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

	::-webkit-scrollbar, ::-webkit-scrollbar-track {
		width: 0
	}
	.m-news table td{
		padding: 5px;
	}
}


@media (max-width:1023px) {

	.tit.col .more svg text {
		font-size: .18rem;
	}

	.f5 {
		padding: .6rem 0 .66rem
	}


	.guide_l {
		width: calc(30% - .1rem)
	}

	.g_about {
		padding: .25rem .26rem;
	}

	.link_guide {
		width: calc(70% - .1rem)
	}


	aside {
		float: none !important;
		width: auto;
	
	}

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

	.aside_tit b {
		position: absolute;
		right: 6px;
		width: 40px;
		text-align: center
	}

	.aside_tit h2 {
		font-size: .2rem;
		line-height: .44rem;
	}

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

	.nav_list a {
		padding: 8px 40px 8px 15px;
	}

	.nav_list .sub_con a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.nav_list .sub_con a:before {
		width: 4px;
		height: 4px;
	}

	.nav_list {
		display: none;
		padding: 20px 0;
	}

	.con_wrap {
		width: auto;
		float: none;
		padding: 20px 0 60px 0;
	}

	.list_expert {
		margin: .3rem -.1rem 0;
	}

	.list_expert a {
		width: calc(46% - .2rem);
		margin: .1rem;
	}

}

@media (max-width: 767px) {
	html {
		font-size: 85px
	}


	body {
		padding-top: 60px
	}




	.slick_bar .slick-dots {
		bottom: .2rem;
		line-height: .4rem;
	}

	.slick_bar .slick-dots:before, .slick_bar .slick-dots:after {
		width: .16rem;
	}

	.slick_bar .slick-dots:before {
		left: -.16rem
	}

	.slick_bar .slick-dots:after {
		right: -.16rem
	}

	.slick_bar .slick-dot {
		width: .2rem;
		height: .2rem;
		margin: .06rem;
	}

	.slick_bar .slick-dots .slick-active {
		width: .26rem;
		height: .16rem;
	}


	.f1 {
		padding: .6rem 0 .8rem;
	}

	.icon_wrap a {
		padding: .16rem 0;
		font-size: .16rem;
	}

	.icon_wrap i {
		height: .36rem
	}

	.tit h2 {
		font-size: 26px
	}

	.fn, .slogan_wrap, .icon_wrap, .f2 .list_news, .slick_news, .notice_wrap .list_notice, .list_notice a, .slick_deptimg, .dept_r, .news_wrap, footer .fl, footer .fr, .guide_l, .link_guide {
		float: none !important;
		width: auto !important
	}

	.slogan_wrap {
		margin: -.28rem 0 .6rem;
	}

	.f2 {
		padding: .7rem 0 0
	}

	.f2:before {
		height: 3.47rem;
	}

	.list_news a {
		padding: .34rem .22rem .34rem;
	}

	.tit.col {
		position: initial;
		left: initial;
		float: none;
		text-align: center;
		margin: 0 0 .5rem;
	}

	.f3 .tit.col {
		margin: 0 0 .3rem;
	}

	.tit.col .more {
		position: absolute;
		left: initial;
		top: -4px;
		right: 0;
		overflow: hidden;
		height: 36px;
	}

	.tit.col .more svg {
		width: 70px;
		height: 36px;
	}

	.f2 .list_news {
		margin: 0 -15px;
	}

	.slick_news {
		margin: .6rem 0 0;
	}

	.f3 {
		padding: .6rem 0 .7rem;
		margin-top: 0;
	}

	.slick_news .cover_img {
		padding-top: 69%;
	}

	.notice_wrap .list_notice {
		margin: 0;
	}

	.list_notice a {
		display: block;
		padding: .16rem 0 .16rem .78rem;
	}

	.list_notice time {
		top: .16rem
	}

	.list_notice a:nth-child(2n) {
		margin: 0
	}

	.tit.col .more svg text {
		color: #fff
	}


	.slick_deptimg .cover_img {
		padding-top: 68%;
	}

	.slick_depticon {
		left: 15px;
		bottom: initial;
		top: -.7rem;
	}

	.dept_r {
		padding: 1.3rem 15px .6rem;
		position: relative;
		height: auto;
	}

	.list_dept a {
		width: 33.333333%;
	}

	.news_wrap:nth-child(2) {
		margin: .54rem 0;
	}

	.f_bd, .link_txt, .f_copy {
		text-align: center
	}

	.f_logo {
		display: block;
		margin: .4rem 0 0;
	}

	.f_link {
		margin: 0 0 .1rem;
	}

	.guide_box {
		margin: 12vh 0 0;
	}

	.guide_l {
		margin: 0 0 .2rem
	}

	.link_btn a {
		padding: .44rem 0;
	}

	.link_guide {
		font-size: .18rem
	}

	.link_guide a {
		padding-top: 33.333333%
	}

	.link_guide i {
		height: .4rem;
		margin: 0 0 .12rem
	}


	.t_share li:not(:first-child) {
		margin: 0 0 0 .1rem
	}

	.t_share h3 {
		width: 30px;
		height: 30px;
		background-size: auto .14rem !important;
	}

	.t_share .sub_con img {
		width: 60px;
	}

	.t_share li:hover .sub_con {
		top: calc(100% + 15px);
	}

	.f_copytxt {
		bottom: .3rem;
	}

	.f_logo img {
		max-width: 80%;
	}

	.link_txt a {
		margin: 6px 0
	}

	.f_about span {
		display: block
	}

	.f_about span:not(:first-child), .f_copy a:not(:first-child) {
		margin-left: 0
	}

	.news_hd p span {
		margin: 0 6px;
	}



	.con_wrap {
		padding: 20px 0 60px;
	}

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

	.sub_tit {
		font-size: .22rem;
		padding: 0 .22rem;
		line-height: .5rem;
	}

	.list_deptlink {
		margin: .2rem 0 .34rem;
	}

	.list_deptlink a {
		width: calc(50% - .3rem);
		margin: .1rem .15rem;
		padding: 0 .35rem 0 .05rem;
	}


	.list_expert {
		margin: .3rem -.1rem 0;
	}

	.list_expert a {
		width: calc(50% - .2rem);
		margin: .1rem;
	}

	.list_expert h3 {
		font-size: .22rem;
		line-height: .94rem;
		padding: 0 .46rem 0 .2rem;
	}

	.ex_con {
		background-size: 80%;
		background-position: calc(100% - .2rem) 100%;
	}


	.list_view {
		margin: -15px 0
	}

	.list_view a {
		float: none;
		width: auto;
		display: block;
		margin: 15px 0
	}

	.list_patner {
		margin: -10px
	}

	.list_patner .cover_img {
		float: left;
		width: calc(50% - 20px);
		margin: 10px;
		padding-top: 14.4%
	}

}

@media (max-width:640px) {
	.inset_bar img {
		position: relative;
		left: 0;
		margin-left: 0;
		width: 100%;
		max-width: initial;
	}


	.pos {
		display: none
	}

	.site_nav {
		font-size: 13px;
		background-size: 0.55rem;
		background-position: 0 .22rem;
		padding: .16rem 0 .16rem .75rem;
	}

	.site_nav h3 {
		font-size: .3rem
	}

	.site_nav h3:before {
		width: 4px;
		height: 4px;
		right: -2px;
		bottom: -2px;
	}

	.site_wrap {
		margin: 0 0 0 -6px;
	}

	.site_nav a, .site_nav em {
		padding: 0 6px;
		line-height: 24px
	}

	.ex_info .cover_img {
		width: 1.5rem;
		padding-top: 1.84rem;
	}

	.ex_info .txt {
		width: calc(100% - 1.7rem);
		line-height: .3rem;
		margin: 0 0 0 .2rem;
		font-size: .15rem;
	}

	.ex_info svg text {
		font-size: .28rem
	}

	.ex_info h3 {
		padding: 0 0 .1rem;
		margin: 0 0 .16rem;
	}

	.dept_info {
		margin: .24rem 0 .3rem;
		line-height: .36rem;
	}

	.list_time .txt {
		margin: 0 0 0 .22rem;
		// width: calc(100% - 44%); 
	}
}

@media (max-width:600px) {
	table {
		font-size: 14px

	}
table{// display: flex; // overflow: scroll hidden; // white-space: nowrap; //word-break: keep-all;//width: 100%  !important;}
}

@media (max-width:540px) {


	.inset_bar img {
		position: relative;
		left: 0;
		margin-left: 0;
		height: auto;
		width: 100%;
		max-width: initial;
	}

}

@media (max-width:539px) {}



@media (max-width:459px) {
	.slick_depticon {
		right: -1rem
	}
}

@media (max-width:374px) {
	body {
		padding-top: 50px
	}

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

	aside {
		margin: 0 -10px;
	}

	.t_logo {
		line-height: 50px !important
	}



	.t_share li:hover .sub_con {
		top: calc(100% + 10px);
	}


	.site_nav {
		font-size: 12px
	}

	.f2:before {
		height: 3.58rem;
	}

	.list_dept a {
		width: 50%
	}

}

@media (max-width:320px) {
	.current {
		font-size: 12px
	}

	.news_hd {
		font-size: 14px
	}
}