@charset "utf-8";

* {
	font-family: Arial,Helvetica,"Microsoft Yahei",sans-serif;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	vertical-align: top
}

html {
	overflow-x: hidden
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial,"Microsoft Yahei",Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1;
	font-size: 14px
}

a {
	text-decoration: none;
	bblr: expression(this.onFocus=this.blur());
	outline-style: none;
	outline: 0
}

a,input,img,:focus {
	mayfish: expression(this.onfocus=this.blur);
	cursor: handbblr:expression(this.onFocus=this.blur());
	outline-style: none
}

ul {
	list-style: none
}

img {
	border: 0
}

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p {
	padding: 0;
	margin: 0;
	font-weight: normal
}

h3,h4,h5 {
	font-weight: normal
}

h4 a:hover,h5 a:hover {
	-moz-transition: all .36s ease-in-out;
	-webkit-transition: all .36s ease-in-out;
	-o-transition: all .36s ease-in-out;
	-ms-transition: all .36s ease-in-out;
	transition: all .36s ease-in-out
}

hr {
	display: block;
	height: 1px;
	border: 0;
	background: #d8d8d8;
	padding: 0;
	margin-bottom: 3.25rem;
	margin-top: 2.5rem
}

abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
	display: block
}

video {
	object-fit: cover
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0
}

.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04 {
	margin: 0 auto;
	overflow: hidden
}

.slow img:hover {
	transform: scale(1.05)
}

.slow img {
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

h5 a,.more a {
	-moz-transition: all .36s ease-in-out;
	-webkit-transition: all .36s ease-in-out;
	-o-transition: all .36s ease-in-out;
	-ms-transition: all .36s ease-in-out;
	transition: all .36s ease-in-out
}

slow01 {
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.slow02 {
	-moz-transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;
	-webkit-transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;
	-o-transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;
	-ms-transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;
	transition: all .6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.shadow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999');
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
	box-shadow: 1px 1px 10px #999
}

.radius {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.opacity {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1
}

.overfloat-dot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: alpha(opacity=60);
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: .6
}

.a_body {
	position: relative
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background: #f1f1f1
}

::-webkit-scrollbar-track {
	border-radius: 0;
	background: #f1f1f1
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	background: #333
}

input::-webkit-input-placeholder {
	color: #999
}

input::-moz-placeholder {
	color: #999
}

input:-moz-placeholder {
	color: #999
}

input:-ms-input-placeholder {
	color: #999
}

textarea::-webkit-input-placeholder {
	color: #999
}

textarea::-moz-placeholder {
	color: #999
}

textarea:-moz-placeholder {
	color: #999
}

textarea:-ms-input-placeholder {
	color: #999
}

.w100 {
	width: 100%
}

.fanhui {
	position: fixed;
	right: 30px;
	bottom: 75px;
	width: 48px;
	height: 48px;
	border-radius: 50%
}

h5 a {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

ul li:hover h5 a {
	color: #f00
}

.more a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition: all .36s ease-in-out;
	-webkit-transition: all .36s ease-in-out;
	-o-transition: all .36s ease-in-out;
	-ms-transition: all .36s ease-in-out;
	transition: all .36s ease-in-out
}

.table {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	height: 100%
}

.table_cell {
	display: table-cell;
	vertical-align: middle
}

img {
	vertical-align: middle
}

td {
	vertical-align: middle
}







.ar_article {
	font-size: .875rem;
	color: #6d6e70;
	line-height: 1.875rem;
	margin-bottom: 1.75rem
}

.ar_article p {
	font-size: 16px!important;
	color: #333!important;
	line-height: 32px!important;
	margin-bottom: 10px;
	text-indent: 32px
}

.ar_article strong {
	font-weight: bold
}

.ar_article img {
	max-width: 100%
}

.ar_article a {
	color: #717173
}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5 {
	font-weight: bold
}

.ar_article h1 {
	font-size: 2.25rem;
	margin-bottom: 1.25rem
}

.ar_article h2 {
	font-size: 1.875rem;
	margin-bottom: .875rem
}

.ar_article h3 {
	font-size: 1.5rem;
	margin-bottom: .9375rem
}

.ar_article h4 {
	font-size: 1.125rem;
	margin-bottom: .875rem
}

.ar_article h5 {
	font-size: .875rem;
	margin-bottom: .75rem
}

.ar_article h6 {
	font-size: .75rem;
	margin-bottom: .75rem
}

.ar_article ul li,.ar_article ol li {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	margin-left: 2rem;
	list-style: inherit!important
}

.ar_article ul li p,.ar_article ol li p {
	padding-bottom: 0;
	margin-bottom: 3px!important
}

.ar_article ul,.ar_article ol {
	margin-bottom: .9375rem
}

.ar_article sub {
	vertical-align: sub;
	font-size: smaller
}

.ar_article sup {
	vertical-align: super;
	font-size: smaller
}

.ar_article img {
	display: inline-block;
	margin-left: -32px
}

#playercontainer_display_button,#video1_display_button,#video2_display_button {
	background: none!important;
	height: 40px;
	width: 40px!important;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 0!important
}

#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play {
	background-size: 25px
}

#playercontainer_display_button,#video1_display_button,#video2_display_button {
	height: 40px!important;
	margin-top: -20px!important
}

#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview {
	opacity: .75!important
}

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

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

.miso-list:focus {
	outline: 0
}

.miso-loading .miso-list {
	background: #fff
}

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

.miso-slider .miso-list,.miso-track,.miso-slide,.miso-slide img {
	-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)
}

.miso-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1
}

.miso-track:before,.miso-track:after {
	content: "";
	display: table
}

.miso-track:after {
	clear: both
}

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

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

.miso-slide img {
	display: block
}

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

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

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

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

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

.miso-prev,.miso-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: 0;
	outline: 0;
	top: 50%;
	z-index: 1
}

.miso-prev {
	left: 0
}

.miso-next {
	right: 0
}

.miso-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}

.miso-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.miso-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.miso-dots li button:focus {
	outline: 0
}

.miso-dots li.miso-active a {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg)
}

#gotop {
	position: fixed;
	z-index: 90;
	bottom: 80px;
	right: 30px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	width: 45px;
	height: 45px
}

#gotop {
	cursor: pointer
}

.aico {
	background: url(/images/aicos.png)
}

