* {
	box-sizing: border-box;
}
body {
	background: url(../img/zl_bg.png);
	background-size: 100%;
	overflow-x: hidden;
}
.lc_body h1, .lc_body h2, .lc_body h3, .lc_body h4, .lc_body h5, .lc_body h6 {
	margin: 0;
}
.lc_body p {
	margin: 0;
}
.lc_body ul {
	margin: 0;
	padding: 0;
}
.lc_body {
	margin: 0;
	font-family: Microsoft YaHei;
	color: #fff;
	width: 100%;
	
	position: relative;
	padding-right: 6px;
	padding-left: 6px;
}
.lc_row {
	display: flex;
	width: 100%;
	/*flex-wrap: wrap;*/
	margin-right: -5px;
	margin-left: -5px;
}
.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}
.lc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.lc_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
}
.lc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.lc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.lc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
 @media (min-width: 1200px) {
.lc_col_xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_xl_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_xl_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_xl_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
}
.lc_col_xl_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_xl_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.lc_col_xl_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.lc_col_xl_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_xl_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.lc_col_xl_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_xl_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_xl_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.lc_col_xl_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_xl_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
}
.btn-group, .btn-group-vertical {
	display: inline-flex;
	vertical-align: middle;
}
.btn-primary {
	color: #fff!important;
	background-color: rgba(44, 109, 210, 1)!important;
	border-color: #8760fb;
}
.btn-group>.btn:not(:first-child) {
	margin-left: -1px;
}
.btn-group-sm>.btn {
	border: 1px solid #f2f2f2;
 padding: .25rem .5rem;
	text-align: center;
	vertical-align: middle;
	color: #666;
	margin: 0;
	font-size: 12px;
	background: none;
}
.btn-padding {
padding:.25rem 1rem !important
}
.btn-padding span {
	display: inline-block;
	padding-top: 12px !important
}
.gradient-branding {
	background: #6a11cb;
	background: -webkit-linear-gradient(180deg, #727cf5, #8e75dc) !important;
	background: linear-gradient(180deg, #727cf5, #8e75dc) !important;
}
.align-items-center {
	align-items: center !important;
}
.font18 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-left: 1rem
}
.badge {
	padding: 3px 5px 4px;
}
.badge-secondary {
	color: #ff7671;
	font-weight: bold;
	background: #f2f2f2;
	border-radius: 5px
}
.badge-success {
	color: #3fcbca;
	;
	font-weight: bold;
	background: #f2f2f2;
	border-radius: 5px
}
.text-center {
	text-align: center!important;
}
.m-0 {
	margin: 0!important;
}
.mt-3 {
	margin-top: 10px
}
.mt-5 {
margin-top:.6rem
}
.p-0 {
	padding: 0!important;
}
.pr0{ padding-right:0}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.lc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	background-size: 100% 100%;
	margin-top:.5vh;
	border: 1px solid rgba(15,115,227,0.5);
	box-shadow: inset 0 0 30px #004681 !important;

}


.card:before, .card:after {
	position: absolute;
	width: 8px;
	height: 8px;
	content: "";
	border-top: 2px solid #3fdafa;
	top: 0;
}
.card .boxfoot::before, .card .boxfoot::after {
	position: absolute;
	width: 8px;
	height: 8px;
	content: "";
	border-bottom: 2px solid #02a6b5;
	bottom: 0;
}
.card:before, .boxfoot:before {
	border-left:  2px solid #177efa;
	left: 0;
}
.card:after, .boxfoot:after {
	border-right: 2px solid #02a6b5;
	right: 0;
}
.height30 {
	height: 22.6vh
}
.left_bg1 {
	background: url(../img/left_bg1.png);
}
.left_bg2 {
	background: url(../img/left_bg2.png);
}
.left_bg3 {
	background: url(../img/left_bg3.png);
}
.right_bg1 {
	background: url(../img/right_bg1.png);
}
.right_bg2 {
	background: url(../img/right_bg2.png);
}
.right_bg3 {
	background: url(../img/right_bg3.png);
}
.custom-card {
	border-radius: 10px;
	margin-bottom: 7px;
	background-color: #fff;
	width: 100%;
}
.h3bg {
	color: #0220fc;
	padding: 10px 45px;
	border-radius: 30px;
	margin: 10px;
	display: inline-block;
	font-size: 30px;
	font-weight: bold
}
.custom-card .lc_col_7 {
	font-weight: bold;
	padding: 10px;
	padding-left: 25px
}
.custom-card .lc_col_5 {
	padding: 10px;
	background: linear-gradient(160deg, #a6ddfc, #a8c5fd);
	color: #fff;
	text-align: right;
	border-radius: 0 10px 10px 58px
}
.lc_body .lc_top .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	background: url(../img/top_bg_home.png);
	background-size: 100% 100%;
}
.bm_0 {
	border-bottom: none;
}
.br_1 {
	border-right: 1px solid #e3e5e4;
}
.bm_1 {
	border-bottom: 1px solid #e3e5e4;
}
.task-list li h6 {
	margin-bottom: 8px !important;
}
.tx-12 {
	font-size: 12px;
}
.text-muted {
	color: #99a6b7 !important;
}
.text-444 {
	color: #444 !important;
}
.media {
	display: flex;
	align-items: flex-start;
	height: 70px;
}
.media-body {
	display: flex;
	align-items: center;
	flex: 1;
}
h5, .h5 {
	font-size: 1.09375rem;
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
.lc_body .card-body {
	flex: 1 1 auto;
	padding: .5vh;
}

.lc_body .card-title {
	font-size: 14px;
	font-weight: 600;
	color: #00ccf3;
	flex: 1 1 auto;
	height: 3.2vh;
	line-height:3.2vh ;
	padding-left: 18px;
	background: url(../img/h2_icon.png) left 10px center no-repeat;
}
.lc_body .card-title .more {
	color: #fff;
	font-size: 12px;
	font-weight: normal
}
.lc_body .card-title span {
	padding: 0 10px;
	position: relative;
}
.lc_body .card-title span i {
	color: #085eef;
}
.text-danger {
	color: #ff473d !important;
}
.text-999 {
	color: #999 !important;
}
.text-success {
	color: #03c895 !important;
}
.text-warning {
	color: #ffc107 !important;
}
.text-primary {
	color: #8760fb !important;
}
.text-cot-1 {
	color: #ff4146!important
}
.text-cot-2 {
	color: #42bc9f!important
}
.text-cot-3 {
	color: #32a5ff!important
}
.text-cot-4 {
	color: #7581f7!important
}
.jxicon_15 {
	color: #ff4146!important
}
.jxicon_16 {
	color: #7581f7!important
}
.jxicon_17 {
	color: #9d5cf6!important
}
.bg-primary {
	background-color: #8d76dd !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
	background-color: #8d76dd !important;
}
.bg-secondary {
	background-color: #eb6f33 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
	background-color: #eb6f33 !important;
}
.bg-success {
	background-color: #3fcbca !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
	background-color: #3fcbca !important;
}
.bg-info {
	background-color: #4bb5ea !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
	background-color: #4bb5ea !important;
}
.bg-warning {
	background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
	background-color: #d39e00 !important;
}
.bg-danger {
	background-color: #ff7671 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
	background-color: #ff7671 !important;
}
.bg-light {
	background-color: #e1e6f1 !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
	background-color: #dbe0ea !important;
}
.bg-dark {
	background-color: #3b4863 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
	background-color: #131212 !important;
}
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}
.text-center {
	text-align: center !important;
}
 *::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #e1e6f1;
}
*:hover::-webkit-scrollbar-thumb {
 background: #adb5bd;
}
/*-----Br Themes-----*/
h6, .h6 {
	font-size: 14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}
