html, body {
    position: relative;
    height: 100%;
    width: 100%;
}

a {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
em {
    font-style: normal;
}

ol,ul{list-style:none}

li{display:list-item}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    background-color: #DDF0FE;
    background-image:  url("../image/bg.jpg");
    background-size: auto 486px;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Helvetica,Geneva, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    margin: 0;
    padding: 0;
    height: 100%;
}


.container {
    width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 10px;
}
.m-top {
    margin-top: 90px;
}

.header {
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header .logo .logo-image {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.header .logo .name {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
}
.header .logo .name h1 {
    font-size: 40px;
    letter-spacing:2px;
}
.header .logo .name span {
    color: #005E9C;
    font-size: 22px;
    margin-top: 3px;
}
.header .search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
}
.header .search .date {
    font-size: 14px;
    color: #888;
}
.header .search .search-box {
    border: 1px solid #CCC;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 20px;
    margin-top: 10px;
}
.header .search .search-box .icon {
    width: 24px;
    height: 24px;
}
.header .search .search-box input {
    border: none;
    outline: none;
    padding: 5px 10px;
    width: 160px;
    border-radius: 20px 0 0 20px;
}
.header .search .search-box em {
    width: 1px;
    height: 10px;
    background-color: #ccc;
}
.header .search .search-box button {
    background-color: #FFF;
    border: none;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
}
.header .menus,.header .mobile-side-menu {
    display: none;
}

.menu {
    background-color: #005E9C;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu a {
    width: calc(100% / 10);
    font-size: 18px;
    color: #FFF;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
}
.menu a:hover,.menu a.on {
    background-color: #00A0EA;
}

.floor-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}
.floor-1 .swp {
    width: 100%;
    height: 350px;
    margin-right: 20px;
}
.floor-1 .swp .swiper1 {
    width: 100%;
    height: 350px;
}
.floor-1 .swp .swiper1 .swiper-slide a {
    width: 100%;
    height: 350px;
    position: relative;
}
.floor-1 .swp .swiper1 .swiper-slide a img {
    width: 100%;
    height: 350px;
}
.floor-1 .swp .swiper1 .swiper-slide a span {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding: 10px;
    color: #FFF;
    font-size: 15px;
}
.floor-1 .swp .swiper1 .swiper-pagination-x {
    /*top: 0;*/
    /*text-align: right;*/
}
.floor-1 .swp .swiper1 .swiper-pagination-x  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 0;
    background: #FFF;
}

.floor-1 .f-box {
    width: calc(100% - 570px);
    height: 350px;
}
.floor-1 .f-box .f-box-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #DDD;
}
.floor-1 .f-box .f-box-nav a {
    font-size: 20px;
    color: #005E9C;
    padding: 8px 10px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.floor-1 .f-box .f-box-nav a.on {
    background: #005E9C;
    color: #FFF;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.floor-1 .f-box .lists {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
}
.floor-1 .f-box .lists a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%;
    padding: 9px 0;
    border-bottom: 1px dashed #DDD;
}
.floor-1 .f-box .lists a em {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #B9CEF9;
    margin-right: 5px;
}
.floor-1 .f-box .lists a .name {
    width: calc(100% - 93px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #555;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.floor-1 .f-box .lists a .time {
    width: 80px;
    text-align: right;
    color: #888;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.floor-1 .f-box .lists a:hover .name,.floor-1 .f-box .lists a:hover .time {
    color: #005E9C;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.floor-1 .f-box .lists.none {
    display: none;
}
.floor-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}
.floor-2 .left-box {
    width: calc(100% - 280px);
}
.floor-2 .left-box .box {
    width: calc((100% - 40px) / 2);
    display: inline-block;
    font-size: 0;
    margin-right: 18px;
    float: left;
}
.floor-2 .left-box .box .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #005E9C;
    padding: 9px 10px;
}
.floor-2 .left-box .box .tit span {
    font-size: 20px;
    color: #FFF;
}
.floor-2 .left-box .box .tit .more {
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    text-decoration: none;
}
.floor-2 .left-box .box .list {
    height: 317px;
    display: inline-block;
    width: 100%;
}
.floor-2 .left-box .box .list .li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
    border-bottom: 1px dashed #DDD;
    padding: 10px 0;
}
.floor-2 .left-box .box .list .li em {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #B9CEF9;
    margin-right: 5px;
}
.floor-2 .left-box .box .list .li .name {
    width: calc(100% - 13px);
    text-overflow: ellipsis;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #555;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.floor-2 .left-box .box.mt20 {
    margin-top: 20px;
}