.dt-arrow .aico {
	position: absolute;
	left: 50%;
	margin-left: -18.5px;
	top: 0;
	width: 37px;
	height: 19px;
	animation: hide-dt-f 3s infinite
}

.dt-arrow {
	position: relative;
	width: 37px;
	height: 44px
}

.dt-arrow:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #a0a0a0;
	margin-left: -1px
}

@keyframes hide-dt-f {
	0% {
		opacity: 1;
		transform: translateY(-10px)
	}

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

@font-face {
	font-family:myFirstFont;src:url(../font/tt0173m.ttf)
}

@media(max-width:1920px) {
	html {
		font-size: 16px
	}
}

@media(min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 15px
	}
}

@media(min-width:640px) and (max-width:1399px) {
	html {
		font-size: 14px
	}
}

@media(min-width:471px) and (max-width:639px) {
	html {
		font-size: 13px
	}
}

@media(min-width:329px) and (max-width:470px) {
	html {
		font-size: 12px
	}
}

@media(max-width:328px) {
	html {
		font-size: 12px
	}
}

.ar_wap {
	display: none
}

.a_body {
	position: relative;
	z-index: 0
}

.section {
	overflow: hidden
}

.w1200 {
	max-width: 1200px;
	margin: 0 auto
}

.header_box {
	height: 40px;
	line-height: 40px;
	background: #02468f;
	position: relative;
	z-index: 1
}

header {
	top: 0;
	z-index: 1000;
	width: 100%;
	left: 0;
	position: absolute
}

header:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 204px;
	width: 100%;
	background: url(/images/yinying.png) center top no-repeat
}

header .w1200 {
	position: relative
}

header .logo {
	width: 31.375rem;
	height: 5.625rem;
	position: absolute;
	left: 50%;
	margin-left: -15.6875rem;
	z-index: 0;
	top: 15px;
	z-index: 10
}

header .logo a {
	display: inline-block
}

header .logo a img {
	width: 100%;
	height: 100%
}

header .fr01 {
	padding: 0
}

header .fr01 .ss.btn {
	display: inline-block;
	padding: 0 0 0 15px;
	cursor: pointer;
	position: relative;
	margin-left: 0;
	vertical-align: middle;
}

header .fr01 .ss.btn img {
	margin: -3px 0 0
}

header .fr01 .ss.btn:before {
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	height: 6px;
	background: #fff;
	top: 50%;
	margin-top: -3px;
	display: none
}

header .fr01 ul {
	display: inline-block
}

header .fr01 ul li {
	display: inline-block;
	font-size: 12px;
	margin-left: .75rem;
	vertical-align: top
}

header .fr01 ul li a {
	color: rgba(255,255,255,0.4);
	transition: .36s
}

.a_body.fixed #nav {
	position: fixed;
	top: 0;
	width: 100%
}

.header_wai {
	height: 60px
}

.sousuo {
	display: inline-block;
	position: relative;
	z-index: 10000;
	padding: 0
}

.search {
	float: right;
	z-index: 1000;
	border: transparent 1px solid;
	border-radius: 20px;
	position: relative
}

.search input {
	float: left
}

.test {
	width: 0;
	height: 24px;
	line-height: 22px;
	padding: 0;
	border: 0;
	color: #fff;
	background: 0;
	outline: 0;
	font-size: 12px;
	-moz-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease
}

.sousuo .btn {
	width: 24px;
	height: 24px;
	border: 0;
	position: absolute;
	right: 2px;
	font-size: 14px;
	color: #fff;
	background: url(/images/sousuo.png) center no-repeat;
	cursor: pointer;
	top: -1px;
	border-radius: 50%
}

.sousuo .test {
	width: 122px;
	padding: 5px 25px 5px 12px
}

.sousuo .search {
	border: #769dc5 1px solid
}

header .fr01 .lan a img {
	margin-left: .5rem
}

.navBox {
	background: #f1f1f1
}

#nav {
	height: 60px;
	position: relative;
	z-index: 1;
	background: #fff
}

.navBox ul {
	font-size: 0
}

.navBox ul .left {
	width: calc((100% - 31.375rem) / 2);
	white-space: nowrap
}

.navBox ul .left li {
	width: 25%;
	text-align: left
}

.navBox ul .right {
	width: calc((100% - 31.375rem) / 2);
	white-space: nowrap;
    margin-right: -100px;
}

.navBox ul .right li>a {
	padding: 0;
	text-align: right
}

.nav li {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 25%
}

.nav li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 6px;
	margin-top: -3px;
	background: #c1c1c1;
	display: none
}

.nav li:last-child:before {
	display: none
}

.nav a {
	display: block;
	position: relative;
	padding: 0;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	perspective: 300px;
	transform-style: preserve-3d
}

.nav a .bg {
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	height: 2px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	-webkit-transform: rotateX(70deg);
	transform: rotateX(70deg);
	z-index: -1;
	transform-origin: center bottom 0;
	-webkit-transform-origin: center bottom 0;
	left: 0;
	opacity: 0;
	bottom: 0;
	visibility: hidden;
	display: none
}

.nav a .txt img {
	margin: -4px 10px 0 0;
	vertical-align: middle
}

.nav a .txt img.img02 {
	display: none
}

.nav a .txt {
	position: relative;
	z-index: 2;
	font-size: 1.125rem;
	color: #fff;
	display: inline-block;
	font-family: "Times New Roman"
}

.nav .active a .bg,.nav .on a .bg {
	transform: none;
	opacity: 1;
	visibility: visible;
	background: #02468f
}

.nav .active a .txt,.nav .on a .txt {
	color: #fff;
	font-weight: bold
}

.navBox .arrow {
	position: absolute;
	left: 0;
	top: 75px;
	height: 4px;
	display: block;
	background-color: #e62129
}

.subNavbox a:link,.subNavbox a:visited {
	color: #333
}

.subNavbox a:active,.subNavbox a:hover {
	color: #fff;
	background: #02468f
}

.subNavbox {
	position: absolute;
	left: -16px;
	width: 155px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 1px 2px 2px 0 rgba(88,88,88,0.2);
	display: none;
	text-align: center;
	padding: 0;
	top: 90px
}

.subNavbox p {
	line-height: 1.2
}

