/*通用*/
/*表单验证小图标*/
/*.glyphicon{ padding: 10px; }
.glyphicon-ok{ color: green }
.glyphicon-remove{ color: red }*/

body{ margin:0; padding:0; overflow-x:hidden; background:#ecf0f5; }
img{ border:none; }
body{ font-family:'微软雅黑'; font-size:12px; color:#626262; }
dl, dt, dd{ display:block; margin:0; }
ul, li{ list-style:none; margin:0px; padding:0px; }
a{ text-decoration:none; }
.clear{ clear:both }
.clearfix:after{ content:""; display:block; height:0; clear:both; }
.clearfix{ zoom:1; }
.container{ width:100%; height:100%; margin:auto; overflow:hidden; }
.sub-menu span{
    width: 120px;
    text-overflow: ellipsis;
    height: 23px;
}
/*color*/
.color-primary{ color:#337ab7; }
.color-success{ color:#5cb85c; }
.color-info{ color:#5bc0de; }
.color-warning{ color:#f0ad4e; }
.color-danger{ color:#d9534f; }
.label2{ border:1px solid #ccc; color:#ccc; padding:0 2px; font-size:12px; display:inline-block; border-radius:3px; }
.btn2-success, .label2-success{ color:#78cd51; border-color:#78cd51; }
.btn2-info, .label2-info{ color:#67c2ef; border-color:#67c2ef; }
.btn2-warning, .label2-warning{ color:#fabb3d; border-color:#fabb3d; }
.btn2-important, .label2-important{ color:#fa603d; border-color:#fa603d; }
.btn2{ display:inline-block; padding:0 12px; border-radius:4px; border:1px solid #369CEE; background-color:#fff; color:#369CEE; height:34px; line-height:31px; }
/*设备状态*/
.m-fa{ display:inline-block; width:15px; margin-top:10px; height:15px; background-size:contain; background-repeat:no-repeat; }
.offLine{ background-image:url('/kml/icon/offLine.png'); }
.onLine{ background-image:url('/kml/icon/onLine.png'); }
.alarm-1{ background-image:url('/kml/icon/alarm_1.png'); }
.alarm-0{ background-image:url('/kml/icon/alarm_0.png'); }
.service-1{ background-image:url('/kml/icon/service_1.png'); }
.service-0{ background-image:url('/kml/icon/service_0.png'); }
#formdiv{ float:right; margin-top:10px; }
#menuDiv{ float:left; width:60%; }
.dateSelect_ul{ margin:10px 0; padding:0 20px; }
.dateSelect_ul li{ float:left; list-style:none; margin-right:5px; }
.dateSelect_li{ width:200px; }
.dateSelect_txt{ line-height:34px; text-align:left; }
/*.red{ color: red;}*/
.green{ color:#67bf3f; }
.breadcrumb .active{ color:#000; }
#user-nav{ display:inline-block; padding:0; font-size:16px; border:none; line-height:36px; height:36px; margin:30px 30px 30px 20px; color:#fff; border:none }
#add-user-box{ display:none; }
/*head*/
.head{ background:#3893c7; }
.head .left_head{ background:#367fa9; width:18%; float:left; height:96px; }
/*.head .right_head p{margin-right:10px;}*/
.left_head .xlmenu{ float:right; margin-top:36px; margin-right:10px; cursor:pointer; }
.left_head .logo{ margin-top:26px; margin-left:10px; float:left }
.head .right_head{ background:#3893c7; width:82%; float:right; height:96px }
/*left*/
.leftsidebar_box{ width:18%; min-height:600px; overflow:visible !important; background:#50575b; float:left; }
/*.line{width:100%;background-image:url(../images/select_xl.png);background-repeat:repeat-x;}*/
.leftsidebar_box dt{ padding-left:20px; padding-right:10px; background-repeat:no-repeat; background-position:10px center; position:relative; line-height:48px; cursor:pointer; }
.leftsidebar_box dt span.navName{ font-size:14px; color:#f5f5f5; }
.commonDlClass .navbar-icon{ display:inline-block; margin:0px 18px 0px 0px; width:20px; height:20px; background:url(../images/navbar-pic_01.png) 0px 0px no-repeat; }
.leftsidebar_box dd{ background-color:#707a81; padding-left:20px; }
.leftsidebar_box dd a{ color:#f5f5f5; line-height:20px; }
.leftsidebar_box dt img{ position:absolute; right:10px; top:20px; }
.commonDlClass dd i.common_dd{ display:inline-block; width:6px; height:6px; background:#fff; margin-right:10px; border-radius:100%; }
.custom .navbar-icon{ background:url(../images/navbar-pic_02.png) 0px 0px no-repeat; }
.channel .navbar-icon{ background:url(../images/navbar-pic_03.png) 0px 0px no-repeat; }
.app .navbar-icon{ background:url(../images/navbar-pic_04.png) 0px 0px no-repeat; }
.commonDlClass dd{ padding-left:48px; line-height:30px; height:30px; font-size:14px; }
.commonDlClass dd .common_dd{ width:4px; height:4px; display:inlink-block; }
.leftsidebar_box dl dd:last-child{ padding-bottom:10px; }
/*submit*/
.submit{ margin:10px auto; text-align:center; position:relative }
.submit input{ background:#3d4347; margin:0 auto; border:none; color:#999999; height:30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:88%; padding-left:8px }
.submit p{ position:absolute; right:20px; top:1px }
/*contents*/
.content_Box{ width:81%; height:auto; float:right; margin-top:10px; font-size:14px; }
.run_index, .classify_tag, .classify_tag ul, .content_show{ width:100%; overflow:hidden; }
.run_index span{ float:left; font-size:26px; line-height:40px; font-family:"微软雅黑"; }
.run_index a{ float:right; padding-right:30px; font-family:"微软雅黑"; line-height:40px; }
.classify_tag li{ float:left;; width:24%; height:100%; margin:1% 1% 10px 0px; position:relative; }
.classify_tag li img{ width:100%; height:auto; }
.classify_tag li p{ font-family:'微软雅黑'; font-size:18px; color:#fff; position:absolute; top:14%; left:12% }
.classify_tag li p strong{ font-size:26px; }
.classify_tag li p span{ font-size:16px; display:block; }
.content_show{ background:#fff; padding-left:2%; }
.content_data, .content-header{ overflow:hidden; }
.content-header h2{ float:left; }
.content-header p{ float:right; padding-right:40px; }
.content-header p a{ display:inline-block; margin-left:10px; width:20px; height:20px; background:url(../images/navbar-pic_05.png) 0px 0px no-repeat; }
.content-header p a.icon_02{ background-position:-20px 0px; }
.content-header p a.icon_03{ background-position:-40px 0px; }
.content_data .content-left{ float:left; width:50%; }
.content_data .content-right{ float:right; width:44%; border-top:1px solid #f4f4f4; }
.content_data .content-left img{ width:100%; height:auto; }
.right-bar{ width:73%; float:right; padding-right:40px; }
.right-bar p{ font-family:"微软雅黑"; font-weight:700; font-size:16px; text-align:center; padding:4px 0px; }
.right-bar dl{ margin-bottom:10px; font-weight:700; }
.right-bar dt span{ float:right; }
.right-bar dd img{ width:100%; height:auto; }
/*yuguanli_Box*/
.yuguanli_Box{ width:81%; height:100%; float:right; margin-top:10px; }
.titile span{ float:left; font-size:26px; line-height:40px; }
.titile p{ float:right; padding-right:30px; line-height:40px; }
.yuguanli_contact{ background:#ffffff; border-top:solid 2px #d2d6de; width:98%; border-left:solid 1px #d2d6de; border-right:solid 1px #d2d6de; border-bottom:solid 1px #d2d6de; height:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-bottom:10px }
.yu_top p{ float:left; margin:10px 10px; font-size:16px }
.yu_top ul{ float:right; margin-top:10px }
.yu_top ul li{ float:left; background:#f4f4f4; border:solid 1px #cecece; border-radius:2px; width:80px; height:28px; margin-right:20px; line-height:28px; text-align:center; -moz-border-radius:2px;
    -webkit-border-radius:2px; }
.yu_top ul li span{ margin-right:4px }
.yu_top ul a{ color:#676767; }
.yu_center{ border-bottom:solid 1px #dadada; padding-bottom:20px }
.yu_center .yu_left{ background:url(../images/zuoyou.png) 0px 0px no-repeat; width:30px; height:26px; float:left; margin-left:20px; margin-top:30px }
.yu_center .yu_right{ background:url(../images/zuoyou.png) 0px 0px no-repeat; width:30px; height:26px; background-position:right; float:right; margin-right:20px; margin-top:30px }
.yu_center ul li{ float:left; background:#f4f4f4; border:solid 1px #dfdfdf; width:100px; height:74px; margin-left:20px }
.yu_center ul li span{ display:block; margin:10px auto; text-align:center }
.yu_center ul li:hover{ float:left; background:#3c8dbc; width:100px; height:74px; margin-left:20px; color:#ffffff; box-shadow:0px 0px 4px 4px #3c87b4 inset; }
.yu_center ul li:active{ float:left; background:#3c8dbc; width:100px; height:74px; margin-left:20px; color:#ffffff; box-shadow:0px 0px 4px 4px #3c87b4 inset; }
.main_yu .tab_yu p input{ width:260px; height:30px; background:#ffffff; border:solid 1px #dadada; -moz-border-radius:2px; -webkit-border-radius:2px; margin-left:16px }
.yu_01{ border-bottom:solid 1px #dadada; height:44px; margin-left:20px; }
.yu_01 li{ float:left; font-size:16px; color:#676767; height:26px; }
.yu_01 li span{ margin-left:10px }
.yu_shuxing{ margin-top:20px }
.main_yu .on2{ display:none }
.main_yu .tab_yu p{ float:left; margin-left:20px; font-size:18px; color:#323232 }
.yu_01 .on1{ height:26px; padding:8px; border-bottom:solid 1px #FFFFFF }
.yu_01 .on{ border-top:solid 2px #3c8dbc; border-right:solid 1px #e0e4e9; border-left:solid 1px #e0e4e9 }
.shitu li{ margin-left:16px }
.dk_wrap{ position:relative; display:inline-block; min-width:75px; overflow:hidden; border:1px solid #ccc; -webkit-transition:border-color .5s; -moz-transition:border-color .5s; -o-transition:border-color .5s;
    transition:border-color .5s; margin-top:10px; margin-left:38% }
.dk_wrap:after{ position:absolute; display:block;
    top:54%;
    right:20px;
    content:'';
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #4B4B4B;
    pointer-events:none; }
.dk_wrap select{
    position:relative;
    display:block;
    width:110%;
    min-height:20px;
    padding:2px 42px 2px 2px;
    border:0;
    font-family:'Helvetica', Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    color:#333;
    text-indent:0.01px;
    text-overflow:'';
    background:#f4f4f4;
    cursor:pointer;
    border-radius:4px;
    box-shadow:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; }
.dk_wrap select:focus{
    text-shadow:none; }
.dk_wrap select::-ms-expand{
    display:none;
}
.all_center{ font-size:16px; color:#111; border-bottom:solid 1px #dadada; height:46px; line-height:46px; margin:10px 20px }
.all_center ul li{ float:left }
.all{ margin-top:10px; background:#ffffff; border-top:solid 2px #d2d6de; border-left:solid 1px #d2d6de; border-right:solid 1px #d2d6de; border-bottom:solid 1px #d2d6de; height:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-bottom:10px; width:98%; margin-bottom:20px }
.all .all_top .top_01{ float:left; font-size:16px; color:#6a6a6a }
.all .all_top{ margin:0 14px }
.all .all_top .top_02{ float:right; font-size:16px; color:#6a6a6a }
.all_titile ul li{ float:left; font-size:14px; }
.all_center .zht span{ margin-left:10px; }
.all_center .xiaoxi{ margin-left:32px }
.all_center .sheibeis{ margin-left:30%; margin-right:3% }
.all_center .jibeis{ margin-right:4% }
.all_center .time{ margin-right:9% }
.all_contact .zht span{ margin-left:10px }
.all_contact .xiaoxi{ margin-left:7% }
.all_contact .sheibeis{ margin-left:34.5%; }
.all_contact .yz{ margin-left:7%; width:50px; height:20px; background:#d3293d; text-align:center; line-height:20px; color:#ffffff; margin-top:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.all_contact .yz_z, .all_contact .yz_c{ margin-left:7%; width:50px; height:20px; background:#ebae0b; text-align:center; line-height:20px; color:#ffffff; margin-top:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.all_contact .yz_j{ margin-left:7%; width:50px; height:20px; background:#25bce7; text-align:center; line-height:20px; color:#ffffff; margin-top:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.all_contact ul li{ float:left; line-height:46px; font-size:14px; }
.all_contact ul{ border-bottom:solid 1px #dadada; margin:0 20px; height:46px; }
.all_contact .times{ margin-left:4% }
.all_center span img, .all_contact span img{ margin-right:10px }
.all_ttiles{ margin:10px 14px; font-size:16px; color:#242424 }
.all_ttiles ul{ float:left }
.all_ttiles .subs{ float:right }
.all_ttiles .subs input{ border:none; border:solid 1px #dadada; margin-left:10px; background:#ffffff }
.xiashi{ margin:60px 16px }
.xiashi p{ float:left }
.xiashi ul{ float:right; height:30px; border:solid 1px #dadada; width:128px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; margin-top:10px }
.xiashi ul li{ float:left; line-height:30px; }
.xiashi .pres{ border-right:solid 1px #dadada; width:50px; height:30px }
.xiashi .shuzi{ border-right:solid 1px #dadada; width:30px; height:30px; background:#199ec4; color:#ffffff }
.xiashi .downs{ width:46px; height:30px }
.xiashi a{ color:#7b7b7b }
/*设备检测*/
.jiance{ background:#ffffff; width:100%; height:100% }
.jiance .jiance_titile{ width:100%; height:50px; background:#ecf0f5; border-bottom:solid 2px #d9dde3; }
.jiance .jiance_titile .biaoti{ float:left; font-size:20px; color:#0E0E0E; margin-left:16px; margin-top:10px }
.jiance .jiance_titile .adres{ float:right; font-size:12px; color:#9E9E9E; margin-right:16px; margin-top:14px }
.jiance_01 .jiance_top{ margin-left:14px }
.jiance_01{ width:25%; float:left }
.jiance_02{ width:25%; float:left }
.jiance_03{ width:50%; float:left }
.jiance_submit{ width:90%; height:140px; background:#e8e8e8; margin:0 14px; text-align:center }
.jiance_submit input{ border:none; border:solid 1px #bfbfbf; width:90%; height:30px; background:#ffffff; color:#b4b4b4; padding-left:4px }
.jiance_top{ font-size:18px; margin-top:10px; }
.jiance_submit p{ padding-top:10px; font-size:14px; color:#767676 }
.namess{ height:26px; background:#FFFFFF; margin:30px 0; line-height:26px; text-align:left; padding-left:4px }
.xuankuang{ margin-top:8px }
.xuankuang ul li{ line-height:30px; border-bottom:solid 1px #dadada }
.xuankuang ul li input{ margin-right:10px }
.shujus{ width:94%; background:#e8e8e8; margin:14px auto; padding-bottom:10px }
.shujus .baige{ text-align:center; width:100%; }
.shujus .baige img{ width:98%; margin-top:10px; }
.xian_titile p{ float:left; margin-left:10% }
.xian_titile{ margin-left:16% }
.chanl{ margin:20px 10px; height:100%; background:#ffffff; }
.ch_titile{ border-bottom:solid 1px #dadada; height:44px; }
.ch_titile p{ font-size:14px; border-top:solid 2px #3c8dbc; width:68px; border-right:solid 1px #e0e4e9; height:26px; padding:8px; border-bottom:solid 1px #FFFFFF }
.lei{ margin-top:20px; }
.lei_title p{ margin-left:20px; font-size:16px; color:#000000; float:left }
.dk_wrapss{ position:relative; display:inline-block; min-width:120px; overflow:hidden; border:1px solid #ccc; -webkit-transition:border-color .5s; -moz-transition:border-color .5s; -o-transition:border-color .5s;
    transition:border-color .5s; }
.leiba{ margin-left:20px; clear:both }
.leiba li{ line-height:30px; font-size:14px; float:left }
.dk_wrapss:after{ position:absolute; display:block;
    top:54%;
    right:20px;
    content:'';
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #4B4B4B;
    pointer-events:none; }
.dk_wrapss select{
    position:relative;
    display:block;
    width:110%;
    min-height:20px;
    padding:2px 42px 2px 2px;
    border:0;
    font-family:'Helvetica', Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    color:#333;
    text-indent:0.01px;
    text-overflow:'';
    cursor:pointer;
    border-radius:4px;
    box-shadow:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; }
.dk_wrapss select:focus{
    text-shadow:none; }
.dk_wrapss select::-ms-expand{
    display:none;
}
.currentAdmin{ float:right; color:#ffffff; font-size:16px; line-height:30px; height:30px; margin:30px; }
/*tab*/
.tab ul li{ float:left; width:120px; text-align:center; height:40px; font-size:16px; line-height:40px; margin-left:20px }
.tab .tabs{ font-size:16px; width:120px; line-height:36px; height:36px }
.tab .tab_01s{ border-top:solid 2px #3c8dbc; font-size:16px; width:120px; line-height:36px; height:36px }
.menu1 td{ margin-left:10px; height:46px; text-align:center; }
.menu1 td span img{ margin-right:10px }
.menu_contact td{ height:46px; text-align:center; color:#424242; font-size:14px; width:10%; padding:5px 0; border-top:solid 1px #dadada }
.menu_contact .chuli p{ width:50%; height:24px; background:#FFAE00; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:24%; padding:0 }
.menu_contact .zh_01 p{ width:30%; height:24px; background:#FFAE00; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;; margin-left:34%; padding:0 }
.all_centers{ font-size:16px; color:#111; line-height:22px; }
/*登陆*/

.denglu{ width:620px; height:350px; border:solid 1px #cfcfcf; border-radius:4px; background:url(../images/landingbg.png) no-repeat; margin:120px auto }
.kuang_box .user input, .kuang_box .pasd input{ height:34px; border:solid 1px #9dc3e8; border-radius:4px; font-size:14px; color:#d3d2d2; }
.denglu .user input{ background:#ffffff url(../images/yonghuss.png) no-repeat 8px center; text-indent:32px; width:260px; margin-top:10px; }
.denglu .pasd input{ background:#ffffff url(../images/mima.png) no-repeat 8px center; text-indent:32px; width:260px; margin-top:10px; }
.wangji{ margin-top:20px }
.kuang_box{ width:360px; height:195px; background:url(../images/kuangbg.png) no-repeat; margin:0 auto }
.denglu ul{ margin:40px auto; width:320px; padding-top:16px }
.denglu p{ text-align:center; color:#00afe2; font-size:18px }
.liji a, .submit a{ color:#FFFFFF }
.denglu .submit{ width:94px; height:34px; text-align:center; font-size:16px; line-height:34px; background:url(../images/denglubg.png) no-repeat; margin-top:18px }
.landing_top{ margin-top:10px; margin-left:8px }
.jizhu{ font-size:14px; color:#919191; }
.jizhu input{ margin-right:10px }
/*登录页*/
#bbox{ width:400px; margin:100px auto; }
.input-group-addon .fa{ color:#a52a2a; }
.loginLog{ position:relative; }
.loginLog span{ position:absolute; top:17px; left:115px; font-size:14px; }
@media screen and (max-width:767px){
    
    /*登录页*/
    #bbox{ width:90%; margin:130px auto; }
    #bbox .login-box{ width:100%; }
    .login-box .button-login{ width:100%; float:none; margin:30px 0 0 0; }
    .login-box .input-group{ width:100%; }
    .button-login .btn{ width:100%; }
    .form-horizontal .form-group{
        margin:0 0 15px 0;
    }
    body{
        font-size:10px;
        width:100%;
        overflow-x:hidden;
        /*position: fixed;*/
    }
    .moveRight{ left:120px }
    /*toubu*/
    .left_head{ position:relative; }
    #xlmenu{ position:absolute; left:24px; }
    .left_head .logo{ position:absolute; left:80px; }
    #menu-ul{ display:none; position:absolute; top:0; left:-120px; width:120px; padding-top:96px; }
    #menu-ul li a{
        padding-left:10px;
    }
    .content_Box{ width:100%; position:absolute; }
    .classify_tag li p{
        font-size:1em;
        top:8%;
        left:7%;
    }
    .classify_tag li p strong{
        font-size:1em;
    }
    .run_index span{
        font-size:1.2em;
        padding-left:10px
    }
    .classify_tag li p span{
        font-size:0.7em;
        display:block;
    }
    .box-content{
        display:block;
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        overflow-x:scroll; /* 1 */
        text-align:justify; /* 3 */
    }
    .box-content table{
        width:100%;
        overflow-y:hidden;
        overflow-x:scroll;
        /*min-height: 500px;*/
    }
    #eshow-ul li:nth-child(1){
        float:left;
    }
    #eshow-ul li:nth-child(2){
        float:left;
    }
    #eshow-ul li:nth-child(3){
        float:left;
    }
    #eshow-ul li:nth-child(4){
        float:left;
    }
    
}