.hidden {
    display: none !important;
}

.xiaoqiaoinfo {
    display: inline-block;
    position: absolute;
    z-index: 99;
    left: 85%;
    top: 70%;
}
.tip {
  display: inline-block;
    position: absolute;
    z-index: 99;
    left: 79%;
    top: 60%;
}

.sidebar3 {
    /*left: 50%;*/
    /*top: 50%;*/
    position: absolute;
	top:0px;
	right:200px;
	vertical-align: text-bottom;
	
	z-index: 1;
}

.sidebar2 {
    /*left: 50%;*/
    /*top: 50%;*/
    position: absolute;
	top:0px;
	right:100px;
	vertical-align: text-bottom;
	
	z-index: 1;
}

.tip-box.tipinfo {
    position: absolute;
    right: 115px;
    top: 18%;
    z-index: 999;
    margin: 0 0 0 350px;
    background: #fff;
    line-height: 22px;
    padding: 10px;
    width: 255px;
    /* opacity: 0; */
    box-shadow: initial;
    text-align: left;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.tip-box.robotinfo {
    position: absolute;
    right: 115px;
    top: 18%;
    z-index: 999;
    margin: 0 0 0 350px;
    background: #fff;
    line-height: 22px;
    padding: 10px;
    width: 205px;
    /* opacity: 0; */
    box-shadow: initial;
    text-align: left;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    display: none;
}

.tip-box ul {
    list-style-type: none;
}

.tip-box:before,
.tip-box:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    bottom: inherit;
    left: 100%;
    font-size: 0;
    top: 50%;
    margin-top: -10px;
}

.tip-box:before {
    border: 8px dashed transparent;
    border-left-color: #d7d7d7;
    border-left-style: solid;
}

.tip-box:after {
    border: 7px dashed transparent;
    border-left-color: #fff;
    border-left-style: solid;
}

.tip-box span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    color: #333;
}

/*.xiaoqiaoinfo:hover .tip-box {
    display: block;
}*/

.robot {
    position: fixed;
    left: 80%;
    top: 59%;
    z-index: 999;
    /*margin: 400px 0 0 500px;*/
}

    .robot:hover {
        text-decoration: none;
    }

.tip-box.tinRightIn2 {
    display: block;
}

@keyframes tinRightIn2 {
    0% {
        opacity: 1;
    }

    50%, 70%, 90% {
        opacity: 1;
    }

    60%, 80%, 100% {
        opacity: 1;
    }
}

.xiaoqiao {
    position: relative;
    height: 119px;
    width: 120px;
    background-size: 100%;
    cursor: pointer;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../Images/xiaoqiao.png);
}

.xiaoqiao2 {
    position: relative;
    height: 74px;
    width: 75px;
    background-size: 100%;
    cursor: pointer;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../Images/xiaoqiao2.png);
}

.tip-box.robotinfo {
    right: 115px;
}

.sidebar {
    /*left: 50%;*/
    /*top: 50%;*/
    position: absolute;
    margin: -63px 0 0 530px;
    width: 258px;
    z-index: 1;
}

    .sidebar .mushaine {
        position: absolute;
    }

    .sidebar .intro {
        /*position: absolute;*/
        float: left;
        padding: 15px 12px;
        width: 185px;
        height: 40px;
        font-size: 12px;
        color: #6e8ea0;
        /*line-height: 18px;*/
        background: url(../images/machineshadow.png) no-repeat;
        /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/machineshadow.png', sizingMethod='scale');*/
        z-index: 1;
        position: relative;
        /*visibility: hidden;*/
    }

        .sidebar .intro p {
            color: #206a96;
            font-size: 12px;
            line-height: 20px;
            font-weight: normal;
        }

        .sidebar .intro .close {
            position: absolute;
            margin: -27px 0 0 159px;
            width: 7px;
            height: 7px;
            background: url(../images/close.png) 0 0 no-repeat;
            cursor: pointer;
        }

    .sidebar .askbar {
        position: absolute;
        margin: 34px 0 0 230px;
    }

    .sidebar .ask {
        /*float: left;*/
        /*margin: -55px 0 0 50px;*/
        width: 29px;
        height: 30px;
        background: url(../images/ask.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .sidebar .askbox {
        position: relative;
        float: left;
        margin: -40px 0 0 30px;
        width: 100px;
        line-height: 40px;
        font-size: 12px;
        color: #206a96;
        text-indent: 27px;
        background: url(../images/askshadow.png) repeat;
        height: 40px;
        text-decoration: none;
    }

.hidden {
    display: none !important;
}

.clearfix {
    /*float: left;*/
}

.sidebar .detectionbar {
    position: absolute;
    margin: 27px 0 0 290px;
}

.sidebar .detection {
    float: left;
    width: 29px;
    height: 40px;
    background: url(../images/detection.png) 0 0 no-repeat;
    cursor: pointer;
}

.sidebar .detectionbox {
    /*position: relative;
            float: left;
            margin: -60px 0 0 130px;
            *margin: -60px 0 0 40px;*/
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #206a96;
    text-indent: 18px;
    background: url(../images/shadow2.png) no-repeat;
    border-radius: 5px;
    text-decoration: none;
    margin-top: -2px;
}