.body_b{
    z-index: 100;
    outline: none;
    overflow: auto; 
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
    background: #fff;
   overflow-x: hidden;
}
.body_b.showdiv {
    top: 0;
}





.datu{background-color: #3e3e3e;position: relative;}
.djs_box{position: absolute;width:690px;left:50%;top:40%;transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.djs_box .logo{float:left;width:350px;margin-right:20px}
.djs_box .logo img{width:100%;margin-top: 10px;}
.djs_box .uni100{font-size:50px;color:#fff;float: left;width:295px;padding-right:25px;white-space: nowrap;}
.djs_box .bot{font-size: 30px;}
.djs_box .top{letter-spacing: 2px;margin-bottom:10px}

.djs_box .djs{float: left;width:260px;margin-left:25px;position: relative;color:#fff;display:none}
.djs_box .days{position: absolute;right:0;top:0; font-size: 20px;}
.djs_box .border{position: relative;text-align: center;}
.djs_box .day{font-size:70px;width:200px;height: 50px;background: transparent;margin:0 auto;text-align: center;margin-bottom:20px}
.djs_box .day::before{content: "";left:0;width:15px;height:1px;background: #fff;display: block;position: absolute;top:30px}
.djs_box .day::after{content: "";right:0;width:15px;height:1px;background: #fff;display: block;position: absolute;top:30px}
.djs_box .date{margin-bottom:5px;}
.djs_box .date::before{content: "";left:0;width:1px;height:45px;background: #fff;display: block;position: absolute;top:30px}
.djs_box .date::after{content: "";right:0;width:1px;height:45px;background: #fff;display: block;position: absolute;top:30px}
.djs_box .wz::before{content: "";left:0;width:70px;height:1px;background: #fff;display: block;position: absolute;top:75px}
.djs_box .wz::after{content: "";right:0;width:70px;height:1px;background: #fff;display: block;position: absolute;top:75px}
.datu .down{text-align: center;position: absolute;bottom:0;width: 100%;}
.datu .down img{vertical-align: middle;margin:0 20px;cursor: pointer;}
.datu .bg{position: absolute;top:0;left:0;width:100%;height:100%;background: #b2333d;opacity: 0.75;z-index: 2;}
.datu .down_but{margin:0 auto;line-height: 50px;color: #fff;position: relative;z-index: 10;font-size: 22px;}


@media screen and (max-width: 999px){
.datu{background:url(../image/bjt11.jpg) center no-repeat;background-size:cover;height:100vh;}
 
}

@media screen and (max-width: 990px){
.datu,.djs_box{width: 100%;}
.djs_box{top:25%}
.djs_box .logo{float: none;width:100%;margin:0;padding:0;margin-bottom:30px}
.djs_box .logo img{display: block;;margin:0 auto;width:55%}
.djs_box .uni100{display: none;}
.djs_box .djs{float: none;margin:0 auto;padding:0}
}