/*
娉?锛氶厤鍚 TanULMenu.js 浣跨敤
娉?锛氫娇鐢 UL銆丩I 鍒朵綔涓嬫媺鑿滃崟锛氳彍鍗曞畾浣峝iv 鐨勫悕绉 TanMenu01Div 瑕佷笌椤甸潰鏂囦欢涓殑鍚嶇О涓€鑷
娉?锛氫娇鐢ㄧず渚嬪涓嬶細

<!--鑿滃崟 1-->
<div class="TanMenu01Div">
    <ul>
        <li>
            <a href="#">棣栭〉</a>
        </li>
        <li>
            <!--褰撳墠鑿滃崟椤?->
            <a href="#" class="curA">甯堣祫闃熶紞</a>
            <!--涓嬫媺鑿滃崟 -->
            <ul>
                <li>
                    <a href="#">甯堣祫闃熶紞123</a>
                </li>
                <li>
                    <a href="#">甯堣祫闃熶紞abc</a>
                </li>
            </ul>                
        </li>
    </ul>
</div>

*/


/*涓嶅湪 澶у睆 涓婃樉绀猴細鎵嬫満 涓婇渶瑕佹樉绀?/
.pcHide {
    display: none !important;
}

/*************涓昏彍鍗曚娇鐢?************/

/*鑿滃崟閫氭爮搴曡壊*/
.dlMainMenuBar {
    /*璁剧疆閫氭爮楂樺害锛屽惁鍒欒儗鏅壊鏃犳晥
    height: 0.8rem;*/
    
    position: absolute;
    top: 0.5rem;
    
}
/*鑿滃崟瀹氫綅div*/
.TanMenu01Div {
    /*position: absolute;*/
    width: 100%;
    /*琛岄珮涓庨€氭爮楂樺害鐩稿悓锛屽垯鏂囧瓧鑷姩涓婁笅灞呬腑*/
    line-height: 0.8rem;
}

