﻿body {
    margin: 0px auto;
    background-image: url("../img/newingDP/组54-Assistor.jpg");
    color: #f5f5f5;
    font-family: 微软雅黑;
  
    overflow-x:hidden;
    background-position-x: 31px;
    width: 90%;
    background-size: 100% 100%;

}

.padding_right_0
{
    padding-right:0px;
}
margin_top_70 {
	width: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.center {
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}  
.margin_top_50
{
    margin-top:50px;
}

.margin_top_70 {
    margin-top: 70px;
}

.fillwidth
{
    width:100%;
}

@media screen and (min-width: 1280px) {

    .tablehead
    {

    }


    .tablecol
    {
        font-family:微软雅黑;
        font-size:14px;
        color:#cccccc;
        height:35px;
        font-weight:bold;
    }

    .tablecolcount {
        font-family: 微软雅黑;
        font-size: 14px;
        color: red;
        height: 35px;
        font-weight: bold;
    }

    .collength {
        width: 40%;
        height: 8px;
        border-radius: 8px;
        background-color: #60D7F6;
        margin-top:7px;
    }

    .rootstatetip
    {
        font-size:18px;
        font-weight:bold;
        font-family:微软雅黑;
        line-height:100px;
        margin-top:50px;
    }

    .title {
        color: #f5f5f5;
        font-family: 微软雅黑;
        text-align: center;
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        font-weight: bold;
    }

    .lefttitle
    {
        color:#f5f5f5;
        font-weight:bold;
        font-size:14px;
    }

    .titleline {
        text-align: center;
        height: 1px;
        margin-top: -10px;
    }

    .div1main {
        text-align: right;
    }

    .div1 {
        font-size: 16px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #cccccc;
        margin-bottom: 8px;
    }

    .div2 {
        font-size: 16px;
        color: #01F1F6;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .div3 {
        font-size: 12px;
        color: #0089CF;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .margin_bottom_10 {
        margin-bottom: 15px;
    }

    .margin_bottom_15 {
        margin-bottom: 15px;
    }


    .margin_top_25 {
        margin-top: 25px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    ._margin_top_3 {
        margin-top: -3px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    _.margin_top_10 {
        margin-top: 10px;
    }

    ._margin_top_20 {
        margin-top: -20px;
    }

    _.margin_top_25 {
        margin-top: -25px;
    }

    ._margin_top_50 {
        margin-top: -50px;
    }

    .padding_0 {
        padding: 0px;
    }


    .yb_1 {
        width: 100%;
        height: 650px;
        margin-top: -124px;
    }

    .yb_2 {
        width: 100%;
        height: 350px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_3 {
        width: 100%;
        height: 300px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_4 {
        width: 100%;
        height: 320px; 
        margin-bottom: -40px;
    }

    .yb_5 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_6 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_7 {
        width: 100%;
        height: 300px;
    }

    .textcenter {
        text-align: center;
    }


    .clear {
        clear: both;
    }

    .clear_1 {
        clear: both;
        margin-bottom: 50px;
    }


    .fontsize_9 {
        font-size: 9px;
    }

    .fontsize_14 {
        font-size: 14px;
    }

    .white {
        color: #ffffff;
    }

    .state_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
        margin-top: 2px;
    }

    .state_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8;
        margin-top: 2px;
    }

    .state_1_1 {
        float: left;
        font-size: 12px;
        margin-right: 10px;
    }

    .bstate_1 {
        text-align: center;
        color: #cccccc;
        padding: 0px;
    }

    .bstate_2 {
        color: #01F1F6
    }

    .qy_chk_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
    }

    .qy_chk_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #3DB0C5
    }

    .qy_chk_3 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8
    }

    .qy_chk_4 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #038082
    }

    .qy_chk_1_1 {
        float: left;
        font-size: 12px;
        margin-top: -2px;
    }

    .yz_yzsl_bg {
        background: url("../img/t1.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .yz_xmsl_bg {
        background: url("../img/t2.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .yz_jgmj_bg {
        background: url("../img/t3.png") no-repeat center;
        width: 488px;
        height: 137px;
    }

    .d1 {
        font-size: 18px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        margin-top: 18px;
    }


    .d2 {
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    .d3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 微软雅黑;
        margin-top: 20px;
    }

    .divrow4main {
        height: 60px;
    }

    .divrow4main_1 {
        padding-left: 15px;
        padding-right: -15px;
    }

    .divrow4 {
        border-left: 1px solid #135178;
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        margin-bottom: -7px;
    }

    .divrow4title {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4last {
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4titlelast {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
        margin-bottom: -7px;
    }

    .ScrollBar_1 {
        height: 266px;
        width: 90px;
    }


    .ScrollBar_1_1 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 10px;
    }

    .ScrollBar_1_2 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 8px;
    }

    .img_40 {
        width: 40px;
        height: 40px;
    }

    .bg_37A1BB {
        background-color: #37A1BB;
    }

    .bg_13517A {
        background-color: #13517A;
    }

    .bg_7F9CBC {
        background-color: #7F9CBC;
    }

    .bg_038082 {
        background-color: #038082;
    }
}

@media screen and (max-width:1279px) {

    .tablehead {
    }


    .tablecol {
        font-family: 微软雅黑;
        font-size: 14px;
        color: #cccccc;
        height: 35px;
        font-weight: bold;
    }

    .tablecolcount {
        font-family: 微软雅黑;
        font-size: 14px;
        color: red;
        height: 35px;
        font-weight: bold;
    }

    .collength {
        width: 30%;
        height: 8px;
        border-radius: 8px;
        background-color: #60D7F6;
        margin-top: 7px;
    }

    .rootstatetip {
        font-size: 14px;
        font-weight: bold;
        font-family: 微软雅黑;
        line-height: 100px;
        margin-top: 50px;
    }

    .title {
        color: #f5f5f5;
        font-family: 微软雅黑;
        text-align: center;
        height: 24px;
        line-height: 24px;
    }

    .lefttitle {
        color: #f5f5f5;
        font-weight: bold;
        font-size: 14px;
    }

    .titleline {
        text-align: center;
        height: 1px;
        margin-top: -10px;
    }

    .div1main {
        text-align: right;
    }

    .div1 {
        font-size: 16px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #cccccc;
        margin-bottom: 8px;
    }

    .div2 {
        font-size: 16px;
        color: #01F1F6;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .div3 {
        font-size: 12px;
        color: #0089CF;
        font-weight: bold;
        font-family: 微软雅黑;
    }

    .margin_bottom_10 {
        margin-bottom: 15px;
    }

    .margin_bottom_15 {
        margin-bottom: 15px;
    }


    .margin_top_25 {
        margin-top: 25px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    ._margin_top_3 {
        margin-top: -3px;
    }

    .margin_top_30 {
        margin-top: 30px;
    }

    _.margin_top_10 {
        margin-top: 10px;
    }

    ._margin_top_20 {
        margin-top: -20px;
    }

    _.margin_top_25 {
        margin-top: -25px;
    }

    ._margin_top_50 {
        margin-top: -50px;
    }

    .padding_0 {
        padding: 0px;
    }


    .yb_1 {
        width: 100%;
        height: 650px;
        margin-top: -80px;
    }

    .yb_2 {
        width: 100%;
        height: 350px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_3 {
        width: 100%;
        height: 300px;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .yb_4 {
        width: 100%;
        height: 300px; 
        margin-bottom: -40px;
    }

    .yb_5 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_6 {
        width: 100%;
        height: 250px;
        margin-top: -30px;
    }

    .yb_7 {
        width: 100%;
        height: 300px;
    }

    .textcenter {
        text-align: center;
    }


    .clear {
        clear: both;
    }

    .clear_1 {
        clear: both;
        margin-bottom: 50px;
    }


    .fontsize_9 {
        font-size: 9px;
    }

    .fontsize_14 {
        font-size: 14px;
    }

    .white {
        color: #ffffff;
    }

    .state_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
        margin-top: 2px;
    }

    .state_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8;
        margin-top: 2px;
    }

    .state_1_1 {
        float: left;
        font-size: 12px;
        margin-right: 10px;
    }

    .bstate_1 {
        text-align: center;
        color: #cccccc;
        padding: 0px;
    }

    .bstate_2 {
        color: #01F1F6
    }

    .qy_chk_1 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #154B6F;
    }

    .qy_chk_2 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #3DB0C5
    }

    .qy_chk_3 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #96D3E8
    }

    .qy_chk_4 {
        float: left;
        border: 1px solid #cccccc;
        width: 12px;
        height: 12px;
        background-color: #038082
    }

    .qy_chk_1_1 {
        float: left;
        font-size: 12px;
        margin-top: -2px;
    }

    .yz_yzsl_bg {

        width: 100%;
        height: 137px;
    }

    .yz_xmsl_bg {
        background: url("../img/t2.png") no-repeat center;
        width: 420px;
        height: 137px;
    }

    .yz_jgmj_bg {
        background: url("../img/t3.png") no-repeat center;
        width: 420px;
        height: 137px;

    }


    .yz_yzsl_bg {
        background: url("../img/t1.png") no-repeat center;
        width: 420px;
        height: 137px;
    }


    .d1 {
        font-size: 18px;
        font-family: 微软雅黑;
        font-weight: bold;
        color: #ffffff;
        letter-spacing: 1px;
        margin-top: 18px;
    }


    .d2 {
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    .d3 {
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 微软雅黑;
        margin-top: 20px;
    }

    .divrow4main {
        height: 60px;
    }

    .divrow4main_1 {
        padding-left: 15px;
        padding-right: -15px;
    }

    .divrow4 {
        border-left: 1px solid #135178;
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        margin-bottom: -7px;
    }

    .divrow4title {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4last {
        padding-left: 0px;
        height: 60px;
        margin-top: 7px;
        font-size: 12px;
    }

    .divrow4titlelast {
        color: #00C4F4;
        padding-left: 0px;
        margin-top: 7px;
        font-size: 12px;
        margin-bottom: -7px;
    }

    .ScrollBar_1 {
        height: 266px;
        width: 90px;
    }


    .ScrollBar_1_1 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 10px;
    }

    .ScrollBar_1_2 {
        padding-left: 30px;
        padding-right: -30px;
        margin-top: 8px;
    }

    .img_40 {
        width: 40px;
        height: 40px;
    }

    .bg_37A1BB {
        background-color: #37A1BB;
    }

    .bg_13517A {
        background-color: #13517A;
    }

    .bg_7F9CBC {
        background-color: #7F9CBC;
    }

    .bg_038082 {
        background-color: #038082;
    }
}



