@charset "UTF-8";

.wrap-sitemap { display: flex; flex-direction: row; flex-wrap: wrap; min-height: 400px;}
.wrap-sitemap > div { padding: 0 7px 30px 7px; width: 100%;}
.wrap-sitemap li { display: block;}
.sitemap-title { line-height: 40px; padding: 0 10px; border-radius: 3px; color: #fff !important; font-size: 0.9rem; background: #000; text-align: left; display: block;     transition: all 0.3s ease;}
.sitemap-title:hover { color: #fff; background: linear-gradient(-90deg, #5388C3 0%, #255C99 100%); transition: all 0.3s ease;}
.wrap-sitemap ul {padding: 0; margin: 0;}
.sitemap-menu { display: flex; flex-wrap: wrap;}
.sitemap-menu > li { width: 33.33%;}
.sitemap-menu li { position: relative; padding: 0; margin: 0;}
.sitemap-menu li a { display: block; color: #ffffff; line-height: 100%; padding: 10px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); background: #0081b2;}
.sitemap-menu li a:hover { background: #0081b2;}
.sitemap-menu li ul { position: absolute; left: 100%; top: 0; width: 100%; display: none; z-index: 2;}
.sitemap-menu li:hover > ul { display: block;}
.sitemap-menu > li > a { text-align: center; font-size: 0.9rem; color: #000; border-bottom: 1px dashed #cccccc; background: none;}
.sitemap-menu > li > a:hover { color: #89B4E5; background: none;}
.sitemap-layer1 li { position: relative; padding: 10px 20px; background: #89B4E5; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.sitemap-layer1 li a { display: flex; flex-wrap: wrap; align-items: center; font-size: 0.9rem; color: #fff; line-height: 100%; border-radius: 3px; padding: 3px 0;}
.sitemap-layer1 li a::before { content: ''; height: 0; width: 0; border-color: transparent transparent transparent #fff; border-style: solid solid solid solid; border-width: 4px 6px; display: inline-block;}
.sitemap-layer1 {background: #fff;}
.sitemap-layer1 > li {border-bottom: 1px dashed #ccc;}
.sitemap-layer1 > li > a { text-align: left; font-size: 0.9rem; position: relative;}
.sitemap-layer1 > li > a::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #fff; border-style: solid solid solid solid; border-width: 4px 6px; position: absolute; left: -10px; top: 6px;}
.sitemap-layer1 > li > a:hover { color: #000;}
.sitemap-layer2 > li a:hover { color: #ffdc51;}
.sitemap-layer2 > li { background: rgb(37 92 153 / 70%);}
.sitemap-list {display: flex; flex-wrap: wrap; background-color: #fff!important;}
.sitemap-list > li {width: 33.33%!important; border-bottom: 1px dashed #ccc!important; background: #fff!important;}
.sitemap-list > li > a { text-align: left; font-size: 0.9rem; color: rgba(0, 0, 0, 1)!important; background: #fff!important; /*position: relative;*/}
.sitemap-list > li > a:hover {color: #0081b2!important;}
.sitemap-list > li > a::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #000; border-style: solid solid solid solid; border-width: 4px 6px; position: absolute; left: 6px; top: 13px;}
.sitemap-list > li > a:hover::before {border-color: transparent transparent transparent #0081b2!important; }


@media only screen and (max-width: 980px) {
  .sitemap-list > li {width: 50%!important;}
}

@media only screen and (max-width: 768px) {
  .sitemap-list > li {width: 100%!important;}
}