/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

/*
--分页栏示意代码
<div style="margin-top:10px;text-align:center;" class="pagebar">
    <span class="p_pages">
        <span class="p_first_d p_fun_d">首页</span>
        <span class="p_prev_d p_fun_d">上页</span>
        <span class="p_no_d">1</span>
        <span class="p_no"><a href="#">2</a></span>
        <span class="p_dot">...</span>
        <span class="p_no"><a href="#">12</a></span>
        <span class="p_next p_fun"><a href="#">下页</a></span>
        <span class="p_last p_fun"><a href="#">尾页</a></span>
    </span>
    <span class="p_goto"><input type="text" class="p_goto_input" maxlength=20 ></span>
    <span class="p_goto"><a href="#">跳转</a></span>
</div>
 
--样式名称表
 名称    带链接样式 不带链接样式 公共样式 不带链接公共样式
 首页     p_first   p_first_d   p_fun   p_fun_d
 尾页     p_last    p_last_d    p_fun   p_fun_d
 上一页   p_prev    p_prev_d    p_fun   p_fun_d
 下一页   p_next    p_next_d    p_fun   p_fun_d
 某页     p_no      p_no_d
  
 省略号   p_dot
 页码框   p_goto_input  p_goto
 跳转     p_goto
*/
/*pagebar可改为自定义名称*/
 
/*公共样式 字体，行高，字体颜色等*/
.pagebar {
   display: flex;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 4rem;
            padding-top: 2rem;
            border-top: 1px solid #e5e7eb;}
 
/*去掉a链接的下划线*/
.pagebar a{
    text-decoration: none;}
 
/*消掉最左侧页码区margin-left的5个像素*/
.pagebar .p_pages{
    margin-left: -5px;}
 
/*按钮和页码的外观*/
.pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun a, .pagebar .p_no a{
   min-width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e7eb;
            background: white;
            color: #374151;
            font-size: 0.9rem;
            transition: all 0.3s;
            cursor: pointer;
            line-height:40px;
    display:inline-block;}
 
/*文字对齐样式*/
.pagebar .p_t{
    line-height:12px;
    margin:0px;
    padding:0px;
    display:inline-block;
    box-sizing:border-box;}
 
/*无链接的字体颜色*/
.pagebar .p_fun_d, .pagebar .p_no_d{
    color: #ccc;}
 
/*链接字体颜色*/
.pagebar .p_fun a, .pagebar .p_no a{
    color: #222;}
 
/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover,.pagebar .p_fun a:hover, .pagebar .p_goto a:hover{
   border-color: #C9A961;
            color: #C9A961;
            background: rgba(201, 169, 97, 0.05);}
 
 
/*页码省略号...的外观*/
.pagebar .p_dot {
    margin-left:4px;
    margin-right:-4px;
    color:#222;}
 
/*当前页码的外观*/
.pagebar .p_no_d {
    background: rgb(37, 91, 152);
            color: white;
            border-color: rgb(37, 91, 152);}
 
/*按钮控制*/
 
/*控制是否显示 "首页" "尾页" */
.pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
    display:none;}
 
/*控制是否显示 "上页" "下页"*/
.pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{}
 
/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{}
 
/*控制是否显示页码*/
.pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{}
 
/*跳转到页码输入框的外观*/
.pagebar .p_goto input {
    font-family: SimSun;
    font-size:12px;
 
    border: 1px solid #aaa;
    height:22px;
    line-height:20px;
    box-sizing:border-box;
    vertical-align:middle;
 
    outline-width:thin;
    outline-color:#258CFF;
     
    margin:0px 2px;
    padding:0px 1px;
 
    width:22px;
    text-align:center;}
 
/*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
.pagebar .p_goto input:hover, .pagebar .p_goto input:focus{
    border: 1px solid #258CFF;}
 
/*跳转按钮的外观*/
.pagebar .p_goto a{
    border: 1px solid #ccc;
    padding: 5px 6px;
    color: #222;
 
    margin:0px;
 
    height:24px;
    -height:auto;
     
    line-height:12px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;}