body,div,ul,li,a,span,img,p,h1,h2,h3,h4,h5,dl,dt,dd{
    margin: 0;
    padding: 0;
}
img{
    border: none;
}

a{
    cursor: pointer;
}
body{
    font-family: "微软雅黑";
    font-size: 14px;
}
ul li{
    list-style: none;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {

    *zoom: 1;

}

.clearfix:before,
.clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}

.clearfix:after {

    clear: both;

}
.wrap{
    width: 1000px;
    margin: 0 auto;
}
.pubFooter{
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #7d8d92;
    text-align: center;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
}


/*共用部分*/
.contain{
    position: relative;
    height: 718px;
    margin: 0 auto;
}
.CAI_con{
    width: 100%;
    margin-top: 20px;
    /*position: absolute;*/ 
    /*left: 0;*/
    /*top: 20px;*/
}
.contain h2{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    color: #8d999d;
}
.videoBox{
    z-index: 20;
    width: 564px;
    height: 286px;
    position: absolute;
    right: 0;
    top: 0;
}
.video_btn{
    width: 120px;
    position: absolute;
    left: 0;
    top:3px;
}
.video_btn a{
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-size: cover;
}
.recordOp_btn a{
    display: inline-block;
    width: 100px;
    height:36px;
    line-height: 36px;
    background-size: cover;
}
.video_btn1{
    background: url("../images/syyl.png") no-repeat;
}
.video_btn2{
    background: url("../images/xttl.png") no-repeat;
}
.video_btn3{
    background: url("../images/czzn.png") no-repeat;
}
.video_btn4{
    background: url("../images/help.png") no-repeat;
}
.video_con{
    width: 440px;
    height: 286px;
    background: #000;
    border: 3px solid #ffffff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
}
.recordOp_btn li{
    float: left;
}
.recordOp_btn1{
    background: url("../images/operation.png") no-repeat;
}
.recordOp_btn2{
    background: url("../images/view.png") no-repeat;

}
.recordOp_btn3{
    background: url("../images/numRecord.png") no-repeat;

}
.recordOp_btn4{
    background: url("../images/sucAnalysis.png") no-repeat;
}
.video_play{
    width: 438px;
    height: 284px;
    margin: 1px auto;
    /*background: #cbcbcb;*/
}
/*数据显示*/
.recordBox {
    width: 458px;
    height: 150px;
    padding: 10px 16px 12px 16px;
    background: #ffffff;
    border: 1px solid #d0e1e7;
    position: absolute;
    top: 20px;
    left: 166px;
}
/*桌子*/
.desk{
    z-index: 25;
    width: 772px;
    height: 194px;
    background: url("../images/desk.png") no-repeat;
    background-size: cover;
    position: absolute;
    top:522px;
    right:234px;
}