.subNavbox p a {
	line-height: 0;
	height: auto;
	padding: 20px 1rem;
	font-size: 14px;
	transition: .36s;
	text-align: left;
	white-space: nowrap
}

.nav a:hover .txt img.img01 {
	display: none
}

.nav a:hover .txt img.img02 {
	display: inline-block
}

.navBox ul .right li .subNavbox {
	left: 0;
	width: 155px
}

.navBox ul .right li+li .subNavbox {
	width: 140px
}

.navBox ul .right li+li+li+li .subNavbox {
	left: 16px
}

.tc2 .tc-box form {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	height: 60px;
	width: 100%
}

.tc2 .tc-box input[type="text"] {
	border: 0;
	width: 94%;
	display: block;
	height: 60px;
	text-align: left;
	color: #434343;
	font-size: 14px;
	background: 0;
	line-height: 60px;
	padding: 0 20px
}

.tc2 .tc-box input[type="text"]:focus {
	text-align: left
}

.tc2 .tc-box input[type="button"] {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0;
	z-index: 2;
	background: url(/images/icon_search.png) center no-repeat;
	height: 60px;
	width: 70px;
	cursor: pointer;
	border: 0;
	background-size: 20px 20px;
	margin-top: -30px
}

.tc2 .tc {
	transition: all ease 300ms;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999
}

.tc2 .tc {
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transform: scale(1.1);
	visibility: hidden
}

.tc2 .tc.act {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
	visibility: visible
}

.tc2 .close:hover {
	transform: rotate(180deg)
}

.tc2 .close,.tc {
	transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms
}

.tc2 .tc-box {
	position: absolute;
	border-radius: 4px;
	overflow: hidden;
	top: 50%;
	z-index: 9999;
	background: #fff;
	height: 60px;
	width: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -40px
}

.tc2 .tc.act {
	display: block
}

.tc2 .close {
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	right: 30px;
	top: 30px
}

.tc2 .tc-bg {
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0
}

#openBtn {
	display: none
}

.rd-navbar-main-element {
	position: absolute;
	float: left
}

.rd-navbar-nav-wrap.active {
	transform: translateX(0)
}

.rd-navbar-nav-wrap {
	color: #fff;
	background: #02468f;
	box-shadow: none
}

.rd-navbar-nav-wrap {
	position: fixed;
	left: 0;
	top: -37px;
	bottom: -56px;
	z-index: 100;
	width: 100%;
	padding: 140px 0 81px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	font-size: 14px;
	line-height: 28px;
	transform: translateX(-110%)
}

.rd-navbar-nav {
	display: block;
	margin: 15px 0;
	height: auto;
	text-align: left
}

.rd-navbar-submenu {
	position: relative
}

.rd-nav-item {
	text-align: left
}

.rd-navbar-wrap,.rd-navbar,.rd-menu,.rd-navbar-nav,.rd-navbar-panel,.rd-navbar-static .rd-menu,.rd-navbar-nav-wrap,.rd-navbar-submenu {
	transition: .35s all cubic-bezier(0.65,0.05,0.36,1)
}

.rd-nav-link {
	color: #fff
}

.rd-nav-link {
	display: block;
	padding: 10px 56px 10px 18px
}

.rd-nav-link {
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-family: "Times New Roman"
}

.rd-navbar-submenu-toggle {
	color: #fff
}

.rd-navbar-submenu-toggle {
	cursor: pointer;
	display: inline-block;
	width: 56px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.rd-navbar-submenu-toggle::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 48px;
	font: 400 14px "FontAwesome";
	line-height: 48px;
	text-align: center;
	transition: .4s all ease;
	z-index: 2;
	cursor: pointer;
	background: url(/images/sanjiao_svg.svg) center no-repeat;
	background-size: 10px
}

.rd-nav-item.focus .rd-nav-link,.rd-nav-item.active .rd-nav-link,.rd-nav-item.opened .rd-nav-link {
	color: #fff;
	background: #00428a
}

.rd-navbar-submenu.opened>.rd-navbar-dropdown,.rd-navbar-submenu.opened>.rd-navbar-megamenu {
	display: block
}

li.opened>.rd-menu {
	opacity: 1;
	height: auto
}

li.opened>.rd-navbar-dropdown {
	padding: 4px 0 0
}

.rd-menu {
	transition: opacity .3s,height .4s ease;
	opacity: 0
}

li.opened>.rd-navbar-submenu-toggle::after {
	top: 0;
	transform: rotate(180deg);
	color: #fff
}

.rd-navbar-submenu .rd-navbar-dropdown>li>a {
	padding-left: 30px
}

.rd-megamenu-list>li>a,.rd-navbar-dropdown>li>a {
	color: rgba(255,255,255,0.6)
}

.rd-megamenu-list>li>a,.rd-navbar-dropdown>li>a {
	display: block;
	padding: 9px 56px 9px 16px;
	font-size: 14px;
	line-height: 1.5
}

.rd-nav-item.opened .rd-menu {
	opacity: 1
}

.rd-navbar-open-right {
	height: 0
}

.rd-nav-item.active .rd-navbar-submenu-toggle {
	color: #fff
}

.rd-navbar-submenu .rd-navbar-dropdown>li.active>a {
	color: #fff
}

#openBtn {
	display: none;
	margin-top: 0;
	right: 15px;
	cursor: pointer;
	float: right;
	margin-left: 1.5rem;
	position: absolute;
	top: 22px;
	z-index: 10
}

#openBtn .lcbody {
	width: 26px;
	height: 18px;
	position: relative
}

#openBtn .lcbody .lcitem {
	width: 100%;
	height: 1px;
	position: absolute;
	transition: transform .36s ease
}

#openBtn .lcbody .lcitem div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: auto;
	right: 0;
	background: #fff
}

#openBtn .lcbody .top {
	top: 0
}

#openBtn .lcbody .center {
	display: block;
	top: 49%
}

#openBtn .lcbody .bottom {
	top: 100%
}

#openBtn .lcbody:hover .lcitem.top .rect {
	animation: move .4s ease-in-out 1
}

#openBtn .lcbody:hover .lcitem.center .rect {
	animation: move .4s ease-in-out .1s 1
}

#openBtn .lcbody:hover .lcitem.bottom .rect {
	animation: move .4s ease-in-out .9s 1
}

