@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
}

/*!-----------------[初始化结束]--------------*/
.wp {
    width: 95%;
    max-width: 15.2rem;
    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)
}

/*!******************************
    -------[=底部]-------
********************************/
/*!******************************
    -------[=公用]-------
********************************/
.cur {
    padding-left: .3rem;
    font-size: var(--fz16);
    color: #fff;
    line-height: 1.88;
    background: url(/images/hlg/d-icon-home1.png) left top .04rem no-repeat;
    -webkit-background-size: .2rem auto;
    background-size: .2rem auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.cur a {
    font-size: inherit;
    color: inherit
}

.cur em {
    margin: 0 .11rem
}

.cur a:hover {
    color: inherit;
    text-decoration: underline
}

.pages {
    padding-top: .5rem;
    text-align: center;
    font-size: 0
}

.pages ul {
    margin-bottom: -.1rem;
    display: inline-block
}

.pages ul li {
    float: left;
    margin: 0 .04rem .1rem;
    font-size: var(--fz16);
    color: #444;
    line-height: .38rem
}

.pages ul li a,.pages ul li span {
    display: block;
    height: .4rem;
    line-height: .38rem;
    text-align: center;
    font-size: var(--fz16);
    color: #444;
    border: .01rem solid #dcdcdc;
    background-color: #fff;
    padding: 0 .05rem;
    min-width: .4rem;
    border-radius: .03rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    -ms-border-radius: .03rem;
    -o-border-radius: .03rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.pages select {
    padding: 0 .2rem;
    padding-right: .4rem;
    display: block;
    width: 1.2rem;
    height: .4rem;
    line-height: .38rem;
    border: 1px solid #dcdcdc;
    border-radius: .03rem;
    font-size: var(--fz16);
    color: #666;
    background: #fff url(../images/hlg/d-icon-arrow5.png) right .18rem center no-repeat;
    -webkit-background-size: .16rem auto;
    background-size: .16rem auto
}

.pages ul a:hover,.pages ul li.on a {
    border-color: #0062a9
}

.pages ul li.next,.pages ul li.prev {
    min-width: .4rem
}

@media screen and (max-width: 1600px) {
    .pages select {
        width:1.4rem
    }
}

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

    .cur {
        padding-left: 22px;
        background-position: left top 4px;
        -webkit-background-size: 16px auto;
        background-size: 16px auto
    }

    .pages {
        padding-top: .4rem
    }

    .pages ul li {
        line-height: 26px
    }

    .pages ul li a,.pages ul li span {
        min-width: 26px;
        height: 26px;
        line-height: 24px
    }

    .pages select {
        width: 90px;
        height: 26px;
        line-height: 24px;
        -webkit-background-size: 10px auto;
        background-size: 10px auto
    }

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

@media screen and (max-width: 371px) {
    .cur {
        padding-left:.45rem;
        -webkit-background-size: .3rem auto;
        background-size: .3rem auto
    }

    .pages ul li {
        line-height: .5rem
    }

    .pages ul li a,.pages ul li span {
        min-width: .5rem;
        height: .5rem;
        line-height: .48rem
    }

    .pages select {
        width: 1.9rem;
        height: .5rem;
        line-height: .48rem;
        -webkit-background-size: .18rem auto;
        background-size: .18rem auto
    }
}

:root {
    --fz12: 0.12rem;
    --fz14: 0.14rem;
    --fz15: 0.15rem;
    --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)
}

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

.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;
        --fz15: 0.17rem;
        --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;
        --fz15: 0.19rem;
        --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;
        --fz15: 0.26rem;
        --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;
        --fz15: 0.27rem;
        --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 *******/
/*!****** bl end *******/
/*!****** ls *******/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: .28rem .5rem .25rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.header.fixed {
    background: #003174;
    -webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -o-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    box-shadow: 0 0 .1rem rgba(0,0,0,.1)
}

.logo {
    display: inline-block;
    height: .85rem;
    line-height: .85rem;
    font-size: 0;
    text-align: center
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%
}

.header .h-r {
    float: right
}

.h-opts {
    text-align: right;
    font-size: 0;
    padding-top: .04rem;
    margin-top: -.12rem;
    margin-bottom: .12rem
}

.h-so {
    display: none
}

.h-r .h-so {
    display: inline-block;
    vertical-align: middle
}

.h-so .icon {
    width: .22rem;
    height: .22rem;
    background: url(/images/iconl1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer
}

.h-so .so-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 110;
    display: none
}

.h-so .so-pop .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.h-so .so-pop .form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 2
}

