/* 
 * @Description: about侧边栏
 * @fileName: aside
 * @Author: FengYong
 * @Date: 2020-05-11 09:26:22
*/
.left_menu {
    /* width: 280px; */
    float: left;
    padding: 0;
    height: 100%;
    background:#f3f4f6 url(../images/asideBg.png) no-repeat bottom right;
    background-size: 245px 253px;
}

.about_menu {
    position: relative;

}

.left_menu_bg {
    position: absolute;
    right: 0;
    bottom: 0;
}

.about_menu_ul {
    padding-right:10%;
}

.about_menu_li {
    position: relative;
    /* padding: 25px 10px; */
    position: relative;
}
.about_menu_li:hover div span,.about_menu_li:hover a span{
    color: #cf2430;
    font-weight: bold;
}
.about_menu_li.on div span,.about_menu_li.on a span {
    font-weight: bold;
    color: #cf2430;
}

.about_menu_li >div,.about_menu_li >a {
    position: relative;
    display: block;
    margin-left:10%;
    cursor: pointer;
    
    border-bottom: 1px solid #e0e0e0;

}

.about_menu_li div span,.about_menu_li a span {
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    padding:25px 0;
    display:block;
    width:85%;
    box-sizing: border-box;
}

.about_menu_li .arrow_right {
    position: absolute;
    top: 38px;
    left: 0px;
    transform: translateY(-50%);
    display: none;
    vertical-align: middle;
}

.about_menu_li.on>.arrow_right {
    display: inline-block;
}

.about_menu_li div .arrow_down,.about_menu_li a .arrow_down {
    position: absolute;
    top: 34px;
    right: 0;
    bottom:0;
    /* margin:auto; */
    /* transform: translateY(-50%); */
    vertical-align: middle;
}



/* .about_menu_li a .arrow_up {
    position: absolute;
    top: 38px;
    right: 0;
    bottom:0;
    margin:auto;
    transform: translateY(-50%);
    vertical-align: middle;
} */


.about_menu_li_hidden {
    display: none;
}
.about_menu_li.on .about_menu_li_hidden{
    display:block;
}
.about_menu_li_hidden li {
    padding: 25px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-left: 10%;

}
.about_menu_li_hidden li a{
    display: block;
    padding-left: 25%;
    font-size: 18px;
    color: #999999;
}
.about_menu_li_hidden li a:hover {
    color: #cf2430;
    font-weight: bold;
}
.about_menu_li_hidden li a.on{
    color: #cf2430;
    font-weight: bold;
}
.about_menu_li >a {
    position: relative;
    display: block;
    margin-left: 10%;
    /* padding: 25px 0; */
    border-bottom: 1px solid #e0e0e0;
}
.about_menu_li:last-child >a {
    border-bottom: none;
}
@media (min-width: 200px) {
/* .about_menu_li >a { padding: 15px 0;} */

.about_menu_li a span {font-size: 14px;}
.about_menu_li_hidden li {padding: 15px 0;}
.about_menu_li_hidden li a {font-size: 14px;}
}
@media (min-width: 200px) and (max-width:767px) {
    .about_menu_li .arrow_right{
        top:27px;
    }
    .about_menu_li div span, .about_menu_li a span{padding:15px 0;}
    .about_menu_li div .arrow_down, .about_menu_li a .arrow_down{top:27px;}

    .about_menu_li div span,.about_menu_li a span {
        font-size: 14px;
    }


@media (min-width: 768px) {
/* .about_menu_li >a { padding: 20px 0;} */
.about_menu_li a span {font-size: 16px;}
.about_menu_li_hidden li {padding: 20px 0;}
.about_menu_li_hidden li a {font-size: 16px;}
}
@media (min-width: 768px) and (max-width:991px){
    .about_menu_li .arrow_right{
        top:36px;
    }
}

@media (min-width: 992px) {
/* .about_menu_li >a { padding: 25px 0;} */

.about_menu_li a span {font-size: 18px;}
.about_menu_li_hidden li {padding: 25px 0;}
.about_menu_li_hidden li a {font-size: 18px;}
}

@media (min-width: 1200px) {
}