/*在这里编写相关的CSS代码*/
.自定义列表 {
    list-style-type: none;
    counter-reset: li;
    /*计数器重置: sectioncounter;*/
    width: auto;
    /*或用 宽度: 100%;*/
}
.自定义列表 li::before {
    /*内容: counters(列表项, ".") ". ";*/
    content: counter(li) ".";
    counter-increment: li;
    color: Brown;
    /*内容: 计数器值(sectioncounter) ".";
    计数器增加: sectioncounter;*/
}
.自定义列表 li {
    /*左内边距: 1em;*/
    text-indent: -1em;
}

.左浮动 {
    float: left;
}
.右浮动 {
    float: right;
}
.清除全部浮动 {
    clear: both;
}
.防父级高度塌陷::after {
    /*防止塌陷 prevent collapse*/
    /*父元素设置有固定高度时不用清除浮动,父元素没有设置高度时一定要清除浮动防止父级高度塌陷.*/
    content: "";
    display: table;
    clear: both;
}

.导航_无序列表 > li > .弹出菜单 {
    width: 140px;
    list-style-type: none;
    display: none;
    background-color: #99cc00;
    padding: 5px 0px;
    left: -30px;
    /*盒子-阴影: 0px 0px 5px #f2f2f2;*/
    box-shadow: 0px 0px 3px #f2f2f2;
    position: absolute;
    /*子绝父相 意思是子元素用了绝对定位那么父元素就要设置相对定位*/
}
.导航_无序列表 > li > .弹出菜单 li {
    height: 35px;
    line-height: 35px;
    /* 边框:  0.5px ;
    边框-颜色: 颜色值-黑色;
    边框-样式: 点线;*/
}
.导航_无序列表 > li > .弹出菜单 a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: Black;
    /*左边距: 0px;*/
    text-decoration: none;
}
.导航_无序列表 > li:first-child:hover > .弹出菜单 {
    /*也可以这样 .导航_无序列表 > 列表项:鼠标移入 > 无序列表*/
    display: block;
}
.导航_无序列表 > li:first-child:hover > .三角形按钮 {
    border-top: 6px solid transparent;
    border-bottom: 6px solid #ff0000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: relative;
    top: -3px;
}
.导航_无序列表 > li > .弹出菜单 a:hover {
    background-color: #e6f4f4;
    /*文本颜色: #ff516b;*/
    color: Red;
}

.logo盒子 {
    height: 41px;
    width: 60px;
    /*行高: 41px;*/
    /*显示模式: 内联块元素;*/
    background-image: url(../file/1729305605438.png);
    /*背景-大小: 90% 90%;*/
    background-size: contain;
    /*背景-大小: 宽高覆盖缩放;*/
    background-repeat: no-repeat;
    /*左边距: 100px;*/
    /*外边距: 3px 0px;*/
    /*浮动: 左侧;*/
    display: inline-block; /*内联块元素不会垂直居中会下掉下移位置就会引起父元素组件高度增加*/
    /*外边距: 0px;*/
    vertical-align: middle;
}
.logo标题盒子 {
    /*背景-颜色: 颜色值-橙色;*/
    height: 30px; /*正好两个字的高度*/
    width: 60px;
    /*行高: 41px;*/
    /*浮动: 左侧;*/
    display: inline-block; /*内联块元素不会垂直居中会下掉下移位置就会引起父元素组件高度增加*/
    vertical-align: middle;
}

.logo标题盒子 h6 {
    display: block;
    margin: 0px 0px; /*先去除标题的外边距*/
    width: 60px;
    line-height: 15px;
    /*文本-对齐: 居中;*/
    /*上边距: 6px;*/
    text-shadow: 2px 2px 2px #d4d4d4;
    /*背景-颜色: 颜色值-浅蓝色;*/
}
/*.导航条包裹盒子 {
    可以不用这个,只要后面的第一个盒子加上 上边距: 44px;即可.
    宽度: 100%;
    高度: 44px;
}*/

.导航条幅大区块 {
    /*外边距: 0px 自动;*/ /*设置了固定定位后无效.*/
    background-color: #fcfcfc;
    width: 100%; /*设置了固定定位后用 宽度: 自动;无效*/
    height: 41px;
    /*行高: 41px;*/
    /*左内边距: 100px;*/
    /*右内边距: 100px;*/
    border-top: 3px solid #ff9933;
    border-bottom: 1px solid #bec1c1;
    /*盒子-阴影: 0px 1px 1px #bec1c1;*/
    /*背景-定位: 固定;*/
    /*外边距: -8px 0px 0px -8px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 5; /*数字越大层次越高*/
    position: fixed; /*定位也会脱标,不在同一平面(底层),其实是到了顶层.*/
    left: 0px;
    top: 0px;
}
.导航_无序列表 {
    display: inline-block; /*必须设为内联块元素因为块级元素前后有换行会导致后面的内联块元素紧随其后排列*/
    margin: 0px; /*因为列表框自带默认有外边距,所以要去掉它.*/
    list-style-type: none;
    /*浮动: 左侧;*/ /*在lay-容器的栅格行中单独一个无序列表无需浮动也可以的*/
    padding-left: 0px;
}

