/*
娉?锛氶厤鍚 TanULMenu.js 浣跨敤
娉?锛氫娇鐢 UL銆丩I 鍒朵綔涓嬫媺鑿滃崟锛歍anMenu01銆乀anMenuBar01銆乀anMenuLevel01銆乀anMenuBar02銆乀anMenuLevel02 瑕佷笌椤甸潰鏂囦欢涓殑鍚嶇О涓€鑷
娉?锛氫娇鐢ㄧず渚嬪涓嬶細

<!--鑿滃崟 1-->
<div class="TanMenu01">
    <ul class="TanMenuBar01">
        <li class="TanMenuLevel01">
            <a href="#" >棣栭〉</a>
        </li>
        <li class="TanMenuLevel01">
            <a href="#" class="curA">甯堣祫闃熶紞
            <!--鏄剧ず绔栫嚎鐢細澶栧眰div鎾戝ぇ鍗犱綅锛屽唴灞俤iv浣跨敤鑳屾櫙鑹叉樉绀虹珫绾?->
            <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;
}
/*绗?涓猯i涓殑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%
}
/*鏈€鍚?涓笉鏄剧ず涓嬪垝绾
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:nth-last-child(1)>a:hover::before {
    width: 0%
}
.TanMenu01 .TanMenuBar01 .TanMenuLevel01:nth-last-child(1)>a:hover::after {
    width: 0%
}*/
/*绗?涓笉鏄剧ず涓嬪垝绾
.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;
}


/*绗?涓?/
.TanMenu01 .TanMenuBar02 .TanMenuLevel02:first-child {
    /*瀛愯彍鍗曟í鍚
    padding-left: 0rem;
    
    */
}
/*鏈€鍚庝竴涓?/
.TanMenu01 .TanMenuBar02 .TanMenuLevel02:last-child {
    /*瀛愯彍鍗曟í鍚
    margin-right: 0rem;

    鍗曡鏈€鍚?涓
    min-width: 0rem;
    padding-right: 0rem;*/
}
/*odd:濂囨暟锛宔ven:鍋舵暟 锛宭i:nth-of-type(odd)*/
/*绗瑇n+i涓紝x琛ㄧず1琛屽叡鍑犱釜锛宨琛ㄧず1琛屼腑绗嚑涓紙i浠?寮€濮嬶紝涓嶅姞琛ㄧず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;
}