.org_menu{display:none}

	.mid_menu{position:relative; margin: auto;  width:100%; max-width: var(--container);  border-bottom: 1px solid var(--bdColor);}
    
	.mid_menu .container{position:relative; max-width:var(--container);margin:0 auto; padding:0; }
	.re_menu .home{display: none;}  
	.re_menu:after{display:block; content:''; clear:both}
	.re_menu > div{float:left; position:relative; border-right:1px solid rgba(255,255,255,0.5); min-width:20rem; position: relative; flex: 1; min-width: auto;}
	.re_menu > div:before{content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 1px; background: var(--bdColor); }
	.re_menu > div.dep2:before{display: none;}
	.re_menu > div > a{position: relative;display:block;padding:0 2rem; height:6rem;line-height:6rem; font-weight: 500; width: 100%; font-size: 0.95em;}
	.re_menu > div.dep > a::before{content: '\e313'; font-family: var(--icon);  position: absolute;right: 1rem;  transition: all 0.5s; font-size: 1em; font-weight: 600;}

	
	.re_menu > div.dep:hover a::before{transform: rotate(180deg);}
	.re_menu > div:hover ul{display:block}
	.re_menu .home{min-width:5rem}
	.re_menu .home a{text-indent:-9999px; position: relative; display: flex; justify-content: center; align-items: center;}
	.re_menu .home a:before{font-family: var(--icon); content:'\e88a';display: block;right: auto;position: relative;width: 100%;color: #323232;text-indent: 0;font-variation-settings:
  'FILL' 1}

	.re_menu ul{display:none; position:absolute; left:0; top:6rem; width:calc(100% + 2px); background:var(--main_color);margin:-1px 0 0 -1px; z-index:20;  transition: all 0.5s; border-radius: 10px; overflow: hidden; padding: 15px 0;}
	.re_menu ul li{border-top:0; transition: all 0.5s}
	.re_menu ul li:hover {background:var(--main_color); color:#fff}
	.re_menu ul li a{display:block; padding:0 2rem; height:5rem; line-height:5rem; font-weight: 500; font-size: 0.9em; color: #fff;}
    .re_menu ul li a:hover{font-weight: 600}
	.re_menu ul li a::before{display:none}
	.re_menu ul li.on a{color:var(--ylColor)}
    .re_menu ul li.on a:hover{font-weight: 600;}

@media all and (min-width:1024px) {
	.mid_menu{border-bottom: 0;}
	.re_menu > div{min-width: 25rem;}
	.re_menu > div:before{height: 40%;}
	.re_menu > div.dep > a::before{right: 1.5rem;}
	.re_menu > div.dep2:before{display: block;}
	.re_menu .home{display: block;}
	
}

@media all and (min-width:1280px) {
	.sub_top_title{margin-top: 9rem;}
	.re_menu > div > a{height: 7rem; line-height: 7rem;}
	.re_menu ul{top: 7rem;}
}
@media all and (max-width:1023px) {
	.re_menu{display: flex;} 
	
	.re_menu .dep3{display: none;}
}