.zy_div1 { 
    background: url('../img/newingDP/资源主题/资源主题背景- Assistor.png') no-repeat;

    width:100% auto;
    height:400px;
    background-size: 98% 100%;

}

.zy_div1_1 {
    background-image: url('../img/newingDP/资源主题/圆角矩形 4 副本 - Assistor.png');
      background-repeat:no-repeat;
    height: 384px;
    width: 24%;

    background-size: 98% 100%;

    padding-top: 41px;
padding-left: 38px;
}
.zy_div1_2 {
 
    padding-left: 124px;
       background: url('../img/newingDP/资源主题/圆角矩形 6 副本 3 - Assistor.png')no-repeat;
 background-size: 99% 100%;
        height: 384px;
        width: 52%;
}

.zy_div1_3 {

     background: url('../img/newingDP/资源主题/圆角矩形 4 副本 - Assistor.png')no-repeat;
 
     height: 384px;
     width: 24%;
     background-size: 90% 100%;

     padding-top: 41px;
padding-left: 38px;
}


.bs_div1 {

       background: url('../img/newingDP/报事主题/背景.png')no-repeat;
          background-size: 100% 100%;
}
.bs_div1_1 {

     background: url('../img/newingDP/报事主题/圆角矩形 6 副本 11 - Assistor.png')no-repeat;
    height:278px;
     background-size: 98% 100%;
}

 
 
