.wm-explain-icon {
    display: block;
    width: 180px;
    height: 160px;
    margin: 30px auto 20px;
    background: url("img/L7.png?20190328") center no-repeat;
    background-size: 100% auto
}

.wm-explain-icon1 {
    background-position: 0 0
}

.wm-explain-icon2 {
    background-position: 0 -200px
}

.wm-explain-icon3 {
    background-position: 0 -400px
}

.wm-explain-icon4 {
    background-position: 0 -600px
}

.wm-explain-icon5 {
    background-position: 0 -790px
}

.wm-explain-icon6 {
    background-position: 0 -990px
}

.wm-explain-icon7 {
    background-position: 0 -1180px
}

.wm-explain-icon8 {
    background-position: 0 -1380px
}

.wm-explain-icon9 {
    background-position: 0 -1580px
}

.wm-explain-icon10 {
    background-position: 0 -1760px
}

.wm-explain-icon11 {
    background-position: 0 -1960px
}

.wm-explain-icon12 {
    background-position: 0 -2160px
}

.wm-explain {
    width: 6.74667rem
}

.wm-explain-t {
    text-align: left;
    font-weight: 700;
    font-size: .4rem;
    color: #595961;
    letter-spacing: .04rem;
    line-height: .4rem
}

.wm-explain-des {
    margin-top: .18667rem;
    text-align: left;
    font-size: .32rem;
    color: #9797a1;
    letter-spacing: .02667rem;
    line-height: .45333rem
}

.wm-f5-bot {
    font-size: .32rem;
    line-height: .48rem
}
.banner-bg {
    background: url("img/banner.png") no-repeat center;
    background-size: cover;
    height: 100%
}

.banner-t {
    margin-top: 169px;
    text-align: center;
    font-size: 48px;
    color: #FFF
}

.banner-subt {
    margin-top: 14px;
    line-height: 36px
}

.banner-subt,.banner-btn {
    font-size: 24px;
    text-align: center;
    color: #FFF
}

.banner-btn {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background: #2689ff;
    border-radius: 5px;
    margin: 64px auto 0
}

.banner-btn:hover {
    background-color: #2755e1
}


.m-ban.kld {
    background-color: #00d1dd
}

.kld .m-ban-lnk:hover,.kld .m-snav-b.s1,.kld .m-snav-b:hover {
    color: #279ce4
}

.kld .m-ban1-img {
    right: -46px;
    top: 80px;
    width: 536px;
    height: 414px
}

.kld .m-ban-lnk-h {
    margin-left: -60px
}

.kld-2f-title {
    font-size: 30px;
    color: #595961;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 700;
    margin-top: 80px;
    text-align: center
}

.kld-2f-items-wrap {
    width: 100%;
    overflow: hidden;
    margin-top: 68px
}

.kld-2f-items {
    margin-bottom: 22px;
    width: 1400px
}

.kld-2f-item {
    float: left;
    margin-right: 91px;
    width: 124px
}

.kld-2f-icon {
    background: url(img/kld-2f-icon.png) center center no-repeat;
    height: 124px
}

.kld-2f-icon-cyms {
    background-position: 0 0
}

.kld-2f-icon-jbyd {
    background-position: 0 -134px
}

.kld-2f-icon-jhsy {
    background-position: 0 -268px
}

.kld-2f-icon-jypx {
    background-position: 0 -402px
}

.kld-2f-icon-kgms {
    background-position: 0 -536px
}

.kld-2f-icon-lrhy {
    background-position: 0 -670px
}

.kld-2f-icon-qzhy {
    background-position: 0 -804px
}

.kld-2f-icon-shfw {
    background-position: 0 -938px
}

.kld-2f-icon-xxyl {
    background-position: 0 -1072px
}

.kld-2f-icon-xyhz {
    background-position: 0 -1206px
}

.kld-2f-icon-ydjs {
    background-position: 0 -1340px
}

.kld-2f-icon-zhsc {
    background-position: 0 -1474px
}

.kld-2f-t {
    font-size: 16px;
    color: #595961;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 56px
}

