.ma-vedio{
   width: 100%;
   height: 342px;
   /* background: red;  */
}
.ma-false{
    display: none;
}

.ma-ture{
    display:block;
}


.ma-v1{
    width: 600px;
    height: 340px;
    float: left;
    border: 1px solid #b5b5b5;
}

.ma-rid{
    width: 655px;
    height: 340px;
    float: right;
}

.ma-rid-div{
    width: 150px;
    height: 165px;
    float: left;
    margin:5px;
    background: #dce0e4;
    text-align: center;
    cursor:pointer;
}

.ma-rid-div:hover, .ma-rid-divh{
    background: #0168b7;
    color: #ffffff;
    width: 150px;
    height: 165px;
    float: left;
    margin:5px;
    text-align: center;
    cursor:pointer;
}

.bq-1, .bq-2, .bq-3, .bq-4, .bq-5, .bq-6, .bq-7, .bq-8{
    width: 100%;
    height: 110px;
    margin-bottom: 3px;
}

.bq-h1, .bq-h2, .bq-h3, .bq-h4, .bq-h5, .bq-h6, .bq-h7, .bq-h8{
    width: 100%;
    height: 110px;
    margin-bottom: 3px;
}
.bq-1{
    background: url(/template/special/zdzt/img/1.png) no-repeat 50px 45px;
}

.bq-2{
    background: url(/template/special/zdzt/img/2.png) no-repeat 50px 45px;
}

.bq-3{
    background: url(/template/special/zdzt/img/3.png) no-repeat 50px 45px;
}

.bq-4{
    background: url(/template/special/zdzt/img/4.png) no-repeat 50px 45px;
}

.bq-5{
    background: url(/template/special/zdzt/img/5.png) no-repeat 50px 45px;
}


.bq-6{
    background: url(/template/special/zdzt/img/6.png) no-repeat 50px 45px;
}

.bq-7{
    background: url(/template/special/zdzt/img/7.png) no-repeat 50px 45px;
}

.bq-8{
    background: url(/template/special/zdzt/img/8.png) no-repeat 50px 45px;
}


.bq-1:hover, .bq-h1{
    background: url(/template/special/zdzt/img/1h.png) no-repeat 50px 45px;
}
.bq-2:hover, .bq-h2{
    background: url(/template/special/zdzt/img/2h.png) no-repeat 50px 45px;
}

.bq-3:hover, .bq-h3{
    background: url(/template/special/zdzt/img/3h.png) no-repeat 50px 45px;
}

.bq-4:hover, .bq-h4{
    background: url(/template/special/zdzt/img/4h.png) no-repeat 50px 45px;
}

.bq-5:hover, .bq-h5{
    background: url(/template/special/zdzt/img/5h.png) no-repeat 50px 45px;
}

.bq-6:hover, .bq-h6{
    background: url(/template/special/zdzt/img/6h.png) no-repeat 50px 45px;
}

.bq-7:hover, .bq-h7{
    background: url(/template/special/zdzt/img/6h.png) no-repeat 50px 45px;
}

.bq-8:hover, .bq-h8{
    background: url(/template/special/zdzt/img/7h.png) no-repeat 50px 45px;
}