body,html{
height:100%;
margin:0px;
padding:0px; font-size:13px;
overflow:hidden;font-family: 'Microsoft YaHei',Arial,sans-serif;
}
 h2{margin:0px;
padding:0px;}
ul{margin:0px;
padding:0px;}
ul li{ list-style:none}
#spleft{
width:320px;
  display: inline-block;
background-color:#fff;
float:left; 
height:100%;
}
#spright{
width:320px;
  display: inline-block;
background-color:#fff;
float:right;
height:100%;
}
#spcenter{  height:100%; display: inline-block;
            width: calc(100% - 320px);
}
.header_fr{ position:absolute; right:10px; top:0px}
.sp_header{ height:52px; line-height:52px; background:#2fa5f4; width:100%; color:#fff; position:relative}
.sp_header i{font-size:24px; margin-right:8px}
.sp_header h2{ font-size:18px; padding:0 15px;}
.sp_box{box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%); background: #fff; margin: 5px; border-radius: 5px;}
.position{ position:relative}
.sp_box h2{ background:#f5f8f9;border-radius: 5px; color:#2fa5f4; margin:0; font-size:15px; font-weight:800; line-height:38px; position: relative;}
.sp_box h2 span{line-height:38px; display:inline-block; padding:0 10px}
.sp_box h2 ::before {
    width: 2px;
    height: 14px;
    top: 13px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 5px;
}
.sp_box .sp_content{padding:6px; }
.project-ul-s {  margin: 5px auto; width: 99%; border:1px solid #d5e2f6; border-radius: 6px;}
.project-ul-s  li{ padding:10px 3px; border-bottom:1px dashed #e1e3e4;  font-size:12px; list-style:none; clear:both; overflow:hidden}
.project-ul-s  li:nth-of-type(2n+1) {
    background-color: #f8fbfd;
}
.project-ul-s  li .pull_left{  display:inline-block; float:left; color:#777; }

.project-ul-s  li .pull_right{  display:inline-block; float:left; color:#4c5a73; margin-left: 4px; }
.text-1{color:#184897; margin-right:.1rem; font-size:8px}
.text-2{color:#04cdf4; margin-right:.1rem; font-size:8px}
.text-3{color:#39b54a; margin-right:.1rem; font-size:8px}
.text-4{color:#fea03c; margin-right:.1rem; font-size:8px}.text-5{color:#ff7058; margin-right:.1rem; font-size:8px}
.text-6{color:#4cdcc5; margin-right:.1rem; font-size:8px}
.text-7{color:#ffd05c; margin-right:.1rem; font-size:8px}
.sp_fixd{ display: flex;flex:1;justify-content: space-between;align-items:center;}
.sp_fixd_img{ display: flex;align-items:center; width: 80%;}
.sp_fixd_lx .text-5{color:#ff7058; margin-right:.1rem; font-size:12px !important}
.sp_fixd_lx {
    display: flex;
    flex: 1;
    justify-content: space-between; cursor:pointer
    
}
.sp_fixd_lx .z_label{ margin:0 !important}
.sp_content li.sp_fixd{ margin:2px 0; padding:6px ; cursor:pointer; border: 3px solid #f3f7fc;}
  li.sp_fixd:nth-of-type(2n+1) {
    background-color: #f8fbfd;
}
.sp_imgbox { width:80px;display:inline-block; height:5vh; float:left; margin-right:.5rem; text-align:center}
.atext{display:inline-block; float:left;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; width: 75%;}
.sp_imgbox img{ width:100%; height:100%; padding:1px; border:1px solid #ddd }
.iconbox i{ font-size:2.8rem; color:#a1bfee}
.iconbox i.icon-qiuji1{ font-size:2.2rem; color:#a1bfee}
.z_label { width:4rem;
    display: block; 
    font-weight: 400;
    text-align: center;
 vertical-align: middle;
  padding: .175rem .75rem;
    font-size:.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #1ab394;
    border: 1px solid #1ab394;

}
.height8{ height:52vh; overflow:auto}
.height12{ height:12vh; }
.height20{ height:28.8vh; }
.btn-danger {
   color: #ed5565;
    border: 1px solid #ed5565;

}
.text-primary {
   color: #1ab394;}
.text-danger {
   color: #ed5565;}
   .text-info{color: #2fa5f4}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #bdd1f1;
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : rgba(0, 0, 0, 0.2);
  }
  .xline_box{ position:relative; top:3px }
  .xline_box .text-zx{ position:relative; top:5px; left:3px; display:inline-block; font-size:26px; color:#1ab394; font-weight:bold}
  .xline_box .text-lx{ position:relative; top:20px; right:5px;  display:inline-block; font-size:26px; color:#ed5565; font-weight:bold}
  .number_text{ color:#2fa5f4; font-size:26px;position:relative; top:10px; font-weight:bold}
  .sp_content p{ color:#555}
 .myline{
position:relative;
  margin:0px auto;display:inline-block;
  width:40px; margin-top:-6px;
 
  box-sizing:border-box;

}
 
.myline::before{
  content:"";
  position:absolute;

  width:100%;
 
  box-sizing:border-box;
  border-bottom:1px solid #2fa5f4;
transform:rotateZ(-65deg) scale(1.114);
  animation:slash 5s infinite ease;
}

.margin5{ margin-top:-10px}
.yt_box{ overflow:hidden; margin:8px 0}
.yt_box li{ width:25%; float:left; text-align:center; cursor:pointer;  padding-top: 10px;}
.yt_box li img{width:42px ;}
.yt_box li i{ font-size:36px; color:#2fa5f4 }
.yt_box li p{ margin:0; padding:0; padding-top:5px}

.qt_box{ overflow:hidden; margin:8px 0}
.qt_box li{ width:33.333%; float:left; text-align:center; cursor:pointer}
.qt_box li i{ font-size:36px; color:#2fa5f4 }
.qt_box li p{ margin:0; padding:0; padding-top:5px}
.qt_content{background: #fcfdfe; border: 1px solid #d5e2f6; margin: 5px; padding: 5px; border-radius: 5px; height: 75px; padding-top: 10px; }

.jr_box{ overflow:hidden; margin:8px 0}
.jr_box li{ width:33.333%; float:left; text-align:center; cursor:pointer}
.jr_box li .info{  color:#2fa5f4 }
.jr_box li .green{  color:#7cbc20 }
.jr_box li p{ margin:0; padding:0; padding-top:5px}
.jr_content h3{margin:0; padding:0; }
.jr_content img{margin-right: 3px; }
.jr_content{background: #fcfdfe; border: 1px solid #d5e2f6;  margin: 5px; padding: 5px; border-radius: 5px; height: 75px; padding-top: 8px; display: flex; align-items: center;  justify-content: center;}

.zt_box{ overflow:hidden; margin:8px 0}
.zt_box li{ width:50%; float:left; text-align:center; cursor:pointer}
.zt_box li .info{  color:#2fa5f4 }
.zt_box li p{ margin:0; padding:0; padding-top:5px}
.zt_content h3{margin:0; padding:0; }
.zt_content img{margin-right: 8px; }
.zt_content{background: #fcfdfe; border: 1px solid #d5e2f6;  margin: 5px; padding: 5px; border-radius: 5px; height: 75px; padding-top: 8px; display: flex; align-items: center;  justify-content: center;}
.active#list1 img{content: url(../images/qyicon1_a.png);}
.active#list2 img{content: url(../images/qyicon2_a.png);}
.active#list3 img{content: url(../images/qyicon3_a.png);}
.active#list4 img{content: url(../images/qyicon4_a.png);}
p{ font-size:13px; color:#555}
.position .header_fr a{color:#2fa5f4; font-size:14px; font-weight:normal; display:inline-block; text-decoration:none}
.position .header_fr a i{ font-size:24px; position:relative;top:3px}
.img_ytkz{ width:50px; cursor:pointer}
.range:not(:last-child) {
	margin-bottom: 1.5em;
}.range{ width:100%; margin:5px}
.range input[type=range],
.range input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none; 
	appearance: none;
}
.range input[type=range], .range__input-fill {
	border-radius: 0.25em;
	height: 0.5em;
}
.range input[type=range] {
	background-color: var(--inputBg);
	display: block;
	margin: 0.5em 0; width:22vh;
	padding: 0;
}
.range input[type=range]:focus {
	outline: transparent;
}
.range input[type=range]::-webkit-slider-thumb {
	background-color: var(--handleBg);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	transition: background 0.1s linear;
	width: 1.5em;
	height: 1.5em;
	z-index: 1;
}
.range input[type=range]::-moz-range-thumb {
	background-color: var(--handleBg);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	transform: translateZ(1px);
	transition: background-color 0.1s linear;
	width: 1.5em;
	height: 1.5em;
	z-index: 1;
}
.range input[type=range]::-moz-focus-outer {
	border: 0;
}
.range__input, .range__input-fill, .range__counter-column, .range__counter-digit {
	display: block;
}
.range__input, .range__counter {
	position: relative;
}
.range__input {
	margin-right: 0.375em;
}
.range__input:active input[type=range]::-webkit-slider-thumb,
.range input[type=range]:focus::-webkit-slider-thumb,
.range input[type=range]::-webkit-slider-thumb:hover {
	background-color: var(--handleDownBg);
}
.range__input:active input[type=range]::-moz-range-thumb,
.range input[type=range]:focus::-moz-range-thumb,
.range input[type=range]::-moz-range-thumb:hover {
	background-color: var(--handleDownBg);
}
.range__input-fill, .range__counter-sr {
	position: absolute;
	left: 0;
}
.range__input-fill {
	background-color: var(--handleTrackBg);
	pointer-events: none;
	top: calc(50% - 0.25em);
}
.range__counter, .range__counter-digit {
	height: 1.5em;
}
.range__counter {
	margin: auto 0;
	overflow: hidden;
	text-align: center;
}
.range__counter-sr {
	background-image: linear-gradient(var(--bg),var(--bgT) 0.3em 1.2em,var(--bg));
	color: transparent;
	letter-spacing: 0.06em;
	top: 0;
	text-align: right;
	z-index: 1;
}
.range__counter-column {
	transition: transform 0.25s ease-in-out;
	width: 0.66em;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.range__counter-column--pause {
	transition: none;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #2e3138;
		--bgT: #2e313800;
		--fg: #e3e4e8;
		--inputBg: #17181c;
	}
}:root {
	--bg: #e3e4e8;
	--bgT: #e3e4e800;
	--fg: #17181c;
	--inputBg: #dadada;
	--handleBg: #0597ef;
	--handleDownBg: #0597ef;
	--handleTrackBg: #0597ef;
	
}
.range input {
	color: var(--fg);
	font: 1em/1.5 "Hind", sans-serif;
}
 .range, .range__counter {
	display: flex;
}
.aui-hide {
	display: none !important;
}


.aui-tab {
	position: relative;
	    background: #f0f4f8;
    border-radius: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-self: center;
	align-self: center;
}
.aui-tab-item {
	 padding:0 10px;
line-height: 40px;
	position: relative;
	font-size: 15px;
	font-weight:800;
	color: #555;
	margin-left: -1px;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.aui-tab-item.aui-active {
	color: #2fa5f4;
	border-bottom: 2px solid #2fa5f4;
}.sp_ls_text p{text-overflow: -o-ellipsis-lastline;
  overflow: hidden; padding:0; margin:0; padding-top:8px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.sp_ls_text{float:left; display:inline-block; width:62%; padding-left:6px;padding-top:8px;}
.sp_ls_box{ float:left; overflow:hidden; width:100px; height:70px;display:inline-block;padding:1px; border:1px solid #ddd}
.sp_ls_box img{ width:100%; height:100%; }

ul li.sp_fixd2{ margin-top:10px;overflow:hidden; cursor:pointer}
.ap_label_warning {font-weight:normal;
padding: 2px 8px;
text-shadow: none;position:absolute; right:8px;
border-radius: 10px;display:inline-block;
white-space: nowrap;
    background-color: #f8ac59;
    color: #FFFFFF;
}
.sp_box h2 span.ap_label_primary {padding: 3px 8px; line-height:normal !important; font-size:13px; border:none!important; cursor:pointer}
.ap_label_primary {font-weight:normal; position:absolute; right:8px;top:18px;
padding: 3px 8px;
text-shadow: none;
border-radius: 5px;display:inline-block;
white-space: nowrap;
    background-color: #1ab394;
    color: #FFFFFF;
}

.sp_vod{ width:100%; }
.sp_vod img{width:100%; height:100%}
.height100{ height:100%}
#tab1-con1 .more ,#tab1-con2 .more,.position .more{ color:#2fa5f4; text-align:right ; display:block; margin:10px; text-decoration:none}

#tab2-con2{ padding:20px 0}
.xmbox {
    background: url(../images/wxm_bg.png);
    background-size: 100% 100%;
    color: #fff; height:60px;display: flex;
    align-items: center; 
    border-radius: 5px;
}
.xmbox h3 {
    display: flex;
    align-items: center; 
    font-size: 13px;
    font-weight: normal;
    padding: 0 10px; margin: 0;
    padding-top: 0;
}.sp_content .xmbox h3  p{color: #fff !important;}
.w-img {
    float: left;
    margin-right: 5px;
}
.w-img img {
    width: 19px;
}
/*弹出层 */
.toggleModal {
	padding: 0;
	
	
}
.toggleModal i:hover {

	cursor: pointer
}
.mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	display: none;
}
.modal{
	position: absolute;
	top: 20px;
	right: 10px;
	width: 320px;
	transform: translate(10px, -10px);
	border-radius: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 2px 3px 20px rgba(0,0,0,0.3);
	z-index: 120000;
	display: none;
}
.modal .modal-header {
	height: 50px;line-height: 50px;
	background: #f2f2f2;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;
	border-radius: 5px 5px 0 0;
	color: #333
}
.modal .modal-header p {
	line-height: 50px; margin:0; padding:0;
	display: inline-block;
}
.modal .modal-header .title {
	font-size: 18px;
	color: #333;
}
.modal .modal-header .close {
	float: right;
	font-size: 26px;
	margin-top: -2px;
	color: #333;
	cursor: default;
}
.modal .modal-content {
	min-height: 100px;
	padding: 10px;
}
.modal .modal-footer .btn {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #409EFF;
	border: none;
	border-radius: 3px;
}
.modal .modal-footer {
	clear: both;
	border-top: 1px solid #ddd;
	padding: 10px;
	text-align: right;
}.modal .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}.modal .input-group-addon {
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
	display: table-cell;
}
.modal .input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.modal .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.modal .input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.modal .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 83%;
    margin-bottom: 0;
}
.modal .form-control2 {
    display: block;
    width: 83%;
    height: 34px;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.modal .group-btn:last-child>.btn-group {
    margin-left: -1px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal .input-group-btn>.btn {
    position: relative;
}
.modal .btn-default {
    color: #404040;
    background-color: #fff;
    border-color: #dedede;
}
.modal .btn {
   display: inline-block;
      padding: 4px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.modal.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.yuntan_a td{ padding:3px 0}
.cj_row {
	display: flex;
	flex-wrap: wrap;

  }

  * {
	box-sizing: border-box;
  }

  .cj_col_1,
  .cj_col_2,
  .cj_col_3,
  .cj_col_4,
  .cj_col_5,
  .cj_col_6,
  .cj_col_7,
  .cj_col_8,
  .cj_col_9,
  .cj_col_10,
  .cj_col_11,
  .cj_col_12,
  .cj_col,
  .cj_col_auto,
  .col-md,
  .col-md-auto,
  .cj_col_lg_1,
  .cj_col_lg_2,
  .cj_col_lg_3,
  .cj_col_lg_4,
  .cj_col_lg_5,
  .cj_col_lg_6,
  .cj_col_lg_7,
  .cj_col_lg_8,
  .cj_col_lg_9,
  .cj_col_lg_10,
  .cj_col_lg_11,
  .cj_col_lg_12,
  .col-lg,
  .cj_col_lg_auto,
  .cj_col_xl_1,
  .cj_col_xl_2,
  .cj_col_xl_3,
  .cj_col_xl_4,
  .cj_col_xl_5,
  .cj_col_xl_6,
  .cj_col_xl_7,
  .cj_col_xl_8,
  .cj_col_xl_9,
  .cj_col_xl_10,
  .cj_col_xl_11,
  .cj_col_xl_12,
  .col-xl,
  .cj_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding: 1px
  }

  .cj_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
  }

  .cj_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
  }

  .cj_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
  }

  .cj_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
  }

  .cj_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
  }

  .cj_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }

  .cj_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
  }

  .cj_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
  }

  .cj_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
  }

  .cj_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
  }

  .cj_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
  }

  .cj_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
  }

  .cj_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
  }

  .cj_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
  }

  .sp_video {
	border-radius: 3px;
	border: 1px dashed #e1e3e4;
	background: url(../images/spbg.png) no-repeat #f0f4f8;
	background-size: cover;
	width: 100%;
	
  }
  .spbox3 .sp_video{ height: 22.6vh;}
  .spbox1  .sp_video{ height:68.2vh;}
  .spbox4  .sp_video{ height: 16.9vh;}
  .spbox2  .sp_video{ height:34vh;}
  .mt-5 {
	margin-top: .5rem;
  }

  video { background: url(../images/spbg.png) no-repeat #f0f4f8;
	background-size: cover;
	width: 100%;
	height: 100%;
  }
.videot{ width: 100%;
	height: 100%;}


  .displayn {
	display: none;
  }
  @media screen and ( max-width: 1800px ){

	.sp_box h2 {
		font-size: 14px;
		font-weight: normal;
		line-height: 32px;
	
	}.sp_box h2 span {
		line-height: 32px;
	
	}.sp_box h2 ::before {
	
		top: 10px;

	}
	p{font-size: 12px;}
	.xmbox {
		height: 50px;}
		.project-ul-s li {
			padding: 6px 3px;
		
		}
		.aui-tab-item {
			line-height:32px;
		
			font-size: 14px;
			font-weight: normal;
			
		
		}.atext { font-size: 12px;
		}.z_label {font-weight: normal;
			font-size: 12px;}
			.sp_content li.sp_fixd {
				margin: 2px 0;
				padding: 4px;}

				.spbox2 .sp_video {
					height: 33vh;
				}.jr_content {
					margin: 2px;
					padding:8px 5px;
			
					height: 60px;
					padding-top: 2px;
					 font-size: 12px;
				}
				.jr_content img{width: 18px;}
				.zt_content {
					margin: 2px;
					padding:8px 5px;
			
					height: 60px;
					padding-top: 2px;
					 font-size: 12px;
				}.zt_content img{width: 18px;}
				.yt_box li img {
					width: 38px;
				}
				.qt_content {
					margin: 2px;
					padding: 5px;
				height: 60px;
					padding-top: 10px;
				}
				.qt_content img {
					width: 24px;
				}.height8 {
					height: 50vh;
				}.spbox1 .sp_video {
					height: 66.2vh;
				}.spbox3 .sp_video {
					height: 21.9vh;
				}.spbox4 .sp_video {
					height: 16.4vh;
				}
  }