a.on {
    color: #621daa !important;}
.nav > ul > li.on > a::after {
    width: 100%;}
.sxdh{background: #ededf7;
    padding: 20px;
    margin: 30px 0;}
.sxdh ul{    display: flex;
    flex-wrap: wrap;}
.sxdh ul li{
font-size: 18px;
border-right: 1px solid #666;
    padding: 0 30px;}
.sxdh ul li:last-child{border-right:none;}
.sxdh ul li a{color: #000;display:block;}
.sxdh ul li.on a{color:#621daa;font-weight:bold;}
.szdw ul{margin:0 -20px;display: flex;
    flex-wrap: wrap;}
.szdw ul li{padding:0 20px;width:50%;margin-bottom:30px;}
.szdw ul li a{display: flex;flex-wrap: wrap;}
.tup{width:180px;}
.tup .tupli{padding-top:139%;transition: .5s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.szdw ul li .text{
width: calc(100% - 180px);
    padding: 25px;
    border: #ddd 1px solid;
    border-left: none;}
.szdw ul li .text h3{    font-weight: normal;
    font-size: 24px;
border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 20px;}
.szdw ul li .text p{
font-size:16px;line-height:22px;color:#666;    margin-bottom: 8px;}
@media(max-width: 1200px)
{.szdw ul li{width:100%;}}

@media(max-width: 1100px){
.sxdh{padding:10px;}
.sxdh ul li{font-size:16px;}
}
@media(max-width: 1024px){
.sxdh ul li{line-height:28px;}
}
@media(max-width: 950px){
.sxdh ul li{padding:0 15px;}
}
@media(max-width: 768px){
.sxdh{margin:10px 0 25px;}
}
@media(max-width: 560px){
.tup{width:100px;}
.szdw ul li .text{width: calc(100% - 100px);padding:15px;}
.szdw ul li .text h3{font-size:18px;padding-bottom:12px;margin-bottom:10px;}
.szdw ul li .text p{font-size:14px;}
}
.yqlj h3{color: #fff;
    font-weight: bold;}
.yqlj p{margin-top: 8px;color:#fff;}
.yqlj a{color: #fff;display: inline-block;margin-left:20px;margin-bottom:15px;}