﻿/* é¦–é¡µ */

.indextp {
    width: 100%;
    /*transition: all 1s;*/
    margin: 0 auto;
    top: 0;
    height: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: -1;
}
    .indextp img {
        width: 100%;
        height: 100%;
    }

.keydown {
    height: 2.92rem;
    transition: all 2s;
}

.keyup {
    height: 0;
    transition: all 2s;
}

@keyframes keydown {
    0% {
        opacity: 1;
        height: 2.92rem;
    }

    100% {
        opacity: 0;
        height: 0;
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.inner {
    width: 14rem;
    margin: 0 auto;
}

.nav {
    height: 1.75rem;
    width: 100%;
    position: relative;
}

    .nav .bj {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #fff2f2;
    }

.navtp {
    width: 100%;
    border-bottom: .01rem solid #e8e8e8;
    height: 1.12rem;
}

    .navtp .logo {
        float: left;
        width: 4.54rem;
        margin-top: 0.24rem;
    }

        .navtp .logo img {
            width: 100%;
        }

.seah {
    float: right;
    margin-top: 0.28rem;
}

.navicon {
    width: 0.42rem;
    height: 0.42rem;
    background-color: #f6f6f6;
    border-radius: .02rem;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.1rem;
    cursor: pointer;
}

    .navicon img {
        width: 0.22rem;
        transition: all .5s;
    }

    .navicon:hover img {
        transform: scale(1.2);
    }

.seahbox {
    width: 2.4rem;
    height: 0.42rem;
    position: relative;
    float: left;
}

    .seahbox input {
        border: .01rem solid #e8e8e8;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        line-height: 0.42rem;
        padding-left: .12rem;
        padding-right: .48rem;
        font-size: .14rem;
        color: #999999;
    }

    .seahbox .sou {
        cursor: pointer;
        position: absolute;
        right: .02rem;
        top: .02rem;
        width: 0.38rem;
        height: 0.38rem;
        background-color: #f6f6f6;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .seahbox .sou img {
            width: 0.19rem;
            transition: all .5s;
        }

        .seahbox .sou:hover img {
            transform: scale(1.2);
        }

.navlt {
    width: 14rem;
    margin: 0 auto;
}

    .navlt li {
        position: relative;
        float: left;
        margin-right: .96rem;
    }

    .navlt .nava {
        display: block;
        font-size: .22rem;
        height: 0.62rem;
        line-height: 0.62rem;
    }

    .navlt li:last-child {
        margin-right: 0;
    }

    .navlt li.on .nava {
        color: #0169b5;
    }

    .navlt li:hover .nava {
        color: #0169b5;
    }

    .navlt .nav_item {
        position: absolute;
        left: 50%;
        top: 0.62rem;
        background-color: #fff;
        /* display: none; */
        overflow: hidden;
        z-index: 100;
        width: 150%;
        /* padding: .2rem 0; */
        margin-left: -75%;
        height: 0;
    }

    .navlt li:hover .nav_item {
        padding: .2rem 0;
        height: auto;
    }

    .navlt .nav_item a {
        display: block;
        width: 100%;
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: center;
        overflow: hidden;
        transition: all .3s;
        font-size: .18rem;
    }

        .navlt .nav_item a:hover {
            background-color: #0169b5;
            color: #fff;
        }

        .navlt .nav_item a.on {
            background-color: #0169b5;
            color: #fff;
        }

    .navlt li .xb {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0.86rem;
        opacity: 0;
        transition: all .5s;
    }

    .navlt li:hover .xb {
        opacity: 1;
    }

    .navlt li.on .xb {
        opacity: 1;
    }

.carousel {
    width: 100%;
    height: 7.73rem;
}

.syswiper .swiper-slide div {
    height: 100%;
    width: 100%;
}

.syswiper img {
    width: 100%;
    height: 100%;
    display: block;
}

.syswiper .swiper-pagination {
    bottom: 0.38rem;
}

.syswiper .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background-color: #fff;
}

.tzgg {
    margin-top: 0.52rem;
    text-align: center;
}

    .tzgg .gz {
        position: relative;
        display: inline-block;
        margin-right: 0.14rem;
        padding-right: .1rem;
        box-sizing: border-box;
        color: #fff;
        font-size: .28rem;
        width: 1.38rem;
        height: 0.39rem;
        line-height: 0.36rem;
    }

        .tzgg .gz img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
        }

    .tzgg a {
        color: #0169b5;
        font-size: .28rem;
    }

        .tzgg a:hover {
            opacity: .7;
        }

    .tzgg p {
        margin-top: 0.26rem;
        font-size: .19rem;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0.5rem;
    }

.xwicon {
    width: 14rem;
    margin: 0 auto .5rem;
    position: relative;
    text-align: center;
    color: #0169b5;
    font-size: .38rem;
    height: 1.24rem;
    line-height: 1.24rem;
    font-family: 'å®‹ä½“';
    margin-bottom: 0.1rem;
    font-weight: bold;
}

    .xwicon img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

.xwtit {
    width: 14rem;
    margin: 0 auto .39rem;
    text-align: center;
}

    .xwtit a {
        position: relative;
        left: 0;
        top: 0;
        display: inline-block;
        margin-right: .34rem;
        font-size: .2rem;
        color: #333333;
        width: 1.15rem;
        height: 0.4rem;
        line-height: 0.4rem;
    }

        .xwtit a img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all .5s;
        }

        .xwtit a:hover img {
            opacity: 1;
        }

        .xwtit a:hover {
            color: #fff;
        }

        .xwtit a.on img {
            opacity: 1;
        }

        .xwtit a.on {
            color: #fff;
        }

.xwcon {
    width: 100%;
    height: 4.7rem;
    position: relative;
}

    .xwcon .bj {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -2;
        width: 100%;
    }

