/*默认样式*/
.rootMr{/*默认*/
    --nl-A-rgb: 0, 196, 131;                              /*主色RGB三色值*/
    --nl-Ahover-col: #00A66F;                           /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgXianDai.png");       /*概况背景图*/
    --nl-yqBorder-rgb: 17, 255, 176;                      /*底部友情链接外框*/
}
.rootXd {/*现代*/
    --nl-A-rgb: 62, 103, 154;                             /*主色RGB三色值*/
    --nl-Ahover-col: #2A568D;                           /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgfirst.png");         /*概况背景图*/
    --nl-yqBorder-rgb: 122, 179, 255;                     /*底部友情链接外框*/
}
.rootXxgc {/*信息工程系*/
    --nl-A-rgb: 31, 59, 177;                              /*主色RGB三色值*/
    --nl-Ahover-col: #1D359C;                           /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgfirst.png");         /*概况背景图*/
    --nl-yqBorder-rgb: 108, 137, 254;                     /*底部友情链接外框*/
}
.rootJyys {/*艺术基础教育与文化艺术系*/
    --nl-A-rgb: 156, 105, 255;                            /*主色RGB三色值*/
    --nl-Ahover-col: #8149EE;                           /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgfirst.png");         /*概况背景图*/
    --nl-yqBorder-rgb: 219, 122, 255;                     /*底部友情链接外框*/
}
.rootJz {/*健康*/
    --nl-A-rgb: 67,179,189;                           /*主色RGB三色值*/
    --nl-Ahover-col: #28969F;                         /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");     /*概况背景图*/    
    --nl-yqBorder-rgb: 39,213,229;                    /*底部友情链接外框*/
}
.rootNl {/*农林*/
    --nl-A-rgb: 71, 135, 102;                           /*主色RGB三色值*/
    --nl-Ahover-col: #357C55;                         /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");     /*概况背景图*/
    --nl-yqBorder-rgb: 94, 197, 144;                    /*底部友情链接外框*/
}
.rootJsgc {/*乡村建设与水利工程系*/
    --nl-A-rgb: 27, 169, 255;                           /*主色RGB三色值*/
    --nl-Ahover-col: #0385D5;                         /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");     /*概况背景图*/
    --nl-yqBorder-rgb: 40, 215, 255;                    /*底部友情链接外框*/
}
.rootXmsy {/*畜牧兽医*/
    --nl-A-rgb: 120, 84, 71;                            /*主色RGB三色值*/
    --nl-Ahover-col: #5E392C;                         /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");     /*概况背景图*/
    --nl-yqBorder-rgb: 190, 112, 84;                    /*底部友情链接外框*/
}
.rootGjjgXy {/*赤峰农牧高级技工学校*/
    --nl-A-rgb: 84, 176, 154;                            /*主色RGB三色值*/
    --nl-Ahover-col: #478878;                          /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");      /*概况背景图*/
    --nl-yqBorder-rgb: 80, 205, 175;                     /*底部友情链接外框*/
}
.rootZsjy {/*招生就业*/
    --nl-A-rgb: 113,144,186;                            /*主色RGB三色值*/
    --nl-Ahover-col: #5A81B5;                          /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");      /*概况背景图*/
    --nl-yqBorder-rgb: 149,187,237;                     /*底部友情链接外框*/
}
.rootZsjy-bf {/*招生就业-备份*/
    --nl-A-rgb: 196,152,129;                            /*主色RGB三色值*/
    --nl-Ahover-col: #996D56;                          /*一级菜单*//*选中/滑入时*/
    --nl-Gkbg-img: url("/images/picBgNongLin.png");      /*概况背景图*/
    --nl-yqBorder-rgb: 245,162,119;                     /*底部友情链接外框*/
} 