.active#openBtn .lcitem.top {
	transform: rotateZ(45deg);
	top: 49%
}

.active#openBtn .lcitem.center {
	opacity: 0
}

.active#openBtn .lcitem.bottom {
	transform: rotateZ(-45deg);
	top: 49%
}

@keyframes move {
	0% {
		right: 0
	}

	40% {
		right: 0;
		width: 0
	}

	60% {
		right: auto;
		width: 0
	}

	100% {
		right: auto;
		width: 100%
	}
}

#banner {
	width: 100%;
	width: 100vw;
	overflow: hidden;
	z-index: 0;
	background: #252525;
	position: relative;
	position: relative
}

#banner .miso-slide {
	display: block;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

#banner .miso-slide img {
	display: block;
	width: 100%
}

#banner .miso-prev,#banner .miso-next {
	width: 20px;
	height: 36px;
	z-index: 10000;
	margin-top: -18px
}

#banner .miso-prev {
	left: 1rem;
	background: url(/images/banner_prev.png) center center no-repeat;
	transition: .36s
}

#banner .miso-next {
	right: 1rem;
	background: url(/images/banner_next.png) center center no-repeat;
	transition: .36s
}

#banner .miso-dots {
	bottom: 20px
}

#banner .miso-dots li {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin: 0 .5rem;
	border: #fff 2px solid
}

#banner .miso-dots li.miso-active {
	border: #fff 2px solid;
	background: #fff
}

.container01 {
	background: url(/images/container01_bg.jpg) center no-repeat;
	background-size: cover!important;
	padding: 3rem 0
}

.container01 ul {
	margin: 0 -1.125rem;
	font-size: 0
}

.container01 ul li {
	display: inline-block;
	padding: 0 1.125rem
}

.container01 ul li a {
	display: block;
	height: 7.5rem;
	background: #e39d24;
	text-align: center
}

.container01 ul li.li02 a {
	background: #61c127
}

.container01 ul li.li03 a {
	background: #27c1a6
}

.container01 ul li.li04 a {
	background: #1d84cc
}

.container01 ul li.li05 a {
	background: #cebe33
}

.container01 ul li.li06 a {
	background: #d9541f
}

.container01 ul li.li07 a {
	background: #2aaac1
}

.container01 ul li a img {
	display: inline-block
}

.container01 ul li a h5 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-top: .875rem;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px
}

.container01 .miso-prev,.container01 .miso-next {
	width: 17px;
	height: 31px;
	z-index: 10000;
	margin-top: -18px
}

.container01 .miso-prev {
	left: -1.5rem;
	background: url(/images/left01.png) center center no-repeat;
	transition: .36s
}

.container01 .miso-next {
	right: -1.5rem;
	background: url(/images/right01.png) center center no-repeat;
	transition: .36s
}

.container02 {
	padding: 3.125rem 0 2rem
}

.container02 .left {
	width: 48%
}

.container02 .left ul li a {
	display: block;
	overflow: hidden;
	position: relative
}

.container02 .left ul li a .img,.container02 .left ul li a .img img {
	width: 100%;
	overflow: hidden;
	object-fit: cover
}

.container02 .left ul li a h5 {
	height: 3.125rem;
	line-height: 3.125rem;
	background: rgba(0,0,0,0.5);
	padding: 0 1.5rem;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}

.container02 .left .miso-prev,.container02 .left .miso-next {
	width: 40px;
	height: 80px;
	z-index: 10000;
	margin-top: -40px
}

.container02 .left .miso-prev {
	left: 0;
	background: url(/images/left02.png) center center no-repeat;
	transition: .36s
}

.container02 .left .miso-next {
	right: 0;
	background: url(/images/right02.png) center center no-repeat;
	transition: .36s
}

.title00 {
	border-bottom: #d9d9d9 1px solid;
	height: 44px;
	margin-bottom: .5rem
}

.title00 a {
	float: right;
	font-size: 14px;
	color: #999;
	line-height: 30px
}

.title00 .span {
	display: inline-block;
	background: url(/images/tixing.png) center no-repeat;
	width: 181px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	color: #fff;
	font-weight: bold
}

.title00 .span img {
	margin: -3px 12px 0 15px
}

.title00 small {
	font-size: 14px;
	color: #ccc;
	text-transform: uppercase;
	line-height: 50px
}

.container02 .right {
	width: 52%;
	padding-left: 2.5rem
}

