.top_nav .fr {
      margin-top: 15px;
      height: 30px;
      overflow: hidden;
      max-width: 900px;
    }
    .top_nav .fr .swiper-slide {
      height: 30px;
    }
    @media (max-width: 689px) and (min-device-width: 320px),
    (max-device-width: 480px) {
      .bk-90 {
        display: none;
        padding-top: 60px;
      }
      .p2j_con02 div.fl {
        width: 100%;
        line-height: 1;
      }
      .p2j_con02 .fl ul li {
        text-align: right;
        line-height: 1.8;
        margin-bottom: 20px;
      }
      .p2j_con02 .fl .page a {   
        border: #dddad2 1px solid;
    background: #f7f6f3;
    padding: 1px 8px;
    margin: 4px;
    margin-bottom: 20px;
    display: inline-block;
}
      .p2j_con02 .fl ul li {
        position: relative;
      }
      .p2j_con02 .fl ul li:after {
        position: absolute;
        left: -4px;
        top: 13px;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background: #333;
        content: '';
      }
      .nav_2j {
        height: 160px
      }
      .nav_2j .fr {
        display: block;
        background: #cb1c1d;
        height: auto;
        width: 100%;
        line-height: 220%;
        padding: 10px 0;
        font-size: 12px;
        float: none;
        padding: 0 16px 15px 16px;
      }
      .nav_2j .fr a {
        color: #fff;
        display: inline-block;
        width: 10.5%;
        padding: 0;
        font-size: 12px;
        text-align: left;
        float: none;
      }
      .nav_2j .fr a:nth-child(1) {
        width: 16%;
      }
      .nav_2j .fr a:nth-child(2) {
        width: 16%;
      }
      .nav_2j .fr a:nth-child(10) {
        width: 16%;
      }
      .nav_2j .fr a:nth-child(11) {
        width: 16%;
      }
    }