.rootMr,.rootXd,.rootXxgc,.rootJyys,.rootJz,.rootNl,.rootJsgc,.rootXmsy,.rootGjjgXy,.rootZsjy{
    --nl-A-col: rgba(var(--nl-A-rgb), 1);            /* 定义主色 */
    --nl-A-rgb-col: rgba(var(--nl-A-rgb), 0.95);     /*左右按钮-背景颜色 *现代版再用**/
    /*二级菜单样式/文章鼠标滑过效果*/
    --nl-Aspan-col: #BBBBBB;
    --nl-Atitlehover-col: var(--nl-Ahover-col);      /*文章标题鼠标滑过*/
    --nl-Abghover-col: rgba(var(--nl-A-rgb), 0.15);  /*小标题-鼠标滑入背景色*/ /*系部简介背景色*/
    --nl-Aspanhover-col: rgba(var(--nl-A-rgb), 0.6); /*小标题-鼠标滑入文本色*/
    /*其他*/
    --nl-picBgHead-col: rgba(var(--nl-A-rgb), 0.8);  /*头部图片背景颜色*/
    --nl-Gkbg-col: rgba(var(--nl-A-rgb), 0.3);       /*概况背景色*/
    /*分页*/
    --nl-pagBorder-col: rgba(var(--nl-A-rgb), 1);
     /*热点滚动图标题背景色 农林版再用*/
    --nl-HotNews-col: rgba(var(--nl-A-rgb), 0.8);
    /*底部友情链接外框*/
    --nl-yqBorder-col: rgba(var(--nl-yqBorder-rgb), 0.7);
    --nl-yqBorderHover-col: rgba(var(--nl-yqBorder-rgb), 1);
    --nl-yqBorderActive-col: rgba(var(--nl-yqBorder-rgb), 0.2);
}



