@charset "utf-8"; 
body{
	overflow:hidden;
}
.bridge_conlist{
	width: 100%;
	height: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	position: absolute;
	top:0;
    z-index: 9;
}

.bridge_conlist .bridge_model{
	width: 100%;
	height: 100%;
	background: url('../image/bridge_bg.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}

/*圆环数据*/
.data_contist{
  position: absolute;
  bottom:10px;
  left:0;
  width: 550px;
  z-index: 10;
}

.data_contist .data_box{
	max-width: 170px;
	width: 100%;
	height:215px; 
	float: left;
	margin-right: 2%;
}

/*圆环数据*/

/*桥梁图操作*/
.map_tools{
	position: fixed;
	bottom:10px;
	right: 0.5%;
	z-index: 99;
}

.map_tools .cz_btn{
	width: 26px;
	height: 26px;
    line-height: 26px;
	border-radius: 4px;
	background: #fff;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}


.map_tools .cz_btn i.iconfont{
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    color: #939db8;
    cursor: pointer; 
}


.map_tools .map_operation{
    width: 26px;
    height: 50px;
    padding: 2px;
    border-radius: 4px;
	background: #fff;
	text-align: center;
}

.map_tools .map_operation>div{
	width: 100%;
	height: 23px;
	line-height: 20px;
	border-radius: 2px;
	font-size: 24px;
	color: rgba(36,59,118,0.5);
	cursor: pointer;
}

.map_tools .map_operation>div.active,.map_tools .map_operation>div:hover{
	background: #0066ff;
	color: #fff;
}

/*桥梁图操作*/


/*桥梁点*/
.sensor_contain{
	width: 100%;
	height: 100%;
	position: absolute;
    left: 0;
    top: 0;
}



.s_point #DC020200 {
	position: absolute;
	left: 46%;
	top:52%;
    width: 40px!important;
    height: 40px!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);	
}


.s_point #DC020203 {
	position: absolute;
	left: 26%;
	top:48%;
    width: 40px!important;
    height: 40px!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);	
}


.s_point #DC020204 {
	position: absolute;
    top: 52%;
    left: 32%;	
    width: 40px!important;
    height: 40px!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);	
}

.s_point #DC020205 {
    position: absolute;
    top: 52%;
    left: 38%;  
    width: 40px!important;
    height: 40px!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);   
}




.s_point .c-dfnico{
	width: 20px !important;
	height: 20px !important;
	display: inline-block;
	border-radius: 50%;	
	border:1px solid #223e7a;
	cursor: pointer;
}

.s_point .icon-sharp{
	border:none;
}


.s_point .normal-menu ul{
	display: none;
}

.s_point #DC020200 .c-dfnico{
	background:#00ff7e;
    position: absolute;
    top: 46%;
    left: 32%;
}

.s_point #DC020203 .c-dfnico{
	background:#ff3f00;
    position: absolute;
    top: 46%;
    left: 32%;
}

.s_point #DC020204 .c-dfnico{
	background:#9c72ff;
    position: absolute;
    top: 46%;
    left: 32%;
}

.s_point #DC020205 .c-dfnico{
	background:#ff6600;
    position: absolute;
    top: 46%;
    left: 32%;
}


.s_point .c-fourRound ul li:nth-child(1) {
    -webkit-transform: translateY(-71px)!important;
    -ms-transform: translateY(-71px)!important;
    transform: translateY(-71px)!important;
    margin-left: -25px!important;
}



.s_point .c-fourRound ul li:nth-child(2) {
    -webkit-transform: translateX(21px)!important;
    -ms-transform: translateX(21px)!important;
    transform: translateX(21px)!important;
    margin-top: -24px!important;
}



.s_point .c-fourRound ul li:nth-child(3) {
    -webkit-transform: translateY(22px)!important;
    -ms-transform: translateY(22px)!important;
    transform: translateY(22px)!important;
    margin-left: -25px!important;
}


.s_point .c-fourRound ul li:nth-child(4) {
    -webkit-transform: translateX(-71px)!important;
    -ms-transform: translateX(-71px)!important;
    transform: translateX(-71px)!important;
    margin-top: -24px!important;
}


.s_point .c-fourRound ul li:nth-child(1) a{
	top: 18px;
}


.s_point .c-fourRound ul li:nth-child(2) a{
	right: -18px;
}


.s_point .c-fourRound ul li:nth-child(3) a{
	top: 36px;
}


.s_point .c-fourRound ul li:nth-child(4) a{
	left: -18px;
}



.s_point .c-fourRound ul li{
    position: absolute;
    display: inline-block;
}