.container02 .right ul.ul02 li {
	font-size: 15px;
	color: #003;
	line-height: 3.75rem;
	height: 3.75rem;
	border-bottom: #e8e8e8 1px solid
}
.container02 .left ul.ul02 li {
	font-size: 15px;
	color: #003;
	line-height: 3.75rem;
	height: 3.75rem;
	border-bottom: #e8e8e8 1px solid
}
.container02 .right ul.ul02 li:last-child {
	border-bottom: 0
}
.container02 .left ul.ul02 li:last-child {
	border-bottom: 0
}
.container02 .right ul.ul02 li a {
	color: #404040;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .36s;
	position: relative;
	padding-left: 0
}
.container02 .left ul.ul02 li a {
	color: #404040;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .36s;
	position: relative;
	padding-left: 0
}
.container02 .right ul.ul02 li a:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 0;
	width: 6px;
	height: 6px;
	transition: .36s;
	background: #1f499b;
	display: none
}
.container02 .left ul.ul02 li a:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 0;
	width: 6px;
	height: 6px;
	transition: .36s;
	background: #1f499b;
	display: none
}
.container02 .right ul.ul02 li a font {
	display: inline-block;
	width: calc(100% - 45px);
	font-size: 16px;
	color: #000;
	position: relative;
	padding-left: 0;
	transition: .36s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.container02 .left ul.ul02 li a font {
	display: inline-block;
	width: calc(100% - 45px);
	font-size: 16px;
	color: #000;
	position: relative;
	padding-left: 0;
	transition: .36s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.container02 .right ul.ul02 li a img {
	display: inline-block
}

.container02 .right ul.ul02 li a span {
	float: right;
	font-size: 14px;
	color: #b2b2b2
}
.container02 .left ul.ul02 li a span {
	float: right;
	font-size: 14px;
	color: #b2b2b2
}
.container03 {
	padding: 3rem 0;
	background: url(/images/container03_bg.jpg) center no-repeat;
	background-size: cover
}

.container03 .top {
	background: url(/images/container03_top_bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding-bottom: .875rem;
	margin-bottom: 1.875rem
}

.container03 .top h3 {
	font-size: 1.875rem;
	color: #fff;
	padding: 3.5rem 0 2.5rem
}

.container03 .content {
	margin: 0 -1.25rem;
	font-size: 0
}

.container03 .content .box {
	line-height: 48px;
	display: inline-block;
	width: 100%;
	padding: 0 1.25rem
}

.container03 ul li {
	line-height: 42px;
    display: inline-block;
    width: 50%;
    padding: 0 1.625rem;
}

.container03 ul li .span01 {
	display: inline-block;
	width: 72px;
	height: 24px;
	line-height: 24px;
	background: #dad2a0;
	text-align: center;
	margin-right: 0;
	font-size: 14px;
	color: #fff;
	transition: .36s;
	vertical-align: middle;
	border-radius: 12px;
     margin: 10px 0 0 0;
}

.container03 ul li a font {
	font-size: 16px;
	color: #222;
	display: inline-block;
	width: calc(100% - 72px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: .75rem;
	transition: .36s
}

.container03 ul li a span img {
	display: inline-block
}

.title01 {
	border-bottom: #d9d9d9 1px solid;
	height: 44px;
	margin-bottom: 1rem
}

.title01 a {
	float: right;
	font-size: 14px;
	color: #999;
	line-height: 30px
}

.title01 .span {
	height: 44px;
	line-height: 36px;
	font-size: 22px;
	color: #255eaf;
	font-weight: bold;
	display: inline-block
}

.title01 .span img {
	margin: -3px 12px 0 0
}

.title01 small {
	font-size: 14px;
	color: #ccc;
	text-transform: uppercase;
	line-height: 50px
}

.container04 {
	padding: 3rem 0
}

.container04 .left {
	width: 130px;
	height: 10rem;
	background: #02468f;
	position: relative
}

.container04 .left:after {
	content: "";
	position: absolute;
	border-bottom: transparent 1.25rem solid;
	border-top: transparent 1.25rem solid;
	border-left: #02468f 1.25rem solid;
	right: -1.25rem;
	top: 50%;
	margin-top: -1.25rem
}

.container04 .left h3 a {
	color: #fff;
}

.container04 .left h3 {
	font-size: 1.375rem;
	color: #fff;
	font-weight: bold;
	margin-top: 1.5rem
}

.container04 .right {
	width: calc(100% - 130px);
	height: 10rem;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	padding: 1.25rem 3.25rem
}

.container04 .right ul {
	margin: 0 -1.625rem;
	font-size: 0
}

.container04 .right ul li {
	display: inline-block;
	width: 50%;
	padding: 0 1.625rem
}

.container04 .right ul li {
	font-size: 16px;
	color: #003;
	line-height: 2.5rem;
	height: 2.5rem
}

.container04 .right ul li a {
	color: #404040;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .36s;
	position: relative;
	padding-left: 0
}

.container04 .right ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	transition: .36s;
	background: url(/images/dot.png) left center no-repeat
}

.container04 .right ul li a font {
	display: inline-block;
	width: calc(100% - 40px);
	color: #000;
	position: relative;
	padding-left: 14px;
	transition: .36s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.container04 .right ul li a img {
	display: inline-block
}

.container04 .right ul li a span {
	float: right;
	font-size: 14px;
	color: #b2b2b2
}

.container05 {
	padding-bottom: 3.5rem
}

.container05 .title03 {
	margin-bottom: 2.5rem;
	font-size: 1.375rem;
	color: #255eaf;
	font-weight: bold;
	text-align: center;
	position: relative
}

.container05 .title03:before {
	content: "";
	width: 1.875rem;
	height: 2px;
	background: #d8ca7c;
	position: absolute;
	left: 50%;
	margin-left: -0.9375rem;
	bottom: -1rem
}

.container05 ul {
	margin: 0 -0.9375rem;
	font-size: 0;
	padding: 0 2.5rem
}

.container05 ul li {
	display: inline-block;
	padding: 0 .9375rem;
	text-align: center
}

.container05 ul li .img,.container05 ul li .img img {
	width: 100%;
	overflow: hidden;
	height: 236px
}

.container05 ul li h5 {
	font-size: 16px;
	line-height: 50px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.container05 .miso-prev,.container05 .miso-next {
	width: 22px;
	height: 42px;
	z-index: 10000;
	margin-top: -40px
}

.container05 .miso-prev {
	left: 0;
	background: url(/images/left03.png) center center no-repeat;
	transition: .36s
}

.container05 .miso-next {
	right: 0;
	background: url(/images/right03.png) center center no-repeat;
	transition: .36s
}

footer .fl01 {
	background: #02468f
}

footer .fl01 .w1200 {
	border-bottom: #356ba5 1px solid;
	padding-bottom: 1rem
}

footer .fl01 .left {
	background: url(/images/erweima_bg.png) center no-repeat;
	width: 220px;
	height: 232px;
	position: relative;
	margin-top: -20px;
	padding: 28px 0 0;
	text-align: center
}

footer .fl01 .left h3 {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px
}

footer .fl01 .left .img,footer .fl01 .left .img img {
	display: inline-block;
	width: 133px;
	height: 133px
}

footer .fl01 .right {
	width: calc(100% - 220px);
	padding: 2rem 0 0 6rem
}

footer .fl01 .right .right01 {
	display: inline-block;
	width: 50%;
	padding-left: 0rem
}

footer .fl01 .right .right02 {
	display: inline-block;
	width: 50%;
	padding-left: 0rem
}

footer .fl01 .right .box h3 {
	font-size: 1.375rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1rem
}

footer .fl01 .right .box ul {
	font-size: 0;
	width: 24rem;
	display: inline-block
}

footer .fl01 .right .box ul li {
	display: inline-block;
	width: 33.333333%;
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	line-height: 34px
}

footer .fl01 .right .box ul li a {
	color: rgba(255,255,255,0.6);
	transition: .36s
}

footer .fl01 .right .box p {
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	line-height: 34px
}

footer .fl02 {
	background: #02468f;
	padding: 1.5rem 0;
	text-align: center
}

footer .fl02 p,footer .fl02 p a {
	font-size: 14px;
	color: rgba(255,255,255,0.8)
}

.mianbao {
	padding: 0 0 0 40px;
	background: #f2f6f9 url(/images/local.png) 14px 11px no-repeat;
	margin-bottom: 2rem;
	height: 40px;
	line-height: 40px
}

.mianbao,.mianbao span,.mianbao i,.mianbao a {
	font-size: 13px;
	color: #808080;
	font-style: normal;
	text-transform: capitalize
}

.mianbao i {
	margin: 0 6px
}

.mianbao a:hover {
	color: #02468f
}

#nav_slide {
	background: #02468f;
	line-height: 50px;
	position: relative;
	z-index: 2
}

#nav_slide #bnt_back {
	position: absolute;
	left: 1rem;
	top: -2px
}

#nav_slide #bnt_back img {
	height: 20px;
	vertical-align: middle
}

#nav_slide .n_title {
	height: 50px
}

#nav_slide h1 {
	font-size: 16px;
	color: #fff;
	text-align: center
}