/*首页-页头导航页尾-控制颜色 if*/
.webStyle {
  
  /*链接动画下划线颜色*/
  .el-link::after, ._alink a::after{background-color: var(--nl-A-col);}
  /*学校概况背景颜色*/
  .picBgFirst .bgPic {background-image: linear-gradient(to bottom, var(--nl-Gkbg-col) 100%, var(--nl-Gkbg-col) 100%), var(--nl-Gkbg-img); }

  .el-menu--horizontal > .el-menu-item:focus, .el-menu--horizontal > .el-menu-item:hover {
    background-color: var(--nl-Ahover-col) !important;
    color: #FFFFFF !important;
  }
  /*无下拉 focus当元素获得焦点时,hover滑入状态*/
  .el-menu--horizontal > .el-menu-item.is-active,.el-menu--horizontal > .el-menu-item.navActive {
    color: #FFFFFF !important;
    background-color: var(--nl-Ahover-col) !important;
  }
  /*总导航 鼠标悬停颜色*/
  .el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
    background-color: var(--nl-Ahover-col);
    border-bottom: 0;
  }
  .el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
    color: #FFFFFF;
    border-bottom: 0;
    background-color: var(--nl-Ahover-col);
  }
  /*总导航 选中颜色*/
  .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
    color: var(--nl-A-col);
    background-color: #D2F1E5;
  }
  /*总导航和more导航选中状态*/
  .el-menu--horizontal .router-link-active router-link-exact-active { color: #FFFFFF; border-bottom: 0; background-color: var(--nl-Ahover-col);}
  .wm-footer {background-color: var(--nl-A-col);  height: auto;}
  /*pc导航*/
  .navBox,.logoMobile .navBox{background-color: var(--nl-A-col);}
  .el-menu--horizontal > .el-menu-item.is-active{background-color: var(--nl-Ahover-col);}
  .el-menu--horizontal > .el-menu-item:hover{background-color: var(--nl-Ahover-col);}

  /*移动导航*//*二级*//*有二级*//*无二级*/
  .mobileMenu{
    .el-main .menMoreC p:hover,.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover {
      background-color:  var(--nl-Abghover-col) !important;
      a,&{color: var(--nl-A-col) !important;}
    }
    .el-main .menMoreC p span { font-size: 12px; color: var(--nl-Aspan-col); display: block; }/*三级 小标题样式*/
    .el-menu-item.is-active { color: var(--nl-A-col); }
  }

  
/*页面模块样式*/
    .tyTitle{
        text-align: center;
        b,span,i{display: block; padding: 0; margin: 0 auto;}
        b{font-size: 32px;}
        span{font-size: 16px; margin-bottom: 20px;}
        i{width: 60px; margin: 0 auto; height: 6px; background-color: var(--nl-A-col);}
        &.baiSe{
            b,span{color: #FFFFFF;}
            i{background-color: #FFFFFF;}
        }
    }
    .lrTitle{/*查看更多 色块按钮*/
        margin-bottom: 30px;
        i,b,p,a{display: block !important; padding: 0; margin: 0;}
        a{float: right; width: 148px; line-height: 48px; background-color: var(--nl-A-col); border: 0; text-align: center; color: #FFFFFF; border-radius: 10px;}
        i{background-color: var(--nl-A-col); width: 6px; height: 66px; margin-right: 10px; float: left;}
        b{color: #333333; font-size: 32px; font-weight: bold;}
        p{color: #333333; height: 20px;}
        &.white{
            a{background-color: #FFFFFF; color: var(--nl-A-col);}
            b,span{color: #FFFFFF;}
        }
    }
    .lrTitle.butBgKong{/*查看更多 线框按钮*/
        a{background-color: initial; border: 1px var(--nl-A-col) solid; color: var(--nl-A-col);}
        a:hover{background: var(--nl-A-col) !important; color: #FFFFFF !important;}
    }
    .lrTitle.AbgFFF a:hover{
        background: #FFFFFF !important; color: var(--nl-A-col) !important;
    }

    .butLookMore {
        width: 148px; line-height: 48px; border: 1px var(--nl-A-col) solid; text-align: center; color: var(--nl-A-col); border-radius: 10px;
        a{display: block; width: 100%; height: 100%;}
    }
    .butLookMore:hover{background-color: var(--nl-A-col); color: #FFFFFF;}
    .butLookMore.moreFFF {border: 1px #FFFFFF solid; color: #FFFFFF;}
    .butLookMore:hover.moreFFF{background-color: #FFFFFF; color: var(--nl-A-col);}

/*农林版样式模块样式*/
    /*新闻热点图片统一样式*/
    .styleInfo h4 {
        position: absolute;bottom: -22px;background-color: var(--nl-HotNews-col);width: 100%;color: #FFFFFF;text-align: center;font-size: 16px; height: 40px; line-height: 40px;
    }

/*现代版样式模块样式*/
    /*新闻中心-热点图 样式*/
    .xDaiStyle.styleInfo .sLBoxH, .xDaiStyle.styleInfo .el-carousel__item,.xDaiStyle .carousel-container {height: 496px;}
    .xDaiStyle.styleInfo h4 {
        position: absolute; bottom: -24px;background-color: var(--nl-A-rgb-col); width: 100%; color: #FFFFFF;
        text-align: left; height: 126px; line-height: 40px;
        a{padding: 10px 30px;}
        b{font-size: 18px !important; margin-bottom: 10px;}
        p{margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: 500;}
    }
    /*党群活动-热点图 样式*/
    .xDaiStyleDt.styleInfo .sLBoxH, .xDaiStyleDt.styleInfo .el-carousel__item,.xDaiStyleDt .carousel-container {height: 496px;}
    .xDaiStyleDt.styleInfo{
        h4 {
            position: absolute; bottom: -21px;background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #FFFFFF;
            text-align: left; height: 60px; line-height: 60px;
            a{padding: 0 80px;}
        }
        .el-carousel{border-radius: 0 80px 0 0;}
        .carousel-arrow {
            position: absolute; top: 100%; margin-top: -30px; width: 60px; height: 60px;background-color: var(--nl-A-rgb-col);
            color: white;border-radius: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background-color 0.3s;
        }
        .carousel-arrow:hover {background-color: rgba(0, 0, 0, 0.5);}
        .carousel-arrow.prev {left: -60px;}
        .carousel-arrow.next {left: 0;}
    }

  /* .footer {background: linear-gradient(to bottom, rgba(0, 196, 131, 0.95) 0%, rgba(0, 196, 131, 0.95) 100%), url("/images/picBgfirst.png");} */
  .footer {
        background: linear-gradient(to bottom, var(--nl-A-rgb-col) 0%, var(--nl-A-rgb-col) 100%), url("/images/picBgfirst.png");
    }
}
/*首页-页头导航页尾-控制颜色 end*/