@charset "UTF-8"; /*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0!important;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,ul {
    list-style: none
}

q:after,q:before {
    content: ''
}

fieldset,img {
    border: 0
}

abbr,acronym {
    border: 0
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.col-c,.col-l,.col_c,.col_l,.l {
    float: left
}

.col-r,.col_r,.r {
    float: right
}

.c {
    clear: both
}

.fix {
    zoom:1}

.fix:after,.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

em {
    font-weight: 400;
    font-style: normal
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif
}

img {
    max-width: 100%;
    border: none
}

input,select,textarea {
    font-size: 14px;
    color: #333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif
}

input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

select::-ms-expand {
    display: none
}

a {
    color: #333;
    text-decoration: none
}

/*!-----------------[初始化结束]--------------*/
@font-face {
    font-family: SourceHanSerifCN;
    src: url(../fonts/SourceHanSerifCN-Bold.otf)
}

.wp {
    width: 95%;
    max-width: 16rem;
    margin: 0 auto
}

/*!******************************
    -------[=导航]-------
********************************/
.menuBtn {
    display: none;
    position: fixed;
    top: .24rem;
    right: .24rem;
    width: .6rem;
    height: .6rem;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.menuBtn b {
    display: block;
    height: .06rem;
    background-color: #fff;
    margin: .08rem 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.menuBtn.open b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.08rem;
    width: .6rem
}

.menuBtn.open b:first-child {
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

/*!******************************
    -------[=公用]-------
********************************/
#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 9990009;
    display: none
}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #004585;
    z-index: -1
}

#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
    height: 42px;
    margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px
}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 20px auto;
    height: 130px
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    font-size: 80px;
    line-height: 80px
}

#browser-modal .browser-content .browser-item .iconchrome {
    background: url(../images/bro.png) no-repeat
}

#browser-modal .browser-content .browser-item .iconfirefox {
    background: url(../images/bro.png) 0 -100px no-repeat
}

#browser-modal .browser-content .browser-item .iconopera {
    background: url(../images/bro.png) 0 -200px no-repeat
}

#browser-modal .browser-content .browser-item .iconEdge {
    background: url(../images/bro.png) 0 -300px no-repeat
}

#browser-modal .browser-content .browser-item a {
    cursor: pointer;
    display: block
}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width: 1200px) {
    .menuBtn {
        display:block
    }

    .wp {
        padding: 0 .5rem;
        max-width: none;
        width: auto
    }
}

:root {
    --fz12: 0.12rem;
    --fz14: 0.14rem;
    --fz16: 0.16rem;
    --fz18: 0.18rem;
    --fz20: 0.2rem;
    --fz22: 0.22rem;
    --fz24: 0.24rem;
    --fz26: 0.26rem;
    --fz28: 0.28rem;
    --fz30: 0.3rem;
    --fz32: 0.32rem;
    --fz34: 0.34rem;
    --fz36: 0.36rem;
    --fz38: 0.38rem;
    --fz40: 0.4rem;
    --fz42: 0.42rem;
    --fz44: 0.44rem;
    --fz46: 0.46rem;
    --fz48: 0.48rem;
    --fz50: 0.5rem
}

.fz12 {
    font-size: var(--fz12)
}

.fz14 {
    font-size: var(--fz14)
}

.fz16 {
    font-size: var(--fz16)
}

.fz18 {
    font-size: var(--fz18)
}

.fz20 {
    font-size: var(--fz20)
}

.fz22 {
    font-size: var(--fz22)
}

.fz24 {
    font-size: var(--fz24)
}

.fz26 {
    font-size: var(--fz26)
}

.fz28 {
    font-size: var(--fz28)
}

.fz30 {
    font-size: var(--fz30)
}

.fz32 {
    font-size: var(--fz32)
}

.fz34 {
    font-size: var(--fz34)
}

.fz36 {
    font-size: var(--fz36)
}

.fz38 {
    font-size: var(--fz38)
}

.fz40 {
    font-size: var(--fz40)
}

.fz42 {
    font-size: var(--fz42)
}

.fz44 {
    font-size: var(--fz44)
}

.fz46 {
    font-size: var(--fz46)
}

.fz48 {
    font-size: var(--fz48)
}

.fz50 {
    font-size: var(--fz50)
}

@media screen and (max-width: 1920px) {
    :root {
        --fz12:12px
    }
}

@media screen and (max-width: 1525px) {
    :root {
        --fz14:0.16rem;
        --fz16: 0.18rem;
        --fz18: 0.2rem;
        --fz20: 0.22rem;
        --fz22: 0.24rem;
        --fz24: 0.26rem;
        --fz26: 0.28rem;
        --fz28: 0.3rem;
        --fz30: 0.32rem;
        --fz32: 0.34rem;
        --fz34: 0.36rem;
        --fz36: 0.38rem;
        --fz38: 0.4rem;
        --fz40: 0.42rem;
        --fz42: 0.44rem;
        --fz44: 0.46rem;
        --fz46: 0.48rem;
        --fz48: 0.5rem;
        --fz50: 0.52rem
    }
}

@media screen and (max-width: 1342px) {
    :root {
        --fz14:0.18rem;
        --fz16: 0.2rem;
        --fz18: 0.22rem;
        --fz20: 0.24rem;
        --fz22: 0.26rem;
        --fz24: 0.28rem;
        --fz26: 0.3rem;
        --fz28: 0.32rem;
        --fz30: 0.34rem;
        --fz32: 0.36rem;
        --fz34: 0.38rem;
        --fz36: 0.4rem;
        --fz38: 0.42rem;
        --fz40: 0.44rem;
        --fz42: 0.46rem;
        --fz44: 0.48rem;
        --fz46: 0.5rem;
        --fz48: 0.52rem;
        --fz50: 0.54rem
    }
}

@media screen and (max-width: 1199px) {
    :root {
        --fz12:0.2rem;
        --fz14: 0.24rem;
        --fz16: 0.28rem;
        --fz18: 0.32rem;
        --fz20: 0.36rem;
        --fz22: 0.4rem;
        --fz24: 0.44rem;
        --fz26: 0.48rem;
        --fz28: 0.52rem;
        --fz30: 0.56rem;
        --fz32: 0.56rem;
        --fz34: 0.56rem;
        --fz36: 0.56rem;
        --fz38: 0.56rem;
        --fz40: 0.56rem;
        --fz42: 0.56rem;
        --fz44: 0.56rem;
        --fz46: 0.56rem;
        --fz48: 0.56rem;
        --fz50: 0.56rem
    }
}

@media screen and (max-width: 959px) {
    :root {
        --fz12:0.24rem;
        --fz14: 0.26rem;
        --fz16: 0.28rem;
        --fz18: 0.3rem;
        --fz20: 0.32rem;
        --fz22: 0.34rem;
        --fz24: 0.36rem;
        --fz26: 0.38rem;
        --fz28: 0.4rem;
        --fz30: 0.42rem;
        --fz32: 0.42rem;
        --fz34: 0.42rem;
        --fz36: 0.42rem;
        --fz38: 0.42rem;
        --fz40: 0.42rem;
        --fz42: 0.42rem;
        --fz44: 0.42rem;
        --fz46: 0.42rem;
        --fz48: 0.42rem;
        --fz50: 0.42rem
    }
}

/*!****** lib.css end *******/
/*!****** bl *******/
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    height: 1.17rem;
    z-index: 999
}