.xwcon_item {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    height: 4.7rem;
    padding: .32rem .38rem;
    box-sizing: border-box;
}

    .xwcon_item .itembj {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

.xwcon .xwcong_l {
    width: 6.5rem;
    height: 4.1rem;
    float: left;
}

.xwcong_l .swiper-slide a {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    width:100%;
}

.xwcong_l .swiper-slide img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.xwcong_l .swiper-slide p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    height: .8rem;
    line-height: .8rem;
    background: url(../img/xwicon2.png)no-repeat center;
}

    .xwcong_l .swiper-slide p em {
        padding-left: 0.1rem;
        float: left;
        width: 4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

    .xwcong_l .swiper-slide p span {
        float: right;
        padding-right: 0.1rem;
    }

.xwcong_l .swiper-slide:hover img {
    transform: scale(1.1);
}

.xwcong_l .swiper-slide:hover p {
    color: #0169b5;
}

.syxwswiper .swiper-pagination {
    bottom: initial;
    top: .2rem;
    text-align: right;
    padding-right: 0.2rem;
    box-sizing: border-box;
}

.syxwswiper .swiper-pagination-bullet {
    background-color: #fff;
}

.xwcong_r {
    margin-top: 7px;
    height: 4rem;
    float: right;
    width: 6.4rem;
    overflow: hidden;
}

    .xwcong_r h1 {
        font-size: .28rem;
        color: #0169b5;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 0.18rem;
        font-weight: normal;
        transition: all .5s;
    }

        .xwcong_r h1:hover {
            opacity: .5;
        }

    .xwcong_r h2 {
        color: #333333;
        font-size: .19rem;
        line-height: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: normal;
        margin-bottom: 0.24rem;
    }

        .xwcong_r h2:hover {
            color: #0169b5;
        }

    .xwcong_r ul {
        padding-top: 0.3rem;
        border-top: .01rem dashed #c8bca3;
    }

    .xwcong_r li a {
        display: block;
        margin-bottom: 0.36rem;
    }

        .xwcong_r li a:hover p {
            color: #0169b5;
        }

    .xwcong_r a img {
        float: left;
        width: 0.1rem;
        height: 0.14rem;
        margin-right: 0.08rem;
        margin-top: 0.03rem;
    }

    .xwcong_r a p {
        float: left;
        font-size: .19rem;
        color: #333333;
        width: 4.78rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .xwcong_r a span {
        float: right;
        font-size: .19rem;
        color: #898989;
    }


.syouter {
    width: 14rem;
    margin: .62rem auto .16rem;
}

.syouterbig {
    width: 100%;
    height: 2.12rem;
    margin-bottom: 0.16rem;
}

    .syouterbig img {
        width: 100%;
        height: 100%;
        display: block;
    }

.syoutersm a {
    float: left;
    width: 3.41rem;
    height: 1.6rem;
    margin-right: 0.12rem;
    margin-bottom: 0.7rem;
    overflow: hidden;
}

    .syoutersm a:last-child {
        margin-right: 0;
    }

    .syoutersm a img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

    .syoutersm a:hover img {
        transform: scale(1.1);
    }

.ggwbox {
    width: 14rem;
    height: 1.5rem;
    margin: .2rem auto 0;
}

.swipAdver {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .swipAdver .swiper-pagination {
        bottom: 8px;
        left: inherit;
        right: 15px;
        text-align: right;
    }

    .swipAdver .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        opacity: 1;
        border-radius: 0;
        font-size: 14px;
        background: rgba(0,0,0,.5);
    }

    .swipAdver .swiper-pagination-bullet-active {
        color: #f70000;
        background: #fff;
    }

    .swipAdver a,.swipAdver img {
        width: 100%;
        height: 100%;
        display: block;
    }

.xwtab {
    position: relative;
    width: 14rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

    .xwtab .xwlt {
        box-sizing: border-box;
        padding: .36rem .14rem 0;
        float: left;
        width: 4rem;
        height: 4.2rem;
        background: url(../img/xwbj2.png)no-repeat center;
        background-size: cover;
    }

    .xwtab .xwrt {
        box-sizing: border-box;
        padding: .36rem 0rem 0 .1rem;
        float: right;
        width: 10rem;
        height: 4.2rem;
        background: url(../img/xwbj2.png)no-repeat center;
        background-size: cover;
    }

        .xwtab .xwrt .rt_l {
            width: 4.75rem;
            float: left;
        }

            .xwtab .xwrt .rt_l .swipdjgz {
                width: 4.75rem;
                height: 2.8rem;
                overflow: hidden;
                position: relative;
                margin-top: .2rem;
            }

                .xwtab .xwrt .rt_l .swipdjgz a {
                    width: 100%;
                    height: 100%;
                    display: block;
                    overflow: hidden;
                }

                .xwtab .xwrt .rt_l .swipdjgz img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    transition: .3s;
                }

                .xwtab .xwrt .rt_l .swipdjgz:hover img {
                    transform: scale(1.1);
                }

                .xwtab .xwrt .rt_l .swipdjgz p {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    color: #fff;
                    height: .4rem;
                    line-height: .4rem;
                    background: rgba(0,0,0,.5);
                    font-size: .18rem;
                    padding-left: .1rem;
                    padding-right: 1.1rem;
                    box-sizing: border-box;
                }

        .xwtab .xwrt .rt_r {
            width: 4.86rem;
            float: right;
        }

            .xwtab .xwrt .rt_r .rt_rhd {
                overflow: hidden;
                height: .6rem;
            }

                .xwtab .xwrt .rt_r .rt_rhd li {
                    float: left;
                    margin-right: .1rem;
                    width: 1.45rem;
                    height: .46rem;
                    line-height: .46rem;
                    text-align: center;
                    border: .01rem solid #d7d7d7;
                    font-size: .24rem;
                    color: #333333;
                    background: #fafafa;
                    border-radius: .3rem;
                    cursor: pointer;
                }

                    .xwtab .xwrt .rt_r .rt_rhd li.on {
                        background: url(../img/on1.png)no-repeat center;
                        background-size: cover;
                        color: #fff;
                    }

    .xwtab .xwmore {
        color: #8e969f;
        font-size: .18rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #d0d9eb;
        height: .44rem;
        margin-top: .26rem;
    }

        .xwtab .xwmore span {
            transition: .3s;
        }

        .xwtab .xwmore:hover span {
            transform: translateY(5px);
        }

        .xwtab .xwmore img {
            width: .17rem;
            height: .15rem;
            margin-left: .1rem;
        }

    .xwtab .tit {
        width: 1.66rem;
        height: .6rem;
        font-size: .24rem;
        line-height: .6rem;
        padding-left: .3rem;
        background: url(../img/t1.png)no-repeat center;
        background-size: 100% 100%;
    }

        .xwtab .tit a {
            color: #fff;
        }

.tabbox {
    width: 6.5rem;
    height: 3.5rem;
}

.rtrbd {
    display: none;
}

    .rtrbd.on {
        display: block;
    }

.swipdjgz .swiper-pagination {
    text-align: right;
    right: 10px;
    left: inherit;
    bottom: 14px;
}

.swipdjgz .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;
}

.swipdjgz .swiper-pagination-bullet-active {
    opacity: 1;
}

.tabbox .tabtit {
    border-bottom: .01rem dashed #cccccc;
}

    .tabbox .tabtit a {
        display: inline-block;
        font-size: .38rem;
        color: #333333;
        padding-right: 0.24rem;
        margin-right: 0.26rem;
        position: relative;
        padding-bottom: 0.26rem;
    }

        .tabbox .tabtit a img {
            opacity: 0;
            transition: all .5s;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 1.54rem;
        }

        .tabbox .tabtit a:hover img {
            opacity: 1;
        }

        .tabbox .tabtit a:hover {
            color: #0169b5;
        }

        .tabbox .tabtit a.on {
            color: #0169b5;
        }

            .tabbox .tabtit a.on img {
                opacity: 1;
            }

.tabbox .itembox {
    position: relative;
    display: none;
}

    .tabbox .itembox.show {
        display: block;
    }

.tabitem {
    height: 2.32rem;
    overflow: hidden;
}

    .tabitem a {
        display: block;
        margin-top: 0.26rem;
    }

        .tabitem a img {
            float: left;
            margin-right: 0.12rem;
            width: 0.04rem;
            height: 0.04rem;
            margin-top: .08rem;
        }

        .tabitem a p {
            float: left;
            width: 63%;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: .19rem;
            color: #333333;
        }

        .tabitem a:hover p {
            color: #0169b5;
        }

        .tabitem a span {
            float: right;
            font-size: .19rem;
            color: #898989;
        }

.itembox .itemmore {
    position: absolute;
    right: 0;
    top: -0.6rem;
    color: #898989;
    font-size: .18rem;
}

    .itembox .itemmore img {
        width: 0.2rem;
        margin-left: 0.1rem;
    }

    .itembox .itemmore:hover {
        color: #0169b5;
    }

.dtbox {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 8.3rem;
}

    .dtbox .dtboxbj {
        position: absolute;
        z-index: -3;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

.ggdt {
    width: 100%;
    height: 5.1rem;
    margin-top: 0.22rem;
    padding-bottom: 0.7rem;
}

.swiperdt {
    width: 8.47rem;
    margin: 0 auto;
    overflow: inherit;
}

.dtimgbox {
    display: block;
    position: relative;
    width: 8.47rem;
    height: 5.1rem;
    overflow: hidden;
}

    .dtimgbox .bj {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -2;
    }

.dtmask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .3);
}

