* {
	box-sizing: border-box;
}
body{ background:#dadfef; background-size:100%}
@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');
}
.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: #091e3b;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.lc_row {
	display: flex;
	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 41.666%;
	max-width: 41.666%;
}
.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}

.pr0{ padding-right:0}
.p-0{padding: 0!important;}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.lc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #fff;
	word-wrap: break-word;
	background-clip: border-box; 
	box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%);
	border-radius: 5px;
	
	
	
}.custom-card { margin:7px 0;background-color: #fff; width:100%;  position: relative; }
.spbtn{background:url(../img/spbg.png) center center; color: #fff; border-radius: 6px; background-size:100% ;position:absolute;  right: .5rem; top: 5px; width: 127px; height:45px ; padding-left: 45px; line-height: 45px; display: flex;  align-items: center;}
.h3bg{ color:#0220fc; padding:10px 45px; border-radius:30px; margin:10px; display:inline-block; font-size:30px; font-weight:bold}
.spbtn img{ margin-left: 5px; width: 7px;}
.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}
.wf-from-ul li {
	width: 100%;
	border-bottom: 1px  dashed #fff5f4;
	border-radius: 3px;
	display: flex; font-size: 12px;
 padding: 10px 6px;color: #091e3b ;
 margin-bottom: .5rem;
}
.wf-from-ul li .aui-text-default {
	color: #00a6ff; margin-left: 20px;
}
.xmbox {
    background:  #e5f2fb;
    background-size: 100% 100%;
	font-size:14px;
	font-weight: normal;
    color: #091e3b; display: flex; 
	align-items: center;
	    padding: 10px;
    border-radius: 5px;
}

.xmbox  img{width: 30px; margin-right: 10px;}
.aui-ycl-text {
	padding: 0 .8rem;
}
.aui-ycl-text2 {
	flex: 0 0 75%;
	max-width: 75%;
}
.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.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: 6.3vh;
}
.media-body {
	display: flex;
    align-items: center;justify-content: center;
    flex: 1;
}
h5, .h5 {
	font-size: 1.09375rem;
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
.lc_body .card-body { position:relative;
	flex: 1 1 auto;
 padding:10px;
}
.lc_top{  padding:.8rem 0}
.lc_body .card-title {
	font-size:16px;
	font-weight: 600; 
	color: #0d93f7;
	flex: 1 1 auto;
 padding: 10px; padding-left:36px;   background: url(../img/h2_icon.png) left 15px center no-repeat;
}
.lc_body .card-title  .more{ color:#fff; font-size:12px; font-weight:normal}
.lc_body .card-title  span{ padding:0 ;  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
}

.hot_wrapper{ padding:5px 10px;margin-left:25px;  overflow:hidden;height: 40px;  width:84%}	
.hot_wrapper a {
    font-size: 14px;
    color: #091e3b;
    padding-top: 0px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
	 margin: 0  3px;
    width: 900px;
    text-decoration: none;
}
.hot_wrapper .inner{ width:3000px;overflow:hidden; }

.hot_wrapper span{ color:#fff ; margin-right:3px; }
.padding0{ padding:0 !important}
.tz_a{ float:left; display: flex; align-items: center;  width: 100px; font-size: 13px; color: #01aeff; background: #f5f7f9; border: 1px solid #e9eaea ; padding: 8px 2px;}
.dc_col_y   {display: flex; align-items: center; padding: 8px; }
.tz_a img{ width:26px;  margin-right: .5rem; margin-left: 3px;}
.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:10px }
.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:20px;  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: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{ width:25%; float:left; padding:5px; font-size:13px;list-style: none;
margin: 0;}
.dc-tb-ul{ overflow:hidden}
.dc-tb-ul li div{ padding:8px 12px; border-radius:3px}
.dc-tb-ul li div img{ float:left; margin-right:6px; width:18px}
.dc-tb-ul li div.bg1{ background:#f6fbf4; color:#38af0c;   }
.dc-tb-ul li div.bg2{ background:#fffdf6; color:#f0bb00;   }
.dc-tb-ul li div.bg3{ background:#f5f8ff; color:#4259fc;  }
.dc-tb-ul li div.bg4{ background:#fff5f4; color:#fd2629;  }

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

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

.zs_echarts{ width:100%; height:100%}
.zs_echarts2{ width:100%; height:100%}
.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}
#tab1-con1{ width:100%; height:100%}
#tab1-con2{ width:100%; height:100%}
#tab2-con1{ width:100%; height:100%}
#tab2-con2{ width:100%; height:100%}
.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}
.zs-flex{ display:flex;justify-content:space-between;align-items: center;}

.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 }
	.mt10{ margin-top:.5rem}
	.z_text p{ margin:3px}
	.z_text p img{ position:relative; top:8px}
.head2 {
	height: 72px;
	background: url(../img/headbg.png) no-repeat left center;
	background-size: 100% 100%;
	position: relative; line-height:72px;
	padding: 0;
	margin: 0;font-size: 15px;
}
.head2 .pageTit a {
	display: block;
	text-align: center; 
	color: #fff;
	cursor: pointer; text-decoration:none
}
.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{  display:inline-block; margin-left:10px}
.head2 .active a {
	display: block;
	background: url(../img/a_bg.png) no-repeat center;
	background-size: 100% ;
	text-align: center;
	color: #01b1ec;
}
.head2 .active {
	display: block;
	background: url(../img/active_li.png) no-repeat center bottom -2px;
	background-size: 100% ;

}
.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; top: 5px;
	right: 20px;
}
.head-close i {
	font-size: 16px;
	color: #fff
}
.z_text p i{ margin-right:5px}
.logobox {
	float: left; 
	padding: 10px 5px;
	padding-top: 14px;
	margin-left: 10px;
	text-align: center;
}

.title_li {
	float: left;
	text-align: center;
	width: 100px; margin:0 10px;
	padding: 0;
	
}
.head2 .pageTit .tixingbar  { position:relative;
	cursor: pointer
}
.head-close{width: 12%;}
.head-close .tixingbar  { position:relative;
	cursor: pointer; display: flex;  justify-content: space-between;
    align-items: center;
}
.ellipsis{overflow: hidden;
	text-overflow:ellipsis; color: #00c0ff;
	white-space: nowrap; width:75%;}
.height24{ height:24vh}
.height30{ height:32.5vh}
.height28{ height:28vh}
.height36{ height:38.8vh}
.height25{ height:24vh}
.height40{ height:390px}
.height50{height: 58.9vh;}
.height60{ height:72vh; overflow:auto}
.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: 60px;
	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
}
.aui-tab {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;flex: 1 1 auto;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

}
	.aui-hide {
	display: none !important;
}
.aui-tab-item {
	position: relative; margin:0 16px;
	font-size: 14px;
	font-weight:800; cursor:pointer;
	color: #fff;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.aui-tab-item.aui-active {
	color: #00c3ff;
	border-bottom: 2px solid #00c3ff;
}
.lc_col_6 .zn_card2{background: url(../img/zs_card2_bg.png) no-repeat;
    background-size: 100% 100%;}
.lc_col_6 	.zn_card3{background: url(../img/zn_card3_bg.png) no-repeat;
    background-size: 100% 100%; position:relative}
	.lc_col_3 .zl_card3{background: url(../img/card3_bg.png) no-repeat;
    background-size: 100% 100%;}
	.lc_col_3 .zs_card4{background: url(../img/zn_card4_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 !important}
	.text2{ color:#fed130 !important}	
	.text3{ color:#fd895b !important}	
	.text4{ color:#0ca5ff !important}	
	.text5{ color:#0ca5ff !important}
	.text6{ color:#35f9e5 !important}	
	.zs_img{ text-align:center}
	.zs_img img{ width:82%; margin:0 auto; margin-top:6vh}
	#breakNewsList{height:25vh;overflow:hidden;width:100%;}
.zn_fcbox .zn_fc_list{background: url(../img/bg2.png) no-repeat;
    background-size: 100% 100%;height:120px }
	.zn_fcbox h2 p span font{ font-size:12px}
	.zn_fcbox{ position:absolute; width:100%;  bottom:5px; padding:10px; text-align:center; font-size:12px; }
	.zn_fcbox h2{ font-size:16px; font-weight:normal; text-align:left; padding-left:6px; padding-top:3px }
	.zn_fcbox h2 span{ font-size:12px; margin-left:3px; color:#999}
	.zn_fcbox h2 p span{ font-size:20px; color:#00d4ff}
	.zn_fcbox h2 p{ text-align:center; margin:.3rem 0}
	.zn_fcbox h3{ margin-top:.8rem;font-weight:normal; font-size:12px}
	.zn_fcbox h3 p span{ font-size:20px; color:#00d4ff; font-weight:normal}

	.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
	.pro-new-show .pro-list{width: 100%;height: auto;overflow: hidden; padding: 8px;}
	.pro-new-show .pro-list ul li{float: left;width: 100%;height: auto;overflow: hidden;}
	.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
	.pro-new-show .pro-list ul li img{width: 100%; height: 345px;}
	.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
	.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
	.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
	.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}

	.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
	 .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding: 10px 0;text-align: center;}
	.pagination ul li{width: 8px;height: 8px;border-radius: 100%;background: #ccedff;display: inline-block;margin: 0 3px;text-indent:-9999px; }
 .pagination ul li.on{background: #00a6ff; width: 18px;height: 8px; border-radius: 20px;}


 .pro-new-show4 {position: relative;width: 100%;height: auto;overflow: hidden;}
 .pro-new-show4 .pro-list{width: 100%;height: auto;overflow: hidden; padding: 8px;}
 .pro-new-show4 .pro-list ul li{float: left;width: 100%;height: auto;overflow: hidden;}
 .pro-new-show4 .pro-list ul li:last-child{margin-right: 0;}
 .pro-new-show4 .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
 .pro-new-show4 .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
 .pro-new-show4 .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
 .pro-new-show4 .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}

 .pro-new-show4 .arrow a:hover{background-color: rgba(0,0,0,.3);}
  .pagination4{position: relative;width: 100%;height: auto;overflow: hidden;padding: 10px 0;text-align: center;}
 .pagination4 ul li{border-radius: 100%;background: #ccedff;display: inline-block;margin: 0 3px;text-indent:-9999px; color: #000; }
.pagination4 ul li.on{background: #00a6ff;border-radius: 20px;}

	.wlist {
		border-radius: 3px;
		background: #fbfcfc;border: 1px  solid #ebeeef;}
	.wlist .wlist_li {
		width: 100%;
		border-bottom: 1px  solid #ebeeef;
		display: flex; color: #091e3b;
		font-size: 12px;
		padding: 16px 10px;
		justify-content: space-between;
		margin-bottom: .5rem;
	}
	.wlist .wlist_li  .aui-text-default {
		color: #00a6ff;
	}
	.redborder{border:1px solid #fe4d52}
.yjbtn{background: #fe4d52; border-radius: 20px; padding: 3px 8px; color: #fff; }
.pro-new-show .pro-list ul li .yjbtn img{width: 14px; height: auto; margin-right: 3px; position: relative;top:2px;}


.numbox{background: #f5f7f9; border: 1px solid #eaeaeb; overflow: hidden;text-align: center; padding:18px 0; margin-bottom: 10px; position: relative;}
.pro-new-show3 {position: relative;width: 100%;height: auto;overflow: hidden; padding: 10px 20px;}
.pro-new-show3 .pro-list3{width: 100%;height: auto;overflow: hidden;}
.pro-new-show3 .pro-list3 ul li{float: left;width: 21.3%;height: auto;overflow: hidden;margin-right: 10px; border-radius: 5px; background: #fbfcfc; border: 1px solid #eaeaeb; padding: 15px;}
.pro-new-show3 .pro-list3 ul li:last-child{margin-right: 0;}
.pro-list3 li h2{display: flex;}
.pro-list-text p{ font-size: 16px;}
.pro-new-show3 .pro-list3 ul li h4{font-size: 13px; text-align: center;margin-bottom: 5px;}
.pro-new-show3 .pro-list3 ul li h4 span{font-size: 20px; }
.pro-new-show3 .pro-list3 ul li .desc{padding: 10px 20px;box-sizing: border-box;}
.hjbox .counterbox{ padding: 23px 6px;}

.pro-new-show2 {position: relative;width: 100%;overflow: hidden; padding: 10px ;}
.pro-new-show2 .pro-list2{width: 100%;height: auto;overflow: hidden;}
.pro-new-show2 .pro-list2 ul li{float: left;width:100%;height: auto;overflow: hidden;padding: 0;}
.pro-new-show2 .pro-list2 ul li:last-child{margin-right: 0;}
.pro-new-show2 .pro-list2 ul li p{ font-size: 13px; padding: 6px 0;}

.pro-new-top {position: relative;width: 65%;   overflow: hidden; margin-left: 18%;  padding: 0 20px;}
.pro-new-top .pro-top{width: 100%;height: auto;overflow: hidden;}
.pro-new-top .pro-top ul li{float: left; width: 100px;}
.pro-new-top .pro-top ul li:last-child{margin-right: 0;}
.pro-new-top .arrow a{display: inline-block;position: absolute;width: 20px;height: 100px;z-index: 2;}
.pro-new-top .arrow a.prev{ left: 0;top: 50%;margin-top: -50px;background: url(../img/lef_a.png) center center no-repeat;}
.pro-new-top .arrow a.next{right: 0;top: 50%;margin-top: -50px;background: url(../img/rig_a.png) center center no-repeat;}

.pro-new-top .tempWrap{width: 100% !important;}
.text-y{ color: #fdca00 !important;}
.aui-badge {
    display: inline-block;
    width: auto;
    text-align: center;
    min-width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.2rem;
    font-size: 12px;
    color: #ffffff;
    background-color: #fe4d52;
    border-radius: 0.9rem;
    position: absolute;
    top: 0.2rem;
    left: 60%;
    z-index: 99;
}
.pro-new-show3 .arrow a{display: inline-block;position: absolute;width: 20px;height: 100px;z-index: 2;}
.pro-new-show3 .arrow a.prev{ left: 0;top: 50%;margin-top: -50px;background: url(../img/arrow-left.png) center center no-repeat;}
.pro-new-show3 .arrow a.next{right: 0;top: 50%;margin-top: -50px;background: url(../img/arrow-right.png) center center no-repeat;}
.pro-new-show3 .arrow a:hover{background-color: rgba(0,0,0,.3);}
.pro-list-img img{ height: auto !important; width: 60px; margin-right: 16px;}
.text-red{color: #fe4d52 !important;} 
.text-b{color: #00a6ff !important;font-weight: bold;} 
.counterbox{ background: #f5f7f9; border: 1px solid #eaeaeb; overflow: hidden;  width: 100%; text-align: center; padding: 35px 6px;}
.counterbox h3{color: 3;}
.cofont{font-family: 'DS-DigitalBold' !important; font-size: 28px;font-weight: bold;}
.text-red  font{ font-size: 12px; margin-left: 3px;}
	/* 功能概述四周走光 */
 .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;
}
.pro-list3 .pro-list-text .cofont font {
    font-size: 12px;
    margin-left: 3px;
}
@keyframes lightRunA {
    from{
        opacity: 0;
    }
    10%,80%{
        opacity: 1;
    }
    to{
        offset-distance: 100%;
        opacity: 0;
    }
}

 .funPipe1 .lightRunA{
	left: 0%;
	top: 65px;
	-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: 65px;
	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;
}


@keyframes lightRunA1 {
 0% {
    left: 0%;
    transform:translateX(-20%);
  }
  100% {
    left: 10%;
  }

 
}

@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 only screen and (max-width: 1600px) {
	.lc_body .card-title {
		font-size: 14px;
	}
	.rounded-0 .card-body {
	 padding: .5rem;
	}
	.head2 h1 {
		font-size: 18px;
	}
	.logo{width: 180px;}

	.logo img{width: 100%;}
	.spbtn {font-size: 14px;
	}.hot_wrapper a {
		font-size: 13px;}
		.wf-from-ul li {
			width: 100%;
			border-bottom: 1px dashed #f2f2ff;
			border-radius: 3px;
			display: flex; color: #091e3b ;
			font-size: 12px;
			padding: 8px 6px;}
	
			.wlist .wlist_li {
				width: 100%;
				border-bottom: 1px solid #f2f2ff;
				display: flex; color: #091e3b ;
				font-size: 12px;
				padding: 10px 10px;
				justify-content: space-between;
				margin-bottom: .5rem;
			}	
			
			.pro-new-show .pro-list ul li img{width: 100%; height: 275px;}
	
			.cofont {
				font-family: 'DS-DigitalBold' !important;
				font-size: 24px;
				font-weight: bold;
			}.pro-new-show2 .pro-list2 ul li p {
				font-size: 10px;
				padding: 6px 0;
			}
			
	
	.pro-new-show2 {
		position: relative;
		width: 100%;
		overflow: hidden;
		padding: 10px 5px;
	}
	.numboximg img{width: 48px;}
	.numbox {
		background: #f5f7f9;
		border: 1px solid #eaeaeb;
		overflow: hidden;
		text-align: center;
		padding: 12px 0;
		margin-bottom: 10px;
		position: relative;
	}
	.aui-badge {
		min-width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
		padding: 0 0.2rem;
		font-size: 12px;
	
		border-radius: 0.6rem;
	 
	}
	.pro-list-img img {
		height: auto !important;
		width: 48px;
		margin-right: 12px;
	}.lc_body p {
		margin: 0; font-size: 12px; font-weight: normal;
	}.counterbox {
		padding: 25px 6px;
	}
	.counterbox  font{font-size: 12px;}
	.pro-list3 .pro-list-text .cofont font {
		font-size: 12px;
		margin-left: 3px;
	}
	.hjbox .counterbox {
		padding: 6px 6px;
	}.lc_body .card-title {
		padding: 6px;
		padding-left: 36px;}
		.pro-new-show3 .pro-list3 ul li h4 {
			font-size: 12x;
			text-align: center;
			margin-bottom: 2px;
		}
		.pro-new-show3 .pro-list3 ul li{height:180px;}
		.head2 {
			font-size: 14px;}
			.pro-new-top .pro-top ul li {
				float: left;
				width: 90px;
			}
			.height40{ height:320px}
		}