.s_point .c-fourRound ul li:hover i:before{
    color: #4a6092;
}

.s_point .c-fourRound ul li:hover a{
	color: rgba(255,255,255,0.4);
}


.s_point .c-fourRound ul li i{
	font-size: 82px;
}

.s_point .c-fourRound ul li i:before{
    color: #243b76;
}


.s_point ul li a {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: auto; 
}


.s_point #DC020201 {
	position: absolute;
	left: 24%;
	top:42%;
	text-align: center;
}

.s_point #DC020201 .c-dfnico{
	width: 40px !important;
	height: 40px !important;
	display: inline-block;
	border-radius: 50%;
	margin-top: 8px;
	background:url(../image/jm_icon.png) no-repeat;
	background-size: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;	
    text-align: center;
}

.s_point #DC020201 .tool_cont{
	background: rgba(255,255,255,0.8);
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #11457f;
	font-family: "思源粗体";
	font-weight: bold;
	opacity: 0
}

/*桥梁点*/

/*图例*/
.Legend_btn{
    position: fixed;
    width: 264px;
    height: 30px;
    line-height: 30px;
    bottom:34px;
    left:0;
    right: 0;
    margin: auto;
    z-index: 10;
    background: rgba(10,16,42,0.7);
    border-radius: 25px;
    padding: 0 18px;
}


.Legend_btn ul li{
	display: inline-block;
	margin: 0 5px;
	font-size: 12px;
	font-size: 1.2rem;
}

.Legend_btn ul li.yellow{
	color: #ffd100;
}

.Legend_btn ul li.orange{
	color: #ff9600;
}

.Legend_btn ul li.red{
	color: #ff3f00;
}

.Legend_btn ul li i{
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 4px;
}

.yellow_alert{
    background: url('../image/bj_icon_1.png') no-repeat;
}

.orange_alert{
    background: url('../image/bj_icon_2.png') no-repeat;
}

.red_alert{
    background: url('../image/bj_icon_3.png') no-repeat;
}


/*图例*/

.swiper-container {
   width: 100%;
   height: 100%;
}

/*底部传感器展示*/
.sensor_box{
	position: fixed;
	bottom:10px;
	right: 65px;
	width: 100%;	
	z-index: 10;
}


.sensor_box .drawer{
	width: 800px;
	/*background: rgba(255,255,255,0.86);*/
	background: rgba(218, 210, 210, 0.86);
	height: 54px;
	border-radius: 4px;
	position: absolute;
	right:-800px;
	opacity: 0;
	z-index: 9;
}

.sensor_box .drawer .ALL_icon{
	text-transform: uppercase;
	width: 42px;
	text-align: center;
	line-height: 42px;
	height: 42px;
	border:2px solid #0066ff;
	float: right;
	border-radius: 4px;
	position: relative;
	top:6px;
	right: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #0066ff;
	background:#fff;
}

.drawer .sensor_list{
	margin: 0 20px;
	width: 700px;
	overflow: hidden;
	float: left;
}



.drawer .sensor_list .swiper-slide{
	float: left;
    vertical-align: middle;
    line-height: 100%;	
    text-align: center;
}

.drawer .sensor_list .swiper-slide:hover>div>i.iconfont:before,.drawer .sensor_list .swiper-slide.active>div>i.iconfont:before{
	color: #0066ff;
}

.drawer .sensor_list .swiper-slide:hover>div>a,.drawer .sensor_list .swiper-slide.active>div>a{
	color: #0066ff;
}


.drawer .sensor_list .swiper-slide.on>div>i.iconfont:before{
	color: #0066ff;
}

.drawer .sensor_list .swiper-slide.on>div>a{
	color: #0066ff;
}

.drawer .sensor_list .swiper-slide i{
	display: inline-block;
	margin: 6px auto 4px auto;
	height: 26px;
	line-height: 26px;
    text-align: center;
    font-size: 38px;
    font-size: 3.8rem;
}

.drawer .sensor_list .swiper-slide a{
	display: block;
	color: rgba(36,59,118,0.8);
	font-size: 12px;
	font-size: 1.2rem;
    position: relative;
    display: block;
    line-height: 100%;
}


