/** {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}*/
/*ul {list-style: none;}*/
/*a {text-decoration: none;}*/
/*body{ color: #f5f5f5;height: 3000px;}*/

/*.container{margin:0 auto;width: 1200px;}*/
.block{padding: 20px 0;}
/*.test{width: 100%;height: 3000px;}*/

/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

.bocweb-logo1 img{
    display: block;
    max-width: 100%;
    height: 30px;
    margin-top: 15px;
}

.detailed{
    display: none;
}
@media only screen and (max-width: 769px) and (min-width: 580px) {
    .bocweb-logo1 img{
        display: block;
        max-width: 100%;
        height: 50px;
        margin-top: 10px;
    }
    .detailed{
        /*display: block;*/
    }
}
@media only screen and (min-width: 769px) {
    
    .detailed{
        display: block;
    }
    .right_nav{
        display: block;
    }
    .bocweb-logo1{
        float: left;
    }
    .bocweb-logo2{
        float: right;
    }
    .bocweb-logo1 img{
        display: block;
        max-width: 100%;
        height: 50px;
        margin-top: 10px;
    }
    .bocweb-logo2 img{
        display: block;
        max-width: 100%;
        height: 70px;
        margin: 20px 0;
    }
    .borderl{
        border-left: 1px solid #ffffff;
        height: 30px;
        margin-top: 10px;
    }
    .bocweb-logo2{
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    .bocweb-logo1 img{
        display: block;
        max-width: 100%;
        height: 70px;
        margin: 20px 0;
    }
    .bocweb-logo2 img{
        display: block;
        max-width: 100%;
        height: 70px;
        margin: 20px 0;
    }
}
@media only screen and (min-width: 1180px) {
    .bocweb-logo2{
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .right_nav{
        display: none;
    }
    .bocweb-logo2{
        display: none;
    }
    
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .right_nav{
        display: none;
    }
}