/*涓昏彍鍗曟爮鍙樉绀哄埌浜岀骇瀛愯彍鍗曟爮锛氫笁绾у瓙鑿滃崟鏍忥紙绗?涓猽l锛夐珮搴︿负 0锛屼笉鏄剧ず*/
.TanMenu01Div>ul>li>ul>li>ul {
    height: 0;
    width: 0;
    overflow: hidden;
}
/*鎵嬫満鑿滃崟鎸夐挳涓嶆樉绀?/
.menuPhoneArray {
    display: none;
}


/*鎵€鏈 ul li 鍏辩敤*/
.TanMenu01Div ul, li {
    /*杞崲鏂囨湰锛氭瘡涓崟璇嶄互澶у啓瀛楁瘝寮€澶?/
    text-transform: capitalize;
    /*涓嶆樉绀哄墠缂€鍦嗙偣*/
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/*鎵€鏈 a 鍏辩敤*/
.TanMenu01Div a {
    text-decoration: none;
    position: relative;
    /*璁剧疆涓 block 鏃讹紝a 鐨勫搴︿笌 li 鐨勫搴︾浉鍚岋紱inline-block 鏃 a 鑷姩瀹藉害
    display: block;*/
    display: inline-block;
    height: 100%;
    color: #EFEFEF;
    font-family: SourceHanSansSC-Regular;
    font-size: 0.24rem;
}


/*涓昏彍鍗曟爮*/
.TanMenu01Div>ul {
    /*姝ゆ柟寮忥紝姣忎釜 li 涓€鏍峰锛岃彍鍗曢」鏂囧瓧涓嶅悓鏃讹紝鏁堟灉涓嶅ソ
    display: flex;
    flex-direction: row;
    justify-content: space-between;*/
    
    /*姝ゆ柟寮忥紝鑿滃崟椤规枃瀛椾笉鍚屾椂锛屽搴︿笉鍚
    娉?锛歶l 浣跨敤 display: table 鏃讹紝li 浣跨敤 display: table-cell 锛屽垯 li 鏍规嵁鏂囧瓧澶氬皯鑷姩鍒嗛厤瀹藉害锛屽潎鍖€鍒嗗竷鍏呮弧鏁磋銆 
    娉?锛歶l 浣跨敤 display: block 鏃讹紝鍏ㄩ儴 li 闈犲乏鎸ㄧ潃鏄剧ず銆俵i 浣跨敤 display: block 鏃 li 绾靛悜鎺掑垪銆?/
    display: table;
    width: 100%;
    height: 100%;

    /*background-color: var(--jwcBlue);*/
}
/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細椤甸潰涓嶅悓锛屽彲鑳介渶瑕佷慨鏀归」 background */
.TanMenu01Div>ul>li {
    height: 100%;
    /*鐩存帴鎸囧畾姣忎釜鑿滃崟椤圭殑瀹藉害
    width: 10%;*/
    /*涓昏彍鍗曢」锛氭í鍚戯紝鏍规嵁鏂囧瓧澶氬皯鑷姩鍒嗛厤瀹藉害*/
    display: table-cell;
    text-align: center;
    
    /*background-color: yellow*/
}

/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細鏄剧ず绔栫嚎 
.TanMenu01Div>ul>li::after {
    content: '';
    height: 0.2rem;
    width: 0.02rem;
    background-color: white;
    float: right;
    top: 0.5rem;
    margin-top: 0.32rem;
}
.TanMenu01Div>ul>li:last-child::after {
    width: 0;
}*/

/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細绗?椤广€佹渶鍚?椤癸紝鐗瑰畾璁剧疆 */
.TanMenu01Div>ul>li:first-child {
    /*text-align: left;
    background-color: #ccc;*/
}
.TanMenu01Div>ul>li:last-child {
    /*text-align: right;
    background-color: #ccc;*/
}
/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細閾鹃摼鎺 鐗瑰畾璁剧疆*/
.TanMenu01Div>ul>li>a{
    /*font-size: 0.12rem;
    color: #fff;*/
}
/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細绗?涓摼閾炬帴 鐗瑰畾璁剧疆*/
.TanMenu01Div>ul>li:first-child>a {
    /*color: red;*/
}
/* 涓昏彍鍗曟爮锛屼富鑿滃崟椤癸細褰撳墠椤硅秴閾炬帴璁剧疆*/
.TanMenu01Div>ul>li>a.curA {
    /*text-shadow: 0.03rem 0.03rem 0.04rem;*/
    text-shadow: 0.0rem 0.0rem 0.06rem #fff;
}
/*涓昏彍鍗曢」锛氶紶鏍囨寚鍚戞牱寮?/
.TanMenu01Div>ul>li>a:hover {
    /*background: red;
    color: blue;*/
}
.TanMenu01Div>ul>li>a::before, .TanMenu01Div>ul>li>a::after {
    position: absolute;
    top: 0.6rem;
    width: 0%;
    height: 0.02rem;
    
    background-color: #9DAACF;
    content: "";
    transition: width 0.5s;
}
.TanMenu01Div>ul>li>a::before {
    left: 50%;
}
.TanMenu01Div>ul>li>a::after {
    right: 50%;
}
.TanMenu01Div>ul>li>a:hover::before, .TanMenu01Div>ul>li>a:hover::after {
    width: 50%;
}
/* 涓昏彍鍗曢」锛氶紶鏍囨寚鍚戞牱寮忥紝鏈€鍚?涓笉鏄剧ず涓嬪垝绾?/
.TanMenu01Div>ul>li:last-child>a:hover::before, .TanMenu01Div>ul>li:last-child>a:hover::after {
    width: 0%;
}


/******涓嬫媺鑿滃崟浣跨敤******/