#bnt_sub_nav {
	position: absolute;
	right: 1rem;
	top: 14.5px;
	cursor: pointer
}

#bnt_sub_nav img {
	display: block;
	height: 20px
}

#bnt_sub_nav.on img {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

#sub_nav_content {
	background: #f2f2f2;
	display: none;
	z-index: 9;
	width: 100%
}

#sub_nav_content ul li {
	background: 0;
	box-shadow: none;
	border-bottom: 1px solid #dedede;
	padding: 0 15px
}

#sub_nav_content ul li a {
	display: inline-block;
	font-size: 14px;
	padding: 0;
	color: #333;
	width: 88%
}

#sub_nav_content ul li i {
	float: right;
	font-family: simsun;
	font-style: normal;
	font-weight: bold
}

#sub_nav_content ul li ul li {
	border: 0;
	line-height: 40px;
	padding-left: 10px
}

#sub_nav_content ul li ul li a {
	font-size: 13px;
	color: #666
}

#sub_nav_content ul li.on>a {
	color: #02468f
}

#sub_nav_content ul li ul {
	display: none
}

#nav_slide {
	display: none
}

.n_container {
	overflow: hidden;
	padding: 1.875rem 0 3.125rem
}

.n_container .left {
	float: left;
	width: 230px
}

.n_container .left h1 {
	height: 120px;
	line-height: 96px;
	background: url(/images/n_left_bg.jpg) center no-repeat;
	font-size: 28px;
	color: #fff;
	padding: 0 28px;
	position: relative
}

.n_container .left h1:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background: #fff;
	top: 78px;
	left: 28px
}

.n_container .left ul {
	background: #f2f6f9;
	padding: 0 28px
}

.n_container .left .con ul li {
	line-height: 60px;
	font-size: 1.125rem;
	color: #333;
	border-bottom: #d8d8d8 1px solid;
	position: relative;
	padding: 0;
	text-align: left
}

.n_container .left .con ul li:last-child {
	border: 0
}

.n_container .left .con ul li:before {
	content: "";
	width: 6px;
	height: 11px;
	background: url(/images/right_icon.png) center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	transition: .36s
}

.n_container .left .con ul li.on:before,.n_container .left .con ul li:hover:before {
	background: url(/images/right_icon_on.png) center no-repeat
}

.n_container .left .con ul li a {
	color: #323232;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.n_container .left .con ul li a:hover,.n_container .left .con ul li.on a {
	color: #02468f
}

.n_container .left .con ul li dl {
	display: none;
	margin-bottom: 15px;
	padding-left: 6px
}

.n_container .left .con ul li dl dd {
	height: 30px;
	line-height: 30px
}

.n_container .left .con ul li dl dd a {
	font-size: 14px;
	color: #666!important
}

.n_container .left .con ul li i.up {
	background: url(/images/jian.png) center no-repeat
}

.n_container .left .con ul li i {
	background: url(/images/jia.png) center no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	right: -4px;
	top: 15px;
	cursor: pointer
}

.n_container .right {
	float: right;
	width: calc(100% - 230px);
	padding-left: 2.5rem
}

.n_news ul {
	margin: 0 -1rem;
	margin-bottom: 1rem;
	overflow: hidden
}

.n_news ul li {
	float: left;
	width: 33.333333%;
	padding: 0 1rem;
	margin-bottom: 2rem
}

.n_news ul li .img {
	overflow: hidden;
	position: relative
}

.n_news ul li .img img {
	width: 100%;
	height: 13.75rem;
	overflow: hidden;
	object-fit: cover
}

.n_news ul li .img .time {
	width: 60px;
	height: 50px;
	position: absolute;
	right: .625rem;
	bottom: .625rem;
	background: rgba(2,70,143,0.8);
	text-align: center
}

.n_news ul li .img .time h3 {
	font-size: 26px;
	color: #fff;
	height: 26px;
	line-height: 32px;
	font-family: Times New Roman;
	font-weight: bold
}

.n_news ul li .img .time h5 {
	font-size: .75rem;
	color: #fff;
	font-family: Times New Roman;
	height: 20px;
	line-height: 20px
}

.n_news ul li h5 {
	font-size: 16px;
	color: #323232;
	line-height: 26px;
	height: 52px;
	overflow: hidden
}

.n_news ul li .h5 {
	position: relative;
	padding-bottom: 1rem;
	margin-top: 1rem
}

.n_news ul li .h5:before {
	display: none;
	content: "";
	position: absolute;
	bottom: .5rem;
	width: 3.125rem;
	height: 1px;
	background: #4d0b78;
	left: 0
}

.n_news ul li p {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	text-align: left;
	color: #999
}

.fanye img {
	max-width: 100%
}

.n_news_tu ul li {
	border-bottom: #dcdcdc 1px dotted;
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem
}

.n_news_tu ul li:last-child {
	border: 0
}

.n_news_tu ul li .img,.n_news_tu ul li .img img {
	float: left;
	width: 15rem;
	height: 10.625rem;
	overflow: hidden;
	object-fit: cover;
	position: relative
}

.n_news_tu ul li .con {
	float: right;
	width: calc(100% - 15rem);
	overflow: hidden;
	padding: 1rem 0 0 1.375rem;
	position: relative
}

.n_news_tu ul li .con .cc {
	position: relative;
	display: block
}

