
body{background-color: #e8eaed;}

#B_header{background-color: #131920;padding:0;}
#B_header .badge,#B_header .ba{color:#fff;}
#B_top{background-color: #f85d18;height:72px;}
#B_top .logo img{height: 52px;margin-top:10px;}
#B_top .B-wrap,#B_header .container-fluid{ max-width: 1320px;    align-items: center;padding-left:0;}
#B_top .logo{float:left;}
#B_top .offcanvas-header{float:left;}
#B_top .d-flex{float:right;margin-top:34px;}
#B_top .nav{float:right;margin-right:120px;    font-size: 28px;color:#fff;margin-top:10px;}
.B_x1{background-color: #fff; height:80x; text-align: center;padding:10px 0;}
.B_x1 a{padding:0 30px;}
#product-video{width:95.5%;margin:0 2%;}
.d-lg-block{background-color: #fff;padding:15px;}
.brand-item{background-color: #fff;}
.nav-item i{color:#fff;}
#head_a1{left:100%;}
#head_a2{left:350%;}
.byj30{

    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); /* x偏移, y偏移, 阴影模糊半径, 颜色 */
}
.na_y{padding-left:30px;}

.navbar-nav .nav-item{border-bottom:1px solid  #fff;}
.pages-wrap{background-color: #fff;padding:5px; }

.card-body{ }
.card-body .container{margin:0;padding:0;}
#head_a0{left:250%;}

/*  首页视频 样式*/
.b_canp{  position: absolute; /* 设置为 absolute 进行绝对定位 */
    bottom:5%; /* 距离父元素顶部 50px */
    right: 10%; /* 距离父元素左侧 40px */
    border-radius: 5px;/* 圆角的半径 */    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); /* x偏移, y偏移, 阴影模糊半径, 颜色 */}
.b_canp ul{width:240px;height:120px;background-color: #404040;margin:0;padding:0;overflow:hidden;}
.b_canp ul img{float:left;width:70px;height:70px;margin:10px;}
.b_canp ul li{overflow:hidden;height:32px;background-color: #f85d18;}
.b_canp ul li span{color:#fff;}
.b_canp ul dl{overflow:hidden;height:78px;}
.b_canp ul p{float:left;width:109px;overflow:hidden;text-align: left;}
.b_canp_a{height:40px;margin:10px;}
.b_canp_b{height:38px;}
.Bfooter {
    position: fixed;  /* 使得.footer-content始终在页面底部 */
    left: 10px;
    bottom: 5px;
    width: 180px;
    height:320px;
    color: white;  /* 文字颜色 */
    text-align: center;  /* 文字居中 */
    padding: 10px 0;  /* 填充 */
    z-index: 9999; /* Ensure it's above other content */
}

.Bfooter-content { position: relative;
    width:100%;
    height:100%;

    margin: 0 auto;  /* 水平居中 */
    overflow:hidden;
    border-radius: 10px; /* 圆角的半径 */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); /* x偏移, y偏移, 阴影模糊半径, 颜色 */

}
.BF_wi{width:100%;height:100%;}
.B_ta{
    min-width:1200px;
    position: fixed;    /* 设置为固定定位 */
    top: 0;             /* 顶部对齐 */
    right: 0;           /* 右边对齐 */
    bottom: 0;          /* 底部对齐 */
    left: 0;            /* 左边对齐 */
    width: 100%;        /* 宽度设置为100% */
    height: 100%;      /* 高度设置为100% */

    color: white;       /* 文字颜色 */
    display: flex;      /* 使用flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    background-color: rgba(55, 55, 55, 0.5); /* 50% 透明度 */
    z-index: 99;
}
.B_t { display: flex; }
.B_t li{   position:absolute;}
.B_t li img{width:100%;height: 100%;filter:grayscale(0.8)}
.B_t .B_t4{left:7%;top:20%; z-index: 7;height:60vh;width:60vh;}
.B_t .B_t5{left:18%;top:10%; z-index: 8;height:80vh;width:70vh;}
.B_t .B_t1{display: none;  z-index: 9;width:80vh;}
.B_t .B_t2{left:48%;top:10%;z-index: 8;height:80vh;width:70vh;}
.B_t .B_t3{left:62%;top:20%; z-index: 7;height:60vh;width:60vh;}
.gba{ position:absolute; right:5%;top:5%; z-index: 88;}
.gba img{width:60px;}
.gb1{ position:absolute; right:5%;top:5%; z-index: 88;}
.gb1 img{width:20px;}
.gb img{width:100%;}
.bh_a1{height:195px;}

/*  导航  */
#head_aa{left:0; background-repeat: repeat-y;overflow:hidden;background-image: url('/baibai/img/dhdt.jpg'); position: absolute;
         top:58px;}
.b_mda{ position: relative;}
.na_0{   position: absolute;
    background-image: url('/baibai/img/dhdt.jpg');margin:0;padding:0;
    z-index: 9999; /* Ensure it's above other content */
}
    ul li {
        list-style-type: none;
    }
    /* 设置背景颜色 */
.na_a{ position: absolute; /* 设置为absolute进行绝对定位 */
    top: 10px; /* 距离容器顶部50像素 */
    left: 25%; /* 距离容器左侧50像素 */

    width: 750px;
    background-color:#ffffff;
}
.na_b li{padding:5px;}
.na_b,.nb_a{float:left;}
.nb_img{width:200px;}


/* 产品详情页 属性  */
.b_xq01{overflow:hidden;}
.b_xq01 tr{float:left;width:50%;}
.b_xq01 tr td{border-left:1px solid #dfdbdc;}

