.container5{
    background:#fefbf9
}
.dis-box{
    padding:0 80px;
    background:url('../images/dq.jpg') no-repeat center 115px;
    background-size: 100%;
}
.dis-title{
    font-family: PingFang-Medium;
    font-size:50px;
    color:#333;
    text-align: center;
    padding:65px 0;
}
.dis-city{
    min-height:700px;
}
.city-list{
    margin-top:55px;
    border-top:#d89d1b solid 1px;
    display:flex;
    flex-wrap: wrap;
    padding-top:50px;
}
.city-list li{
    width:14.2%;
    text-align:center;
    font-size:20px;
    font-family: PingFang-Medium;
    list-style-type: none;
    margin-top:20px;
}
.city-list li a{
    color:#000;
    text-decoration: none
}
.city-list li a:hover{
    color:#d89d1b;
    font-size:24px;
    position: relative;top:-6px;
}
.city-list li.active a{
    color:#d89d1b;
    font-size:24px;
    position: relative;top:-6px;
}




@media screen and (min-width:1200px) and (max-width:1500px){
    .dis-title{font-size:18px;padding:45px 0;}
    .dis-box{background-position: center 115px;}
    .city-list li{font-size:18px;}
    .city-list li a:hover{font-size:22px;}
    .container5 .contain{padding:0!important;}
}

@media screen and (min-width:960px) and (max-width:1200px){
    .dis-title{font-size:18px;padding:45px 0;}
    .dis-box{background-position: 55% 115px;}
    .city-list li{font-size:18px;width: 20%;}
    .city-list li a:hover{font-size:22px;}
    .container5 .contain{padding:0!important;}
    .city-list{
        margin-top: 40px;
    }
}

@media screen and (min-width:750px) and (max-width:960px){
    .dis-title{font-size:18px;padding:45px 0;}
    .dis-box{background-position: 55% 115px;padding:0 30px;}
    .city-list li{font-size:18px;width: 25%;}
    .city-list li.active{font-size:16px;}
    .container5 .contain{padding:0!important;}
    .city-list li.active a{
        font-size:16px;
    }
    .city-list{
        margin-top: 30px;
        padding-top: 30px;
    }
}
@media screen and (min-width:450px) and (max-width:750px){
    .dis-title{font-size:18px;padding:45px 0;}
    .dis-box{background-position: 80% 115px;padding:0 30px;}
    .city-list{margin-top:485px;}
    .city-list li{font-size:18px;width: 33%;}
    .city-list li a:hover{font-size:16px; top:-3px;}
    .container5 .contain{padding:0!important;}
    .city-list li.active a{
        font-size:16px;
        top:-3px;
    }
    .city-list{
        margin-top: 15px;
        padding-top: 15px;
    }
    .dis-city{
        min-height: 200px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width:450px){
    .dis-title{font-size:18px;padding:45px 0;}
    .dis-box{background-position: 70% 115px;padding:0 30px;}
    .city-list{margin-top:485px;}
    .city-list li{font-size:14px;width: 33%;}
    .city-list li a:hover{font-size:18px;top:-3px;}
    .container5 .contain{padding:0!important;}
    .city-list li.active a{
        font-size:16px;
        top:-3px;
    }
    .city-list{
        margin-top: 15px;
        padding-top: 15px;
    }
    .dis-city{
        min-height: 200px;
        padding-bottom: 100px;
    }
}