.bs_div2_1 {
         background: url('../img/newingDP/报事主题/组 77 - Assistor.png')no-repeat;
  height: 152px;
  background-size: 99.1% 100%;
width: 49%;

}
.bs_div2_2 {
         background: url('../img/newingDP/报事主题/组 77 - Assistor.png')no-repeat;
  height: 152px;
  background-size: 99% 100%;
}


.bs_div4s {
    background: url('../img/newingDP/报事主题/圆角矩形 6 副本 6 - Assistor.png')no-repeat;
    height: 350px;
 background-size: 98% 100%;
}

.zy_div1sol {

border-bottom:1px solid #636c90; 
    width: 77%;
    margin-bottom: 22px;
margin-top: 15px;
}

.zy_divtitle {
    color:#fddb61;
}
.bs_div1_1 {
padding: 20px;}
.bs_div1H2 {
    letter-spacing:8px;
}

.bs_div1s {
    text-align:center;
}

.h2 {
  color:#fddb61;
}
.bs_div2_1_1 {
        background: url('../img/newingDP/报事主题/title 副本 - Assistor.png')no-repeat;


 
}

.bs_div2_1_1 {
    /*margin-top: 29px;
margin-left:12px;*/

}


.bs_div2_1 {
    padding-top:29px;
    padding-left:42px;

}