table tbody>tr>td{
    font-size: 14px;
    color: #616668;
    text-align: left;
    padding: 4px 9px;
}
table tbody>tr>td>input[type="text"]{
    width: 46px;
    height: 22px;
    border: 1px solid #cfdbdb;
}
.smBeaker{
    width: 63px;
    height: 66px;
    background: url("../images/beaker.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -128px;
    right: -194px;

}
.smBeaker_top{
    width: 44px;
    height: 14px;
    background: url("../images/smBeaker_top.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0px;
    right: 5px;
}

.smBeaker_center{
    width: 44px;
    /*height: 40px;*/
    height: 0;
    background: #6cbae8;
    position: absolute;
    bottom: 2px;
    right: 5px;
}
.timeV{
    width: 120px;
    height: 48px;
    line-height: 24px;
    position: absolute;
    bottom: -177px;
    right: -160px;
    color: #616668;
    font-size: 14px;
}

.right_sl{
    width: 11px;
    height: 86px;
    background: url("../images/right_sl.gif") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -117px;
    right: -95px;
}


/*雷诺烧杯等公用*/
/*雷诺烧杯部分*/
.lN_pos{
    width: 740px;
    height: 262px;
    position: absolute;
    top:0;
    left:7px;
}
.lN_con{
    z-index: 17;
    width: 1000px;
    height: 436px;
    position: absolute;
    top: 263px;
    left: 0;
}
.leinuo_center{
    width: 695px;
    height: 262px;
    position: absolute;
    top: 0;
    left:-20px;
}
.leinuo_box{
    width: 204px;
    height: 262px;
    position: absolute;
    top: 0;
    left:58px;
}
.leinuo_beaker{
    width: 204px;
    height: 225px;
    background: url("../images/leinuo_beaker.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 36px;
    left:0;
}
.leinuo_bl{
    width: 192px;
    height: 24px;
    background: url("../images/leinuo_sw_bl.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 192px;
    left:6px;
}
.leinuo_sw{
    width: 192px;
    height: 186px;
    background: url("../images/leinuo_sw.gif") no-repeat;
    /*background-size: cover;*/
    position: absolute;
    bottom: 6px;
    left: 6px;
}

/*右边水管*/

.lN_waterpipe{
    width: 566px;
    height: 71px;
    position: absolute;
    bottom: -26px;
    right: -15px;
}
.lN_pipe{
    width: 566px;
    height: 71px;
    background: url("../images/lN_pipe.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right:-109px;
}
.lN_water{
    width: 566px;
    height: 66px;
    background: url("../images/lN_water.gif") no-repeat;
    background-size: cover;
    position: absolute;
    top: 3px;
    right: -106px;
}
/*水龙头*/

.waterTap{
    width: 263px;
    height: 142px;
    position: absolute;
    top: 0;
    left: 0;
}

.shuiguan{
    width: 263px;
    height: 71px;
    background: url("../images/shuiguan.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 19px;
    left: 0;
}
.sg_water{
    width: 258px;
    height: 66px;
    background: url("../images/sg_water.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 22px;
    left:2px;
}
.shuiliu{
    width: 11px;
    height: 51px;
    background: url("../images/sl.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 86px;
    right:3px;
}

.slt_switch{
    width: 26px;
    height: 20px;
    background: url("../images/sltSwitch.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 30px;
}


/*旋转罗盘*/
.compass_box{
    width: 132px;
    height: 88px;
    padding: 12px 14px;
    border: 1px solid #d0e1e7;
    background: #ffffff;
    position: absolute;
    top: 20px;
    right: -170px;
}
.compass_box h3{
    height: 16px;
    line-height: 16px;
    color: #768e95;
    font-size: 16px;
    text-align: center;
}
.compass_con{
    padding-top: 18px;
}
.compass{
    width: 87px;
    height: 54px;
    background: url("../images/compass.png") no-repeat;
    background-size: cover;
    position: relative;
}
.zhizhen{
    width: 24px;
    height: 8px;
    background: url("../images/as.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 14px;
    bottom: 13px;


    /*transform: rotate(-90deg);*/
    /*-webkit-transform: rotate(-90deg);*/
    /*-moz-transform: rotate(-90deg);*/


    transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}
.zhizhenPos{
    transition: 500ms;
}

.compass_ope{
    width: 30px;
}
.up_operate,.down_operate{
    display: block;
    width: 28px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-left: 1px solid #d0e1e7;
    border-right: 1px solid #d0e1e7;
    background: #f7ffff;
}
.up_operate{
    border-top: 1px solid #d0e1e7;
    border-bottom: 1px solid #d0e1e7;
}
.down_operate{
    border-bottom: 1px solid #d0e1e7;
}
.compass_ope a{
    display: inline-block;
    width: 16px;
    height: 12px;
    background-size: cover;

}
.up_operate a{
    background: url("../images/ariseTrig.png") no-repeat;
    margin-top: 2px;
}
.down_operate a{
    background: url("../images/decTrig.png") no-repeat;
    margin-top: 4px;
}

/*积水*/
.jisgui_box{
    width: 44px;
    height: 221px;
    background: url("../images/jishu_box.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 31px;
    left: 0;
}
.jishui{
    width: 38px;
    height: 74px;
    background: url("../images/jishui.png") no-repeat left bottom;
    /*background-size: cover;*/
    position: absolute;
    top: 141px;
    left:5px;
}

.liushui{
    width: 19px;
    height: 138px;
    background: url("../images/liushui.gif") no-repeat;
    background-size: cover;
    position: absolute;
    top: 35px;
    left: 34px;
    transition: 1s;
}
/*水箱*/
.shuixiang {
    width: 119px;
    height: 176px;
    background: url("../images/shuixiang.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 21px;
    bottom: -1px;
}


/*}弹窗*/
/*.bg{*/
    /*z-index: 40;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: rgba(0,0,0,0.2);*/
/*}*/
.alertBox{
    /*z-index: 50;*/
    width: 860px;
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-left: -430px;*/
    /*height: 515px;*/
    min-height: 515px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px;
    box-shadow: 0 0 8px 1px #c5c5c5;
    background: #ffffff;
}
.alertBox h3{
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    text-align: left;
    color: #ffffff;
    background: #74bcee;
    font-size: 16px;
}
.alertBox h3 .close{
    width: 14px;
    height: 14px;
    background: url("../images/close.png") no-repeat;
    position: absolute;
    right: 16px;
    top: 14px;
}
.alertBottom{
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    text-align: right;
}
.alertBottom a{
    display: inline-block;
    width: 76px;
    height: 28px;
    background: #74bcee;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
}
.jsBottom a{
    display: inline-block;
    width: 120px;
    height: 28px;
    background: #74bcee;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
}
.yancheng_alert{
    z-index: 50;
    width:100%;
}
.zimu{
    z-index: 40;
    position: absolute;
}
.table-box{
    width: 96%;
    margin: 0 auto;
}
.table-box h4{
    height: 30px;
    line-height: 30px;
    margin: 8px 0;
    text-align: center;
    font-size: 17px;
    color: #6C9DBE;
}
.table-box table{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #74BCEE;
    border-radius: 4px;
    margin: 0 auto;
    border-collapse: collapse;
}
.table-box table thead th{
    line-height: 22px;
    padding: 5px 0;
    background: #DAECF9;
    color: #445565;
    border-right: 1px solid #74BCEE;
}
 .table-box table tbody td{
     line-height: 22px;
     padding: 5px 0;
     color:#85909A;
     text-align: center;
     border-top: 1px solid #74BCEE;
     border-right: 1px solid #74BCEE;
     font-weight: bold;
 }
.note-box{
    line-height: 22px;
    margin: 10px 0;
    color: #616668;
}


.alertdiv {
    z-index: 50;
    width: 600px;
    height: 450px;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px #c5c5c5;
    background: #ffffff;
    position: fixed;
    top: 100px;
    left: 300px;
}
.alertdiv h3 {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-align: left;
    color: #fff;
    background: #b8b8dc;
    font-size: 14px;
}
.alertdiv h3 .close{
    width: 14px;
    height: 14px;
    background: url("../images/close.png") no-repeat;
    position: absolute;
    right: 16px;
    top: 14px;
}


.wordyl_div{
    position: absolute;
    top: 25px;
    right: 35px;
    width: 180px;
    z-index: 2;
    height:100px;
    cursor: pointer;
}
.aview_div{
    position: absolute;
    top: 25px;
    right: -200px;
    width: 180px;
    z-index: 2;
    height:160px;
    cursor: pointer;
}

.table-box table thead th img{
    width:77px;
}