@charset "utf-8";
#content_box-1595406272121-0{margin-bottom:0px;  background: none;height:200px}
.xl{width:14%;background:#fff6f7;list-style:none;display:none;    position: absolute;z-index:999999}
.xl li{width:100%;background:#fff6f7;list-style:none;height:40px;linge-height:30px;}
.xl li a{width:100%;line-height:40px;color:#000;text-align:center;    display: block;font-size: 14px;}

.xl li a:hover{width:100%;line-height:40px;color:#fff;text-align:center;    display: block;font-size: 14px;background:#e70012}

.p_articles li:hover ul {
display: block;
}

@media screen and (max-width: 768px) and (min-width: 320px){

#content_box-1595406272121-0{margin-bottom:2rem;    background: #e70012;height:auto}
.xl{width:100%;background:#fff6f7;list-style:none;display:none;    position: absolute;z-index:999999}


}

.lanmu {
background: #FFF;
}
.lanmu li {
margin-top: 2px;
border-bottom: 1px solid #d1d1d1;
}
.lanmu li>a {
display: block;
line-height: 50px;
padding: 0 0 0 25px;
color: #666;
font-size: 15px;
}.lanmu li .arr{float:right;height:45px;width:40px;position:relative;cursor:pointer}
.lanmu li .arr:after{content:'';border-top:2px solid #8ad979;border-left:2px solid #8ad979;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px}
.lanmu-box{display:none}
.lanmu-box p{margin:0;border-top:1px solid #fff;padding-left:15px}
.lanmu-box p a{padding:0 25px;display:block;line-height:40px}
.lanmu li>a:hover,.lanmu li.active>a{color:#fff;background-color:#e70012}
.lanmu li.active .arr:after{border-color:#fff}
.lanmu li.open .lanmu-box{display:block}
.lanmu li.open .arr:after{transform:rotate(225deg)}