.bs_div2_1lgbg {
 
    font-size: 12px;
    font-weight: bold;
    border-right:2px solid #475eab;
}
.h5 {  color:#fddb61;
}


.bs_div2_1lg {    font-size: 12px;
    font-weight: bold;
}
.bs_div2_2_1 {
 
    background: url('../img/newingDP/报事主题/title 副本 2 - Assistor.png')no-repeat;
}

.bs_div2_2 {padding-top: 29px;
padding-left: 42px;
}

.div_xjzx1  {
 
width:48%;

}
 .div_xjzx2  {
float:left;
width:48%;
}

 

.div_xjzx1 { 
    background: url('../img/newingDP/设备主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;



}

.xj_div1_1 {
    background: url('../img/newingDP/设备主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;
    padding-top: 26px;
    float:left;
width: 50%;
background-size: 99% 100%;
}

.xj_div1_2 {

        background: url('../img/newingDP/设备主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;
    padding-top: 26px;
    float:right;
    width:50%;
    padding-left:18px;
    height:270px;
    background-size: 100% 99%;
}


.xj_div2_1_1 {
    margin-left: 27px; 
    background: url('../img/newingDP/设备主题/title - Assistor2.png')no-repeat;
}
 
 
.xjphb_xrangeTitle {padding:0px;margin-top:9px;
}
 
 

.xjphb_xrangeall {
    width:95%;
}


.xj_div2_1_2 {
    margin-left: 14px;
   
    background: url('../img/newingDP/设备主题/title - Assistor3.png')no-repeat;
}

.xj_div2_1_2_1 {float:right;margin-right: 48px;
}

.xj_div2_1_2_2 {float:right;margin-right: 48px;
}

.xj_div2_1_2_1 a {
color:#fff;
}
 
.xj_div2_1_2_2 .xjlabel1 {
    background-color:#49d6fd;
}

.xj_div2_1_2_2 .xjlabel2{
    background-color:#4a80fc;
}

.xj_div2_3_1 {
margin-left: 4px;
 margin-top: 32px;
    background: url('../img/newingDP/设备主题/title 副本 - Assistor.png')no-repeat;
}

.xj_div3 { 

   background: url('../img/newingDP/报事主题/背景.png')no-repeat;
   background-size: 100% 100%;
}

  .MariginTopClass {
        margin-top: 5.4px;
        text-align: center;
        width: 120px;
    }
    .padding_0 {
        padding: 0px;
    }
        .Colorblock {
            border-radius:2px;
            width:10px;
            height:10px;
            margin-top: 5px;
        }
        .bottomDivList{
        position:absolute;
     top: 2630px;
        }

.xj_div3_1 {
 
    background: url('../img/newingDP/设备主题/圆角矩形 4 - Assistor.png')no-repeat;
    padding-top: 29px;
    background-size: 100% 100%;
    height: 666px;
padding-left: 53px;
}

.sb_div1_1 {
    background: url('../img/newingDP/设备主题/背景.png')no-repeat;
    background-size: 100% 94%;
}
.sb_div1_2 {


}
.sb_div1_3 {
    float:left;
    width: 60%;
    background: url('../img/newingDP/巡查主题/圆角矩形 6 副本 3 - Assistor.png')no-repeat;
    height: 366px;
    background-size: 99% 100%;

}

.sb_div1_4 {
    width: 39%;
 float:right;
    background: url('../img/newingDP/巡查主题/圆角矩形 6 副本 6 - Assistor.png')no-repeat;
    background-size: 97% 94%;
}



.sb_div2_3_1 {
    margin-left: 44px;
    background: url('../img/newingDP/巡查主题/组 82 - Assistor.png')no-repeat;
 margin-top: 37px;
}




.sb_div2_3_2 {
    margin-left: 27px;
    background: url('../img/newingDP/巡查主题/title 副本 - Assistor.png')no-repeat;

 margin-left: 32px;
margin-top: 30px;
}



.sf_div1_1 {
    background: url('../img/newingDP/收费主题/圆角矩形 4 - Assistor.png')no-repeat;
     background-size: 100% 100%;
}

.sf_table {
   font-size:13px;
   font-weight:bold;

   font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
   margin-left: 38px;
   margin-top: 31px;
}
.sf_div1_2 {
    height:208px;
}
.sf_table  span{
color:#E9ED08;}


.sf_table td{
width: 9%;height: 44px;
}

.bs_div4_title { 
 background: url('../img/newingDP/报事主题/title 副本 - Assistor1.png')no-repeat;
position: absolute;
top: 43px;
left: 34px;
width: 120px;
 
}

.bs_div4_title2 {
 
    background: url('../img/newingDP/报事主题/组 78 - Assistor2.png')no-repeat;
  position: absolute;
top: 43px;
left: 34px;
    width: 120px;
 
}


.bs_div4_title3 {
 
    background: url('../img/newingDP/报事主题/组 79 - Assistor.png')no-repeat;
    position: absolute;
top: 43px;
left: 34px;
    width: 120px;
   
}

.bs_div2 {
    margin-top: 4px;
     margin-bottom: 4px;
}




.sfxj_div1_2 {

     

          background: url('../img/newingDP/设备主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;
    padding-top: 26px;
    float:left;
    width:50%;
    padding-left:18px;
    height: 309px;
background-size: 99% 100%;
}



.sfxj_div1_1 {
     background: url('../img/newingDP/设备主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;
    padding-top: 26px;
    float:right;
width: 50%;
background-size: 99% 100%;
}



.nh_div1_1 {
 
    background: url('../img/newingDP/能耗主题/圆角矩形 3 - Assistor.png')no-repeat;
    background-size: 100% 100%;
}

.nh_div1_2 {
 
    background: url('../img/newingDP/能耗主题/圆角矩形 6 副本 6 - Assistor.png')no-repeat;
    padding-top: 26px;
    float: left;
    width: 30%;
    padding-left: 18px;
    height: 309px;
    background-size: 99% 100%;
}






.nh_div1_3 {
 
    background: url('../img/newingDP/能耗主题/圆角矩形 6 副本 5 - Assistor.png')no-repeat;
    padding-top: 26px;
    float: right;
    width: 70%;
    background-size: 99% 100%;
    height: 303px;
}




.nh_div1_4 {
    margin-left: 27px; 
    /*background: url('../img/newingDP/能耗主题/title - Assistor.png')no-repeat;*/
}


.nhzy_div1sol {

border-bottom:1px solid #ffffff; 
    width: 77%;
    margin-bottom: 22px;
margin-top: 15px;
}

.nh_div1_2_1 {
    width: 90%;

padding-left: 25px;
padding-top: 34px;

}
    .nh_div1_2_1 label {
     color:#fddb61; 
    }




.nh_div2_1_2 {
    margin-left: 14px;
 
    background: url('../img/newingDP/能耗主题/title - Assistor.png')no-repeat;
}
 
.sf_div2_1_2 {
    margin-left: 14px;
 
    background: url('../img/newingDP/收费主题/title - Assistor.png')no-repeat;
}

.sf_div2_1_1 {
    margin-left: 27px;
 
    background: url('../img/newingDP/收费主题/title 副本 - Assistor.png')no-repeat;
}
 .pxtop{
    color:#ff4400;}

 .pxbottom{
    color:#2f8b37;}