.kld-3f-wrap {
    background: #f6f6f6
}

.kld-3f-items>img {
    max-width: 1180px
}

.kld-4f-nav {
    border-bottom: 1px solid #ddd;
    margin: 0 36px;
    font-size: 0
}

.kld-4f-nav>li {
    width: 376px;
    padding: 13px 0;
    display: inline-block;
    font-size: 22px;
    cursor: pointer
}

.kld-4f-nav>li.active {
    border-bottom: 2px solid #17bce5;
    color: #17bce5;
    margin-bottom: -1px
}

.kld-4f-cont {
    position: relative;
    overflow: hidden
}

.kld-4f-cont>li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.02,.01,.47,1);
    filter: alpha(opacity=0)
}

.kld-4f-cont>li.active {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100)
}

.g-maxw {
    max-width: 1200px
}

.kld-4f-tl {
    text-indent: 4em;
    text-align: left
}

.kld-5f-wrap {
    background: #f6f6f6
}

.kld-5f-items>img {
    max-width: 1170px
}

.kld-7f-wrap {
    background: #f6f6f6
}

.kld-8f-items {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px
}

.kld-8f-items>li {
    display: inline-block;
    width: 256px;
    height: 330px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(138,138,138,.1);
    -moz-box-shadow: 0 10px 20px 0 rgba(138,138,138,.1);
    box-shadow: 0 10px 20px 0 rgba(138,138,138,.1);
    border-radius: 10px;
    margin: 30px 20px
}

.kld-8f-icon {
    width: 180px;
    height: 160px;
    margin: 30px auto 20px;
    background: url(img/kld-8f-icon.png) center center no-repeat
}

.kld-8f-icon-cw {
    background-position: 0 0
}

.kld-8f-icon-hy {
    background-position: 0 -170px
}

.kld-8f-icon-jy {
    background-position: 0 -340px
}

.kld-8f-icon-yx {
    background-position: 0 -510px
}

.kld-8f-title {
    font-size: 20px;
    color: #595961;
    letter-spacing: 2px;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px
}

.kld-8f-des {
    font-size: 14px;
    color: #9a9aa9;
    text-align: center;
    line-height: 24px
}

.kld-9f-wrap {
    background: #f6f6f6
}

.kld-9f-items {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px
}

.kld-9f-items>li {
    display: inline-block;
    width: 296px;
    margin-bottom: 30px
}

.kld-9f-icon {
    width: 160px;
    height: 160px;
    margin: 0 auto 30px
}

.kld-9f-title {
    font-size: 18px;
    margin-bottom: 10px
}

.kld-9f-title,.kld-9f-des {
    color: #595961;
    text-align: center;
    line-height: 24px
}

.kld-9f-des {
    font-size: 14px
}

.kld-9f-icon {
    background: url(img/kld-9f-icon.png) center center no-repeat
}

.kld-9f-icon-posj {
    background-position: 0 0
}

.kld-9f-icon-wfsj {
    background-position: 0 -170px
}

.kld-9f-icon-wsc {
    background-position: 0 -340px
}

.kld-9f-icon-wz {
    background-position: 0 -510px
}

.kld-10f-items {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    width: 1136px;
    margin: 70px auto 80px
}

.kld-10f-item {
    position: relative;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    display: inline-block
}

.kld-10f-item,.kld-10f-item>img {
    width: 280px;
    height: 173px
}

.kld-10f-qr {
    width: 283px;
    height: 282px;
    position: absolute;
    top: -44px;
    left: -1px;
    background: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    border: 1px solid #DDD;
    z-index: 10;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.kld-10f-item:hover .kld-10f-qr {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.kld-10f-qr>img {
    width: 282px;
    height: 282px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .kld-2f-icon {
        background-image: url(img/kld-2f-icon@2x.png);
        background-size: 100% auto
    }

    .kld-8f-icon {
        background-image: url(img/kld-8f-icon@2x.png);
        background-size: 100% auto
    }

    .kld-9f-icon {
        background-image: url(img/kld-9f-icon@2x.png);
        background-size: 100% auto
    }
}