.n_news_tu ul li .con .cc:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100px;
	height: 2px;
	transition: .6s;
	bottom: -10px;
	display: none
}

.n_news_tu ul li .con h5 {
	font-size: 1.125rem;
	color: #000;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	transition: .36s
}

.n_news_tu ul li .con p {
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	color: #999;
	margin: .5rem 0 1.25rem;
	overflow: hidden
}

.n_news_tu ul li .con h6 {
	font-size: 12px;
	color: #999;
	height: 18px;
	line-height: 18px;
	padding: 0
}

.n_news_tu ul li .con h6 img {
	margin: -3px 6px 0 0
}

.n_news01 ul {
	margin-bottom: 2rem
}

.n_news01 ul li {
	margin-bottom: .75rem;
	border-bottom: #e5e5e5 1px solid;
	padding-bottom: .75rem
}

.n_news01 ul li a {
	display: block;
	overflow: visible!important;
	padding: 0;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.n_news01 ul li .time {
	float: left;
	width: 70px;
	height: 66px;
	text-align: center;
	background: #f2f2f2;
	padding: 0 8px;
	transition: all .36s ease-in-out
}

.n_news01 ul li .time .h4 {
	height: 36px;
	line-height: 40px;
	font-size: 24px;
	color: #999;
	font-family: Times New Roman;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	font-weight: bold
}

.n_news01 ul li .time h6 {
	font-size: 12px;
	color: #999;
	line-height: 25px;
	font-family: Times New Roman;
	border-top: #cecece 1px solid
}

.n_news01 ul li .con {
	float: right;
	width: calc(100% - 70px);
	padding: 0
}

.n_news01 ul li .con h4 {
	font-size: 18px;
	line-height: 66px;
	height: 66px;
	overflow: hidden;
	color: #404040;
	padding-left: 1.5rem;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	white-space: nowrap;
	text-overflow: ellipsis
}

.n_news_detail .ar_article .nav01 {
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center
}

.n_news_detail .ar_article h3 {
	color: #000;
	font-size: 1.5rem;
	line-height: 2.25rem;
	margin-bottom: 12px;
	font-weight: bold;
	padding: 0 3rem
}

.n_news_detail .ar_article h6 {
	display: block;
	color: #999;
	font-size: 14px;
	line-height: 2.5rem;
	font-weight: normal;
	margin-bottom: 0;
	margin-right: 0;
	vertical-align: top
}

.n_news_detail .ar_article h6 span {
	margin: 0 10px
}

.n_news_detail .ar_article h6 span img {
	margin: -3px 6px 0 0
}

#ar_fot {
	position: relative;
	padding: 24px 0;
	box-sizing: border-box;
	width: 100%;
	margin-top: 30px;
	border-top: #dcdcdc 1px solid
}

#ar_fot h1 {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 3rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#ar_fot h1 span {
	font-weight: bold
}

#ar_fot h1 a {
	font-size: 18px;
	color: #000;
	font-weight: normal
}

#ar_fot .bnt_back {
	position: absolute;
	top: 28px;
	right: 0;
	color: #fff;
	background: #063579;
	padding: 0 25px;
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

#ar_fot .bnt_back:hover {
	border-radius: 3px
}

#ar_fot h1 a:hover {
	color: #02468f
}

.n_shengfen .fl01 ul {
	margin-bottom: 2rem
}

.n_shengfen .fl01 ul li {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px
}

.n_shengfen .fl01 ul li a {
	display: inline-block;
	padding: 10px .75rem;
	font-size: 14px;
	color: #333;
	transition: .36s
}

.n_shengfen .fl01 ul li.on a,.n_shengfen .fl01 ul li a:hover {
	background: #02468f;
	color: #fff;
	border-radius: 4px
}

@media(max-width:768px) {
	.n_shengfen .fl01 ul li a {
		font-size: 12px
	}
}

.n_shengfen .fl02 .text table {
	max-width: 930px!important;
	border-collapse: collapse!important;
	cellspacing: 0!important
}

.n_shengfen .fl02 .text div {
	overflow: auto
}

.n_banner img {
	display: block;
	margin: 0 auto
}

@media(min-width:768px) {
	.title00 a:hover,.title01 a:hover,.n_news ul li a:hover h5,.n_news_tu ul li a:hover .con h5,.n_news01 ul li a:hover .con h4 {
		color: #255eaf
	}

	.container02 .right ul.ul02 li a:hover font {
		padding-left: 5px;
		color: #255eaf
	}

	.container03 ul li a:hover font,.container04 .right ul li a:hover font {
		padding-left: 1rem;
		color: #255eaf
	}

	footer .fl01 .right .box ul li a:hover,.n_news01 ul li a:hover .time .h4,.n_news01 ul li a:hover .time h6 {
		color: #fff
	}

	.n_news01 ul li a:hover .time {
		background: #4c0b77
	}
}

@media(max-width:1230px) {
	.w1200 {
		padding: 0 15px
	}
}

@media(max-width:1100px) and (min-width:1005px) {
	footer .fl01 .right .box ul {
		width: 24rem
	}

	footer .fl01 .right {
		padding: 2rem 0 0 1rem
	}
}

@media(max-width:1005px) and (min-width:988px) {
	footer .fl01 .right .box ul {
		width: 24rem
	}

	footer .fl01 .right {
		padding: 2rem 0 0 0rem
	}

	footer .fl01 .right .right01 {
		width: 49%
	}

	footer .fl01 .right .right02 {
		width: 51%
	}
}