.h-so .so-pop .close {
    position: absolute;
    top: 5%;
    right: 5%;
    width: .4rem;
    height: .4rem;
    background: url(/images/close.svg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 2;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.h-so .so-pop .close:hover {
    opacity: .7
}

.h-so .so-pop .form .inp {
    display: block;
    width: 7rem;
    height: .6rem;
    line-height: .6rem;
    border: none;
    background: 0 0;
    padding: 0 1.2rem 0 .2rem;
    font-size: var(--fz18);
    color: #333
}

.h-so .so-pop .form .btn {
    display: block;
    width: 1rem;
    height: .6rem;
    line-height: .6rem;
    border: none;
    background: #000;
    color: #fff;
    font-size: var(--fz18);
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.h-so .so-pop .form .btn:hover {
    opacity: .7
}

.h-link {
    display: inline-block;
    vertical-align: middle
}

.h-link a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .14rem;
    font-size: var(--fz16);
    color: rgba(255,255,255,.8);
    position: relative
}

.h-lang {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz16);
    color: rgba(255,255,255,.8);
    position: relative;
    padding: 0 .14rem;
    margin-right: .12rem;
    cursor: pointer;
    z-index: 2
}

.h-lang:after,.h-link a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    background: rgba(255,255,255,.8);
    height: .18rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.h-lang .lang-box {
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 1rem;
    background-color: #fff;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    display: none;
    cursor: pointer;
    -webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -o-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    z-index: 2
}

.h-lang .lang-box:after,.nav .sub:after {
    content: "";
    width: 0;
    height: 0;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-bottom: .08rem solid #fff;
    position: absolute;
    top: -.08rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.h-lang .lang-box .lang {
    display: block;
    text-align: center;
    padding: 0 .2rem;
    color: #333;
    line-height: 2em;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.h-lang .lang-box .lang:hover {
    background: rgba(0,0,0,.5);
    color: #fff
}

.nav li {
    float: left;
    margin-left: .7rem;
    position: relative
}

.nav .v1 {
    font-size: var(--fz22);
    color: #fff;
    line-height: 1.5em;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.nav .v1:hover {
    opacity: .7
}

.nav .sub {
    position: absolute;
    top: 130%;
    left: 50%;
    min-width: 2rem;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: none;
    -webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    -o-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    z-index: 2
}

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

.nav .sub .v2:hover {
    background: rgba(0,0,0,.5);
    color: #fff
}

.nav .sub-box {
    position: relative
}

.nav .sub-item {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    padding: .05rem;
    box-shadow: 0 0 .1rem rgba(0,0,0,.1);
    border-radius: .05rem;
    display: none
}

.footer {
    overflow: hidden;
    background: url(/images/fd-bgl1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 1.26rem;
    position: relative
}

.fd-logo {
    display: none;
    width: 3.93rem;
    height: auto;
    overflow: hidden;
    margin-bottom: .42rem
}

.fd-logo img {
    display: block;
    width: 100%;
    height: 100%
}

.footer .foot {
    display: flex;
    overflow: hidden;
    padding: .5rem 0 1.22rem
}

.fd-l {
    flex: 1;
    overflow: hidden;
    float: none;
    width: auto
}

.fd-tit {
    display: flex;
    align-items: center;
    margin-bottom: .2rem
}

.fd-tit .i {
    flex-shrink: 0;
    font-size: 0;
    width: .28rem;
    margin-right: .14rem
}

.fd-tit .p {
    flex: 1;
    font-weight: 700;
    font-size: var(--fz28);
    color: #fff
}

.fd-r {
    flex-shrink: 0;
    width: auto;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fd-r .addr {
    overflow: hidden;
    font-size: var(--fz16);
    line-height: 2.25;
    color: #fff;
    font-weight: 300
}

.fd-r .link {
    display: block;
    width: .8rem;
    height: auto;
    margin-right: .5rem
}

.fd-r .link img {
    display: block;
    width: 100%;
    height: 100%
}

.ul-fdlistl {
    overflow: hidden
}

.ul-fdlistl li {
    min-width: 33.33%;
    float: left;
    margin-bottom: .14rem
}

.ul-fdlistl .con {
    padding-right: .17rem;
    font-size: var(--fz18);
    line-height: 1.5em;
    overflow: hidden;
    position: relative;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-fdlistl .con:hover {
    opacity: .7
}

.ul-fdlistl .con i {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: .14rem;
    height: .14rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url(/images/iconl2.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.footer .copy {
    font-size: var(--fz14);
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.4);
    text-align: center;
    padding: .17rem 0 .14rem;
    overflow: hidden
}

.footer .copy .link {
    display: none;
    vertical-align: middle;
    width: .4rem;
    margin-right: .12rem;
    margin-bottom: -.04rem
}

.footer .copy br {
    display: none
}

.g-Wavel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.35rem;
    z-index: 9
}

.g-Wavel>svg {
    display: block;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.g-Wavel .wave-g>use {
    animation: move-forever 24s linear infinite
}

.g-Wavel .wave-g>use:nth-child(1) {
    animation-delay: -4s;
    animation-duration: 12s
}

.g-Wavel .wave-g>use:nth-child(2) {
    animation-delay: -4s;
    animation-duration: 11s
}

.banner {
    overflow: hidden;
    position: relative
}

.banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80%;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    z-index: 1
}

.banner .con {
    padding-top: 57.96875%;
    position: relative;
    height: 0;
    overflow: hidden
}

.banner .con .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
    bottom: 1.39rem;
    font-size: 0
}

.banner .swiper-pagination-bullet {
    width: .26rem;
    height: .26rem;
    background: url(/images/iconl3.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
    display: inline-block;
    vertical-align: middle
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .06rem
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .36rem;
    height: .36rem;
    background-image: url(/images/iconl4.png)
}

.banner .g-Wavel {
    top: auto;
    bottom: 0
}

.banner .g-Wavel>svg {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0)
}

.g-titl1 {
    overflow: hidden;
    margin-left: -.15rem;
    position: relative
}

.g-titl1 .tit,.g-titl1 .ul-titl .con {
    display: block;
    color: #333;
    font-size: var(--fz48);
    line-height: 1.4;
    height: .77rem;
    overflow: hidden;
    padding-left: .15rem;
    background: url(/images/bgl1.png) left bottom no-repeat;
    -webkit-background-size: auto .77rem;
    -moz-background-size: auto .77rem;
    -ms-background-size: auto .77rem;
    -o-background-size: auto .77rem;
    background-size: auto .77rem;
    min-width: 2.19rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.g-titl1 .ul-titl li {
    float: left;
    margin-right: .3rem
}

.g-titl1 .ul-titl .con {
    background: 0 0;
    color: #a9a9a9
}

.g-titl1 .ul-titl li.on .con {
    color: #333;
    background: url(/images/bgl1.png) left bottom no-repeat;
    -webkit-background-size: auto .77rem;
    -moz-background-size: auto .77rem;
    -ms-background-size: auto .77rem;
    -o-background-size: auto .77rem;
    background-size: auto .77rem
}

.g-titl1 .more {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: var(--fz16);
    color: #333;
    line-height: 1.5em;
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.g-titl1 .more:hover {
    color: #003174;
    text-decoration: underline
}

.g-titl1 .more i {
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .22rem;
    background: url(/images/iconl5.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: -.02rem 0 0 .06rem
}

.g-titl1.tac .tit {
    text-align: center;
    background-position: center bottom
}

.ul-titl {
    position: relative;
    overflow: hidden
}

.ul-titl .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-titl li.on .more {
    opacity: 1;
    overflow: visible
}

.row-a1 {
    overflow: hidden;
    padding: .57rem 0 .79rem
}

.row-a1 .col-l {
    width: 65%
}

.row-a1 .col-r {
    width: 32.3684%
}

.m-newsl {
    position: relative
}

.m-newsl .top {
    width: 50%;
    padding-right: .2rem
}

.m-swiperl1 {
    margin: -.35rem -.2rem 0
}

.m-swiperl1 .swiper-container {
    min-height: 6.48rem
}

.m-swiperl1 .swiper-slide {
    padding: 0 .2rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiperl1 .swiper-slide-active {
    padding-top: 1.14rem
}

.m-swiperl1 .con {
    display: block;
    border-radius: .15rem .15rem 0 0;
    -webkit-border-radius: .15rem .15rem 0 0;
    -moz-border-radius: .15rem .15rem 0 0;
    -ms-border-radius: .15rem .15rem 0 0;
    -o-border-radius: .15rem .15rem 0 0;
    overflow: hidden
}

.m-swiperl1 .pic {
    padding-top: 62.47139588%;
    position: relative;
    height: 0;
    overflow: hidden
}

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

.m-swiperl1 .txt {
    overflow: hidden;
    padding: .4rem .4rem;
    min-height: 2.37rem;
    position: relative
}

.m-swiperl1 .txt .tit {
    font-size: var(--fz20);
    color: #333;
    line-height: 1.5em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .21rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiperl1 .txt .desc {
    font-size: var(--fz14);
    line-height: 1.72em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #333
}

.m-swiperl1 .txt .date {
    position: absolute;
    bottom: 0;
    left: .4rem;
    font-size: var(--fz16);
    color: #003174;
    line-height: 1.5em;
    overflow: hidden
}

.m-swiperl1 .con:hover .pic .img {
    transform: scale(1.08,1.08);
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08)
}

.m-swiperl1 .con:hover .txt .tit {
    color: #003174
}

.m-swiperl1 .swiper-container-horizontal>.swiper-pagination-bullets,.m-swiperl1 .swiper-pagination-custom,.m-swiperl1 .swiper-pagination-fraction {
    bottom: 0;
    font-size: 0;
    width: 50%;
    left: auto;
    right: 0
}

.m-swipergb2 .swiper-pagination-bullet,.m-swiperl1 .swiper-pagination-bullet,.m-swiperl2 .swiper-pagination-bullet {
    width: .15rem;
    height: .15rem;
    opacity: 1;
    border: .04rem solid #e5e5e5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff
}

.m-swipergb2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.m-swiperl1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.m-swiperl2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .1rem
}

.m-swipergb2 .swiper-pagination-bullet.swiper-pagination-bullet-active,.m-swiperl1 .swiper-pagination-bullet.swiper-pagination-bullet-active,.m-swiperl2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #1070bb
}

.ul-listl1 {
    overflow: hidden;
    margin-top: .36rem
}

.ul-listl1 li {
    margin-bottom: .14rem
}

.ul-listl1 .con {
    display: block;
    overflow: hidden
}

.ul-listl1 .pic {
    width: 2.31rem;
    float: left;
    height: auto;
    overflow: hidden;
    border-radius: .1rem 0 0 .1rem;
    -webkit-border-radius: .1rem 0 0 .1rem;
    -moz-border-radius: .1rem 0 0 .1rem;
    -ms-border-radius: .1rem 0 0 .1rem;
    -o-border-radius: .1rem 0 0 .1rem;
    margin-right: .3rem
}

.ul-listl1 .pic .img {
    display: block;
    padding-top: 83.98268398%;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listl1 .txt {
    overflow: hidden;
    padding: .35rem 0 .15rem
}

.ul-listl1 .tit {
    font-size: var(--fz18);
    color: #333;
    line-height: 1.666em;
    height: 3.332em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .52rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listl1 .date {
    font-size: var(--fz14);
    color: #003174;
    line-height: 1.5em;
    overflow: hidden
}

.ul-listl1 .con:hover .pic .img {
    transform: scale(1.08,1.08);
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08)
}

.ul-listl1 .con:hover .tit {
    color: #1070bb
}

.row-a2 {
    overflow: hidden;
    padding-bottom: .67rem
}
.row-a2 .col-l {
    width: 65%
}
.row-a2 .col-l .ul-listgbl2 li{
    width: 50%;
}
.row-a2 .col-r .ul-listgbl2 li{
    width: 100%;
}
.row-a2 .col-r {
    width: 32.3684%
}

.m-swiperl2 .swiper-container {
    margin: .18rem -.08rem 0;
    padding-bottom: .45rem
}

.m-swiperl2 .swiper-slide {
    padding: 0 .08rem
}

.m-swiperl2 .con {
    display: block;
    padding: .42rem .27rem .82rem;
    background: #fff;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiperl2 .con:hover {
    -webkit-box-shadow: 0 0 .24rem rgba(0,0,0,.06);
    -moz-box-shadow: 0 0 .24rem rgba(0,0,0,.06);
    -ms-box-shadow: 0 0 .24rem rgba(0,0,0,.06);
    -o-box-shadow: 0 0 .24rem rgba(0,0,0,.06);
    box-shadow: 0 0 .24rem rgba(0,0,0,.06)
}

.m-swiperl2 .con .date {
    width: .7rem;
    height: .7rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    margin: 0 auto;
    overflow: hidden;
    background: #14b5eb;
    text-align: center;
    padding: .06rem .1rem;
    margin-bottom: .17rem
}

.m-swiperl2 .con .day {
    font-size: var(--fz36);
    color: #fefefe;
    line-height: 1.1em;
    overflow: hidden;
    font-weight: 700
}

.m-swiperl2 .con .year {
    font-size: var(--fz12);
    color: #fefefe;
    line-height: 1.1em;
    overflow: hidden
}

.m-swiperl2 .con .tit {
    font-size: var(--fz20);
    color: #232323;
    line-height: 1.5em;
    height: 3em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .25rem
}

.m-swiperl2 .con .desc {
    font-size: var(--fz14);
    color: #707070;
    line-height: 1.72em;
    height: 5.16em;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.m-swiperl2 .swiper-container-horizontal>.swiper-pagination-bullets,.m-swiperl2 .swiper-pagination-custom,.m-swiperl2 .swiper-pagination-fraction {
    bottom: 0;
    font-size: 0
}

.row-a3 {
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    padding-bottom: 1.64rem
}

.ul-listl2 {
    overflow: hidden;
    border-bottom: 1px solid #cacaca;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .42rem 0 .5rem
}

.ul-listl2 .con {
    position: relative;
    display: block;
    font-size: var(--fz20);
    color: #585858;
    overflow: hidden;
    padding-bottom: .15rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listl2 .con:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .05rem;
    background: #026ab8;
    width: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listl2 .con:hover,.ul-listl2 li.on .con {
    color: #0168b7
}

.ul-listl2 .con:hover:after,.ul-listl2 li.on .con:after {
    width: 100%
}

.m-specialityl {
    overflow: hidden
}

.m-specialityl .col-l {
    width: 42.434%
}

.m-specialityl .col-r {
    width: 54.632%
}

.m-swiperl3 {
    overflow: hidden
}

.m-swiperl3 .tit {
    font-size: var(--fz40);
    color: #232323;
    line-height: 1.5em;
    overflow: hidden;
    margin-bottom: .26rem
}

.m-swiperl3 .desc {
    font-size: var(--fz18);
    line-height: 1.7em;
    overflow: hidden;
    color: #232323;
    margin-bottom: .33rem
}

.m-swiperl3 .desc {
    font-size: var(--fz18);
    line-height: 1.7em;
    overflow: hidden;
    color: #232323;
    margin-bottom: .33rem
}

.m-swiperl3 .icon {
    width: .65rem;
    height: auto;
    overflow: hidden
}

.m-swiperl3 .icon img {
    display: block;
    width: 100%;
    height: 100%
}

.m-swiperl3 .swiper-slide {
    opacity: 0!important;
    overflow: hidden
}

.m-swiperl3 .swiper-slide.swiper-slide-active {
    opacity: 1!important;
    overflow: visible
}

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto
}

#certify .swiper-slide {
    width: 7.4rem;
    height: auto;
    background: #fff;
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
    overflow: hidden;
    position: relative
}

#certify .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15,122,187,.7);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

#certify .swiper-slide.swiper-slide-next:after {
    background: rgba(17,195,120,.7)
}

#certify .swiper-slide.swiper-slide-active:after {
    display: none
}

#certify .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

#certify .swiper-button-next:after,#certify .swiper-button-prev:after {
    display: none
}

#certify .swiper-button-next,#certify .swiper-button-prev {
    right: .21rem;
    width: .64rem;
    height: .64rem;
    margin-top: -.32rem;
    background: rgba(255,255,255,.54) url(../images/iconl7.png) center center no-repeat;
    background-size: cover;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

#certify .swiper-button-next:hover,#certify .swiper-button-prev:after {
    background-color: #fff
}

#certify .swiper-button-prev {
    left: .5rem;
    background-image: url(/images/iconl7-1.png)
}

#certify .swiper-button-disabled {
    display: none
}

.g-titl1.gb {
    margin-left: 0;
    font-size: 0
}

.g-titl1.gb.tac {
    text-align: center
}

.g-titl1.gb .tit {
    font-size: var(--fz40);
    padding-left: .8rem;
    min-width: auto;
    display: inline-block;
    background: url(/images/gb/iconl1.png) left bottom no-repeat;
    font-weight: 700;
    padding-top: .18rem;
    background-size: .64rem auto
}

.g-titl1.gb .more {
    top: 47%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.g-titl1.gb.fff .tit {
    color: #fff;
    background-image: url(/images/gb/iconl1-fff.png)
}

.g-titl1 .fx-box.tit{
    display: inline-flex;
}
.g-titl1 .fx-box.tit .h3{
    margin-right: .3rem;
    color: #999;
    cursor: pointer;
    transition: .4s;
}
.g-titl1 .fx-box.tit .more{
    display: none;
}
.g-titl1 .fx-box.tit .on .h3{
    color: #333;
}
.g-titl1 .fx-box.tit .on .more{
    display: block;
}
.row-a1 {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    padding-bottom: 0
}

.m-swipergb1 {
    overflow: hidden;
    padding-top: .21rem;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    margin-bottom: .4rem;
    position: relative
}

.m-swipergb1 .con {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem
}

.m-swipergb1 .con:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.55rem;
    background: url(/images/gb/bgl1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-swipergb1 .con .pic {
    padding-top: 62.1457%;
    position: relative;
    height: 0;
    overflow: hidden
}

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

.m-imgtxtgb .con:hover .pic .img,.m-swipergb1 .con:hover .pic .img,.m-swipergb2 .con:hover .pic .img {
    transform: scale(1.08,1.08);
    -webkit-transform: scale(1.08,1.08);
    -moz-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);
    -o-transform: scale(1.08,1.08)
}

.m-swipergb1 .txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    padding: .4rem .4rem .2rem;
    z-index: 2
}

.m-swipergb1 .date,.m-swipergb1 .desc {
    font-size: var(--fz16);
    color: #fff;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-swipergb1 .tit {
    font-size: var(--fz20);
    color: #fff;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,.5);
    margin-bottom: 12px;
    padding-bottom: 14px
}

.m-swipergb2 {
    position: relative;
    margin: 0 -.14rem
}

.m-swipergb2 .swiper-container {
    padding-bottom: .5rem
}

.m-swipergb2 .swiper-slide {
    padding: 0 .14rem
}

.m-swipergb2 .con {
    display: block;
    overflow: hidden
}

.m-swipergb2 .pic {
    padding-top: 58.7%;
    position: relative;
    height: 0;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem
}

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

.m-swipergb2 .date {
    width: .58rem;
    margin-left: .2rem;
    background: #026ab8;
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    text-align: center;
    padding: .07rem 0 .09rem;
    margin-top: -.41rem;
    position: relative;
    z-index: 2;
    margin-bottom: .09rem
}

.m-swipergb2 .day {
    font-size: var(--fz20);
    color: #fff;
    font-weight: 700;
    line-height: 1.2em;
    overflow: hidden
}

.m-swipergb2 .year {
    font-size: var(--fz12);
    color: #fff;
    line-height: 1.2em;
    overflow: hidden
}

.m-swipergb2 .tit {
    font-size: var(--fz18);
    color: #333;
    line-height: 1.666em;
    height: 3.332em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.m-swipergb2 .swiper-container-horizontal>.swiper-pagination-bullets,.m-swipergb2 .swiper-pagination-custom,.m-swipergb2 .swiper-pagination-fraction {
    bottom: 0
}

.m-newsgb {
    overflow: hidden;
    margin-bottom: .29rem;
    margin-bottom: .5rem
}

.m-imgtxtgb {
    padding-top: .21rem;
    margin-bottom: .28rem;
    overflow: hidden
}

.m-imgtxtgb .con {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    position: relative
}

.m-imgtxtgb .con:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.6rem;
    background: url(/images/gb/bgl1-1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-imgtxtgb .con .pic {
    position: relative;
    padding-top: 54.67%;
    height: 0;
    overflow: hidden
}

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

.m-imgtxtgb .txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    padding: .2rem .2rem .17rem;
    z-index: 2
}

.m-imgtxtgb .txt .tips {
    font-size: var(--fz14);
    color: #fff;
    line-height: 1.5em;
    overflow: hidden;
    margin-bottom: .09rem
}

.m-imgtxtgb .txt .tit {
    font-size: var(--fz20);
    color: #fff;
    line-height: 1.5em;
    overflow: hidden;
    font-weight: 700
}

.ul-listgbl1 {
    overflow: hidden
}

.ul-listgbl1 li {
    margin-bottom: .13rem
}

.ul-listgbl1 .con {
    display: block;
    overflow: hidden;
    padding-left: 0;
    position: relative
}

.ul-listgbl1 .con:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    width: .16rem;
    height: .02rem;
    background: #026ab8;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.ul-listgbl1 .con .tit {
    font-size: var(--fz18);
    color: #000;
    line-height: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl1 .con:hover .tit {
    color: #026ab8
}

.ul-listgbl1 .con .date {
    float: right;
    font-size: var(--fz16);
    line-height: 1.5em;
    color: rgba(0,0,0,.5);
    margin-left: .3rem
}

.row-a2 {
    padding-bottom: .56rem
}

.ul-listgbl2 {
    overflow: hidden;
    margin: .51rem -.1rem
}

.ul-listgbl2 li {
    width: 33.33%;
    float: left;
    padding: 0 .1rem
}

.ul-listgbl2 .con {
    display: block;
    overflow: hidden;
    background: #f2f7fb;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: .25rem .21rem 37px .3rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl2 .con .date {
    overflow: hidden;
    font-size: var(--fz16);
    color: #010101;
    padding-bottom: .14rem;
    margin-bottom: .18rem;
    border-bottom: 1px solid rgba(166,166,166,.3);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl2 .con .day {
    display: inline-block;
    font-size: var(--fz30);
    color: #1070bb;
    font-weight: 700;
    margin-right: .16rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl2 .con .year {
    display: inline-block;
    font-size: var(--fz16);
    color: #010101;
    margin-left: .06rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl2 .con .txt {
    overflow: hidden
}

.ul-listgbl2 .con .tit {
    font-size: var(--fz18);
    line-height: 1.666em;
    height: 3.332em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #000;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-listgbl2 .con:hover {
    background-color: #1070bb
}

.ul-listgbl2 .con:hover .date,.ul-listgbl2 .con:hover .day,.ul-listgbl2 .con:hover .tit,.ul-listgbl2 .con:hover .year {
    color: #fff
}

.g-rightgb {
    position: fixed;
    right: .21rem;
    top: 20%;
    z-index: 20;
    display: none
}

.g-rightgb .pic {
    width: .8rem;
    height: auto;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.g-rightgb .pic img {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.g-rightgb ul {
    width: .8rem;
    background: #026ab8;
    overflow: hidden;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    margin-top: -.11rem;
    position: relative;
    z-index: 2;
    padding: .09rem 0 .19rem
}

.g-rightgb ul .con {
    display: block;
    overflow: hidden;
    padding: .06rem 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.g-rightgb ul .icon {
    width: .34rem;
    height: .34rem;
    line-height: .34rem;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto;
    text-align: center
}

.g-rightgb ul .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.g-rightgb ul .tit {
    font-size: var(--fz14);
    color: #fff;
    line-height: 1.5em;
    overflow: hidden;
    text-align: center
}

.g-rightgb ul .con:hover {
    opacity: .6
}

@keyframes move-forever {
    0% {
        transform: translate(-90px,0);
        -webkit-transform: translate(-90px,0);
        -moz-transform: translate(-90px,0);
        -ms-transform: translate(-90px,0);
        -o-transform: translate(-90px,0)
    }

    100% {
        transform: translate(85px,0);
        -webkit-transform: translate(85px,0);
        -moz-transform: translate(85px,0);
        -ms-transform: translate(85px,0);
        -o-transform: translate(85px,0)
    }
}

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

    .header {
        padding: 0 .8rem 0 .3rem;
        height: 1rem;
        background: #003174;
        -webkit-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
        -ms-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
        -o-box-shadow: 0 0 .1rem rgba(0,0,0,.1);
        box-shadow: 0 0 .1rem rgba(0,0,0,.1)
    }

    .logo {
        line-height: 1rem;
        margin-right: 0;
        float: left
    }

    .logo img {
        height: .8rem
    }

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

    .nav {
        float: none
    }

    .nav li {
        float: none;
        width: auto;
        display: block;
        margin: 0
    }

    .nav .v1 {
        display: block;
        line-height: .8rem;
        text-align: left;
        padding: 0 .3rem;
        border-bottom: 1px solid rgba(255,255,255,.2)
    }

    .h-lang .lang-box:after,.nav .sub:after {
        display: none
    }

    .nav .sub {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        padding-left: .2rem;
        background-color: transparent
    }

    .nav .sub .v2 {
        line-height: .8rem;
        padding: 0 .3rem;
        border-bottom: 1px solid rgba(255,255,255,.2);
        text-align: left;
        color: #fff
    }

    .nav .sub .box .ll {
        float: none;
        width: auto;
        padding: .3rem
    }

    .nav .sub .box .rr {
        display: none
    }

    .nav .on>.dropicon::after {
        content: "-";
        color: #fff
    }

    .nav .dropicon {
        display: block;
        position: absolute;
        top: 0;
        right: .28rem;
        width: .8rem;
        height: .8rem
    }

    .nav .dropicon::after {
        content: "+";
        display: block;
        font-size: var(--fz32);
        color: #fff;
        font-weight: 700;
        line-height: .8rem;
        font-style: normal;
        text-align: right;
        width: 100%
    }

    .nav .ok .v1::after,.nav .on .v1::after {
        display: none
    }

    .nav .sub-item {
        position: static;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0 .2rem
    }

    .nav .sub-item .v2 {
        font-size: .28rem
    }

    .h-opts {
        text-align: center;
        padding: .3rem 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .h-so .icon {
        width: .4rem;
        height: .4rem
    }

    .h-so {
        display: flex;
        height: 1rem;
        width: 1rem;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: .8rem
    }

    .h-r .h-so {
        display: none
    }

    .footer {
        padding-top: 1.8rem
    }

    .footer .foot {
        display: block;
        padding: .4rem 0 .6rem
    }

    .fd-l {
        float: none;
        width: auto;
        margin-bottom: .3rem
    }

    .fd-tit .i {
        width: .4rem
    }

    .fd-r {
        float: none;
        width: auto;
        display: block;
        margin: 0
    }

    .fd-r .link {
        display: none
    }

    .footer .copy .link {
        display: inline-block
    }

    .footer .copy br {
        display: block
    }

    .fd-r .addr {
        text-align: left;
        margin-right: 0
    }

    .ul-fdlistl li {
        min-width: auto;
        margin-right: .3rem
    }

    .ul-listl2 {
        display: block;
        text-align: center;
        font-size: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

    .ul-listl2 li {
        display: inline-block;
        vertical-align: top;
        padding: 0 .12rem
    }

    .row-a1 .col-l,.row-a1 .col-r {
        float: none;
        width: auto
    }

    .m-swiperl1 {
        padding-top: .4rem;
        margin: 0 -.2rem .4rem
    }

    .m-swiperl1 .swiper-slide-active {
        padding-top: 0
    }

    .m-swiperl1 .txt {
        padding: .2rem;
        min-height: 3.3rem
    }

    .m-swiperl1 .txt .date {
        left: .2rem
    }

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

    .m-swiperl1 .swiper-container-horizontal>.swiper-pagination-bullets,.m-swiperl1 .swiper-pagination-custom,.m-swiperl1 .swiper-pagination-fraction {
        bottom: 10px;
        text-align: center;
        width: 100%
    }

    .ul-listl1 .txt {
        padding: 0
    }

    .ul-listl1 li {
        margin-bottom: .3rem
    }

    .m-newsl .top {
        width: auto
    }

    .row-a2 .col-l,
    .row-a2 .col-r {
        float: none;
        width: auto;
    }
    .row-a2 .col-l .ul-listgbl2 li,
    .row-a2 .col-r .ul-listgbl2 li{
        float: none;
        width: 100%;
        margin-bottom: 0.3rem;
    }
}

@media screen and (max-width: 767px) {
    .m-specialityl .col-l,.m-specialityl .col-r {
        float:none;
        width: auto
    }

    .m-specialityl .col-l {
        margin-bottom: .3rem
    }

    #certify .swiper-slide {
        width: 100%
    }

    #certify .swiper-button-prev {
        left: 0
    }

    #certify .swiper-button-next {
        right: 0
    }

    .row-a3 {
        padding-bottom: 1rem
    }

    .g-Wavel {
        height: 1rem!important
    }

    .banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
        bottom: .8rem
    }

    .g-rightgb {
        display: none!important
    }

    .m-swipergb2 .date {
        width: 1rem
    }
    
 
}

/*!****** ls end *******/
.jl-row1 {
    overflow: hidden
}

.jl-swiper1 {
    position: relative
}

.jl-swiper1 .swiper-container {
    padding: .66rem 0 1.45rem .2rem;
    margin-left: -.2rem;
    margin-right: -2rem;
    overflow: hidden
}

.jl-swiper1 .swiper-container::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5.41rem;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,1));
    z-index: 0
}

.jl-swiper1 .swiper-slide {
    width: 5.41rem
}

.jl-swiper1 .pic {
    display: block;
    border-radius: .16rem;
    box-shadow: 0 .05rem .2rem rgba(0,0,0,.2);
    overflow: hidden
}

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

.jl-swiper1 .swiper-pagination {
    display: none;
    position: static;
    margin-bottom: .2rem;
    font-size: 0
}

.jl-swiper1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 .05rem
}

.jl-arr1 {
    position: absolute;
    top: 50%;
    left: -1.23rem;
    transform: translateY(-50%);
    z-index: 2
}

.jl-arr1 .arr {
    font-size: 0;
    cursor: pointer;
    width: .93rem;
    transition: .5s
}

.jl-arr1 .arr:hover {
    transform: scale(1.12)
}

.jl-row2 {
    position: relative;
    padding: 1.6rem 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

.jl-row2 .g-Wavel.sty1 {
    height: 1.4rem;
    overflow: hidden
}

.jl-row2 .g-Wavel.sty2 {
    top: auto;
    bottom: -10px;
    height: 1.4rem;
    transform: rotate(180deg)
}

.jl-tit1 {
    margin-bottom: .15rem
}

.jl-tit1 .tit {
    font-size: .48rem;
    color: #fff;
    line-height: 1.2;
    width: 2.19rem;
    height: .77rem;
    background-image: url(/images/jl/i13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center
}

.jl-tit1.gb .tit {
    font-size: var(--fz40);
    padding-top: .2rem;
    background-image: url(/images/gb/iconl1.png);
    background-size: .77rem
}

.jl-tit1.gb.sty2 .tit {
    background-image: url(/images/gb/jl-i01.png)
}

.jl-tit1.tac .tit {
    margin: 0 auto
}

.jl-about1 {
    display: flex;
    align-items: end;
    overflow: hidden
}

.jl-about1 .lbox {
    flex-shrink: 0;
    margin-right: .52rem;
    position: relative;
    z-index: 2
}

.jl-list1 {
    font-size: 0
}

.jl-list1 li {
    margin-bottom: .23rem
}

.jl-list1 li:last-child {
    margin-bottom: 0;
    margin-top: .53rem
}

.jl-list1 .v1 {
    display: block;
    width: .8rem;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.jl-list1 .qr {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: .2rem;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: .1rem;
    text-align: center;
    background-color: #fff;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.jl-list1 .v1:hover .qr {
    opacity: 1;
    visibility: visible
}

.jl-list1 .qr img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%
}

.jl-list1 .icn {
    display: block;
    width: 1.33rem
}

.jl-about1 .rbox {
    flex: 1;
    overflow: hidden
}

.jl-list2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.1rem -.18rem;
    overflow: hidden
}

.jl-list2 li {
    width: 50%;
    padding: 0 .1rem;
    margin-bottom: .18rem
}

.jl-list2 .con {
    display: block;
    position: relative;
    border-radius: .1rem;
    overflow: hidden
}

.jl-list2 .pic {
    position: relative;
    overflow: hidden
}

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

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

.jl-list2 .play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .26rem;
    height: .3rem;
    background-image: url(/images/jl/i08.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
    transform: translate(-50%,-50%);
    z-index: 2;
    opacity: 0;
    transition: .5s
}

.jl-list2 .con:hover .play {
    opacity: 1
}

.jl-list2 .txt {
    position: absolute;
    left: .3rem;
    right: .3rem;
    bottom: .3rem;
    display: flex;
    align-items: center;
    z-index: 2
}

.jl-list2 .txt .i {
    flex-shrink: 0;
    margin-right: .13rem;
    font-size: 0
}

.jl-list2 .txt .i img {
    max-height: .2rem
}

.jl-list2 .txt .p {
    flex: 1;
    font-size: .2rem;
    color: #fff;
    height: 1.5em;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jl-row3 {
    padding: 1.2rem 0 1.3rem;
    overflow: hidden
}

.jl-about2 {
    display: flex;
    overflow: hidden
}

.jl-about2 .lbox {
    flex-shrink: 0;
    margin-right: .62rem
}

.jl-about2 .titbox {
    display: block;
    position: relative;
    z-index: 2;
    padding: .5rem .2rem 0 .3rem;
    width: 4.67rem;
    height: 2.59rem;
    margin-bottom: -.91rem;
    background-image: url(/images/jl/bg03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-about2.gb .titbox {
    width: auto;
    height: auto;
    background-image: none;
    padding: .4rem 0 .5rem;
    margin-bottom: 0
}

.jl-about2 .rbox {
    flex: 1;
    overflow: hidden
}

.jl-swiper2 {
    display: block;
    padding: .8rem 0 .6rem;
    width: 4.67rem;
    height: 5.9rem;
    margin-left: .57rem;
    position: relative;
    background-image: url(/images/jl/bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: .16rem;
    overflow: hidden
}

.jl-about2.gb .jl-swiper2 {
    margin-left: 0;
    background-image: url(/images/gb/jl-bg01.jpg)
}

.jl-swiper2 .swiper-container {
    height: 100%;
    overflow: hidden
}

.jl-swiper2 .swiper-slide {
    display: flex;
    align-items: center;
    padding-left: 50%;
    cursor: pointer;
    opacity: .3
}

.jl-swiper2 .swiper-slide:nth-child(odd) {
    justify-content: end;
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 50%
}

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

.jl-swiper2 .line {
    display: block;
    width: .39rem;
    height: 1px;
    margin: 0 .1rem;
    background-color: #fff;
    position: relative
}

.jl-swiper2 .line::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #fff;
    border: .02rem solid #0033a1;
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0
}

.jl-swiper2 .swiper-slide:nth-child(even) .line::after {
    left: 0;
    right: auto
}

.jl-about2.gb .swiper-slide-thumb-active .line::after {
    opacity: 1
}

.jl-swiper2 .year {
    font-size: .3rem;
    color: #fff;
    transition: .5s
}

.jl-swiper2 .swiper-slide-thumb-active .year {
    font-size: .4rem;
    color: #11c378;
    font-weight: 700
}

.jl-about2.gb .jl-swiper2 .swiper-slide-thumb-active .year {
    color: #fff
}

.jl-swiper3 {
    overflow: hidden
}

.jl-swiper3 .pic {
    display: block;
    border-radius: .16rem;
    margin-bottom: .38rem;
    overflow: hidden
}

.jl-swiper3 .img {
    padding-top: 56.52%;
    padding-top: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.jl-swiper3 .tit {
    font-size: .3rem;
    color: #010101;
    margin-bottom: .2rem
}

.jl-swiper3 .desc {
    font-size: .2rem;
    color: #232323;
    line-height: 1.6
}

.jl-row4 {
    padding: 0 0 10px
}

.jl-row4 .jl-tit1 {
    position: absolute;
    top: 1.6rem;
    left: 0;
    right: 0;
    z-index: 11
}

.jl-row4 .bg {
    position: relative;
    z-index: 0
}

.jl-row4 .bg::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .1rem;
    background-color: #fff;
    z-index: 0
}

.jl-row4 .bg .tab1 {
    display: block;
    padding-top: 47.76%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}

.jl-row4 .bg .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1.16rem;
    height: 1.16rem;
    background-image: url(/images/jl/i14.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0;
    cursor: pointer
}

.jl-about3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.1rem;
    z-index: 11
}

#icons-sw {
    overflow: visible
}

.swiper-slide-active .jl-list3::after {
    opacity: 1
}

.jl-list3 {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    height: .64rem;
    z-index: 2
}

.jl-list3::after {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200vw;
    height: .64rem;
    background-image: url(/images/jl/i16.png);
    background-repeat: repeat-x;
    background-position: left;
    background-size: auto 100%;
    z-index: -1;
    animation: 10s linear infinite move_wave;
    -webkit-animation: 10s linear infinite move_wave
}

@keyframes txt_wave {
    0%,100% {
        transform: translateY(.32rem);
        -webkit-transform: translateY(.32rem);
        -moz-transform: translateY(.32rem);
        -ms-transform: translateY(.32rem);
        -o-transform: translateY(.32rem)
    }

    50% {
        transform: translateY(-.32rem);
        -webkit-transform: translateY(-.32rem);
        -moz-transform: translateY(-.32rem);
        -ms-transform: translateY(-.32rem);
        -o-transform: translateY(-.32rem)
    }
}

@keyframes move_wave {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    50% {
        transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
        -moz-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        -o-transform: translateX(-25%)
    }

    100% {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }
}

.jl-list3 li {
    position: relative;
    z-index: 2;
    cursor: pointer;
    animation: 5s ease-in-out infinite txt_wave
}

.jl-list3 .l1 {
    animation-delay: -1.21s
}

.jl-list3 .l2 {
    animation-delay: -3.7s
}

.jl-list3 .l3 {
    animation-delay: -1.21s
}

.jl-list3 .l4 {
    animation-delay: -3.7s
}

.jl-list3 .con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    padding-top: .3rem;
    width: 2.05rem;
    height: 2.05rem;
    color: #fff;
    text-align: center;
    background-image: url(/images/jl/i15.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.jl-list3 .num {
    font-size: .48rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: .4rem
}

.jl-list3 .desc {
    font-size: .16rem
}

@media screen and (max-width: 1200px) {
    .jl-swiper1 .swiper-container {
        padding:.4rem 10px;
        margin: 0 -10px
    }

    .jl-swiper1 .swiper-pagination {
        display: block
    }

    .jl-swiper1 .jl-arr1 {
        display: none
    }

    .jl-arr1 {
        left: 0
    }

    .jl-arr1 .arr {
        width: .8rem
    }

    .jl-about1 {
        display: block
    }

    .jl-about1 .lbox {
        margin-right: 0;
        margin-bottom: .4rem
    }

    .jl-tit1 {
        margin-bottom: .4rem
    }

    .jl-tit1.gb .tit {
        background-size: 1rem;
        font-size: var(--fz24)
    }

    .jl-list1 {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .jl-list1 li {
        margin-bottom: 0
    }

    .jl-list1 li:last-child {
        margin-top: 0
    }

    .jl-list1 .qr {
        left: 0;
        top: 100%;
        margin-left: 0;
        margin-top: .2rem;
        width: 100px;
        height: 100px;
        line-height: 100px
    }

    .jl-list2 {
        margin: 0 -7px -15px
    }

    .jl-list2 li {
        padding: 0 7px;
        margin-bottom: 15px
    }

    .jl-list2 .txt .i {
        margin-right: 10px
    }

    .jl-list2 .txt .i img {
        max-height: 14px
    }

    .jl-list2 .txt .p {
        font-size: 14px
    }

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

    .jl-about2 {
        display: block
    }

    .jl-about2 .lbox {
        margin-right: 0;
        margin-bottom: .4rem
    }

    .jl-about2 .titbox {
        width: auto;
        height: auto;
        background-image: none;
        border-radius: .2rem;
        padding: 0;
        display: flex;
        align-items: center;
        margin-bottom: .4rem
    }

    .jl-about2 .titbox .g-titl1 {
        flex: 1
    }

    .jl-swiper2 {
        width: auto;
        height: 5rem;
        margin-left: 0;
        padding: .6rem 0;
        position: relative;
        z-index: 2;
        background-image: none
    }

    .jl-swiper2::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 100vw;
        transform: translate(-50%,-50%) rotate(90deg);
        background-image: url(/images/jl/bg02.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: -1
    }

    .jl-about2.gb .jl-swiper2::after {
        background-image: url(/images/gb/jl-bg01.jpg)
    }

    .jl-swiper2 .line::after {
        top: auto;
        left: 50%;
        bottom: 0;
        width: .16rem;
        height: .16rem;
        transform: translateX(-50%)
    }

    .jl-swiper2 .swiper-slide:nth-child(even) .line::after {
        top: 0;
        bottom: auto
    }

    .jl-swiper2 .line {
        width: 1px;
        height: .6rem
    }

    .jl-swiper2 .year {
        font-size: .36rem
    }

    .jl-swiper2 .swiper-slide-thumb-active .year {
        font-size: .48rem
    }

    .jl-swiper2 .swiper-slide {
        flex-direction: column;
        padding-left: 0;
        padding-top: 2.5rem
    }

    .jl-swiper2 .swiper-slide:nth-child(odd) {
        flex-direction: column-reverse;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 2.5rem
    }

    .jl-swiper3 .tit {
        font-size: .32rem;
        margin-bottom: .3rem
    }

    .jl-swiper3 .desc {
        font-size: .28rem
    }

    .jl-row4 .bg .tab1 {
        min-height: 35vh
    }

    .jl-row4 .bg .play {
        top: 60%;
        width: .8rem
    }

    .jl-about3 {
        position: relative;
        bottom: 0
    }

    .jl-list3 {
        display: block;
        height: auto;
        font-size: 0
    }

    .jl-list3::after {
        display: none
    }

    .jl-list3 li {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        animation: none;
        margin-bottom: 10px
    }

    .jl-list3 .con {
        position: static;
        transform: none;
        width: 160px;
        height: 160px;
        margin: 0 auto;
        padding-top: 48px
    }

    .jl-list3 .num {
        font-size: 20px
    }

    .jl-list3 .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .jl-swiper1 .swiper-container::after {
        display:none
    }

    .jl-list2 li {
        width: 100%
    }
}

.jl-arr2 {
    position: absolute;
    top: 50%;
    left: .3rem;
    right: .3rem;
    z-index: 2;
    cursor: pointer
}

.jl-arr2 .arr {
    position: absolute;
    top: 0;
    width: .26rem;
    transform: translateY(-50%);
    z-index: 2
}

.jl-arr2 .prev {
    left: 0
}

.jl-arr2 .next {
    right: 0
}

/*!****** hlg *******/
@keyframes ani_down {
    from {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1
    }
}

.footer_2 {
    background: url(/images/hlg/d-fot-bg1.png) center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.footer_2 .g-Wavel {
    display: none
}

.d-ban1 {
    padding-bottom: .77rem;
    height: 8.64rem;
    position: relative;
    overflow: hidden
}

.d-ban1 .bg-line {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2.67rem;
    overflow: hidden
}

.d-ban1 .bg-line img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.d-ban1 .bg {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.d-ban1 .bg img {
    display: none
}

.d-ban1 .ban-cont {
    position: absolute;
    left: 0;
    bottom: 2.02rem;
    right: 0;
    z-index: 10
}

.d-ban1 .ban-cont .title {
    font-size: var(--fz50);
    color: #fff;
    font-weight: 400;
    line-height: 1.3
}

.d-ban1 .ban-cont .cur {
    margin-top: .13rem
}

.slide-nav-d1 {
    position: relative;
    z-index: 1
}

.slide-nav-d1:before {
    content: '';
    position: absolute;
    left: .15rem;
    top: -.59rem;
    bottom: 1.06rem;
    width: 1px;
    background-color: #8bd1f7;
    z-index: -1
}

.slide-nav-d1 .cont .item {
    margin-bottom: .2rem
}

.slide-nav-d1 .cont .s1 {
    padding: .05rem 0;
    padding-left: .4rem;
    display: block;
    font-size: var(--fz20);
    color: #444;
    line-height: 1.5;
    position: relative
}

.slide-nav-d1 .cont .s1:before {
    content: '';
    position: absolute;
    left: 0;
    top: .05rem;
    width: .3rem;
    height: .3rem;
    background: url(/images/hlg/d-icon-sd1.png) left center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.slide-nav-d1 .cont .link {
    margin-top: .06rem;
    display: none
}

.slide-nav-d1 .cont .link .a1 {
    padding: .065rem .2rem .065rem .6rem;
    display: block;
    font-size: var(--fz18);
    color: #777;
    line-height: 1.5
}

.slide-nav-d1 .cont .item.on .s1 {
    color: #0068b7
}

.slide-nav-d1 .cont .item.on .s1:before {
    background-image: url(/images/hlg/d-icon-sd2.png)
}

.slide-nav-d1 .cont .item.on .link {
    display: block
}

.slide-nav-d1 .cont .link .a1.on,.slide-nav-d1 .cont .link .a1:hover {
    color: #0068b7
}

.slide-nav-d1 .pic {
    margin: .4rem 0 0 .1rem;
    width: 1.94rem
}

.slide-nav-d1 .pic img {
    display: block;
    max-width: 100%
}

.section-d1 {
    margin-top: -.77rem;
    margin: -.77rem 0 -1.35rem;
    padding: .98rem 0 2.83rem;
    min-height: 10rem;
    position: relative;
    font-size: 0
}

.section-d1 .sec-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 8.45rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1
}

.section-d1 .sec-bg2 {
    position: absolute;
    left: 0;
    top: 13.4rem;
    right: 0;
    height: 6.4rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1
}

.section-d1 .sec-bg3 {
    position: absolute;
    left: 0;
    top: 28.5rem;
    right: 0;
    height: 8.99rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -2
}

.section-d1 .sec-col {
    margin: 0 .04rem 0 -.15rem;
    display: inline-block;
    vertical-align: top;
    width: 2.64rem;
    position: sticky;
    top: 1.5rem
}

.section-d1 .sec-cor {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 2.68rem)
}

.lst-d1 {
    margin-bottom: .55rem;
    padding: .44rem .82rem;
    font-size: var(--fz20);
    color: #fff;
    line-height: 1.5;
    background: url(/images/hlg/d-bg2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.lst-d1 ul {
    margin: 0 -.8rem -.218rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d1 li {
    padding: 0 .4rem;
    padding-left: 1.18rem;
    margin-bottom: .218rem;
    width: 50%;
    position: relative;
    flex-shrink: 0
}

.lst-d1 li:before {
    content: '';
    position: absolute;
    left: .8rem;
    top: .09rem;
    width: .14rem;
    height: .14rem;
    background: url(/images/hlg/d-xing1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.lst-d2 {
    margin: .44rem 0 .82rem
}

.lst-d2 ul {
    margin: 0 -.15rem -.3rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d2 li {
    padding: 0 .15rem;
    margin-bottom: .3rem;
    width: 25%;
    flex-shrink: 0
}

.lst-d2 .con {
    padding: .15rem;
    display: block;
    height: 100%;
    min-height: 1.7rem;
    background-color: rgba(229,240,248,.7);
    border: .01rem dashed #148dd8;
    border-radius: .16rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d2 .num .n {
    font-size: var(--fz44);
    color: #0068b7;
    text-align: center;
    font-weight: 700;
    line-height: 1
}

.lst-d2 .desc {
    margin-top: .14rem;
    font-size: var(--fz18);
    color: #0068b7;
    text-align: center;
    line-height: 1.3
}

.lst-d3 {
    margin-bottom: -.49rem
}

.lst-d3 li {
    margin-bottom: .49rem
}

.lst-d3 .con {
    padding: .16rem;
    display: block;
    height: 1.98rem;
    background-color: rgba(229,240,248,.3);
    border: .01rem dashed #148dd8;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d3 .num .n {
    font-size: var(--fz50);
    color: #0068b7;
    text-align: center;
    line-height: 1
}

.lst-d3 .desc {
    margin-top: .05rem;
    font-size: var(--fz18);
    color: #0068b7;
    text-align: center;
    line-height: 1.67
}

.lst-d4 {
    margin: .46rem 0 .84rem;
    padding: .46rem .4rem .38rem;
    background: url(/images/hlg/d-bg5.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.lst-d4 ul {
    margin: 0 -.3rem -.3rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d4 li {
    padding: 0 .3rem;
    margin-bottom: .3rem
}

.lst-d4 .con {
    padding-left: .18rem;
    display: block;
    position: relative
}

.lst-d4 .con:after,.lst-d4 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: .08rem
}

.lst-d4 .con:before {
    width: .01rem;
    height: .8rem;
    background-color: rgba(255,255,255,.27)
}

.lst-d4 .con:after {
    width: .03rem;
    height: .35rem;
    background-color: #6fc6f3
}

.lst-d4 .num .n {
    font-size: var(--fz44);
    color: #fff;
    line-height: 1
}

.lst-d4 .desc {
    margin-top: .15rem;
    font-size: var(--fz18);
    color: #fff;
    line-height: 1.3
}

.lst-d4 li:nth-child(1) {
    width: 22.5%
}

.lst-d4 li:nth-child(2) {
    width: 19.5%
}

.lst-d4 li:nth-child(3) {
    width: 28.3%
}

.lst-d4 li:nth-child(4) {
    width: 29.7%
}

.lst-d5 {
    margin: 0 -.25rem -.5rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d5 li {
    padding: 0 .25rem;
    margin-bottom: .5rem;
    width: 50%;
    flex-shrink: 0
}

.lst-d5 .con {
    padding: .58rem .35rem;
    display: block;
    height: 100%;
    min-height: 3.5rem;
    position: relative;
    background-color: #edf4fa;
    border-radius: .16rem;
    border: 1px solid transparent;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d5 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .04rem;
    background-color: #0068b7;
    z-index: 1
}

.lst-d5 .pic {
    margin-right: .42rem;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    flex-shrink: 0
}

.lst-d5 .pic:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.39rem;
    height: 2.39rem;
    background: url(/images/hlg/d-bg7.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1
}

.lst-d5 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.lst-d5 .text {
    padding-top: .07rem;
    width: calc(100% - 2.57rem);
    flex-shrink: 0
}

.lst-d5 .tit {
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.3
}

.lst-d5 .job {
    margin-top: .12rem;
    font-size: var(--fz24);
    color: #0068b7;
    line-height: .4rem
}

.lst-d5 .job span {
    padding: 0 .16rem;
    display: inline-block;
    background-color: #deecf9;
    border-radius: .2rem
}

.lst-d5 .line {
    margin: .2rem 0;
    height: 1px;
    background-color: #afc6da
}

.lst-d5 .desc {
    font-size: var(--fz16);
    color: #999;
    line-height: 1.88
}

.lst-d5 .con:hover {
    border-color: #0068b7;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    background-color: #fff
}

.lst-d6 {
    margin: .76rem 0 .62rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.lst-d6 li {
    margin-bottom: .3rem;
    width: 16.66%;
    flex-shrink: 0
}

.lst-d6 .con {
    margin: 0 auto;
    padding: .15rem;
    display: block;
    width: 1.73rem;
    height: 1.73rem;
    background: url(/images/hlg/d-bg8.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    border: .04rem solid #d8edff
}

.lst-d6 .num {
    font-size: var(--fz18);
    color: #0168b7;
    text-align: center;
    line-height: 1.3
}

.lst-d6 .tit {
    margin-top: .3rem;
    font-size: var(--fz20);
    color: #0168b7;
    text-align: center;
    font-weight: 700;
    line-height: 1.5
}

.lst-d7 {
    margin: 0 -.08rem -.2rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d7 li {
    padding: 0 .08rem;
    margin-bottom: .2rem;
    width: 25%;
    flex-shrink: 0
}

.lst-d7 .con {
    padding: .15rem .1rem .15rem .3rem;
    display: block;
    background-color: #fff;
    border-radius: .05rem;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .tit {
    font-size: var(--fz20);
    color: #666;
    font-weight: 400;
    line-height: 1.5;
    flex-grow: 1;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .icon-arrow {
    margin: .06rem 0 0 .15rem;
    display: block;
    width: .18rem;
    height: .18rem;
    background: url(/images/hlg/d-icon-arrow1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .con:hover {
    background-color: #0168b7
}

.lst-d7 .con:hover .tit {
    color: #fff
}

.lst-d7 .con:hover .icon-arrow {
    background-image: url(/images/hlg/d-icon-arrow2.png)
}

.lst-d8 .con {
    padding: .5rem .2rem;
    display: block;
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .con:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .left {
    margin-right: .45rem;
    padding-left: .4rem;
    width: 4.4rem;
    position: relative;
    flex-shrink: 0
}

.lst-d8 .right {
    padding-top: .16rem;
    width: calc(100% - 4.85rem);
    max-width: 100%;
    flex-grow: 1
}

.lst-d8 .pic {
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    border-radius: .15rem;
    overflow: hidden
}

.lst-d8 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .date {
    position: absolute;
    left: 0;
    bottom: 0;
    width: .85rem;
    height: .85rem;
    background-color: rgba(1,104,183,.7);
    border-radius: .15rem;
    color: #edf4fa;
    text-align: center;
    line-height: 1.1;
    z-index: 10;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d8 .date .d1 {
    font-size: var(--fz30)
}

.lst-d8 .date .d2 {
    margin-top: .06rem;
    font-size: var(--fz16)
}

.lst-d8 .tit {
    font-size: var(--fz22);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .desc {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #999;
    line-height: 2;
    max-height: 6em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.lst-d8 .btns {
    margin-top: .27rem;
    font-size: var(--fz14);
    color: #63a4c6;
    line-height: 2.14;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .btns .icon-arrow {
    margin-left: .16rem;
    display: block;
    width: .3rem;
    height: .3rem;
    background: url(/images/hlg/d-icon-arrow3.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 li:nth-child(1) .con:before {
    display: none
}

.lst-d8 li:last-child .con:after {
    opacity: 1
}

.lst-d8 li:hover+li .con:before {
    opacity: 0
}

.lst-d8 .con:hover {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    border-radius: .16rem
}

.lst-d8 .con:hover:after,.lst-d8 .con:hover:before {
    opacity: 0!important
}

.lst-d8 .con:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lst-d8 .con:hover .tit {
    color: #0168b7
}

.lst-d8 .con:hover .btns {
    color: #0168b7
}

.lst-d8 .con:hover .btns .icon-arrow {
    background-image: url(/images/hlg/d-icon-arrow4.png)
}

.lst-d9 .con {
    padding: .5rem .2rem;
    display: block;
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .con:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .date {
    margin-right: .4rem;
    width: .85rem;
    height: .85rem;
    background-color: rgba(1,104,183,.7);
    border-radius: .15rem;
    color: #edf4fa;
    text-align: center;
    line-height: 1.1;
    z-index: 10;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d9 .date .d1 {
    font-size: var(--fz30)
}

.lst-d9 .date .d2 {
    margin-top: .06rem;
    font-size: var(--fz16)
}

.lst-d9 .text {
    width: calc(100% - 1.25rem);
    flex-shrink: 0
}

.lst-d9 .tit {
    font-size: var(--fz22);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 .desc {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #999;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 .desc p {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 li:nth-child(1) .con:before {
    display: none
}

.lst-d9 li:last-child .con:after {
    opacity: 1
}

.lst-d9 li:hover+li .con:before {
    opacity: 0
}

.lst-d9 .con:hover {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    border-radius: .16rem
}

.lst-d9 .con:hover:after,.lst-d9 .con:hover:before {
    opacity: 0!important
}

.lst-d9 .con:hover .tit {
    color: #0168b7
}

.lst-d10 {
    margin: 0 -.26rem -.52rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d10 li {
    padding: 0 .26rem;
    margin-bottom: .52rem;
    width: 33.33%;
    flex-shrink: 0
}

.lst-d10 .con {
    display: block;
    height: 100%;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: .15rem;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .pic {
    padding-top: 56.17%;
    position: relative;
    overflow: hidden
}

.lst-d10 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .tit {
    padding: 0 .2rem;
    font-size: var(--fz20);
    color: #444;
    text-align: center;
    font-weight: 400;
    height: .74rem;
    line-height: .74rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .con:hover {
    background-color: #0168b7;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27)
}

.lst-d10 .con:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lst-d10 .con:hover .tit {
    color: #fff
}

.lst-d11 .con {
    padding-bottom: .26rem;
    display: block;
    border-left: 1px solid #dcdcdc
}

.lst-d11 .date {
    margin-left: -1px;
    margin-bottom: .13rem;
    display: -webkit-flex;
    display: flex
}

.lst-d11 .date span {
    padding: .06rem .2rem .06rem .4rem;
    display: block;
    font-size: var(--fz16);
    color: #010101;
    line-height: 1.5;
    border-radius: 0 .2rem .2rem 0;
    background: url(/images/hlg/d-icon-date1.png) left .19rem center no-repeat;
    -webkit-background-size: .15rem auto;
    background-size: .15rem auto;
    border: 1px solid #dcdcdc;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d11 .tit {
    padding: 0 .18rem;
    font-size: var(--fz18);
    color: #000;
    font-weight: 400;
    line-height: 1.67;
    max-height: 3.34em;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d11 .con:hover .date span {
    background-color: #0168b7;
    border-color: #0168b7;
    color: #fff;
    background-image: url(/images/hlg/d-icon-date2.png)
}

.lst-d11 .con:hover .tit {
    color: #0168b7
}

.hd-d1 {
    margin-bottom: .4rem
}

.hd-d1 .title {
    padding: .09rem .15rem;
    font-size: var(--fz28);
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    background-color: #0168b7
}

.text-d1 {
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.text-d1 .cont1 {
    margin: .44rem 0 .74rem;
    padding-bottom: 2.15rem;
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.text-d1 .cont1 .txt {
    width: 9.75rem;
    flex-shrink: 0
}

.text-d1 .cont1 .lst-d3 {
    padding-top: .12rem;
    width: 1.98rem;
    flex-shrink: 0
}

.text-d1 .cont2 {
    margin: .8rem 0 .82rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.text-d1 .cont2 .pic {
    width: 6rem;
    border-radius: .16rem;
    overflow: hidden;
    flex-shrink: 0
}

.text-d1 .cont2 .pic img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.text-d1 .cont2 .txt {
    padding-top: .12rem;
    width: 6.08rem;
    flex-shrink: 0
}

.text-d2 {
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.text-d2 .hd {
    margin-bottom: .43rem;
    padding-bottom: .5rem;
    background: url(/images/hlg/d-line1.png) center bottom no-repeat;
    -webkit-background-size: auto .3rem;
    background-size: auto .3rem
}

.text-d2 .hd .title {
    font-size: var(--fz48);
    color: #0168b7;
    text-align: center;
    font-weight: 700;
    line-height: 1.3
}

.box-d1 {
    margin-bottom: -.4rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.box-d1 .box-items {
    padding: .35rem .4rem .64rem;
    margin-bottom: .4rem;
    background-color: #edf4fa;
    border-radius: .15rem
}

.box-d1 .box-hd {
    margin-bottom: .42rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.box-d1 .box-hd .hd-col {
    margin-right: .3rem;
    padding-top: .01rem;
    flex-shrink: 0
}

.box-d1 .box-hd .hd-cor {
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end
}

.box-d1 .box-hd .title {
    padding-left: .32rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.25;
    position: relative
}

.box-d1 .box-hd .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: .04rem;
    width: .05rem;
    height: .29rem;
    background-color: #0168b7
}

.box-d1 .box-hd .link {
    margin: 0 0 -.2rem -.2rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.box-d1 .box-hd .link .a1 {
    margin: 0 0 .2rem .2rem;
    padding: 0 .2rem;
    display: block;
    line-height: .38rem;
    font-size: var(--fz15);
    color: #0068b7;
    border: 1px solid #1484da;
    border-radius: .2rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.box-d1 .box-hd .link .a1 .icon-down {
    margin-left: .2rem;
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(/images/hlg/d-icon-down1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.box-d1 .box-bd .cont1 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.box-d1 .box-bd .cont1 .pic {
    width: 3.12rem;
    flex-shrink: 0;
    order: 2
}

.box-d1 .box-bd .cont1 .pic img {
    display: block;
    max-width: 100%
}

.box-d1 .box-bd .cont1 .txt {
    width: 8.4rem;
    flex-shrink: 0;
    order: 1
}

.box-d1 .box-bd h4 {
    margin: .46rem 0 .36rem;
    font-size: var(--fz24);
    color: #0068b7;
    text-align: center;
    font-weight: 400;
    line-height: 1.3
}

.box-d2 {
    margin-bottom: -.5rem
}

.box-d2 .box-items {
    margin-bottom: .5rem;
    padding: .3rem .4rem;
    background-color: #edf4fa;
    border-radius: .15rem
}

.box-d2 .box-hd {
    margin-bottom: .4rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start
}

.box-d2 .box-hd .icon {
    margin-right: .18rem;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    flex-shrink: 0
}

.box-d2 .box-hd .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-d2 .box-hd span {
    padding: .06rem 0;
    display: block;
    flex-grow: 1
}

.box-d3 {
    margin-bottom: -.4rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.box-d3 .box-items {
    margin-bottom: .43rem
}

.box-d3 .title {
    margin-bottom: .27rem;
    padding-left: .34rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    position: relative
}

.box-d3 .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: .08rem;
    width: .05rem;
    height: .29rem;
    background-color: #0168b7
}

.box-d4 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.box-d4 .box-col {
    width: 73.68%;
    flex-shrink: 0
}

.box-d4 .box-cor {
    width: 22.5%;
    flex-shrink: 0
}

.detail-d1 .hd {
    padding-bottom: .37rem;
    border-bottom: 2px solid #ebeef2
}

.detail-d1 .hd .title {
    font-size: var(--fz34);
    color: #444;
    text-align: center;
    font-weight: 400;
    line-height: 1.3
}

.detail-d1 .hd .info {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #777;
    line-height: 1.5;
    text-align: center
}

.detail-d1 .hd .info span {
    margin: 0 .18rem;
    display: inline-block;
    vertical-align: middle
}

.detail-d1 .cont {
    padding: .42rem 0 .65rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.detail-d1 .pag {
    padding-top: .42rem;
    border-top: 2px solid #e5ecf2;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detail-d1 .pag .left {
    width: calc(100% - 1.86rem);
    flex-shrink: 0
}

.detail-d1 .pag .right {
    margin-left: .4rem;
    flex-shrink: 0
}

.detail-d1 .pag .item {
    display: block;
    font-size: var(--fz18);
    color: #444;
    height: .36rem;
    line-height: .36rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.detail-d1 .pag .btns {
    width: 1.46rem;
    height: .5rem;
    line-height: .5rem;
    background-color: #0168b7;
    border-radius: .1rem;
    font-size: var(--fz18);
    color: #fff;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.detail-d1 .pag .btns .icon-return {
    margin-right: .08rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(/images/hlg/d-icon-return1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.detail-d1 .pag .item:hover {
    color: #0168b7;
    text-decoration: underline
}

.detail-d1 .pag .btns:hover {
    opacity: .8
}

.his-d1 {
    padding: .62rem .88rem 1.11rem;
    background: url(/images/hlg/d-bg10.jpg) center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.his-d1:before {
    margin-left: -.15rem;
    content: '';
    position: absolute;
    left: 50%;
    bottom: .82rem;
    width: .31rem;
    height: .19rem;
    background: url(/images/hlg/d-icon-arrow6.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    animation: ani_down 2s infinite linear
}

.his-d1:after {
    margin-left: -1px;
    content: '';
    position: absolute;
    left: 50%;
    top: 1.78rem;
    bottom: 1.11rem;
    width: 2px;
    background-color: #0068b7
}

.his-d1 .his-icon {
    margin: 0 auto .31rem;
    width: .78rem;
    height: 1.19rem;
    line-height: 1.19rem;
    font-size: 0;
    text-align: center
}

.his-d1 .his-icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.his-d1 .ls1 {
    display: -webkit-flex;
    display: flex
}

.his-d1 .ls1.mob {
    display: none
}

.his-d1 .ls1 .ls-col,.his-d1 .ls1 .ls-cor {
    width: 50%
}

.his-d1 .ls1 .ls-col {
    padding-right: .96rem
}

.his-d1 .ls1 .ls-col .icon-circle {
    right: -.96rem;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.his-d1 .ls1 .ls-col .line {
    margin-right: -.96rem
}

.his-d1 .ls1 .ls-col .line:before {
    right: 0
}

.his-d1 .ls1 .ls-col .year {
    text-align: right
}

.his-d1 .ls1 .ls-cor {
    padding-top: 1.15rem;
    padding-left: .96rem
}

.his-d1 .ls1 .ls-cor .icon-circle {
    left: -.96rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.his-d1 .ls1 .ls-cor .year {
    text-align: left
}

.his-d1 .ls1 .ls-cor .line {
    margin-left: -.96rem
}

.his-d1 .ls1 .ls-cor .line:before {
    left: 0
}

.his-d1 .ls1 ul {
    margin-bottom: -.28rem
}

.his-d1 .ls1 li {
    margin-bottom: .73rem
}

.his-d1 .ls1 .con {
    position: relative
}

.his-d1 .ls1 .icon-circle {
    position: absolute;
    top: .38rem;
    width: .16rem;
    height: .16rem;
    z-index: 10
}

.his-d1 .ls1 .icon-circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0068b7
}

.his-d1 .ls1 .icon-circle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    border: 1px solid #0068b7;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1
}

.his-d1 .ls1 .year {
    font-size: var(--fz30);
    color: #0068b7;
    font-weight: 400;
    line-height: 1.3
}

.his-d1 .ls1 .line {
    margin: .06rem 0 .33rem;
    height: 1px;
    background-color: #9cbfdb;
    position: relative
}

.his-d1 .ls1 .line:before {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 2px;
    background-color: #0068b7
}

.his-d1 .ls1 .desc {
    margin-bottom: .26rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 2.11
}

.his-d1 .ls1 .pic {
    margin: 0 auto;
    width: 4.7rem;
    border-radius: .15rem;
    border: 1px solid #e4e4e4;
    overflow: hidden
}

.his-d1 .ls1 .pic img {
    display: block;
    width: 100%
}

@media screen and (max-width: 1525px) {
    .section-d1 .sec-bg2 {
        top:14.9rem
    }

    .section-d1 .sec-bg3 {
        top: 32.4rem
    }

    .his-d1 .ls1 .icon-circle {
        top: 30px
    }
}

@media screen and (max-width: 1342px) {
    .section-d1 .sec-bg2 {
        top:17.7rem
    }

    .section-d1 .sec-bg3 {
        top: 38.2rem
    }
}

@media screen and (max-width: 1200px) {
    .lst-d1 li:before {
        top:6px;
        width: 12px;
        height: 12px
    }

    .lst-d3 {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .lst-d3 li {
        width: 25%;
        flex-shrink: 0
    }

    .lst-d3 .con {
        margin: 0 auto;
        width: 2.9rem;
        height: 2.9rem
    }

    .lst-d5 .job {
        line-height: 26px
    }

    .lst-d5 .job span {
        padding: 0 15px
    }

    .lst-d6 li {
        width: 16.66%
    }

    .lst-d6 .con {
        width: 2.3rem;
        height: 2.3rem
    }

    .lst-d7 .icon-arrow {
        margin-top: 6px;
        width: 14px;
        height: 14px
    }

    .lst-d8 .date {
        width: 60px;
        height: 60px
    }

    .lst-d9 .date {
        margin-right: 20px;
        width: 60px;
        height: 60px
    }

    .lst-d9 .text {
        width: calc(100% - 80px)
    }

    .section-d1 {
        overflow: hidden
    }

    .section-d1 .sec-col {
        display: none
    }

    .section-d1 .sec-cor {
        width: 100%
    }

    .section-d1 .sec-bg2,.section-d1 .sec-bg3 {
        display: none
    }

    .text-d1 .cont1 {
        padding-bottom: .4rem;
        display: block
    }

    .text-d1 .cont1 .txt {
        margin-bottom: .3rem;
        width: 100%
    }

    .text-d1 .cont1 .lst-d3 {
        padding: 0;
        width: 100%
    }

    .text-d1 .cont2 {
        margin: .4rem 0;
        display: block
    }

    .text-d1 .cont2 .pic,.text-d1 .cont2 .txt {
        width: 100%
    }

    .text-d1 .cont2 .pic {
        margin-bottom: .1rem
    }

    .box-d1 .box-bd .cont1 {
        display: block
    }

    .box-d1 .box-bd .cont1 .pic {
        margin: 0 auto .15rem
    }

    .box-d1 .box-bd .cont1 .txt {
        width: 100%
    }

    .box-d2 .box-hd {
        line-height: 28px
    }

    .box-d2 .box-hd .icon {
        width: 28px;
        height: 28px
    }

    .box-d2 .box-hd span {
        padding: 0
    }

    .box-d3 .title:before {
        top: 8px;
        height: 26px
    }

    .detail-d1 .pag .left {
        width: calc(100% - 150px)
    }

    .detail-d1 .pag .right {
        margin-left: 40px
    }

    .detail-d1 .pag .item {
        height: 32px;
        line-height: 32px
    }

    .detail-d1 .pag .btns {
        width: 110px;
        height: 34px;
        line-height: 34px
    }

    .detail-d1 .pag .btns .icon-return {
        width: 16px;
        height: 16px
    }

    .his-d1 .ls1 .icon-circle {
        top: 34px;
        width: 12px;
        height: 12px
    }

    .his-d1 .ls1 .icon-circle:after {
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 959px) {
    .box-d3 .title:before {
        top:6px;
        height: 20px
    }

    .his-d1 .ls1 .icon-circle {
        top: 26px;
        width: 10px;
        height: 10px
    }

    .his-d1 .ls1 .icon-circle:after {
        width: 20px;
        height: 20px
    }
}

@media screen and (max-width: 767px) {
    .d-ban1 {
        height:5rem
    }

    .d-ban1 .ban-cont {
        bottom: 2.4rem
    }

    .lst-d1 {
        margin-bottom: .4rem;
        padding: .3rem;
        background: #0068b7;
        border-radius: .2rem
    }

    .lst-d1 ul {
        margin-bottom: -.15rem
    }

    .lst-d1 li {
        margin-bottom: .15rem;
        width: 100%
    }

    .lst-d2 {
        margin: .4rem 0
    }

    .lst-d2 ul {
        margin: 0 -.1rem -.2rem
    }

    .lst-d2 li {
        padding: 0 .1rem;
        margin-bottom: .2rem;
        width: 50%
    }

    .lst-d3 li {
        width: 50%
    }

    .lst-d4 {
        margin: .4rem 0;
        padding: .4rem
    }

    .lst-d4 li {
        width: 50%!important
    }

    .lst-d5 li {
        width: 100%
    }

    .lst-d6 {
        margin: .4rem 0
    }

    .lst-d6 li {
        width: 33.33%
    }

    .lst-d6 .con {
        width: 2.1rem;
        height: 2.1rem
    }

    .lst-d6 .num {
        font-size: var(--fz16)
    }

    .lst-d6 .tit {
        margin-top: .25rem;
        font-size: var(--fz16)
    }

    .lst-d7 li {
        width: 100%
    }

    .lst-d8 .con {
        padding: .4rem .2rem;
        display: block
    }

    .lst-d8 .left,.lst-d8 .right {
        width: 100%
    }

    .lst-d9 .con {
        padding: .4rem .2rem
    }

    .lst-d10 {
        margin: 0 -.1rem -.2rem
    }

    .lst-d10 li {
        padding: 0 .1rem;
        margin-bottom: .2rem;
        width: 50%
    }

    .section-d1 {
        padding: .6rem 0 2.2rem
    }

    .text-d1 .cont1 {
        margin: .4rem 0;
        display: block
    }

    .box-d1 .box-hd {
        display: block
    }

    .box-d1 .box-hd .hd-col {
        margin: 0
    }

    .box-d1 .box-hd .hd-cor {
        margin-top: .3rem;
        display: block
    }

    .box-d1 .box-hd .link .a1 {
        padding: .06rem .2rem;
        border-radius: .3rem
    }

    .detail-d1 .pag {
        padding-bottom: .4rem;
        display: block
    }

    .detail-d1 .pag .left {
        width: 100%
    }

    .detail-d1 .pag .right {
        margin: 0;
        margin-top: 10px
    }

    .detail-d1 .pag .btns {
        margin: 0 auto
    }

    .his-d1 {
        padding: .5rem;
        padding-left: .3rem;
        padding-bottom: .9rem
    }

    .his-d1:after {
        top: 1.6rem;
        left: .65rem
    }

    .his-d1:before {
        left: .65rem
    }

    .his-d1 .his-icon {
        margin: 0;
        margin-bottom: .2rem
    }

    .his-d1 .ls1 {
        padding-left: .35rem;
        display: block
    }

    .his-d1 .ls1 .ls-col,.his-d1 .ls1 .ls-cor {
        padding: 0;
        width: 100%
    }

    .his-d1 .ls1 .icon-circle {
        left: 0!important;
        right: auto!important;
        -webkit-transform: translateX(-50%)!important;
        -ms-transform: translateX(-50%)!important;
        -o-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important
    }

    .his-d1 .ls1 .year {
        padding-left: .5rem;
        text-align: left!important
    }

    .his-d1 .ls1 .line {
        margin: .06rem 0 .3rem!important
    }

    .his-d1 .ls1 .line:before {
        left: 0!important;
        right: auto!important
    }

    .his-d1 .ls1 .desc {
        padding-left: .5rem;
        line-height: 1.8
    }

    .his-d1 .ls1 .pic {
        margin: 0!important;
        margin-left: .5rem!important;
        width: auto
    }

    .his-d1 .ls1.pc {
        display: none
    }

    .his-d1 .ls1.mob {
        display: block
    }
}

@media screen and (max-width: 371px) {
    .lst-d1 li:before {
        top:.13rem;
        width: .2rem;
        height: .2rem
    }

    .lst-d5 .job {
        line-height: .6rem
    }

    .lst-d5 .job span {
        padding: 0 .25rem
    }

    .lst-d7 .icon-arrow {
        margin-top: .1rem;
        width: .24rem;
        height: .24rem
    }

    .lst-d8 .date {
        width: 1.3rem;
        height: 1.3rem
    }

    .lst-d9 .date {
        margin-right: .5rem;
        width: 1.3rem;
        height: 1.3rem
    }

    .lst-d9 .text {
        width: calc(100% - 1.8rem)
    }

    .detail-d1 .pag .item {
        height: .58rem;
        line-height: .58rem
    }

    .detail-d1 .pag .btns {
        width: 2.4rem;
        height: .8rem;
        line-height: .8rem
    }

    .detail-d1 .pag .btns .icon-return {
        width: .4rem;
        height: .4rem
    }

    .box-d3 .title:before {
        top: .15rem;
        height: .4rem
    }

    .his-d1 .ls1 .icon-circle {
        top: .52rem;
        width: .2rem;
        height: .2rem
    }

    .his-d1 .ls1 .icon-circle:after {
        width: .4rem;
        height: .4rem
    }
}

/*!****** hlg end *******/
.cont p {
    text-indent: 2em
}

@media screen and (max-width: 1024px) {
    .g-titl1.gb .tit {
        padding-top:0rem;
        background-position: left top
    }

    .g-titl1.gb .more {
        top: 15%
    }
}

.lst-d5 .con:hover {
    border-color: #0068b7;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    background-color: #fff
}

.lst-d6 {
    margin: .76rem 0 .62rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.lst-d6 li {
    margin-bottom: .3rem;
    width: 16.66%;
    flex-shrink: 0
}

.lst-d6 .con {
    margin: 0 auto;
    padding: .15rem;
    display: block;
    width: 1.73rem;
    height: 1.73rem;
    background: url(/images/hlg/d-bg8.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    border: .04rem solid #d8edff
}

.lst-d6 .num {
    font-size: var(--fz18);
    color: #0168b7;
    text-align: center;
    line-height: 1.3
}

.lst-d6 .tit {
    margin-top: .3rem;
    font-size: var(--fz20);
    color: #0168b7;
    text-align: center;
    font-weight: 700;
    line-height: 1.5
}

.lst-d7 {
    margin: 0 -.08rem -.2rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d7 li {
    padding: 0 .08rem;
    margin-bottom: .2rem;
    width: 25%;
    flex-shrink: 0
}

.lst-d7 .con {
    padding: .15rem .1rem .15rem .3rem;
    display: block;
    background-color: #fff;
    border-radius: .05rem;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .tit {
    font-size: var(--fz20);
    color: #666;
    font-weight: 400;
    line-height: 1.5;
    flex-grow: 1;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .icon-arrow {
    margin: .06rem 0 0 .15rem;
    display: block;
    width: .18rem;
    height: .18rem;
    background: url(/images/hlg/d-icon-arrow1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d7 .con:hover {
    background-color: #0168b7
}

.lst-d7 .con:hover .tit {
    color: #fff
}

.lst-d7 .con:hover .icon-arrow {
    background-image: url(/images/hlg/d-icon-arrow2.png)
}

.lst-d8 .con {
    padding: .5rem .2rem;
    display: block;
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .con:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .left {
    margin-right: .45rem;
    padding-left: .4rem;
    width: 4.4rem;
    position: relative;
    flex-shrink: 0
}

.lst-d8 .right {
    padding-top: .16rem;
    width: calc(100% - 4.85rem);
    max-width: 100%;
    flex-grow: 1
}

.lst-d8 .pic {
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    border-radius: .15rem;
    overflow: hidden
}

.lst-d8 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .date {
    position: absolute;
    left: 0;
    bottom: 0;
    width: .85rem;
    height: .85rem;
    background-color: rgba(1,104,183,.7);
    border-radius: .15rem;
    color: #edf4fa;
    text-align: center;
    line-height: 1.1;
    z-index: 10;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d8 .date .d1 {
    font-size: var(--fz30)
}

.lst-d8 .date .d2 {
    margin-top: .06rem;
    font-size: var(--fz16)
}

.lst-d8 .tit {
    font-size: var(--fz22);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .desc {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #999;
    line-height: 2;
    max-height: 6em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.lst-d8 .btns {
    margin-top: .27rem;
    font-size: var(--fz14);
    color: #63a4c6;
    line-height: 2.14;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 .btns .icon-arrow {
    margin-left: .16rem;
    display: block;
    width: .3rem;
    height: .3rem;
    background: url(/images/hlg/d-icon-arrow3.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d8 li:nth-child(1) .con:before {
    display: none
}

.lst-d8 li:last-child .con:after {
    opacity: 1
}

.lst-d8 li:hover+li .con:before {
    opacity: 0
}

.lst-d8 .con:hover {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    border-radius: .16rem
}

.lst-d8 .con:hover:after,.lst-d8 .con:hover:before {
    opacity: 0!important
}

.lst-d8 .con:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lst-d8 .con:hover .tit {
    color: #0168b7
}

.lst-d8 .con:hover .btns {
    color: #0168b7
}

.lst-d8 .con:hover .btns .icon-arrow {
    background-image: url(/images/hlg/d-icon-arrow4.png)
}

.lst-d9 .con {
    padding: .5rem .2rem;
    display: block;
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .con:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    border-top: 2px solid #dde3e9;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d9 .date {
    margin-right: .4rem;
    width: .85rem;
    height: .85rem;
    background-color: rgba(1,104,183,.7);
    border-radius: .15rem;
    color: #edf4fa;
    text-align: center;
    line-height: 1.1;
    z-index: 10;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lst-d9 .date .d1 {
    font-size: var(--fz30)
}

.lst-d9 .date .d2 {
    margin-top: .06rem;
    font-size: var(--fz16)
}

.lst-d9 .text {
    width: calc(100% - 1.25rem);
    flex-shrink: 0
}

.lst-d9 .tit {
    font-size: var(--fz22);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 .desc {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #999;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 .desc p {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.lst-d9 li:nth-child(1) .con:before {
    display: none
}

.lst-d9 li:last-child .con:after {
    opacity: 1
}

.lst-d9 li:hover+li .con:before {
    opacity: 0
}

.lst-d9 .con:hover {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27);
    border-radius: .16rem
}

.lst-d9 .con:hover:after,.lst-d9 .con:hover:before {
    opacity: 0!important
}

.lst-d9 .con:hover .tit {
    color: #0168b7
}

.lst-d10 {
    margin: 0 -.26rem -.52rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.lst-d10 li {
    padding: 0 .26rem;
    margin-bottom: .52rem;
    width: 33.33%;
    flex-shrink: 0
}

.lst-d10 .con {
    display: block;
    height: 100%;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: .15rem;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .pic {
    padding-top: 56.17%;
    position: relative;
    overflow: hidden
}

.lst-d10 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .tit {
    padding: 0 .2rem;
    font-size: var(--fz20);
    color: #444;
    text-align: center;
    font-weight: 400;
    height: .74rem;
    line-height: .74rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lst-d10 .con:hover {
    background-color: #0168b7;
    box-shadow: 0rem 0rem .57rem 0rem rgba(0,104,183,.27)
}

.lst-d10 .con:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lst-d10 .con:hover .tit {
    color: #fff
}

.text-d1 {
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.text-d1 .cont1 {
    margin: .44rem 0 .74rem;
    padding-bottom: 0.15rem;
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.text-d1 .cont1 .txt {
    width: 9.75rem;
    flex-shrink: 0
}

.text-d1 .cont1 .lst-d3 {
    padding-top: .12rem;
    width: 1.98rem;
    flex-shrink: 0
}

.text-d1 .cont2 {
    margin: .8rem 0 .82rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.text-d1 .cont2 .pic {
    width: 6rem;
    border-radius: .16rem;
    overflow: hidden;
    flex-shrink: 0
}

.text-d1 .cont2 .pic img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.text-d1 .cont2 .txt {
    padding-top: .12rem;
    width: 6.08rem;
    flex-shrink: 0
}

.text-d2 {
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.text-d2 .hd {
    margin-bottom: .43rem;
    padding-bottom: .5rem;
    background: url(/images/hlg/d-line1.png) center bottom no-repeat;
    -webkit-background-size: auto .3rem;
    background-size: auto .3rem
}

.text-d2 .hd .title {
    font-size: var(--fz48);
    color: #0168b7;
    text-align: center;
    font-weight: 700;
    line-height: 1.3
}

.box-d1 {
    margin-bottom: -.4rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.box-d1 .box-items {
    padding: .35rem .4rem .64rem;
    margin-bottom: .4rem;
    background-color: #edf4fa;
    border-radius: .15rem
}

.box-d1 .box-hd {
    margin-bottom: .42rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.box-d1 .box-hd .hd-col {
    margin-right: .3rem;
    padding-top: .01rem;
    flex-shrink: 0
}

.box-d1 .box-hd .hd-cor {
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end
}

.box-d1 .box-hd .title {
    padding-left: .32rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.25;
    position: relative
}

.box-d1 .box-hd .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: .04rem;
    width: .05rem;
    height: .29rem;
    background-color: #0168b7
}

.box-d1 .box-hd .link {
    margin: 0 0 -.2rem -.2rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.box-d1 .box-hd .link .a1 {
    margin: 0 0 .2rem .2rem;
    padding: 0 .2rem;
    display: block;
    line-height: .38rem;
    font-size: var(--fz15);
    color: #0068b7;
    border: 1px solid #1484da;
    border-radius: .2rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.box-d1 .box-hd .link .a1 .icon-down {
    margin-left: .2rem;
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(/images/hlg/d-icon-down1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.box-d1 .box-bd .cont1 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.box-d1 .box-bd .cont1 .pic {
    width: 3.12rem;
    flex-shrink: 0;
    order: 2
}

.box-d1 .box-bd .cont1 .pic img {
    display: block;
    max-width: 100%
}

.box-d1 .box-bd .cont1 .txt {
    width: 8.4rem;
    flex-shrink: 0;
    order: 1
}

.box-d1 .box-bd h4 {
    margin: .46rem 0 .36rem;
    font-size: var(--fz24);
    color: #0068b7;
    text-align: center;
    font-weight: 400;
    line-height: 1.3
}

.box-d2 {
    margin-bottom: -.5rem
}

.box-d2 .box-items {
    margin-bottom: .5rem;
    padding: .3rem .4rem;
    background-color: #edf4fa;
    border-radius: .15rem
}

.box-d2 .box-hd {
    margin-bottom: .4rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start
}

.box-d2 .box-hd .icon {
    margin-right: .18rem;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    flex-shrink: 0
}

.box-d2 .box-hd .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-d2 .box-hd span {
    padding: .06rem 0;
    display: block;
    flex-grow: 1
}

.box-d3 {
    margin-bottom: -.4rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.box-d3 .box-items {
    margin-bottom: .43rem
}

.box-d3 .title {
    margin-bottom: .27rem;
    padding-left: .34rem;
    font-size: var(--fz28);
    color: #444;
    font-weight: 400;
    line-height: 1.5;
    position: relative
}

.box-d3 .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: .08rem;
    width: .05rem;
    height: .29rem;
    background-color: #0168b7
}

.detail-d1 .hd {
    padding-bottom: .37rem;
    border-bottom: 2px solid #ebeef2
}

.detail-d1 .hd .title {
    font-size: var(--fz34);
    color: #444;
    text-align: center;
    font-weight: 400;
    line-height: 1.3
}

.detail-d1 .hd .info {
    margin-top: .2rem;
    font-size: var(--fz16);
    color: #777;
    line-height: 1.5;
    text-align: center
}

.detail-d1 .hd .info span {
    margin: 0 .18rem;
    display: inline-block;
    vertical-align: middle
}

.detail-d1 .hd .info span span {
    margin: 0
}

.detail-d1 .cont {
    padding: .42rem 0 .65rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 1.94
}

.detail-d1 .pag {
    padding-top: .42rem;
    border-top: 2px solid #e5ecf2;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.detail-d1 .pag .left {
    width: calc(100% - 1.86rem);
    flex-shrink: 0
}

.detail-d1 .pag .right {
    margin-left: .4rem;
    flex-shrink: 0
}

.detail-d1 .pag .item {
    display: block;
    font-size: var(--fz18);
    color: #444;
    height: .36rem;
    line-height: .36rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.detail-d1 .pag .btns {
    width: 1.46rem;
    height: .5rem;
    line-height: .5rem;
    background-color: #0168b7;
    border-radius: .1rem;
    font-size: var(--fz18);
    color: #fff;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.detail-d1 .pag .btns .icon-return {
    margin-right: .08rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: url(/images/hlg/d-icon-return1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.detail-d1 .pag .item:hover {
    color: #0168b7;
    text-decoration: underline
}

.detail-d1 .pag .btns:hover {
    opacity: .8
}
.detail-d1 .cont table td p span,.detail-d1 .cont table td p{font-size: .14rem !important;}
.his-d1 {
    padding: .62rem .88rem 1.11rem;
    background: url(/images/hlg/d-bg10.jpg) center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.his-d1:before {
    margin-left: -.15rem;
    content: '';
    position: absolute;
    left: 50%;
    bottom: .82rem;
    width: .31rem;
    height: .19rem;
    background: url(/images/hlg/d-icon-arrow6.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    animation: ani_down 2s infinite linear
}

.his-d1:after {
    margin-left: -1px;
    content: '';
    position: absolute;
    left: 50%;
    top: 1.78rem;
    bottom: 1.11rem;
    width: 2px;
    background-color: #0068b7
}

.his-d1 .his-icon {
    margin: 0 auto .31rem;
    width: .78rem;
    height: 1.19rem;
    line-height: 1.19rem;
    font-size: 0;
    text-align: center
}

.his-d1 .his-icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.his-d1 .ls1 {
    display: -webkit-flex;
    display: flex
}

.his-d1 .ls1.mob {
    display: none
}

.his-d1 .ls1 .ls-col,.his-d1 .ls1 .ls-cor {
    width: 50%
}

.his-d1 .ls1 .ls-col {
    padding-right: .96rem
}

.his-d1 .ls1 .ls-col .icon-circle {
    right: -.96rem;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%)
}

.his-d1 .ls1 .ls-col .line {
    margin-right: -.96rem
}

.his-d1 .ls1 .ls-col .line:before {
    right: 0
}

.his-d1 .ls1 .ls-col .year {
    text-align: right
}

.his-d1 .ls1 .ls-cor {
    padding-top: 1.15rem;
    padding-left: .96rem
}

.his-d1 .ls1 .ls-cor .icon-circle {
    left: -.96rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.his-d1 .ls1 .ls-cor .year {
    text-align: left
}

.his-d1 .ls1 .ls-cor .line {
    margin-left: -.96rem
}

.his-d1 .ls1 .ls-cor .line:before {
    left: 0
}

.his-d1 .ls1 ul {
    margin-bottom: -.28rem
}

.his-d1 .ls1 li {
    margin-bottom: .73rem
}

.his-d1 .ls1 .con {
    position: relative
}

.his-d1 .ls1 .icon-circle {
    position: absolute;
    top: .38rem;
    width: .16rem;
    height: .16rem;
    z-index: 10
}

.his-d1 .ls1 .icon-circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0068b7
}

.his-d1 .ls1 .icon-circle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    border: 1px solid #0068b7;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1
}

.his-d1 .ls1 .year {
    font-size: var(--fz30);
    color: #0068b7;
    font-weight: 400;
    line-height: 1.3
}

.his-d1 .ls1 .line {
    margin: .06rem 0 .33rem;
    height: 1px;
    background-color: #9cbfdb;
    position: relative
}

.his-d1 .ls1 .line:before {
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 2px;
    background-color: #0068b7
}

.his-d1 .ls1 .desc {
    margin-bottom: .26rem;
    font-size: var(--fz18);
    color: #444;
    line-height: 2.11
}

.his-d1 .ls1 .pic {
    margin: 0 auto;
    width: 4.7rem;
    border-radius: .15rem;
    border: 1px solid #e4e4e4;
    position: relative;
    overflow: hidden
}

.his-d1 .ls1 .pic:before {
    content: '';
    display: block;
    padding-top: 75%
}

.his-d1 .ls1 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-nav {
    margin-top: -.77rem;
    margin-bottom: .6rem;
    display: none
}

.section-nav .hd {
    padding: 0 1.2rem;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    background-color: rgba(0,0,0,.05)
}

.section-nav .hd .return {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0;
    text-align: center
}

.section-nav .hd .return img {
    display: inline-block;
    vertical-align: middle;
    max-width: .48rem;
    max-height: .48rem
}

.section-nav .hd .menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0;
    text-align: center
}

.section-nav .hd .menu img {
    display: inline-block;
    vertical-align: middle;
    max-width: .48rem;
    max-height: .48rem
}

.section-nav .hd .title {
    font-size: .32rem;
    color: #000;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.section-nav .bd {
    background-color: rgba(0,0,0,.1);
    display: none
}

.section-nav .bd li {
    padding: 0 .3rem;
    border-bottom: 1px solid #dedede
}

.section-nav .bd a {
    padding: .3rem 0;
    display: block;
    font-size: .28rem;
    color: #333;
    line-height: 1.5
}

.section-nav .bd li.on a {
    color: #0068b7
}

@media screen and (max-width: 1525px) {
    .section-d1 .sec-bg2 {
        top:14.9rem
    }

    .section-d1 .sec-bg3 {
        top: 32.4rem
    }

    .his-d1 .ls1 .icon-circle {
        top: 30px
    }

    .lst-d11 .date span {
        padding-left: .5rem;
        -webkit-background-size: .18rem auto;
        background-size: .18rem auto
    }
}

@media screen and (max-width: 1342px) {
    .section-d1 .sec-bg2 {
        top:17.7rem
    }

    .section-d1 .sec-bg3 {
        top: 38.2rem
    }
}

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

    .lst-d1 li:before {
        top: 6px;
        width: 12px;
        height: 12px
    }

    .lst-d3 {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .lst-d3 li {
        width: 25%;
        flex-shrink: 0
    }

    .lst-d3 .con {
        margin: 0 auto;
        width: 2.9rem;
        height: 2.9rem
    }

    .lst-d5 .job {
        line-height: 26px
    }

    .lst-d5 .job span {
        padding: 0 15px
    }

    .lst-d6 li {
        width: 16.66%
    }

    .lst-d6 .con {
        width: 2.3rem;
        height: 2.3rem
    }

    .lst-d7 .icon-arrow {
        margin-top: 6px;
        width: 14px;
        height: 14px
    }

    .lst-d8 .date {
        width: 60px;
        height: 60px
    }

    .lst-d9 .date {
        margin-right: 20px;
        width: 60px;
        height: 60px
    }

    .lst-d9 .text {
        width: calc(100% - 80px)
    }

    .section-d1 {
        overflow: hidden
    }

    .section-d1 .sec-col {
        display: none
    }

    .section-d1 .sec-cor {
        width: 100%
    }

    .section-d1 .sec-bg2,.section-d1 .sec-bg3 {
        display: none
    }

    .text-d1 .cont1 {
        padding-bottom: .4rem;
        display: block
    }

    .text-d1 .cont1 .txt {
        margin-bottom: .3rem;
        width: 100%
    }

    .text-d1 .cont1 .lst-d3 {
        padding: 0;
        width: 100%
    }

    .text-d1 .cont2 {
        margin: .4rem 0;
        display: block
    }

    .text-d1 .cont2 .pic,.text-d1 .cont2 .txt {
        width: 100%
    }

    .text-d1 .cont2 .pic {
        margin-bottom: .1rem
    }

    .box-d1 .box-bd .cont1 {
        display: block
    }

    .box-d1 .box-bd .cont1 .pic {
        margin: 0 auto .15rem
    }

    .box-d1 .box-bd .cont1 .txt {
        width: 100%
    }

    .box-d2 .box-hd {
        line-height: 28px
    }

    .box-d2 .box-hd .icon {
        width: 28px;
        height: 28px
    }

    .box-d2 .box-hd span {
        padding: 0
    }

    .box-d3 .title:before {
        top: 8px;
        height: 26px
    }

    .detail-d1 .pag .left {
        width: calc(100% - 150px)
    }

    .detail-d1 .pag .right {
        margin-left: 40px
    }

    .detail-d1 .pag .item {
        height: 32px;
        line-height: 32px
    }

    .detail-d1 .pag .btns {
        width: 110px;
        height: 34px;
        line-height: 34px
    }

    .detail-d1 .pag .btns .icon-return {
        width: 16px;
        height: 16px
    }

    .his-d1 .ls1 .icon-circle {
        top: 34px;
        width: 12px;
        height: 12px
    }

    .his-d1 .ls1 .icon-circle:after {
        width: 24px;
        height: 24px
    }

    .box-d4 {
        display: block
    }

    .box-d4 .box-col,.box-d4 .box-cor {
        width: 100%
    }

    .box-d4 .box-col {
        margin-bottom: .6rem
    }

    .lst-d11 .date span {
        padding-left: .55rem;
        -webkit-background-size: .24rem auto;
        background-size: .24rem auto
    }
}

@media screen and (max-width: 959px) {
    .box-d3 .title:before {
        top:6px;
        height: 20px
    }

    .his-d1 .ls1 .icon-circle {
        top: 26px;
        width: 10px;
        height: 10px
    }

    .his-d1 .ls1 .icon-circle:after {
        width: 20px;
        height: 20px
    }
    .detail-d1 .tbsc{overflow-x:auto;}
    .detail-d1 .cont table{width: 1000px !important;}
}

@media screen and (max-width: 767px) {
    .d-ban1 {
        height:5rem
    }

    .d-ban1 .ban-cont {
        bottom: 2.4rem
    }

    .lst-d1 {
        margin-bottom: .4rem;
        padding: .3rem;
        background: #0068b7;
        border-radius: .2rem
    }

    .lst-d1 ul {
        margin-bottom: -.15rem
    }

    .lst-d1 li {
        margin-bottom: .15rem;
        width: 100%
    }

    .lst-d2 {
        margin: .4rem 0
    }

    .lst-d2 ul {
        margin: 0 -.1rem -.2rem
    }

    .lst-d2 li {
        padding: 0 .1rem;
        margin-bottom: .2rem;
        width: 50%
    }

    .lst-d3 li {
        width: 50%
    }

    .lst-d4 {
        margin: .4rem 0;
        padding: .4rem
    }

    .lst-d4 li {
        width: 50%!important
    }

    .lst-d5 li {
        width: 100%
    }

    .lst-d6 {
        margin: .4rem 0
    }

    .lst-d6 li {
        width: 33.33%
    }

    .lst-d6 .con {
        width: 2.1rem;
        height: 2.1rem
    }

    .lst-d6 .num {
        font-size: var(--fz16)
    }

    .lst-d6 .tit {
        margin-top: .25rem;
        font-size: var(--fz16)
    }

    .lst-d7 li {
        width: 100%
    }

    .lst-d8 .con {
        padding: .4rem .2rem;
        display: block
    }

    .lst-d8 .left,.lst-d8 .right {
        width: 100%
    }

    .lst-d9 .con {
        padding: .4rem .2rem
    }

    .lst-d10 {
        margin: 0 -.1rem -.2rem
    }

    .lst-d10 li {
        padding: 0 .1rem;
        margin-bottom: .2rem;
        width: 50%
    }

    .section-d1 {
        padding: .6rem 0 2.2rem
    }

    .text-d1 .cont1 {
        margin: .4rem 0;
        display: block
    }

    .box-d1 .box-hd {
        display: block
    }

    .box-d1 .box-hd .hd-col {
        margin: 0
    }

    .box-d1 .box-hd .hd-cor {
        margin-top: .3rem;
        display: block
    }

    .box-d1 .box-hd .link .a1 {
        padding: .06rem .2rem;
        border-radius: .3rem
    }

    .detail-d1 .pag {
        padding-bottom: .4rem;
        display: block
    }

    .detail-d1 .pag .left {
        width: 100%
    }

    .detail-d1 .pag .right {
        margin: 0;
        margin-top: 10px
    }

    .detail-d1 .pag .btns {
        margin: 0 auto
    }

    .his-d1 {
        padding: .5rem;
        padding-left: .3rem;
        padding-bottom: .9rem
    }

    .his-d1:after {
        top: 1.6rem;
        left: .65rem
    }

    .his-d1:before {
        left: .65rem
    }

    .his-d1 .his-icon {
        margin: 0;
        margin-bottom: .2rem
    }

    .his-d1 .ls1 {
        padding-left: .35rem;
        display: block
    }

    .his-d1 .ls1 .ls-col,.his-d1 .ls1 .ls-cor {
        padding: 0;
        width: 100%
    }

    .his-d1 .ls1 .icon-circle {
        left: 0!important;
        right: auto!important;
        -webkit-transform: translateX(-50%)!important;
        -ms-transform: translateX(-50%)!important;
        -o-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important
    }

    .his-d1 .ls1 .year {
        padding-left: .5rem;
        text-align: left!important
    }

    .his-d1 .ls1 .line {
        margin: .06rem 0 .3rem!important
    }

    .his-d1 .ls1 .line:before {
        left: 0!important;
        right: auto!important
    }

    .his-d1 .ls1 .desc {
        padding-left: .5rem;
        line-height: 1.8
    }

    .his-d1 .ls1 .pic {
        margin: 0!important;
        margin-left: .5rem!important;
        width: auto
    }

    .his-d1 .ls1.pc {
        display: none
    }

    .his-d1 .ls1.mob {
        display: block
    }
}

@media screen and (max-width: 371px) {
    .lst-d1 li:before {
        top:.13rem;
        width: .2rem;
        height: .2rem
    }

    .lst-d5 .job {
        line-height: .6rem
    }

    .lst-d5 .job span {
        padding: 0 .25rem
    }

    .lst-d7 .icon-arrow {
        margin-top: .1rem;
        width: .24rem;
        height: .24rem
    }

    .lst-d8 .date {
        width: 1.3rem;
        height: 1.3rem
    }

    .lst-d9 .date {
        margin-right: .5rem;
        width: 1.3rem;
        height: 1.3rem
    }

    .lst-d9 .text {
        width: calc(100% - 1.8rem)
    }

    .detail-d1 .pag .item {
        height: .58rem;
        line-height: .58rem
    }

    .detail-d1 .pag .btns {
        width: 2.4rem;
        height: .8rem;
        line-height: .8rem
    }

    .detail-d1 .pag .btns .icon-return {
        width: .4rem;
        height: .4rem
    }

    .box-d3 .title:before {
        top: .15rem;
        height: .4rem
    }

    .his-d1 .ls1 .icon-circle {
        top: .52rem;
        width: .2rem;
        height: .2rem
    }

    .his-d1 .ls1 .icon-circle:after {
        width: .4rem;
        height: .4rem
    }
}

/*!****** hlg end *******/
.cont p {
    text-indent: 2em
}

@media screen and (max-width: 1024px) {
    .g-titl1.gb .tit {
        padding-top:0rem
    }

    .g-titl1.gb .more {
        top: 15%
    }
    
    .ul-listgbl2 .con{
        padding-bottom: 0.1rem;
    }
}
@media screen and (max-width: 767px) {
    .ul-listgbl2 .con .tit{
        height: 6.664em;
    }
}