/*涓嬫媺鑿滃崟鏍?/
.TanMenu01Div>ul>li>ul {
    /*background-color: var(--jwcBlue);
    background-color: red;*/

    /*3寮犲浘鐗囨嫾鎺ヨ儗鏅細宸﹁竟鐨勫浘鐗囧湪 涓婃柟锛屽彸杈圭殑鍥剧墖鍦 涓嬫柟*/
    background-image: url("../v2023image/dlMenuBG01b.png"),url("../v2023image/dlMenuBG01a.png"),url("../v2023image/dlMenuBG01c.png");
    background-repeat: no-repeat;
    /*鍥剧墖 妯悜銆佺旱鍚 鐨勪綅缃?/
    background-position: right top, left top, 0rem 0.3rem;
    /*鍥剧墖 瀹姐€侀珮 澶у皬*/
    background-size: 0.2rem 0.3rem, 100% 0.3rem, 100% 100%;


    
    /*鍦嗚
    border-radius: 0 0 0.2rem 0.2rem;
    opacity: 0.9;*/

    /*涓嬫媺鑿滃崟鏍 涓轰簡灞呬腑锛屼笅鎷夊姩浣滅敱 js 瀹屾垚*/
    display: none;

    /*瀛愯彍鍗曠旱鍚?/
    /*涓嬫媺 ul 浣跨敤 relative 鏃讹紝瀹藉害涓庝富鑿滃崟椤圭浉鍚岋紝鏄剧ず銆侀殣钘忓垏鎹㈡椂锛屼細褰卞搷涓昏彍鍗曢」鐨勫搴
    position: relative;*/
    position: absolute;
    /*榛樿浣嶇疆 鍦ㄤ富鑿滃崟椤逛笅鏂癸紝涔熷彲浠ヤ娇鐢ㄥ涓嬩唬鐮佹寚瀹氫綅缃
    top: 0.7rem;*/
    
    /*瀛愯彍鍗曟í鍚戯細鑿滃崟鏍忥紝宸﹀彸鐣 100锛屼笂鐣 50锛屼笅鐢 li 鎸囧畾
    padding: 0.35rem 1.00rem 0rem;
    background-color: white;
    background: url(../image2022/bgmenu02.png);
    background-size: 100% 100%;*/
}

/* 瀛愯彍鍗曢」 鏍峰紡 */
.TanMenu01Div>ul>li>ul>li {
    /*瀛愯彍鍗曠旱鍚?/
    line-height: 0.5rem;
    text-align: center;
    padding: 0rem 0.4rem;
    background-color: transparent;
    transition: 0.5s;


    /*瀛愯彍鍗曟í鍚
    float: left;
    width: auto;
    min-width: 1.10rem;
    height: 0.30rem;
    line-height: 0.30rem;
    margin: 0rem 0.50rem 0.25rem 0rem;*/
}

.TanMenu01Div>ul>li>ul>li:hover {
    background-color: #E4E4E4;
}

/*鏈€鍚?涓 涓昏彍鍗曢」 涓殑 涓嬫媺瀛愯彍鍗曟爮 涓殑鎵€鏈 瀛愯彍鍗曢」锛
鏈€鍚?涓笅鎷夊瓙鑿滃崟锛岄粯璁ゆ樉绀烘椂涓嶈兘瓒呰繃涓昏彍鍗曟爮鏈€鍙宠竟杈圭晫锛
宸﹀彸鐣欑┖鐧藉お澶氬瓙鑿滃崟椤逛細鎹㈣銆
*/
.TanMenu01Div>ul>li:last-child>ul>li {
    padding: 0rem 0.2rem;
}
.TanMenu01Div>ul>li:first-child>ul>li {
    padding: 0rem 0.25rem;
}

/*鎵€鏈 涓嬫媺瀛愯彍鍗曟爮 涓殑 绗?涓 瀛愯彍鍗曢」*/
.TanMenu01Div>ul>li>ul>li:first-child {
    /*瀛愯彍鍗曟í鍚
    padding-left: 0rem;
    margin-top: 0rem;
    background-color: red;*/
    
    margin-top: 0.3rem;
}
/*鎵€鏈 涓嬫媺瀛愯彍鍗曟爮 涓殑 鏈€鍚?涓 瀛愯彍鍗曢」*/
.TanMenu01Div>ul>li>ul>li:last-child {
    /*瀛愯彍鍗曟í鍚
    margin-right: 0rem;

    鍗曡鏈€鍚?涓
    min-width: 0rem;
    padding-right: 0rem;*/
    
    margin-bottom: 0.1rem;
}
/*鎵€鏈 涓嬫媺瀛愯彍鍗曟爮 涓殑 瀛愯彍鍗曢」
odd:濂囨暟锛宔ven:鍋舵暟 锛宭i:nth-of-type(odd)
绗瑇n+i涓紝x琛ㄧず1琛屽叡鍑犱釜锛宨琛ㄧず1琛屼腑绗嚑涓紙i浠?寮€濮嬶紝涓嶅姞琛ㄧず1琛屾渶鍚?涓級*/
.TanMenu01Div>ul>li>ul>li:nth-child(2n+1) {
    /*瀛愯彍鍗曟í鍚
    clear: both;*/
}
.TanMenu01Div>ul>li>ul>li:nth-child(3n+2) {
    /*瀛愯彍鍗曟í鍚
    width: auto;*/
}
.TanMenu01Div>ul>li>ul>li:nth-child(2n) {
    /*瀛愯彍鍗曟í鍚
    min-width: 0rem;
    margin-right: 0rem;*/
}