.header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(#043db0),color-stop(36%,#2a8aff),color-stop(71%,#008cff),to(#2262ca));
    background: -webkit-linear-gradient(top,#043db0 0,#2a8aff 36%,#008cff 71%,#2262ca 100%);
    background: -moz- oldlinear-gradient(top,#043db0 0,#2a8aff 36%,#008cff 71%,#2262ca 100%);
    background: -o-linear-gradient(top,#043db0 0,#2a8aff 36%,#008cff 71%,#2262ca 100%);
    background: linear-gradient(180deg,#043db0 0,#2a8aff 36%,#008cff 71%,#2262ca 100%);
    pointer-events: none;
    z-index: 2
}

.header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.36rem;
    background: url(../images/h-mk.png) no-repeat center top;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    pointer-events: none
}

.header .wp {
    position: relative;
    z-index: 2;
    max-width: none;
    width: auto;
    padding: 0 .6rem
}

.logo {
    float: left;
    font-size: 0;
    padding-top: .22rem
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    height: .95rem
}

.h-r {
    float: right
}

.h-opts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .2rem 0 .14rem
}

.nav {
    float: right
}

.nav li {
    position: relative;
    padding: 0 .16rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .4rem
}

.nav li:last-child {
    padding-right: 0
}

.nav .v1 {
    font-size: var(--fz20);
    color: #fff;
    position: relative;
    display: block;
    font-weight: 700
}

.nav .dropicon {
    display: block;
    width: .08rem;
    height: .04rem;
    background: url(../images/dp.svg) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-left: .08rem
}

.nav .ok .v1::after,.nav .on .v1::after {
    opacity: 1
}

.nav .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    padding: 0 .1rem;
    display: none
}

.nav .sub .v2 {
    display: block;
    font-size: var(--fz16);
    color: #333;
    line-height: .4rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    text-align: center;
    padding: 0 .1rem;
    border-bottom: 1px solid #eee;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nav .sub .v2:last-child {
    border-bottom: none
}

.nav .sub .v2:hover {
    background-color: #fff;
    color: #285dc9
}

.h-so {
    position: relative
}

.h-so .icon {
    width: .32rem;
    height: .32rem;
    background: url(../images/h-so.svg) no-repeat center;
    cursor: pointer;
    position: relative
}

.h-so .so-pop {
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid #eee;
    display: none;
    z-index: 10
}

.h-so .so-pop .inp {
    display: block;
    width: 2.5rem;
    height: .4rem;
    padding: 0 .5rem 0 .1rem;
    background-color: #285dc9;
    font-size: var(--fz16);
    color: #fff
}

.h-so .so-pop .btn {
    display: block;
    background: url(../images/h-so.svg) no-repeat center;
    -webkit-background-size: .32rem .32rem;
    -o-background-size: .32rem;
    background-size: .32rem;
    position: absolute;
    top: 0;
    right: 0;
    height: .4rem;
    width: .4rem
}

.h-lang {
    cursor: pointer;
    display: none;
    padding-left: .2rem;
    background: url(../images/t_lang.svg) no-repeat left center;
    -webkit-background-size: .13rem .13rem;
    -o-background-size: .13rem;
    background-size: .13rem;
    font-size: var(--fz14);
    color: #fff;
    position: relative;
    margin-right: .25rem;
    line-height: .32rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.h-lang:hover {
    opacity: .8
}

.h-lks {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .32rem
}

.h-lks .a {
    font-size: var(--fz12);
    color: #fff;
    position: relative;
    padding-right: .2rem;
    margin-right: .2rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.h-lks .a:hover {
    opacity: .8
}

.h-lks .a::after {
    content: "";
    display: block;
    width: 1px;
    height: .12rem;
    background-color: #fff;
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.h-lks .a:last-child::after {
    display: none
}

.f-img {
    display: block;
    margin: 0 auto;
    width: 4.67rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.f-img .img {
    display: block;
    width: 100%
}

.f-img .arr {
    position: absolute;
    bottom: -.14rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .2rem;
    cursor: pointer;
    -webkit-animation: myani1 2s linear infinite;
    -moz-animation: myani1 2s linear infinite;
    -o-animation: myani1 2s linear infinite;
    animation: myani1 2s linear infinite
}

.f-img .arr img {
    display: block
}

.f-img .arr .i2 {
    width: .13rem;
    margin: -.08rem auto 0
}

@-webkit-keyframes myani1 {
    0%,100% {
        bottom: -.14rem
    }

    50% {
        bottom: -.07rem
    }
}

@-moz-keyframes myani1 {
    0%,100% {
        bottom: -.14rem
    }

    50% {
        bottom: -.07rem
    }
}

@-o-keyframes myani1 {
    0%,100% {
        bottom: -.14rem
    }

    50% {
        bottom: -.07rem
    }
}

@keyframes myani1 {
    0%,100% {
        bottom: -.14rem
    }

    50% {
        bottom: -.07rem
    }
}

.footer {
    background: url(../images/ft-bg.png) no-repeat top center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: .8rem;
    position: relative
}

.f-sh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: rgba(255,255,255,.8);
    padding: .47rem 0 .5rem
}

.f-sh .ss {
    color: inherit;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    position: relative;
}

/* .f-sh .ss:hover {
    -webkit-transform: translateY(-.05rem);
    -moz-transform: translateY(-.05rem);
    -ms-transform: translateY(-.05rem);
    -o-transform: translateY(-.05rem);
    transform: translateY(-.05rem)
} */
 .f-sh .qr{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding: 0.1rem;
    border-radius: .1rem;
    background-color: #fff;
    display: none;
 }
 .f-sh .qr img{
    display: block;
    width: 100%;
 }
.f-sh .s {
    font-size: var(--fz20)
}

.f-sh .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--fz16);
    position: relative;
    border: 1px solid rgba(255,255,255,.16);
    padding: 0 .1rem;
    min-width: 1.87rem;
    height: .46rem;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.f-sh .info .dot {
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(255,255,255,.16)
}

.f-sh .info .d1 {
    top: -2px;
    left: 4px
}

.f-sh .info .d2 {
    top: -2px;
    right: 4px
}

.f-sh .info .d3 {
    left: 4px;
    bottom: -2px
}

.f-sh .info .d4 {
    right: 4px;
    bottom: -2px
}

.f-sh .icn {
    width: .22rem;
    margin-right: .15rem
}

.f-sh .icn.wx {
    width: .35rem;
    margin-right: 0
}

.f-sh .icn img {
    display: block;
    width: 100%
}

.f-sh .arr {
    width: .12rem;
    height: .12rem;
    background: url(../images/f-icn.svg) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-left: .15rem
}

.f-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    font-size: var(--fz14);
    color: rgba(255,255,255,.8);
    line-height: 2;
    margin-bottom: .45rem
}

.f-txt a {
    color: inherit
}

.f-txt .col-l {
    width: 41.5%
}

.f-txt .col-c {
    width: 28%
}

.f-txt .col-r {
    width: 28%
}

.f-lk .a {
    display: inline-block;
    vertical-align: middle;
    margin-right: .14rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.f-lk .a:hover {
    color: #fff
}

.f-copy {
    color: rgba(255,255,255,.8);
    font-size: var(--fz16);
    padding: .16rem 0;
    text-align: center
}

.f-copy a {
    color: inherit;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.f-copy a:hover {
    color: #fff
}

.r-slide {
    position: fixed;
    right: 0;
    bottom: .2rem;
    z-index: 900;
    width: .44rem
}

.r-slide .item {
    display: block;
    border-radius: .08rem;
    -webkit-box-shadow: 0 4px 10px 0 rgba(64,111,225,.13);
    box-shadow: 0 4px 10px 0 rgba(64,111,225,.13);
    padding: .14rem 0 .14rem;
    text-align: center;
    font-size: var(--fz14);
    color: #fff;
    margin-bottom: .14rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.r-slide .item:hover {
    opacity: .9
}

.r-slide .i {
    width: 0;
    height: 0;
    border-top: .05rem solid #fff;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    margin: 0 auto .07rem
}

.r-slide .t {
    width: 1em;
    line-height: 1.2;
    margin: 0 auto
}

.m-detailsb1 {
    font-size: var(--fz18);
    color: #262626;
    line-height: 1.88;
    padding: .4rem 0 .4rem .3rem
}

.m-detailsb1 .top {
    background: #f0f6fe;
    padding: .3rem;
    margin-bottom: .6rem;
    border-left: 2px solid #1656a4;
    position: relative
}

.m-detailsb1 .top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(8deg,#1656a4 14%,#c4e4ff 87%);
    background: -moz- oldlinear-gradient(8deg,#1656a4 14%,#c4e4ff 87%);
    background: -o-linear-gradient(8deg,#1656a4 14%,#c4e4ff 87%);
    background: linear-gradient(82deg,#1656a4 14%,#c4e4ff 87%);
    pointer-events: none
}

.m-detailsb1 .top h1 {
    font-size: var(--fz24);
    font-weight: 700;
    color: #105ac4;
    text-align: center;
    margin-bottom: .3rem
}

.m-detailsb1 .top .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto
}

.m-detailsb1 .top .date {
    font-size: var(--fz16);
    color: #999;
    padding-left: .26rem;
    background: url(../images/b-s1.svg) no-repeat left center;
    -webkit-background-size: .19rem .19rem;
    -o-background-size: .19rem;
    background-size: .19rem;
    margin-left: 5%
}

.m-detailsb1 .top .fz {
    font-size: var(--fz16);
    color: #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-detailsb1 .top .fz span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .1rem;
    cursor: pointer;
    font-weight: 700
}

.m-detailsb1 .top .fz .act {
    color: #1d65b8
}

.m-detailsb1 .txt {
    padding-bottom: .8rem
}

.t-pages {
    border-top: 1px solid #e1efff;
    padding: .4rem 0;
    position: relative;
    font-size: var(--fz20);
    color: #333
}

.t-pages::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: .7rem;
    height: 2px;
    opacity: 1;
    background: #1d65b8
}

.t-pages .prev {
    margin-bottom: .1rem
}

.t-pages span {
    color: #285dc9
}

.t-pages a {
    color: inherit;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.t-pages a:hover {
    color: #285dc9
}

.ul-listb1 {
    padding: .4rem 0
}

.ul-listb1 .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: .18rem;
    border: 1px solid #cde4ff;
    position: relative;
    height: 1.1rem
}

.ul-listb1 .con::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/b-mk.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    pointer-events: none
}

.ul-listb1 .con:hover {
    border-color: transparent
}

.ul-listb1 .con:hover::after {
    opacity: 1
}

.ul-listb1 .con:hover .txt::after {
    opacity: 1
}

.ul-listb1 .con:hover .date,.ul-listb1 .con:hover .tit {
    color: #fff
}

.ul-listb1 .con::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: .55rem;
    background: #c4dfff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.ul-listb1 .date {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.5rem;
    padding-left: .3rem;
    font-size: var(--fz18);
    color: #004fb7;
    line-height: 1.4;
    position: relative;
    z-index: 2
}

.ul-listb1 .date .d {
    font-size: var(--fz26)
}

.ul-listb1 .txt {
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-right: .7rem;
    position: relative;
    padding-left: .45rem
}

.ul-listb1 .txt::before {
    content: "";
    display: block;
    width: .1rem;
    height: .37rem;
    background: url(../images/b-p1.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ul-listb1 .txt::after {
    content: "";
    display: block;
    width: .34rem;
    height: .37rem;
    background: url(../images/more.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: .2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-listb1 .tit {
    font-size: var(--fz20);
    color: #333;
    line-height: 1.6;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.gap-g1 {
    height: 1.3rem
}

.ul-listb2 {
    padding: .4rem 0
}

.ul-listb2 .con {
    display: block;
    overflow: hidden;
    margin-bottom: .45rem
}

.ul-listb2 .con:hover .tit {
    color: #285dc9
}

.ul-listb2 .con:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.ul-listb2 .con:hover .line .icn {
    background-image: url(../images/m2.svg)
}

.ul-listb2 .pic {
    float: left;
    width: 3.55rem;
    height: 2.27rem;
    overflow: hidden;
    margin-right: .38rem
}

.ul-listb2 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.ul-listb2 .txt {
    overflow: hidden;
    padding-top: .08rem
}

.ul-listb2 .tit {
    font-size: var(--fz20);
    color: #333;
    font-weight: 700;
    margin-bottom: .16rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ul-listb2 .desc {
    font-size: var(--fz16);
    color: #666;
    line-height: 1.75;
    height: 3.5em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .2rem
}

.ul-listb2 .line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .15rem
}

.ul-listb2 .line .ll {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dashed rgba(39,110,193,.2)
}

.ul-listb2 .line .ll::before {
    content: "";
    display: block;
    width: 1px;
    height: 5px;
    background: rgba(39,110,193,.2);
    position: absolute;
    top: 50%;
    left: 0;
    top: -2px
}

.ul-listb2 .line .icn {
    width: .4rem;
    height: .4rem;
    background: url(../images/m1.svg) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-listb2 .date {
    font-size: var(--fz18);
    color: #3478d0;
    padding-left: .24rem;
    background: url(../images/b-s1.svg) no-repeat left center;
    -webkit-background-size: .18rem .18rem;
    -o-background-size: .18rem;
    background-size: .18rem
}

.banner {
    position: relative
}

.banner .swiper-slide {
    overflow: hidden
}

.banner .con {
    position: relative
}

.banner .bg {
    position: relative;
    height: 0;
    padding-top: 45.625%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.g-moreb1 {
    display: inline-block;
    background-color: #0062a9;
    border-radius: .5rem;
    line-height: .5rem;
    font-size: 0;
    color: #fff;
    padding: 0 .5rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.g-moreb1 i,.g-moreb1 span {
    display: inline-block;
    vertical-align: middle
}

.g-moreb1 span {
    font-size: var(--fz16);
    font-family: M-ExtraBold;
    text-transform: uppercase
}

.g-moreb1 i {
    width: .12rem;
    height: .12rem;
    margin-left: .1rem;
    background: url(../images/arr.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.g-moreb1:hover {
    opacity: .9
}

.g-moreb1.white {
    color: #333;
    background-color: #fff
}

.g-moreb1.white i {
    background-image: url()
}

.ban-opts {
    position: absolute;
    bottom: .3rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --swiper-navigation-size: 0.2rem;
    --swiper-theme-color: #fff
}

.ban-opts .swiper-button-next,.ban-opts .swiper-button-prev,.ban-opts .swiper-pagination {
    position: static;
    margin: 0
}

.ban-opts .swiper-pagination {
    margin: 0 .3rem
}

.ban-opts .swiper-pagination-bullet {
    width: .6rem;
    display: inline-block;
    vertical-align: middle;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin: 0 .1rem;
    border-radius: 0;
    background-color: transparent;
    background-position: center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    font-size: var(--fz22);
    color: #fff;
    font-family: SourceHanSerifCN
}

.ban-opts .swiper-pagination-bullet-active {
    background-image: url(../images/b-dot.png);
    font-size: 0
}

.ban-opts .line {
    width: .7rem;
    height: 1px;
    background-color: #fff;
    opacity: .3;
    position: relative;
    z-index: 10
}

.ban-opts .line.rr {
    width: 1.8rem
}

.ban-opts .line::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 6px;
    height: 6px;
    margin-top: -2px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: transparent
}

.ban-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(40,40,40,.7)
}

.ul-linksb1 {
    position: relative;
    margin-top: -.2rem;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .3rem .6rem
}

.ul-linksb1 li {
    width: 17.5%
}

.ul-linksb1 .con {
    display: block;
    border-radius: .04rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 10px 0 rgba(1,116,222,.18);
    box-shadow: 0 4px 10px 0 rgba(1,116,222,.18);
    padding: .2rem .2rem .26rem;
    font-size: var(--fz18);
    font-weight: 700;
    color: #272727;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    position: relative
}

.ul-linksb1 .con::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/g-bg1.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-linksb1 .con:hover {
    color: #fff
}

.ul-linksb1 .con:hover::after {
    opacity: 1
}

.ul-linksb1 .con:hover .icons img {
    display: none
}

.ul-linksb1 .con:hover .icons img:nth-child(2) {
    display: inline-block
}

.ul-linksb1 .icons,.ul-linksb1 .t {
    position: relative;
    z-index: 2
}

.ul-linksb1 .icons {
    font-size: 0;
    text-align: center;
    line-height: .8rem;
    height: .8rem;
    overflow: hidden
}

.ul-linksb1 .icons img {
    display: inline-block;
    vertical-align: middle;
    height: .6rem
}

.ul-linksb1 .icons img:nth-child(2) {
    display: none
}

.ul-linksb1 .t {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.g-titb1 {
    font-size: 0;
    text-align: center;
    position: relative
}

.g-titb1 .h3 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: var(--fz36);
    font-weight: 700;
    color: #272727
}

.g-titb1 .h3 span {
    color: #1b3d98
}

.g-titb1 .h3::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0rem;
    right: -.2rem;
    width: .38rem;
    height: .22rem;
    background: url(../images/g-line.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.g-titb1 .more {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: var(--fz12);
    color: #285dc9;
    background: url(../images/g-more.png) no-repeat left top;
    -webkit-background-size: .33rem .33rem;
    -o-background-size: .33rem;
    background-size: .33rem;
    padding: .1rem 0 .1rem .32rem;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%)
}

.g-titb1 .more:hover {
    text-decoration: underline
}

.m-boxb1 {
    position: relative;
    z-index: 2
}

.m-boxb1 .g-titb2 {
    margin-bottom: .53rem
}

.m-boxb1 .col-l {
    width: 43%;
    position: relative
}

.m-boxb1 .col-l .g-titb2 {
    padding-right: 1rem
}

.m-boxb1 .col-l::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 106%;
    /*height: 2.22rem;*/
    height: 2.3rem;
    background: url(../images/chg_15.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-boxb1 .col-c {
    float: left;
    width: 28.875%;
    padding: 0 .3rem
}

.m-boxb1 .col-c .g-titb2 {
    padding-right: .6rem
}

.m-boxb1 .col-r {
    width: 28.125%
}

.g-titb2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.g-titb2 .h3 {
    font-size: var(--fz26);
    color: #272727;
    font-weight: 700
}

.g-titb2 .more {
    display: block;
    font-size: var(--fz12);
    color: #285dc9;
    padding-right: .45rem;
    background: url(../images/chg_05.svg) no-repeat right center;
    -webkit-background-size: .4rem .4rem;
    -o-background-size: .4rem;
    background-size: .4rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.g-titb2 .more:hover {
    opacity: .8
}

.row-a2 {
    position: relative
}

.row-a2::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11rem;
    height: 4.17rem;
    background: url(../images/chg-25.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    pointer-events: none
}

.row-a2::after {
    content: "";
    display: block;
    position: absolute;
    bottom: .3rem;
    right: 0;
    width: 4.42rem;
    height: 4.42rem;
    background: url(../images/h1-mk.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    pointer-events: none;
    z-index: 2
}

.row-a2 .g-titb1 {
    margin-bottom: .4rem
}

.m-banb1 {
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 0.12rem
}

.m-banb1 .swiper-button-next,.m-banb1 .swiper-button-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    width: .3rem;
    height: .3rem;
    margin-top: 0;
    top: auto;
    bottom: .7rem
}

.m-banb1 .swiper-button-prev {
    left: auto;
    right: .8rem
}

.m-banb1 .swiper-button-next {
    right: .3rem
}

.m-banb1 .con {
    display: block
}

.m-banb1 .con:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.m-banb1 .pic {
    height: 4.2rem;
    overflow: hidden;
    position: relative
}

.m-banb1 .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.m-banb1 .txt {
    position: relative;
    z-index: 2;
    /*padding: .3rem 1.7rem .75rem .1rem*/
    padding: .3rem 0.7rem .75rem .1rem
}

.m-banb1 .txt .tit {
    font-size: var(--fz20);
    font-weight: 700;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
    margin-bottom: .18rem
}

.m-banb1 .txt .desc {
    font-size: var(--fz16);
    color: rgba(255,255,255,.58);
    line-height: 1.3;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.m-cardb1 {
    display: block
}

.m-cardb1:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.m-cardb1 .pic {
    height: 2.6rem;
    overflow: hidden;
    position: relative;
    margin-bottom: .3rem
}

.m-cardb1 .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.m-cardb1 .btn {
    display: inline-block;
    padding: .07rem .25rem;
    font-size: var(--fz14);
    color: #fff;
    background: url(../images/chg_12.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: .3rem
}

.m-cardb1 .tit {
    font-size: var(--fz18);
    color: #333;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .26rem
}

.m-cardb1 .date {
    font-size: var(--fz16);
    color: #1d57bf;
    margin-bottom: .1rem
}

.m-cardb1 .desc {
    font-size: var(--fz16);
    color: #999;
    line-height: 1.7;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.ul-txtb1 {
    padding: .18rem .2rem;
    background: url(../images/h1-mk2.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.ul-txtb1 li:last-child .con {
    border-bottom: none
}

.ul-txtb1 .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.09);
    min-height: 1.1rem;
    padding: .1rem 0
}

.ul-txtb1 .con:hover .tit {
    font-weight: 700
}

.ul-txtb1 .con:hover .date .y {
    color: #fff
}

.ul-txtb1 .date {
    float: left;
    width: .8rem;
    text-align: center;
    margin-right: .2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.ul-txtb1 .date::after {
    content: "";
    display: block;
    width: 1px;
    height: .34rem;
    background: rgba(255,255,255,.09);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ul-txtb1 .date .d {
    color: #fff;
    font-size: var(--fz26);
    font-family: SourceHanSerifCN
}

.ul-txtb1 .date .y {
    font-size: var(--fz14);
    color: #b9ceff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-txtb1 .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.ul-txtb1 .tit {
    font-size: var(--fz18);
    color: #fff;
    line-height: 1.55;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.m-banb2 {
    margin: 0 -.3rem
}

.m-banb2 .swiper-container {
    padding-bottom: .7rem
}

.m-banb2 .swiper-pagination-bullet {
    margin: 0 .1rem!important
}

.m-banb2 .con {
    display: block;
    margin: 0 .3rem;
    overflow: hidden
}

.m-banb2 .con:hover .txt::after {
    opacity: 1
}

.m-banb2 .con:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.m-banb2 .con:hover .tit {
    font-weight: 700
}

.m-banb2 .con:hover .date,.m-banb2 .con:hover .tit {
    color: #fff
}

.m-banb2 .con:hover .desc {
    color: rgba(255,255,255,.7)
}

.m-banb2 .con:hover .line {
    border-color: rgba(255,255,255,.5)
}

.m-banb2 .con:hover .line::after {
    border-color: rgba(255,255,255,.5)
}

.m-banb2 .pic {
    position: relative;
    height: 0;
    padding-top: 62.25%;
    overflow: hidden;
    border-radius: .14rem .14rem 0 0;
}

.m-banb2 .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    
}

.m-banb2 .txt {
    padding: .18rem .15rem .24rem;
    position: relative
}

.m-banb2 .txt::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h2-mk.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    opacity: 0
}

.m-banb2 .tit {
    font-size: var(--fz18);
    color: #262626;
    line-height: 1.6;
    height: 3.2em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    margin-bottom: .2rem
}

.m-banb2 .desc {
    font-size: var(--fz14);
    color: #969696;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    margin-bottom: .12rem
}

.m-banb2 .bot {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.m-banb2 .date {
    font-size: var(--fz16);
    color: #0043bb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
    margin-right: .2rem;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.m-banb2 .date svg {
    width: .13rem;
    height: auto;
    margin-right: .08rem
}

.m-banb2 .line {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dashed #cdcdcd;
    margin-top: 4px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.m-banb2 .line::after {
    content: "";
    display: block;
    width: .1rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    border-bottom: 1px dashed #cdcdcd;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

body {
    --swiper-theme-color: #1A4AB2
}

.row-a3 {
    background: url(../images/r2-bg.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1rem 0 .4rem
}

.row-a3 .g-titb1 {
    margin-bottom: .55rem
}

.row-a4 {
    background: url(../images/uu.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: .7rem 0 1rem;
    overflow: hidden;
    position: relative
}

.row-a4::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 1rem;
    width: 6.27rem;
    height: 3.7rem;
    background: url(../images/h4-mk.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    pointer-events: none
}

.row-a4 .g-titb1 {
    margin-bottom: .54rem
}

.m-boxb2 {
    position: relative
}

.m-boxb2 .col-l {
    width: 36%;
}

.m-boxb2 .col-r {
    width: 64%;
}

.m-btnb1 {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    font-size: var(--fz26);
    color: #fff;
    font-weight: 700;
    padding: .2rem .52rem;
    background: url(../images/h3-bg1.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-cd1 {
    position: relative
}

.m-cd1 .pic {
    height: 7.77rem;
    overflow: hidden
}

.m-cd1 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-cd1 .btn {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 105%;
    font-size: var(--fz26);
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: .08rem;
    background: url(../images/h3-bg2.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.m-cd1 .btn:hover {
    opacity: .9
}

.m-cd1 .btn span {
    display: block;
    padding: .2rem .1rem;
    border: 1px solid rgba(255,255,255,.46)
}

.m-cd2 {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.m-cd2 .pic:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.m-cd2 .pic {
    float: right;
    width: 63.3%;
    height: 4.11rem;
    overflow: hidden;
    position: relative;
    display: block;
}

.m-cd2 .pic::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(71%,rgba(27,12,90,0)),to(#1e1158));
    background: -webkit-linear-gradient(top,rgba(27,12,90,0) 71%,#1e1158 100%);
    background: -moz- oldlinear-gradient(top,rgba(27,12,90,0) 71%,#1e1158 100%);
    background: -o-linear-gradient(top,rgba(27,12,90,0) 71%,#1e1158 100%);
    background: linear-gradient(180deg,rgba(27,12,90,0) 71%,#1e1158 100%)
}

.m-cd2 .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .7rem;
    height: .7rem;
    background: url(../images/py.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 2
}

.m-cd2 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.m-cd2 .txt {
    width: 36.7%;
    height: 4.11rem;
    overflow: hidden;
    padding: .6rem .45rem .2rem;
    color: #fff;
    background: url(../images/chg_10_png_bg@1x.png) no-repeat center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-cd2 .tit {
    font-size: var(--fz26);
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: .22rem
}
.m-cd2 .tit a{
    color: inherit;
}
.m-cd2 .line {
    display: block;
    margin-bottom: .38rem
}

.m-cd2 .h3 {
    font-size: var(--fz18);
    font-weight: 700;
    color: #fff;
    line-height: 1.77;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: .38rem
}

.m-cd2 .desc {
    font-size: var(--fz18);
    color: rgba(255,255,255,.8);
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.m-cd3 {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.m-cd3:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.m-cd3 .pic {
    float: left;
    width: 63.3%;
    height: 3.66rem;
    overflow: hidden;
    position: relative
}

.m-cd3 .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .7rem;
    height: .7rem;
    background: url(../images/py.png) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 2
}

.m-cd3 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

.m-cd3 .txt {
    width: 36.7%;
    height: 3.66rem;
    overflow: hidden;
    padding: .45rem .45rem .2rem;
    color: #fff
}

.m-cd3 .tit {
    font-size: var(--fz26);
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: .14rem
}

.m-cd3 .line {
    display: block;
    margin-bottom: .3rem
}

.m-cd3 .h3 {
    font-size: var(--fz18);
    font-weight: 700;
    color: #fff;
    line-height: 1.77;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: .25rem
}

.m-cd3 .desc {
    font-size: var(--fz18);
    color: rgba(255,255,255,.8);
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.wow {
    visibility: hidden
}

.bl-pics{
    padding-top: 0.36rem;
    overflow: hidden;
    margin: 0 -.15rem;
}
.bl-pics li{
    float: left;
    width: 33.33%;
}
.bl-pics .con{
    display: block;
    margin: 0 .15rem .5rem;
    overflow: hidden;
}
.bl-pics .pic{
    position: relative;
    height: 0;
    padding-top: 56.8%;
    overflow: hidden;
    margin-bottom: 12px;
}
.bl-pics .play{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .28rem;
    height: .28rem;
    background: url(../images/play-btn.svg) no-repeat center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.bl-pics .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: .6s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bl-pics .txt{
    padding: .12rem .24rem;
    background: linear-gradient(0deg, #DAEAFF, #DAEAFF), #EBE5FF;
    position: relative;
}
.bl-pics .txt::before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: linear-gradient(83deg, #274DB6 -4%, #2A8AFF 73%), linear-gradient(270deg, #2C06A0 0%, #772290 100%);
    opacity: 0;
    transition: .4s;
}
.bl-pics .tit{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: var(--fz20);
    color: #343434;
    transition: .3s;
    position: relative;
    z-index: 2;
}
.bl-pics .con:hover .img{
    transform: scale(1.06);
}
.bl-pics .con:hover .txt::before{
    opacity: 1;
}
.bl-pics .con:hover .tit{
    color: #fff;
}
@media screen and (max-width: 1800px) {
    .nav li {
        padding:0 .1rem
    }
}

@media screen and (max-width: 1532px) {
    .nav li {
        padding:0 .05rem
    }

    .nav .v1 {
        font-size: var(--fz18)
    }

    .m-cd2 .txt {
        padding: .4rem .3rem .2rem
    }

    .m-cd1 .btn span {
        padding: .18rem .1rem
    }
}

@media screen and (max-width: 1200px) {
    body {
        padding-top:1rem
    }

    .r-slide .item {
        font-size: var(--fz12)
    }

    .header {
        height: 1rem;
        background-color: #285dc9
    }

    .header:after,.header:before {
        display: none
    }

    .header .wp {
        padding: 0 .3rem
    }

    .logo {
        line-height: 1rem;
        padding-top: 0
    }

    .logo img {
        height: .6rem
    }

    .h-opts {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
    }

    .h-lang,.h-lks,.h-so {
        height: 1rem
    }

    .h-lang {
        line-height: 1rem;
        padding-left: .4rem;
        -webkit-background-size: .26rem .26rem;
        -o-background-size: .26rem;
        background-size: .26rem
    }

    .h-so {
        display: block;
        width: 100%;
        padding: 0 .3rem
    }

    .h-so .icon {
        width: .5rem;
        height: .5rem;
        display: none
    }

    .h-so .so-pop {
        position: static;
        display: block
    }

    .h-so .so-pop .inp {
        width: 100%;
        height: .8rem;
        padding-right: .9rem
    }

    .h-so .so-pop .btn {
        width: .8rem;
        height: .8rem;
        -webkit-background-size: 50% 50%;
        -o-background-size: 50%;
        background-size: 50%;
        right: .3rem
    }

    .h-r {
        position: fixed;
        top: 1rem;
        left: 0;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        background-color: #285dc9;
        border-top: 1px solid #fff;
        display: none
    }

    .nav {
        float: none
    }

    .nav li {
        float: none;
        width: auto;
        height: auto;
        position: relative;
        display: block;
        padding: 0 .3rem;
        border-bottom: 1px solid rgba(255,255,255,.16)
    }

    .nav .v1 {
        line-height: .8rem
    }

    .nav .sub {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .nav .sub .v2 {
        line-height: .6rem
    }

    .nav .ok .dropicon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .nav .dropicon {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: .8rem;
        height: .8rem;
        pointer-events: none;
        -webkit-background-size: 30% 30%;
        -o-background-size: 30%;
        background-size: 30%;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
    .f-sh .qr{
        width: 80%;
        left: 10%;
    }
    .f-sh {
        display: block;
        /* overflow: hidden */
    }

    .f-sh .s {
        margin-bottom: .2rem
    }

    .f-sh .ss {
        float: left;
        width: 49%;
        margin-right: 1%;
        margin-bottom: 1%
    }

    .f-copy {
        font-size: var(--fz12)
    }

    .f-txt {
        display: block;
        margin-bottom: 0
    }

    .f-txt .col-c,.f-txt .col-l,.f-txt .col-r {
        float: none;
        width: auto;
        padding-bottom: .2rem;
        margin-bottom: .2rem;
        border-bottom: 1px solid rgba(255,255,255,.16)
    }

    .banner .inbox .wp {
        padding-top: .6rem;
        padding-bottom: .6rem
    }

    .banner .inbox .pic {
        overflow: hidden;
        position: static;
        width: 50%
    }

    .ban-opts {
        bottom: .3rem
    }

    .ul-listb2 .date {
        padding-left: .4rem;
        -webkit-background-size: .3rem .3rem;
        -o-background-size: .3rem;
        background-size: .3rem;
        font-size: var(--fz14)
    }

    .ul-listb2 .tit {
        font-size: var(--fz18);
        margin-bottom: 4px
    }

    .ul-listb2 .desc {
        font-size: var(--fz14);
        margin-bottom: .1rem
    }

    .ul-listb2 .line {
        margin-bottom: 0
    }

    .ul-listb2 .txt {
        padding-top: 0
    }

    .gap-g1 {
        height: .6rem
    }

    .ul-listb1 .date {
        font-size: var(--fz14);
        padding-left: .2rem
    }

    .ul-listb1 .date .d {
        font-size: var(--fz16)
    }

    .ul-listb1 .tit {
        font-size: var(--fz16)
    }

    .m-banb2 .date svg {
        width: .26rem
    }

    .g-titb1 .more {
        padding-left: .5rem;
        -webkit-background-size: .5rem .5rem;
        -o-background-size: .5rem;
        background-size: .5rem
    }

    .m-boxb1 .col-c,.m-boxb1 .col-l,.m-boxb1 .col-r {
        float: none;
        width: auto;
        margin-bottom: .5rem
    }

    .m-boxb1 .col-c .g-titb2,.m-boxb1 .col-l .g-titb2 {
        padding-right: 0
    }

    .m-boxb1 .col-l::after {
        display: none
    }

    .m-boxb1 .col-c {
        padding: 0
    }

    .m-banb1 .txt {
        padding-left: .3rem;
        background: url(../images/chg_15.png) no-repeat center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .m-banb1 .swiper-button-next,.m-banb1 .swiper-button-prev {
        border-width: 1px;
        width: .4rem;
        height: .4rem
    }

    .m-boxb1 .g-titb2 {
        margin-bottom: .3rem
    }

    .ul-txtb1 .date {
        width: 1.6rem
    }

    .m-boxb2 .col-l,.m-boxb2 .col-r {
        float: none;
        width: auto;
        margin-bottom: .5rem
    }

    .m-cd1 .btn {
        position: static;
        width: auto
    }

    .m-cd2 .pic,.m-cd2 .txt,.m-cd3 .pic,.m-cd3 .txt {
        height: 7rem
    }

    .row-a4::after {
        display: none
    }

    .m-cd3 .txt {
        background: url(../images/h4-mk.png) no-repeat center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .ban-opts .line {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .banner .inbox .txt {
        width:60%
    }

    .banner .inbox .pic {
        width: 40%
    }

    .banner .inbox .h4 {
        font-size: .24rem
    }

    .banner .inbox .h3 {
        font-size: .28rem
    }

    .banner .inbox .desc {
        display: none
    }

    .m-detailsb1 {
        padding-left: 0
    }

    .m-detailsb1 .top .info {
        width: auto
    }

    .m-detailsb1 .top .date {
        margin-left: 0
    }

    .ul-listb2 .pic {
        float: none;
        width: auto;
        position: relative;
        height: 0;
        padding-top: 63.94%;
        overflow: hidden;
        margin: 0 auto .2rem
    }

    .ul-listb2 .img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .m-banb2 {
        margin: 0
    }

    .m-banb2 .con {
        margin: 0
    }

    .row-a4 .g-titb1 {
        margin-bottom: 1.4rem
    }

    .m-cd2,.m-cd3 {
        margin-bottom: .3rem
    }

    .m-cd2 .pic,.m-cd3 .pic {
        float: none;
        width: auto;
        height: auto;
        position: relative;
        height: 0;
        padding-top: 58.7%;
        overflow: hidden
    }

    .m-cd2 .img,.m-cd3 .img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .m-cd2 .txt,.m-cd3 .txt {
        width: auto;
        height: auto;
        padding: .3rem
    }

    .m-cd1 .img {
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-image:url(../images/2025zhuanti-shouji.jpg) !important;
    }

    .m-cd2 .icon {
        width: 1.4rem;
        height: 1.4rem
    }

    .ul-linksb1 {
        display: block;
        overflow: hidden;
        margin-top: 0;
        padding: .3rem 0 .6rem
    }

    .ul-linksb1 li {
        width: 50%;
        float: left;
        padding: 0 .15rem .3rem
    }
}

/*!****** bl end *******/
.jl-ban {
    position: relative;
    overflow: hidden
}

.jl-ban .ban {
    padding-top: 34.42%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover
}

.g-cur {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .46rem;
    background-color: transparent;
    color: #fff;
    z-index: 2
}

.g-cur .tit {
    font-size: var(--fz36);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: .2rem;
    font-family: SourceHanSerifCN
}

.g-cur .cur {
    display: flex;
    align-items: center;
    font-size: var(--fz16);
    color: #fff;
    padding: 0
}

.g-cur .cur i {
    display: block;
    width: .16rem;
    height: .16rem;
    margin-right: .11rem;
    background-image: url(../images/cur.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.g-cur .cur a {
    color: inherit
}

.jl-row1 {
    position: relative;
    padding-bottom: 2.38rem
}

.jl-row1:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.14rem;
    width: 16.15rem;
    height: 14.84rem;
    transform: translateX(-50%);
    background-image: url(../images/jl/i03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1
}

.jl-about1 .lbox {
    float: left;
    width: 18.75%
}

.jl-about1 .rbox {
    float: right;
    width: 77.75%;
    padding-top: .15rem
}

.jl-snvbox .bigtit {
    font-size: var(--fz30);
    line-height: .9rem;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-family: SourceHanSerifCN;
    background-image: linear-gradient(to left,#274db6,#2a8aff);
    position: relative
}

.jl-snvbox .bigtit::after {
    content: '';
    position: absolute;
    top: 50%;
    right: .3rem;
    width: .32rem;
    height: .16rem;
    background-image: url(../images/dp.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: translateY(-50%);
    z-index: 2;
    display: none
}
.jl-snvbox .bigtit.on:after{
	transform: translateY(-50%) rotate(180deg);
}
.jl-snvbox .snv {
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(52,120,208,.24);
    padding: .13rem .3rem .3rem .2rem;
    margin-bottom: .49rem
}

.jl-snvbox .snv .v1 {
    display: block;
    padding: .16rem .4rem .16rem .4rem;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.04);
    font-size: var(--fz18);
    color: #555;
    transition: .5s
}

.jl-snvbox .snv .on .v1,.jl-snvbox .snv .v1:hover {
    color: #3478d0;
    font-weight: 700;
    border-color: rgba(52,120,208,.16)
}

.jl-snvbox .snv li:last-child .v1 {
    border: none
}

.jl-snvbox .snv .v1::after {
    content: '';
    position: absolute;
    top: 50%;
    right: .25rem;
    width: .1rem;
    height: .14rem;
    transform: translateY(-50%);
    background-image: url(../images/jl/i01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0;
    transition: .5s
}

.jl-snvbox .snv .on .v1::after,.jl-snvbox .snv .v1:hover::after {
    opacity: 1
}

.jl-snvbox .more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s
}

.jl-snvbox .more:hover {
    opacity: .8
}

.jl-snvbox .more .p {
    font-size: var(--fz20);
    color: #fff;
    margin-right: .15rem;
    font-weight: 700;
    font-family: SourceHanSerifCN
}

.jl-snvbox .more .i {
    display: block;
    font-size: 0;
    width: .46rem
}

.jl-tit1 {
    position: relative;
    font-size: var(--fz22);
    color: #505050;
    line-height: .6rem;
    border-bottom: 1px solid #d8d8d8;
    padding-left: .15rem;
    font-weight: 700
}

.jl-tit1::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .02rem;
    height: .3rem;
    background-image: linear-gradient(to bottom,#2a59d5,#2678ea);
    transform: translateY(-50%);
    z-index: 2
}

.jl-pages {
    font-size: 0;
    text-align: center
}

.jl-pages li {
    display: inline-block;
    vertical-align: middle;
    margin: .08rem
}

.jl-pages a {
    display: block;
    min-width: .41rem;
    line-height: .34rem;
    text-align: center;
    padding: 0 .1rem;
    font-size: var(--fz16);
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #9e9e9e;
    transition: .5s
}

.jl-pages .on a,.jl-pages a:hover {
    background-color: #1d61c5;
    color: #eaeaea
}

.jl-info1 {
    padding: .5rem 0 1rem
}

.jl-info1 .info {
    display: flex;
    align-items: center;
    margin-bottom: .6rem;
    padding: .26rem .24rem .32rem;
    background-image: url(../images/jl/bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: .03rem solid #1758b9
}

.jl-info1 .info .pic {
    flex-shrink: 0;
    width: 1.75rem;
    margin-right: .46rem
}

.jl-info1 .info .txt {
    flex: 1;
    overflow: hidden
}

.jl-info1 .info .tit {
    font-size: var(--fz20);
    color: #000;
    font-weight: 700;
    margin-bottom: .43rem
}

.jl-info1 .info .desc {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--fz16);
    color: #666
}

.jl-info1 .info .desc p:first-child {
    width: 100%
}

.jl-info1 .info .desc p {
    min-width: 34%;
    margin-bottom: .15rem;
    padding-right: .3rem
}

.jl-info1 .info .desc p:last-child {
    margin-bottom: 0
}

.jl-info1 .con {
    margin-bottom: .36rem
}

.jl-info1 .con .tit {
    position: relative;
    background-color: #ebf2ff;
    font-size: var(--fz20);
    font-weight: 700;
    color: #000;
    line-height: .65rem;
    padding: 0 .46rem;
    margin: .24rem 0;
}

.jl-info1 .con .tit::after {
    content: '';
    position: absolute;
    top: 50%;
    left: .17rem;
    width: .14rem;
    height: .15rem;
    transform: translateY(-50%);
    background-image: url(../images/jl/i05.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2
}

.jl-info1 .con .desc {
    font-size: var(--fz18);
    color: #262626;
    line-height: 2
}

.jl-swiperbox1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0
}

.jl-swiper1 {
    display: block;
    width: 81.59%;
    position: relative
}

.jl-swiper1 .swiper-container {
    overflow: hidden
}

.jl-swiper1 .swiper-slide {
    opacity: 0!important
}

.jl-swiper1 .swiper-slide-active {
    opacity: 1!important
}

.jl-swiper1 .pic {
    margin-bottom: .1rem;
    overflow: hidden
}

.jl-swiper1 .img {
    padding-top: 56.74%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-swiper1 .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .71rem;
    height: .71rem;
    transform: translate(-50%,-50%);
    background-image: url(../images/jl/i06.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2
}

.jl-swiper1 .info {
    background-image: linear-gradient(to right,#274db6,#2a8aff);
    padding: 0 1.67rem
}

.jl-swiper1 .tit {
    font-size: var(--fz28);
    line-height: 1.06rem;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper1 .swiper-pagination {
    left: .43rem;
    bottom: .3rem;
    display: flex;
    align-items: center;
    width: auto;
    font-size: var(--fz14);
    color: rgba(255,255,255,.5);
    line-height: .5rem;
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.jl-swiper1 .swiper-pagination-current {
    display: block;
    position: relative;
    color: #ffca5e;
    font-size: var(--fz30);
    margin-right: .1rem
}

.jl-swiper1 .swiper-pagination-current::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: -.05rem;
    height: 1px;
    background-color: #ffca5e;
    z-index: 2
}

.jl-swiper1 .swiper-pagination-total {
    font-size: var(--fz20);
    color: #fff;
    margin-left: .1rem
}

.jl-swiper2 {
    display: block;
    width: 16.63%;
    padding: .36rem 0;
    position: relative
}

.jl-swiper2 .swiper-slide {
    height: auto
}

.jl-swiper2 .swiper-container {
    height: 6.6rem
}

.jl-swiper2 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: end
}

.jl-swiper2 .con {
    width: 86%;
    height: 90%;
    background-image: linear-gradient(to right,#274db6,#2a8aff);
    cursor: pointer;
    position: relative;
    transition: .5s
}

.jl-swiper2 .swiper-slide-thumb-active .con {
    width: 100%;
    height: 100%;
    padding: .08rem
}

.jl-swiper2 .con::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .21rem;
    height: .23rem;
    transform: translate(-50%,-50%);
    background-image: url(../images/jl/i06.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0;
    transition: .5s
}

.jl-swiper2 .swiper-slide-thumb-active .con::after {
    opacity: 1
}

.jl-swiper2 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-arr1 {
    position: absolute;
    top: 0;
    right: 43%;
    bottom: 0;
    z-index: 2
}

.jl-arr1 .arr {
    position: absolute;
    left: 50%;
    font-size: 0;
    width: .21rem;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer
}

.jl-arr1 .prev {
    top: 0
}

.jl-arr1 .next {
    bottom: 0
}

@media screen and (max-width: 1200px) {
    .jl-ban .ban {
        min-height:25vh
    }

    .g-cur {
        bottom: .3rem
    }

    .g-cur .tit {
        font-size: var(--fz24);
        margin-bottom: .1rem
    }

    .g-cur .cur i {
        width: .2rem;
        height: .2rem
    }

    .jl-row1 {
        padding: .3rem 0 1.6rem;
        overflow: hidden
    }

    .jl-row1:before {
        width: 100%;
        height: auto;
        padding-top: 91.88%
    }

    .jl-about1 .lbox {
        float: none;
        width: auto;
        margin-bottom: .3rem
    }

    .jl-about1 .rbox {
        float: none;
        width: auto;
        padding-top: 0
    }

    .jl-snvbox .bigtit {
        font-size: var(--fz24);
        line-height: 1rem;
        cursor: pointer
    }

    .jl-snvbox .bigtit::after {
        display: block
    }

    .jl-snvbox .snv {
        display: none;
        margin-bottom: 0;
        padding: .2rem
    }

    .jl-snvbox .snv .v1 {
        padding: .2rem .5rem
    }

    .jl-snvbox .snv .v1::after {
        width: .2rem;
        height: .28rem
    }

    .jl-snvbox .more {
        margin-top: .3rem;
        min-height: 1.6rem
    }

    .jl-snvbox .more .i {
        width: .56rem
    }

    .jl-tit1 {
        line-height: .8rem;
        padding-left: .2rem
    }

    .jl-tit1::after {
        width: .04rem;
        height: .4rem
    }

    .jl-pages a {
        min-width: .6rem;
        line-height: .56rem
    }

    .jl-info1 {
        padding: .3rem 0 .6rem
    }

    .jl-info1 .info {
        padding: .3rem;
        margin-bottom: .3rem
    }

    .jl-info1 .info .pic {
        width: 2rem;
        margin-right: .3rem
    }

    .jl-info1 .info .tit {
        margin-bottom: .3rem
    }

    .jl-info1 .info .desc {
        display: block
    }

    .jl-info1 .info .desc p {
        padding-right: 0
    }

    .jl-info1 .con {
        margin-bottom: .3rem
    }

    .jl-info1 .con .tit {
        line-height: .8rem;
        margin-bottom: .3rem;
        padding: 0 .5rem
    }

    .jl-swiperbox1 {
        display: block;
        padding: .3rem 0 .6rem
    }

    .jl-swiper1 {
        width: auto;
        margin-bottom: .3rem
    }

    .jl-swiper2 {
        width: 100%;
        padding: 0 .3rem
    }

    .jl-swiper2 .swiper-container {
        height: auto
    }

    .jl-swiper2 .swiper-wrapper {
        align-items: center
    }

    .jl-swiper2 .con {
        width: 100%;
        height: auto;
        transition: 0s
    }

    .jl-swiper2 .img {
        padding-top: 65.16%;
        height: auto
    }

    .jl-swiper2 .con::after {
        width: .3rem;
        height: .34rem
    }

    .jl-swiper1 .info {
        padding-right: .3rem
    }

    .jl-swiper1 .tit {
        font-size: var(--fz18);
        line-height: .9rem
    }

    .jl-swiper1 .swiper-pagination {
        left: .3rem;
        bottom: .2rem
    }

    .jl-swiper1 .swiper-pagination-current {
        font-size: var(--fz26)
    }

    .jl-arr1 {
        top: 50%;
        left: 0;
        right: -.2rem;
        bottom: auto
    }

    .jl-arr1 .arr {
        top: 50%;
        left: auto;
        width: .4rem;
        transform: rotate(-90deg) translateY(-50%)
    }

    .jl-arr1 .prev {
        left: 0
    }

    .jl-arr1 .next {
        right: 0;
        bottom: auto
    }
}

.jl-row2 {
    padding: .54rem 0 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-swiper3 {
    position: relative
}

.jl-swiper3 .swiper-container {
    padding: .92rem 0 .32rem;
    overflow: visible
}

.jl-swiper3 .swiper-pagination {
    bottom: 0!important;
    font-size: 0
}

.jl-swiper3 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 10px!important;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,73,168,.43);
    opacity: 1;
    transition: .5s
}

.jl-swiper3 .swiper-pagination-bullet-active {
    background-color: #1a4ab2
}

.jl-swiper3 .img {
    padding-top: 56%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: .14rem;
}

.jl-row3 {
    padding: .87rem 0 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-about2 {
    display: flex;
    align-items: start;
    padding: .52rem 0 0
}

.jl-about2 .lbox {
    flex-shrink: 0;
    width: 6.34rem;
    margin-top: .81rem
}

.jl-about2 .cbox {
    flex-shrink: 0;
    width: 5.9rem;
    padding: .35rem .51rem .3rem .46rem;
    background-image: url(../images/jl/bg07.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-about2 .rbox {
    flex: 1;
    margin-top: .93rem;
    background-color: #fafcff;
    border: 1px solid #c4d0f0;
    box-shadow: 0 4px 10px 0 rgba(42,89,213,.06);
    padding: .5rem .36rem .35rem .43rem;
    overflow: hidden
}

.jl-list1 .con {
    display: flex;
    align-items: center;
    height: 3.01rem;
    padding: 0 1.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-list1 li:nth-child(even) .con {
    flex-direction: row-reverse
}

.jl-list1 .more {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: .5rem;
    padding: 2px 4px;
    transition: .5s
}

.jl-list1 .more:hover {
    background-color: #fff;
    border-color: #086aeb
}

.jl-list1 li:nth-child(even) .more {
    flex-direction: row-reverse
}

.jl-list1 .more .i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    transition: .5s
}

.jl-list1 .more:hover .i {
    border-color: #086aeb
}

.jl-list1 li:nth-child(even) .more .i {
    transform: rotate(180deg)
}

.jl-list1 .more .i img {
    display: block;
    width: 9px
}

.jl-list1 .more .p {
    display: block;
    margin: 0 7px;
    font-size: 12px;
    color: #fff;
    transition: .5s
}

.jl-list1 .more:hover .p {
    color: #086aeb
}

.jl-list1 .line {
    flex: 1;
    height: 1px;
    background-image: linear-gradient(to right,#fff,rgba(255,255,255,0));
    overflow: hidden
}

.jl-list1 li:nth-child(even) .line {
    transform: rotate(180deg)
}

.jl-list1 .tit {
    font-size: var(--fz34);
    color: #fff;
    font-weight: 700
}

.jl-tit2 {
    text-align: center;
    position: relative
}

.jl-tit2 .tit {
    font-size: var(--fz26);
    color: #272727;
    font-weight: 700
}

.jl-tit2 .arr {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    font-size: 0;
    transform: translateY(-50%);
    z-index: 2
}

.jl-swiper4 {
    margin-top: .32rem;
    position: relative
}

.jl-arr2 {
    position: absolute;
    top: 1.49rem;
    left: -17px;
    right: -13px;
    font-size: 0;
    z-index: 2
}

.jl-arr2 .arr {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
    z-index: 2;
    cursor: pointer;
    transition: .5s
}

.jl-arr2 .prev {
    left: 0;
    background-image: url(../images/jl/i11.svg)
}

.jl-arr2 .prev:hover {
    background-image: url(../images/jl/i11-on.svg)
}

.jl-arr2 .next {
    right: 0;
    background-image: url(../images/jl/i12.svg)
}

.jl-arr2 .next:hover {
    background-image: url(../images/jl/i12-on.svg)
}

.jl-swiper4 .con {
    display: block;
    font-size: var(--fz18);
    color: #333
}

.jl-swiper4 .img {
    padding-top: 57%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: .28rem
}

.jl-swiper4 .tit {
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: .16rem;
    height: 3.4em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper4 .line {
    display: block;
    position: relative;
    height: 1px;
    background-color: #cad7f9;
    margin-bottom: .18rem
}

.jl-swiper4 .line::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: .66rem;
    height: 2px;
    background-color: #2a59d5;
    z-index: 2
}

.jl-swiper4 .desc {
    margin-bottom: .24rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper4 .date {
    font-size: var(--fz16);
    color: #fff;
    background-image: linear-gradient(to bottom,#2678ea,#1b4db5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.jl-con1 {
    margin-bottom: .23rem;
    font-size: var(--fz18);
    color: #333
}

.jl-con1 .tit {
    padding-left: .1rem;
    font-weight: 700;
    height: 3.4em;
    line-height: 1.7;
    margin-bottom: .2rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.jl-con1 .desc {
    padding-left: .1rem;
    margin-bottom: .28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 5;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.jl-con1 .pic {
    margin-top: .54rem;
    font-size: 0
}

.jl-row4 {
    padding: .6rem 0 .35rem;
    overflow: hidden
}

.jl-about3 {
    display: flex;
    margin-top: .47rem
}

.jl-about3 .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.jl-about3 .item:nth-child(even) {
    flex-direction: column-reverse
}

.jl-about3 .pic {
    flex-shrink: 0;
    overflow: hidden
}

.jl-about3 .img {
    padding-top: 66.32%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s
}

.jl-about3 .pic:hover .img {
    transform: scale(1.08)
}

.jl-about3 .txt {
    flex: 1;
    padding: .32rem .32rem .18rem .5rem;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.jl-about3 .txt::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl/bg08.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.jl-about3 .txt:hover::after {
    opacity: 1
}

.jl-about3 .item:first-child .txt {
    margin-left: 1.1rem
}

.jl-about3 .item:last-child .txt {
    margin-right: 1.28rem
}

.jl-about3 .top {
    display: flex;
    align-items: end;
    margin-bottom: .3rem
}

.jl-about3 .top .tit {
    flex: 1;
    font-size: var(--fz26);
    color: #272727;
    font-weight: 700;
    overflow: hidden;
    transition: .5s
}

.jl-about3 .txt:hover .top .tit {
    color: #fff
}

.jl-about3 .top .more {
    flex-shrink: 0;
    display: block;
    font-size: var(--fz14);
    color: #004fb7;
    transition: .5s
}

.jl-about3 .top .more:hover {
    font-weight: 700
}

.jl-about3 .txt:hover .top .more {
    color: #fff
}

.jl-about3 .con {
    display: block;
    padding: .1rem 0;
    border-bottom: 1px dashed rgba(0,79,183,.2);
    transition: .5s
}

.jl-about3 .txt:hover .con {
    border-color: rgba(255,255,255,.54)
}

.jl-about3 .con:last-child {
    border: none
}

.jl-about3 .con .date {
    font-size: var(--fz12);
    color: #bfbfbf;
    line-height: 2;
    transition: .5s
}

.jl-about3 .txt:hover .con .date {
    color: #a6c6ed
}

.jl-about3 .con .tit {
    font-size: var(--fz18);
    color: #272727;
    height: 3em;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    transition: .5s
}

.jl-about3 .con:hover .tit {
    font-weight: 700
}

.jl-about3 .txt:hover .con .tit {
    color: #fff
}

.jl-row5 {
    padding: .54rem 0 .92rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-about4 {
    display: flex;
    margin-top: .69rem
}

.jl-about4 .lbox {
    flex-shrink: 0;
    width: 5.91rem
}

.jl-about4 .cbox {
    flex-shrink: 0;
    width: 6.08rem
}

.jl-about4 .rbox {
    flex: 1;
    padding: .54rem .26rem 0 .48rem;
    background-color: #f1f6ff;
    box-shadow: 2px 4px 10px 0 rgba(0,79,183,.21);
    overflow: hidden
}

.jl-swiper5 {
    position: relative
}

.jl-swiper5 .swiper-container>.swiper-pagination {
    left: auto;
    right: .6rem;
    bottom: .34rem;
    font-size: 0;
    width: auto;
    z-index: 2
}

.jl-swiper5 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 5px!important;
    background-color: #fff;
    opacity: .37;
    transition: .5s
}

.jl-swiper5 .swiper-pagination-bullet-active {
    opacity: 1
}

.jl-swiper5 .con {
    display: block
}

.jl-swiper5 .pic {
    overflow: hidden
}

.jl-swiper5 .img {
    padding-top: 60.4%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .5s
}

.jl-swiper5 .con:hover .img {
    transform: scale(1.08)
}

.jl-swiper5 .info {
    display: block;
    padding: .31rem .44rem .59rem .42rem;
    background-image: url(../images/jl/bg10.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-swiper5 .titbox {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin-bottom: .16rem;
    padding-bottom: .18rem
}

.jl-swiper5 .titbox .p {
    flex: 1;
    font-size: var(--fz30);
    font-weight: 700;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper5 .titbox .arr {
    flex-shrink: 0;
    width: .37rem;
    font-size: 0
}

.jl-swiper5 .tit {
    font-size: var(--fz20);
    color: #fff;
    font-weight: 700;
    margin-bottom: .12rem;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper5 .desc {
    font-size: var(--fz16);
    color: #fff;
    opacity: .6;
    line-height: 1.875;
    height: 3.75em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper6 {
    display: flex;
    align-items: start;
    padding: .45rem .46rem .28rem .48rem;
    background-color: #fff;
    overflow: hidden
}

.jl-swiper6 .tagbox {
    flex-shrink: 0;
    width: 1.03rem;
    margin-right: .31rem
}

.jl-swiper6 .tag {
    display: block;
    height: 1.29rem;
    margin-left: .07rem;
    margin-bottom: .34rem;
    padding-top: .1rem;
    position: relative;
    z-index: 2
}

.jl-swiper6 .tag:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl/bg12.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1
}

.jl-swiper6 .tag::after {
    content: '';
    position: absolute;
    top: .08rem;
    left: -.06rem;
    right: .08rem;
    bottom: -.08rem;
    border: 1px solid #e1ebff;
    z-index: -2
}

.jl-swiper6 .tag .tit {
    display: block;
    width: 2em;
    margin: 0 auto;
    text-align: center;
    font-size: var(--fz28);
    line-height: 1.3;
    color: #fff;
    margin-bottom: .1rem
}

.jl-swiper6 .tag .more {
    display: block;
    text-align: center;
    font-size: var(--fz12);
    color: #87b9ff;
    transition: .5s
}

.jl-swiper6 .tag .more:hover {
    color: #fff
}

.jl-arr3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .42rem;
    margin-right: .09rem;
    background-image: url(../images/jl/bg11.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2
}

.jl-arr3 .arr {
    display: block;
    width: .12rem;
    height: .21rem;
    margin: 0 .12rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    transition: .5s
}

.jl-arr3 .prev {
    background-image: url(../images/jl/i15.svg)
}

.jl-arr3 .prev:hover {
    background-image: url(../images/jl/i15-on.svg)
}

.jl-arr3 .next {
    background-image: url(../images/jl/i16.svg)
}

.jl-arr3 .next:hover {
    background-image: url(../images/jl/i16-on.svg)
}

.jl-swiper6 .con {
    display: block;
    color: #272727
}

.jl-swiper6 .con .tit {
    font-size: var(--fz20);
    font-weight: 700;
    line-height: 1.5;
    height: 3em;
    margin-bottom: .26rem;
    border-bottom: 1px solid #272727;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper6 .con .desc {
    font-size: var(--fz16);
    opacity: .6;
    line-height: 1.875;
    height: 5.625em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper7 {
    background-image: url(../images/jl/bg13.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-swiper7 .swiper-container {
    position: relative;
    height: 3.51rem;
    overflow: hidden
}

.jl-swiper7 .swiper-slide {
    overflow: hidden
}

.jl-swiper7 .swiper-pagination-bullets {
    right: .22rem!important;
    font-size: 0
}

.jl-swiper7 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #a6b4d9;
    opacity: 1;
    margin: 11px 0!important;
    transition: .5s
}

.jl-swiper7 .swiper-pagination-bullet-active {
    background-color: #004fb7
}

.jl-swiper7 .con {
    display: block;
    padding: .3rem .49rem .3rem .44rem;
    overflow: hidden
}

.jl-swiper7 .topbox {
    display: flex;
    align-items: end;
    margin-right: 1.77rem;
    position: relative;
    z-index: 2;
    margin-bottom: .26rem
}

.jl-swiper7 .topbox::after {
    content: '';
    position: absolute;
    left: 0;
    right: .46rem;
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(to left,#2a8aff,#1b3d98);
    z-index: -1
}

.jl-swiper7 .name {
    flex: 1;
    font-size: var(--fz26);
    color: #004fb7;
    margin-bottom: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper7 .more {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border: 1px solid #004fb7;
    padding: 2px 2px 2px 10px;
    border-radius: 50px;
    transition: .5s
}

.jl-swiper7 .more:hover {
    background-color: #004fb7
}

.jl-swiper7 .more .p {
    margin: 0 4px;
    font-size: 12px;
    color: #004fb7;
    line-height: 24px;
    transition: .5s
}

.jl-swiper7 .more:hover .p {
    color: #fff
}

.jl-swiper7 .more .i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #004fb7
}

.jl-swiper7 .more .i img {
    display: block;
    width: 9px
}

.jl-swiper7 .info {
    display: flex;
    align-items: center
}

.jl-swiper7 .txt {
    flex: 1;
    margin-right: .15rem;
    overflow: hidden
}

.jl-swiper7 .tit {
    font-size: var(--fz20);
    color: #000;
    margin-bottom: .13rem
}

.jl-swiper7 .desc {
    font-size: var(--fz16);
    color: #272727;
    opacity: .6;
    line-height: 1.875;
    height: 5.625em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper7 .pic {
    flex-shrink: 0;
    display: block;
    width: 2.14rem;
    height: 2.14rem;
    border-radius: 50%;
    overflow: hidden
}

.jl-swiper7 .img {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-swiper8 {
    position: relative
}

.jl-swiper8 .swiper-pagination {
    position: relative;
    bottom: 0!important;
    font-size: 0;
    margin-top: .34rem
}

.jl-swiper8 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #a6b4d9;
    margin: 0 5px!important;
    opacity: 1;
    transition: .5s
}

.jl-swiper8 .swiper-pagination-bullet-active {
    background-color: #004fb7
}

.jl-swiper8 .topbox {
    display: flex;
    align-items: end;
    position: relative;
    z-index: 2;
    margin-bottom: .43rem
}

.jl-swiper8 .topbox::after {
    content: '';
    position: absolute;
    left: 0;
    right: .46rem;
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(to left,#2a8aff,#1b3d98);
    z-index: -1
}

.jl-swiper8 .name {
    flex: 1;
    font-size: var(--fz26);
    color: #004fb7;
    margin-bottom: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-swiper8 .more {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border: 1px solid #004fb7;
    padding: 2px 2px 2px 10px;
    border-radius: 50px;
    transition: .5s
}

.jl-swiper8 .more:hover {
    background-color: #004fb7
}

.jl-swiper8 .more .p {
    margin: 0 4px;
    font-size: 12px;
    color: #004fb7;
    line-height: 24px;
    transition: .5s
}

.jl-swiper8 .more:hover .p {
    color: #fff
}

.jl-swiper8 .more .i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #004fb7
}

.jl-swiper8 .more .i img {
    display: block;
    width: 9px
}

.jl-swiper8 .tit {
    font-size: var(--fz20);
    color: #000;
    margin-bottom: .3rem;
    line-height: 1.7;
    height: 3.4em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper8 .desc {
    font-size: var(--fz16);
    color: #272727;
    line-height: 1.875;
    height: 5.625em;
    margin-bottom: .25rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.jl-swiper8 .pic {
    text-align: center;
    font-size: 0;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .jl-row2 {
        padding:.4rem 0 1.6rem
    }

    .jl-swiper3 .swiper-container {
        padding: .3rem 0 .5rem
    }

    .jl-swiper3 .swiper-pagination-bullet {
        margin: 0 5px!important
    }

    .jl-row3 {
        padding: .4rem 0
    }

    .jl-about2 {
        display: block;
        padding-top: .3rem
    }

    .jl-about2 .lbox {
        width: auto;
        margin-top: 0;
        margin-bottom: .3rem
    }

    .jl-list1 .con {
        padding: 0 .5rem
    }

    .jl-list1 .tit {
        font-size: var(--fz24)
    }

    .jl-about2 .cbox {
        width: auto;
        padding: .3rem;
        margin-bottom: .3rem
    }

    .jl-tit2 .tit {
        font-size: var(--fz24)
    }

    .jl-arr2 {
        left: -15px;
        right: -15px
    }

    .jl-swiper4 .desc {
        margin-bottom: .1rem
    }

    .jl-about2 .rbox {
        margin-top: 0;
        padding: .3rem
    }

    .jl-con1 .desc {
        margin-bottom: .2rem
    }

    .jl-con1 .pic {
        margin-top: .3rem
    }

    .jl-row4 {
        padding: .4rem 0
    }

    .jl-about3 {
        padding: 0 .5rem;
        flex-wrap: wrap;
        margin-top: .3rem
    }

    .jl-about3 .item {
        flex: auto;
        width: 50%
    }

    .jl-about3 .item:first-child .txt {
        margin-left: 0
    }

    .jl-about3 .item:last-child .txt {
        margin-right: 0
    }

    .jl-about3 .txt {
        padding: .3rem
    }

    .jl-about3 .top {
        margin-bottom: .1rem
    }

    .jl-row5 {
        padding: .4rem 0
    }

    .jl-about4 {
        display: block;
        margin-top: .3rem
    }

    .jl-about4 .lbox {
        width: auto;
        margin-bottom: .3rem
    }

    .jl-about4 .cbox {
        width: auto;
        margin-bottom: .3rem
    }

    .jl-swiper5 .info {
        padding: .3rem .3rem .5rem
    }

    .jl-swiper6 {
        display: block;
        padding: .3rem
    }

    .jl-swiper6 .tagbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        margin-right: 0;
        margin-bottom: .3rem
    }

    .jl-swiper6 .tag {
        width: 1.4rem;
        height: 1.6rem;
        margin-bottom: 0
    }

    .jl-swiper6 .tag .tit {
        font-size: var(--fz20)
    }

    .jl-arr3 {
        width: 1.2rem;
        height: .6rem;
        margin-right: 0
    }

    .jl-arr3 .arr {
        width: .18rem;
        height: .31rem
    }

    .jl-swiper7 .swiper-container {
        height: auto;
        padding-bottom: .3rem
    }

    .jl-swiper7 .swiper-pagination-bullets {
        right: 0!important
    }

    .jl-swiper7 .swiper-pagination-bullet {
        margin: 0 5px!important
    }

    .jl-swiper7 .topbox {
        margin-right: 0
    }

    .jl-about4 .rbox {
        padding: .3rem
    }

    .jl-swiper8 .topbox {
        margin-bottom: .3rem
    }

    .bl-pics li{
        width: 50%;
    }
    .bl-pics .play{
        width: 0.5rem;
        height: 0.5rem;
    }
}

@media screen and (max-width: 750px) {
    .jl-about3 .item {
        display:block;
        width: 100%
    }
}
@media screen and (max-width: 480px) {
    .bl-pics{
        margin: 0;
    }
    .bl-pics li{
        float: none;
        width: auto;
    }
    .bl-pics .con{
        margin: 0 0 .5rem;
    }
    .bl-pics .pic{
        margin-bottom: 0;
    }
}
@media (min-width:388px) and  (max-width:768px){
.m-cd1 .pic{
margin-top: 20px;
}
}