html {
	color: #000;
	background: ;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

body,button,input,select,textarea {
	font: 12px/1.5 "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB",
		\5b8b\4f53
}

input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: inherit
}

fieldset,img {
	border: 0
}

iframe {
	display: block
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 500
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 500
}

q:before,q:after {
	content: ''
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

a:link,a:visited {
	color: #015c87
}

a:hover {
	color: #015c87;
	text-decoration: underline
}

ins,a {
	text-decoration: none
}

code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 1em
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fn-clear {
	zoom: 1
}
/* .tabs-nav fn-clear:hover{ */
/* 	background-color: #E50012; */
/* 	text-decoration: none; */
/* 	color: #fff  */
/* } */
body .fn-hide {
	display: none
}

.fn-left,.fn-right {
	display: inline
}

.fn-left {
	float: left
}

.fn-right {
	float: right
}

.fn-text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.friendly-link{background-color:#E3E4E4;color:#333}
.friendly-link .hd{padding:0px 20px;font-size:18px;color:#0b308e }
.friendly-link .bd{padding:0 10px 10px 10px}
.friendly-link li{display:block;padding:3px 10px;position:relative;border:1px #0b308e solid;margin-bottom:10px}
.friendly-link li:hover{background-color:#fff}
.friendly-link li .arrow{position:absolute;right:0;top:0;display:block;width:20px;height:27px;background-color:#0b308e}
.friendly-link li .arrow .sprite{display:block;height:100%;background-position:-7px -495px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}
.friendly-link li .link-list{display:none;position:absolute;z-index:999;bottom:27px;left:-1px;background-color:#fff;border:1px #333 solid;padding:10px;font-size:12px}
.friendly-link li .link-list h5{font-weight:bold;margin-bottom:10px}
.friendly-link li .link-list li{background-color:transparent;padding:0;margin:0;line-height:26px;width:auto;display:block;border:0}
.friendly-link li .link-list a{white-space:nowrap;color:#333}
.friendly-link li .link-list a span{width:2em;display:inline-block;text-align:center}
.fn-linear {
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc),
		to(#f1f1f1));
	background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',
		endColorstr='#f1f1f1');
	background: -o-linear-gradient(top, #fcfcfc, #f1f1f1);
	background: -ms-linear-gradient(top, #fcfcfc, #f1f1f1);
	background: linear-gradient(to bottom, #fcfcfc, #f1f1f1)
}

.fn-linear-light {
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc),
		to(#f9f9f9));
	background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',
		endColorstr='#f9f9f9');
	background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
	background: -ms-linear-gradient(top, #fcfcfc, #f9f9f9);
	background: linear-gradient(to bottom, #fcfcfc, #f9f9f9)
}

.fn-rmb {
	font-family: arial;
	font-style: normal;
	padding-right: 4px
}

.fn-webkit-adjust {
	-webkit-text-size-adjust: none
}

body {
	font-size: 14px;
	color: #333;
	background-color: #fff
}

.wrapper {
	width: 1200px;
	margin: 0 auto
}

@media screen and (max-width: 1200px) {
	.wrapper {
		width: 980px
	}
}

.header .top {
	padding: 0;
	margin: 0;
	
	z-index: 10;
	width: 1200px
	
}

.header .logo {
	float: left
}

.header .logo a {
	display: block;
	float: left;
	width: 397px;
	height: 87px;
	background: url(../img/logo.png) no-repeat;
	background-size: 100% auto;
	text-indent: -9999px
}

@media screen and (max-width: 1200px) {
	.header .logo a {
		width: 300px;
		height: 66px;
		margin-top: 10px
	}
}

.header .nav {
	float: right;
	padding-top: 30px;
	position: relative
}

.header .nav li {
	float: left;
	position: relative;
	margin-left: 4px;
	line-height: 30px;
	font-size: 12px;
	box-sizing: border-box;
	height: 30px
}

.header .nav li a {
	display: block;
	padding: 0 8px;
	white-space: nowrap;
	color: #fff;
	background-color: #009844
}

.header .nav li a:hover {
	text-decoration: none;
	background-color: #007f39
}

.header .nav li ul {
	position: absolute;
	left: -1px;
	top: 28px;
	background-color: #fff;
	border: 1px #009844 solid;
	display: none;
	z-index: 10
}

.header .nav li ul li {
	float: none;
	margin-left: 0
}

.header .nav li ul li a {
	font-weight: normal;
	font-size: 12px;
	padding: 0 10px
}

.header .nav li ul li a:hover {
	text-decoration: none;
	background-color: #ddd !important
}

.sprite{background:url(../img/sprite.png) no-repeat}
.sprite.rotate{-webkit-transform:rotate(180deg) !important;-moz-transform:rotate(180deg) !important;-ms-transform:rotate(180deg) !important;transform:rotate(180deg) !important}

.header .nav li.dropdown{padding-right:20px;border:1px #3B9B5E solid}
.header .nav li.dropdown a{background-color:transparent;color:#3B9B5E}
.header .nav li.dropdown a:hover{background-color:transparent}
.header .nav li.dropdown .arrow{position:absolute;z-index:99;right:0;top:0;display:block;width:20px;height:26px;margin:1px;background-color:#3B9B5E}
.header .nav li.dropdown .arrow .sprite{display:block;height:100%;background-position:-7px -495px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}

.header .nav .nav-remark{position:absolute;right:0;top:0}
.header .nav .nav-remark li{margin:0}
.header .nav .nav-remark a{background-color:transparent;color:#3B9B5E}
.header .nav .nav-remark a:hover{background-color:transparent;text-decoration:underline}


.header .search {
	float: right
}

.header .search .search-item {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	padding: 0 5px;
	margin-left: -2px;
	overflow: hidden;
	box-sizing: border-box
}

.header .search .search-item .ai-watermark {
	vertical-align: top;
	font-size: 12px
}

.header .search .search-item.input {
	border: 1px #009844 solid;
	margin-left: -4px
}

.header .search input {
	border: 0;
	outline: 0;
	width: 140px;
	font-size: 14px
}

.header .search .button {
	padding: 0
}

.header .search .button a {
	color: #fff;
	padding: 0 15px;
	display: block
}

.header .search .button a:hover {
	text-decoration: none;
	background-color: #007f39
}

	.header .search{float:right}
	.header .search .search-item{display:inline-block;height:30px;line-height:30px;background-color:#fff;padding:0 5px;margin-left:-2px;overflow:hidden;box-sizing:border-box}
	.header .search .search-item .ai-watermark{vertical-align:top;font-size:12px}
	.header .search .search-item.select{overflow:visible;width:80px;vertical-align:top;font-size:12px;padding:0;border:1px #3B9B5E solid}
	.header .search .search-item.select select{display:none}
	.header .search .search-item.select .ai-select{color:#333}
	.header .search .search-item.select .ai-select-arrow{width:20px;height:26px;margin:1px;display:block;background-color:#3B9B5E}
	.header .search .search-item.select .ai-select-arrow .sprite{display:block;height:100%;background-position:-7px -495px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}
	.header .search .search-item.select .ai-select-item{height:30px;text-indent:5px}
	.header .search .search-item.select .ai-select-list{width:100px;top:28px;left:-1px;z-index:20;border:1px #3B9B5E solid}
	.header .search .search-item.input{border:1px #3B9B5E solid}
	.header .search select,.header .search input{border:0;outline:0}
	.header .search select{display:inline-block;clear:both}
	.header .search input{width:140px;font-size:14px}
	.header .search .button{padding:0}
	.header .search .button a{color:#fff;padding:0 15px;display:block;font-weight:bold}
	.header .search .button a:hover{text-decoration:none;background-color:#348953}


.header .welcome {
	font-size: 16px;
	color: #777;
	text-align: right;
	padding: 0 0 20px 0
}

.header .welcome em {
	color: #00508F
}

.header .banner-top {
	margin-bottom: 20px;
	height: 284px
}

@media screen and (max-width: 1200px) {
	.header .banner-top {
		height: 232px
	}
}

.header .banner-top img {
	display: block;
	width: 100%
}

.header .menu {
	height: 74px;
	overflow: hidden
}

.header .menu li {
	display: block;
	float: left;
	width: 96.2px;
	margin-right: 4px;
	margin-bottom: 4px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	overflow: hidden
}

.header .menu li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #00508F
}

.header .menu li a:hover,.header .menu li a.current {
	text-decoration: none;
	background-color: #004276
}

.header .menu li.first {
	width: 96px;
	height: 74px;
	line-height: 35px;
	margin-bottom: 0
}

.header .menu li.first em {
	font-size: 22px;
	display: block;
	line-height: 1;
	margin-top: 13px
}

.header .menu li.last {
	margin-right: 0
}

@media screen and (max-width: 1200px) {
	.header .menu li {
		width: 73px;
		margin-right: 2px;
		margin-bottom: 2px
	}
	.header .menu li.first {
		width: 80px;
		height: 72px
	}
}

.content {
	padding: 10px 0;
	position: relative
}

.footer {
	font-size: 12px;
	line-height: 1.8;
	color: #777;
	margin: 0 auto;
	padding: 0 0 30px 110px;
	position: relative
}

.footer .cnzz {
	position: absolute;
	left: 0;
	top: 0
}

.footer a {
	color: #777
}

.footer .item:after {
	content: '';
	display: table;
	clear: both
}

.footer li {
	display: block;
	float: left;
	width: 25%
}

.footer li.colspan2 {
	width: 50%
}

.footer li.text-right {
	text-align: right
}

@font-face {
	font-family: "iconfont";
	src: url("../font/iconfont.eot?t=1497714099889");
	src: url("../font/iconfont.eot?t=1497714099889#iefix")
		format("embedded-opentype"),
		url("../font/iconfont.woff?t=1497714099889") format("woff"),
		url("../font/iconfont.ttf?t=1497714099889") format("truetype"),
		url("../font/iconfont.svg?t=1497714099889#iconfont") format("svg")
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-touch:before {
	content: "\e637"
}

.icon-message:before {
	content: "\e638"
}

.icon-cloud:before {
	content: "\e639"
}

.icon-address:before {
	content: "\e63b"
}

.icon-people:before {
	content: "\e63c"
}

.icon-target:before {
	content: "\e63d"
}

.icon-hotel:before {
	content: "\e63e"
}

 .icon-cake:before { 
   	content: "\e63f"   
  } 

.icon-sign:before {
	content: "\e640"
}

.icon-dot:before {
	content: "\e642"
}

.icon-arrow:before {
	content: "\e643"
}

.icon-cnzz:before {
	content: "\e644"
}

.icon-process:before {
	content: "\e646"
}

.icon-eye:before {
	content: "\e645"
}

.icon-mail:before {
	content: "\e647"
}

.icon-mouse:before {
	content: "\e648"
}

.icon-lz{
	width:20px;
	height:20px;
}

.row {
/* 	zoom: 1 */
	.row{ overflow:hidden;}
}

.row .col-8 {
	width: 100%;
	float: left;
	box-sizing: border-box
}

@media screen and (max-width: 1200px) {
	.row .col-8 {
		width: 770px
	}
}

.row .col-2 {
	width: 240px;
	float: right;
	box-sizing: border-box
}

@media screen and (max-width: 1200px) {
	.row .col-2 {
		width: 206px
	}
}

.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.row.row-color .col-2 {
	background-color: #fff;
	box-sizing: border-box;
	border: 1px #0B308E solid
}

.row.row-color .col-8 {
	background-color: #fff;
	box-sizing: border-box;
	border: 1px #0B308E solid;
	padding: 20px 50px
}

@media screen and (max-width: 1200px) {
	.row.row-color .col-8 {
		padding: 10px 20px
	}
}

.ai-select {
	position: relative
}

.ai-select .ai-select-arrow {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.ai-select .ai-select-item {
	cursor: pointer;
	overflow: hidden
}

.ai-select .ai-select-list {
	position: absolute;
	left: 0;
	top: 20px;
	border: 1px #ddd solid;
	background-color: #fff;
	display: none
}

.ai-select .ai-select-list li {
	padding: 8px 10px;
	line-height: 1.3;
	cursor: pointer
}

.ai-select .ai-select-list li.hover,.ai-select .ai-select-list li.active
	{
	background-color: #ddd
}

.slider {
	position: relative;
	overflow: hidden;
	height: 100%
}

.slider .slider-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none
}

.slider .slider-image a {
	display: block;
	height: 100%
}

.slider .slider-image a img {
	display: block;
	width: 100%;
	height: 100%
}

.slider .slider-text {
	position:absolute; 
	z-index:1;
	bottom: 0px;
	width:100%;
	height:8%;
	background-color: #6e6e6e;
	background-color: rgba(0,0,0,0.5);
	color:#FFFFFF;
	padding-top:6px;
}

.slider .slider-arrow {
	position: absolute;
	opacity: .3;
	filter: alpha(Opacity = 30);
	width: 52px;
	height: 84px;
	top: 50%;
	margin-top: -42px;
	line-height: 84px;
	text-align: center;
	display: none;
	background-color: #000
}

.slider .slider-arrow:hover {
	opacity: 0.5;
	filter: alpha(Opacity = 50)
}

.slider .slider-arrow span {
	width: 26px;
	height: 49px;
	display: block;
	background: url(../img/slider-arrow.gif) no-repeat;
	overflow: hidden;
	margin: 17px 13px;
	text-indent: -99999px;
	cursor: pointer
}

.slider .slider-arrow.goPrev {
	left: 2%
}

.slider .slider-arrow.goPrev span {
	background-position: 0 0
}

.slider .slider-arrow.goNext {
	right: 2%
}

.slider .slider-arrow.goNext span {
	background-position: 0 -49px
}

.slider .slider-nav {
	position: absolute;
	right: 2%;
	bottom: 10px;
/* 	right: 40px; */
	z-index: 10
}

.slider .slider-nav li {
	display: block;
	float: left;
	overflow: hidden;
	width: 10px;
	margin-right: 10px
}

.slider .slider-nav li a {
	display: block;
	zoom: 1;
	float: left;
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: .4;
	filter: alpha(Opacity = 40);
	border-radius: 100%;
	margin-right: 10px;
	text-indent: -99999px;
	cursor: pointer;
	overflow: hidden
}

.slider .slider-nav li a.active {
	opacity: 1;
	filter: alpha(Opacity = 100);
	background-color: #fff
}

.ai-watermark {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.ai-watermark-placeholder {
	position: absolute;
	left: 0;
	top: 0;
	color: #999;
	z-index: 2
}

.ai-calendar {
	position: absolute;
	left: 50%;
	top: 33px;
	margin-left: -110px;
	border: 1px #ddd solid;
	background-color: #fff;
	width: 220px !important
}

.ai-calendar-header {
	text-align: center;
	padding: 10px 5px;
	position: relative;
	zoom: 1
}

.ai-calendar-header .ai-calendar-prev,.ai-calendar-header .ai-calendar-next
	{
	position: absolute;
	z-index: 3;
	left: 5px;
	top: 5px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	cursor: pointer;
	font-size: 16px
}

.ai-calendar-header .ai-calendar-prev:hover,.ai-calendar-header .ai-calendar-next:hover
	{
	background-color: #eee;
	text-decoration: none
}

.ai-calendar-header .ai-calendar-next {
	left: auto;
	right: 5px
}

.ai-calendar-title {
	display: inline-block;
	_display: inline
}

.ai-calendar-title select {
	margin: 0 3px
}

.ai-calendar-body {
	padding: 0 5px 5px
}

.ai-calendar-table {
	width: 100%
}

.ai-calendar-table td,.ai-calendar-table th {
	text-align: center;
	line-height: 28px
}

.ai-calendar-table td a,.ai-calendar-table th a {
	display: block;
	border: 2px #fff solid;
	color: #555
}

.ai-calendar-table td a:hover,.ai-calendar-table th a:hover {
	border: 2px #ddd solid;
	text-decoration: none
}

.ai-calendar-table th {
	background-color: #eee
}

.ai-calendar-today {
	background-color: #3B9B5E
}

.ai-calendar-today a {
	color: #fff !important;
	border: 0 !important
}

.ai-calendar-selected {
	background: none !important
}

.ai-calendar-selected a {
	border: 2px #e87566 solid !important;
	color: #e87566 !important
}

.ai-calendar-other-month a {
	color: #ccc !important;
	font-weight: normal !important
}

.ai-tips-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	color: #000;
	background: #000;
	opacity: 0;
	filter: alpah(opacity = 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	*position: absolute;
	*font-size: 1px;
	*zoom: 1
}

.ai-tips-cnt {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	padding: 10px 20px;
	border: 4px #e87566 solid;
	background-color: #fff;
	word-break: break-all;
	text-align: center;
	color: #e87566
}

.ai-dialog {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden
}

.ai-dialog .iframe-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ai-dialog-header {
	background-color: #3B9B5E;
	color: #fff;
	position: relative;
	line-height: 32px;
	padding: 5px 10px
}

.ai-dialog-header .ai-dialog-title {
	display: inline-block
}

.ai-dialog-header .ai-dialog-tool {
	position: absolute;
	right: 10px;
	top: 5px
}

.ai-dialog-header .ai-dialog-tool .ai-dialog-tool-close {
	color: #fff;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center
}

.ai-dialog-header .ai-dialog-tool .ai-dialog-tool-close:hover {
	text-decoration: none;
	background-color: #47BB72
}

.ai-dialog-body {
	position: relative;
	overflow: hidden;
	padding: 5px;
	background-color: #fff;
	border: 3px #3B9B5E solid
}

.ai-dialog-body iframe {
	width: 100%;
	height: 100%;
	border: 0
}

.ai-dialog-mask {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	*position: absolute;
	*font-size: 1px;
	*zoom: 1
}

.page-login {
	background-color: #fff
}

.login {
	margin-bottom: 50px;
	position: relative
}

.login:before,.login:after {
	position: absolute;
	z-index: 9999;
	right: 0;
	top: 0;
	content: '';
	width: 41px;
	height: 41px;
	background: url(../img/login-slider-corner.png) no-repeat right top
}

.login:after {
	top: auto;
	left: 0;
	right: right;
	bottom: 0;
	background-position: left bottom
}

.login-slider {
	height: 600px;
	overflow: hidden;
	position: relative
}

@media screen and (max-width: 1200px) {
	.login-slider {
		height: 500px
	}
}

.login-slider:before,.login-slider:after {
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	content: '';
	width: 41px;
	height: 41px;
	background: url(../img/login-slider-corner.png) no-repeat
}

.login-slider:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	background-position: right bottom
}

.login-form {
	position: absolute;
	top: 20%;
	right: 10%;
	z-index: 9999;
	width: 340px;
	color: #fff
}

.login-form .bd {
	background-color: rgba(27, 45, 89, 0.6);
	padding: 20px 40px;
	background: url(../img/login-bg.png) no-repeat center center \9
}

.login-form .bd .form .item {
	margin-bottom: 10px
}

.login-form .bd .form .item.item-action {
	margin-bottom: 0
}

.login-form .bd .form .item label {
	display: block;
	margin-bottom: 3px
}

.login-form .bd .form .item input {
	width: 100%;
	border: 1px #fff solid;
	background-color: #fff;
	vertical-align: middle;
	padding-left: 3px
}

.login-form .bd .form .item input.danger {
	border-color: #c40000
}

.login-form .bd .form .item input[type=checkbox] {
	width: auto;
	border: 0
}

.login-form .bd .form .item .help-block {
	color: #fff;
	background: #c40000;
	font-size: 12px;
	padding: 2px
}

.login-form .bd .form .item .btn {
	display: inline-block;
	background-color: #F29600;
	padding: 2px 30px;
	color: #3E3A39;
	margin-top: 10px;
	margin-right: 30px
}

.login-form .bd .form .item .btn:hover,.login-form .bd .form .item .btn:active
	{
	background-color: #c97d00;
	text-decoration: none
}

.office {
	
	width: 20%;
	float: left;
    height: 350px;
    margin-left: 1%
	
}

.office .hd h3 {
	background-color: #fff;
	line-height: 48px;
	padding: 0 20px;
	color: #004F8D;
	font-size: 18px;
	border: 1px #0B308E solid;
	box-sizing: border-box;
	text-align: center
}

.office .bd {
	overflow: hidden;
	border: 1px #0B308E solid;
	border-top-color: #fff;
	 height: 300px
}

.office .bd li {
	display: block;
	line-height: 54px;
	background-color: #fff;
	
	box-sizing: border-box;
	margin-top: 4px;
	padding-left: 20px
}

.office .bd li a {
	display: inline-block;
	color: #004F8D
}

.office .bd li a .sprite {
	display: block;
	width: 45px;
	height: 38px;
	float: left;
	margin-right: 8px;
	margin-top: 9px;
	background-position: center center
}

.office .bd li a .iconfont {
	font-size: 1.7em;
	margin-right: 10px;
	display: block;
	float: left;
	width: 30px
}

.office .bd li a .icon-eye:before,.office .bd li a .icon-mail:before {
	margin-left: -5px
}

.office .bd li span {
	display: inline-block;
	color: #004F8D;
	margin-left: 5px
}

.office .bd li span a {
	display: inline-block;
	font-size: 12px;
	color: #004F8D;
	padding: 0;
	line-height: 1;
	background: none
}

.office .bd li span img {
	width: 12px;
	height: 12px
}

.subsystem {
	width: 30%;
	float:left;
	height: 300px;
	margin-left: 1%
}

.subsystem .hd h3 {
	background-color: #fff;
	border: 1px #0B308E solid;
	box-sizing: border-box;
	line-height: 48px;
	padding: 0 20px;
	color: #004F8D;
	font-size: 18px;
	text-align: center
}

.subsystem .bd {
	background-color: #fff;
	padding: 30px 20px 20px 20px;
	border: 1px #0B308E solid;
	border-top: 0;
	box-sizing: border-box;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.subsystem .bd a {
	color: #004F8D;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	line-height: 30px
}

.banner {
	float: left;
	width: 400px;
	height: 350px;
	overflow: hidden
}

.banner .hd {
	border: 1px #0B308E solid;
	border-bottom: 1px #fff solid;
	color: #004F8D;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	line-height: 48px;
	border-top-right-radius: 4px;
	padding: 0 20px;
	background-color: #fff;
	width: 358px
}

.banner .bd {
	border: 1px #0B308E solid;
	height: 300px;
	box-sizing: border-box;
	background-color: #fff
}

.tabs-news {
	margin-left: 0px;
	float: left;
	width: 49.5%;
	height: 350px;
	overflow: hidden
}

.tabs-news .tabs-nav li {
	background-color: #EEEEEF;
	color: #777;
	width: 100%;
	display: inline-block;
	font-size: 16px;
	line-height: 48px;
	padding: 0 20px;
	border: 1px #EEEEEF solid;
	box-sizing: border-box;
	text-align: center;
	border-top-right-radius: 4px
}

.tabs-news .tabs-nav li.active {
	background-color: #fff;
	color: #004F8D;
	box-sizing: border-box;
	border: 1px #0B308E solid;
	border-bottom: 1px #fff solid;
	position: relative;
	z-index: 2
}

.tabs-news .tabs-nav li.active:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: -2px;
	border-bottom: 1px #fff solid;
	z-index: 10
}

.tabs-news .tabs-nav li.last {
	float: right;
	border-top-left-radius: 4px;
	border-top-right-radius: 0
}

.tabs-news .tabs-panel {
	background-color: #fff;
	padding: 15px 20px;
	box-sizing: border-box;
	height: 300px;
	overflow: hidden;
	display: none;
	border: 1px #0B308E solid;
	position: relative;
	z-index: 1
}

.tabs-news .tabs-panel.active {
	width: 100%;
	display: block
}

.tabs-news .tabs-panel li {
	display: block;
	line-height: 30px
}

.tabs-news .tabs-panel a {
	display: inline-block;
	max-width: 60%;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tabs-news .tabs-panel a.new {
	color: #E50012
}

.tabs-news .tabs-panel span {
	float: right
}

@media screen and (max-width: 1200px) {
	.tabs-news .tabs-panel {
		font-size: 12px
	}
}

.tabs-category {
	margin: 12px 0 10px 0
}

.tabs-category .tabs-nav {
	position: relative;
	z-index: 2
}

.tabs-category .tabs-nav li {
	display: block;
	background-color: #EEEEEF;
	border: 1px #EEEEEF solid;
	color: #777;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	width:24.5%;
	float: left;
	margin-right: 0.571428%;
	box-sizing: border-box;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.tabs-category .tabs-nav li.first {
	border-top-left-radius: 0
}

.tabs-category .tabs-nav li.last {
	border-top-right-radius: 0
}

.tabs-category .tabs-nav li.active {
	background-color: #fff;
	color: #004F8D;
	box-sizing: border-box;
	border: 1px #0B308E solid;
	border-bottom: 1px #fff solid;
	position: relative;
	z-index: 3
}

.tabs-category .tabs-nav li.active:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	border-bottom: 1px #fff solid;
	z-index: 10
}

.tabs-category .tabs-nav li.last {
	float: right;
	margin-right: 0
}

.tabs-category .tabs-panel {
	background-color: #fff;
	display: none;
	padding: 30px 40px;
	box-sizing: border-box;
	border: 1px #0B308E solid;
	height: 350px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.tabs-category .tabs-panel.active {
	display: block
}

.tabs-category .tabs-panel li {
	display: block;
	width: 45%;
	margin-right: 10%;
	box-sizing: border-box;
	float: left;
	line-height: 28px
}
.tabs-category .tabs-panel li.right {
	margin-right: 0
}

.tabs-category .tabs-panel li span {
	float: right
}

.tabs-category .tabs-panel a {
	max-width: 80%;
	color: #333;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
/* .tabs-category .tabs-panel li:HOVER { */
/* 	background-color: #E50012; */
/* 	text-decoration: none; */
/* 	color: #fff */
/* } */
/* .tabs-category .tabs-panel a:HOVER { */
/* 	background-color: #E50012; */
/* 	text-decoration: none; */
/* 	color: #fff */
/* } */
.tabs-category .tabs-panel a.new {
	color: #E50012
}

@media screen and (max-width: 1200px) {
	.tabs-category .tabs-panel {
		font-size: 12px;
		padding: 30px
	}
}

.tile li {
	display: block;
	float: left;
	width: 15.833333%;
	margin-right: 1%;
	background-color: #DBDCDC;
	color: #004F8D;
	box-sizing: border-box;
	border: 1px #0B308E solid;
	text-align: center;
	position: relative;
	margin-bottom: 10px
}

.tile li.birthday {
	margin-right: 0;
	float: right;
	background-color: #fff;
	height: 202px;
	padding-top: 14px;
	overflow-y: auto;
	overflow-x: hidden
}

.tile li.birthday span {
	margin-bottom: 10px;
	display: block
}

.tile li.birthday li {
	color: #004F8D;
	display: block;
	padding: 0 10px;
	border: 0;
	background-color: transparent;
	float: none;
	width: 100%;
	margin: 0;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all
}

.tile li .iconfont {
	display: block;
	font-size: 3em;
	line-height: 1;
	margin-bottom: 5px
}

.tile li a {
	color: #004F8D;
	display: block;
	height: 94px;
	padding-top: 14px;
	box-sizing: border-box
}

.tile li a:hover {
	background-color: #E50012;
	text-decoration: none;
	color: #fff
}

.tile li.colspan2 {
	width: 32.666666%
}

.tile li .slider {
	height: 94px
}

.tile li .slider .slider-image a {
	padding: 0
}

.tile li .slider .slider-image a:hover {
	background-color: transparent;
	color: inherit
}

.tile li .slider .slider-nav {
	left: auto;
	bottom: 0;
	right: 0
}

.tile li .slider .slider-nav li {
	margin: 0;
	width: auto;
	background-color: transparent;
	border: 0
}

.tile li .slider .slider-nav a {
	background-color: #000;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: normal;
	border-radius: 0;
	text-indent: 0;
	text-align: center;
	margin-left: 1px;
	margin-right: 0;
	padding: 0
}

.tile li .slider .slider-nav a.active {
	background-color: #c40000
}

.nav-category {
	padding-bottom: 36px
}

.nav-category .title {
	margin-bottom: 4px;
	border-bottom: 1px #0B308E solid
}

.nav-category .title h3 {
	font-size: 17px;
	white-space: nowrap;
	padding-bottom: 20px;
	padding-top:20px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	color: #004F8D
}

.nav-category li {
	border-bottom: 4px #fff solid
}

.nav-category li a {
	display: block;
	line-height: 36px;
	padding-left: 36px;
	color: #00508F;
	position: relative;
	border-top: 1px #0B308E solid;
	border-bottom: 1px #0B308E solid
}

.nav-category li a:before {
	position: absolute;
	content: '\e643';
	z-index: 0;
	font-family: 'iconfont';
	left: 16px;
	color: #00993e
}

.nav-category li a:hover,.nav-category li a.current {
	background-color: #E3E4E4;
	text-decoration: none
}

.nav-category li a.show:before {
	content: '\e643'
}

.nav-category li ul {
	display: none;
	border-bottom: 1px #0B308E solid
}

.nav-category li ul li {
	border: 0
}

.nav-category li ul li a {
	font-size: 12px;
	border: 0
}

.nav-category li ul li a:before {
	position: absolute;
	content: '\e642';
	z-index: 0;
	font-family: 'iconfont';
	left: 16px;
	color: #00993e;
	font-size: 10px
}

.nav-category li ul li a.current {
	background-color: #E3E4E4
}

.nav-category li.active ul {
	display: block
}

.nav-category li.active .nav-list {
	border: 0
}

.location {
	padding: 10px 0 0 0;
	border-bottom: 1px #ddd solid
}

.location span {
	color: #E50012;
	line-height: 28px;
	font-size: 12px
}

.location span a {
	color: #E50012
}

.search-time {
	padding: 20px 0 10px 0
}

.search-time .page-title {
	font-size: 23px;
	display: inline-block
}

.search-time .search {
	float: right;
	margin-top: 6px
}

.search-time .search-item {
	font-size: 12px;
	position: relative;
	line-height: 24px;
	box-sizing: border-box;
	display: inline-block;
	background-color: #DBDCDC
}

.search-time .search-item .ai-watermark-placeholder {
	left: 5px
}

.search-time .search-item label,.search-time .search-item input {
	height: 24px;
	line-height: 24px;
	margin-right: 3px;
	outline: 0;
	vertical-align: middle;
	box-sizing: border-box;
	vertical-align: top
}

.search-time .search-item input {
	border: 0;
	width: 110px;
	padding: 0 5px;
	background-color: #DBDCDC
}

.search-time .search-item label {
	background-color: #0D53A4;
	display: inline-block;
	color: #fff;
	padding: 0 5px
}

.search-time .search-item .btn {
	background-color: #0D53A4;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	line-height: 24px
}

.search-time .search-item .btn:hover {
	background-color: #0a407e;
	text-decoration: none
}

.search-time .search-item.time input {
	width: 80px
}

.list {
	padding: 10px 0
}

.list a {
	color: #333
}

.list table {
	width: 100%
}

.list table th,.list table td {
	text-align: left;
	padding: 8px 5px
}

.list table th {
	color: #333;
	font-weight: bold;
	border-bottom: 2px #ddd solid
}

.list table td {
	border-bottom: 1px #ddd solid
}

.list table tr th:last-child,.list table tr td:last-child {
	text-align: right
}

.pagination {
	padding: 30px 0;
	overflow: hidden;
	font-size: 12px
}

.pagination .info {
	float: left
}

.pagination .link {
	float: right
}

.pagination li {
	display: block;
	float: left
}

.pagination li a {
	display: inline-block;
	color: #333;
	margin-left: 10px
}

.pagination li a:hover {
	text-decoration: underline
}

.pagination li span {
	display: block;
	padding: 5px 12px
}

.pagination li.disabled a,.pagination li.disabled span {
	color: #aaa;
	cursor: no-drop
}

.pagination li.disabled a:hover,.pagination li.disabled span:hover {
	text-decoration: none
}

.pagination li.inline {
	padding-left: 10px;
	margin-right: 15px
}

.pagination li.inline input {
	width: 30px;
	text-align: center;
	margin: 0 5px;
	border: 1px #999 solid;
	height: 20px;
	line-height: 20px;
	outline: 0;
	vertical-align: top;
	box-sizing: border-box
}

.pagination li.inline a {
	display: inline-block;
	margin-left: 0;
	border: 0;
	color: #E50012
}

.pagination li.inline a:hover {
	text-decoration: underline
}

.detail {
	padding: 30px 0
}

.detail .detail-title {
	text-align: center;
	border-bottom: 1px #E6E6E6 solid;
	padding-bottom: 15px;
	margin-bottom: 20px
}

.detail .detail-title h2 {
	font-size: 26px;
	margin-bottom: 10px;
	color: #222;
	font-weight: bold
}

.detail .detail-title p {
	font-size: 12px;
	color: #999
}

.detail .detail-title p span {
	margin: 0 15px
}

.detail .detail-content {
	font-size: 16px;
	color: #444
}

.detail .detail-content p {
	margin-bottom: 20px;
	text-indent: 2em
}

.detail .detail-content a {
	color: #015c87
}