@media(max-width:992px) {
	.navBox {
		display: none
	}

	header .fr01 {
		padding: 0 40px 0 0
	}

	#openBtn {
		display: inline-block
	}

	header .logo {
		left: 0;
		margin-left: 0;
		width: 15rem;
		line-height: 65px;
		height: 65px;
		top: 0;
		text-align: left
	}

	header .logo a img {
		display: inline-block;
		margin-left: -1rem
	}

	.header_box {
		height: 65px;
		line-height: 65px;
		background: #02468f
	}

	header:before {
		display: none
	}

	header {
		position: relative
	}

	#banner .miso-dots li {
		width: 8px;
		height: 8px;
		border: #fff 1px solid
	}

	#banner .miso-dots {
		bottom: 10px
	}

	#banner .miso-prev,#banner .miso-next {
		transform: scale(0.5)
	}

	.container02 .left {
		width: 100%;
		margin-bottom: 2rem
	}

	.container02 .right {
		width: 100%;
		padding: 0
	}

	.container04 .left {
		width: 100%;
		height: 6rem
	}

	.container04 .left:after {
		display: none
	}

	.container04 .right {
		width: 100%;
		height: auto
	}

	.container01 ul {
		padding: 0 2rem
	}

	.container01 .miso-prev {
		left: 0rem
	}

	.container01 .miso-next {
		right: 0rem
	}

	.container01 .miso-prev,.container01 .miso-next {
		transform: scale(0.6)
	}

	.container02 .left .miso-prev,.container02 .left .miso-next {
		width: 20px;
		height: 40px;
		background-size: cover!important
	}

	footer .fl01 .left {
		position: relative;
		left: 50%;
		margin-left: -75px;
		width: 150px;
		height: 170px;
		background-size: 100%;
		padding: 15px 0 0
	}

	footer .fl01 .right {
		width: 100%;
		padding: 2rem 0
	}

	footer .fl01 .right .box {
		width: 100%;
		text-align: center
	}

	footer .fl01 .right .box ul {
		margin-bottom: 2rem;
		width: auto
	}

	footer .fl01 .left .img,footer .fl01 .left .img img {
		width: 100px;
		height: 100px
	}

	footer .fl01 .left h3 {
		font-size: 16px;
		margin-bottom: 12px
	}

	.n_container .left {
		display: none
	}

	.mianbao {
		display: none
	}

	.n_container .right {
		width: 100%;
		padding: 0
	}

	#nav_slide {
		display: block
	}

	.n_banner img {
		width: 100%;
		left: 0;
		margin-left: 0;
		height: 20vh;
		object-fit: cover
	}

	.tc2 .tc-box {
		width: 94%;
		left: 3%;
		margin-left: 0
	}
}

@media(max-width:768px) {
	.container03 .content .box {
		width: 100%;
		margin-top: 1rem
	}

	.container01 ul {
		margin: 0 -7px;
		padding: 0 2rem
	}

	.container01 ul li {
		padding: 0 7px
	}

	.container02 .right ul.ul02 li a font {
		font-size: 13px
	}

	.container02 .right ul.ul02 li a span {
		font-size: 12px
	}

	.title00 a {
		font-size: 12px;
		line-height: 45px
	}

	.title00 .span img {
		height: 18px
	}

	.title00 .span {
		font-size: 18px;
		width: 145px;
		background-size: 100% 100%
	}

	.container03 .top h3 {
		font-size: 16px
	}

	.container03 ul li a font {
		font-size: 13px;
		width: calc(100% - 60px)
	}

	.title01 .span {
		font-size: 18px
	}

	.title01 .span img {
		height: 24px
	}

	.title01 a {
		font-size: 12px;
		line-height: 45px
	}
       
	.container04 .left h2 img {
		height: 20px
	}

	.container04 .left h3 {
		font-size: 16px;
		margin-top: 1rem
	}

	.container04 .right ul li {
		width: 100%;
		padding: 0
	}

	.container04 .right ul li a font {
		font-size: 13px
	}

	.container04 .right ul li a span {
		font-size: 12px
	}

	.container05 .miso-prev,.container05 .miso-next {
		width: 11px;
		height: 21px;
		background-size: cover!important;
		margin-top: -6px
	}

	.container05 ul {
		padding: 0 10px;
		margin: 0 -7px
	}

	.container05 ul li {
		padding: 0 7px
	}

	.container05 ul li h5 {
		font-size: 13px
	}

	.container03 .top h6 img {
		width: 24px
	}

	.container03 ul li .span01 {
		width: 60px;
        margin: 5px 0 0 0;
	}

	.container03 ul li {
		line-height: 2.875rem;
          width: 100%;
        padding: 0;
	}

	footer .fl01 .right .box p {
		font-size: 12px;
		line-height: 24px
	}

	footer .fl02 p,footer .fl02 p a {
		font-size: 12px
	}

	footer .fl01 .right .box ul li {
		line-height: 28px;
		font-size: 12px
	}

	.container01 {
		padding: 2rem 0
	}

	.container02 {
		padding: 2rem 0 1rem
	}

	.container03 {
		padding: 2rem 0
	}

	.container03 .top {
		margin-bottom: .5rem
	}

	.container04 {
		padding: 2rem 0
	}

	.n_news ul {
		margin: 0 -7px
	}

	.n_news ul li {
		width: 50%;
		padding: 0 7px
	}

	.n_news ul li p {
		font-size: 12px;
		line-height: 18px;
		height: 54px
	}

	.n_news ul li h5 {
		font-size: 14px;
		line-height: 22px;
		height: 44px
	}

	.n_news_tu ul li .con p {
		margin: .5rem 0 .5rem;
		line-height: 18px;
		height: 36px;
		font-size: 12px
	}

	.n_news_tu ul li .img,.n_news_tu ul li .img img {
		width: 11rem;
		height: 8rem
	}

	.n_news_tu ul li .con {
		width: calc(100% - 11rem);
		padding: .5rem .5rem 0 1rem
	}

	.n_news01 ul li .con h4 {
		font-size: 15px;
		line-height: 20px;
		height: 40px;
		white-space: normal;
		margin: 12px 0
	}

	#ar_fot h1 a {
		font-size: 13px
	}

	.ar_article p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px
	}

	.n_news_detail .ar_article h3 {
		font-size: 1.5rem;
		line-height: 2.25rem
	}

	.n_news_detail .ar_article h6 {
		font-size: 12px
	}

	.container01 ul li a h5 {
		font-size: 13px
	}

	.container01 ul li a img {
		height: 40px
	}

	.container02 .left ul li a .img,.container02 .left ul li a .img img {
		height: auto
	}

	.container05 ul li .img,.container05 ul li .img img {
		height: 207px
	}
}

@media(max-width:456px) {
	.n_news ul li .img img {
		height: 10rem
	}

	.container05 ul li .img,.container05 ul li .img img {
		height: 110px
	}
}

#vsb_content>div {
	background: none!important
}

#vsb_content_4 div,#vsb_content_2 DIV {
	overflow-x: auto
}

#vsb_content {
	overflow-x: auto!important
}

#vsb_content_2 TABLE TD {
	text-indent: 0 !important;
}