.dtimgbox .dttxt {
    width: 100%;
    padding-left: 0.55rem;
    padding-right: 0.48rem;
    box-sizing: border-box;
    color: #fff;
    text-align: left;
    margin-top: 1.7rem;
    transform: translateY(2.9rem);
    transition: all 1s;
}

    .dtimgbox .dttxt h1 {
        font-size: .28rem;
        margin-bottom: 0.32rem;
        text-align: center;
    }

.swiperdt .swiper-slide-active .dtimgbox .dttxt {
    transform: translateY(0);
    /* text-align: left; */
}

    .swiperdt .swiper-slide-active .dtimgbox .dttxt h1 {
        text-align: left;
    }

.dtimgbox .dttxt p {
    font-size: .16rem;
    line-height: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: normal;
}

.dtimgbox .dttxt button {
    margin-top: 0.32rem;
    width: 1.49rem;
    height: 0.43rem;
    border: .01rem solid #fff;
    text-align: center;
    line-height: 0.43rem;
    color: #fff;
}

    .dtimgbox .dttxt button img {
        margin-left: 0.1rem;
        transition: all .5s;
    }

    .dtimgbox .dttxt button:hover img {
        margin-left: .25rem;
    }

.lsinner {
    width: 14rem;
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

    .lsinner .swiper-button-prev {
        width: 0.47rem;
        height: 0.47rem;
        background: url(../img/sylbjtz.png)no-repeat center;
        background-size: contain;
    }

    .lsinner .swiper-button-next {
        width: 0.47rem;
        height: 0.47rem;
        background: url(../img/sylbjt.png)no-repeat center;
        background-size: contain;
    }

.foot .fttp {
    background-color: #fafafa;
    padding-top: 0.42rem;
}

.fttp_l {
    margin-right: 1.5rem;
}

.fttp h1 {
    color: #000;
    font-size: .22rem;
    margin-bottom: 0.34rem;
}

.tp_l_lt {
    float: left;
    margin-right: 0.6rem;
}

    .tp_l_lt:last-child {
        margin-right: 0;
    }

    .tp_l_lt a {
        margin-bottom: 0.22rem;
        font-size: .16rem;
        color: #333333;
        display: block;
    }

        .tp_l_lt a:hover {
            opacity: .7;
        }

    .tp_l_lt .ltaitem {
        font-size: .18rem;
        font-family: 'åŠ ç²—';
    }

.fttp_c {
    float: left;
    margin-right: 1.6rem;
}

.ljbox {
    margin-top: 0.32rem;
}

.sel {
    width: 2.42rem;
    height: 0.42rem;
    border: .01rem solid #e7e7e7;
    box-sizing: border-box;
    position: relative;
    margin-top: 0.08rem;
    cursor: pointer;
}

.selipt {
    width: 100%;
    height: 100%;
    color: #333333;
    line-height: 0.42rem;
    padding-left: 0.18rem;
    box-sizing: border-box;
    position: relative;
}

    .selipt:after {
        content: '';
        position: absolute;
        right: 0.2rem;
        width: 0;
        height: 0;
        border: .07rem solid transparent;
        border-bottom: .07rem solid #959595;
        top: 50%;
        margin-top: -.09rem;
    }

.option {
    position: absolute;
    bottom: 0.42rem;
    left: -.01rem;
    width: 100%;
    background-color: #0169b5;
    height: .9rem;
    display: none;
    transition: all .5s;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 10;
    border: .01rem solid #0169b5;
    border-bottom: 0;
}

    .option::-webkit-scrollbar {
        width: .05rem;
    }

    .option::-webkit-scrollbar-thumb {
        background: #959595;
        border-radius: .05rem;
    }

    .option::-webkit-scrollbar-track {
        background: transparent;
    }

    .option a {
        width: 100%;
        height: 0.3rem;
        text-align: center;
        color: #fff;
        line-height: 0.3rem;
        display: block;
        overflow: hidden;
    }

        .option a:hover {
            background-color: #fff;
            color: #333;
        }

.sel:hover .option {
    display: block;
}

.evmbox {
    margin-top: 0.2rem;
}

    .evmbox div {
        margin-right: 0.18rem;
        float: left;
    }

        .evmbox div img {
            width: 0.94rem;
            height: 0.94rem;
            display: block;
            margin-bottom: 0.1rem;
        }

        .evmbox div p {
            color: #fff;
            font-size: .14rem;
            text-align: center;
        }

.ftcen {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    position: relative;
    text-align: center;
}

    .ftcen .cenbj {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0;
        top: 0;
    }

    .ftcen span {
        color: #fff;
        margin-right: 0.34rem;
        display: inline-block;
    }

.ftgang {
    width: 100%;
    height: .07rem;
    display: block;
}

.ftbt {
    text-align: center;
    padding-top: 0.16rem;
    padding-bottom: .1rem;
}

    .ftbt p {
        color: #9d9ea0;
        margin-bottom: 0.14rem;
    }

    .ftbt a {
        color: #9d9ea0;
    }

        .ftbt a:hover {
            color: #c71d1e;
        }

    .ftbt span {
        margin-bottom: 0.3rem;
        color: #9d9ea0;
    }

.selbj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

/* å…šå»º */

.swiper1 {
    margin-bottom: 0.42rem;
    height: 3rem;
    width: 100%;
}

    .swiper1 .swiper-pagination-bullet {
        width: 0.12rem;
        height: 0.12rem;
        background-color: #fff;
    }

    .swiper1 .swiper-slide div {
        width: 100%;
        height: 100%;
    }

    .swiper1 img {
        width: 100%;
        height: 100%;
    }

.container {
    width: 14rem;
    margin: 0 auto .6rem;
    display: flex;
}

.row {
    flex: 1;
    min-height: 5rem;
}

.slide {
    width: 2.9rem;
    margin-right: 0.62rem;
}

.sldie_ul {
    border: .01rem solid #dfe8f3;
    padding-top: 0.07rem;
}

.sldie_li {
    cursor: pointer;
    border-bottom: .01rem solid #dfe8f3;
}

    /* .sldie_li:hover .threelevel {
  display: block;
} */

    .sldie_li:last-child {
        margin-bottom: 0;
    }

.slidetit {
    background-color: #0169b5;
    height: 0.9rem;
    line-height: 0.9rem;
    padding-left: .2rem;
    font-size: .23rem;
    color: #fff;
    box-sizing: border-box;
}

.sldie_li a {
    display: block;
    height: 0.58rem;
    line-height: 0.58rem;
    width: 100%;
    background-color: #fff;
    font-size: .18rem;
    color: #232323;
    position: relative;
    transition: all .5s;
}

    .sldie_li a:after {
        content: '';
        position: absolute;
        right: 0.34rem;
        top: 50%;
        width: 0.08rem;
        height: 0.14rem;
        margin-top: -.07rem;
        background: url(../img/y.png)no-repeat center;
        background-size: contain;
    }

    .sldie_li a .bd {
        float: left;
        width: 0.03rem;
        opacity: 0;
        transition: all .5s;
        margin-right: 0.28rem;
    }

    .sldie_li a .y {
        float: right;
        width: 0.08rem;
        margin-top: .22rem;
        margin-right: 0.34rem;
    }

    .sldie_li a.on {
        color: #0169b5;
        background-color: #dfe8f3;
    }

        .sldie_li a.on .bd {
            opacity: 1;
        }

        .sldie_li a.on:after {
            background: url(../img/yh.png)no-repeat center;
            background-size: contain;
        }

    .sldie_li a:hover {
        color: #0169b5;
        background-color: #dfe8f3;
    }

        .sldie_li a:hover .bd {
            opacity: 1;
        }

        .sldie_li a:hover:after {
            background: url(../img/yh.png)no-repeat center;
            background-size: contain;
        }

.zytit {
    height: 0.48rem;
    margin-bottom: 0.36rem;
    position: relative;
    font-size: .24rem;
    color: #333333;
}

    .zytit:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.07rem;
        background: url(../img/titbj.png)no-repeat center;
        background-size: 100% 100%;
    }

