.sitemap-warp{ background: #fff;padding: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%); border-radius: 10px; padding-bottom: 40px;}
.sitemap-warp .sitemap-title{font-size: 16px;font-weight: bold;padding-bottom: 11px;margin-top: 24px; padding-left: 13px;}
.sitemap-warp ul{display: flex;flex-wrap: wrap;}
.sitemap-warp ul li{padding:5px 12px}
.sitemap-warp ul li a{background: #f7f7f7;font-size: 14px;border-radius: 6px;display: block;padding: 8px 18px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all; white-space:nowrap; }
.sitemap-warp ul li a:hover{color: brown;}
.sitemap-warp .pro-title li{width:25%;position: relative;}
.sitemap-warp .pro-title li:before{content:"";width:0px; height:0px; border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #2f2f2f;font-size:0px;line-height:0px;position: absolute;top:20px;left: 25px;}
.sitemap-warp .pro-title li a{padding-left: 30px;}
.about-tab{display: none;}
@media screen and (max-width:1200px){
.sitemap-warp .pro-title li{width:50%;position: relative;}
}

@media screen and (max-width:768px){
body{background: #fff;}
.about-box{display: block;}
.about-box .ler-nav{width: 100%;margin-bottom: 10px;display: none;}
.about-box .rel-list{width: 100%;padding: 12px;box-shadow: none;border-radius: 0;}
header{display: none;}
.mt-3{display: none;}
.about-box .rel-list .ab-title h3{display: none;}
.about-tab{padding:12px 0px;display: flex;}
.about-tab a{font-size: 14px;background: #f5f5f5;padding:10px;flex: 1;    border-radius: 5px;    margin: 0px 8px;text-align: center;}
.about-tab .active{font-weight: bold;}
.sitemap-warp {padding: 0px 8px;box-shadow: none; border-radius: 10px; padding-bottom: 0;}  
.sitemap-warp ul li { flex: 1;} 
}