
@media only screen and (max-width: 768px){
  

}
@media only screen and (min-width: 769px){
  

}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
}
.bsBox{
  overflow: hidden;
}
.bsBox .bsTop {
    width: 100% !important;
}
.bsBox .bsFrameDiv>div{
     height: 210px !important;
}
.kefu{
position:fixed;
z-index:999;
right:10px;
top:20%;
box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.imgbox{background-color:rgb(255 255 255);width:60px;height:70px;text-align:center;padding:6px 0;border-bottom:solid 1px rgb(241 241 241);cursor:pointer;transition:all 0.5s cubic-bezier(.165,.84,.44,1);-webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1);position:relative;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center;}

.imgbox span{
display:block;
color:#999;
font-size:12px;
}

.imgbox img{
display:block;
margin:0 auto;
margin-top:9px;
}
.imgbox .weixin{
position:absolute;
opacity:0;
margin-top:0px;
height:0px;
right:74px;
top:30px;
transition:all 0.3s cubic-bezier(.165,.84,.44,1);
-webkit-transition:all 0.3s cubic-bezier(.165,.84,.44,1);
box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.top .imgbox{background-color: #da1f16;margin-top:5px;border:none;}
.top .imgbox span{
color:#fff;
}
.imgbox:hover{background-color: #da1f16;}
.imgbox:hover span{
color:#fff;
}
.imgbox:hover .tb{
filter:brightness(100);
}
.ewm:hover .weixin{
display:block;
height:auto;
opacity:1;
top:0px;
}
.ds{position:absolute;z-index:-1;right:20px;display:block;color:#fff;background-color:#fff;transition:all 0.5s cubic-bezier(.165,.84,.44,1);-webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1);line-height:69px;padding:0 20px;top: 0px;font-size:14px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);width:0;opacity:0;overflow:hidden;white-space:pre;}
.ds a{color:#fff;}
.tel:hover .ds{
opacity:1;
background-color:#da1f16;
right:58px;
width:auto;
}
.kefu i{
font-size:20px;
color:#666;
}
.kefu  .top i{ color:#fff;}
.kefu li:hover i{
color:#fff;
}
.phoneright ul.ul-bot{display:flex !important;width:100%;position:fixed;bottom:0;align-items:center;justify-content:center;background-color: #df1e14;z-index:9999; left: 0px;}
.phoneright li{width: 25%;text-align:center;padding:2%;position: relative;border-right: 1px solid rgba(255, 255, 255, .05);}
.phoneright a{text-decoration:none;font-size: 12px;color:aliceblue;}
.phoneright a .p_icon{font-size:24px;}

@media screen and (max-width: 768px){

.kefu{
    display:none !important;
  }
.phoneright{
    height:70px;
  }
}
@media screen and (min-width: 769px){

.phoneright{
    display:none;
  }
}
.right_bar{
position:fixed;
top:300px;
right:0;
width:50px;
height:203px;
z-index:9999;
display:none;
}
.right_bar li{
width:62px;
height:50px;
z-index:20;
}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{
position:absolute;
left:0;
}
.right_bar li.rtbar_li1{
top:0;
width:185px;
}
.right_bar li.rtbar_li2{
position:absolute;
top:51px;
left:0;
}
.right_bar li.rtbar_li3{
position:absolute;
top:102px;
left:0;
width:126px;
}
.right_bar li.rtbar_li4{
top:153px;
}
.rtbar_li4{
position:absolute;
top:153px;
left:0;
}
.right_bar li a{
display:block;
color:#FFF;
font-size:14px;
height:50px;
line-height:50px;
overflow:hidden;
background-color:var(--theme-color);
opacity:0.8;
border-radius:6px;
}
.right_bar li a img{
display:block;
float:left;
vertical-align:middle;
width:24px;
height:24px;
margin:12px 12px 14px 14px;
}
.right_bar li a:hover{
background-color:var(--theme-color);
opacity:1;
}
.rtbar_shwx{
display:none;
position:absolute;
right:64px;
padding-bottom:9px;
top:-50px;
}
.rtbar_shwx img{
padding:14px;
background-color:#FFF;
}