.dq {
    float: right;
}

    .dq a, .dq span {
        font-size: .14rem;
        color: #666666;
    }

        .dq a:hover {
            color: #0169b5;
        }

    .dq i {
        display: inline-block;
        font-size: .14rem;
        color: #666666;
        margin: 0 .05rem;
    }

    .dq img {
        margin-right: 0.1rem;
        width: 0.14rem;
    }

.xwlist li a {
    display: block;
    margin-bottom: .2rem;
    line-height: 0.3rem;
}

.xwlist a img {
    float: left;
    width: 0.04rem;
    margin-right: 0.18rem;
    margin-top: 0.13rem;
}

.xwlist a:hover p {
    color: #0169b5;
}

.xwlist a p {
    width: 9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: .19rem;
    float: left;
}

.xwlist a span {
    float: right;
    font-size: .19rem;
    color: #898989;
}

/* åˆ†é¡µ */

.ql_fenye {
    clear: both;
    width: 100%;
    text-align: center;
    font-family: "å¾®è½¯é›…é»‘";
    font-size: .14rem;
    margin-top: .8rem;
    margin-bottom: .64rem;
    color: #666666;
}

    .ql_fenye a, .ql_fenye span {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        padding: .06rem .1rem;
        border: .01rem solid #dcdcdc;
        margin: 0 .02rem;
        background: #fff;
        line-height: .15rem;
        border-radius: .05rem;
        cursor: pointer;
    }

    .ql_fenye a {
        color: #666666;
    }

        .ql_fenye a:hover {
            color: #fff;
            border: 1px solid #20418f;
            background-color: #20418f;
        }

        .ql_fenye a.on {
            color: #fff;
            border: 1px solid #20418f;
            background-color: #20418f;
        }

    .ql_fenye span {
        border: .01rem solid #dcdcdc;
        color: #666666;
        padding: .06rem .1rem;
        font-weight: normal;
    }

    .ql_fenye > div {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .ql_fenye input {
        border: .01rem solid #dcdcdc;
        line-height: .27rem;
        height: .27rem;
        font-family: å¾®è½¯é›…é»‘;
        font-size: .15rem;
        width: .14rem;
        padding: 0 .1rem;
        border-radius: .05rem;
        margin: 0 .06rem;
    }

    .ql_fenye button {
        border: .01rem solid #dcdcdc;
        width: .56rem;
        height: .29rem;
        outline: none;
        cursor: pointer;
        color: #666666;
        line-height: .29rem;
        margin-left: .06rem;
        border-radius: .05rem;
    }

/* æ–°é—»è¯¦æƒ… */

.xwxq .xqtit {
    text-align: center;
    font-size: .3rem;
    color: #333333;
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
    font-family: 'å®‹ä½“';
}

.xq_nav {
    height: 0.44rem;
    line-height: 0.44rem;
    border-top: .01rem dashed #dcdcdc;
    border-bottom: .01rem dashed #dcdcdc;
    margin-bottom: 0.36rem;
}

.xwxq .xq_nav p {
    color: #838688;
    float: left;
}

.xwxq .xq_nav span {
    margin-right: .65rem;
    display: inline-block;
}

.xwxq .xq_nav .font {
    float: right;
}

    .xwxq .xq_nav .font span {
        border-radius: 50%;
        cursor: pointer;
        width: 0.26rem;
        height: 0.26rem;
        line-height: 0.26rem;
        text-align: center;
        margin-right: 0.1rem;
    }

        .xwxq .xq_nav .font span:hover {
            color: #fff;
            background-color: #2664ac;
        }

.xw_con p {
    font-size: .18rem;
    /* margin-bottom: 0.44rem; */
    line-height: 0.3rem;
    font-family: 'åŠ ç²—';
}

.xw_con img {
    max-width: 100%;
}

.xw_con p img {
    margin: .2rem 0;
    max-width: 100%;
}

.xw_con table td {
    border: 1px solid windowtext;
    box-sizing: border-box;
}

.xw_con iframe {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 0.2rem;
}

.xw_ret {
    margin-top: 0.8rem;
    margin-bottom: 1.4rem;
    border-top: .01rem solid #e8edf1;
    border-bottom: .01rem solid #e8edf1;
    height: .6rem;
    line-height: .6rem;
    display: flex;
    padding: 0 .1rem;
    margin-bottom: 0.68rem;
}

    .xw_ret .tit {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .xw_ret .tit[href]:hover {
            color: #0169b5;
        }

    .xw_ret .ret_btn {
        width: 1.6rem;
        height: .6rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .xw_ret .ret_btn img {
            width: 0.24rem;
            height: 0.24rem;
            transition: all .5s;
        }

        .xw_ret .ret_btn:hover img {
            transform: scale(1.1);
        }

    .xw_ret .tit:last-child {
        text-align: right;
    }

.xqbt_list {
    margin-bottom: 0.75rem;
}

    .xqbt_list .tit {
        font-size: .18rem;
        font-weight: bold;
        margin-bottom: 0.4rem;
        height: 0.44rem;
        line-height: 0.44rem;
        background-color: #f6f6f6;
        color: #284b96;
        padding-left: 0.24rem;
        width: 100%;
        box-sizing: border-box;
    }

        .xqbt_list .tit img {
            margin-left: -.05rem;
        }

.bt_con li {
    width: 45%;
    float: left;
    height: 0.38rem;
    line-height: 0.38rem;
}

    .bt_con li:nth-child(2n) {
        float: right;
    }

    .bt_con li:hover p {
        color: #284b96;
    }

    .bt_con li p {
        color: #333333;
        width: 3.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 0.3rem;
        box-sizing: border-box;
        float: left;
        position: relative;
    }

        .bt_con li p:after {
            position: absolute;
            content: '';
            left: 0;
            top: 50%;
            width: 0.05rem;
            height: 0.05rem;
            background-color: #c7cfe0;
            margin-top: -.0025rem;
        }

    .bt_con li:hover p:after {
        background-color: #284b96;
    }

    .bt_con li span {
        float: right;
        font-size: .14rem;
        color: #848484;
    }

    .bt_con li:hover span {
        color: #284b96;
    }

/* æ–°é—»ä¸­å¿ƒ */

.zxlist {
    width: 100%;
}

    .zxlist a {
        display: flex;
        border-bottom: .01rem solid #f1f3f4;
        padding-bottom: 0.26rem;
        margin-bottom: 0.28rem;
    }

.zximg {
    width: 2.14rem;
    height: 1.64rem;
    margin-right: .45rem;
    overflow: hidden;
}

    .zximg img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

.zxcon {
    flex: 1;
    margin-top: 0.24rem;
}

    .zxcon h2 {
        font-weight: normal;
        margin-bottom: 0.2rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-weight: normal;
        font-size: .2rem;
        color: #303030;
    }

    .zxcon span {
        color: #595959;
        font-size: .14rem;
        display: block;
        margin-bottom: 0.26rem;
    }

    .zxcon p {
        font-size: .14rem;
        color: #303030;
        line-height: 0.3rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-weight: normal;
    }

.zxlist a:hover h2 {
    color: #0169b5;
}

.zxlist a:hover .zximg img {
    transform: scale(1.1);
}

.fcbox a {
    float: left;
    width: 3.36rem;
    margin-bottom: 0.3rem;
    margin-right: 0.2rem;
}

    .fcbox a:nth-child(3n) {
        margin-right: 0;
    }

    .fcbox a div {
        width: 100%;
        height: 2rem;
        overflow: hidden;
    }

.fcbox div img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}

.fcbox p {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #232323;
    font-size: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fcbox a:hover img {
    transform: scale(1.1);
}

.fcbox a:hover p {
    color: #0169b5;
}

/* å·¥ç¨‹è¯¦æƒ… */

.gclb .swiper-wrapper {
    height: 6.3rem;
}

.gallery-top {
    width: 10.5rem;
    height: 6.3rem;
    float: left;
}

.gallery-thumbs {
    width: 3.26rem;
    height: 6.3rem;
    float: right;
}

    .gallery-thumbs .swiper-wrapper {
        display: block;
    }

    .gallery-thumbs img {
        width: 100%;
        height: 1.96rem;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.gclb {
    width: 100%;
    margin-bottom: 0.7rem;
    height: 6.3rem;
}

.gallery-top img {
    width: 10.5rem;
    height: 6.3rem;
}

.gallery-thumbs .swiper-button-next {
    width: 100%;
    right: 0;
    bottom: 0;
    top: initial;
    height: 0.38rem;
    background: url(../img/btmjt.png)no-repeat center;
    background-size: cover;
}

.gallery-thumbs .swiper-button-prev {
    width: 100%;
    left: 0;
    top: .23rem;
    height: 0.38rem;
    background: url(../img/topjt.png)no-repeat center;
    background-size: cover;
}

.xwicon1 {
    text-align: center;
    font-size: .38rem;
    color: #333333;
    font-family: 'å®‹ä½“';
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
    font-weight: bold;
}

    .xwicon1 img:first-child {
        /* margin-right: 0.24rem; */
        width: 1.65rem;
    }

    .xwicon1 img:last-child {
        /* margin-left: 0.24rem; */
        width: 1.65rem;
    }

.gcxqbox p {
    border-bottom: .01rem solid #e9edf1;
}

/* è”ç³»æˆ‘ä»¬ */

.lxbox p {
    line-height: 0.3rem;
}

.lxbox img {
    max-width: 100%;
    display: block;
    margin: .3rem auto;
}

/* ä¼ä¸šè§†é¢‘ */

.spbox a {
    float: left;
    width: 5rem;
    position: relative;
    margin-bottom: 0.45rem;
}

    .spbox a img {
        height: 3rem;
        width: 100%;
    }

    .spbox a p {
        height: 0.64rem;
        line-height: 0.64rem;
        color: #232323;
        font-size: .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all .5s;
    }

    .spbox a .spmask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        transition: all .5s;
        height: 3rem;
    }

    .spbox a:hover .spmask {
        opacity: 1;
    }

    .spbox a:hover p {
        color: #0169b5;
    }

    .spbox a:nth-child(2n) {
        float: right;
    }

/* ä¼ä¸šèµ„è´¨ */

.zzbox a {
    width: 3.02rem;
    float: left;
    margin-bottom: 0.38rem;
    margin-right: 0.56rem;
}

    .zzbox a:nth-child(3n) {
        margin-right: 0;
    }

.zzbox .zzimg {
    width: 100%;
    height: 2rem;
    overflow: hidden;
    border: .01rem solid #e0deda;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .zzbox .zzimg img {
        transition: all .5s;
        width: 100%;
    }

.zzbox a:hover .zzimg img {
    transform: scale(1.1);
}

.zzbox a:hover p {
    color: #0169b5;
}

.zzbox p {
    height: 0.7rem;
    line-height: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: .18rem;
    color: #211816;
}

.zzxq {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.5rem;
    width: 100%;
}

.zzxqp {
    font-size: .18rem;
    color: #211816;
    text-align: center;
    margin: .3rem 0;
    line-height: 0.3rem;
}

/* æ”¹é©å‘å±• */

.ggbox {
    border-bottom: .01rem solid #efefef;
    margin-bottom: 0.3rem;
}

    .ggbox:last-child {
        border-bottom: 0;
    }

    .ggbox a {
        display: block;
        padding-bottom: 0.3rem;
    }

    .ggbox img {
        float: left;
        width: 0.05rem;
        margin-top: 0.1rem;
        margin-right: 0.14rem;
    }

    .ggbox p {
        width: 12.5rem;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .19rem;
        color: #333;
    }

    .ggbox a:hover p {
        color: #0169b5;
    }

    .ggbox span {
        float: right;
        font-size: .19rem;
        color: #898989;
    }

/* æ‹›è´¤çº³å£« */

.zxns a {
    width: 4.46rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
    border: .01rem solid #f0f0f0;
    box-sizing: border-box;
    padding: .3rem.26rem;
    float: left;
}

    .zxns a:nth-child(3n) {
        margin-right: 0;
    }

.zxns .tit {
    font-size: .22rem;
    padding-bottom: 0.24rem;
    border-bottom: .01rem solid #dcdcdc;
    margin-bottom: 0.24rem;
}

.nscon {
    display: flex;
    font-size: .15rem;
    color: #333333;
    margin-bottom: 0.16rem;
}

    .nscon p {
        line-height: 0.2rem;
    }

        .nscon p:first-child {
            width: 0.84rem;
        }

        .nscon p:last-child {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

.ckxq {
    padding-top: 0.22rem;
    border-top: .01rem solid #dcdcdc;
    font-size: .13rem;
    color: #666666;
}

    .ckxq img {
        float: right;
        width: 0.42rem;
    }

.zxns a:hover .tit {
    color: #0169b5;
}

.zxns a:hover .ckxq {
    color: #0169b5;
    border-top: .01rem solid #0169b5;
}

/* æ‹›è´¤è¯¦æƒ… */

.nsxq .tit {
    font-size: .24rem;
    margin-bottom: 0.22rem;
}

.nsxq {
    padding: .3rem;
    border: .01rem solid #f0f0f0;
    margin-bottom: 0.4rem;
}

    .nsxq .tp {
        height: 0.74rem;
        line-height: 0.74rem;
        border-top: .01rem solid #dcdcdc;
        border-bottom: .01rem solid #dcdcdc;
        display: flex;
        justify-content: space-between;
        color: #333333;
        margin-bottom: 0.3rem;
    }

.nsxqcon div {
    font-size: .2rem;
    color: #333333;
    font-family: 'å®‹ä½“', 'åŠ ç²—';
    line-height: 0.3rem;
    font-weight: bold;
}

.nsxqcon p {
    font-size: .18rem;
    color: #333333;
    line-height: 0.3rem;
}

.nsxqcon a {
    display: inline-block;
    margin-top: 0.5rem;
    width: 1.72rem;
    height: 0.5rem;
    line-height: 0.46rem;
    text-align: center;
    margin-right: 0.22rem;
    font-size: .18rem;
    box-sizing: border-box;
    transition: all .5s;
    border: .02rem solid transparent;
}

.nsxqcon .ljsq {
    background-color: #0169b5;
    color: #fff;
}

.nsxqcon .zxyp {
    border: .02rem solid #0169b5;
    color: #0169b5;
}

.ljsq:hover {
    border: .02rem solid #0169b5;
    color: #0169b5;
    background-color: #fff;
}

.zxyp:hover {
    background-color: #0169b5;
    color: #fff;
}

/* ä¿¡æ¯å…¬å¼€ */

.threelevel {
    overflow: hidden;
    display: none;
}

    .threelevel .threehref {
        background: #d0dbe8;
        padding-left: 0.3rem;
        box-sizing: border-box;
        font-size: .16rem;
    }

        .threelevel .threehref:after {
            background: url(../img/ywhite.png)no-repeat center;
            background-size: contain;
        }

    .threelevel .zgshref {
        background: #fff;
        padding-left: 0.3rem;
        box-sizing: border-box;
        font-size: .16rem;
    }

.ldbox {
    padding-bottom: 0.4rem;
    margin-bottom: 0.5rem;
    border-bottom: .01rem solid #e3e5e9;
}

    .ldbox:last-child {
        margin-bottom: 1.32rem;
        border-bottom: 0;
    }

    .ldbox a {
        float: left;
        width: 1.38rem;
        margin-right: 0.68rem;
        text-align: center;
    }

    .ldbox img {
        width: 1.38rem;
    }

    .ldbox div {
        font-size: .2rem;
        color: #2e2e2e;
        line-height: 0.3rem;
        margin: .14rem 0;
    }

    .ldbox p {
        font-size: .16rem;
        color: #2e2e2e;
        line-height: 0.2rem;
    }

    .ldbox a:hover div {
        color: #0169b5;
    }

/* ä¿¡æ¯å…¬å¼€è¯¦æƒ… */

.gkxq {
    display: flex;
}

    .gkxq .ldbox {
        width: 1.38rem;
        margin-right: 1rem;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

.grjl {
    flex: 1;
}

    .grjl .tit {
        margin-bottom: 0.28rem;
        font-size: .24rem;
        color: #1b4292;
    }

    .grjl p {
        font-size: .18rem;
        color: #2e2e2e;
        line-height: 0.3rem;
        margin-bottom: 0.24rem;
    }

        .grjl p:first-child {
            margin-right: 0.38rem;
        }

.zzjg {
    margin-top: 0.85rem;
    margin-bottom: 2rem;
}

    .zzjg img {
        width: 100%;
    }

/* å…¬å¸å¹´æŠ¥ */

.ggxx {
    padding-bottom: 0.3rem;
    margin-bottom: 0.28rem;
    border-bottom: .01rem solid #e3e5e9;
}

.nbxq {
    margin-bottom: 0.55rem;
}

    .nbxq img {
        max-width: 100%;
    }

    .nbxq .tit {
        text-align: center;
        color: #1b4292;
        font-size: .24rem;
    }

        .nbxq .tit img {
            width: 4.2rem;
        }

    .nbxq .jc {
        display: flex;
        background-color: #efefef;
        height: 0.6rem;
        line-height: 0.6rem;
        padding: 0 .38rem;
        box-sizing: border-box;
        color: #222222;
        font-size: .18rem;
        justify-content: space-between;
        margin-top: 0.38rem;
        margin-bottom: 0.48rem;
    }

.xxbox {
    margin-bottom: 0.28rem;
    overflow: hidden;
}

    .xxbox p {
        width: 4.9rem;
        padding: 0 .3rem;
        box-sizing: border-box;
        line-height: 0.3rem;
        font-size: .18rem;
        color: #222;
    }

        .xxbox p:first-child {
            margin-right: 0.5rem;
            float: left;
        }

        .xxbox p:last-child {
            float: right;
        }

.w100 p {
    width: 100%;
    display: block;
    line-height: 0.4rem;
}

    .w100 p:first-child {
        margin-bottom: 0.38rem;
    }

.glxx {
    margin-bottom: .5rem;
}

.m1 {
    margin-bottom: 1rem;
}

.firtit {
    font-size: .22rem;
    margin-bottom: 0.34rem;
    color: #222222;
}

.wz {
    float: left;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
}

    .wz p {
        float: left;
        margin-right: 0.2rem;
    }

.cwsj {
    margin-top: 0.56rem;
    margin-bottom: 0.54rem;
    border: .01rem solid #e2e2e2;
}

    .cwsj div {
        min-height: 0.36rem;
        line-height: 0.36rem;
        padding: 0 .43rem;
        box-sizing: border-box;
        color: #333;
        font-weight: bold;
    }

        .cwsj div p {
            width: 2.8rem;
            float: left;
            margin-right: 0.3rem;
        }

        .cwsj div:nth-child(odd) {
            background-color: #f6f6f6;
        }

.gxbox {
    float: left;
    margin-right: 0.26rem;
    margin-bottom: 0.28rem;
    border: .01rem solid #bcc0c5;
    width: 3.3rem;
    box-sizing: border-box;
}

    .gxbox:nth-child(3n) {
        margin-right: 0;
    }

.gsimg {
    height: 2.1rem;
    overflow: hidden;
    width: 100%;
}

    .gsimg img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

.gxbox:hover .gsimg img {
    transform: scale(1.1);
}

.gxbox:hover h1 {
    color: #1b4292;
}

.gxbox h1 {
    margin-top: 0.28rem;
    color: #1d1d1d;
    font-size: .24rem;
    width: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gxbox p {
    margin-top: 0.34rem;
    margin-bottom: 0.26rem;
    text-align: center;
    font-size: .14rem;
}

    .gxbox p img {
        margin-left: 0.1rem;
    }

/* å¼•å¯¼é¡µ */

.guide {
    width: 100%;
    height: 100vh;
    background: url(../img/indexdtbj.jpg)no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

    .guide .ydlogo {
        width: 7.02rem;
        display: block;
        margin: 0.3rem auto 0;
    }

        .guide .ydlogo img {
            width: 100%;
        }

.guidetz {
    width: 2.36rem;
    height: 0.67rem;
    color: #0168b3;
    text-align: center;
    line-height: 0.67rem;
    font-size: .34rem;
    font-weight: bold;
    border-radius: .7rem;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1.18rem;
    bottom: 1rem;
    transition: all .5s;
    background: url(../img/guidetz.png)no-repeat center center;
    background-size: contain;
}

    .guidetz:hover {
        opacity: .7;
    }

/* ç½‘ç«™åœ°å›¾ */

.dt_list {
    width: 100%;
    overflow: hidden;
    margin-top: 0.67rem;
    margin-bottom: 1.4rem;
    display: flex;
    justify-content: space-between;
}

    .dt_list li > a {
        font-size: .22rem;
        color: #000;
        padding: 0 .41rem 0;
        height: .4rem;
        display: block;
        margin-bottom: 0.2rem;
    }

    .dt_list li:hover > a, .dt_list li .item a:hover {
        color: #0169b5;
    }

    .dt_list li .item a {
        display: block;
        font-size: .18rem;
        margin-bottom: 0.1rem;
        text-align: center;
        height: 0.38rem;
        line-height: 0.38rem;
    }

/* å¼•å¯¼é¡µåœ°å›¾ */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

.mdzs-san .nmdt ul li:hover > img {
    display: block;
}

.guidebox {
    width: 41.3%;
    height: 65%;
    background: url(../img/dt.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-left: 4rem;
    margin-top: 2rem;
}

    .guidebox li {
        /* display: table; */
    }

.t_one {
    width: 33.3%;
    height: 38%;
    position: absolute;
    top: 0%;
    right: 0%;
}

.guidebox li > img {
    display: none;
    width: 100%;
    height: 100%;
}

.guidebox li > span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/zb.png) no-repeat;
    background-position: 50% 40%;
    font-size: 12px;
    line-height: 3;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mdzs-san .nmdt {
    width: 100%;
    /* height: 5.34rem; */
    height: 6.95rem;
    /* background: url('../img/mdzs11.png') no-repeat;
	background-size: 100%; */
}

    .mdzs-san .nmdt > ul {
        width: 9.93rem;
        height: 5.91rem;
        /* margin-top: 0; */
        margin-left: 24%;
        background: url(../img/dt.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
    }

    .mdzs-san .nmdt ul .t-one {
        width: 3.33rem;
        height: 2.85rem;
        position: absolute;
        top: 0;
        right: .3%;
    }

    .mdzs-san .nmdt ul .t-two {
        width: 2.87rem;
        height: 3.21rem;
        position: absolute;
        top: 38.5%;
        left: .4%;
    }

    .mdzs-san .nmdt ul .t-three {
        width: .54rem;
        height: .3rem;
        position: absolute;
        bottom: 15.19%;
        left: 25.35%;
        z-index: 22;
    }

    .mdzs-san .nmdt ul .t-four {
        width: 1.56rem;
        position: absolute;
        height: 1.08rem;
        bottom: 19.8%;
        left: 23.6%;
    }

    .mdzs-san .nmdt ul .t-five {
        width: 1.95rem;
        position: absolute;
        height: 1.33rem;
        bottom: .4%;
        left: 23%;
    }

    .mdzs-san .nmdt ul .t-six {
        width: .83rem;
        position: absolute;
        height: 1.24rem;
        bottom: 15%;
        left: 35.78%;
    }

    .mdzs-san .nmdt ul .t-seven {
        width: .47rem;
        position: absolute;
        height: .84rem;
        bottom: 8.3%;
        z-index: 10;
        left: 41.4%;
    }

    .mdzs-san .nmdt ul .t-eight {
        width: 1.25rem;
        position: absolute;
        bottom: 11.2%;
        height: 1.62rem;
        left: 43.5%;
    }

    .mdzs-san .nmdt ul .t-nine {
        width: 2.97rem;
        position: absolute;
        bottom: 17.6%;
        height: 2.08rem;
        left: 45.9%;
    }

    .mdzs-san .nmdt ul .t-ten {
        width: 1.38rem;
        position: absolute;
        bottom: 26.5%;
        height: 1.89rem;
        left: 75.3%;
    }

    .mdzs-san .nmdt ul .t-eleven {
        width: 1.35rem;
        position: absolute;
        bottom: 14.5%;
        height: 1.61rem;
        left: 72.7%;
    }

    .mdzs-san .nmdt ul .t-twen {
        width: 1.31rem;
        position: absolute;
        bottom: 9.5%;
        left: 63.2%;
        height: 1.65rem;
    }

    .mdzs-san .nmdt ul li {
        /* display: table; */
    }

        .mdzs-san .nmdt ul li > img {
            display: none;
            width: 100%;
            height: 100%;
        }

        .mdzs-san .nmdt ul li > span {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: url("../img/zb.png") no-repeat;
            background-position: 50% 40%;
            font-size: 12px;
            line-height: 3;
            font-weight: bold;
            text-align: center;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .mdzs-san .nmdt ul li > span:hover {
                color: #fff;
                background: url("../img/zbh.png") no-repeat center;
                background-position: 50% 40%;
            }

                .mdzs-san .nmdt ul li > span:hover .dtkuang {
                    display: block;
                }

.nmdt .t-four span, .nmdt .t-seven span {
    top: -0.1rem;
    padding-top: .1rem;
}

.gsdz {
    width: 84%;
    height: 1.45rem;
    margin: 0 auto;
    overflow-y: scroll;
    margin-top: .3rem;
}

    .gsdz::-webkit-scrollbar {
        width: .02rem;
    }

    .gsdz::-webkit-scrollbar-thumb {
        background: #0168b3;
    }

    .gsdz::-webkit-scrollbar-track {
        background: #d0d0d0;
    }

    .gsdz a:hover {
        color: #0168b3;
    }

        .gsdz a:hover:after {
            border: .02rem solid #0168b3;
        }

    .gsdz a {
        display: block;
        color: #333;
        height: 0.3rem;
        line-height: 0.3rem;
        font-family: 'å®‹ä½“';
        font-weight: bold;
        text-align: left;
        padding: 0 .3rem;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

        .gsdz a:after {
            position: absolute;
            content: '';
            left: 0;
            width: 0.1rem;
            height: 0.1rem;
            border-radius: 50%;
            border: .02rem solid #333333;
            box-sizing: border-box;
            top: 50%;
            margin-top: -.05rem;
        }

.nmdt .dtli .dtkuang {
    width: 5.7rem;
    height: 3.7rem;
    position: absolute;
    top: -1rem;
    left: 2.2rem;
    z-index: 99;
    background: url(../img/dtkuang.png)no-repeat center;
    background-size: contain;
    display: none;
}

.nmdt .dtkuang h2 {
    width: 84%;
    margin: .6rem auto 0;
    font-size: .38rem;
    font-weight: bold;
    color: #333;
    height: .5rem;
    line-height: 0.5rem;
    display: table;
    text-align: left;
}

.nmdt .t-ten .dtkuang {
    top: -1rem;
    left: 0.6rem;
}

.nmdt .t-eleven .dtkuang {
    top: -1.5rem;
    left: 1rem;
}

.nmdt .t-twen .dtkuang {
    top: -2rem;
    left: .5rem;
}

.nmdt .t-nine .dtkuang {
    top: -1rem;
    left: 1.2rem;
}

.nmdt .t-eight .dtkuang {
    left: 0.5rem;
}

.nmdt .t-six .dtkuang {
    left: 0.2rem;
}

.nmdt .t-seven .dtkuang {
    top: -2rem;
    left: 0.1rem;
}

.nmdt .t-five .dtkuang {
    top: -2rem;
    left: 1rem;
}

.nmdt .t-four .dtkuang {
    top: -2rem;
    left: 1rem;
}

.nmdt .t-three .dtkuang {
    top: -2rem;
    left: 0.2rem;
}

/* æ¸…æ˜Žã€ç¥­ç¥€ç±»æ´»åŠ¨ä¸»ä½“èƒŒæ™¯ */

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

center {
    height: 4rem;
    line-height: 4rem;
}

.xwtab .xwrt .rt_l h1{

	width:3.5rem !important;

}