/* 瀛愯彍鍗曢」涓 a 鏍峰紡 */
.TanMenu01Div>ul>li>ul>li>a {
    /*瀛愯彍鍗曟í鍚
    float: left;*/
    
    color: #4A4A4A;
    font-size: 0.20rem;
    transition: 0.5s;
}
/* 瀛愯彍鍗曢」涓 a 榧犳爣鎸囧悜鏍峰紡 */
.TanMenu01Div>ul>li>ul>li>a:hover {
    /*color: #004fa1;
    font-weight: bold;*/
}
/* 瀛愯彍鍗曟í鍚戯細鎸囧悜 涓嬪垝绾
.TanMenu01Div>ul>li>ul>li>a:before, .TanMenu01Div>ul>li>ul>li>a:after {
    position: absolute;
    bottom: 0.06rem;
    width: 0;
    height: 2px;
    background: #9DAACF;
    content: "";
    transition: width 0.7s
}
.TanMenu01Div>ul>li>ul>li>a:before {
    left: 50%;
}
.TanMenu01Div>ul>li>ul>li>a:after {
    right: 50%;
}
.TanMenu01Div>ul>li>ul>li>a:hover::before, .TanMenu01Div>ul>li>ul>li>a:hover::after {
    width: 50%
}*/




/*鈥斺€斺€斺€斺€斺€斾簩绾ч〉闈紝宸︿晶鑿滃崟鈥斺€斺€斺€斺€斺€?/

/*鎵€鏈 UL 璁剧疆*/
.TanLeftMenuUl01,  .TanLeftMenuUl01 UL {
    /*杞崲鏂囨湰锛氭瘡涓崟璇嶄互澶у啓瀛楁瘝寮€澶?/
    text-transform: capitalize;
    /*涓嶆樉绀哄墠缂€鍦嗙偣*/
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.TanLeftMenuUl01>li {
    border-bottom: 1px solid white;
}

/*浜岀骇銆佷笁绾с€佸洓绾с€佷簲绾у瓙鑿滃崟 a 璁剧疆*/
.TanLeftMenuUl01 a{
    line-height: 0.7rem;
    padding-left: 0.2rem;
    font-size: 0.20rem;
    color: #5B5B5B;
    transition: 0.5s;
    display: block;
    /*娣诲姞涓嬪垪璁剧疆鍚庯紝鍒氬ソ鍒版渶鍙宠竟銆佺澶磋ˉ鎸や笅鍘绘椂锛屼細绌鸿锛氬惁鍒欎細涓庝笅涓€涓噸鍙?/
    overflow: hidden;
}
.TanLeftMenuUl01 ul a{
    line-height: 0.5rem;
    padding-left: 0.4rem;
    font-size: 0.18rem;
}
.TanLeftMenuUl01 ul ul a{
    line-height: 0.5rem;
    padding-left: 0.6rem;
    font-size: 0.18rem;
    
}
.TanLeftMenuUl01 ul ul ul a{
    line-height: 0.5rem;
    padding-left: 0.8rem;
    font-size: 0.18rem;
    
}


/*鍙充晶鍥炬爣*/
.TanLeftMenuUl01 a::after{
    font-family: bootstrap-icons !important;
    content: "\f285";
    float: right;
    margin-right: 0.2rem;
}
.TanLeftMenuUl01 a:hover::after{
    content: "\f280";
}

/*榧犳爣鎸囧悜 鍚勭骇 a */
.TanLeftMenuUl01 a:hover{
    text-shadow: 0.0rem 0.0rem 0.01rem;
    background-color: #DCDCDC;
    /*color: var(--jwcBlue) !important;*/
}

/*褰撳墠鏍忕洰*/
.TanLeftMenuUl01 .curA {
    /*background-color: var(--jwcBlue);*/
    color: #333 !important;
    text-shadow: 0.0rem 0.0rem 0.0rem;
}
.TanLeftMenuUl01 .curA::after{
    transform:  rotate(90deg);
}