#drawera{
	width: 54px;
	height: 54px;
	line-height: 54px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0066ff, endColorStr=#00a2ff);
    background: -ms-linear-gradient(top, #0066ff, #00a2ff);     
    background:-moz-linear-gradient(top, #0066ff, #00a2ff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066ff), to(#00a2ff));
    background: -webkit-linear-gradient(top, #0066ff, #00a2ff);  
    background: -o-linear-gradient(top, #0066ff, #00a2ff);
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
	float: right;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 99;
}

#drawera .fa-angle-left{
	display: inline-block;
    font-size: 42px;
    color: #fff;
    vertical-align: middle;
}

.sensor_prev,.sensor_next{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -19px !important;
    z-index: 10;
    cursor: pointer;
    background-size: 13px 14px !important;
    background-position: center;
    background-repeat: no-repeat;
}

.sensor_prev{
    left: 6px !important;
}

/*.sensor_next{*/
/*    right: 50px !important;*/
/*}*/

/*底部传感器展示*/


/*右侧内容*/
#leftMenu{
   position: fixed;
   top:12%;
   right: 10px;
   width: 212px; 
   z-index: 9;
}

#leftMenu .hbls_top_weather{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0066ff, endColorStr=#00a2ff);
    background: -ms-linear-gradient(top, #0066ff, #00a2ff);     
    background:-moz-linear-gradient(top, #0066ff, #00a2ff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066ff), to(#00a2ff));
    background: -webkit-linear-gradient(top, #0066ff, #00a2ff);  
    background: -o-linear-gradient(top, #0066ff, #00a2ff);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
   width: 100%;
   min-height: 90px; 
   margin-bottom: 14px;
   box-shadow: 0px 8px 24px rgba(0,0,0,0.14);
}

.hbls_top_weather .Today_a{
    display: flex;
    align-items: center;	
    position: relative;
}


.hbls_top_weather .Today_a[data-weatherType='qing']:before {
    background: url(../image/qin_icon.png) center center no-repeat;
    width: 100%;
    max-width: 118px;
    height: 85px;
    content: "";
    float: left;
    display: block; 
    position: relative;
    right: 7px;
}

.hbls_top_weather .Today_a p.hbls_number{
	position: absolute;
    top: 12px;
    left: 72px;
	font-size: 22px;
	font-size: 2.2rem;
	color: #fff;
	font-family: "DIN-MEDIUM";
}

.hbls_top_weather .Today_a p.hbls_number span{
	font-size: 12px;
	font-size: 1.2rem;	
	display: inline-block;
	vertical-align: top;
    font-weight: bold;
}

.hbls_top_weather .Today_a .weather_details{
    position: absolute;
    right: 20px;
    top: 12px;
}

.hbls_top_weather .Today_a .weather_details h4{
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 12px;
	color: #fff;
	font-family: "思源粗体";
    font-weight: bold;
}

.hbls_top_weather .Today_a .weather_details p{
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;	
}


/*日历*/
.easyui-calendar{
	width:100% !important; 
	height:230px !important;
    background: rgba(200,227,255,0.6);
    border-radius: 4px;
    padding: 2%;
}

/*.layui-laydate .layui-this{*/
/*    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ff3c00, endColorStr=#ff7800);*/
/*    background: -ms-linear-gradient(top, #ff3c00, #ff7800);*/
/*    background: -moz-linear-gradient(top, #ff3c00, #ff7800);*/
/*    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3c00), to(#ff7800));*/
/*    background: -webkit-linear-gradient(top, #ff3c00, #ff7800);*/
/*    background: -o-linear-gradient(top, #ff3c00, #ff7800); */
/*    border-radius: 50%; */
/*    color:#fff!important*/
/*}*/
/*日历*/

.md{
	position: relative;
}

.md i{
    font-style: normal;
}

.md span{
	display: inline-block;
	width: 6px;
    height:6px;
	line-height:6px;
	border-radius: 50%;
	vertical-align: top;
    border:1px solid #16203b;
    position: relative;    
    top: -4px;
    right: -4px;    
}


.icon-dot1 span{
	background:#ffd200;
}

.icon-dot2 span{
	background:#ff5900;
}

.icon-dot3 span{
	background:#ff1e00;
}

/*右侧内容*/


/*外站*/
.E_station{
    position: absolute;
    right: 0;
    z-index: 10;
    bottom: -42px;
}
.E_station .fa-wz{
	display: block;
	width: 32px;
	height: 32px;
    text-align:center;
	border-radius: 50%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0066ff, endColorStr=#00a2ff);
    background: -ms-linear-gradient(top, #0066ff, #00a2ff);
    background: -moz-linear-gradient(top, #0066ff, #00a2ff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066ff), to(#00a2ff));
    background: -webkit-linear-gradient(top, #0066ff, #00a2ff);
    background: -o-linear-gradient(top, #0066ff, #00a2ff);	
    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 25px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 25px rgba(0,0,0,0.1);
    position: relative;
    z-index: 10;
}

.E_station .fa-wz:before{
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    background: url('../image/fa-wz.png') no-repeat center center;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;    
    margin:auto;
}

.slide-wrapper {
      position: absolute;
      z-index: 9;
      right: 14px;
      top: 14px;
      width: 430px;
      padding: 15px;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      background:rgba(200,227,255,0.6);
      border-radius: 4px;  
      opacity: 0;
}

.slide-wrapper ul#boxscroll{
      height: 90px;
}


.slide-wrapper.moved {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
}

.station_content .station_tit{
	color: #243b76;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.station_content .station_tit:before{
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #243b76;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.station_content ul li{
    width: 72px;
    text-align: center;
	float: left;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;	
	margin-right: 10px;
	margin-bottom: 10px;
	height: 24px;
	line-height: 24px;
    border-radius: 2px;
    font-weight: normal;
    background: linear-gradient(145deg, #ff3c00 60%,#ff7800 90%);
    background: -webkit-linear-gradient(145deg, #ff3c00 60%,#ff7800 90%);
    background: -ms-linear-gradient(145deg, #ff3c00 60%,#ff7800 90%);
    background: -moz-linear-gradient(145deg, #ff3c00 60%,#ff7800 90%);
    background: -o-linear-gradient(145deg, #ff3c00 60%,#ff7800 90%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.station_content ul li:nth-child(5n){
    margin-right: 0;
}

.station_content ul li.green{
    background: linear-gradient(145deg, #12a735 60%,#11c469 90%);
    background: -webkit-linear-gradient(145deg, #12a735 60%,#11c469 90%);
    background: -ms-linear-gradient(145deg, #12a735 60%,#11c469 90%);
    background: -moz-linear-gradient(145deg, #12a735 60%,#11c469 90%);
    background: -o-linear-gradient(145deg, #12a735 60%,#11c469 90%);	
}

.station_content ul li.yellow{
    background: linear-gradient(130deg, #ff9600 60%,#ffd200 90%);
    background: -webkit-linear-gradient(130deg, #ff9600 60%,#ffd200 90%);
    background: -ms-linear-gradient(130deg, #ff9600 60%,#ffd200 90%);
    background: -moz-linear-gradient(130deg, #ff9600 60%,#ffd200 90%);
    background: -o-linear-gradient(130deg, #ff9600 60%,#ffd200 90%);	
}

/*外站*/


/*传感器报警*/
.modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;    
    width: 670px;
    height: 194px;
    background: linear-gradient(to right, #ff7d36,#ff4606);
    background: -webkit-linear-gradient(to right, #ff7d36,#ff4606);
    background: -ms-linear-gradient(to right, #ff7d36,#ff4606);
    background: -moz-linear-gradient(to right, #ff7d36,#ff4606);
    background: -o-linear-gradient(to right, #ff7d36,#ff4606);	
    border-radius: 4px;   
    margin:auto;
    display: none; 
}

.fade .close{
	font-size: 16px;
    font-size: 1.6rem;
	color: #fff;
	position: absolute;
	z-index: 100;
	right: 0;
	top:-30px;
	cursor: pointer;
}


.modal .modal-header{
	text-align: center;
}

.modal .modal-header .modal-title{
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	padding: 25px 0;
}

.modal .modal-body{
	width: 650px;
	height: 101px;
	margin:0 10px;
	background: #fff;
	border-radius: 4px;
}

.modal .modal-body .table{
    margin:0 10px;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);    
}

.modal .modal-body .table thead tr{
	height: 50px;
	color: rgba(36,59,118,0.5);
	font-size: 16px;
	font-size: 1.6rem;
}

.modal .modal-body .table tbody tr{
    height: 30px;
}

.modal .modal-body .table #alarmData tr td{
	color: #243b76;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}

.modal .modal-body .table #alarmData tr td.red{
	color: #ff3c00;
}

/*传感器报警*/
.njcl_shdb{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}



/*地图*/
.modal-dialog-3 {
    width: 595px;
    height: 575px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    border-radius: 4px;
    margin: auto;
    background: #fff;
    display:none;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.14);
}

.modal-dialog-3 .Bridge_map{
    width: 595px;
    height: 575px;  
    position: relative;
}

.modal-dialog-3 .Bridge_map img{
    border-radius: 4px; 
}


.modal-dialog-3 .Bridge_map .Bridge_markers .marker{
    position: absolute;
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n1{
    width: 18px;
    height: 26px;
    background: url('../image/marker_1.png') no-repeat;
    top: 200px;
    left: 300px;
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n2{
    width: 30px;
    height: 32px;
    background: url('../image/marker_2.png') no-repeat;
    top: 250px;
    left: 300px;
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n3{
    top: 280px;
    left: 340px;
    width: 64px;
    text-align: center;
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n3:before{
    content: '';
    display: inline-block;
    width: 56px;
    height: 39px;
    background: url('../image/marker_3.png') no-repeat center center;
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n3:hover .marker_txt{
    opacity: 1;
}

.modal-dialog-3 .Bridge_map .Bridge_markers .marker_txt{
    color: #233c75;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top:-37px;
    left:0;
    right:0;
    opacity: 0;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
}

.modal-dialog-3 .Bridge_map .Bridge_markers  #n3 span{
    display: inline-block;
    width: 10px;
    height: 5px;
    background:url('../image/jt.png') no-repeat;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;    
}

.modal-dialog-3 .close{
    top:-30px;
    right: 0;
    color: #fff;
}
/*地图*/


/*子图*/
.modal-Subgraph{
    width: 1007px;
    height: 508px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius: 4px;
    margin: auto;
    background: rgba(255,255,255,0.9);
    display:block;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.14);    
}

.modal-Subgraph .modal-body{
    text-align: center;
}

.modal-Subgraph .modal-body .Subgraph_img{
    width: 900px;
    height: 123px;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    left:0;
    right:0;
}

.modal-Subgraph .modal-body  .fx_img{
    width: 971px;
    height: 20px;
    position: absolute;
    bottom:24px;
    margin:auto;
    left:0;
    right:0;
}


.modal-Subgraph ul li{
    width: 50%;
    float: left;
}

.modal-Subgraph ul li:first-child  p{
   border-right: 1px solid #d4dbe1;    
}

.modal-Subgraph ul li p{
   margin:28px 0; 
}

/*子图*/

/*传感器信息*/
.page-content-cs {
    width: 100%;
    height: 100%;
    position: relative; 
    z-index: 1;
}
.model-cgqxx{
    width: 800px;
    height: 410px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    border-radius: 4px;
    margin:auto;
    background: #fff; 
    display: block;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.14)    
}


.model-cgqxx .close {
    top: 13px;
    right: 14px;
    color: #243b76;
    font-size: 18px;
    font-size: 1.8rem;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.model-cgqxx .modal-title {
    height: 46px;
    line-height: 46px;
    box-shadow: 0px 5px 14px rgba(60,105,194,0.16);
    color: #243b76;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 20px;
    font-weight: bold;
}

.model-cgqxx .modal-body{
    padding:40px 20px 0;
    overflow: hidden;
}

.model-cgqxx .col-sm_img{
    width: 398px;
    height: 225px;
    float: left;
    text-align: center;
    position: relative;
}

.model-cgqxx .col-sm_img img{
    max-width: 400px;
    max-height: 225px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto; 
    border: 1px solid #dedede;   
}


.model-cgqxx table{
   width: 43%;
   float: right;
}

.model-cgqxx table tr{
    height: 44px;
    line-height: 44px;
    color: rgba(36,59,118,0.6);
    font-weight: normal;
    font-size: 14px;
    font-weight: bold;
}

.model-cgqxx table tr td{
   width: 50%;
}

.model-cgqxx table tr td span{
    display: inline-block;
    padding-left: 15px;
    color: #243b76;
}

.senonr_submit{
    text-align: center;
    clear: both;
    position: absolute;
    bottom: 30px;
    left:0;
    right: 0;
}

.senonr_submit span{
    display: inline-block;
    width: 124px;
    height: 40px;
    line-height: 40px;
    background: #0066ff;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 2px;
    margin: 0 5px;
    cursor: pointer;
}

/*传感器信息*/
@media (min-width: 1360px) and (max-width: 1366px) {
    .slide-wrapper ul#boxscroll {
         height: 60px;
    }
    .slide-wrapper{
        padding: 10px;
        top: 3px;
    }
}

@media (min-width: 1920px) {
	/*#leftMenu{
         width: 260px !important;
	}
	.easyui-calendar{
		height:290px !important;
	}
	.hbls_top_weather .Today_a .weather_details{
		right: 30px;
	}

	.hbls_top_weather .Today_a .weather_details h4{
		font-size: 16px;
        font-size: 1.6rem;
	}

	.hbls_top_weather .Today_a .weather_details p,.hbls_top_weather .Today_a p.hbls_number span{
		font-size: 14px;
        font-size: 1.4rem;
	}

	.hbls_top_weather .Today_a p.hbls_number{
		font-size: 26px;
        font-size: 2.6rem;
	}*/

}