@charset "utf-8";
/* CSS Document */

.about_video{
    width: 100%;
}
/*大屏幕样式*/
@media screen and (min-width: 769px) {
.dhdd{ display:none;}

    .mfoot_box {
      display:none;
    }

}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
    
 
  .dhdd { height:60px; width:100%; background-color:#2a2a2a;}

    /*手机-底部按钮*/
    .mfoot_box{
        background-color: #fafafa;
		height:60px; line-height:60px;
		width:100%;
		position: fixed;
		bottom:0;
		z-index:9999;
		

    }
    .mfoot_nav {
        width:25%;
        float:left;
        background-color: #fafafa;
        text-align:center;
        color:#898989;
    } 
    .mfoot_nav:hover,
    .mfoot_nav:focus {
        background-color: #e4e4e4;
        cursor:pointer;
    }
    .mfoot_nav a {
        color:#898989;
        display:block;
    }
    .mfoot_nav a:hover,
    .mfoot_nav a:focus{
       text-decoration:none;
    }
    .mfoot_nav span {
        display:block;
        padding:3px 0px 0px 0px;
    }
    .mfoot_share {
        width: 240px;
        padding: 5px;
    }
}

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

}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
 
}

/* Mobile footer refresh
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .dhdd {
    height: 84px;
    width: 100%;
    background: transparent;
  }

  .mfoot_box {
    display: flex;
    align-items: stretch;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    height: auto;
    line-height: normal;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 -18px 40px rgba(15, 23, 42, 0.12);
  }

  .mfoot_nav {
    float: none;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #64748b;
    border-radius: 18px;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .mfoot_nav:hover,
  .mfoot_nav:focus {
    background: rgba(15, 111, 184, 0.08);
    transform: translateY(-1px);
  }

  .mfoot_nav a {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  .mfoot_nav a:hover,
  .mfoot_nav a:focus {
    color: #0f6fb8;
    text-decoration: none;
  }
}