/*
注1：配合 TanULMenu.js 使用
注2：使用 UL、LI 制作下拉菜单：TanMenu01、TanMenuBar01、TanMenuLevel01、TanMenuBar02、TanMenuLevel02 要与页面文件中的名称一致
注3：使用示例如下：

<!--菜单 1-->
<div class="TanMenu01">
    <ul class="TanMenuBar01">
        <li class="TanMenuLevel01">
            <a href="#" >首页</a>
        </li>
        <li class="TanMenuLevel01">
            <a href="#" class="curA">师资队伍
            <!--显示竖线用：外层div撑大占位，内层div使用背景色显示竖线-->
            <div><div></div></div>
            </a>
            <!--下拉菜单，子菜单横向显示时，需要计算每个的宽度 -->
            <ul class="TanMenuBar02" style="width: 280px;">
                <li class="TanMenuLevel02">
                    <a href="#" >师资队伍123</a>
                </li>
                <li class="TanMenuLevel02">
                    <a href="#" >师资队伍abc</a>
                </li>
            </ul>                
        </li>
    </ul>
</div>

*/

/*---*****主菜单 定位*****---*/
.MenuDiv01 {
    width: 100%;
	min-width: 16rem;
    height: 2.28rem;
    
    background-image: url("../v2023image/topBG01.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	/*position: fixed;*/
    position: absolute;

    top: 0rem;
    left: 0rem;
}
.MenuDiv01P2 {
    width: 100%;
	min-width: 16rem;
    height: 1.67rem;
    background-image: url("../v2023image/topBG167.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	/*position: fixed;*/
    position: absolute;
    
    top: 0rem;
    left: 0rem;
}

.MenuDiv02 {
    width: 95%;
    min-width: 15.6rem;
    height: 100%;
    margin: auto;
}

/*---*****主菜单使用*****---*/
.TanMenu01 {
    height: 0.70rem;
    width: 60%;
    line-height: 0.40rem;
    position: absolute;
    top: 0.1rem;
/*	手机使用
	right: 1.1rem;*/
	right: 1rem;
}
/*所有 ul li 共用*/
.TanMenu01 ul, li {
    /*不显示前缀圆点*/
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}
/*所有 a 共用*/
.TanMenu01 a {
    text-decoration: none;
    position: relative;
    display: block;
    height: 100%;
}
/*主菜单栏*/
.TanMenu01 .TanMenuBar01 {
    display: table;
    width: 100%;
    height: 100%;
}
/* 页面不同，需要修改项 background */
.TanMenu01 .TanMenuLevel01 {
    height: 100%;
    /*主菜单项：横向，平均分配宽度*/
    display: table-cell;
}
.TanMenu01 .TanMenuLevel01:last-child {
    padding-left: 0.1rem;
}
/*主菜单项：超链接设置，菜单项左、右靠边*/
.TanMenu01 .TanMenuLevel01>a {
    float: right;
    font-weight: lighter;
    font-size: 0.24rem;
    color: #fff;
}
/*第1个li中的a左浮动，其余右浮动*/
.TanMenu01 .TanMenuLevel01:first-child>a {
/*    float: left;*/
}
/*主菜单项：当前项超链接设置*/
.TanMenu01 .TanMenuLevel01>a.curA {
/*    text-shadow: 0.03rem 0.03rem 0.04rem;*/
    text-shadow: 0.0rem 0.0rem 0.06rem #fff;
    
/*
    border-bottom: 2px solid #15B0B8;
    padding-bottom: 3px;
*/

/*    font-weight: bold;*/
}
/*主菜单项：鼠标指向样式*/
.TanMenu01 .TanMenuLevel01>a:hover {
/*background: #ca1d3e;
    color: red;
    border-bottom: none;*/

/*
    border-bottom: 2px solid #d5e3f0;
    padding-bottom: 3px;
*/

    
    /*font-weight: bold;*/
    
    /*font-size: larger;*/
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01>a::before {
    position: absolute;
    bottom: 0.25rem;
    width: 0;
    height: 0.02rem;
    /*    background: #0F0F0F;*/
    background-color: #F9F8F6;
    content: "";
    transition: width 0.5s;
    left: 50%;
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01>a::after {
    position: absolute;
    bottom: 0.25rem;
    width: 0;
    height: 0.02rem;
    /*    background: #0F0F0F;*/
    background-color: #F9F8F6;
    content: "";
    transition: width 0.5s;
    right: 50%;
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01>a:hover::before {
    width: 50%
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01>a:hover::after {
    width: 50%
}
/*最后1个不显示下划线
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:nth-last-child(1)>a:hover::before {
    width: 0%
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:nth-last-child(1)>a:hover::after {
    width: 0%
}*/
/*第1个不显示下划线
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:first-child>a:hover::before {
    width: 0%
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:first-child>a:hover::after {
    width: 0%
}
*/
/*---*****下拉菜单使用*****---*/

/*下拉菜单栏*/
.TanMenu01 .TanMenuBar02 {
    display: none;
    position: absolute;
    /*菜单栏位置*/
    top: 0.60rem;
    
    
    /*子菜单横向：菜单栏，左右留 100，上留 50，下由 li 指定
    padding: 0.35rem 1.00rem 0rem;
    background-color: white;
    background: url(../image2022/bgmenu02.png);
    background-size: 100% 100%;*/
}
/* 子菜单项样式 */
.TanMenu01 .TanMenuLevel02 {
    /*子菜单横向
    float: left;
    width: auto;
    min-width: 1.10rem;
    height: 0.30rem;
    line-height: 0.30rem;
    margin: 0rem 0.50rem 0.25rem 0rem;*/
    
    /*子菜单纵向*/
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #C48862;
}
.TanMenu01 .TanMenuLevel02:hover {
     /*子菜单纵向*/
    background-color: #E5904B;
}


/*第1个*/
.TanMenu01 .TanMenuBar02 .TanMenuLevel02:first-child {
    /*子菜单横向
    padding-left: 0rem;
    
    */
}
/*最后一个*/
.TanMenu01 .TanMenuBar02 .TanMenuLevel02:last-child {
    /*子菜单横向
    margin-right: 0rem;

    单行最后1个
    min-width: 0rem;
    padding-right: 0rem;*/
}
/*odd:奇数，even:偶数 ，li:nth-of-type(odd)*/
/*第xn+i个，x表示1行共几个，i表示1行中第几个（i从1开始，不加表示1行最后1个）*/
.TanMenu01 .TanMenuBar02 .TanMenuLevel02:nth-child(2n+1) {
    /*子菜单横向
    clear: both;*/
}

.TanMenu01 .TanMenuBar02 .TanMenuLevel02:nth-child(3n+2) {
    /*子菜单横向
    width: auto;*/
}

.TanMenu01 .TanMenuBar02 .TanMenuLevel02:nth-child(2n) {
    /*子菜单横向
    min-width: 0rem;
    margin-right: 0rem;*/
}


/* 子菜单项中 a 样式 */
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a {
    /*子菜单横向
    float: left;*/
    
    color: #fefefe;
    font-size: 0.16rem;
    transition: 0.5s;
}
/* 子菜单项中 a 鼠标指向样式 */
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a:hover {
    color: #004fa1;
    font-weight: bold;
}
/* 子菜单横向：指向 下划线
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #333;
    content: "";
    transition: width 0.0s
}
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a:after {
    position: absolute;
    right: 50%;
    bottom: 0px;
    width: 0;
    height: 2px;
    background: #333;
    content: "";
    transition: width 0.0s
}
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a:hover::before {
    width: 50%
}
.TanMenu01 .TanMenuBar02 .TanMenuLevel02>a:hover::after {
    width: 50%
}
*/

/* 其它 链接 批向 下划线
.p1BT01:before {
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 0%;
    height: 2px;
    background: #474747;
    content: "";
    transition: width 0.5s;
}
.p1BT01:after {
    position: absolute;
    right: 50%;
    bottom: -40px;
    width: 0%;
    height: 2px;
    background: #474747;
    content: "";
    transition: width 0.5s;
}
.p1BT01:hover::before {
    width: 50%
}
.p1BT01:hover::after {
    width: 50%
}
*/


/*——————菜单栏其它元素——————*/
.mLogo02 {
    margin-top: 0.02rem;
    margin-left: -0.02rem;
    width: 0.52rem;
}