#fix_menu{position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, .93); border-top: solid 1px #ddd; display: none;}
#fix_menu .fix_wrap{max-width: 1600px; display: flex; margin: 0 auto;}
#fix_menu .fix_wrap i.home{width: 65px; line-height: 70px; text-align: center; font-size: 22px; border-right: solid 1px #ddd;}
#fix_menu .fix_wrap .menu{display: flex; width: calc(100% - 65px); height: 70px; }
#fix_menu .fix_wrap .menu > li{width: 30%; height: 100%; border-right: solid 1px #ddd; max-width: 350px;}
#fix_menu .fix_wrap .menu > li button{width: 100%; height: 100%; font-size: 18px; font-weight: 500; padding: 0 50px 0 30px; text-align: left; position: relative;}
#fix_menu .fix_wrap .menu > li button::before {content: ""; display: inline-block; position: absolute; top: 50%; right: 30px; width: 10px; height: 7px; background: url("../img/menu_arrow.png") 50% / cover no-repeat;transform: translateY(-50%) rotate(0deg)}
#fix_menu .fix_wrap .menu > li button.active::before{background-image: url('../img/menu_arrow_on.png')}


#fix_menu .fix_wrap .menu > li div{overflow:hidden;height:0;position:relative; margin-top:0; left:-1px; width:calc(100% + 2px);}
#fix_menu .fix_wrap .menu > li div ul{display:block;position:absolute; width: 100%; border: solid 1px #ddd; z-index: 5;}
#fix_menu .fix_wrap .menu > li div ul li a{background-color: rgba(255,255,255,.93); border-bottom:1px solid #ddd; height:70px; font-size: 17px; font-weight: 500; color:#000; line-height:1.3;display:flex;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding:0 25px; align-items: center; justify-content: flex-start; }
#fix_menu .fix_wrap .menu > li div ul li a:hover {background: #f7f7f7; text-decoration:none;}


#fix_menu .progress{width: 100%; height: 2px; background-color: #ddd; position: relative;}
#fix_menu .progress span{width: 0; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #fc0606;}
#fix_menu.fixed{display: block;}

 @media screen and (max-width:1400px) {
    #fix_menu .fix_wrap i.home{line-height: 65px; font-size: 20px;}
    #fix_menu .fix_wrap .menu{height: 65px;}
    #fix_menu .fix_wrap .menu > li button{font-size: 16px; padding: 0 20px; }
    #fix_menu .fix_wrap .menu > li button::before{right: 20px}
    #fix_menu .fix_wrap .menu > li div ul li a{font-size: 16px; height: 60px; padding: 0 20px;}

}
@media screen and (max-width:1280px) {
    #fix_menu .fix_wrap i.home{line-height: 55px; font-size: 20px;}
    #fix_menu .fix_wrap .menu{height: 55px;}
    #fix_menu .fix_wrap .menu > li button{font-size: 14px; padding: 0 15px; }
    #fix_menu .fix_wrap .menu > li button::before{right: 20px}
    #fix_menu .fix_wrap .menu > li div ul li a{font-size: 14px; height: 55px; padding: 0 15px;}
}
@media screen and (max-width:1024px) {
    #fix_menu.fixed{display: none;}
}