* {
	box-sizing: border-box;
}
html{font-size: 100px;}
body {
	background: url(../img/bg.png) center center !important;
	background-size: 100% 100%  !important;
	font-family: 'Microsoft YaHei';
	font-size: 12px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.wf_body h1,
.wf_body h2,
.wf_body h3,
.wf_body h4,
.wf_body h5,
.wf_body h6 {
	margin: 0;
}

.wf_body p {
	margin: 0;
}

.wf_body ul {
	margin: 0;
	padding: 0;
}

.wf_body {
	margin: 0;
	font-family: 'Microsoft YaHei';
	color: #fff;
	width: 100%;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: -70px;
	z-index: 10;
}

.lc_row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;

}

.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 20%;
		max-width: 20%;
	}

	.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_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%;
	}
}


.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;
}

.dz_body {padding:0 5px;

}

.height30 {
	height: 17vh
}
.height32{height:34.2vh}
.height35{height: 22vh}
.height40{height: 59.8vh; }
.height50{height: 58vh; }
.wftext-center {
	padding: .2rem .5rem;
	font-size: 13px;
	color: #7590af;
	text-align: center;
}

.mleft {
	position: absolute;
	height: 40vh;
	left: 0;
	top: 13%;
	z-index: 1000
}

.mright {
	position: absolute;
	height: 40vh;
	right: 0;
	top: 13%;
	z-index: 1000
}

.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);
}

.text1 {
	color: #5fcb71!important 
}

.text2 {
	color: #fed130!important 
}

.text3 {
	color: #fcc660 !important 
}

.text4 {
	color: #389aec!important 
}

.text5 {
	color: #0ca5ff
}

.wfcolor1 {
	color: #00ccff
}

.wfcolor2 {
	color: #22c79f
}

.wfcolor3 {
	color: #fe9529
}

.wfcolor4 {
	color: #ddc324
}

.wfcolor5 {
	color: #6acf27
}

.kanfcolor6 {
	color: #00b48b
}

* {
	box-sizing: border-box;
}

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
}


.content-box {
	overflow: hidden;
	top: 20px;
	left: 0px;
	width: 100%;
	height: 100%
}

.current {
	z-index: 100
}

.col-one {
	width:25%;
	float: left;
	position: relative;
	height: 100%;
	z-index: 10000;
	left: 0;
}

.col-two {
	width: 25%;
	float: right;
	position: relative;
	height: 100%;
	z-index: 10000;
	right: 0;
}

.col-one,
.col-two {
	margin-right: 0
}

.col-center {
	width: calc(100% - 51%);
	float: left;
	margin-left: .5%;
}
.spbox2{padding:0 ;}

.project-ul-s li .pull_right {
	color: #33c5ff !important;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 6px;
	text-overflow: ellipsis;
}

.sp_content p {
	color: #fff;
}

.project-ul-s li .pull_left {
	color: #fff
}

.project-ul-s li:nth-of-type(2n+1) {
	background: none !important;
}

.project-ul-s li {
	padding: .46vh ;
	padding-left: 1vh;


}

.zt-status {
	position: absolute;
	right: 20px;
	top: 6vh;
	width: 100px;
	text-align: center;
}

.ztbox {
	background: url(../img/ztbg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 50px;
	padding-top: 8px;
	margin-top: 10px;
}

.ztimg img {
	width:24px;
	
}

.ztbox h3 {
	color: #01d8ff;
}

.sp_content li.sp_fixd {
	border-top: 1px solid #092c41 !important;
	padding-top: .5rem;
	border-bottom: 0 !important;
}

ul li.sp_fixd2 {
	margin-top: 0;
	border-top: 1px solid #092c41 !important;
	padding: .5rem 0;
	border-bottom: 0 !important;
}

.sp_fixd_lx {
	border-top: 1px solid #092c41 !important;
	padding: .5rem 0;
	border-bottom: 0 !important;
}

.hot_wrapper{ padding:5px 10px;margin-left:25px;  overflow:hidden;height: 36px;  width:79%}	
.hot_wrapper a {
    font-size: 14px;
    color: #fff;
    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: #092138; border: 1px solid #034979; padding: 8px 2px;}
.dc_col_y   {display: flex; align-items: center; padding: 5px; }
.tz_a img{ width:26px;  margin-right: 5px; margin-left: 3px;}
.spbtn img {
    margin-left: 5px;
    width: 7px;
}
.spbtn {
    background: url(../img/spbg.png) center center;
    border-radius: 6px;
    background-size: 100%;
    position: absolute;
    right:8px;
    top: 3px;
    width: 127px;
    height: 45px;
    padding-left: 45px;
    line-height: 45px;
    display: flex;
    align-items: center;
}
.spbtn2 {
    background: url(../img/spdd.png) center center;
    border-radius: 6px;
    background-size: 100%;
    position: absolute;
    right: 140px;
    top: 3px;
    width: 127px;
    height: 45px;
    padding-left: 45px;
    line-height: 45px;
    display: flex;
	align-items: center;}
	.spbtn2 img {
		margin-left: 5px;
		width: 7px;
	}
.xm_custom_card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #0f3959;
	margin: 5px 0;
}
::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 5px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
	background: #02cafa;
}

