/*分辨率@1920*1080*/
@media screen and (max-width: 1920px) {
  /*经营管控全局页面样式*/
  .home-div {
    font-family: PingFangSC-Regular;
    background-image: url('../../../../static/ManageHomePic/图层0.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*width: 2304px;*/
    /*height: 775px;*/
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .safe-navigation{
    position: absolute;
    width: 100%;
    height: 10%;
  }
  .safe-title-div{
    margin-top: 1%;
    margin-left: 3%;
    padding-top: 1%;
    float: left;
    min-width: 13%;
    max-height: 65px;
    text-align: center;
    background-image: url('../../../../static/ManageHomePic/图层519.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }


  /*菜单全局样式*/
  .safe-navigation>.safe-menucol {
    padding-left: 4%;
    float: left;
    width: 40%;
    height: 100%;
  }

  /*菜单列样式*/
  .safe-navigation>.safe-menucol>.safe-colname {
    width: 100%;
    height: 90%;
    font-family: HanYi;
    padding-top: 2%;
    color: #00f7ff;
    float: left;
  }

  /*单个菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname div {
    text-align: center;
    padding-top: 3%;
    width: 14%;
    float: left;
    height: 80%;
    max-height: 60px;
    letter-spacing: 0px;
    font-family: HanYi;
  }

  .filiale{
    font-family: PingFangSC-Regular;
    float: right;
    padding-top: 2%;
    width: 11%;
    font-size: 2rem;
    color: white;
    font-weight: bolder;
  }
  .filiale img{
    margin-right: 5%;
    width: 9%;
  }
  /*鼠标移入时菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname div:hover {
    font-size: 2rem;
    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 6%;
  }

  /*未选中菜单的字体大小*/
  .safe-navigation>.safe-menucol>.safe-colname .noclick {
    font-size: 1.8rem;
  }

  /*已选中菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname .click {
    font-size: 2.2rem;
    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 6%;
  }

  .new-manage{
    float: right;
    letter-spacing: 2px;
    color: #ffffff;
    font-size: 2.5rem;
    height: 55%;
    margin: 1% 2%;
    padding: 10px 2%;
    background-color: rgba(6, 84, 97, 0.22);
    border: solid 1px rgba(105, 206, 210, 0.22);
  }

  /*正文内容样式*/
  .safe-text {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 92%;
    background-color: rgba(1, 207, 242, 0.03);
  }

  /*分页面全局样式*/
  .d3 {
    position: relative;
    width: 100%;
    height: 100%;
    /*background-color: #880000;*/
  }

  /*安全服务标题样式*/
  .mfont {
    margin-top: 2%;
    float: left;
    font-size: 3rem;
    letter-spacing: 4px;
    color: #ffffff;
  }

  /*主题字体样式*/
  .safe-gradient-text {
    width: 100%;
    height: 100%;
    font-size: 2.5rem;
    font-family: HanYi;
  }

  /*主题字体颜色渐变样式*/
  .safe-gradient-text-one {
    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /*安全服务天数样式*/
  .span-date {
    color: #f7cb32;
  }


  //==========主页
  /*小模块边框*/
  .safe-border {
    padding-top: 0.4%;
    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
    linear-gradient(#6fd9d0, #6fd9d0) left top,
    linear-gradient(#6fd9d0, #6fd9d0) right top,
    linear-gradient(#6fd9d0, #6fd9d0) right top,
    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
    background-repeat: no-repeat;
    background-size: 1.5px 11px, 11px 1.5px;
    background-color: rgba(1, 207, 242, 0.05);
  }

  /*用户模块样式*/
  .safe-user {
    position: absolute;
    float: left;
    width: 33%;
    height: 30%;
    left: 2%;
  }

  /*陕西地图*/
  .safe-shanximap {
    position: absolute;
    top:-5%;
    left: 36%;
    width: 28%;
    height: 57%;
  }

  /*供销气量模块样式*/
  .safe-gasvalue {
    position: absolute;
    left: 65%;
    width: 33%;
    height: 50%;
  }

  /*客服模块样式*/
  .safe-callcenter {
    position: absolute;
    top: 32%;
    width: 33%;
    height: 25%;
    left: 2%;
  }

  /*安检模块样式*/
  .safe-safe {
    position: absolute;
    top: 59%;
    width: 33%;
    height: 35%;
    left: 2%;
  }

  /*管网模块样式*/
  .safe-network {
    position: absolute;
    top: 52%;
    left: 65%;
    width: 33%;
    height: 42%;
  }


  /*监控模块样式*/
  .safe-monitor {
    position: absolute;
    top: 59%;
    height: 35%;
    left: 36%;
    width: 28%;
  }
   .label{
     padding-top: 1%;
     margin-left: 4%!important;
     font-size: 1.5rem !important;
   }

}




/*分辨率@1366*768*/
@media screen and (max-width: 1366px) {
  /*经营管控全局页面样式*/
  .home-div {
    font-family: PingFangSC-Regular;
    background-image: url('../../../../static/ManageHomePic/图层0.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*width: 2304px;*/
    /*height: 775px;*/
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .safe-navigation{
    position: absolute;
    width: 100%;
    height: 10%;
  }
  .safe-title-div{
    margin-top: 1%;
    margin-left: 3%;
    padding-top: 1%;
    float: left;
    min-width: 13%;
    max-height: 46px;
    text-align: center;
    background-image: url('../../../../static/ManageHomePic/图层519.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }


  /*菜单全局样式*/
  .safe-navigation>.safe-menucol {
    padding-left: 4%;
    float: left;
    width: 40%;
    height: 100%;
  }

  /*菜单列样式*/
  .safe-navigation>.safe-menucol>.safe-colname {
    width: 100%;
    height: 90%;
    font-family: HanYi;
    padding-top: 2%;
    color: #00f7ff;
    float: left;
  }

  /*单个菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname div {
    text-align: center;
    padding-top: 3%;
    width: 14%;
    float: left;
    height: 80%;
    max-height: 50px;
    letter-spacing: 0px;
    font-family: HanYi;
  }

  .filiale{
    font-family: PingFangSC-Regular;
    float: right;
    padding-top: 2%;
    width: 11%;
    font-size: 1.8rem;
    color: white;
    font-weight: bolder;
  }
  .filiale img{
    margin-right: 5%;
    width: 9%;
  }
  /*鼠标移入时菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname div:hover {
    font-size: 1.8rem;
    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 6%;
  }

  /*未选中菜单的字体大小*/
  .safe-navigation>.safe-menucol>.safe-colname .noclick {
    font-size: 1.6rem;
  }

  /*已选中菜单样式*/
  .safe-navigation>.safe-menucol>.safe-colname .click {
    font-size: 1.8rem;
    background-image: url('../../../../static/ManageHomePic/椭圆2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 6%;
  }

  .new-manage{
    float: right;
    letter-spacing: 2px;
    color: #ffffff;
    font-size: 1.6rem;
    height: 55%;
    margin: 1% 2%;
    padding: 5px 2%;
    background-color: rgba(6, 84, 97, 0.22);
    border: solid 1px rgba(105, 206, 210, 0.22);
  }

  /*正文内容样式*/
  .safe-text {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 92%;
    background-color: rgba(1, 207, 242, 0.03);
  }

  /*分页面全局样式*/
  .d3 {
    position: relative;
    width: 100%;
    height: 100%;
    /*background-color: #880000;*/
  }

  /*安全服务标题样式*/
  .mfont {
    margin-top: 2%;
    float: left;
    font-size: 2rem;
    letter-spacing: 4px;
    color: #ffffff;
  }

  /*主题字体样式*/
  .safe-gradient-text {
    width: 100%;
    height: 100%;
    font-size: 1.9rem;
    font-family: HanYi;
  }

  /*主题字体颜色渐变样式*/
  .safe-gradient-text-one {
    background-image: -webkit-linear-gradient(bottom, #009ef1, #00f2fe, #00f7ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /*安全服务天数样式*/
  .span-date {
    color: #f7cb32;
  }


  //==========主页
  /*小模块边框*/
  .safe-border {
    padding-top: 0.4%;
    background: linear-gradient(#6fd9d0, #6fd9d0) left top,
    linear-gradient(#6fd9d0, #6fd9d0) left top,
    linear-gradient(#6fd9d0, #6fd9d0) right top,
    linear-gradient(#6fd9d0, #6fd9d0) right top,
    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
    linear-gradient(#6fd9d0, #6fd9d0) left bottom,
    linear-gradient(#6fd9d0, #6fd9d0) right bottom,
    linear-gradient(#6fd9d0, #6fd9d0) right bottom;
    background-repeat: no-repeat;
    background-size: 1.5px 11px, 11px 1.5px;
    background-color: rgba(1, 207, 242, 0.05);
  }

  /*用户模块样式*/
  .safe-user {
    position: absolute;
    float: left;
    width: 33%;
    height: 30%;
    left: 2%;
  }

  /*陕西地图*/
  .safe-shanximap {
    position: absolute;
    top:-5%;
    left: 36%;
    width: 28%;
    height: 57%;
  }

  /*供销气量模块样式*/
  .safe-gasvalue {
    position: absolute;
    left: 65%;
    width: 33%;
    height: 50%;
  }

  /*客服模块样式*/
  .safe-callcenter {
    position: absolute;
    top: 32%;
    width: 33%;
    height: 25%;
    left: 2%;
  }

  /*安检模块样式*/
  .safe-safe {
    position: absolute;
    top: 59%;
    width: 33%;
    height: 35%;
    left: 2%;
  }

  /*管网模块样式*/
  .safe-network {
    position: absolute;
    top: 52%;
    left: 65%;
    width: 33%;
    height: 42%;
  }


  /*监控模块样式*/
  .safe-monitor {
    position: absolute;
    top: 59%;
    height: 35%;
    left: 36%;
    width: 28%;
  }
  .label{
    padding-top: 1%;
    margin-left: 4%!important;
    font-size: 1rem !important;
  }

}