.导航_无序列表 > li {
    /*这个是后代选择器*/
    display: inline-block;
    line-height: 41px;
    /*左内边距: 5px;
                 右内边距: 5px;*/
    margin-left: 30px;
    position: relative;
}
.导航_无序列表 > li > a {
    display: inline-block;
    text-decoration: none;
    line-height: 41px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    /*列表项会自适应内容的宽度*/
}
.三角形按钮 {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 6px solid #ff0000;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: relative;
    top: 3px;
}

.导航_无序列表 > li > a:hover {
    background-color: #dbdcdc;
    /*文本颜色: 颜色通道(255, 102, 0,0.5);*/
    color: Blue;
    font-size: 16px;
}
.关于软件盒子 {
    /*文本-装饰: 无效;*/
    /*显示模式: 块级元素;*/
    line-height: 41px;
    margin-right: 100px;
    float: right;
    /*浮动会把行内元素自动转换为块级元素*/
}
.关于软件盒子 a {
    display: block;
    /*设置了块级元素后设置行高才有效,行内元素没有行高.*/
    text-decoration: none;
    line-height: 41px;
    /*设置了行高文本才会垂直居中*/
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
}
.关于软件盒子 a:hover {
    /*也可以这样写 .关于软件盒子:鼠标移入 超链接*/
    background-color: #dbdcdc;
    /*文本颜色: 颜色通道(255, 102, 0,0.5);*/
    color: Blue;
    font-size: 16px;
}
.按钮外层盒子 {
    display: inline-block;
    height: 41px;
    vertical-align: middle;
}
.按钮样式 {
    /*显示模式: 内联块元素;*/
    width: 80px;
    height: 30px;
    background-color: #999999;
    color: #fff;
    text-align: center;
    border-style: none;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #bababa;
    /*垂直-对齐: 中部对齐;*/
    position: relative;
    top: 5px;
}
.按钮外层盒子 .更多菜单 {
    width: 80px;
    line-height: 30px;
    list-style-type: none;
    text-align: center;
    display: none;
    background-color: #99cc00;
    padding: 8px 0px;
    box-shadow: 0px 0px 3px #b0b0b0;
    position: absolute;
    top: 36px;
    /*子绝父相 意思是子元素用了绝对定位那么父元素就要设置相对定位*/
}
.按钮外层盒子 .更多菜单 a {
    display: block;
    font-size: 14px;
    width: 80px;
    line-height: 30px;
}
.按钮外层盒子:hover .按钮样式 {
    background-color: Red;
    color: White;
    font-size: 16px;
}
.按钮外层盒子 .按钮样式:hover {
    background-color: Red;
    color: White;
    font-size: 16px;
}
.按钮外层盒子:hover .更多菜单 {
    display: block;
}
.按钮外层盒子 .更多菜单 a:hover {
    background-color: #e6f4f4;
    color: Red;
}
.下载按钮样式 {
    /*-----把超链接改为按钮图片样式-----------*/
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 32px; /*加两个像素正好文字垂直居中,达到目的.*/
    /*上内边距: 1px;*/
    /*文本-对齐: 居中;*/
    background-color: #ff9966;
    color: Black;
    border-style: none;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #bababa;
    /*垂直-对齐: 中部对齐;*/
    font-weight: normal;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    top: -3px;
}
/*#中医下载按钮 超链接:鼠标移入,#中西医下载按钮 超链接:鼠标移入 {
    背景-颜色: 颜色值-红色;
    文本颜色: 颜色值-白色;
    字体-大小: 18px;
}*/
#中医下载按钮:hover,
#中西医下载按钮:hover {
    background-color: Red;
    color: White;
    font-size: 18px;
}
.底部边框阴影 {
    box-shadow: 0px 3px 3px #bec1c1;
}
.底部条幅大区块 {
    margin: 6px auto;
    background-color: #fcfcfc;
    height: 40px;
    width: auto; /*用 宽度: 100%;不行底部会出现横向滚动条*/
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #ff9933;
    border-bottom: 1px solid #bec1c1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 3px 3px #bec1c1;
    z-index: 6; /*数字越大层次越高*/
    position: relative; /*定位也会脱标,不在同一平面(底层),其实是到了顶层.*/
}
.备案号 a:hover {
    /*光标: 指针箭头 !important;*/ /* 使用 !important 强制应用 */
    /*显示模式: 内联块元素;
    高度: 40px;
    行高: 40px;*/
    font-weight: bold;
    font-size: 16px;
    color: #fc070b;
}
.视频盒子 {
        height: 350px;
        background-color: Black;
    }
@media (max-width: 700px) {
    .视频盒子 {
        height: 200px;
    }
} 
@media (max-width: 450px) {
    .视频盒子 {
        height: 150px;
    }
} 
.未启用按钮样式 {
    background-image: url("path_to_your_image.jpg"); /* 替换为您的图片路径 */
    background-size: cover; /* 背景图片覆盖整个按钮 */
    background-position: center; /* 图片居中显示 */
    border: none; /* 移除边框 */
    color: white; /* 文字颜色设置为白色，确保可读性 */
    padding: 10px 20px; /* 按钮内部填充 */
    text-align: center; /* 文字居中对齐 */
    text-decoration: none; /* 移除文本下划线 */
    display: inline-block; /* 使按钮具有块级特性 */
    font-size: 16px; /* 文字大小 */
    margin: 4px 2px; /* 外边距 */
    cursor: pointer; /* 鼠标光标变为指针形状 */
}