/* CSS Document */
.leftMenu { background: #eee; text-align: left; margin-bottom: 50px; border-radius: 0 0 25px 0; overflow: hidden;}
.leftMenu ul, .leftMenu ul li {list-style-type:none; margin: 0; padding: 0;}
.leftMenu ul {width: 100%;}
.leftMenu > ul ul {display: none; border-top: 1px solid #d9d9d9;}
.leftMenu ul li {position: relative; z-index: 1; line-height: 20px; border-bottom: 1px solid #d9d9d9;}
.leftMenu > ul a { font-size: 100%; font-weight: 400;}
.leftMenu > ul > li { background: #eee;}
.leftMenu > ul > li > a { font-size: 112.5%; font-weight: 400;}
.leftMenu ul li.current > ul {display: block; background-color: rgba(0, 0, 0, 0.1);}
.leftMenu ul li.current > a {font-weight: 500;}
.leftMenu ul li:last-child {border-bottom: 0;}
.menu_dot {position: absolute; top: 3px; right: 5px; z-index: 99; width: 30px; height: 30px; cursor: pointer;}
.menu_dot::before {content: ''; width: 13px; height: 12px; background: url("../../images/icon_leftmenu_01.png") no-repeat center / contain; position: absolute; top: 10px; left: 7px; filter: brightness(0) invert(0.5); z-index: 99; transition: all 0.5s ease 0s;}
/*.menu_dot::after {content: ''; width: 16px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 17px; left: 7px; z-index: 99; transition: all 0.5s ease 0s;}*/
.leftMenu .menu_dot_open::before { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); filter: brightness(0) invert(1);; transition: all 0.5s ease 0s;}
/*.leftMenu .menu_dot_open::after {top: 14px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all 0.5s ease 0s;}*/
.leftMenu > ul > li > .menu_dot { top: 8px;}
.leftMenu a:link, .leftMenu a:visited {text-decoration:none; color:#222; background-color: transparent; padding: 14px 20px 15px 15px; display: block; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.leftMenu ul li.current a:hover { background-color: #d60d1a !important; } /* 20251023 增加  */
.leftMenu a:active, .leftMenu a:hover, a.menu_arrow_open {text-decoration:none; color:#fff!important; background-color: #d70c19 !important; font-weight: 500; cursor:pointer; transition: all 0.5s ease 0s;}
.menu_arrow {position: absolute; top: 10px; left: 5px; width: 20px; height: 20px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.5s ease 0s; display: none;}
.menu_arrow::before {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 7px; left: 6px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::before, a.menu_arrow_open .menu_arrow::before, a.menu_arrow_open .menu_arrow::after {background-color: #fff; transition: all 0.5s ease 0s;}
.menu_arrow::after {content: ''; width: 7px; height: 2px; background-color: #000; border-radius: 2px; position: absolute; top: 11px; left: 6px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: all 0.5s ease 0s;}
.leftMenu a:hover .menu_arrow::after {background-color: #fff; transition: all 0.5s ease 0s;}
.leftMenu > ul > li ul li a { color: #6b6b6b!important; font-size: 94.1176% !important; padding: 9px 45px 9px 15px !important;}
.menu_arrow_open+ul { background: #fff !important;}
/*.menu_arrow_open+ul a { color: #6b6b6b!important; font-size: 94.1176% !important; padding: 9px 45px 9px 15px !important;}*/
.menu_arrow_open .menu_arrow {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s;}
.leftMenu > ul > li ul > li .menu_arrow_open { background: #fff !important;}
.leftMenu > ul > li ul > li .menu_dot_open::before { filter: unset!important;}
@media only screen and (min-width:993px){
    .leftMenuMobile {display: none!important;}
}
@media only screen and (max-width:992px){
    .leftMenu { background: transparent; margin-bottom: 20px; border-radius: 0;}
    .leftMenuMobile {width: 30px; height: 30px; margin: 40px auto 10px auto; position: relative; cursor: pointer;}
    .leftMenuMobile > span:nth-child(1) {width: 30px; height: 2px; background-color: #fff; position: absolute; top: 10px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(1) {top: 14px; transform: rotate(45deg);}
    .leftMenuMobile > span:nth-child(2) {width: 30px; height: 2px; background-color: #fff; position: absolute; top: 20px; left: 0; transition: all 0.5s ease 0s;}
    .leftMenu > div.show > span:nth-child(2) {top: 14px; transform: rotate(-45deg);}
    .leftMenuMobile::before {content: attr(data-title); width: 200px; height: 30px; line-height: 30px; position: absolute; top: -30px; left: calc(50% - 100px); text-align: center; font-size: 18px; color: #fff;}
    .leftMenu > ul {max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
    .leftMenu > ul.open {max-height: 400px; overflow: auto; transition: all 0.5s ease 0s;}
}
@media only screen and (max-width:430px){
    .menu_dot { top: 4px;}
    .leftMenu > ul > li > .menu_dot { top: 4px;}
    .leftMenu > ul > li > a { font-size: 93.458%; padding: 10px 40px 10px 10px;}
    .leftMenu > ul > li ul li a { font-size: 81.776%; padding: 10px 40px 10px 10px !important;}
    .leftMenu a:link, .leftMenu a:visited { padding: 10px 30px 10px 10px;}
}
@media only screen and (max-width:350px){
    .leftMenu { margin-bottom: 10px;}
    .leftMenuMobile { margin: 30px auto 10px auto;}
    .leftMenuMobile::before { font-size: 14px;}
}