::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0,235,255,.1) !important;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #041e58;
}

.pull_left img {
    width: 20px;
}
  .lvc-nav {
	width: 100%;
	padding: 8px;
	/*border: 1px solid #e8eaed;*/
	border-width: 0 1px 0 1px;

}

.lvc-nav li {
	border-bottom: 1px solid rgba(0, 245, 255, 0.3);
	margin: 2px;
	overflow: hidden;
	padding: 5px; position: relative;
}
.lvc-nav li .pull_right{position: relative;}
.lvc-nav li .pull_right::after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #ddd;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: 3px;
    position: absolute;
    top: 18%;
    margin-top: -16px;
    right: 2px;
    border-radius: 1px;
    cursor: pointer;
    font-size: 13px;
}
#listcontent2 li img {
	width: 20px;
	margin-right: 5px;
	position: relative;
	top: 5px
}

.lvc-nav li a {
	color: #a5a8ad;
	display: block;
	height: 50px;
	line-height: 50px;
}

.lvc-nav li.active a {
	color: #616366;
}

.lvc-nav .active {
	color: #0096d7 !important;
}

.lvc-nav li.active:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #0d94ff;
	left: 0;
}


  .search p.empty {
	text-align: center;
  }
  
  .app-name.hide, .sidebar-nav.hide {
	display: none;
  }
  
.topbox {display: flex;}


.main-box {
    width: 100%;
    padding-left:5px;
   
    box-sizing: border-box;
    -ms-flex-pack: justify;
    height: 19.5vh;
}
.box-left {
    width:30%;
    -ms-flex-direction: column;
    flex-direction: column;
	
}