.list-group-item {
	margin: 0;
	position: relative;
	display: block;
 padding: 0.5rem .1rem;
	background-color: #fff;
	border-bottom: 1px solid #e1e6f1;
}
.list-group-item i {
	color: #257bec
}
.list-group-item:nth-child(1) i {
	color: #de4b66 !important
}
.list-group-item:nth-child(2) i {
	color: #dc44be !important
}
.list-group-item:nth-child(3) i {
	color: #5955e3 !important
}
.jctab-content .task-list {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.task-list li {
	float: left;
	width: 50%;
	padding: 4px;
	position: relative;
	line-height: 28px;
}
.lc_body a {
	text-decoration: none
}
.task-list li a {
	border: 1px solid #e3e3e5;
	display: inline-block;
	border-radius: 6px;
	width: 100%;
	padding: 5px;
	color: #333;
	font-size: 13px
}
.task-list li i {
	color: #257bec;
	margin-right: 3px;
}
.jc-num {
	position: absolute;
	right: 5px;
	color: #fd624c
}
.jc-num i {
	color: #bbbbbb !important;
}
.task-list li:last-child {
	margin-bottom: 0;
}
.task-list li .task-icon {
	position: absolute;
	left: 22px;
	top: 13px;
	border-radius: 50%;
	padding: 2px;
	width: 17px;
	height: 17px;
	z-index: 2;
}
.jc-ulbox li {
	width: 33.333%;
	float: left;
	padding: 9px 5px;
	list-style: none
}
.jc-ulbox a {
	display: block;
	font-size: 12px;
	color: #085eef;
	border-radius: 20px;
	border: 1px dashed #085eef;
	padding: 3px 8px;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-decoration: none; /* 无用 */
}
.task-list li h6 {
	margin-bottom: 5px;
}
.product-img img {
	transform: scale(1);
	transition: .3s ease-in-out;
}
.product-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.item-card .product-info {
	padding: 0;
	margin: 0;
	opacity: 0;
	left: 0;
	right: 0;
	text-align: center;
	position: absolute;
	bottom: -30px;
	z-index: 1;
	transition: all .5s ease 0s;
}
.item-card:hover .product-info {
	opacity: 1;
	bottom: 30%;
}
.main-content {
	min-height: 78vh;
}
.breadcrumb-3 ol {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.breadcrumb-3 li {
	display: contents;
	text-align: center;
}
.breadcrumb-4 ol {
	position: relative;
	display: block;
	width: 100%;
	text-align: right;
}
.breadcrumb-4 li {
	display: contents;
	text-align: right;
}
.z-index2 {
	z-index: 2;
}
.p-15 {
	padding: 15px !important;
}
.progress {
	display: -ms-flexbox;
	display: flex;
	width: 80px;
 height: .2rem;
	overflow: hidden;
 font-size: .75rem;
	background-color: rgba(0, 0, 0, 0.05);
 border-radius: .25rem;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
	transition: width .6s ease;
}
.tx-11 {
	font-size: 11px;
}
.progress-percentage {
	float: right;
}
.bg-success {
	background-color: #3fcbca!important;
}
.bg-danger2 {
	background-color: #eb5076 !important;
}
.bg-secondary2 {
	background-color: #d13adf !important;
}
.bg-info2 {
	background-color: #03d0ea !important;
}
.icon-box {
	width: 55px;
	height: 55px;
	margin: auto;
	border: 0px solid #fff;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
}
.icon-box {
	color: #fff
}
.icon-tubiao11 {
	font-size: 30px
}
.card-variant-triangle-info2 {
	color: #95d2ec;
	width: 0;
	height: 0;
	border-right: 25px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}
.card-variant-triangle-info {
	color: #95d2ec;
	width: 0;
	height: 0;
	border-top: 25px solid #d5edf7;
	border-right: 25px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}
.card-title .icon--huanbaobumenjiancejigou {
margin-right:.2rem;
	font-size: 14px
}
.height44 {
	height: 35.8vh;
	overflow: auto
}
.height35 {
	width: 100%;
	height: 45vh;
	overflow: auto
}
.height34 {
	height: 34.4rem;
}
.height22 {
	width: 100%;
	height: 20rem;
	overflow: auto
}
.w-icon .iconfont {
}
.w-icon {
	font-size: 12px;
	text-align: center;
	display: inline-block;
}
.w-img {
	float: left;
	width: 60px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #0bc6fe;
	margin-right: 15px
}
.w-img img{ width:100%}
.w-img i {
	font-size: 20px
}
.ml-2 {
	margin-left: 3rem
}
.ml-1 {
	margin-right: 1rem
}
.media-body h5.mb-1 {
	font-size: 24px;
	color: #e3cd11;
}
.media-body h5.mb-1 .numb {
	font-size: 12px !important;
	position: relative;
	top: -6px;
margin-left:.6rem
}
.media-body p {
	color: #e3f5ff;
	margin: 0;
	font-weight: bold;
	display: inline-block;
	font-size: 13px
}
.rounded-0 .card-body {
padding:.5rem 1rem
}
.lc_suzi {
	height: 8px;
	width: 8px;
	background: #f36b53;
	display: inline-block;
	margin-right: 1rem;
	border-radius: 50%;
}
.media-body .h5 {
	margin: 1rem 0 !important
}
.lc_table_cot {
	width: 100%;
	box-sizing: content-box
}
.lc_table_cot td {
	font-size: 12px
}
.br-m {
border-bottom:1px solid #
}
.lc_table_cot td .t_2 {
	font-size: 16px !important;
}
.lc_table {
	width: 100%;
}
.lc_table td {
	background: #eaf4ff;
	padding: 1rem;
	border-radius: 5px;
	text-align: center;
	color: #999;
}
.lc_table h5 {
	color: #6c757d!important
}
.bg-eaf0fa {
	background: #f0f5f9!important;
	color: #141414!important
}
.text-nowrap {
	font-size: 11px
}
.text-727bf4 {
	color: #727bf4!important;
	font-weight: 600
}
.jctab-box {
	width: 100%;
	height: 100%;
	position: relative
}
.jctab-box .jctab {
}
.jctab-box .jctab ul li {
	position: relative;
	padding: 3px 8px;
	float: left;
	text-align: center;
	list-style: none;
	cursor: pointer;
	border: 1px solid #e3e3e5;
	border-radius: 15px;
	margin: 0 4px;
	color: #777
}
.jctab-box .jctab ul li.action {
	border-radius: 15px;
	border: 1px dashed #0049ee;
	color: #0049ee
}
.jctab-box .jctab ul li.action i {
	color: #0049ee
}
.jctab-box .jctab ul li i {
	color: #b6b5b5;
	margin-right: 3px;
	font-size: 13px
}
.jctab-box .jctab-content {
	width: 100%;
	height: 100%;
}
.jctab-box .jctab-content .item {
	display: none;
}
.jctab-box .jctab-content .item:first-child {
	display: block;
}
.jctab-badge {
	display: inline-block;
	width: auto;
	text-align: center;
	min-width: 0.95rem;
	height: 0.9rem;
	line-height: 0.9rem;
	padding: 0 0.2rem;
	font-size: 0.6rem;
	color: #ffffff;
	background-color: #4c8bfd;
	border-radius: 0.45rem;
	position: absolute;
 top: -.6rem;
	z-index: 99;
	right: 0
}
.jc-c-table td {
	text-align: center;
	margin: 0;
	padding: 0
}
.lc_body .jc-c-table h3 {
	margin: 0;
	padding: 0;
	font-size: 16px !important
}
.dc-tb-ul li {
	float: left;
	font-size: 13px;
	list-style: none;
	margin: 0;
	cursor: pointer;
	color: #fff;
}
.dc-tb-ul {
	overflow: hidden
}
.dc-tb-ul li div {
	padding: .5vh 12px;
	border-radius: 3px
}
.autotab1 .tab_menu {position: absolute; right: 5px; top: 5px;}
.autotab1 .tab_menu li a {
	padding: 0 8px;
	border-radius: 3px
}
.autotab1 .tab_menu {border: 1px solid #1a9fe3;
	width:120px;
	border-radius: 5px;}
	.autotab1	.tab_menu li.current a{color: #fff !important;}
.autotab1 .tab_menu li.current {
    
    background: #1a9fe3;
}
.autotab1 .tab_menu li {
    float: left;
    font-size: 12px;
    list-style: none;
    margin: 0;float: left;
	width: 50%;
	text-align: center;
	padding:  0;
    cursor: pointer;
    color: #fff;
	line-height: 2.4vh;
}
.dc-num {
	float: right;
	font-weight: bold;
	font-size: 16px
}
.dc-pl0 {
	padding-left: 0!important;
}
.dc-pr0 {
	padding-right: 0!important;
}
.lc-table h3 {
	font-size: 24px
}
.lc-table p {
	color: #666
}
.lc-table img {
	width: 60px;
	margin-right: 3px
}
.text-red {
	color: #fb2732;
	font-size: 24px;
	font-weight: bold
}
.text-g {
	color: #57885b;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
	display: inline-block
}
.text-b {
	color: #35adec;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
	display: inline-block
}
.text-p {
	color: #0220fe;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
	display: inline-block
}
.lc_table2 {
	margin: 15px auto;
	border-collapse: collapse
}
.br-m {
	border-bottom: 1px solid #e2e4e6;
	border-top: 1px solid #e2e4e6;
}
.lc_table2 td {
	padding: 16px 15px;
}
.lc_table2 td div {
	padding-right: 25px
}
.br-r {
	border-right: 1px solid #e2e4e6;
}
.lc_table2 img {
	width: 20px;
	position: relative;
	top: 3px
}
.kfh_echarts {
	width: 100%;
	height: 100%
}
.width80 {
	width: 80%;
	margin-left: auto;
	float: right
}
.width86 {
	width: 90%;
	margin-left: auto;
	float: right
}
.lc_body .width86 .card-title {
	padding-left: 3rem;
	background: url(../img/h2_icon.png) left 25px center no-repeat;
}
.kfh_echarts2 {
	width: 100%;
	height: 20vh;
	
}
.dctab {position: absolute; left: 0px; top:0px}
.dctab2 {position: absolute; left: 0px; top:0px}
.jstab {position: absolute; right: 5px; top:5px}
.map_vod {
	width: 100%;
	height: 100%
}
.sh_imgbox {
	width: 100px;
	height: 3.8rem;
	text-align: center;
}
.sh_imgbox img {
	width: 100%;
	height: 100%
}
.sh-table {
	margin: 0;
	padding: 0;
	font-size: 14px
}
.sh-table td {
	padding: 3px;
	color: #333;
	text-align: left;
	border-bottom: 1px dashed #ddd
}
.sh-table td p {
	color: #333;
padding:.2rem
}
.sh-table td p i {
margin-right:.3rem
}
.sh_label_gray {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #fa3561, #fe5044);
	color: #FFFFFF;
}
.sh_label_info {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #4db1fb, #5371fd);
	color: #FFFFFF;
}
.wrj-text1 {
	color: #257bec !important
}
.anchorBL {
	display: none
}
.shbox {
	padding: 6px 10px;
	font-size: 13px;
	background-color: #fff;
	position: absolute;
	color: #666;
	top: 3%;
	left: 2%;
	display: flex;
	z-index: 9999;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	box-shadow: 0 3px 14px rgba(0,0,0,.3);
}
.position {
	position: relative
}
.iconbg1 {
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem !important;
	margin: 2px 3px;
	margin-left: 5px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}
.iconbg1 i {
	font-size: 14px !important;
}
.bg1 {
	background: #ff8147 !important;
}
.bg2 {
	background: #29b4f6 !important
}
.bg3 {
	background: #6aca35 !important
}
.bg4 {
	background: #fd8488 !important
}
.bg5 {
	background: #868efb !important
}
.iconbg1 i.f20 {
	font-size: 18px !important
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainbox {
	position: absolute;
	top: 0
}
.mainbox .main2 ul {
	position: absolute;
	right: 2%;
	top: 66px;
	width: 400px;
	padding: 10px;
	color: #333;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	background: #fff;
	z-index: 10000
}
.main2 ul li {
	width: 100%;
	text-align: left;
	font-size: 12px
}
.main2 ul li a {
	color: #444;
	text-decoration: none;
}
.main2 ul li a:hover {
	text-decoration: underline;
	color: #000;
}
.bar {
	width: 400px;
	position: absolute;
	right: 2%;
	top: 20px;
	display: block;
	z-index: 10000;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	background: #fff;
}
.sp_fixd2 {
	font-size: 12px;
	margin-top: 0;
 padding: .5rem 0;
	border-bottom: 0 !important;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.sp_ls_box img {
	width: 100%;
	height: 100%;
}
.sp_ls_box {
	float: left;
	overflow: hidden;
	width: 100px;
	height: 70px;
	display: inline-block;
	padding: 1px;
	border: 1px solid #ddd;
}
.ap_label_info {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	right: 8px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #25b679, #2fe096);
	color: #FFFFFF;
}
.sp_ls_text {
	float: left;
	display: inline-block;
	width: 60%;
	padding-left: 6px;
	padding-top: 8px;
}
.sp_ls_text p {
	margin: 5px 0
}
.ap_label_red {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	right: 8px;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-image: linear-gradient(to right, #fa3561, #fe5044);
	color: #FFFFFF;
}
.mainbox ul li h2 {
	background: #f3f3f3;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px
}
.flex2 {
	display: flex;
	justify-content: space-between
}
.sh_b p {
	border-bottom: 1px solid #fbedd2;
	padding: 5px
}
.hot_topics {
	position: absolute;
	bottom: 0;
	z-index: 100000;
	width: 80%;
	overflow: hidden;
	display: flex;
	margin-bottom: 1rem
}
.winBox {
	background: #f4f7fa;
	padding: 5px;
	border-radius: 3px;
	overflow: hidden;
	float: right;
	width: 80%;
	position: relative;
}
.scroll li {
	padding: 5px;
	float: left;
	text-align: left;
}
.scroll li a {
	font-size: 14px;
	color: #333;
}
.scroll i {
	color: #257bec;
	margin-right: 5px
}
.scroll .more {
	float: right;
	font-size: 12px;
	color: #6baaff
}
.scroll-li {
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.card-title i {
	font-size: 12px;
	color: #ff3b14
}
.text-jili {
	position: absolute;
	right: 10px;
	font-size: 80px;
	top: -5px;
	color: #e1effd;
	font-weight: bold
}
.z_text {
	font-size: 14px
}
.z_text span {
	color: #0bfef0
}
.z_text p {
	margin: 3px
}
.z_text p img {
	position: relative;
	top: 8px
}
.head2 {
	height: 8vh;
	background: url(../img/headbg.png) no-repeat left center;
	background-size: 100% 100%;
	position: relative;
	padding: 0;
	line-height: 8vh;
	margin: 0
}
.head2 .pageTit a {
	display: block;
	text-align: center;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}.head2 .active {
	display: block;
	background: url(../img/active_li.png) no-repeat center bottom -2px;
	background-size: 100% ;

}
.head2 .pageTit a:hover {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #00e5ff;
}
.head2 .logo img {
	width: 50px;
	display: inline-block;
	margin-right: 20px
}
.head2 .active a {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #00e5ff;
}
.head2 h1 {
	color: #e3f5ff;
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.head-close {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 20px;
}
.head-close i {
	font-size: 16px;
	color: #fff
}
.z_text p i {
	margin-right: 5px
}
.logobox {
	float: left;
	width: 25%;
	padding: 10px 5px;
	padding-top: 14px;
	margin-left: 10px;
	text-align: center;
}
.titlebox {
	float: left;
	width: 65%;
	position: absolute;
	left: 25%;
}
.title_li {
	float: left;
	text-align: center;
	width: 11%;
	margin: 0 10px;
	padding: 0;
}
.head2 .pageTit .tixingbar {
	position: relative;
	cursor: pointer
}
.head-close .tixingbar {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.tixing-ul {
	background: #092958;
	box-shadow: 0px 0px 20px #517cba inset;
	display: none;
	border-radius: 6px;
}
.tixing-ul a {
	position: relative;
	display: block;
	color: #fff
}
.sp_ls_text {
	float: inherit;
	display: inline-block;
	width: auto;
	padding-left: 6px;
	padding-top: 8px;
}
.tixingbar:hover .tixing-ul {
	display: block;
	width: 140px;
	position: absolute;
	top: 65px;
	left: 0px;
	clear: both;
padding:.1rem;
	z-index: 10000
}
.tixingbar:hover .tixing-ul dd {
	color: #fff;
	background: #092958;
	font-size: 12px;
	box-shadow: 0px 0px 15px #134e6e inset;
	border-radius: 6px;
	margin: 5px 5px;
padding:.2rem 0.75rem;
}
.tixingbar:hover .tixing-ul dd a {
	background: none;
	line-height: 32px;
	font-size: 14px;
	text-decoration: none
}
.tixingbar:hover .tixing-ul dt {
	margin: 5px 5px;
	color: #bcc5d2
}
.lc_col_8 .zl_card2 {
	background: url(../img/card2_bg.png) no-repeat;
	background-size: 100% 100%;
}
.aui-img-round {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px
}
.text1 {
	color: #5fcb71
}
.text2 {
	color: #fed130
}
.text3 {
	color: #fd895b
}
.text4 {
	color: #0ca5ff
}
.text5 {
	color: #0ca5ff
}
.kflist-ul {
	border: 1px solid #1a9fe3;
	width: 30%;
	border-radius: 5px;
	overflow: hidden;
	font-size: 12px;
	position: relative;
	top: -12px;
	left: 10%
}
.kful-list ul {
	overflow: hidden;
	margin-top: -2vh;
}
.kful-list li {
padding:.5rem;
	float: left;
	width: 49%;
	margin: 1vh 0;
	font-size: 12px
}
.kful-list-right ul {
	display: flex;
	justify-content: space-between;
padding:.5rem
}
.kful-list li p {
	margin: 0
}
.kful-list li.lileft4 {
	padding-top: 2vh;
	padding-left: 13%;
}
.kful-list li.lileft2 {
	padding-left: 13%;
	padding-top: 1vh;
}
.kful-list li.lileft1 {
	padding-top: 1vh;
}
.kful-list li.lileft3 {
	padding-left: 13%;
	padding-top: 2vh;
}
.kful-list-right h5 {
 padding: .6rem;
font-size:.9rem;
	color: #03d9f5;
}
.kanfcolor1 {
	color: #00e4ff
}
.kanfcolor2 {
	color: #00fe78
}
.kanfcolor3 {
	color: #fcbb21
}
.kanfcolor4 {
	color: #fc3e3e
}
.kanfcolor5 {
	color: #2f8cf3
}
.kanfcolor6 {
	color: #00b48b
}
.kful-list li h4 {
	font-size: 1.2rem;
	font-weight: 600;
padding:.2rem 0
}
.kftext {
	margin: 0rem 0
}
.kftext i{ font-size:.8rem}
.kful-list-right ul li {
	width: 33.3333%;
	float: left;
padding:.5rem;
	border-radius: 5px;
	font-size: 1rem;
	line-height: 28px
}
.kful-list-right li h4 {
	font-size: 1rem;
	font-weight: 600;
	padding: 0
}
.border-r {
	border-right: 1px solid #1a9fe3;
}
.kflist-ul li {
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 5px 0;
	cursor: pointer
}
.kflist-tit {
	overflow: hidden;
	font-size: 12px;
	position: relative;
	top: -18px;
	left: 8%
}
.kflist-tit li {
	float: left;
	color: #fff;
	padding: 5px;
	cursor: pointer
}
.kflist-tit li.active {
	border-bottom: 2px solid #1a9fe3;
	color: #1a9fe3
}
.kflist-ul li.active {
	background: #1a9fe3
}
.box_foot {
	position: absolute;
	bottom: 9px;
}
.kf_title_box {
	word-wrap: break-word;
	background-clip: border-box;
	background: url(../img/top_bg_home.png);
	background-size: 100% 100%;
	font-size: 12px;
	text-align: center;
	height: 15vh
}
#breakNewsList{height:11vh;overflow:hidden;width:100%;}
#breakNewsList2{height:11vh;overflow:hidden;width:100%;}
#breakNewsList3{height:11vh;overflow:hidden;width:100%;}
#breakNewsList4{height:11vh;overflow:hidden;width:100%;}
.kf_title_box h2 {
	font-size: 13px;
	color: #00bfe8;
	padding-top: 6px
}
.kf_main { position:relative
}
.echartsmap  {
	height: 100%;
	width: 100%; 
}
.mpa_img {
	height: 62vh; position:relative
}
.kf_title_box ol li {
padding:.36vh 0
}

.mpa_img img {
	height: 100%;
	width: 100%; padding-top:50px;
}
.mpa_img #tab1-con1{height: 60vh; 
	width: 100%;background:url(../img/map_bg.png) no-repeat center bottom;}
	.kf-tabbg1{background:url(../img/kf-tab-1.png) no-repeat;margin-right: -30px;  margin-top: -4px !important;
		line-height: 56px !important;}
	.kf-tabbg2{background:url(../img/kf-tab-2.png) no-repeat }
.mpa_img #tab1-con2{height: 100%;
	width: 100%}
	.position_tab{position:absolute; top:8px; left:30%; z-index:10000}
.aui-tab { position:relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;flex: 1 1 auto;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

}
.mpa_img #tab1-con2{ display:flex; text-align:center; }
	.aui-hide {
	display: none !important;
}
.aui-tab-item { 
	 margin:0px;
	font-size: 14px; width:193px; height:48px; line-height:48px; text-align:center;
	font-weight:800; cursor:pointer;
	color: #fff;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.aui-tab-item.kf-tabbg1.aui-active {
	background:url(../img/kf-tab-ac.png) no-repeat;margin-right: -30px;margin-top:-4px;line-height: 56px;
}
.aui-tab-item.kf-tabbg2.aui-active {
	background:url(../img/kf-tab2-ac.png) no-repeat;margin-left: -30px;
}* {
	box-sizing: border-box;
}
body {
	background: url(../img/zl_bg.png);
	background-size: 100%
}
 h1,  h2,  h3, h4, h5,  h6 {
	margin: 0;
}
 p {
	margin: 0;
}
 ul {
	margin: 0;
	padding: 0;
}
ul li{
	margin: 0;
	padding: 0;
	list-style:none
}
.head2 {
	height: 8vh;
	background: url(../img/headbg.png) no-repeat left center;
	background-size: 100% 100%;
	position: relative;
	padding: 0;
	line-height: 8vh;
	margin: 0
}
.head2 .pageTit a {
	display: block;
	text-align: center;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}.head2 .active {
	display: block;
	background: url(../img/active_li.png) no-repeat center bottom -2px;
	background-size: 100% ;

}
.head2 .pageTit a:hover {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #00e5ff;
}
.head2 .logo img {
	width: 50px;
	display: inline-block;
	margin-right: 20px
}
.head2 .active a {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100%;
	text-align: center;
	color: #00e5ff;
}
.head2 h1 {
	color: #e3f5ff;
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.head-close {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 20px;
}
.head-close i {
	font-size: 16px;
	color: #fff
}
.z_text p i {
	margin-right: 5px
}
.logobox {
	float: left;
	width: 25%;
	padding: 10px 5px;
	padding-top: 14px;
	margin-left: 10px;
	text-align: center;
}
.titlebox {
	float: left;
	width: 65%;
	position: absolute;
	left: 25%;
}
.title_li {
	float: left;
	text-align: center;
	width: 11%;
	margin: 0 10px;
	padding: 0;
}
.head2 .pageTit .tixingbar {
	position: relative;
	cursor: pointer
}
.head-close .tixingbar {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.tixing-ul {
	background: #092958;
	box-shadow: 0px 0px 20px #517cba inset;
	display: none;
	border-radius: 6px;
}
.tixing-ul a {
	position: relative;
	display: block;
	color: #fff
}
.sp_ls_text {
	float: inherit;
	display: inline-block;
	width: auto;
	padding-left: 6px;
	padding-top: 8px;
}
.tixingbar:hover .tixing-ul {
	display: block;
	width: 140px;
	position: absolute;
	top: 65px;
	left: 0px;
	clear: both;
padding:.1rem;
	z-index: 100000
}
.tixingbar:hover .tixing-ul dd {
	color: #fff;
	background: #092958;
	font-size: 12px;
	box-shadow: 0px 0px 15px #134e6e inset;
	border-radius: 6px;
	margin: 5px 5px;
padding:.2rem 0.75rem;
}
.tixingbar:hover .tixing-ul dd a {
	background: none;
	line-height: 32px;
	font-size: 14px;
	text-decoration: none
}
.tixingbar:hover .tixing-ul dt {
	margin: 5px 5px;
	color: #bcc5d2
}
.lc_col_8 .zl_card2 {
	background: url(../img/card2_bg.png) no-repeat;
	background-size: 100% 100%;
}
.aui-img-round {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px
}
.text1 {
	color: #5fcb71
}
.text2 {
	color: #fed130
}
.text3 {
	color: #fd895b
}
.text4 {
	color: #0ca5ff
}
.text5 {
	color: #0ca5ff
}
.framehead{ width:100%; height:8vh; }
.top-table{width: 100%;border-collapse: collapse }
.cxbox { text-align: center; margin: 0 auto; margin-top: .3vh;}
.cxbox p{ margin-top: .5vh; font-size: 12px;}
.cxbox-text {padding-right: 1.5vh;}
.height10{height: 10vh;}
.cxbox-text p{font-size: 12px; display: flex; justify-content: space-between; margin: .6vh ; }
.cxbox-text p span{ }
.cxbox img{ width: 80px; }
.a_line{ background: url(../img/alinebg.png) no-repeat; background-size: 100% 100%; height: 100%;text-align: center; }
.a_line a{color: #fff;line-height:9vh;  }
.a_line a:hover{color: #02d1ff;}
/* 功能概述四周走光 */
 .lightRunA{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	offset-distance: 0%;
	-webkit-animation: lightRunA 2s linear infinite;
	-moz-animation: lightRunA 2s linear infinite;
	-ms-animation: lightRunA 2s linear infinite;
	-o-animation: lightRunA 2s linear infinite;
	animation: lightRunA 2s linear infinite;
}

@keyframes lightRunA {
    from{
        opacity: 0;
    }
    10%,80%{
        opacity: 1;
    }
    to{
        offset-distance: 100%;
        opacity: 0;
    }
}

 .funPipe1 .lightRunA{
	left: 0%;
	top: 7.32vh;
	-webkit-animation: lightRunA1 4s linear infinite;
	-moz-animation: lightRunA1 4s linear infinite;
	-ms-animation: lightRunA1 4s linear infinite;
	-o-animation: lightRunA1 4s linear infinite;
	animation: lightRunA1 4s linear infinite;
}
 .funPipe2 .lightRunA2{
	right: 90%;
	top: 7.32vh;
	position: absolute;
	-webkit-animation: lightRunA2 4s linear infinite;
	-moz-animation: lightRunA2 4s linear infinite;
	-ms-animation: lightRunA2 4s linear infinite;
	-o-animation: lightRunA2 4s linear infinite;
	animation: lightRunA2 4s linear infinite;
}
.cofont {
	font-family: 'DS-DigitalBold' !important;
	font-weight: bold;
	font-size: 20px;
}



@font-face {
	font-family: 'ds-digitalbold';
	src: url('../font/DS-DigitalBold.ttf');
	src: url('../font/ds-digitalbold-webfont.eot');
	src: url('../font/ds-digitalbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ds-digitalbold-webfont.woff2') format('woff2'), url('../font/ds-digitalbold-webfont.woff') format('woff'), url('../font/ds-digitalbold-webfont.ttf') format('truetype'), url('../font/ds-digitalbold-webfont.svg#ds-digitalbold') format('svg');
}


.em-real-data-item {
    margin-top:8px;
    width: 33.33%;
    height:10vh;
}
.em-real-data-item>div>div {
    width: 50%;
}
.em-item-name {
    color: #bdcce2;
}
.l {
    float: left!important;
}
.colmn-bd {overflow: hidden; padding:  8px;}
.em-real-data-item>div {    background: #051b31 ; border-radius: 5px; border: 1px solid #04233e;
    margin-right:8px; padding-left: 8px;
    height: 100%;
    line-height: 10vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}.em-real-data-list {
    margin-right: -8px;
    margin-top: -8px;
}

.em-item-name {
    width: 50%;
    font-size:14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:60px;
}
.em-item-value {
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    font-size: 13px;
}

.em-real-data-list>li:nth-of-type(1) .em-item-name {
    background: url(../images/icon1.png) left center no-repeat ; 
    background-size: 32%;
}
.em-real-data-list>li:nth-of-type(2) .em-item-name {
    background: url(../images/icon2.png) left center no-repeat ;
    background-size: 32%;
}

.em-real-data-list>li:nth-of-type(3) .em-item-name {
    background: url(../images/icon3.png) left center no-repeat ;
    background-size: 32%;
}

.em-real-data-list>li:nth-of-type(4) .em-item-name {
    background: url(../images/icon4.png) left center no-repeat ;
    background-size: 32%;
}


.em-real-data-list>li:nth-of-type(5) .em-item-name {
    background: url(../images/icon5.png) left center no-repeat ;
    background-size: 32%;
}

.em-real-data-list>li:nth-of-type(6) .em-item-name {
    background: url(../images/icon6.png) left center no-repeat ;
    background-size: 32%;
}

.em-real-data-list>li:nth-of-type(7) .em-item-name {
    background: url(../images/icon7.png) left center no-repeat ;
    background-size: 32%;
}

.em-real-data-list>li:nth-of-type(8) .em-item-name {
    background: url(../images/icon8.png) left center no-repeat ;
    background-size: 30%;
}

.em-real-data-list>li:nth-of-type(9) .em-item-name {
    background: url(../images/icon9.png) left center no-repeat ;
    background-size: 30%;
}
.em-item-value {
    color: #bdcce2;
}
.em-item-value>span {
    color: #43fdef; margin-right: 5px;
}
.em-item-value>span {
    font-family: "OPPOSans-M";
    font-size: 22px;
}



.equip-status ul { height: 100%; }

 .status-list { width: 100%; position: relative;  float:  left; justify-content: center; display: flex;align-items: center; }

 .status-list .boll-box { width: 71px; height: 100%; position: relative; text-align: center; }

.status-list .boll-box .ball-pic { display: block; width: 71px; height:73px; margin: 0 auto; margin-top: 5px; }

 .status-list .boll-box .ball-pic img { width: 100%; height: 100%; }

.status-text { font-size: 15px; color: #ffffff; vertical-align: top; font-family: 'title' !important;
    font-weight: normal; }

	.status-list p{font-size: 13px;}
.status-list .boll-box .trans-pic { position: absolute; width:24px; height:24px; animation: run 7s linear infinite; top:26px; left: 50%; margin-left: -12px; }

 .status-list .boll-box .trans-pic img { width: 100%; height: 100%; }

 .status-list .boll-legend { margin-left: 10px; padding-top: 20px; box-sizing: border-box; }

 .status-list .boll-legend .boll-line { display: block; padding-left:10px; position: relative; font-size: 13px; font-weight: 300; color: #ffffff; box-sizing: border-box; line-height:24px; }

 .status-list .boll-legend .boll-line .line-num { font-size: 13px; font-family: "num"; font-weight: normal; padding-left: 2px; padding-right:5px; }
.boll-text{font-size: 13px;}
.boll-text span:last-child{margin-left: 8px;}
.card-title .more{ position: absolute; right: 8px; top:0; width: 90%; }
 .more2{  }
.more3{  width: 100%; }

.more2 li{width: 23% !important; display: flex; justify-content: space-between; padding: 0 6px;}
.num-list{display: flex; justify-content: center;}
.num-list li {
    background: url(../img/tabbg.png) no-repeat;
	background-size: 100% 100%;
    margin: .8vh; height: 76px !important;
	line-height:76px !important;
	width: 16.666%; font-size: 12px; font-weight: normal; border-radius: 3px;

    padding: 0 .5vh;
    display: flex;
    align-items: center;justify-content: space-between;
}
.num-list li span:first-child{display: flex; align-items: center; color: #fff;}
.num-list li  img { width: 16px;
}
.iconbg{background: url(../img/iconbg.png) no-repeat;
	background-size: 100% 100%; width: 45px; height: 45px; display: inline-block; text-align: center;}
	.iconbg img{margin: 0 auto; position: relative; top: -6px;}
.a_list{background: url(../img/tabbg2.png) no-repeat !important;
	background-size: 100% 100% !important; }
.more3 ul{width: 100%;}
.more3 li{width:auto; margin:0 .3vh !important; padding: 0 .5rem; display: flex; justify-content: space-between; width: 19%; margin-bottom: .3vh !important;line-height: 3.6vh;}
.align-items{ align-items: center;height: 100%;}
.jrdw-box{background: url(../img/jt.png) no-repeat center right;  text-align: center; color: #00a6ff; }
.jrdw-box img{width: 60%;}
.echarts_text {text-align: center;}
.jsbox .echarts_text p{ position: relative; top:45px}
.echarts_text p{ font-size: 15px; color: #fff; position: relative; top:15px}
.dc-tb-ul li.action  {
	color: #00dbff;
	background: url(../img/titlebg.png) no-repeat center bottom;

   
}
.pie_echarts2{ height: 20vh; width: 40vh; margin: 0 auto;}
.echarts{width: 100%;height: 35vh; }
.link_echarts3{height: 65vh;width: 100%;}
 .dctab-content .item{  position: relative;}
 .dctab-content .item2{ position: relative;  }
 .dctab-content .item3{   position: relative;}
.dctab-content .item:first-child{display: block;}
.autotab1 .item{   height: 100%; }

.height20{height: 22vh !important; }
.height60{height: 22.6vh !important; margin-bottom: 230px !important; }
.link_echarts5{ width: 85vh; height:20vh;}
.item2  {height: 100%;}
.jsbox table{ width: 100%; height: 100%;}
.item2 table .kfh_echarts2{ height:20vh; width:24vh; margin: 0 auto;}
.item3 table .kfh_echarts2{ height: 20vh; width:100%; margin: 0 auto;}
.link_echarts6{width: 130vh; height: 20vh;}
.link_echarts7{width: 130vh; height:24vh;}
.link_echarts8{width: 75vh; height:20vh;}
.pie_echarts3{width: 25vh; height:20vh; margin: 0 auto;}
.jsbox .item3 table .kfh_echarts2{ height:20vh; width:26vh; margin: 0 auto;}
.jsbox .item3 table td {padding: 2vh 0;}
.item2 .echarts_text p {
    font-size: 12px;
    color: #00a6ff;
    position: relative;
    top: -10px;
}
.item3 .echarts_text p {
    font-size: 12px;
    color: #00a6ff;
    position: relative;
    top: 10px;
}
.link_echarts2{width: 40vh; height: 21vh;}
.link_echarts4{width:160vh; height: 50vh;}
@keyframes run { 100% { transform: rotateY(360deg); } }
.rate-box .rate-list .in-rate span {
    font-size: 14px;
    font-family: "num";
    font-weight: bold;
    color: #00fff6;
}
.ex-rate2 {
    padding-top: 10px;
    display: block;
}

.circle-box .rate-right .rate-box .rate-list .rate-text {
    font-size: 18px !important;
    vertical-align: top;
}
.rate-box .rate-list:nth-child(2) .in-rate span {
    color: #ef3f0f;
}
.rate-right li {
    width: 50%;
    text-align: center;
    padding-top: 20px;
}
.colorred{    color: #ef3f0f;}
.home-searchInput{border: 1px solid #025383; padding: 5px; background:url(../images/date.png) right 5px center no-repeat #031b31; border-radius: 5px;}

.tab_menu{overflow:hidden;}
.tab_menu li{float:left;text-align:center;cursor:pointer;padding: 0 10px; border-bottom:1px solid rgba(15,115,227,0.5); font-size: 16px;line-height: 5.2vh;  width: 33.33%;}
.tab_menu li.current{ color: #01d3ff; background: url(../img/titlebg.png) no-repeat bottom center;    }
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{color:#01d3ff;}
.width_echarts {width: 30vh; height: 40vh; margin: 0 auto;}
.autotab3 .width_echarts {width: 35vh; height: 50vh; margin: 0 auto;}
.autotab3 .width_echarts3 {width: 35vh; height: 26vh; margin: 0 auto;}
.autotab3 .echarts_text p{ font-size: 15px; color: #fff; position: relative; top:35px}
.link_echarts10{    width: 160vh;
		height: 30vh;}
.toptab{ height: 89.5vh;}
.tab_box{padding:5px;}
.tab_box li{overflow:hidden; }
.autotab3 .tab_menu{margin-bottom: 18px ;}
.tab_box li span{margin:0 5px 0 0;}
.tab_box .hide{display:none;}
.toptab .topmenu {display: flex; }

.toptab .topmenu li{ width: 33%; float: left; padding: .6rem; text-align: center; margin:.2rem .1rem ; border-radius: 8px; }
.toptab .topmenu li:first-child{background: url(../img/top_bg1.png) no-repeat; background-size: 100% 100%; margin-left: .3rem;}
.toptab .topmenu li:nth-child(2){background: url(../img/top_bg1.png) no-repeat; background-size: 100% 100%;}
.toptab .topmenu li:nth-child(3){background: url(../img/top_bg1.png) no-repeat; background-size: 100% 100%;}
.toptab .topmenu li img{width: 80px; margin-right: 20px;}
.toptab .topmenu li a{display: flex; align-items: center; justify-content: center; font-size: 28px;}
.toptab .topmenu li.current{  background: url(../img/top_bg3.png) no-repeat ; background-size: 100% 100%;  }
.jsbox .item3 .more2 li{width: 33.333% !important; padding: 0 12px;}
.toptab  .topmenu li.current a {
    color: #fff;
}
.autotab3  .tab_menu li{ width:25%  !important;}
@keyframes lightRunA1 {
 0% {
    left: 0%;
    transform:translateX(-20%);
  }
  100% {
    left: 20%;
  }

 
}

@keyframes lightRunA2 {
    from{
        opacity: 0;
    }
    10%,80%{
        opacity: 1;
    }
    to{
        offset-distance: 100%;
        opacity: 0;
    }
}
@keyframes lightRunA2 {
 
  0% {
    right: 80%;
    transform:translateX(-60%);
  }
  100% {
    right: 95%;
  }

}	
 @media (max-width:1800px) {
	.toptab .topmenu li img {
		width: 50px;
	
		margin-right: 20px;
	}
	.toptab .topmenu li a {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
	}
	.autotab1 .tab_menu {
		border: 1px solid #1a9fe3;
		width: 120px;
		border-radius: 5px;
	}
	.link_echarts2 {
		width: 36vh;
		height: 21vh;
	}
	.cxbox img {
		width: 60px;
	}
	.height30 {
		height: 22vh;
	}.toptab {
		height: 88vh;
	}
	.num-list li {
		height: 66px!important;
		line-height: 66px !important;}
		.echarts {
			width: 100%;
			height: 55vh;
		}
		.echarts_text p {
			position: relative;
			top: 35px;
		}
		.link_echarts5 {
			width: 65vh;
			height: 20vh;
		}
		.link_echarts6 {
			width: 116vh;
			height: 20vh;
		}
		.width_echarts {
			width: 30vh;
			height: 50vh;
			margin: 0 auto;
		}
		.link_echarts7 {
			width: 116vh;
			height: 24vh;
		}
		.link_echarts4 {
			width: 148vh;
			height: 50vh;
		}
		.autotab3 .qbox .echarts_text p {
			font-size: 15px;
			color: #fff;
			position: relative;
			top: 15px;
		}
		.link_echarts10 {
			width: 148vh;
			height: 30vh;
		}
}