.floor-2 .right-box {
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
}
.floor-2 .right-box .ad1 {
    width: 280px;
    height: 80px;
    margin-bottom: 15px;
}
.floor-2 .right-box .ad1 img {
    width: 280px;
    height: 80px;
}
.floor-2 .right-box .ad5 {
    width: 280px;
    height: 366px;
}
.floor-2 .right-box .ad5 img {
    width: 280px;
    height: 366px;
}

.floor-3 {
    margin-top: 40px;
    background: #005E9C;
    display: inline-block;
    width: 100%;
}
.floor-3 .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}
.floor-3 .tit span {
    font-size: 20px;
    color: #FFF;
}
.floor-3 .tit .more {
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
}
.floor-3 .swiper2 {
    background: #FFF;
    padding: 10px;
    width: calc(100% - 40px);
    margin: 10px 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.floor-3 .swiper2 .li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 272px;
    margin-right: 22px;
    text-decoration: none;
}
.floor-3 .swiper2 .li img {
    width: 272px;
    height: 222px;
}
.floor-3 .swiper2 .li span {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    margin-top: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.floor-3 .swiper2 .li:hover span {
    color: #005E9C;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.categorylist {
    display: none;
}
.floor-3x {
    display: none;
}

.link {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}
.link .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: #005E9C;
}
.link .tit span {
    font-size: 20px;
    color: #FFF;
}
.link .lists {
    display: inline-block;
    width: 100%;
    font-size: 0;
}
.link .lists a {
    width: 220px;
    height: 60px;
    display: inline-block;
    border: 1px solid #DDD;
    padding: 3px 5px;
    margin-top: 10px;
    margin-right: calc((100% - ( 232px * 5 )) / 4);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.link .lists a:nth-child(5n){
    margin-right: 0;
}
.link .lists a img {
    width: 220px;
    height: 60px;
}
.link .lists a:hover {
    border: 1px solid #005E9C;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.footer {
    background: #005E9C;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 20px 0 30px;
}
.footer .menu-list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .menu-list a {
    color: #EEE;
    text-decoration: none;
    font-size: 15px;
}
.footer .menu-list em {
    width: 1px;
    height: 10px;
    background: #EEE;
    margin: 0 20px;
}
.footer .f-text {
    margin-top: 10px;
    color: #EEE;
    text-align: center;
}

.banner {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
}
.banner  img {
    width: 100%;
}

.pages {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.pages .left-menu {
    width: 250px;
    display: inline-block;
    margin-right: 20px;
    border: 1px solid #DDD;
    padding-bottom: 50px;
}
.pages .left-menu .tit {
    width: 100%;
    background: #005E9C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #FFF;
    padding: 8px 0;
}
.pages .left-menu .tit img {
    width: 36px;
    height: 36px;
    margin-right: 5px;
}
.pages .left-menu .lm-list {
    padding: 20px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.pages .left-menu .lm-list a {
    padding: 10px 0;
    width: 100%;
    background: #F9F9F9;
    color: #666;
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 20px;
    text-align: center;
}
.pages .left-menu .lm-list a:hover,.pages .left-menu .lm-list a.on {
    background: #00A0EA;
    color: #FFF;
}

.pages .right-body {
    width: calc(100% - 310px);
    padding: 0 20px;
}
.pages .right-body .rb-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
}
.pages .right-body .rb-title .name {
    font-size: 22px;
    color: #005E9C;
    padding: 15px 10px;
}
.pages .right-body .rb-content {
    line-height: 30px;
}
.pages .right-body .rb-content img {
    max-width: 100%;
}
.pages .right-body .rb-list {
    display: inline-block;
    font-size: 0;
    width: 100%;
}
.pages .right-body .rb-list .list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid #EEE;
    padding: 18px 0;
}
.pages .right-body .rb-list .list .name {
    width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pages .right-body .rb-list .list .time {
    color: #888;
    width: 100px;
    text-align: right;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pages .right-body .rb-list .list:hover .name,.pages .right-body .rb-list .list:hover .time {
    color: #005E9C;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pagex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.pagex .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagex .pagination li {
    margin: 0 5px;
    border: 1px solid #EEE;
}
.pagex .pagination li.active,.pagex .pagination li.disabled {
    padding: 6px 10px;
}
.pagex .pagination li a {
    color: #333;
    text-decoration: none;
    padding: 6px 10px;
    display: inline-block;
}
.pagex .pagination li a:hover,.pagex .pagination li.active {
    background: #005E9C;
    color: #FFF;
}

.position {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    background: #0c4da2;
}
.position img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.position a {
    color: #fff;
    text-decoration: none;
}
.position a:hover {
    color: #005E9C;
}
.position em {
    padding: 0 8px;
}

.detail {
    padding: 50px 40px;
}
.detail .detail-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}
.detail .tip {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    font-size: 15px;
    padding: 10px 0;
    color: #999;
}
.detail .content {
    line-height: 40px;
}
.detail .content img {
    max-width: 100%;
}
.detail .more {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between ;
}
.detail .more a {
    max-width: 100%;
    color: #333;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.detail .more a:hover {
    color: #005E9C;
}


.pages .right-body .rb-list-x {
    display: inline-block;
    font-size: 0;
    width: 100%;
    border: 1px solid #DDD;
    border-bottom: none;
}
.pages .right-body .rb-list-x .list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid #EEE;
    color: #777;
}
.pages .right-body .rb-list-x .list b {
    color: #333;
}
.pages .right-body .rb-list-x .list .order {
    width: 30%;
    text-align: center;
    border-right: 1px solid #DDD;
    padding: 10px 0;
}
.pages .right-body .rb-list-x .list .name {
    width: 70%;
    text-align: center;
}

.z-search {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}
.z-search input {
    width: 350px;
    padding: 0px 10px;
    height: 36px;
    border: 1px solid #EEE;
    border-radius: 5px 0 0 5px;
    outline: none;
    border-right: none;
}
.z-search  button {
    width: 100px;
    height: 38px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #EEE;
    border-left: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #005E9C;
    cursor: pointer;
}

@media (max-width: 768px) and (max-width: 992px) {
    html,body {
        width: 100% !important;
        overflow-x: hidden;
    }
    body {
        background-color: #DDF0FE;
        background-image: none;
        font-size: 0.9rem;
    }

    .container {
        width: 100%;
        padding: 0.5rem;
    }
    .m-top {
        margin-top: 0;
    }
    .header .menus {
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 0;
        width: 2.2rem;
        height: 2rem;
    }
    .header .menus:before {
        content: "";
        display: block;
        width: 1.8rem;
        height: 1.2rem;
        background: url(../image/menu-open-icon.png) no-repeat center center;
        background-size: cover;
        margin-top: 1.6rem;
        margin-right: 1rem;
    }
    .mobile-side-menu{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;overflow:hidden;visibility:hidden;opacity:0;display:none;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease}

    .mobile-side-menu.show{display:block;visibility:visible;opacity:1}

    .mobile-side-menu.show .inner{-webkit-transform:translateX(0);transform:translateX(0)}

    .mobile-side-menu .left{width:40%;position:absolute;left:0;top:0;height:100%;background-color:rgba(0,0,0,.5)}

    .mobile-side-menu .inner{transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-webkit-transform:translateX(50px);transform:translateX(50px);width:60%;height:100%;overflow:auto;position:absolute;right:0;top:0;background-color:#ffffff;padding:0 1rem 1rem; box-shadow: -1rem 0 1rem #dddddd}

    .mobile-side-menu .inner .close{width:19px;height:19px;float:right;background:url("../image/menu-close-icon.png") no-repeat center center;background-size:cover;margin:20px 0 15px 10px}

    .mobile-side-menu .inner .shadow{position:absolute;left:0;top:0;width:0;height:100%;-webkit-box-shadow:0 0 100px 10px #000000;box-shadow:0 0 100px 10px #000000;display:none}

    .mobile-side-menu .inner .nav{font-size:15px;color:#6c707a; margin-top: 4rem}

    .mobile-side-menu .inner .nav>li{border-bottom:1px solid #dddddd}

    .mobile-side-menu .inner .nav li.active{border-bottom-color:#ff0000}

    .mobile-side-menu .inner .nav li.active>a{background-color:#ff0000;color:#ffffff}

    .mobile-side-menu .inner .nav li.sub{position:relative}

    .mobile-side-menu .inner .nav li.sub>i{position:absolute;right:0;top:0;height:50px;width:50px}

    .mobile-side-menu .inner .nav li.sub>i:before{content:"";display:block;width:11px;height:6px;background:url("../image/menu-arrow-down.png") no-repeat center center;background-size:cover;position:absolute;right:0.8rem;top:1rem}

    .mobile-side-menu .inner .nav li.active.sub{border-bottom-color:#ffffff}

    .mobile-side-menu .inner .nav li.expand{border-bottom-color:#ffffff}

    .mobile-side-menu .inner .nav li.expand.sub>i:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

    .mobile-side-menu .inner .nav li.expand>ul{display:block}

    .mobile-side-menu .inner .nav li a{padding:0.8rem 1rem;display:block; color: #0c4da2; text-decoration: none}

    .mobile-side-menu .inner .nav li>ul{display:none;background-color:#f2f2f2}

    .mobile-side-menu .inner .nav li>ul li{border-bottom:0}

    .mobile-side-menu .inner .nav li>ul li a{padding-left:40px}

    .mobile-side-menu .inner .nav li>ul li.active{border-bottom-color:#f00}

    .mobile-side-menu .inner .nav li>ul li.active>a{background-color:#f00;color:#fff;}


    .header {
        padding: 0.5rem 0 1rem;
    }
    .header .logo .logo-image {
        width: 2rem;
        height: 2rem;
        margin-right: 0.2rem;
        margin-top: 0.2rem;
    }
    .header .logo .name {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .header .logo .name h1 {
        font-size: 1.2rem;
        letter-spacing:0.1rem;
    }
    .header .logo .name span {
        display: none;
    }
    .header .search {
        display: none;
    }
    .menu {
        display: none;
    }


    .floor-1 {
        margin-top: 0;
        display: inline-block;
        width: 100%;
    }
    .floor-1 .swp {
        width: calc(100% - 1rem);
        height: calc((100vw - 1rem) / 2);
        margin-right: 0;
    }
    .floor-1 .swp .swiper1 {
        width: 100%;
        height: calc((100vw - 1rem) / 2);
    }
    .floor-1 .swp .swiper1 .swiper-slide a {
        width: 100%;
        height: calc((100vw - 1rem) / 2);
    }
    .floor-1 .swp .swiper1 .swiper-slide a img {
        width: 100%;
        height: calc((100vw - 1rem) / 2);
    }
    .floor-1 .swp .swiper1 .swiper-slide a span {
        padding: 0.5rem;
        font-size: 0.9rem;
        width: calc(100% - 1rem);
    }


    .floor-1 .f-box {
        width: 100%;
        height: auto !important;
        margin-top: 1rem;
    }
    .floor-1 .f-box .f-box-nav {
        width: calc(100% - 1rem)
    }
    .floor-1 .f-box .f-box-nav a {
        font-size: 1rem;
    }
    .floor-1 .f-box .lists {
        width: calc(100% - 1rem)
    }
    .floor-1 .f-box .lists a {
        padding: 0.5rem 0;
    }
    .floor-1 .f-box .lists.none {
        display: none;
    }
    .floor-2 {
        display: inline-block;
        width: calc(100% - 1rem);
        margin-top: 1rem;
    }
    .floor-2 .left-box {
        width: 100%;
    }
    .floor-2 .left-box .box {
        width: 100%;
        display: inline-block;
        font-size: 0;
        margin-right: 0;
        float:  none;
        margin-bottom: 1rem;
    }
    .floor-2 .left-box .box .tit {
        padding: 0.5rem;
    }
    .floor-2 .left-box .box .tit span {
        font-size: 1rem;
    }
    .floor-2 .left-box .box .tit .more {
        font-size: 0.8rem;
    }
    .floor-2 .left-box .box .list {
        height: auto !important;
    }
    .floor-2 .left-box .box .list .li {
        padding: 0.5rem 0;
    }
    .floor-2 .left-box .box .list .li:last-of-type {
        border-bottom: none;
    }

    .floor-2 .left-box .box.mt20 {
        margin-top: 0;
    }

    .floor-2 .right-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-flow: column;
    }
    .floor-2 .right-box .ad1 {
        width: 100%;;
        height: auto !important;
        margin-bottom: 1rem;
    }
    .floor-2 .right-box .ad1 img {
        width: 100%;;
        height: auto !important;
    }
    .floor-2 .right-box .ad5 {
        width: 100%;;
        height: auto !important;
    }
    .floor-2 .right-box .ad5 img {
        width: 100%;;
        height: auto !important;
    }
    .floor-3 {
        display: none;
    }
    .floor-3x{
        background: #005E9C;
        display: inline-block;
        margin-top: 1rem;
        width: calc(100% - 1rem);
    }
    .floor-3x .tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem;
    }
    .floor-3x .tit span {
        font-size: 1rem;
        color: #FFF;
    }
    .floor-3x .tit .more {
        font-size: 0.8rem;
        font-weight: normal;
        color: #FFF;
        text-decoration: none;
    }
    .floor-3x .swiper2 {
        background: #FFF;
        padding: 0.5rem;
        width: calc(100% - 2rem);
        margin: 0.5rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .floor-3x .swiper2 .li {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        width: 100%;
        margin-right: 1rem;
        text-decoration: none;
    }
    .floor-3x .swiper2 .li img {
        width: 100%;
    }
    .floor-3x .swiper2 .li span {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #666;
        margin-top: 5px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .floor-3x .swiper2 .li:hover span {
        color: #005E9C;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .link {
        display: none;
    }

    .footer {
        padding: 1rem 0;

    }
    .footer .menu-list {
        display: none;
    }
    .footer .f-text {
        margin-top: 10px;
        color: #EEE;
        text-align: center;
        width: calc(100% - 1rem);
    }

    .banner {
        width: calc(100% - 1rem);
        display: inline-block;
        margin: 0rem 0 0rem;
    }
    .banner  img {
        width: 100%;
    }
    .categorylist {

        display: inline-block;

        width:calc(100% - 1rem);

        padding: 0rem;

    }

    .categorylist .title {

        display: flex;

        align-items: center;

        justify-content: space-between;

        width:calc(1005 - 2rem);

        padding:0.5rem 1rem;

        background: #f90;

        border-radius: 0.1rem;

    }

    .categorylist .title em {

        color: #FFF;

        font-size:1rem;

    }

    .categorylist .title img {

        width:1rem;

        height:0.4rem;

    }

    .categorylist .nav-sides {

        display: none;

        overflow: hidden;

        width: 100%;

    }

    .categorylist .nav-sides .nav-side {

        display: block;

        height: 2.4rem;

        line-height:2.4rem;

        cursor: pointer;

        background: #eee;

        color: #707070;

        font-size: 0.9rem;

        text-align: center;

        border-bottom: 0.1rem solid #F6F6F6;

    }

    .categorylist .nav-sides .nav-side a {

        display: block;

        color: #707070;

        text-decoration: none;

    }

    .categorylist .nav-sides .nav-side:hover a,.categorylist .nav-sides .nav-side a.on {

        color: #0260D2;

    }



    .pages .left-menu {
        display: none;
    }

    .pages .right-body {
        width: calc(100% - 1rem);
        padding: 0 0;
    }
    .pages .right-body .rb-title {
        margin-bottom: 1rem;
    }
    .pages .right-body .rb-title .name {
        font-size: 1rem;
        padding: 0.8rem 0.5rem;
    }
    .pages .right-body .rb-content {
        line-height: 1.8rem;
    }
    .pages .right-body .rb-content img {
        max-width: 100%;
    }

    .pages .right-body .rb-list .list {
        font-size: 0.9rem;
        text-decoration: none;
        border-bottom: 1px solid #EEE;
        padding: 1rem 0;
    }

    .pagex {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
    }
    .pagex .pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .position {
        width: calc(100% - 2rem);
        font-size: 0.9rem;
        margin-top: 0.5rem;
        padding: 0.5rem 0.5rem;
    }
    .position img {
        width: 1rem;
        height: 1rem;
        margin-right: 0.3rem;
    }


    .detail {
        padding: 1rem 0;
    }
    .detail .detail-title {
        width: calc(100% - 1rem);
        margin-bottom: 0.3rem;
        font-size: 1.2rem;
        font-weight: bold;
        color: #333;
    }
    .detail .tip {
        width: calc(100% - 1rem);
        margin-bottom: 1rem;
        font-size: 0.8rem;
        padding: 0rem 0;
    }
    .detail .content {
        line-height: 1.8rem;
        width: calc(100% - 1rem);
    }

    .detail .more {
        margin-top: 1rem;
        width: calc(100% - 1rem);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .detail .more a {
        max-width: 100%;
        padding: 0.5rem 0;
    }


    .pages .right-body .rb-list-x {
        width: 100%;
        margin-bottom: 2rem;
    }
    .pages .right-body .rb-list-x .list {
        font-size: 0.9rem;
    }
    .pages .right-body .rb-list-x .list b {
        color: #333;
    }
    .pages .right-body .rb-list-x .list .order {
        padding: 0.5rem 0;
    }

    .z-search {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1.5rem 0;
    }
    .z-search input {
        width: calc(100% - 5rem);
        padding: 0px 0.5rem;
        height: calc(2rem - 2px);
    }
    .z-search  button {
        width: 5rem;
        height: 2rem;
    }
}

.catelist {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    padding: 0.5rem 0 1rem;
    width: calc(100% - 1rem);
}
.catelist .f-list {
    display: inline-block;
    width: 100%;
    font-size: 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #DDD;
}
.catelist .f-list a {
    width: calc((100% - 3rem) / 4);
    margin-right: 1rem;
    text-align: center;
    display: inline-block;
    font-size: 0.8rem;
    background: #0c4da2;
    color: #FFF;
    text-decoration: none;
    padding: 0.3rem 0;
    margin-top: 0.5rem;
}
.catelist .f-list a.active {
    background: #02896B;
}
.catelist .f-list a:nth-child(4n){
    margin-right: 0;
}
.catelist .s-list {
    margin-top: 0.3rem;
    width: 100%;
    background: #f6f6f6;
    display: inline-block;
    padding: 0rem 0 0.5rem;
}
.catelist .s-list a {
    margin-right: 0.5rem;
    display: inline-block;
    font-size: 0.8rem;
    color: #666;
    text-decoration: none;
    margin-top: 0.5rem;
}
.catelist .s-list a.active {
    color: #02896B;
}

.lists {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    width: calc(100% - 1rem);
}
.lists a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    width: 100%;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}
.lists a .title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.lists a .title i {
    width: 16px;
    height: 16px;
    background: url("../image/s.png") center no-repeat;
    margin-right: 4px;
    margin-top: 4px;
}
.lists a .title span {
    width: calc(100% - 20px);
    font-size: 0.9rem;
    color: #333;
}
.lists a .time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    color: #999999;
    font-size: 0.8rem;
    margin-top: 0.3rem;
}
.lists a .time i {
    width: 16px;
    height: 16px;
    background: url("../image/t.png") center no-repeat;
    margin-right: 4px;
    margin-top: 4px;
}
.pagex {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.catelistx {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #DDD;
    padding: 0.5rem 0;
    width: calc(100% - 1rem);
    margin-bottom: 1rem;
}
.catelistx a {
    width: 25%;
    text-decoration: none;
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catelistx a em {
    display: none;
}
.catelistx a.active {
    color: #0c4da2;
}
.catelistx a.active  em {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    display: inline-block;
    height: 3px;
    background: #0c4da2;
}