.box-left, .main-box {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.box-left img{width: 100%;}
.box-left-time {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #fff;
    margin-bottom:5px;
}
.box-left-num {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #0ff;
    position: absolute;
    top: 72px;
}
.box-left-pm {
    position: absolute;
    top: 120px;
    width: 68px;
    height: 23px;
    text-align: center;
    background: rgba(0,189,255,.81);
    border-radius: 12px;
    font-size:16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff;
}
.box-left-text {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff;
    margin-top: 35px;

}
.box-right {
    width: 70%;
    height: 100%;
    color: #fff; padding-left: 15px;padding-top: 10px;
}.right-charts{height: 96%; width: 100%;}
.right-middle{display: flex;justify-content: space-between; }
.right-charts .zw_echarts{ height: 100%;}
.tj-status .zw_echarts{ height: 9.6vh;}
.time-type {
    width: 66px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background: rgba(12,151,235,.66);
    font-size: 12px;
    cursor: pointer;
}
.active-type {
    background: #0c97eb;
}
@font-face {
	font-family: "st-r";
	src: url("../font/SlideTownsoul-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "title";
	src: url("../font/YouSheBiaoTiHei.ttf") format("truetype");
}

@font-face {
	font-family: "pmzd";
	src: url("../font/pangmenzhengdao.TTF") format("truetype");
}

@font-face {
	font-family: "num-h";
	src: url("../font/OPPOSans-H.ttf") format("truetype");
}



.box {
	position: relative;
	margin-bottom: 5px;
	border: 1px solid rgba(7, 62, 104, 0.6) ;
	background:rgba(7, 62, 104, 0.2) ;
	border-radius: 3px;
}

.box .box-title {
	position: relative;
	height:3vh;
	display: flex; justify-content: space-between; align-items: center;
	border-bottom: 1px solid rgba(0, 245, 255, 0.4);
  }
  .box-title a{ font-size: 12px; color: #51aeff ;    font-family: 'title'; text-decoration: none;
    font-weight: normal; }
  .box .box-title .cn {
	position: relative;
	padding:0 6px;
	height: 3vh;
	line-height: 3vh;
	font-size: 16px;
	font-family: 'title';
	font-weight: normal;
	background: transparent;
	background: -o-linear-gradient(0deg, #51aeff 0.36621%, #7afff4 99.58496%);
	background: -moz-linear-gradient(0deg, #51aeff 0.36621%, #7afff4 99.58496%);
	background: -webkit-linear-gradient(0deg, #51aeff 0.36621%, #7afff4 99.58496%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  

  input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
	color: #ddd;
}
input:-moz-placeholder{    /* Firefox版本4-18 */
	color: #ddd;
}              
input::-moz-placeholder{    /* Firefox版本19+ */
	color: #ddd;
}              
input:-ms-input-placeholder{   /* IE浏览器 */
	color: #ddd;
}   



  .box .box-title .cn::before {
	content: '';
	position: absolute;
	left: -3px;
	bottom: 0;
	height:2px;
	width: 100%;
	background: url(../img/cn-bg.png) no-repeat;
	background-size: 100% 100%;
  }
  
  .box .box-title .en {
	margin-left: -36px;
	margin-top: 1px;
	padding-left: 0;
	height: 3vh; width: 40px;
	line-height: 3vh;
	font-size: 12px;
	display: inline-block;
	font-family: 'num-l';
	font-weight
	: normal;
	color: #72a9d7;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: url(../img/en-bg.png) left top no-repeat;
	background-size: 100% 100%;
  }
  
  .box .box-title::after {
	content: '';
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 15px;
	height: 1px;
	background: url(../img/point.png) no-repeat;
	background-size: 100% 100%;
  }
  

/*# sourceMappingURL=biz_common.css.map */

.equip-status {
	 padding: 5px;
}

.equip-status ul {
	height: 100%; 
}

.status-list {
	width: 32.3%;
	position: relative;
	float: left;
	display: flex; margin: 5px .5%;
	background: rgba(7,102,164,0.2); padding: 1vh 10px; border-radius: 3px;
}
.equip-status .status-list .boll-box {	margin: 0 ;
}
.status-list .boll-box {
	width: 61px;
	height: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.status-list .boll-box .ball-pic {
	display: block;
	width: 6.6vh;
	height:6.9vh;
	margin: 0 auto;
	
}

.status-list .boll-box .ball-pic img {
	width: 100%;
	height: 100%;
}

.status-text {
	font-size: 14px;
	color: #ffffff;
	vertical-align: top;
	font-family: 'title' !important;
	font-weight: normal;
}

.status-list .boll-box .trans-pic {
	position: absolute;
	width: 2vh;
	height: 2vh;
	animation: run 7s linear infinite;
	top: 16px;
	left: 50%;
	margin-left: -8px;
}

.status-list .boll-box .trans-pic img {
	width: 100%;
	height: 100%;
}

.status-list .boll-legend {
	margin-left: 10px;
	padding-top: 5px;
	box-sizing: border-box;
	width: 80%;
}

.status-list .boll-legend .boll-line {
	display: inline-block;
	width: 48%;
	padding-left: 10px;
	position: relative;
	font-size: 12px;
	font-weight: 300;
	color: #ffffff;
	box-sizing: border-box;
	
}

.status-list .boll-legend .boll-line .line-num {
	font-size: 12px;
	font-family: "num";
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}
.quip-content{padding: 5px;}
.progressbar {
	width: 100%;
	margin: 5px 0;
	position: relative;
	background-color: #1d3c6a; border-radius: 5px;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
  }
  .proggress{	background-color: #33c5ff; height: 8px; border-radius: 5px;}
  .tab_menu{overflow:hidden;}
.tab_menu li{float:left;text-align:center;cursor:pointer;padding: 0 10px; font-size: 12px;line-height: 3vh;  }
.tab_menu li.current{ color: #01d3ff; background: url(../img/tab_title.png) no-repeat; background-size: 100% 100%;    }
.tab_menu li a{color:#fff;text-decoration:none;}
.tab_menu li.current a{color:#01d3ff;}
.autotab1{position: relative;}
.autotab2{position: relative;}
.autotab3{position: relative;}
.autotab4{position: relative;}

.tab_menu{position:absolute; right:  3px; top:0px}
.autotab4 .tab_menu{position:absolute; left: 3px; top:0px }
.autotab4 .tab_menu li{border-right: 1px solid #25596d;background: linear-gradient(to bottom right,#1a3269, #1a3269);padding: 0 20px; font-size: 12px;line-height: 4.5vh;}
.autotab4 .tab_menu li.current{ background: linear-gradient(to bottom right,#25348a, #306ec5);; border-radius: 2px;   }
.autotab4 .tab_menu li.current a{ color: #fff !important;}
.autotab4 .tab_menu li a{    font-size: 16px;
    font-family: 'title';
    font-weight: normal;
    background: transparent;
    background: -o-linear-gradient(0deg, #51aeff 0.36621%, #7afff4 99.58496%);
    background: -moz-linear-gradient(0deg, #51aeff 0.36621%, #7afff4 99.58496%);
    background: -webkit-linear-gradient(
0deg
, #51aeff 0.36621%, #7afff4 99.58496%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;


}
.tab_box .hide{display:none;}
.xjbox{display: flex; height: 4vh; }
.xjbox li:first-child{background: url(../img/xbg.png); background-size: 100% 100%; width: 70px; text-align: center;}
.xjbox li:nth-child(2){background: url(../img/xbg2.png); background-size: 100% 100%; width: 70px; text-align: center;}
.xjbox li:nth-child(3){background: url(../img/xbg3.png); background-size: 100% 100%; width: 70px; text-align: center;}
.xjbox span{font-weight: bold;color: #fff; }
@keyframes run {
	100% {
		transform: rotateY(360deg);
	}
}

.boll-line:nth-child(3) .line-num {
	color: #00fff6;
}

.boll-line:nth-child(3)::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-image: linear-gradient(0deg, #25fffc, #00d8ff) 10 10;
	background: linear-gradient(0deg, #25fffc 0%, #00d8ff 100%);
	border-radius: 50%;
	left: 1px;
	top: 6px;
}

.boll-line:nth-child(4)::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: linear-gradient(0deg, #fed130 0%, #fed130 100%);
	border-radius: 50%;
	left: 1px;
	top: 6px;
}

.boll-line:nth-child(3) .unit {
	color: #00fff6;
}

.boll-line:nth-child(4) {
	margin-top: 2px;
}

.boll-line:nth-child(4) .line-num {
	color: #fed130;
}

.boll-line:nth-child(4) .unit {
	color: #fed130;
}

.zw_echarts {
	width: 100%;
	height: 30vh;
}
.zw_echarts2 {
	width:24vw;
	height: 30vh;
}

.pm-amont {
	width: 100%;
	height: 36px;
	line-height: 36px;

	margin-top: 0;
	box-sizing: border-box;
}

.pm-amont .pm-left {
	width: 48%;
	text-align: center;
	margin-left: 5px;
	background: url(../img/top_bg2.png) center no-repeat;
	background-size: 100% 100%;
}
.pm-left img{width: 16px;}

.sm-box {padding: 5px;}
.sm-box .pm-amont .pm-left {
	width: 32%; display: flex; align-items: center; justify-content: center;
	text-align: center;
	margin-left: 5px;
}

.l {
	float: left !important;
}

.pm-amont .pm-left span {
	font-size: 13px;
	font-weight: 400;
	color: #ffffff; margin: 0 2px;
}
.pm-amont .pm-left span font{margin-left: 2px;}
.pm-amont .pm-left .pm-number {
	font-size: 16px;
	font-family: "num";
	font-weight: normal;
	color: #00fff6;
	padding-left: 5px;
	padding-right: 5px;
}

.pm-amont .pm-left .pm-unit {
	font-size: 12px;
	color: #fff;
}

.border-r {
	border-right: 1px dashed rgba(5, 53, 89, 0.8);
}

.zn_num {
	display: flex;
	justify-content: center;
	align-items: center;
}

.zn_num span {
	background: url(../img/num_bg.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	padding: 2px 5px;
	line-height: 20px;
	margin: 1px;
	color: #fedb33;
	font-size: 12px;
}

#showTime {
	color: #fedb33;
}

.fixe-c {
	display: flex;
}

.ai-amont {
	margin-top: 5px;
	color: #fff;
}

.ai-amont .pm-left {
	width: 50%;
}


.circle-box {
	
	width: 100%;
	color: #fff;
	display: flex;
	align-items: center;
}

.circle-box .circle-left {
	width: 12vh;
	height: 100%;
	background: url(../img/circle-bg.png) center no-repeat;
	margin-top: 8px;
	background-size: 100% 110%;
	box-sizing: border-box;
}

.circle-box .circle-left .circle-pic {
	position: relative;
	width: 10vh;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	padding-left: 3px;
	padding-top: 22px
}

.circle-box .circle-left .circle-pic::before {
	content: "";
	position: absolute;
	width: 8vh;
	height: 8vh;
	background: url("../img/circle-run.png") center no-repeat;
	background-size: 98% 98%;
	top: 8px;
	left: 5px;
	animation: run2 7s linear infinite;
}

.circle-box .circle-left .circle-pic .ex-rate {
	line-height: 16px;
	font-size: 13px;
	font-weight: 400;
	color: #ffffff;
}

.circle-box .circle-left .circle-pic .in-rate {}

.circle-pic .in-rate span {
	font-size: 16px;
	font-family: "num";
	font-weight: bold;
	color: #ffd956;
}

.circle-pic .rate-text {
	font-size: 16px !important;
	color: #ffd956;
}

.circle-box .rate-right {
	width: 53%;
	padding-left: 10px;
	height: 100%;
	overflow: hidden;
}
.xjbox{padding: 0 6px;}
.xjbox_icon{width: 25%; text-align: center; padding-left: 6px;}

.status-list.xjbox_icon .boll-box .trans-pic {
    position: absolute;
    width: 2.6vh;
    height: 2.6vh;
    animation: run 7s linear infinite;
    top: 19px;
  
}
.status-list.xjbox_icon .boll-box .ball-pic {
 
    margin: 0 auto;
    margin-top: 0vh;
}
.circle-box.xjbox .rate-right {
	width: 75%;
	padding-left: 10px;
	height: 100%;
	overflow: hidden;
}
.circle-box.aqbox .rate-right {
	width: 100%;
	
	height: 100%;
	overflow: hidden;
}

.aqbox {padding: 1vh 0;}
.circle-box .rate-right .rate-box .rate-list .rate-bg {
	display: block;
	width: 90px;
	height: 23px;
	left: 50%;
	margin-top: 0px;
	margin: 0 auto;
}
.circle-box.aqbox  .rate-right .rate-box .rate-list .rate-bg{    margin: 0 auto;}
.circle-box .rate-right .rate-box .rate-list .rate-bg img {
	width: 100%;
	height: 100%;
}

.rate-box .rate-list.in-rate span {
	font-size: 12px;  font-weight: normal;
	
}

.rate-box .rate-list .in-rate span.rate-text {
	font-size: 16px;
	font-family: "num";
	font-weight: bold;
	color: #00fff6; margin-right: 3px;
}

.ex-rate2 {
	padding-top: 10px;
	display: block;
}

.circle-box .rate-right .rate-box .rate-list .rate-text {
	font-size: 16px !important;

}

.top_box_right {
	position: absolute;
	right: 5px;
	top: 1px;
	width: 200px;
}

.top_box_right .aui-tab-item img {
	width: 10x;
	position: relative;
	top: 3px;
	margin-right: 3px
}


@keyframes run2 {
	100% {
		transform: rotateZ(360deg);
	}
}

.xunj-content {
	display: flex;
	width: 100%;
}

.rate-right .rate-box {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}

.rate-right li {
	width: 50%;
	text-align: center;
	padding-top: 0px;
	 cursor: pointer;
}

.xc-title {
	position: absolute;
	left: 5%;
	top: 43px;
	color: #33c5ff;
	font-family: 'title';
	font-size: 16px;
}

.rate-title {
	color: #33c5ff;
	font-family: 'title';
	font-size: 16px;
}

.tj-text {
	color: #00d8ff;
	font-size: 16px;
	margin: 0 3px;
}

.xjimg img { width: 20px; margin-left: 5px; }
.item-add {
	display: flex;
	justify-content: space-between;
	
	padding: 1vh;
  }
  
  .item-add-item {
	width: 33.33%;
	height: 7vh;
	padding-top:5px;
	padding-left: 17px;
	background: url("../img/instrument-add-bg.png") no-repeat center;
	background-size: 100% 100%;
	box-sizing: border-box;
  }
  
  .item-add-item .title {
	height:26px;
	line-height: 26px;
	font-size: 14px;
	color: #d9fdff;
  }
  
  .item-add-item .number {
	font-size: 14px;
	color: #00ffff;
  }
  
  .item-add-item .number span {
	font-size: 20px;
  }
 .unit-list {
	position: relative;
	width: 100%;
	height: 20.6vh;
	color:#fff;
  }
  
 .unit-list li {
	position: absolute;
	text-align: center;
  }
  
 .unit-list li .icon.icon-top {
	width: 0.91rem;
	height: 0.92rem;
	background: url(../img/box3-icon-bg.png);
	background-size: 0.91rem 0.92rem;	padding-top: 0.10rem;
  }
  
 .unit-list li .icon.icon-bottom {
	width: 0.79rem;
	height: 0.8rem;
	background: url(../img/box3-icon-cur.png);
	background-size: 0.79rem 0.8rem;padding-top: 0.10rem;
  }
  
 .unit-list li .icon img {
	margin: 0 auto;
	display: block;
	width: 0.24rem;
	height: 0.24rem;

	animation: filp 7s linear infinite;
  }
  
 .unit-list li h6 {
	font-size: 12px;
	font-weight: normal;
  }
  
 .unit-list li p {
	margin-top: -0.17rem;
	color: #fff;
	font-size: 12px;
  }
  
  .unit-list li p span{
	margin-top: -0.17rem;
	color: #00fff6;
	font-size: 12px;
  }

 .unit-list li p span {
	font-size: 16px;
  }
  
 .unit-list li::after {
	position: absolute;
	content: '';
  }
  
 .unit-list li::before {
	position: absolute;
	content: '';
	border-left: 2px dotted rgba(134, 188, 255, 0.5);
	z-index: -9;
  }
  
 .unit-list li:nth-child(1) {
	top: 0.7rem;
	left: 0.25rem;
	}
  
 .unit-list li:nth-child(1)::after {	width: 0.58rem;
	height: 0.69rem;
	top: 0.03rem;
    left: 0.66rem;
	animation: arrow2 5s linear infinite;
	background: url(../img/arrow2.png) center no-repeat;
	background-size: 0.59rem 0.68rem;
	
  }
  
 .unit-list li:nth-child(1)::before {
	top: -0.25rem;
	left: 1.10rem;
	height: 90px;
	transform: rotate(45deg);
	}
  
 .unit-list li:nth-child(1) .icon i {
	background: url(../img/box3-icon1.png) center no-repeat;
	background-size: 0.59rem 0.55rem;
  }
  
 .unit-list li:nth-child(1):hover p,  .unit-list li:nth-child(1).active p {
	transition: color 0.6s;
	color: #ffd928;
  }
  
 .unit-list li:nth-child(1):hover .icon,  .unit-list li:nth-child(1).active .icon {
	transition: background 0.6s;
  }
  

  
 .unit-list li:nth-child(2) {
	top:.12rem;
	left: 1.6rem;
	}
  
 .unit-list li:nth-child(2)::after {width: 0.59rem;
	height: 0.67rem;
	top: 0.15rem;
    left: 0.53rem;
	animation: arrow1 5s linear infinite;
	background: url(../img/arrow1.png) center no-repeat;
	background-size: 0.59rem 0.68rem;

  }
  
 .unit-list li:nth-child(2)::before {
	top: 0.32rem;
    left: 1.08rem;
    height: 90px;
    transform: rotate(
-45deg
);
	}
  

  
 .unit-list li:nth-child(2):hover p,  .unit-list li:nth-child(2).active p {
	transition: color 0.6s;
	color: #ffd928;
  }
  
 .unit-list li:nth-child(2):hover .icon,  .unit-list li:nth-child(2).active .icon {
	transition: background 0.6s;
  }
  

  
 .unit-list li:nth-child(3) {
	top: 0.7rem;
	left: 2.75rem;
	}
  

  
 .unit-list li:nth-child(3)::before {
	top: 0.;
	left: 0;
	height:0 ;
	transform: rotate(-45deg);
  }
  
 .unit-list li:nth-child(3) .icon i {
	background: url(../img/box3-icon3.png) center no-repeat;
	background-size: 0.59rem 0.55rem;
  }
  
 .unit-list li:nth-child(3):hover p,  .unit-list li:nth-child(3).active p {
	transition: color 0.6s;
	color: #ffd928;
  }
  
 .unit-list li:nth-child(3):hover .icon,  .unit-list li:nth-child(3).active .icon {
	transition: background 0.6s;
  }
  
  .head-info .btns {position: absolute; right: 30px; top: 2px;transform:scale(.85)}
  .data3 {color: #fff;
	text-align: center;
  margin: 0 auto;
	width: .8rem;
	height: .53rem;
	background: url(../img/di.png) no-repeat bottom center;
	  background-size: auto;
	background-size: contain;
	box-sizing: border-box;}
  .data3 .qiu {
	background: url(../img/cicle03.png) no-repeat center;
	  background-size: auto;
	background-size: 100%;
	position: relative;
width: 0.4rem;
height: 0.4rem;
margin: auto;
display: table;

  }
 .data3 .qiu p {
	display: table-cell;
	vertical-align: middle;
  }
  .data3 .qiu::before {
	content: '';
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.5);
	animation: scale 2s linear infinite;
  }
  .more{position: absolute; right: 6px; top: 2px;    font-size: 12px;
    color: #51aeff;
    font-family: 'title';
    text-decoration: none;
    font-weight: normal;}
  @keyframes scale {
	0% {
	  transform: translate(-50%, -50%) scale(0.9);
	  opacity: 1;
	}
	100% {
	  transform: translate(-50%, -50%) scale(1.5);
	  opacity: 0;
	}
  }
  .head-info {
    
    position: relative; 
	padding: 0 0; width: 100%; padding:0 5px ;
	 
}
.box.bg{ box-shadow: inset 0 0 30px #004681 !important; }

.cj_row {
    display: flex;
    flex-wrap: wrap;
}
.height100{width: 100%; height: 100%;}
 .sp_video {
    height: calc(100% - 135px);
	
}.sp_box .sp_content {
    padding: 6px;
}
.sp_video {
    border-radius: 3px;
    border: 1px solid rgba(0, 245, 255, 0.1);
    background: url(../images/spbg.png) no-repeat rgba(7, 62, 104, 0.1);
    background-size: cover;
    width: 100%;
}
.videot {
    width: 100%;
    height: 100%;
}

video {
    background: url(../images/spbg.png) no-repeat rgba(7, 62, 104, 0.1);
    background-size: cover;
    width: 100%;
    height: 100%;
}

.tj-status{ color: #fff; display: flex;}
.tj-status td:last-child{padding:0px 1vh;}
.width45{width:45px;}
.tr_position{ position: relative; padding-right: 15px;}
.tr_position a{font-size: 12px;
    color: #51aeff;
    font-family: 'title';
    text-decoration: none;
    font-weight: normal; position: absolute; right: 0; top: 0;} 
	.tab_sp_xm {display: none; top: 0px; position: absolute; width: 100%; z-index: 1000000; background: #06102a; height: 63.2vh; padding: 5px;}
	.show{display: block;}
	.sp_more{display: flex; align-items: center;}
	.sp_more img{width: 18px; margin-left: 8px;}
	.tab_sp_xm	.height8 {
		height: 56.5vh;
		overflow: auto;
	}
	.tab_sp_xm li.sp_fixd {
		margin: 4px 0;
		padding: 6px;
		cursor: pointer;display: flex;align-items: center;
		border: 1px solid rgba(5, 53, 89, 0.8);
	}
	.tab_sp_xm	.sp_fixd_img {
		display: flex;
		align-items: center;
		width: 80%;
	}
	.tab_sp_xm	.sp_imgbox {
		width: 60px;
		display: inline-block;
		height: 5vh;
		float: left;
		margin-right: 0.05rem;
		text-align: center;
		border: 1px solid rgba(7, 62, 104, 0.4);
		background: rgba(7, 62, 104, 0.3);
	}
	.sp_imgbox img{width: 100%; height: 100%;}
	.tab_sp_xm	.atext {
		display: inline-block;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 70%;
	}
	.tab_sp_xm	.btn-primary {
		color: #1ab394;
		border: 1px solid #1ab394;
	}
	.tab_sp_xm .btn-danger {
		color: #ed5565;
		border: 1px solid #ed5565;
	}
	.tab_sp_xm	.z_label {
		width: 60px;
		display: block;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		padding: 3px 6px;
		font-size: 12px;
		border-radius: 5px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.tab_sp_xm .sp_fixd.active{ border: 1px solid rgba(0, 245, 255, 0.4);}
	.xunj-content li{cursor: pointer;}
	.sm-box  .pm-left{cursor: pointer;}
	.imgcob img{width:48px;}
	.secondContitleft{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 10px;
		text-align: center;
		float: left;
		margin-top: 10px;
	}
	.secondContitleft p{
		font-size: 12px;
		color: #05fef8;
		padding: 5px 0;
		text-align: center;
	
	}
	.fig p{
		color: #05fef8;
	}
	.secondContitleft ul{
		padding: 0px;
		
	}
	
	.aqmain{ background: rgba(7,102,164,0.2);margin: 5px 0; height: 10vh; align-items: center;}
	.aqmain h2{  width:100px;
		height: 0;             position: relative;
		border-top: 18px solid #24575b;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
}	.aqmain h2 span{font-size: 12px;  position: absolute; top: -17px; left: 10px;}
.aqbg{border-top: 18px solid #193b61 !important;}
	.secondContitleft ul li span{color: #00fff6; margin: 0 3px;}
	.secondContitleft ul li{
		float: left;
		width:50%;
		border-right: 1px solid #1f4191;
		height: auto !important;
		background: none !important; justify-content: center;
		text-align: center !important;
		padding: .8vh 0;
	}
	.secondContitleft ul li:nth-last-child(1){
		border-right: none;
	}
	.secondContitleft  img{width: 100% !important;}
	.secondContitleft .china{
		margin-bottom: 0px;
	}
	.secondContitleft .china li a{
		font-size: 10px;
		color: #fff;
	}
	.secondContitleft .number li a{
		color: #feff01;
		font-size: 12px;
		font-weight: 900;
	}
	.mt10{margin-top: 10px;}
	.num-list {
		display: flex;
		flex-wrap: wrap;
		/*justify-content: center;*/
	}
	
	.num-list li {
	
		height: 7vh !important;
		width:49% !important;   
		display:flex;	margin: .16vh .5%; 
		padding: 0 2px;
		font-size: 12px;
		font-weight: normal;
		border-radius: 3px;
		border:1px solid rgba(0,235,255,.15);
		padding: 0 .5vh;
		display: flex; padding-top: 15px;
		align-items: center; position: relative;
	
	}
	.divright{width: 80%;}
	.num-list li .title{ position: absolute; top: 0; left: 0; padding:0 2px; width: 122px; border-radius: 0px 0px 10px; padding-left: 5px;border:1px solid rgba(0,235,255,.15); color: #33c5ff ; border-top: none;}
	.num-list li h2 span{ width: 46%; font-weight: normal; border-radius: 2px; text-align: center; font-size: 12px; padding: 1x 0; display:inline-block; margin-right:  5px;border:1px dashed rgba(0,235,255,.3);background-color:rgba(0,235,255,.08) ; }
	.num-list li p span{ width:  46%; text-align: center; font-size: 11px; display:inline-block;  margin-right:  5px; font-weight: normal;color: #fff; transform: scale(.9); }
	.num-list li h2{margin: 3px 0;}
	.num-list li img {
		width: 48px; margin-right: 6px;
	}
	.num-list li h2 span:first-child{border:1px dashed  rgba(254,209,48,.3); background-color:rgba(254,209,48,.08) ;}
	
.pro-new-show3 {position: relative;width: 100%;height: auto;overflow: hidden; padding:4px  10px;}
.pro-new-show3 .pro-list3{width: 100%;height: auto;overflow: hidden;}
.pro-new-show3 .pro-list3 ul li{float: left;width: 13.6%;height: auto; overflow: hidden;margin-right: 5px;  padding: 0; border: none;}
.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;}
.pagination3{position: absolute;width: 100%;height: auto;overflow: hidden;line-height: normal;padding: 6px 0;text-align: center; bottom: -3px; padding-bottom: 0;}
.pagination3 ul li{width: 8px !important;height: 5px !important;border-radius: 100%; padding:0;display: inline-block;margin: 0 3px;text-indent:-9999px; }
.pagination3 ul li.on{background: #00a6ff; width: 10px !important;height: 5px!important; border-radius: 20px;}
.pro-new-show3 .arrow a{display: inline-block;position: absolute;width: 10px;height: 100px;z-index: 2;}
.pro-new-show3 .arrow a.prev{ left: 3px;top: 50%;margin-top: -50px;background: url(../img/arrow-left.png) center center no-repeat;}
.pro-new-show3 .arrow a.next{right: 3px;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);}
.yp-show {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 3px;
    padding: 3px;
    border-radius: 5px;
}
.yp-show .pro-list{width: 100%;height: auto;overflow: hidden; padding: 0;}
.yp-show .pro-list ol {width: 100%;
    margin: 0;
    padding: 0;}
 .yp-show .pro-list {float: left;width: 100%;height:70px;overflow: hidden;    border: 1px solid #01253b; position: relative; padding: 1px !important; border-radius: 5px !important;}
 .yp-show .pro-list:last-child{margin-right: 0;}
 .yp-show .pro-list  img{width: 100%; height: 100%;}

 .pagination ol{ display: flex; justify-content: center; align-items:center;height: 28px;}
 .pagination{position: absolute;width: 96.5%;overflow: hidden; padding:  0;text-align: center; background: rgba(0, 0, 0, 0.6); bottom: 5px; padding-bottom: 0;}
 .pagination ol li{width: 8px !important;height: 8px !important;border-radius: 100%; border: none; padding:0 !important;background: #ccedff ;display: inline-block;margin: 0 3px;text-indent:-9999px; }
 .pagination ol li.on{background: #00a6ff; width: 8px !important;height: 8px!important; border-radius: 20px;}


@keyframes rotate {
	100% {
	  transform: rotate(360deg);
	}
  }
  
  @keyframes up {
	0% {
	  opacity: 0.5;
	  transform: translateY(0);
	}
	100% {
	  opacity: 1;
	  transform: translateY(-10px);
	}
  }
  
  @keyframes down {
	0% {
	  opacity: 0.5;
	  transform: translateY(0);
	}
	100% {
	  opacity: 1;
	  transform: translateY(10px);
	}
  }
  
  @keyframes arrow1 {
	0% {
	  opacity: 0;
	  transform: translate(0, 0);
	}
	50% {
	  opacity: 1;
	  transform: translate(25px, 25px);
	}
	100% {
	  opacity: 0.5;
	  transform: translate(50px, 50px);
	}
  }
  
  @keyframes arrow2 {
	0% {
	  opacity: 0;
	  transform: translate(0, 0);
	}
	50% {
	  opacity: 1;
	  transform: translate(25px, -25px);
	}
	100% {
	  opacity: 0.5;
	  transform: translate(50px, -50px);
	}
  }
  
  @keyframes arrow3 {
	0% {
	  opacity: 0;
	  transform: translate(0, 0);
	}
	50% {
	  opacity: 1;
	  transform: translate(25px, 25px);
	}
	100% {
	  opacity: 0.5;
	  transform: translate(50px, 45px);
	}
  }
  
  @keyframes arrow4 {
	0% {
	  opacity: 0;
	  transform: translate(0, 0);
	}
	50% {
	  opacity: 1;
	  transform: translate(25px, -25px);
	}
	100% {
	  opacity: 0.5;
	  transform: translate(50px, -50px);
	}
  }
  
  @keyframes arrow5 {
	0% {
	  opacity: 0;
	  transform: translate(0, 0);
	}
	50% {
	  opacity: 1;
	  transform: translate(25px, 20px);
	}
	100% {
	  opacity: 0.5;
	  transform: translate(45px, 35px);
	}
  }
  
  @keyframes arrow6 {
	100% {
	  opacity: 0;
	}
  }
  
  @keyframes filp {
	100% {
	  transform: rotateY(360deg);
	}
  }
  .kf-list{display: flex; flex-wrap: wrap; padding: 1vh;}
  .kf-list li{width: 33.33%; height:5.2vh; color: #fff; padding: .8vh 0; display: flex; align-items: center;}	
  .kf-list li h2{font-size: 12px; font-weight: normal; color: #88fbff;}
  .kf-list li h2 span{font-weight: bold; font-size: 14px; color: #fff;  font-family: 'ds-digitalbold' !important; width: 100%; margin-top: 4px; display: inline-block;}
  .kf-list li img{width: 60px; margin-right: 3px;}
	  .jclist{color: #fff; text-align: center; }
	  .jclist h2{font-size: 20px;font-family: 'ds-digitalbold'; }
		  .jclist h2 font{font-size: 12px; font-weight: normal; margin-left: 3px;}
	  .jclist li{margin:.2vh  0; padding: .6vh 0; background: url(../img/kfli1.png) no-repeat bottom; background-size: 90% 90%;}
	  .jclist li:nth-child(2n){margin:.2vh  0; padding: .6vh 0; background: url(../img/kfli2.png) no-repeat bottom; background-size: 90% 90%;}
	  .xm-box{padding: 5px;}
	  .kf-list li span font{font-size: 12px; margin-left: 3px;}
@media screen and (max-width: 1800px) {
	body {
		font-size: 12px;
	}

	.num-list li p span {
		width: 45%;

		transform: scale(.9);
	}
	.num-list li h2 span {
		width: 45%;}
		.sm-box .pm-amont .pm-left {
			width: 31%;

		}.kf-list li h2 span {
			font-weight: bold;
			font-size: 12px;}
			.height50 {
				height: 55vh;
			}
			.height40 {
				height: 56.8vh; overflow: auto;
			}.project-ul-s li {
				padding: 0.2vh;
				
			}.zt-status {
				position: absolute;
				right: 10px;
				top: 4vh;
				width: 100px;
				text-align: center;
				transform: scale(.9);
			}
			.dc_col_y {
	
				padding: 3px;
			}.status-list {
				width: 32.3%;
	
				padding: .6vh 5px;
		
			}.height32 {
				height: 31vh;
			}.zw_echarts {
				width: 100%;
				height: 26vh;
			
}.zw_echarts2 {
    width: 24vw;
    height: 26vh;
}.secondContitleft ul li {

    padding: 0.4vh 0;
}.aqmain {

    margin: 4px 0;
    height:9.5vh;

}.imgcob img {
    width: 32px;
}
.num-list li {
    height: 8vh !important;
    width: 49% !important;
  
}.pro-new-show3 .pro-list3 ul li {

    margin-right: 3px;

}
}