html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;

    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
}
ul, li{
    padding:0;margin:0;
    list-style:none;
}
input, select, img{
    background: transparent;
    border: none;
    outline:none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
a:link,
a:visited,
a:hover{
    text-decoration: none;
}

p, pre, ul, li, h1, h2, h3, h4, h5, h6, dl, dd, a {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
ul, li, dd, dl {
    list-style: none;
}
pre{
    white-space: pre-wrap;
    word-wrap: break-word;
}

:root{
    --safe-content-width:1200px;        /*内容安全宽度*/
    --safe-page-width:1300px;           /*页面安全宽度*/
    --module-title-font-size: 32px;        /*模块标题字号*/

    --bold-font-family: PingFangSC-Semibold, PingFang SC;
}
.btn.primary{
    background: #2773FF;
    color: #FFFFFF;
}
.btn.primary:hover{
    background: #2152E8;
}
.btn.disable{
    color: #868F9A;
    background-color: #F8F9FB;
}
.btn.disable:hover{
    color: #868F9A;
    background-color: #F8F9FB;
}

.img-cover,
.img-cover img{
    object-fit: cover !important;
}
.img-contain,
.img-contain img{
    object-fit: contain  !important;
}
.zoom-in{
    cursor: zoom-in !important;
}
.global-zoom-in{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    z-index: 1111;
    cursor: zoom-out;
}
.global-zoom-in .wrapper{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
}
.global-zoom-in img{
    width: var(--safe-content-width);
    max-height: 100%;
    object-fit: contain;
    background: #FFF;
}
.page{
    min-width: var(--safe-page-width);
    /*overflow-x: scroll;*/
}
.safe-content{
    width: 1200px;
    height: 100%;
    margin: auto;

    position: relative;
}
.module{

    box-sizing: border-box;
    overflow: hidden;
}
.module-title{
    font-size: var(--module-title-font-size);
    font-weight: 300;
    color: #333333;
    line-height: 44px;
    text-align: center;
    font-family: PingFangSC-Light;
}
.module-description{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: 25px 80px 0;
}
.module-body{
    margin-top: 40px;
}

.safe-container{
    width: 1200px;
    height: 100%;
    margin: auto;
}

/*swiper切换按钮样式重写*/
.module .swiper-button-prev{
    left: -68px;
}
.module .swiper-button-next{
    right: -68px;
}
.module .swiper-button-prev,
.module .swiper-button-next{
    width: 48px;
    height: 48px;
    border: 1px solid #5A6779;
    box-shadow: 0px 4px 12px -4px rgba(201,225,214,0.53);
    border-radius: 24px;

    /*top: 110px;*/
}
.module .swiper-button-prev.swiper-button-disabled,
.module .swiper-button-next.swiper-button-disabled{
    border:1px solid rgba(90,103,121,0.2)
}
.module .swiper-button-prev::after,
.module .swiper-button-next::after{
    font-size: 14px;
    color: #5A6779;
}
.module .swiper-button-prev:hover,
.module .swiper-button-next:hover{
    border: 1px solid #2773FF;
}
.module .swiper-button-prev:hover::after,
.module .swiper-button-next:hover::after{
    color: #2773FF;
}
.module .swiper-button-disabled {
    opacity: unset !important;
    cursor: auto;
    pointer-events: none;
}
.module .swiper-button-disabled::after {
    opacity: 0.2;
}

/*模块背景，标题色*/
.module.gary{
    background: #F3F4F8;
}
.module.gary .module-title{
    /*color: #215BC0;*/
    /*background: linear-gradient(90deg, #4A4AD3 0%, #9C67FF 100%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}
.module.gary .module-description{
    color: #292292;
}

.module.gradient{
    background: linear-gradient(180deg, #DBEDFE 10%, #F9FCFF 100%);
}
.module.gradient .module-title{
    color: #0C55AA;
}


    /*页脚------------------------------------*/
.footer{
    min-width: var(--safe-page-width);
    width: 100%;
    background: #F8F9FB;
}
.footer .advisory{
    width: 100%;
    height: 280px;
    background: url("../images/footer_advisory.png") center;
    background-size: cover;
    padding: 45px;
    box-sizing: border-box;
}
.footer .advisory .name{
    width: fit-content;
    font-size: 20px;
    font-weight: 600;
    color: #29D3FF;
    line-height: 28px;
    margin: auto;
}
.footer .advisory .title{
    width: fit-content;
    font-size: 36px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 50px;
    margin: auto;
}
.footer .advisory .description{
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    margin: 22px auto 0;
}
.footer .advisory .btn{
    display: block;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    margin: 40px auto;

    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
.footer .split{
    width: 100%;
    height: 9px;
    margin-top: -1px;
    background: linear-gradient(90deg, #14DDAC, #5DBFFD, #3E80FA, #2152E8);
}
.footer .service{
    height: 120px;
    border-bottom: 1px solid rgba(51,51,51,0.1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer .service .item{
    width: 220px;
    margin: 0 40px;
    display: flex;
    align-items: center;
}
.footer .service .item .icon{
    width: 48px;
    height: 48px;
    margin-right: 12px;
}
.footer .service .item .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer .service .item .name{
    font-size: 20px;
    font-weight: 600;
    color: #2B78FF;
    line-height: 28px;
}
.footer .content{
    padding: 40px 0;
    border-bottom: 1px solid rgba(51,51,51,0.1);
    display: flex;
}
.footer .content .contact{
    width: 250px;
    border-right: 2px solid rgba(51,51,51,0.1);
    flex-shrink: 0;
}
.footer .content .contact .item{
    margin-bottom: 24px;
}
.footer .content .contact .title{
    font-size: 16px;
    font-weight: 400;
    color: #1E316C;
    line-height: 22px;
}
.footer .content .contact .tel{
    font-size: 24px;
    /*font-family: HelveticaNeue-Bold, HelveticaNeue;*/
    font-weight: bold;
    color: #000000;
    line-height: 29px;
    background: linear-gradient(148deg, #509CFF 0%, #2C55FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footer .content .contact .mail{
    font-size: 16px;
    color: #1E316C;
    line-height: 18px;
}
.footer .content .contact .btn{
    display: block;
    width: 170px;
    height: 32px;
    border-radius: 16px;

    font-size: 16px;
    font-weight: 400;

    line-height: 32px;
    text-align: center;
}

.footer .law{
    font-size: 14px;
    font-weight: 400;
    color: #636364;
    line-height: 20px;
    padding: 25px 0 35px;

}
.footer .law .row:nth-child(1){
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.footer .law .logo{
    height: 20px;
    margin-right: 25px;
}
.footer .law .link a{
    margin: 0 10px;
}
.footer .law .link a:hover{
    color: #2B78FF;
}
.footer .law .privacy{
    margin-left: 90px;
}
.footer .law .privacy a{
    margin: 0 10px;
}

.footer .content .nav{
    font-size: 14px;
    font-weight: 400;
    color: #636364;
    line-height: 32px;
    padding-left: 70px;
    width: 100%;
    display: flex;
}
.footer .nav dl{
    width: 20%;
}
.footer .nav dl dt{
    font-size: 14px;
    font-weight: 500;
    color: #183285;
    line-height: 20px;
    margin-bottom: 14px;
}

.footer .nav dl dd:hover{
    color: #2B78FF;
}
.footer .code{
    width: 110px;
    flex-shrink: 0;
}
.footer .code .title{
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
    text-align: center;
}
.footer .code .img{
    width: 90px;
    margin: 14px auto;
}
.footer .code .img img{
    display: block;
    width: 100%;
}

@media screen and (min-width: 1200px) and (max-width : 1500px){
    .footer{
        min-width: unset;
    }
}

@media screen and (min-width: 992px) and (max-width : 1200px) {
    .footer{
        min-width: unset;
    }
}
@media screen and (max-width: 767px) {
    .footer{
        min-width: 100%;
        width: 100%;
        background: #F8F9FB;
    }
    .footer .advisory{
        height: fit-content;
        padding: .45rem;
    }
    .footer .advisory .name{
        font-size: .26rem;
        line-height: 1.6;
    }
    .footer .advisory .title{
        font-size: .42rem;
        line-height: 1.6;
    }
    .footer .advisory .description{
        font-size: .22rem;
        line-height: 1.6;
        margin: .12rem auto 0;
    }
    .footer .advisory .btn{
        width: 1.6rem;
        height: .5rem;
        border-radius: .25rem;
        font-size: .22rem;
        line-height: .5rem;
        margin: .3rem auto 0;
    }
    .footer .split{
        width: 100%;
        height: .1rem;
        margin-top: -1px;
        background: linear-gradient(90deg, #14DDAC, #5DBFFD, #3E80FA, #2152E8);
    }

    .footer .service{
        height: 1rem;
        border-bottom: .01rem solid rgba(51,51,51,0.1);
        margin: 0;
        justify-content: space-between;
    }
    .footer .service .item{
        width: fit-content;
        margin: 0 .3rem;
    }
    .footer .service .item .icon{
        width: .3rem;
        height: .3rem;
        margin-right: .12rem;
    }
    .footer .service .item .name{
        font-size: .22rem;
        line-height: 1.6;
    }

    .footer .content{
        padding: .2rem 0;
        border-bottom: .01rem solid rgba(51,51,51,0.1);
        flex-wrap: wrap;
    }
    .footer .content .contact{
        width: 100%;
        border-right: unset;
        flex-shrink: 0;
        padding-bottom: .2rem;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        border-bottom: .01rem solid rgba(51,51,51,0.1);
    }
    .footer .content .contact .item{
        width: calc((100% - .4rem) / 2);
        margin-bottom: .2rem;
    }
    .footer .content .contact .title{
        font-size: .22rem;
        line-height: 1.6;
    }
    .footer .content .contact .tel{
        font-size: .26rem;
        line-height: 1.6;
    }
    .footer .content .contact .mail{
        font-size: .22rem;
        line-height: 1.6;
    }
    .footer .content .contact .btn{
        width: 2rem;
        height: .5rem;
        border-radius: .25rem;
        font-size: .22rem;
        line-height: .5rem;
    }


    .footer .content .nav{
        font-size: .2rem;
        line-height: 1.6;
        padding-left: unset;
        width: 100%;
        flex-wrap: wrap;
        margin-top: .2rem;
        padding-bottom: .2rem;
        border-bottom: .01rem solid rgba(51,51,51,0.1);
    }
    .footer .nav dl{
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: .1rem;
    }
    .footer .nav dl dt{
        width: 100%;
        font-size: .2rem;
        line-height: 1.6;
        margin-bottom: 0rem;
        text-align: center;
    }
    .footer .nav dl dd{
        margin: .05rem .1rem;
    }
    .footer .nav dl dd:hover{
        color: #2B78FF;
    }

    .footer .law{
        font-size: .2rem;
        line-height: 1.6;
        padding: .25rem 0 .35rem;
    }
    .footer .law .row:nth-child(1){
        margin-bottom: .12rem;
        justify-content: center;
    }
    .footer .law .row:nth-child(2){
        text-align: center;
    }
    .footer .law .logo{
        height: .22rem;
        margin-right: .25rem;
    }
    .footer .law .link a{
        margin: 0 .1rem;
    }

    .footer .law .privacy{
        margin-left: unset;
    }
    .footer .law .privacy a{
        margin: 0 .1rem;
    }
    .footer .code{
        width: 2rem;
        margin: .2rem auto 0;
    }
    .footer .code .title{
        font-size: .2rem;
        line-height: 1.6;
    }
    .footer .code .img{
        width: 1.2rem;
        margin: .15rem auto;
    }
    .footer .code .img img{
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: calc(100vw / 750 * 100) !important;

        width: 100vw !important;
        /*height: fit-content;*/
        overflow-x: hidden;
        -webkit-text-size-adjust:none;
    }
    .page{
        width: 100%;
        overflow-x: hidden;
        min-width: unset;
    }
    .safe-content{
        width: calc(100vw - 0.6rem);
        height: 100%;
        margin: auto;

        position: relative;
    }
    .global-zoom-in img{
        width: calc(100vw - 0.6rem);
    }
    .navigate{
        display: none;
    }
    .module{
        padding: 0.6rem 0;
    }
    .module-title{
        font-size: 0.32rem;
        line-height: 0.44rem;
    }
    .module-description{
        font-size: 0.16rem;
        margin-top: 0.25rem;
        margin: 0.3rem 0.6rem;
    }
    .module-body{
        margin-top: 0.4rem;
    }
}

.global-tools{
    width: 60px;
    height: 271px;
    background: linear-gradient(148deg, #EAEDF8 0%, #FFFFFF 100%);
    box-shadow: 0px 0px 18px 0px rgba(228,228,228,0.5);
    border-radius: 35px;
    border: 2px solid #FFFFFF;
    padding: 30px 14px;
    box-sizing: border-box;

    position: fixed;
    right: 10px;
    bottom: 50px;

    z-index: 999;
}
.global-tools .btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.global-tools .btn .icon{
    width: 20px;
    height: 20px;
}
.global-tools .btn .title{
    width: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #35353F;
    line-height: 20px;
    text-align: center;

    margin-top: 5px;
}
.global-tools .btn.top{
    cursor: pointer;
}
.global-tools .btn.top .title{
    width: 32px;
    color: #8896AA;
}
.global-tools .split{
    width: 33px;
    height: 1px;
    background: #DFE6ED;

    margin: 17px 0;
}

.global-tools .drawers{
    width: 377px;
    height: 236px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px 0px rgba(228,228,228,0.5);
    padding: 15px 0;
    box-sizing: border-box;

    position: absolute;
    right: 70px;
    top: 15px;

    transform: scaleX(0);
    transform-origin: top right;
    transition: all .5s .1s;
}
.global-tools:hover .drawers{
    transform: scaleX(1);
}
.global-tools .drawers a{
    display: block;
    height: 70px;
    padding: 12px 12px 12px 70px;
    box-sizing: border-box;

    position: relative;
}
.global-tools .drawers a:hover{
    background: #F8F9FB;
}
.global-tools .drawers .icon{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 15px;
}
.global-tools .drawers a .title{
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2D3849;
    line-height: 20px;
}

.global-tools .drawers a .description{
    font-size: 14px;
    font-weight: 400;
    color: #35353F;
    line-height: 20px;

    margin-top: 6px;
}
.global-tools .drawers a .description.primary{
    color: #2773FF;
}
@media screen and (max-width: 767px) {
    .global-tools{
        width: .8rem;
        height: fit-content;
        border-radius: .4rem;
        border: 2px solid #FFFFFF;
        padding: .3rem .15rem;
        box-sizing: border-box;

        position: fixed;
        right: 10px;
        bottom: 50px;

        z-index: 999;
    }
    .global-tools .btn .icon{
        width: .3rem;
        height: .3rem;
    }
    .global-tools .btn .title{
        width: .22rem;
        font-size: .2rem;
        line-height: 1.6;

        margin-top: .05rem;
    }
    .global-tools .btn.top .title{
        width: .5rem;
        color: #8896AA;
    }
    .global-tools .split{
        width: 100%;
        height: .01rem;
        background: #DFE6ED;

        margin: .15rem 0;
    }

    .global-tools .drawers{
        width: 5.2rem;
        height: fit-content;
        padding: .15rem 0;

        right: 1rem;
        top: .15rem;
    }
    .global-tools .drawers a{
        display: block;
        height: 1rem;
        padding: .15rem .15rem .15rem .8rem;
    }
    .global-tools .drawers a:hover{
        background: #F8F9FB;
    }
    .global-tools .drawers .icon{
        width: .3rem;
        height: .3rem;
        position: absolute;
        left: .25rem;
        top: .2rem;
    }
    .global-tools .drawers a .title{
        font-size: .2rem;
        line-height: 1.6;
    }

    .global-tools .drawers a .description{
        font-size: .2rem;
        line-height: 1.6;

        margin-top: .1rem;
    }
    .global-tools .drawers a .description.primary{
        color: #2773FF;
    }
}


.pagination{
    margin-top: 50px;
}
.pagination ul{
    display: flex;
    justify-content: center;
}
.pagination .prev::after{
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(135deg);
}
.pagination .next::after{
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
}
.pagination li{
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid transparent;

    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-align: center;

    margin: 0 10px;
}
.pagination li.active{
    background: #FFFFFF;
    border: 1px solid #2773FF;

    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2773FF;
}